@pepperdash/mobile-control-react-app-core 1.22.7 → 1.22.8-volume-hook-fix.1

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

@@ -3,135 +3,135 @@ 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 u1, combineReducers as S2, configureStore as j2 } from "@reduxjs/toolkit";
-import x3, { createContext as C2, useEffect as O1, useCallback as r1, useContext as b2, useRef as $1, useMemo as n1, useState as Y, useLayoutEffect as Z3 } from "react";
+import { createSelector as M, createSlice as u1, combineReducers as S2, configureStore as j2 } from "@reduxjs/toolkit";
+import x3, { createContext as C2, useEffect as x1, useCallback as n1, useContext as b2, useRef as M1, useMemo as o1, 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(), f = x2.withTypes(), M1 = (e) => e.appConfig, E2 = m(
-  M1,
+const W1 = M2.withTypes(), m = x2.withTypes(), Z1 = (e) => e.appConfig, E2 = M(
+  Z1,
   (e) => e.config
-), T2 = m(
-  M1,
+), T2 = M(
+  Z1,
   (e) => e.config.apiPath
-), D2 = m(
-  M1,
+), D2 = M(
+  Z1,
   (e) => e.config.logoPath
-), _2 = m(
-  M1,
+), _2 = M(
+  Z1,
   (e) => e.config.partnerMetadata
-), X8 = () => f(E2), Q8 = () => f(T2), N8 = () => f(D2), e6 = () => f(_2), j3 = (e) => e.devices, C3 = m(
+), X8 = () => m(E2), Q8 = () => m(T2), N8 = () => m(D2), e6 = () => m(_2), j3 = (e) => e.devices, C3 = M(
   j3,
   (e) => e
-), P2 = (e) => m(
+), P2 = (e) => M(
   j3,
   (t) => t[e] ? t[e] : void 0
-), t6 = () => f(C3);
-function _(e) {
-  return f(P2(e));
+), t6 = () => m(C3);
+function P(e) {
+  return m(P2(e));
 }
-const A = (e) => e.rooms, L2 = (e) => m(
+const A = (e) => e.rooms, L2 = (e) => M(
   A,
   (t) => t[e] ? t[e].configuration : void 0
-), $2 = m(
+), $2 = M(
   A,
   (e) => e
-), A2 = (e) => m(
+), A2 = (e) => M(
   A,
   (t) => t[e] ? t[e] : void 0
-), B2 = (e) => m(
+), B2 = (e) => M(
   A,
   (t) => t[e] ? t[e].name : void 0
-), k2 = (e, t) => m(
+), k2 = (e, t) => M(
   A,
   (o) => o[e] ? o[e].volumes[t] : void 0
-), O2 = (e) => m(
+), O2 = (e) => M(
   A,
   (t) => t[e] ? t[e] : void 0
-), W2 = (e) => m(
+), 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(
+), 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(
+), 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;
   }
-), H2 = (e) => m(
+), H2 = (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;
   }
-), F2 = (e) => m(
+), F2 = (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(
+), K2 = (e) => M(
   A,
   (t) => {
-    var o, c, r, i, v, g, a, p;
-    return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (v = (i = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : v.sinkKey : ((p = (a = (g = t[e]) == null ? void 0 : g.configuration) == null ? void 0 : a.destinationList.defaultDisplay) == null ? void 0 : p.sinkKey) || "";
+    var o, c, r, i, a, g, v, f;
+    return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (a = (i = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : a.sinkKey : ((f = (v = (g = t[e]) == null ? void 0 : g.configuration) == null ? void 0 : v.destinationList.defaultDisplay) == null ? void 0 : f.sinkKey) || "";
   }
-), q2 = (e) => m(
+), 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(
+), G2 = (e) => M(
   A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isInCall : void 0;
   }
-), Y2 = (e) => m(
+), Y2 = (e) => M(
   A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isWarmingUp : void 0;
   }
-), z2 = (e) => m(
+), z2 = (e) => M(
   A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isCoolingDown : void 0;
   }
-), J2 = (e) => m(
+), J2 = (e) => M(
   A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isOn : void 0;
   }
-), X2 = (e) => m(
+), X2 = (e) => M(
   A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.advancedSharingActive : void 0;
   }
-), Q2 = (e) => m(
+), Q2 = (e) => M(
   A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.share : void 0;
   }
-), N2 = (e) => m(
+), 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;
   }
-), ee = m(
+), ee = M(
   [
     (e, t) => t,
     () => C3,
@@ -147,76 +147,76 @@ const A = (e) => e.rooms, L2 = (e) => m(
   }
 );
 function n6(e) {
-  return f(
+  return m(
     L2(e)
   );
 }
 function o6() {
-  return f($2);
+  return m($2);
 }
-function x1(e) {
-  return f(A2(e));
+function S1(e) {
+  return m(A2(e));
 }
-const s6 = x1, c6 = (e) => f(
+const s6 = S1, c6 = (e) => m(
   B2(e)
-), te = (e, t) => f(
+), te = (e, t) => m(
   k2(e, t)
-), ne = (e) => f(O2(e)) || void 0, r6 = (e) => f(W2(e)), l6 = (e) => f(V2(e)), i6 = (e) => f(U2(e)), a6 = (e) => f(H2(e)), u6 = (e) => f(F2(e)), d6 = (e) => f(K2(e)), v6 = (e) => f(q2(e)), h6 = (e) => f(G2(e)), g6 = (e) => f(Y2(e)), f6 = (e) => f(z2(e)), w6 = (e) => f(J2(e)), m6 = (e) => f(X2(e)), p6 = (e) => f(Q2(e)), M6 = (e) => f((t) => ee(t, e)), x6 = (e) => f(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(H2(e)), u6 = (e) => m(F2(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(
+), se = M(
   G,
   (e) => e.currentRoomKey
-), ce = m(
+), ce = M(
   G,
   (e) => e.roomData.clientId
-), re = m(
+), re = M(
   G,
   (e) => e.roomData.systemUuid
-), le = m(
+), le = M(
   G,
   (e) => e.roomData.userCode
-), ie = m(
+), ie = M(
   G,
   (e) => e.serverIsRunningOnProcessorHardware
-), ae = m(
+), ae = M(
   G,
   (e) => {
     var t;
     return (t = e.roomData.config) == null ? void 0 : t.runtimeInfo;
   }
-), ue = m(
+), ue = M(
   G,
   (e) => e.touchpanelKey
-), de = m(
+), de = M(
   G,
   (e) => e.touchpanelKey !== ""
-), b3 = m(
+), b3 = M(
   G,
   (e) => e.roomData.deviceInterfaceSupport
-), y3 = (e) => m(
+), y3 = (e) => M(
   b3,
   (t) => {
     var o;
     return ((o = t == null ? void 0 : t[e]) == null ? void 0 : o.interfaces) ?? [];
   }
-), ve = (e, t) => m(
+), ve = (e, t) => M(
   y3(e),
   (o) => o.includes(t)
-), I3 = () => f(oe), Z6 = () => f(se), S6 = () => f(ce), j6 = () => f(re), C6 = () => f(le), b6 = () => f(ie), y6 = () => f(ae), I6 = () => f(ue), R6 = () => f(de), E6 = () => f(b3), T6 = (e) => f(y3(e)), D6 = (e, t) => f(ve(e, t)), N = (e) => e.ui, V1 = (e) => m(N, (t) => t.modalVisibility[e]), he = (e) => m(N, (t) => {
+), I3 = () => m(oe), Z6 = () => m(se), S6 = () => m(ce), j6 = () => m(re), C6 = () => m(le), b6 = () => m(ie), y6 = () => m(ae), I6 = () => m(ue), R6 = () => m(de), E6 = () => m(b3), T6 = (e) => m(y3(e)), D6 = (e, t) => m(ve(e, t)), N = (e) => e.ui, V1 = (e) => M(N, (t) => t.modalVisibility[e]), he = (e) => M(N, (t) => {
   const o = t.popoverVisibility[e];
   if (o)
     return Object.keys(o).find((c) => o[c]);
-}), ge = (e, t) => m(
+}), ge = (e, t) => M(
   N,
   (o) => {
     var c;
     return ((c = o.popoverVisibility[e]) == null ? void 0 : c[t]) ?? !1;
   }
-), fe = m(N, (e) => e.error), we = 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 = () => f(V1("showShutdownModal")), P6 = () => f(V1("showIncomingCallModal")), L6 = (e) => f(V1(e)), $6 = (e) => f(he(e)), A6 = (e, t) => f(ge(e, t)), Me = () => f(fe), xe = () => f(we), B6 = () => f(me), Ze = (e) => f(pe(e)), Se = {
+), me = M(N, (e) => e.theme), pe = (e) => M(N, (t) => t.syncState.includes(e)), _6 = () => m(V1("showShutdownModal")), P6 = () => m(V1("showIncomingCallModal")), L6 = (e) => m(V1(e)), $6 = (e) => m(he(e)), A6 = (e, t) => m(ge(e, t)), Me = () => m(fe), xe = () => m(we), B6 = () => m(me), Ze = (e) => m(pe(e)), Se = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -289,24 +289,24 @@ const s6 = x1, c6 = (e) => f(
       e.config = t.payload;
     }
   }
-}), T3 = E3.actions, be = E3.reducer, v3 = {}, A1 = u1({
+}), T3 = E3.actions, be = E3.reducer, v3 = {}, B1 = u1({
   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, i = e[c] ?? {}, v = S3.merge(i, r);
-      e[c] = v;
+      const r = t.payload.content, i = e[c] ?? {}, a = S3.merge(i, r);
+      e[c] = a;
     },
     clearDevices() {
       return v3;
     }
   }
 }), f1 = {
-  setDeviceState: A1.actions.setDeviceState,
-  clearDevices: A1.actions.clearDevices
-}, ye = A1.reducer;
+  setDeviceState: B1.actions.setDeviceState,
+  clearDevices: B1.actions.clearDevices
+}, ye = B1.reducer;
 class Ie {
   constructor() {
     q(this, "uuid", "current-uuid");
@@ -322,24 +322,24 @@ function Re(e) {
 function Ee(e, t) {
   sessionStorage.setItem(e, t);
 }
-const g3 = {}, B1 = u1({
+const g3 = {}, k1 = u1({
   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, i = e[c] ?? {}, v = S3.merge(i, r);
-      e[c] = v;
+      const r = t.payload.content, i = e[c] ?? {}, a = S3.merge(i, r);
+      e[c] = a;
     },
     clearRooms() {
       return g3;
     }
   }
 }), w1 = {
-  setRoomState: B1.actions.setRoomState,
-  clearRooms: B1.actions.clearRooms
-}, Te = B1.reducer, De = {
+  setRoomState: k1.actions.setRoomState,
+  clearRooms: k1.actions.clearRooms
+}, Te = k1.reducer, De = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -405,7 +405,7 @@ const g3 = {}, B1 = u1({
       e.touchpanelKey = t.payload;
     }
   }
-}), U = D3.actions, _e = D3.reducer, _1 = M3.create(), _3 = "websocket/connect", P3 = "websocket/disconnect", L3 = "websocket/sendMessage", $3 = "websocket/addEventHandler", A3 = "websocket/removeEventHandler", B3 = "websocket/reconnect", k3 = () => ({ type: _3 }), k6 = () => ({ type: P3 }), Pe = (e, t) => ({
+}), U = D3.actions, _e = D3.reducer, L1 = M3.create(), _3 = "websocket/connect", P3 = "websocket/disconnect", L3 = "websocket/sendMessage", $3 = "websocket/addEventHandler", A3 = "websocket/removeEventHandler", B3 = "websocket/reconnect", k3 = () => ({ type: _3 }), k6 = () => ({ type: P3 }), Pe = (e, t) => ({
   type: L3,
   payload: { messageType: e, content: t }
 }), Le = (e, t, o) => ({
@@ -423,36 +423,36 @@ const g3 = {}, B1 = u1({
     eventHandlers: {}
   }, t = async (u) => {
     try {
-      const Z = location.pathname.split("/").filter((b) => b.length > 0);
-      Z.length >= 5 ? Z.length = 5 : Z.length = 2;
-      const j = `/${Z.join("/")}`, C = await _1.get(
+      const S = location.pathname.split("/").filter((y) => y.length > 0);
+      S.length >= 5 ? S.length = 5 : S.length = 2;
+      const C = `/${S.join("/")}`, b = await L1.get(
         "/_local-config/_config.local.json",
-        { baseURL: j }
+        { baseURL: C }
       );
-      if (C.status === 200 && C.data) {
-        const b = C.data.apiPath;
-        u(T3.setAppConfig(C.data));
-        const x = await _1.get(
-          `${b}/version`
+      if (b.status === 200 && b.data) {
+        const y = b.data.apiPath;
+        u(T3.setAppConfig(b.data));
+        const Z = await L1.get(
+          `${y}/version`
         );
-        x.status === 200 && x.data && u(U.setRuntimeConfig(x.data));
+        Z.status === 200 && Z.data && u(U.setRuntimeConfig(Z.data));
       }
-    } catch (Z) {
-      console.error("Error getting config", Z);
+    } catch (S) {
+      console.error("Error getting config", S);
     }
     return !0;
-  }, o = async (u, Z, j) => {
+  }, o = async (u, S, C) => {
     try {
-      const C = await _1.get(
-        `${u}/ui/joinroom?token=${Z}`
+      const b = await L1.get(
+        `${u}/ui/joinroom?token=${S}`
       );
-      return C.status === 200 && C.data ? (j(U.setRoomData(C.data)), !0) : !1;
-    } catch (C) {
-      return console.log(C), C instanceof p2 && C.response && C.response.status === 498 ? (console.error("Invalid token. Unable to join room"), j(
+      return b.status === 200 && b.data ? (C(U.setRoomData(b.data)), !0) : !1;
+    } catch (b) {
+      return console.log(b), b instanceof p2 && b.response && b.response.status === 498 ? (console.error("Invalid token. Unable to join room"), C(
         O.setErrorMessage(
-          `Token ${Z} is invalid. Unable to join room`
+          `Token ${S} is invalid. Unable to join room`
         )
-      ), !1) : (console.error("Error getting room data", C), C instanceof Error ? j(O.setErrorMessage(C.message)) : j(O.setErrorMessage("Error getting room data")), !1);
+      ), !1) : (console.error("Error getting room data", b), b instanceof Error ? C(O.setErrorMessage(b.message)) : C(O.setErrorMessage("Error getting room data")), !1);
     }
   }, c = (u) => {
     e.reconnectTimer && (clearTimeout(e.reconnectTimer), e.reconnectTimer = null), console.log("WebSocket middleware: Starting reconnection loop..."), e.reconnectTimer = setTimeout(() => {
@@ -462,31 +462,31 @@ const g3 = {}, B1 = u1({
     e.reconnectTimer && (console.log("WebSocket middleware: Stopping reconnection loop"), clearTimeout(e.reconnectTimer), e.reconnectTimer = null);
   }, i = (u) => {
     u(O.setShowReconnect(!0)), u(U.setWebsocketIsConnected(!1)), u(f1.clearDevices()), u(w1.clearRooms()), u(O.clearAllModals()), u(O.clearSyncState());
-  }, v = (u, Z) => {
-    const j = u(), C = Z ?? j.runtimeConfig.roomData.roomKey, { clientId: b } = j.runtimeConfig.roomData, x = j.runtimeConfig.websocket.isConnected;
-    if (!Z || !x || !b) {
+  }, a = (u, S) => {
+    const C = u(), b = S ?? C.runtimeConfig.roomData.roomKey, { clientId: y } = C.runtimeConfig.roomData, Z = C.runtimeConfig.websocket.isConnected;
+    if (!S || !Z || !y) {
       console.log("WebSocket middleware: Cannot request room status", {
-        hasRoomKey: !!Z,
-        isConnected: x,
-        hasClientId: !!b
+        hasRoomKey: !!S,
+        isConnected: Z,
+        hasClientId: !!y
       });
       return;
     }
-    console.log("WebSocket middleware: Requesting status from room:", Z), e.client && x && e.client.send(
+    console.log("WebSocket middleware: Requesting status from room:", S), e.client && Z && e.client.send(
       JSON.stringify({
-        type: `/room/${C}/status`,
-        clientId: b,
+        type: `/room/${b}/status`,
+        clientId: y,
         content: null
       })
     );
-  }, g = async (u, Z) => {
+  }, g = async (u, S) => {
     console.log("WebSocket middleware: Attempting to connect...");
-    const j = Z(), { apiPath: C } = j.appConfig.config, { serverIsRunningOnProcessorHardware: b } = j.runtimeConfig;
-    if (!C || !e.token) {
+    const C = S(), { apiPath: b } = C.appConfig.config, { serverIsRunningOnProcessorHardware: y } = C.runtimeConfig;
+    if (!b || !e.token) {
       console.log(
         "WebSocket middleware: Cannot connect - missing requirements",
         {
-          hasApiPath: !!C,
+          hasApiPath: !!b,
           hasToken: !!e.token
         }
       );
@@ -504,14 +504,14 @@ const g3 = {}, B1 = u1({
     }
     e.waitingToReconnect = !0;
     try {
-      if (!await o(C, e.token, u)) {
+      if (!await o(b, e.token, u)) {
         console.log(
           "WebSocket middleware: Failed to get room data, will retry..."
         ), c(u);
         return;
       }
       console.log("WebSocket middleware: Connecting to websocket");
-      const S1 = `${C.replace("http", "ws")}/ui/join/${e.token}`, K = new WebSocket(S1);
+      const C1 = `${b.replace("http", "ws")}/ui/join/${e.token}`, K = new WebSocket(C1);
       e.client = K, K.onopen = (B) => {
         console.log("WebSocket middleware: Connected", B.type, B.target), e.waitingToReconnect = !1, r(), setTimeout(() => {
           e.client === K && K.readyState === WebSocket.OPEN && u(U.setWebsocketIsConnected(!0));
@@ -519,7 +519,7 @@ const g3 = {}, B1 = u1({
       }, K.onerror = (B) => {
         console.error("WebSocket middleware: Error", B), i(u);
       }, K.onclose = (B) => {
-        var D;
+        var _;
         if (console.log(
           "WebSocket middleware: Disconnected",
           B.reason,
@@ -547,11 +547,11 @@ const g3 = {}, B1 = u1({
           return;
         }
         if (B.code === 4001)
-          if (!!((D = Z().runtimeConfig) != null && D.touchpanelKey))
+          if (!!((_ = S().runtimeConfig) != null && _.touchpanelKey))
             console.log(
               "WebSocket middleware: Code 4001 received with touchpanel key present, will auto-reconnect"
             );
-          else if (b)
+          else if (y)
             console.log(
               "WebSocket middleware: Code 4001 on processor hardware (no touchpanel key), will auto-reconnect"
             );
@@ -580,37 +580,37 @@ const g3 = {}, B1 = u1({
         ), u(U.setWebsocketIsConnected(!1)), u(f1.clearDevices()), u(w1.clearRooms()), u(O.clearAllModals()), u(O.clearSyncState()), c(u);
       }, K.onmessage = (B) => {
         try {
-          const D = JSON.parse(B.data);
-          if (D.type === "close") {
-            K.close(4001, D.content);
+          const _ = JSON.parse(B.data);
+          if (_.type === "close") {
+            K.close(4001, _.content);
             return;
           }
-          if (D.type.startsWith("/system/"))
-            switch (D.type) {
+          if (_.type.startsWith("/system/"))
+            switch (_.type) {
               case "/system/touchpanelKey":
                 u(
                   U.setTouchpanelKey(
-                    D.content
+                    _.content
                   )
                 );
                 break;
               case "/system/roomKey":
                 u(w1.clearRooms()), u(f1.clearDevices()), u(O.clearSyncState()), u(
                   U.setCurrentRoomKey(
-                    D.content
+                    _.content
                   )
                 );
                 break;
               case "/system/userCodeChanged":
                 u(
-                  U.setUserCode(D.content)
+                  U.setUserCode(_.content)
                 );
                 break;
               case "/system/roomCombinationChanged":
                 window.location.reload();
                 break;
               case "/system/deviceInterfaces": {
-                const z = D.content;
+                const z = _.content;
                 u(
                   U.setDeviceInterfaces(
                     z.deviceInterfaces
@@ -621,113 +621,113 @@ const g3 = {}, B1 = u1({
               default:
                 console.log(
                   "WebSocket middleware: Unhandled system message",
-                  D
+                  _
                 );
                 break;
             }
-          else if (D.type.startsWith("/event/")) {
-            const z = e.eventHandlers[D.type];
+          else if (_.type.startsWith("/event/")) {
+            const z = e.eventHandlers[_.type];
             z || console.log(
               "WebSocket middleware: No handlers found for event type",
-              D.type
-            ), z && Object.values(z).forEach((o1) => {
+              _.type
+            ), z && Object.values(z).forEach((s1) => {
               try {
-                o1(D);
-              } catch (j1) {
+                s1(_);
+              } catch (b1) {
                 console.error(
                   "WebSocket middleware: Event handler error",
-                  j1
+                  b1
                 );
               }
             });
-          } else D.type.startsWith("/room/") ? u(w1.setRoomState(D)) : D.type.startsWith("/device/") && u(f1.setDeviceState(D));
-        } catch (D) {
-          console.error("WebSocket middleware: Message handling error", D);
+          } else _.type.startsWith("/room/") ? u(w1.setRoomState(_)) : _.type.startsWith("/device/") && u(f1.setDeviceState(_));
+        } catch (_) {
+          console.error("WebSocket middleware: Message handling error", _);
         }
       }, e.waitingToReconnect = !1;
-    } catch (x) {
-      console.error("WebSocket middleware: Connection error", x), e.waitingToReconnect = !1, e.client = null;
+    } catch (Z) {
+      console.error("WebSocket middleware: Connection error", Z), e.waitingToReconnect = !1, e.client = null;
     }
-  }, a = () => {
+  }, v = () => {
     e.client && (console.log("WebSocket middleware: Disconnecting"), r(), e.client.close(4100, "Client requested disconnect"), e.client = null);
-  }, p = (u, Z, j) => {
-    const C = j(), b = C.runtimeConfig.websocket.isConnected, x = C.runtimeConfig.roomData.clientId;
-    e.client && b ? e.client.send(
-      JSON.stringify({ type: u, clientId: x, content: Z })
+  }, f = (u, S, C) => {
+    const b = C(), y = b.runtimeConfig.websocket.isConnected, Z = b.runtimeConfig.roomData.clientId;
+    e.client && y ? e.client.send(
+      JSON.stringify({ type: u, clientId: Z, content: S })
     ) : console.warn("WebSocket middleware: Cannot send message - not connected");
-  }, M = (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(
+  }, w = (u, S, C) => {
+    e.eventHandlers[u] || (e.eventHandlers[u] = {}), e.eventHandlers[u][S] = C, console.log("WebSocket middleware: Event handler added", u, S);
+  }, x = (u, S) => {
+    e.eventHandlers[u] && (delete e.eventHandlers[u][S], console.log(
       "WebSocket middleware: Event handler removed",
       u,
-      Z
+      S
     ));
   }, H = (u) => {
-    const Z = u(), { gatewayAppPath: j } = Z.appConfig.config, C = Z.runtimeConfig.roomData.roomKey, b = Z.runtimeConfig.roomData.systemUuid, x = Z.runtimeConfig.roomData.userCode, W = `${j}?uuid=${b}&roomKey=${C}`;
-    window.location.href = x ? `${W}&Code=${x}` : W;
+    const S = u(), { gatewayAppPath: C } = S.appConfig.config, b = S.runtimeConfig.roomData.roomKey, y = S.runtimeConfig.roomData.systemUuid, Z = S.runtimeConfig.roomData.userCode, W = `${C}?uuid=${y}&roomKey=${b}`;
+    window.location.href = Z ? `${W}&Code=${Z}` : W;
   };
-  return (u) => (Z) => (j) => {
-    const C = Z(j);
-    if (!j || typeof j != "object" || !("type" in j))
-      return C;
-    const b = j;
+  return (u) => (S) => (C) => {
+    const b = S(C);
+    if (!C || typeof C != "object" || !("type" in C))
+      return b;
+    const y = C;
     return (async () => {
-      switch (b.type) {
+      switch (y.type) {
         case _3: {
           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(u.dispatch), await g(u.dispatch, u.getState);
           break;
         }
         case P3:
-          a();
+          v();
           break;
         case L3:
-          p(
-            b.payload.messageType,
-            b.payload.content,
+          f(
+            y.payload.messageType,
+            y.payload.content,
             u.getState
           );
           break;
         case $3:
-          M(
-            b.payload.eventType,
-            b.payload.key,
-            b.payload.callback
+          w(
+            y.payload.eventType,
+            y.payload.key,
+            y.payload.callback
           );
           break;
         case A3:
-          P(
-            b.payload.eventType,
-            b.payload.key
+          x(
+            y.payload.eventType,
+            y.payload.key
           );
           break;
         case B3:
           H(u.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(() => v(u.getState), 100));
-          else if (j.type === U.setRoomData.type) {
-            const x = u.getState(), W = j.payload;
-            x.runtimeConfig.websocket.isConnected && (W != null && W.clientId) && (console.log(
+            ), setTimeout(() => a(u.getState), 100));
+          else if (C.type === U.setRoomData.type) {
+            const Z = u.getState(), W = C.payload;
+            Z.runtimeConfig.websocket.isConnected && (W != null && W.clientId) && (console.log(
               "[WebSocket Middleware] Room data received, requesting room status..."
-            ), setTimeout(() => v(u.getState), 100));
-          } else if (j.type === U.setCurrentRoomKey.type) {
-            const x = j.payload;
-            x && (console.log(
+            ), setTimeout(() => a(u.getState), 100));
+          } else if (C.type === U.setCurrentRoomKey.type) {
+            const Z = C.payload;
+            Z && (console.log(
               "[WebSocket Middleware] Room changed to:",
-              x,
+              Z,
               ", requesting room status..."
-            ), setTimeout(() => v(u.getState, x), 100));
+            ), setTimeout(() => a(u.getState, Z), 100));
           }
           break;
       }
-    })().catch((x) => {
-      console.error("WebSocket middleware: Error handling action", x);
-    }), C;
+    })().catch((Z) => {
+      console.error("WebSocket middleware: Error handling action", Z);
+    }), b;
   };
 }, ke = S2({
   appConfig: be,
@@ -783,14 +783,14 @@ function We() {
   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, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function v(g, a, p) {
-    var M, P = {}, H = null, u = null;
-    p !== void 0 && (H = "" + p), a.key !== void 0 && (H = "" + a.key), a.ref !== void 0 && (u = a.ref);
-    for (M in a) c.call(a, M) && !i.hasOwnProperty(M) && (P[M] = a[M]);
-    if (g && g.defaultProps) for (M in a = g.defaultProps, a) P[M] === void 0 && (P[M] = a[M]);
-    return { $$typeof: t, type: g, key: H, ref: u, props: P, _owner: r.current };
+  function a(g, v, f) {
+    var w, x = {}, H = null, u = null;
+    f !== void 0 && (H = "" + f), v.key !== void 0 && (H = "" + v.key), v.ref !== void 0 && (u = v.ref);
+    for (w in v) c.call(v, w) && !i.hasOwnProperty(w) && (x[w] = v[w]);
+    if (g && g.defaultProps) for (w in v = g.defaultProps, v) x[w] === void 0 && (x[w] = v[w]);
+    return { $$typeof: t, type: g, key: H, ref: u, props: x, _owner: r.current };
   }
-  return l1.Fragment = o, l1.jsx = v, l1.jsxs = v, l1;
+  return l1.Fragment = o, l1.jsx = a, l1.jsxs = a, l1;
 }
 var i1 = {};
 /**
@@ -805,46 +805,46 @@ var i1 = {};
 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"), i = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), g = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), Z = Symbol.iterator, j = "@@iterator";
-    function C(s) {
+    var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), g = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), S = Symbol.iterator, C = "@@iterator";
+    function b(s) {
       if (s === null || typeof s != "object")
         return null;
-      var l = Z && s[Z] || s[j];
+      var l = S && s[S] || s[C];
       return typeof l == "function" ? l : null;
     }
-    var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function x(s) {
+    var y = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function Z(s) {
       {
-        for (var l = arguments.length, d = new Array(l > 1 ? l - 1 : 0), w = 1; w < l; w++)
-          d[w - 1] = arguments[w];
+        for (var l = arguments.length, d = new Array(l > 1 ? l - 1 : 0), p = 1; p < l; p++)
+          d[p - 1] = arguments[p];
         W("error", s, d);
       }
     }
     function W(s, l, d) {
       {
-        var w = b.ReactDebugCurrentFrame, E = w.getStackAddendum();
-        E !== "" && (l += "%s", d = d.concat([E]));
-        var T = d.map(function(y) {
-          return String(y);
+        var p = y.ReactDebugCurrentFrame, T = p.getStackAddendum();
+        T !== "" && (l += "%s", d = d.concat([T]));
+        var D = d.map(function(I) {
+          return String(I);
         });
-        T.unshift("Warning: " + l), Function.prototype.apply.call(console[s], console, T);
+        D.unshift("Warning: " + l), Function.prototype.apply.call(console[s], console, D);
       }
     }
-    var S1 = !1, K = !1, B = !1, D = !1, z = !1, o1;
-    o1 = Symbol.for("react.module.reference");
-    function j1(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === c || s === i || z || s === r || s === p || s === M || D || s === u || S1 || K || B || typeof s == "object" && s !== null && (s.$$typeof === H || s.$$typeof === P || s.$$typeof === v || s.$$typeof === g || s.$$typeof === a || // This needs to include all possible module reference object
+    var C1 = !1, K = !1, B = !1, _ = !1, z = !1, s1;
+    s1 = Symbol.for("react.module.reference");
+    function b1(s) {
+      return !!(typeof s == "string" || typeof s == "function" || s === c || s === i || z || s === r || s === f || s === w || _ || s === u || C1 || K || B || typeof s == "object" && s !== null && (s.$$typeof === H || s.$$typeof === x || s.$$typeof === a || s.$$typeof === g || s.$$typeof === v || // 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 === o1 || s.getModuleId !== void 0));
+      s.$$typeof === s1 || s.getModuleId !== void 0));
     }
     function U3(s, l, d) {
-      var w = s.displayName;
-      if (w)
-        return w;
-      var E = l.displayName || l.name || "";
-      return E !== "" ? d + "(" + E + ")" : d;
+      var p = s.displayName;
+      if (p)
+        return p;
+      var T = l.displayName || l.name || "";
+      return T !== "" ? d + "(" + T + ")" : d;
     }
     function U1(s) {
       return s.displayName || "Context";
@@ -852,7 +852,7 @@ function Ve() {
     function J(s) {
       if (s == null)
         return null;
-      if (typeof s.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
+      if (typeof s.tag == "number" && Z("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
         return s.displayName || s.name || null;
       if (typeof s == "string")
         return s;
@@ -865,9 +865,9 @@ function Ve() {
           return "Profiler";
         case r:
           return "StrictMode";
-        case p:
+        case f:
           return "Suspense";
-        case M:
+        case w:
           return "SuspenseList";
       }
       if (typeof s == "object")
@@ -875,18 +875,18 @@ function Ve() {
           case g:
             var l = s;
             return U1(l) + ".Consumer";
-          case v:
+          case a:
             var d = s;
             return U1(d._context) + ".Provider";
-          case a:
+          case v:
             return U3(s, s.render, "ForwardRef");
-          case P:
-            var w = s.displayName || null;
-            return w !== null ? w : J(s.type) || "Memo";
+          case x:
+            var p = s.displayName || null;
+            return p !== null ? p : J(s.type) || "Memo";
           case H: {
-            var E = s, T = E._payload, y = E._init;
+            var T = s, D = T._payload, I = T._init;
             try {
-              return J(y(T));
+              return J(I(D));
             } catch {
               return null;
             }
@@ -894,13 +894,13 @@ function Ve() {
         }
       return null;
     }
-    var X = Object.assign, s1 = 0, H1, F1, K1, q1, G1, Y1, z1;
+    var X = Object.assign, c1 = 0, H1, F1, K1, q1, G1, Y1, z1;
     function J1() {
     }
     J1.__reactDisabledLog = !0;
     function H3() {
       {
-        if (s1 === 0) {
+        if (c1 === 0) {
           H1 = console.log, F1 = console.info, K1 = console.warn, q1 = console.error, G1 = console.group, Y1 = console.groupCollapsed, z1 = console.groupEnd;
           var s = {
             configurable: !0,
@@ -918,12 +918,12 @@ function Ve() {
             groupEnd: s
           });
         }
-        s1++;
+        c1++;
       }
     }
     function F3() {
       {
-        if (s1--, s1 === 0) {
+        if (c1--, c1 === 0) {
           var s = {
             configurable: !0,
             enumerable: !0,
@@ -953,87 +953,87 @@ function Ve() {
             })
           });
         }
-        s1 < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        c1 < 0 && Z("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var C1 = b.ReactCurrentDispatcher, b1;
+    var y1 = y.ReactCurrentDispatcher, I1;
     function d1(s, l, d) {
       {
-        if (b1 === void 0)
+        if (I1 === void 0)
           try {
             throw Error();
-          } catch (E) {
-            var w = E.stack.trim().match(/\n( *(at )?)/);
-            b1 = w && w[1] || "";
+          } catch (T) {
+            var p = T.stack.trim().match(/\n( *(at )?)/);
+            I1 = p && p[1] || "";
           }
         return `
-` + b1 + s;
+` + I1 + s;
       }
     }
-    var y1 = !1, v1;
+    var R1 = !1, v1;
     {
       var K3 = typeof WeakMap == "function" ? WeakMap : Map;
       v1 = new K3();
     }
     function X1(s, l) {
-      if (!s || y1)
+      if (!s || R1)
         return "";
       {
         var d = v1.get(s);
         if (d !== void 0)
           return d;
       }
-      var w;
-      y1 = !0;
-      var E = Error.prepareStackTrace;
+      var p;
+      R1 = !0;
+      var T = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var T;
-      T = C1.current, C1.current = null, H3();
+      var D;
+      D = y1.current, y1.current = null, H3();
       try {
         if (l) {
-          var y = function() {
+          var I = function() {
             throw Error();
           };
-          if (Object.defineProperty(y.prototype, "props", {
+          if (Object.defineProperty(I.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(y, []);
+              Reflect.construct(I, []);
             } catch (V) {
-              w = V;
+              p = V;
             }
-            Reflect.construct(s, [], y);
+            Reflect.construct(s, [], I);
           } else {
             try {
-              y.call();
+              I.call();
             } catch (V) {
-              w = V;
+              p = V;
             }
-            s.call(y.prototype);
+            s.call(I.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (V) {
-            w = V;
+            p = V;
           }
           s();
         }
       } catch (V) {
-        if (V && w && typeof V.stack == "string") {
-          for (var S = V.stack.split(`
-`), k = w.stack.split(`
-`), L = S.length - 1, $ = k.length - 1; L >= 1 && $ >= 0 && S[L] !== k[$]; )
+        if (V && p && typeof V.stack == "string") {
+          for (var j = V.stack.split(`
+`), k = p.stack.split(`
+`), L = j.length - 1, $ = k.length - 1; L >= 1 && $ >= 0 && j[L] !== k[$]; )
             $--;
           for (; L >= 1 && $ >= 0; L--, $--)
-            if (S[L] !== k[$]) {
+            if (j[L] !== k[$]) {
               if (L !== 1 || $ !== 1)
                 do
-                  if (L--, $--, $ < 0 || S[L] !== k[$]) {
+                  if (L--, $--, $ < 0 || j[L] !== k[$]) {
                     var F = `
-` + S[L].replace(" at new ", " at ");
+` + j[L].replace(" at new ", " at ");
                     return s.displayName && F.includes("<anonymous>") && (F = F.replace("<anonymous>", s.displayName)), typeof s == "function" && v1.set(s, F), F;
                   }
                 while (L >= 1 && $ >= 0);
@@ -1041,7 +1041,7 @@ function Ve() {
             }
         }
       } finally {
-        y1 = !1, C1.current = T, F3(), Error.prepareStackTrace = E;
+        R1 = !1, y1.current = D, F3(), Error.prepareStackTrace = T;
       }
       var t1 = s ? s.displayName || s.name : "", Q = t1 ? d1(t1) : "";
       return typeof s == "function" && v1.set(s, Q), Q;
@@ -1061,28 +1061,28 @@ function Ve() {
       if (typeof s == "string")
         return d1(s);
       switch (s) {
-        case p:
+        case f:
           return d1("Suspense");
-        case M:
+        case w:
           return d1("SuspenseList");
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
-          case a:
+          case v:
             return q3(s.render);
-          case P:
+          case x:
             return h1(s.type, l, d);
           case H: {
-            var w = s, E = w._payload, T = w._init;
+            var p = s, T = p._payload, D = p._init;
             try {
-              return h1(T(E), l, d);
+              return h1(D(T), l, d);
             } catch {
             }
           }
         }
       return "";
     }
-    var c1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = b.ReactDebugCurrentFrame;
+    var r1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = y.ReactDebugCurrentFrame;
     function g1(s) {
       if (s) {
         var l = s._owner, d = h1(s.type, s._source, l ? l.type : null);
@@ -1090,27 +1090,27 @@ function Ve() {
       } else
         N1.setExtraStackFrame(null);
     }
-    function Y3(s, l, d, w, E) {
+    function Y3(s, l, d, p, T) {
       {
-        var T = Function.call.bind(c1);
-        for (var y in s)
-          if (T(s, y)) {
-            var S = void 0;
+        var D = Function.call.bind(r1);
+        for (var I in s)
+          if (D(s, I)) {
+            var j = void 0;
             try {
-              if (typeof s[y] != "function") {
-                var k = Error((w || "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`.");
+              if (typeof s[I] != "function") {
+                var k = Error((p || "React class") + ": " + d + " type `" + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[I] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw k.name = "Invariant Violation", k;
               }
-              S = s[y](l, y, w, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              j = s[I](l, I, p, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (L) {
-              S = L;
+              j = L;
             }
-            S && !(S instanceof Error) && (g1(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).", w || "React class", d, y, typeof S), g1(null)), S instanceof Error && !(S.message in Q1) && (Q1[S.message] = !0, g1(E), x("Failed %s type: %s", d, S.message), g1(null));
+            j && !(j instanceof Error) && (g1(T), Z("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", d, I, typeof j), g1(null)), j instanceof Error && !(j.message in Q1) && (Q1[j.message] = !0, g1(T), Z("Failed %s type: %s", d, j.message), g1(null));
           }
       }
     }
     var z3 = Array.isArray;
-    function I1(s) {
+    function E1(s) {
       return z3(s);
     }
     function J3(s) {
@@ -1131,16 +1131,16 @@ function Ve() {
     }
     function t3(s) {
       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);
+        return Z("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 = b.ReactCurrentOwner, Q3 = {
+    var n3 = y.ReactCurrentOwner, Q3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, o3, s3;
     function N3(s) {
-      if (c1.call(s, "ref")) {
+      if (r1.call(s, "ref")) {
         var l = Object.getOwnPropertyDescriptor(s, "ref").get;
         if (l && l.isReactWarning)
           return !1;
@@ -1148,7 +1148,7 @@ function Ve() {
       return s.ref !== void 0;
     }
     function e2(s) {
-      if (c1.call(s, "key")) {
+      if (r1.call(s, "key")) {
         var l = Object.getOwnPropertyDescriptor(s, "key").get;
         if (l && l.isReactWarning)
           return !1;
@@ -1161,7 +1161,7 @@ function Ve() {
     function n2(s, l) {
       {
         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)", l));
+          o3 || (o3 = !0, Z("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
         };
         d.isReactWarning = !0, Object.defineProperty(s, "key", {
           get: d,
@@ -1172,7 +1172,7 @@ function Ve() {
     function o2(s, l) {
       {
         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)", l));
+          s3 || (s3 = !0, Z("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
         };
         d.isReactWarning = !0, Object.defineProperty(s, "ref", {
           get: d,
@@ -1180,54 +1180,54 @@ function Ve() {
         });
       }
     }
-    var s2 = function(s, l, d, w, E, T, y) {
-      var S = {
+    var s2 = function(s, l, d, p, T, D, I) {
+      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: l,
         ref: d,
-        props: y,
+        props: I,
         // Record the component responsible for creating this element.
-        _owner: T
+        _owner: D
       };
-      return S._store = {}, Object.defineProperty(S._store, "validated", {
+      return j._store = {}, Object.defineProperty(j._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(S, "_self", {
+      }), Object.defineProperty(j, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: w
-      }), Object.defineProperty(S, "_source", {
+        value: p
+      }), Object.defineProperty(j, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: E
-      }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
+        value: T
+      }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
     };
-    function c2(s, l, d, w, E) {
+    function c2(s, l, d, p, T) {
       {
-        var T, y = {}, S = null, k = null;
-        d !== void 0 && (t3(d), S = "" + d), e2(l) && (t3(l.key), S = "" + l.key), N3(l) && (k = l.ref, t2(l, E));
-        for (T in l)
-          c1.call(l, T) && !Q3.hasOwnProperty(T) && (y[T] = l[T]);
+        var D, I = {}, j = null, k = null;
+        d !== void 0 && (t3(d), j = "" + d), e2(l) && (t3(l.key), j = "" + l.key), N3(l) && (k = l.ref, t2(l, T));
+        for (D in l)
+          r1.call(l, D) && !Q3.hasOwnProperty(D) && (I[D] = l[D]);
         if (s && s.defaultProps) {
           var L = s.defaultProps;
-          for (T in L)
-            y[T] === void 0 && (y[T] = L[T]);
+          for (D in L)
+            I[D] === void 0 && (I[D] = L[D]);
         }
-        if (S || k) {
+        if (j || k) {
           var $ = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          S && n2(y, $), k && o2(y, $);
+          j && n2(I, $), k && o2(I, $);
         }
-        return s2(s, S, k, E, w, n3.current, y);
+        return s2(s, j, k, T, p, n3.current, I);
       }
     }
-    var R1 = b.ReactCurrentOwner, c3 = b.ReactDebugCurrentFrame;
+    var T1 = y.ReactCurrentOwner, c3 = y.ReactDebugCurrentFrame;
     function e1(s) {
       if (s) {
         var l = s._owner, d = h1(s.type, s._source, l ? l.type : null);
@@ -1235,15 +1235,15 @@ function Ve() {
       } else
         c3.setExtraStackFrame(null);
     }
-    var E1;
-    E1 = !1;
-    function T1(s) {
+    var D1;
+    D1 = !1;
+    function _1(s) {
       return typeof s == "object" && s !== null && s.$$typeof === t;
     }
     function r3() {
       {
-        if (R1.current) {
-          var s = J(R1.current.type);
+        if (T1.current) {
+          var s = J(T1.current.type);
           if (s)
             return `
 
@@ -1277,26 +1277,26 @@ Check the top-level render call using <` + d + ">.");
         if (l3[d])
           return;
         l3[d] = !0;
-        var w = "";
-        s && s._owner && s._owner !== R1.current && (w = " 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, w), e1(null);
+        var p = "";
+        s && s._owner && s._owner !== T1.current && (p = " It was passed a child from " + J(s._owner.type) + "."), e1(s), Z('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, l) {
       {
         if (typeof s != "object")
           return;
-        if (I1(s))
+        if (E1(s))
           for (var d = 0; d < s.length; d++) {
-            var w = s[d];
-            T1(w) && i3(w, l);
+            var p = s[d];
+            _1(p) && i3(p, l);
           }
-        else if (T1(s))
+        else if (_1(s))
           s._store && (s._store.validated = !0);
         else if (s) {
-          var E = C(s);
-          if (typeof E == "function" && E !== s.entries)
-            for (var T = E.call(s), y; !(y = T.next()).done; )
-              T1(y.value) && i3(y.value, l);
+          var T = b(s);
+          if (typeof T == "function" && T !== s.entries)
+            for (var D = T.call(s), I; !(I = D.next()).done; )
+              _1(I.value) && i3(I.value, l);
         }
       }
     }
@@ -1308,75 +1308,75 @@ Check the top-level render call using <` + d + ">.");
         var d;
         if (typeof l == "function")
           d = l.propTypes;
-        else if (typeof l == "object" && (l.$$typeof === a || // Note: Memo only checks outer props here.
+        else if (typeof l == "object" && (l.$$typeof === v || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        l.$$typeof === P))
+        l.$$typeof === x))
           d = l.propTypes;
         else
           return;
         if (d) {
-          var w = J(l);
-          Y3(d, s.props, "prop", w, s);
-        } else if (l.PropTypes !== void 0 && !E1) {
-          E1 = !0;
-          var E = J(l);
-          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
-        }
-        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+          var p = J(l);
+          Y3(d, s.props, "prop", p, s);
+        } else if (l.PropTypes !== void 0 && !D1) {
+          D1 = !0;
+          var T = J(l);
+          Z("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", T || "Unknown");
+        }
+        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && Z("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function a2(s) {
       {
         for (var l = Object.keys(s.props), d = 0; d < l.length; d++) {
-          var w = l[d];
-          if (w !== "children" && w !== "key") {
-            e1(s), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), e1(null);
+          var p = l[d];
+          if (p !== "children" && p !== "key") {
+            e1(s), Z("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), e1(null);
             break;
           }
         }
-        s.ref !== null && (e1(s), x("Invalid attribute `ref` supplied to `React.Fragment`."), e1(null));
+        s.ref !== null && (e1(s), Z("Invalid attribute `ref` supplied to `React.Fragment`."), e1(null));
       }
     }
     var u3 = {};
-    function d3(s, l, d, w, E, T) {
+    function d3(s, l, d, p, T, D) {
       {
-        var y = j1(s);
-        if (!y) {
-          var S = "";
-          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (S += " 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 I = b1(s);
+        if (!I) {
+          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 k = r2();
-          k ? S += k : S += r3();
+          k ? j += k : j += r3();
           var L;
-          s === null ? L = "null" : I1(s) ? L = "array" : s !== void 0 && s.$$typeof === t ? (L = "<" + (J(s.type) || "Unknown") + " />", S = " Did you accidentally export a JSX literal instead of a component?") : L = 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", L, S);
+          s === null ? L = "null" : E1(s) ? L = "array" : s !== void 0 && s.$$typeof === t ? (L = "<" + (J(s.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : L = typeof s, Z("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, j);
         }
-        var $ = c2(s, l, d, E, T);
+        var $ = c2(s, l, d, T, D);
         if ($ == null)
           return $;
-        if (y) {
+        if (I) {
           var F = l.children;
           if (F !== void 0)
-            if (w)
-              if (I1(F)) {
+            if (p)
+              if (E1(F)) {
                 for (var t1 = 0; t1 < F.length; t1++)
                   a3(F[t1], s);
                 Object.freeze && Object.freeze(F);
               } 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.");
+                Z("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               a3(F, s);
         }
-        if (c1.call(l, "key")) {
+        if (r1.call(l, "key")) {
           var Q = J(s), V = Object.keys(l).filter(function(f2) {
             return f2 !== "key";
-          }), D1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!u3[Q + D1]) {
+          }), P1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!u3[Q + P1]) {
             var g2 = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
-            x(`A props object containing a "key" prop is being spread into JSX:
+            Z(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, D1, Q, g2, Q), u3[Q + D1] = !0;
+  <%s key={someKey} {...props} />`, P1, Q, g2, Q), u3[Q + P1] = !0;
           }
         }
         return s === c ? a2($) : i2($), $;
@@ -1400,7 +1400,7 @@ var n = Ue();
 const He = "_mwfit_ppa3l_1", Fe = {
   mwfit: He
 }, Ke = () => {
-  const { reconnect: e } = R(), t = I3(), o = Me(), c = xe();
+  const { reconnect: e } = E(), 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: `${Fe.mwfit} mx-auto text-center`, children: [
       t === void 0 ? /* @__PURE__ */ n.jsx("h2", { children: "Connecting..." }) : /* @__PURE__ */ n.jsx("h2", { children: "Disconnected" }),
@@ -1416,30 +1416,30 @@ const He = "_mwfit_ppa3l_1", Fe = {
   reconnect: () => null
 }), qe = ({ children: e }) => {
   const t = W1(), o = I3();
-  O1(() => {
+  x1(() => {
     t(k3());
   }, [t]);
-  const c = r1(
-    (a, p) => {
-      t(Pe(a, p));
+  const c = n1(
+    (v, f) => {
+      t(Pe(v, f));
     },
     [t]
-  ), r = r1(
-    (a, p) => {
-      c(a, { value: p });
+  ), r = n1(
+    (v, f) => {
+      c(v, { value: f });
     },
     [c]
-  ), i = r1(
-    (a, p, M) => {
-      t(Le(a, p, M));
+  ), i = n1(
+    (v, f, w) => {
+      t(Le(v, f, w));
     },
     [t]
-  ), v = r1(
-    (a, p) => {
-      t($e(a, p));
+  ), a = n1(
+    (v, f) => {
+      t($e(v, f));
     },
     [t]
-  ), g = r1(() => {
+  ), g = n1(() => {
     t(Ae());
   }, [t]);
   return /* @__PURE__ */ n.jsx(
@@ -1449,14 +1449,14 @@ const He = "_mwfit_ppa3l_1", Fe = {
         sendMessage: c,
         sendSimpleMessage: r,
         addEventHandler: i,
-        removeEventHandler: v,
+        removeEventHandler: a,
         reconnect: g
       },
       children: o ? e : /* @__PURE__ */ n.jsx(Ke, {})
     }
   );
 }, W6 = ({ children: e }) => /* @__PURE__ */ n.jsx(Z2, { store: Oe, children: /* @__PURE__ */ n.jsx(qe, { children: e }) });
-function R() {
+function E() {
   return b2(O3);
 }
 function Ge({
@@ -1465,8 +1465,8 @@ function Ge({
   onHold: o,
   holdTimeMs: c = 500
 }) {
-  const r = $1(null), i = $1(!1);
-  function v() {
+  const r = M1(null), i = M1(!1);
+  function a() {
     i.current = !0, e == null || e(), r.current = setTimeout(() => {
       o == null || o(), r.current = null;
     }, c);
@@ -1474,46 +1474,46 @@ function Ge({
   function g() {
     i.current = !1, t == null || t(), r.current && (clearTimeout(r.current), r.current = null);
   }
-  function a() {
+  function v() {
     i.current && g();
   }
   return {
-    onPointerDown: v,
+    onPointerDown: a,
     onPointerUp: g,
-    onPointerLeave: a
+    onPointerLeave: v
   };
 }
 function h(e, t) {
-  const { sendMessage: c } = R(), r = $1(null);
+  const { sendMessage: c } = E(), r = M1(null);
   function i() {
     c(`${e}/${t}`, { value: "pressed" }), r.current || (r.current = setInterval(() => {
       c(`${e}/${t}`, { value: "held" });
     }, 250));
   }
-  function v() {
+  function a() {
     r.current && (clearInterval(r.current), r.current = null), c(`${e}/${t}`, { value: "released" });
   }
-  return Ge({ onPress: i, onRelease: v });
+  return Ge({ onPress: i, onRelease: a });
 }
-function Z1(e) {
-  const { sendMessage: t } = R(), o = h(`${e}`, "volumeUp"), c = h(`${e}`, "volumeDown");
-  return n1(() => ({
+function j1(e) {
+  const { sendMessage: t } = E(), o = h(`${e}`, "volumeUp"), c = h(`${e}`, "volumeDown");
+  return o1(() => ({
     volumeUp: o,
     volumeDown: c,
     muteToggle: () => t(`${e}/muteToggle`, null)
   }), [e, t, o, c]);
 }
 function V6(e) {
-  const { sendMessage: t } = R(), o = h(`${e}`, "volumeUp"), c = h(`${e}`, "volumeDown");
-  return n1(() => ({
+  const { sendMessage: t } = E(), o = h(`${e}`, "volumeUp"), c = h(`${e}`, "volumeDown");
+  return o1(() => ({
     volumeUp: o,
     volumeDown: c,
     muteToggle: () => t(`${e}/muteToggle`, null)
   }), [e, t, o, c]);
 }
 function W3(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = R(), r = Z1(e);
-  return n1(() => {
+  const { sendMessage: o, sendSimpleMessage: c } = E(), r = j1(e);
+  return o1(() => {
     if (!r) {
       console.log("baseVolume is undefined");
       return;
@@ -1525,15 +1525,15 @@ function W3(e, t) {
     return {
       ...r,
       volumeState: t,
-      setLevel: (a) => c(`${e}/level`, a),
+      setLevel: (v) => c(`${e}/level`, v),
       muteOn: () => o(`${e}/muteOn`, null),
       muteOff: () => o(`${e}/muteOff`, null)
     };
   }, [r, t, e, o, c]);
 }
 function U6(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = R(), r = Z1(e);
-  return n1(() => {
+  const { sendMessage: o, sendSimpleMessage: c } = E(), r = j1(e);
+  return o1(() => {
     if (!r) {
       console.log("baseVolume is undefined");
       return;
@@ -1545,21 +1545,21 @@ function U6(e, t) {
     return {
       ...r,
       volumeState: t,
-      setLevel: (a) => c(`${e}/level`, a),
+      setLevel: (v) => c(`${e}/level`, v),
       muteOn: () => o(`${e}/muteOn`, null),
       muteOff: () => o(`${e}/muteOff`, null)
     };
   }, [r, t, e, o, c]);
 }
 function Ye(e) {
-  const t = _(e), o = `/device/${e}`, c = n1(() => {
+  const t = P(e), o = `/device/${e}`, c = o1(() => {
     if (t)
       return t.volume;
   }, [t]);
   return W3(o, c);
 }
 function V3(e) {
-  const { sendMessage: t } = R();
+  const { sendMessage: t } = E();
   return { powerOn: () => {
     t(`/device/${e}/powerOn`, null);
   }, powerOff: () => {
@@ -1568,14 +1568,14 @@ function V3(e) {
     t(`/device/${e}/powerToggle`, null);
   } };
 }
-function k1(e) {
-  const { sendMessage: t } = R(), o = _(e);
+function O1(e) {
+  const { sendMessage: t } = E(), o = P(e);
   return console.log("deviceState", o), o ? { itemsState: o, selectItem: (r) => {
     t(`/device/${e}/${r}`, null);
   } } : void 0;
 }
 function ze(e) {
-  const { sendMessage: t } = R(), o = _(e), c = () => {
+  const { sendMessage: t } = E(), o = P(e), c = () => {
     t(`/device/${e}/setDefaultChannelLevels`, null);
   }, r = () => {
     if ((o == null ? void 0 : o.levelControls) === void 0) return;
@@ -1586,20 +1586,20 @@ function ze(e) {
   return o ? { levelControls: o.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
 }
 function H6(e) {
-  const t = _(e), o = V3(e), c = k1(e), r = k1(e), i = Ye(e), v = ze(e);
+  const t = P(e), o = V3(e), c = O1(e), r = O1(e), i = Ye(e), a = ze(e);
   if (t)
     return {
       avrState: t,
       powerControl: o,
       inputControl: c,
       surroundSoundModes: r,
-      surroundChannels: v,
+      surroundChannels: a,
       mainVolumeControl: i
     };
 }
 const F6 = ({ className: e }) => {
   const [t, o] = Y();
-  return O1(() => {
+  return x1(() => {
     setInterval(() => {
       const c = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
       o(c);
@@ -1610,58 +1610,58 @@ const F6 = ({ className: e }) => {
   ] });
 };
 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);
+  const { sendMessage: t } = E(), o = P(e), c = `/device/${e}`;
+  return o ? { state: o, recallPreset: (a, g) => {
+    t(`${c}/presets/recall`, { deviceKey: a, preset: g });
+  }, savePresets: (a) => {
+    t(`${c}/presets/save`, a);
   } } : void 0;
 }
 function q6(e) {
-  const t = _(e);
+  const t = P(e);
   if (t)
     return { endpointState: t };
 }
 function G6(e) {
-  const t = `/device/${e}`, o = h(t, "chanUp"), c = h(t, "chanDown"), r = h(t, "lastChan"), i = h(t, "guide"), v = h(t, "info"), g = h(t, "exit");
-  return { channelUp: o, channelDown: c, lastChannel: r, guide: i, info: v, exit: g };
+  const t = `/device/${e}`, o = h(t, "chanUp"), c = h(t, "chanDown"), r = h(t, "lastChan"), i = h(t, "guide"), a = h(t, "info"), g = h(t, "exit");
+  return { channelUp: o, channelDown: c, lastChannel: r, guide: i, info: a, exit: g };
 }
 function Y6(e) {
   const t = `/device/${e}`, o = h(t, "red"), c = h(t, "green"), r = h(t, "yellow"), i = h(t, "blue");
   return { red: o, green: c, yellow: r, blue: i };
 }
 function z6(e) {
-  const t = _(e);
+  const t = P(e);
   if (t)
     return {
       communicationMonitorState: t
     };
 }
 function J6(e) {
-  const t = _(e);
+  const t = P(e);
   if (t)
     return t.deviceInfo || void 0;
 }
 function X6(e) {
-  const t = `/device/${e}`, o = h(t, "up"), c = h(t, "down"), r = h(t, "left"), i = h(t, "right"), v = h(t, "select"), g = h(t, "menu"), a = h(t, "exit");
-  return { up: o, down: c, left: r, right: i, select: v, menu: g, exit: a };
+  const t = `/device/${e}`, o = h(t, "up"), c = h(t, "down"), r = h(t, "left"), i = h(t, "right"), a = h(t, "select"), g = h(t, "menu"), v = h(t, "exit");
+  return { up: o, down: c, left: r, right: i, select: a, menu: g, exit: v };
 }
 function Q6(e) {
-  const { sendMessage: t } = R(), o = `/device/${e}`, c = _(e), r = h(o, "cameraUp"), i = h(o, "cameraDown"), v = h(o, "cameraLeft"), g = h(o, "cameraRight"), a = h(o, "cameraZoomIn"), p = h(o, "cameraZoomOut"), M = (P) => t("/camera/recallPreset", P);
+  const { sendMessage: t } = E(), o = `/device/${e}`, c = P(e), r = h(o, "cameraUp"), i = h(o, "cameraDown"), a = h(o, "cameraLeft"), g = h(o, "cameraRight"), v = h(o, "cameraZoomIn"), f = h(o, "cameraZoomOut"), w = (x) => t("/camera/recallPreset", x);
   if (c)
     return {
       state: c,
-      zoomIn: a,
-      zoomOut: p,
+      zoomIn: v,
+      zoomOut: f,
       up: r,
       down: i,
-      left: v,
+      left: a,
       right: g,
-      recallPreset: M
+      recallPreset: w
     };
 }
 function N6(e) {
-  const { sendMessage: t } = R();
+  const { sendMessage: t } = E();
   return { recallPreset: (c) => {
     t(
       `/device/${e}/recallPreset`,
@@ -1674,21 +1674,21 @@ function et(e) {
   return { dvrList: o, record: c };
 }
 function tt(e) {
-  const { sendMessage: t } = R(), o = _(e);
+  const { sendMessage: t } = E(), o = P(e);
   return o ? { roomCombinerState: o, setAutoMode: () => {
     t(`/device/${e}/setAutoMode`, null);
   }, setManualMode: () => {
     t(`/device/${e}/setManualMode`, null);
   }, toggleMode: () => {
     t(`/device/${e}/toggleMode`, null);
-  }, togglePartitionState: (a) => {
-    t(`/device/${e}/togglePartitionState`, a);
-  }, setRoomCombinationScenario: (a) => {
-    t(`/device/${e}/setRoomCombinationScenario`, a);
+  }, togglePartitionState: (v) => {
+    t(`/device/${e}/togglePartitionState`, v);
+  }, setRoomCombinationScenario: (v) => {
+    t(`/device/${e}/setRoomCombinationScenario`, v);
   } } : void 0;
 }
 function nt(e) {
-  const { sendMessage: t } = R(), o = `/device/${e}`, c = _(e);
+  const { sendMessage: t } = E(), o = `/device/${e}`, c = P(e);
   return c ? {
     state: c,
     selectCamera: (i) => {
@@ -1697,57 +1697,57 @@ function nt(e) {
   } : void 0;
 }
 function ot(e) {
-  const t = _(e);
+  const t = P(e);
   if (t)
     return { state: t };
 }
 function st(e) {
-  const { sendMessage: t, sendSimpleMessage: o } = R(), c = _(e), r = ne(e), i = c || r;
+  const { sendMessage: t, sendSimpleMessage: o } = E(), c = P(e), r = ne(e), i = c || r;
   return i ? {
     levelState: i,
-    setLevel: (M, P) => o(`${M}/level`, P),
-    muteToggle: (M) => t(`${M}/muteToggle`, null),
-    muteOn: (M) => t(`${M}/muteOn`, null),
-    muteOff: (M) => t(`${M}/muteOff`, null)
+    setLevel: (w, x) => o(`${w}/level`, x),
+    muteToggle: (w) => t(`${w}/muteToggle`, null),
+    muteOn: (w) => t(`${w}/muteOn`, null),
+    muteOff: (w) => t(`${w}/muteOff`, null)
   } : void 0;
 }
 function ct(e) {
-  const { sendMessage: t } = R(), o = _(e);
+  const { sendMessage: t } = E(), o = P(e);
   return o ? { lightingState: o, selectScene: (r) => {
     t(`/device/${e}/selectScene`, r);
   } } : void 0;
 }
 function rt(e) {
-  const { sendMessage: t } = R(), o = _(e);
+  const { sendMessage: t } = E(), o = P(e);
   return o ? { matrixRoutingState: o, setRoute: (r) => {
     t(`/device/${e}/route`, r);
   } } : void 0;
 }
 function lt(e) {
-  const { sendMessage: t } = R();
+  const { sendMessage: t } = E();
   return { closeApp: () => {
     t(`/device/${e}/closeWebViewController`, null);
   } };
 }
 function it(e) {
-  const t = `/device/${e}`, o = h(t, "num0"), c = h(t, "num1"), r = h(t, "num2"), i = h(t, "num3"), v = h(t, "num4"), g = h(t, "num5"), a = h(t, "num6"), p = h(t, "num7"), M = h(t, "num8"), P = h(t, "num9"), H = h(t, "numDash"), u = h(t, "numEnter");
+  const t = `/device/${e}`, o = h(t, "num0"), c = h(t, "num1"), r = h(t, "num2"), i = h(t, "num3"), a = h(t, "num4"), g = h(t, "num5"), v = h(t, "num6"), f = h(t, "num7"), w = h(t, "num8"), x = h(t, "num9"), H = h(t, "numDash"), u = h(t, "numEnter");
   return {
     digit0: o,
     digit1: c,
     digit2: r,
     digit3: i,
-    digit4: v,
+    digit4: a,
     digit5: g,
-    digit6: a,
-    digit7: p,
-    digit8: M,
-    digit9: P,
+    digit6: v,
+    digit7: f,
+    digit8: w,
+    digit9: x,
     keypadAccessoryButton1: H,
     keypadAccessoryButton2: u
   };
 }
 function at(e) {
-  const { sendMessage: t } = R(), o = _(e);
+  const { sendMessage: t } = E(), o = P(e);
   return o ? { projectorScreenLiftControlState: o, raise: () => {
     t(`/device/${e}/raise`, null);
   }, lower: () => {
@@ -1755,26 +1755,26 @@ function at(e) {
   } } : void 0;
 }
 function ut(e) {
-  const { sendMessage: t } = R(), o = x1(e);
+  const { sendMessage: t } = E(), o = S1(e);
   return o ? { roomEventScheduleState: o, save: (r) => {
     t(`/room/${e}/saveScheduledEvents`, r);
   } } : void 0;
 }
 function dt(e) {
-  const { sendMessage: t } = R();
+  const { sendMessage: t } = E();
   return { runDefaultPresentRoute: () => {
     t(`/room/${e}/defaultsource`, {});
   } };
 }
 function vt(e) {
-  const { sendMessage: t } = R();
+  const { sendMessage: t } = E();
   return { runDirectRoute: (c) => {
     t(`/room/${e}/directRoute`, c);
   } };
 }
 function ht(e) {
-  const { sendMessage: t } = R();
-  return { routingState: _(e), runRoute: (r) => {
+  const { sendMessage: t } = E();
+  return { routingState: P(e), runRoute: (r) => {
     t(`/room/${e}/source`, r);
   } };
 }
@@ -1783,7 +1783,7 @@ function gt(e) {
   return { dvrList: o, replay: c };
 }
 function ft(e) {
-  const { sendMessage: t } = R(), o = _(e);
+  const { sendMessage: t } = E(), o = P(e);
   return o ? { shadeState: o, shadeUp: () => {
     t(`/device/${e}/shadeUp`, null);
   }, shadeDown: () => {
@@ -1793,7 +1793,7 @@ function ft(e) {
   } } : void 0;
 }
 function wt(e) {
-  const { sendMessage: t } = R(), o = x1(e);
+  const { sendMessage: t } = E(), o = S1(e);
   return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (g) => {
     t(`/room/${e}/setShutdownPromptSeconds`, g);
   }, shutdownStart: () => {
@@ -1805,7 +1805,7 @@ function wt(e) {
   } } : void 0;
 }
 function mt(e) {
-  const { sendMessage: t } = R(), o = _(e);
+  const { sendMessage: t } = E(), o = P(e);
   return o ? { switchedOutputState: o, on: () => {
     t(`/device/${e}/on`, null);
   }, off: () => {
@@ -1813,19 +1813,19 @@ function mt(e) {
   } } : void 0;
 }
 function pt(e) {
-  const { sendMessage: t } = R(), o = x1(e);
+  const { sendMessage: t } = E(), o = S1(e);
   return o ? { techPasswordState: o, validatePassword: (i) => {
     t(`/room/${e}/validateTechPassword`, { password: i });
-  }, setPassword: (i, v) => {
-    t(`/room/${e}/setTechPassword`, { oldPassword: i, newPassword: v });
+  }, setPassword: (i, a) => {
+    t(`/room/${e}/setTechPassword`, { oldPassword: i, newPassword: a });
   } } : void 0;
 }
 function Mt(e) {
-  const { sendMessage: t } = R(), o = _(e);
+  const { sendMessage: t } = E(), o = P(e);
   return o ? { state: o, setTemperatureUnitsToCelcius: () => t(`${e}/setTemperatureUnitsToCelcius`, null), setTemperatureUnitsToFahrenheit: () => t(`${e}/setTemperatureUnitsToFahrenheit`, null) } : void 0;
 }
 function xt(e) {
-  const { sendMessage: t } = R(), o = _(e), c = (r) => {
+  const { sendMessage: t } = E(), o = P(e), c = (r) => {
     t(`/device/${e}/saveTheme`, { value: r });
   };
   return {
@@ -1834,20 +1834,20 @@ function xt(e) {
   };
 }
 function Zt(e) {
-  const t = `/device/${e}`, o = h(t, "play"), c = h(t, "pause"), r = h(t, "stop"), i = h(t, "prevTrack"), v = h(t, "nextTrack"), g = h(t, "rewind"), a = h(t, "ffwd"), p = h(t, "record");
+  const t = `/device/${e}`, o = h(t, "play"), c = h(t, "pause"), r = h(t, "stop"), i = h(t, "prevTrack"), a = h(t, "nextTrack"), g = h(t, "rewind"), v = h(t, "ffwd"), f = h(t, "record");
   return {
     play: o,
     pause: c,
     stop: r,
     prevTrack: i,
-    nextTrack: v,
+    nextTrack: a,
     rewind: g,
-    fastForward: a,
-    record: p
+    fastForward: v,
+    record: f
   };
 }
 function St(e) {
-  const t = _(e), { sendMessage: o } = R();
+  const t = P(e), { sendMessage: o } = E();
   return t ? {
     touchpanelState: t,
     appControl: { hideApp: () => {
@@ -1863,7 +1863,7 @@ function St(e) {
   } : void 0;
 }
 function jt(e) {
-  const t = _(e), o = V3(e), c = k1(e);
+  const t = P(e), o = V3(e), c = O1(e);
   if (!t) return;
   const r = (t.powerState || t.isWarming) && !t.isCooling, i = (!t.powerState || t.isCooling) && !t.isWarming;
   return {
@@ -1875,74 +1875,78 @@ function jt(e) {
 }
 function Ct(e) {
   const t = `/device/${e}`;
-  return Z1(t);
+  return j1(t);
 }
 const bt = ({
   config: e
 }, t = !0) => {
-  const { sendMessage: o } = R();
-  return n1(() => {
-    var r, i, v, g;
+  const { sendMessage: o } = E(), c = M1(!1), r = o1(() => {
+    var g, v, f, w;
+    const a = /* @__PURE__ */ new Set();
     if (!e)
-      return;
-    const c = /* @__PURE__ */ new Set();
-    if (e.destinations && Object.values(e.destinations).forEach((a) => {
-      c.add(a);
-    }), e.destinationList && Object.values(e.destinationList).forEach((a) => {
-      c.add(a.sinkKey);
-    }), e.audioControlPointList && Object.values((r = e.audioControlPointList) == null ? void 0 : r.levelControls).forEach(
-      (a) => {
-        a.itemKey ? c.add(a.parentDeviceKey + "--" + a.itemKey) : c.add(a.parentDeviceKey);
+      return a;
+    if (e.destinations && Object.values(e.destinations).forEach((x) => {
+      a.add(x);
+    }), e.destinationList && Object.values(e.destinationList).forEach((x) => {
+      a.add(x.sinkKey);
+    }), e.audioControlPointList && Object.values((g = e.audioControlPointList) == null ? void 0 : g.levelControls).forEach(
+      (x) => {
+        x.itemKey ? a.add(x.parentDeviceKey + "--" + x.itemKey) : a.add(x.parentDeviceKey);
       }
-    ), (i = e.touchpanelKeys) == null || i.forEach((a) => {
-      c.add(a);
-    }), (v = e.environmentalDevices) == null || v.forEach((a) => {
-      a.deviceKey && c.add(a.deviceKey);
-    }), (g = e.accessoryDeviceKeys) == null || g.forEach((a) => {
-      c.add(a);
-    }), e.audioCodecKey && c.add(e.audioCodecKey), e.videoCodecKey && c.add(e.videoCodecKey), e.matrixRoutingKey && c.add(e.matrixRoutingKey), e.roomCombinerKey && c.add(e.roomCombinerKey), e.endpointKeys && e.endpointKeys.forEach((a) => {
-      c.add(a);
+    ), (v = e.touchpanelKeys) == null || v.forEach((x) => {
+      a.add(x);
+    }), (f = e.environmentalDevices) == null || f.forEach((x) => {
+      x.deviceKey && a.add(x.deviceKey);
+    }), (w = e.accessoryDeviceKeys) == null || w.forEach((x) => {
+      a.add(x);
+    }), e.audioCodecKey && a.add(e.audioCodecKey), e.videoCodecKey && a.add(e.videoCodecKey), e.matrixRoutingKey && a.add(e.matrixRoutingKey), e.roomCombinerKey && a.add(e.roomCombinerKey), e.endpointKeys && e.endpointKeys.forEach((x) => {
+      a.add(x);
     }), e.sourceList)
-      for (const a of Object.values(e.sourceList))
-        a.sourceKey && a.sourceKey !== "$off" && c.add(a.sourceKey);
-    return console.log("requesting state for deviceKeys:", c), t && c.forEach((a) => {
+      for (const x of Object.values(e.sourceList))
+        x.sourceKey && x.sourceKey !== "$off" && a.add(x.sourceKey);
+    return a;
+  }, [e]), i = n1(() => {
+    !t || r.size === 0 || c.current || (console.log("requesting state for deviceKeys:", r), r.forEach((a) => {
       o(`/device/${a}/fullStatus`, { deviceKey: a });
-    }), c;
-  }, [e, o, t]);
+    }), c.current = !0);
+  }, [r, t, o]);
+  return x1(() => {
+    c.current = !1, i();
+  }, [i]), r;
 };
 function yt(e, t) {
   const [o, c] = Y(!1), [r, i] = Y(!1);
   return Z3(() => {
-    const { current: v } = e, g = () => {
-      const a = v && v.scrollHeight > v.clientHeight, p = v && v.scrollWidth > v.clientWidth;
-      i(a ?? !1), c(p ?? !1), t && t(a ?? !1, p ?? !1);
+    const { current: a } = e, g = () => {
+      const v = a && a.scrollHeight > a.clientHeight, f = a && a.scrollWidth > a.clientWidth;
+      i(v ?? !1), c(f ?? !1), t && t(v ?? !1, f ?? !1);
     };
-    v && g();
+    a && g();
   }, [e, t]), { overflowHorizontal: o, overflowVertical: r };
 }
 function It(e, t) {
   const o = `/room/${e}/volumes/${t}`;
-  return Z1(o);
+  return j1(o);
 }
 function Rt(e, t) {
   const o = te(e, t), c = `/room/${e}/volumes/${t}`;
   return W3(c, o);
 }
 function Et(e) {
-  var g, a;
-  const [t, o] = Y(((g = e == null ? void 0 : e.current) == null ? void 0 : g.scrollLeft) ?? 0), [c, r] = Y(((a = e == null ? void 0 : e.current) == null ? void 0 : a.scrollTop) ?? 0), i = (p) => {
-    const { current: M } = e;
-    M && (console.log(M.scrollLeft), M.scrollLeft += p, console.log(M.scrollLeft));
-  }, v = (p) => {
-    const { current: M } = e;
-    M && (console.log(M.scrollTop), M.scrollTop += p, console.log(M.scrollTop));
+  var g, v;
+  const [t, o] = Y(((g = e == null ? void 0 : e.current) == null ? void 0 : g.scrollLeft) ?? 0), [c, r] = Y(((v = e == null ? void 0 : e.current) == null ? void 0 : v.scrollTop) ?? 0), i = (f) => {
+    const { current: w } = e;
+    w && (console.log(w.scrollLeft), w.scrollLeft += f, console.log(w.scrollLeft));
+  }, a = (f) => {
+    const { current: w } = e;
+    w && (console.log(w.scrollTop), w.scrollTop += f, console.log(w.scrollTop));
   };
   return Z3(() => {
-    const { current: p } = e, M = () => {
-      o((p == null ? void 0 : p.scrollLeft) ?? 0), r((p == null ? void 0 : p.scrollTop) ?? 0);
+    const { current: f } = e, w = () => {
+      o((f == null ? void 0 : f.scrollLeft) ?? 0), r((f == null ? void 0 : f.scrollTop) ?? 0);
     };
-    p && M();
-  }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: i, scrollVertical: v };
+    f && w();
+  }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: i, scrollVertical: a };
 }
 function Tt(e) {
   const t = W1();
@@ -1953,7 +1957,7 @@ function Tt(e) {
   }, Ze(e)];
 }
 function Dt() {
-  const { sendMessage: e } = R();
+  const { sendMessage: e } = E();
   return {
     reboot: () => {
       e("/system/reboot", null);
@@ -1970,7 +1974,7 @@ function _t() {
     const i = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
     c(i);
   }
-  return O1(() => {
+  return x1(() => {
     r();
     const i = setInterval(() => {
       r();
@@ -2001,7 +2005,7 @@ const Pt = () => {
     ),
     e && /* @__PURE__ */ n.jsx("p", { children: r })
   ] });
-}, Je = "_iconbtn_16qss_1", Xe = "_iconbtnvert_16qss_7", Qe = "_iconsm_16qss_18", P1 = {
+}, Je = "_iconbtn_16qss_1", Xe = "_iconbtnvert_16qss_7", Qe = "_iconsm_16qss_18", $1 = {
   iconbtn: Je,
   iconbtnvert: Xe,
   iconsm: Qe
@@ -2012,45 +2016,45 @@ const Pt = () => {
   className: c,
   iconClassName: r = "",
   otherContentClassName: i = "",
-  disabled: v,
+  disabled: a,
   feedback: g,
-  feedbackClassName: a,
-  onPointerDown: p,
-  onPointerUp: M,
-  onPointerLeave: P,
+  feedbackClassName: v,
+  onPointerDown: f,
+  onPointerUp: w,
+  onPointerLeave: x,
   ...H
 }) => {
-  const [u, Z] = Y(!1), j = !v && g ? a : "", C = !v && (u || g);
+  const [u, S] = Y(!1), C = !a && g ? v : "", b = !a && (u || g);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
       type: "button",
-      className: `${P1.iconbtn} ${o ? P1.iconbtnvert : ""} ${c} ${j}`,
+      className: `${$1.iconbtn} ${o ? $1.iconbtnvert : ""} ${c} ${C}`,
       ...H,
-      disabled: v,
-      onPointerDown: (b) => {
-        Z(!0), p == null || p(b);
+      disabled: a,
+      onPointerDown: (y) => {
+        S(!0), f == null || f(y);
       },
-      onPointerUp: (b) => {
-        Z(!1), M == null || M(b);
+      onPointerUp: (y) => {
+        S(!1), w == null || w(y);
       },
-      onPointerLeave: (b) => {
-        Z(!1), P == null || P(b);
+      onPointerLeave: (y) => {
+        S(!1), x == null || x(y);
       },
       children: [
         e && /* @__PURE__ */ n.jsx(
           e,
           {
-            className: `${r || P1.iconsm}`,
-            active: C,
-            disabled: v
+            className: `${r || $1.iconsm}`,
+            active: b,
+            disabled: a
           }
         ),
         i ? /* @__PURE__ */ n.jsx("div", { className: i, children: t }) : /* @__PURE__ */ n.jsx("div", { children: t })
       ]
     }
   );
-}, I = ({
+}, R = ({
   ActiveImage: e,
   DisabledImage: t,
   EnabledImage: o,
@@ -2061,7 +2065,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: /* @__PURE__ */ n.jsx(
       "svg",
@@ -2113,7 +2117,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-ban-active.svg */
@@ -2162,7 +2166,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: /* @__PURE__ */ n.jsx(
       "svg",
@@ -2202,7 +2206,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-check-active.svg */
@@ -2252,7 +2256,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-controller-active.svg */
@@ -2319,7 +2323,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-down-active.svg */
@@ -2368,7 +2372,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-elipses-active.svg */
@@ -2417,7 +2421,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-flag-active.svg */
@@ -2466,7 +2470,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* /Users/hvolmer/Downloads/SVG/icon-gear-active.svg */
@@ -2515,7 +2519,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-glass-active.svg */
@@ -2565,7 +2569,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-hdmi-active.svg */
@@ -2632,7 +2636,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-laptop-active.svg */
@@ -2681,7 +2685,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-left-active.svg */
@@ -2730,7 +2734,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-light-active.svg */
@@ -2779,7 +2783,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-moon-active.svg */
@@ -2828,7 +2832,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-playstation-active.svg */
@@ -2850,7 +2854,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-podium-active.svg */
@@ -2899,7 +2903,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-power-active.svg */
@@ -2948,7 +2952,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-privacy-active.svg */
@@ -2997,7 +3001,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-question-active.svg */
@@ -3046,7 +3050,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-right-active.svg */
@@ -3096,7 +3100,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-roomPC-active.svg */
@@ -3163,7 +3167,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-shade-active.svg */
@@ -3212,7 +3216,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-sun-active.svg */
@@ -3263,7 +3267,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: void 0,
     DisabledImage: void 0,
@@ -3276,7 +3280,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-up-active.svg */
@@ -3325,7 +3329,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-volDown-active.svg */
@@ -3374,7 +3378,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-volMute-active.svg */
@@ -3423,7 +3427,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-volUp-active.svg */
@@ -3472,7 +3476,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-wireless-active.svg */
@@ -3521,7 +3525,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-x-active.svg */
@@ -3570,7 +3574,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-xbox-active.svg */
@@ -3619,7 +3623,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-mic-active.svg */
@@ -3724,13 +3728,13 @@ const P8 = "_grid_1cmpp_1", L8 = "_header_1cmpp_11", $8 = "_content_1cmpp_17", A
   /* @__PURE__ */ n.jsx("div", { className: p1.header, children: t }),
   c && /* @__PURE__ */ n.jsx("div", { className: p1.leftNav, children: c }),
   /* @__PURE__ */ n.jsx("div", { className: p1.content, children: o })
-] }), V8 = "_grid_1uwfo_1", U8 = "_header_1uwfo_11", H8 = "_content_1uwfo_17", L1 = {
+] }), V8 = "_grid_1uwfo_1", U8 = "_header_1uwfo_11", H8 = "_content_1uwfo_17", A1 = {
   grid: V8,
   header: U8,
   content: H8
-}, kt = ({ className: e, header: t, content: o }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${L1.grid}`, children: [
-  /* @__PURE__ */ n.jsx("div", { className: L1.header, children: t }),
-  /* @__PURE__ */ n.jsx("div", { className: L1.content, children: o })
+}, kt = ({ className: e, header: t, content: o }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${A1.grid}`, children: [
+  /* @__PURE__ */ n.jsx("div", { className: A1.header, children: t }),
+  /* @__PURE__ */ n.jsx("div", { className: A1.content, children: o })
 ] });
 class Ot {
   constructor() {
@@ -3792,7 +3796,7 @@ export {
   At as MainLayout,
   Vt as MessageHandler,
   W6 as MobileControlProvider,
-  I as MultiStateIconContainer,
+  R as MultiStateIconContainer,
   $t as NamedIconButton,
   Ot as ShareState,
   Bt as TechLayout,
@@ -3865,7 +3869,7 @@ export {
   Q8 as useApiPath,
   X8 as useAppConfig,
   W1 as useAppDispatch,
-  f as useAppSelector,
+  m as useAppSelector,
   H6 as useAvrControl,
   h as useButtonHeldHeartbeat,
   Q6 as useCameraBase,
@@ -3881,13 +3885,13 @@ export {
   t6 as useGetAllDevices,
   o6 as useGetAllRooms,
   $6 as useGetCurrentPopoverIdForGroup,
-  _ as useGetDevice,
+  P as useGetDevice,
   V6 as useGetIBasicVolume,
   U6 as useGetIBasicVolumeWithFeedback,
   s6 as useGetRoom,
   M6 as useGetRoomDisplayStates,
   x6 as useGetZoomRoomControllerKey,
-  Z1 as useIBasicVolume,
+  j1 as useIBasicVolume,
   W3 as useIBasicVolumeWithFeedback,
   G6 as useIChannel,
   Y6 as useIColor,
@@ -3899,7 +3903,7 @@ export {
   tt as useIEssentialsRoomCombiner,
   nt as useIHasCameras,
   V3 as useIHasPowerControl,
-  k1 as useIHasSelectableItems,
+  O1 as useIHasSelectableItems,
   ot as useIHumiditySensor,
   st as useILevelControls,
   ct as useILightingScenes,
@@ -3947,7 +3951,7 @@ export {
   d6 as useRoomProgramAudioDestinationKey,
   p6 as useRoomShareState,
   r6 as useRoomSourceList,
-  x1 as useRoomState,
+  S1 as useRoomState,
   te as useRoomVolume,
   y6 as useRuntimeInfo,
   Et as useScroll,
@@ -3965,7 +3969,7 @@ export {
   I6 as useTouchpanelKey,
   jt as useTwoWayDisplayBase,
   C6 as useUserCode,
-  R as useWebsocketContext,
+  E as useWebsocketContext,
   I3 as useWsIsConnected,
   Le as wsAddEventHandler,
   k3 as wsConnect,