@pepperdash/mobile-control-react-app-core 1.22.6 → 1.22.7

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

@@ -1,137 +1,137 @@
 var w2 = Object.defineProperty;
-var p2 = (e, t, o) => t in e ? w2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var q = (e, t, o) => p2(e, typeof t != "symbol" ? t + "" : t, o);
-import M3, { AxiosError as m2 } from "axios";
+var m2 = (e, t, o) => t in e ? w2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+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 p, createSlice as a1, combineReducers as S2, configureStore as j2 } from "@reduxjs/toolkit";
-import x3, { createContext as C2, useEffect as m1, useCallback as c1, useContext as b2, useRef as A1, useMemo as M1, 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 O1, useCallback as r1, useContext as b2, useRef as $1, 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(), f = x2.withTypes(), x1 = (e) => e.appConfig, E2 = p(
-  x1,
+const W1 = M2.withTypes(), f = x2.withTypes(), M1 = (e) => e.appConfig, E2 = m(
+  M1,
   (e) => e.config
-), T2 = p(
-  x1,
+), T2 = m(
+  M1,
   (e) => e.config.apiPath
-), D2 = p(
-  x1,
+), D2 = m(
+  M1,
   (e) => e.config.logoPath
-), _2 = p(
-  x1,
+), _2 = m(
+  M1,
   (e) => e.config.partnerMetadata
-), X8 = () => f(E2), Q8 = () => f(T2), N8 = () => f(D2), e6 = () => f(_2), j3 = (e) => e.devices, C3 = p(
+), X8 = () => f(E2), Q8 = () => f(T2), N8 = () => f(D2), e6 = () => f(_2), j3 = (e) => e.devices, C3 = m(
   j3,
   (e) => e
-), P2 = (e) => p(
+), P2 = (e) => m(
   j3,
   (t) => t[e] ? t[e] : void 0
 ), t6 = () => f(C3);
 function _(e) {
   return f(P2(e));
 }
-const A = (e) => e.rooms, L2 = (e) => p(
+const A = (e) => e.rooms, L2 = (e) => m(
   A,
   (t) => t[e] ? t[e].configuration : void 0
-), $2 = p(
+), $2 = m(
   A,
   (e) => e
-), A2 = (e) => p(
+), A2 = (e) => m(
   A,
   (t) => t[e] ? t[e] : void 0
-), B2 = (e) => p(
+), B2 = (e) => m(
   A,
   (t) => t[e] ? t[e].name : void 0
-), k2 = (e, t) => p(
+), k2 = (e, t) => m(
   A,
   (o) => o[e] ? o[e].volumes[t] : void 0
-), O2 = (e) => p(
+), O2 = (e) => m(
   A,
   (t) => t[e] ? t[e] : void 0
-), W2 = (e) => p(
+), 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) => p(
+), 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) => p(
+), 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) => p(
+), 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) => p(
+), 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) => p(
+), K2 = (e) => m(
   A,
   (t) => {
-    var o, c, r, i, v, u, h, m;
-    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 : ((m = (h = (u = t[e]) == null ? void 0 : u.configuration) == null ? void 0 : h.destinationList.defaultDisplay) == null ? void 0 : m.sinkKey) || "";
+    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) || "";
   }
-), q2 = (e) => p(
+), 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) => p(
+), G2 = (e) => m(
   A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isInCall : void 0;
   }
-), Y2 = (e) => p(
+), Y2 = (e) => m(
   A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isWarmingUp : void 0;
   }
-), z2 = (e) => p(
+), z2 = (e) => m(
   A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isCoolingDown : void 0;
   }
-), J2 = (e) => p(
+), J2 = (e) => m(
   A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isOn : void 0;
   }
-), X2 = (e) => p(
+), X2 = (e) => m(
   A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.advancedSharingActive : void 0;
   }
-), Q2 = (e) => p(
+), Q2 = (e) => m(
   A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.share : void 0;
   }
-), N2 = (e) => p(
+), 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 = p(
+), ee = m(
   [
     (e, t) => t,
     () => C3,
@@ -154,69 +154,69 @@ function n6(e) {
 function o6() {
   return f($2);
 }
-function Z1(e) {
+function x1(e) {
   return f(A2(e));
 }
-const s6 = Z1, c6 = (e) => f(
+const s6 = x1, c6 = (e) => f(
   B2(e)
 ), te = (e, t) => f(
   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)), p6 = (e) => f(X2(e)), m6 = (e) => f(Q2(e)), M6 = (e) => f((t) => ee(t, e)), x6 = (e) => f(N2(e)), G = (e) => e.runtimeConfig, oe = p(
+), 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(
   G,
   (e) => e.websocket.isConnected
-), se = p(
+), se = m(
   G,
   (e) => e.currentRoomKey
-), ce = p(
+), ce = m(
   G,
   (e) => e.roomData.clientId
-), re = p(
+), re = m(
   G,
   (e) => e.roomData.systemUuid
-), le = p(
+), le = m(
   G,
   (e) => e.roomData.userCode
-), ie = p(
+), ie = m(
   G,
   (e) => e.serverIsRunningOnProcessorHardware
-), ae = p(
+), ae = m(
   G,
   (e) => {
     var t;
     return (t = e.roomData.config) == null ? void 0 : t.runtimeInfo;
   }
-), ue = p(
+), ue = m(
   G,
   (e) => e.touchpanelKey
-), de = p(
+), de = m(
   G,
   (e) => e.touchpanelKey !== ""
-), b3 = p(
+), b3 = m(
   G,
   (e) => e.roomData.deviceInterfaceSupport
-), y3 = (e) => p(
+), y3 = (e) => m(
   b3,
   (t) => {
     var o;
     return ((o = t == null ? void 0 : t[e]) == null ? void 0 : o.interfaces) ?? [];
   }
-), ve = (e, t) => p(
+), 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) => p(N, (t) => t.modalVisibility[e]), he = (e) => p(N, (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) => {
   const o = t.popoverVisibility[e];
   if (o)
     return Object.keys(o).find((c) => o[c]);
-}), ge = (e, t) => p(
+}), ge = (e, t) => m(
   N,
   (o) => {
     var c;
     return ((c = o.popoverVisibility[e]) == null ? void 0 : c[t]) ?? !1;
   }
-), fe = p(N, (e) => e.error), we = p(
+), fe = m(N, (e) => e.error), we = m(
   N,
   (e) => e.showReconnect
-), pe = p(N, (e) => e.theme), me = (e) => p(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(pe), Ze = (e) => f(me(e)), Se = {
+), 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 = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -225,7 +225,7 @@ const s6 = Z1, c6 = (e) => f(
   },
   popoverVisibility: {},
   syncState: []
-}, R3 = a1({
+}, R3 = u1({
   name: "ui",
   initialState: Se,
   reducers: {
@@ -281,7 +281,7 @@ const s6 = Z1, c6 = (e) => f(
     loginMode: "",
     modes: {}
   }
-}, E3 = a1({
+}, E3 = u1({
   name: "appConfig",
   initialState: Ce,
   reducers: {
@@ -289,7 +289,7 @@ const s6 = Z1, c6 = (e) => f(
       e.config = t.payload;
     }
   }
-}), T3 = E3.actions, be = E3.reducer, v3 = {}, B1 = a1({
+}), T3 = E3.actions, be = E3.reducer, v3 = {}, A1 = u1({
   name: "devices",
   initialState: v3,
   reducers: {
@@ -303,10 +303,10 @@ const s6 = Z1, c6 = (e) => f(
       return v3;
     }
   }
-}), g1 = {
-  setDeviceState: B1.actions.setDeviceState,
-  clearDevices: B1.actions.clearDevices
-}, ye = B1.reducer;
+}), f1 = {
+  setDeviceState: A1.actions.setDeviceState,
+  clearDevices: A1.actions.clearDevices
+}, ye = A1.reducer;
 class Ie {
   constructor() {
     q(this, "uuid", "current-uuid");
@@ -322,7 +322,7 @@ function Re(e) {
 function Ee(e, t) {
   sessionStorage.setItem(e, t);
 }
-const g3 = {}, k1 = a1({
+const g3 = {}, B1 = u1({
   name: "rooms",
   initialState: g3,
   reducers: {
@@ -336,10 +336,10 @@ const g3 = {}, k1 = a1({
       return g3;
     }
   }
-}), f1 = {
-  setRoomState: k1.actions.setRoomState,
-  clearRooms: k1.actions.clearRooms
-}, Te = k1.reducer, De = {
+}), w1 = {
+  setRoomState: B1.actions.setRoomState,
+  clearRooms: B1.actions.clearRooms
+}, Te = B1.reducer, De = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -370,7 +370,7 @@ const g3 = {}, k1 = a1({
     userCode: "",
     qrUrl: ""
   }
-}, D3 = a1({
+}, D3 = u1({
   name: "runtimeConfig",
   initialState: De,
   reducers: {
@@ -405,7 +405,7 @@ const g3 = {}, k1 = a1({
       e.touchpanelKey = t.payload;
     }
   }
-}), U = D3.actions, _e = D3.reducer, P1 = 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, _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) => ({
   type: L3,
   payload: { messageType: e, content: t }
 }), Le = (e, t, o) => ({
@@ -421,49 +421,49 @@ const g3 = {}, k1 = a1({
     waitingToReconnect: !1,
     reconnectTimer: null,
     eventHandlers: {}
-  }, t = async (a) => {
+  }, 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 P1.get(
+      const j = `/${Z.join("/")}`, C = await _1.get(
         "/_local-config/_config.local.json",
         { baseURL: j }
       );
       if (C.status === 200 && C.data) {
         const b = C.data.apiPath;
-        a(T3.setAppConfig(C.data));
-        const x = await P1.get(
+        u(T3.setAppConfig(C.data));
+        const x = await _1.get(
           `${b}/version`
         );
-        x.status === 200 && x.data && a(U.setRuntimeConfig(x.data));
+        x.status === 200 && x.data && u(U.setRuntimeConfig(x.data));
       }
     } catch (Z) {
       console.error("Error getting config", Z);
     }
     return !0;
-  }, o = async (a, Z, j) => {
+  }, o = async (u, Z, j) => {
     try {
-      const C = await P1.get(
-        `${a}/ui/joinroom?token=${Z}`
+      const C = await _1.get(
+        `${u}/ui/joinroom?token=${Z}`
       );
       return C.status === 200 && C.data ? (j(U.setRoomData(C.data)), !0) : !1;
     } catch (C) {
-      return console.log(C), C instanceof m2 && C.response && C.response.status === 498 ? (console.error("Invalid token. Unable to join room"), j(
+      return console.log(C), C instanceof p2 && C.response && C.response.status === 498 ? (console.error("Invalid token. Unable to join room"), j(
         O.setErrorMessage(
           `Token ${Z} 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);
     }
-  }, c = (a) => {
+  }, c = (u) => {
     e.reconnectTimer && (clearTimeout(e.reconnectTimer), e.reconnectTimer = null), console.log("WebSocket middleware: Starting reconnection loop..."), e.reconnectTimer = setTimeout(() => {
-      e.waitingToReconnect = !1, e.reconnectTimer = null, console.log("WebSocket middleware: Attempting automatic reconnection..."), a(k3());
+      e.waitingToReconnect = !1, e.reconnectTimer = null, console.log("WebSocket middleware: Attempting automatic reconnection..."), u(k3());
     }, 5e3);
   }, r = () => {
     e.reconnectTimer && (console.log("WebSocket middleware: Stopping reconnection loop"), clearTimeout(e.reconnectTimer), e.reconnectTimer = null);
-  }, i = (a) => {
-    a(O.setShowReconnect(!0)), a(U.setWebsocketIsConnected(!1)), a(g1.clearDevices()), a(f1.clearRooms()), a(O.clearAllModals()), a(O.clearSyncState());
-  }, v = (a, Z) => {
-    const j = a(), C = Z ?? j.runtimeConfig.roomData.roomKey, { clientId: b } = j.runtimeConfig.roomData, x = j.runtimeConfig.websocket.isConnected;
+  }, 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) {
       console.log("WebSocket middleware: Cannot request room status", {
         hasRoomKey: !!Z,
@@ -479,7 +479,7 @@ const g3 = {}, k1 = a1({
         content: null
       })
     );
-  }, u = async (a, Z) => {
+  }, g = async (u, Z) => {
     console.log("WebSocket middleware: Attempting to connect...");
     const j = Z(), { apiPath: C } = j.appConfig.config, { serverIsRunningOnProcessorHardware: b } = j.runtimeConfig;
     if (!C || !e.token) {
@@ -504,20 +504,20 @@ const g3 = {}, k1 = a1({
     }
     e.waitingToReconnect = !0;
     try {
-      if (!await o(C, e.token, a)) {
+      if (!await o(C, e.token, u)) {
         console.log(
           "WebSocket middleware: Failed to get room data, will retry..."
-        ), c(a);
+        ), c(u);
         return;
       }
       console.log("WebSocket middleware: Connecting to websocket");
-      const j1 = `${C.replace("http", "ws")}/ui/join/${e.token}`, K = new WebSocket(j1);
+      const S1 = `${C.replace("http", "ws")}/ui/join/${e.token}`, K = new WebSocket(S1);
       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 && a(U.setWebsocketIsConnected(!0));
+          e.client === K && K.readyState === WebSocket.OPEN && u(U.setWebsocketIsConnected(!0));
         }, 100);
       }, K.onerror = (B) => {
-        console.error("WebSocket middleware: Error", B), i(a);
+        console.error("WebSocket middleware: Error", B), i(u);
       }, K.onclose = (B) => {
         var D;
         if (console.log(
@@ -525,25 +525,25 @@ const g3 = {}, k1 = a1({
           B.reason,
           B.code
         ), B.code === 4100) {
-          console.log("WebSocket middleware: Closed by client (cleanup)"), r(), i(a);
+          console.log("WebSocket middleware: Closed by client (cleanup)"), r(), i(u);
           return;
         }
         if (e.waitingToReconnect = !0, B.code === 4e3) {
-          console.log("WebSocket middleware: User code changed"), r(), a(
+          console.log("WebSocket middleware: User code changed"), r(), u(
             U.setUserCode({ userCode: "", qrUrl: "" })
-          ), a(
+          ), u(
             O.setErrorMessage(
               "User code changed. Click reconnect to enter the new code"
             )
-          ), i(a);
+          ), i(u);
           return;
         }
         if (B.code === 4002) {
-          console.log("WebSocket middleware: Room combination changed"), r(), a(
+          console.log("WebSocket middleware: Room combination changed"), r(), u(
             O.setErrorMessage(
               "Room combination changed. Click Reconnect to re-join the room"
             )
-          ), i(a);
+          ), i(u);
           return;
         }
         if (B.code === 4001)
@@ -558,11 +558,11 @@ const g3 = {}, k1 = a1({
           else {
             console.log(
               "WebSocket middleware: Processor disconnected (no touchpanel key, not on processor hardware)"
-            ), r(), a(
+            ), r(), u(
               O.setErrorMessage(
                 "Processor has disconnected. Click Reconnect to continue."
               )
-            ), i(a);
+            ), i(u);
             return;
           }
         if (e.client)
@@ -573,11 +573,11 @@ const g3 = {}, k1 = a1({
           console.log("WebSocket middleware: Closed by client");
           return;
         }
-        e.client = null, console.log("WebSocket middleware: Clearing state on disconnect"), a(
+        e.client = null, console.log("WebSocket middleware: Clearing state on disconnect"), u(
           O.setErrorMessage(
             "Connection lost. Attempting to reconnect..."
           )
-        ), a(U.setWebsocketIsConnected(!1)), a(g1.clearDevices()), a(f1.clearRooms()), a(O.clearAllModals()), a(O.clearSyncState()), c(a);
+        ), 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);
@@ -588,21 +588,21 @@ const g3 = {}, k1 = a1({
           if (D.type.startsWith("/system/"))
             switch (D.type) {
               case "/system/touchpanelKey":
-                a(
+                u(
                   U.setTouchpanelKey(
                     D.content
                   )
                 );
                 break;
               case "/system/roomKey":
-                a(f1.clearRooms()), a(g1.clearDevices()), a(O.clearSyncState()), a(
+                u(w1.clearRooms()), u(f1.clearDevices()), u(O.clearSyncState()), u(
                   U.setCurrentRoomKey(
                     D.content
                   )
                 );
                 break;
               case "/system/userCodeChanged":
-                a(
+                u(
                   U.setUserCode(D.content)
                 );
                 break;
@@ -611,7 +611,7 @@ const g3 = {}, k1 = a1({
                 break;
               case "/system/deviceInterfaces": {
                 const z = D.content;
-                a(
+                u(
                   U.setDeviceInterfaces(
                     z.deviceInterfaces
                   )
@@ -630,17 +630,17 @@ const g3 = {}, k1 = a1({
             z || console.log(
               "WebSocket middleware: No handlers found for event type",
               D.type
-            ), z && Object.values(z).forEach((n1) => {
+            ), z && Object.values(z).forEach((o1) => {
               try {
-                n1(D);
-              } catch (C1) {
+                o1(D);
+              } catch (j1) {
                 console.error(
                   "WebSocket middleware: Event handler error",
-                  C1
+                  j1
                 );
               }
             });
-          } else D.type.startsWith("/room/") ? a(f1.setRoomState(D)) : D.type.startsWith("/device/") && a(g1.setDeviceState(D));
+          } 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);
         }
@@ -648,26 +648,26 @@ const g3 = {}, k1 = a1({
     } catch (x) {
       console.error("WebSocket middleware: Connection error", x), e.waitingToReconnect = !1, e.client = null;
     }
-  }, h = () => {
+  }, a = () => {
     e.client && (console.log("WebSocket middleware: Disconnecting"), r(), e.client.close(4100, "Client requested disconnect"), e.client = null);
-  }, m = (a, Z, j) => {
+  }, 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: a, clientId: x, content: Z })
+      JSON.stringify({ type: u, clientId: x, content: Z })
     ) : console.warn("WebSocket middleware: Cannot send message - not connected");
-  }, M = (a, Z, j) => {
-    e.eventHandlers[a] || (e.eventHandlers[a] = {}), e.eventHandlers[a][Z] = j, console.log("WebSocket middleware: Event handler added", a, Z);
-  }, P = (a, Z) => {
-    e.eventHandlers[a] && (delete e.eventHandlers[a][Z], console.log(
+  }, 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(
       "WebSocket middleware: Event handler removed",
-      a,
+      u,
       Z
     ));
-  }, H = (a) => {
-    const Z = a(), { 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}`;
+  }, 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;
   };
-  return (a) => (Z) => (j) => {
+  return (u) => (Z) => (j) => {
     const C = Z(j);
     if (!j || typeof j != "object" || !("type" in j))
       return C;
@@ -676,17 +676,17 @@ const g3 = {}, k1 = a1({
       switch (b.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(a.dispatch), await u(a.dispatch, a.getState);
+          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:
-          h();
+          a();
           break;
         case L3:
-          m(
+          p(
             b.payload.messageType,
             b.payload.content,
-            a.getState
+            u.getState
           );
           break;
         case $3:
@@ -703,25 +703,25 @@ const g3 = {}, k1 = a1({
           );
           break;
         case B3:
-          H(a.getState);
+          H(u.getState);
           break;
         default:
           if (j.type === U.setWebsocketIsConnected.type)
             j.payload === !0 && (console.log(
               "[WebSocket Middleware] Connection established, requesting room status..."
-            ), setTimeout(() => v(a.getState), 100));
+            ), setTimeout(() => v(u.getState), 100));
           else if (j.type === U.setRoomData.type) {
-            const x = a.getState(), W = j.payload;
+            const x = u.getState(), W = j.payload;
             x.runtimeConfig.websocket.isConnected && (W != null && W.clientId) && (console.log(
               "[WebSocket Middleware] Room data received, requesting room status..."
-            ), setTimeout(() => v(a.getState), 100));
+            ), setTimeout(() => v(u.getState), 100));
           } else if (j.type === U.setCurrentRoomKey.type) {
             const x = j.payload;
             x && (console.log(
               "[WebSocket Middleware] Room changed to:",
               x,
               ", requesting room status..."
-            ), setTimeout(() => v(a.getState, x), 100));
+            ), setTimeout(() => v(u.getState, x), 100));
           }
           break;
       }
@@ -768,7 +768,7 @@ function O6() {
     return !0;
   };
 }
-var w1 = { exports: {} }, r1 = {};
+var m1 = { exports: {} }, l1 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -780,19 +780,19 @@ var w1 = { exports: {} }, r1 = {};
  */
 var w3;
 function We() {
-  if (w3) return r1;
+  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(u, h, m) {
-    var M, P = {}, H = null, a = null;
-    m !== void 0 && (H = "" + m), h.key !== void 0 && (H = "" + h.key), h.ref !== void 0 && (a = h.ref);
-    for (M in h) c.call(h, M) && !i.hasOwnProperty(M) && (P[M] = h[M]);
-    if (u && u.defaultProps) for (M in h = u.defaultProps, h) P[M] === void 0 && (P[M] = h[M]);
-    return { $$typeof: t, type: u, key: H, ref: a, props: P, _owner: r.current };
+  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 };
   }
-  return r1.Fragment = o, r1.jsx = v, r1.jsxs = v, r1;
+  return l1.Fragment = o, l1.jsx = v, l1.jsxs = v, l1;
 }
-var l1 = {};
+var i1 = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -802,10 +802,10 @@ var l1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var p3;
+var m3;
 function Ve() {
-  return p3 || (p3 = 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"), u = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), a = Symbol.for("react.offscreen"), Z = Symbol.iterator, j = "@@iterator";
+  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) {
       if (s === null || typeof s != "object")
         return null;
@@ -830,14 +830,14 @@ function Ve() {
         T.unshift("Warning: " + l), Function.prototype.apply.call(console[s], console, T);
       }
     }
-    var j1 = !1, K = !1, B = !1, D = !1, z = !1, n1;
-    n1 = Symbol.for("react.module.reference");
-    function C1(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === c || s === i || z || s === r || s === m || s === M || D || s === a || j1 || K || B || typeof s == "object" && s !== null && (s.$$typeof === H || s.$$typeof === P || s.$$typeof === v || s.$$typeof === u || s.$$typeof === h || // This needs to include all possible module reference object
+    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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      s.$$typeof === n1 || s.getModuleId !== void 0));
+      s.$$typeof === o1 || s.getModuleId !== void 0));
     }
     function U3(s, l, d) {
       var w = s.displayName;
@@ -865,20 +865,20 @@ function Ve() {
           return "Profiler";
         case r:
           return "StrictMode";
-        case m:
+        case p:
           return "Suspense";
         case M:
           return "SuspenseList";
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
-          case u:
+          case g:
             var l = s;
             return U1(l) + ".Consumer";
           case v:
             var d = s;
             return U1(d._context) + ".Provider";
-          case h:
+          case a:
             return U3(s, s.render, "ForwardRef");
           case P:
             var w = s.displayName || null;
@@ -894,13 +894,13 @@ function Ve() {
         }
       return null;
     }
-    var X = Object.assign, o1 = 0, H1, F1, K1, q1, G1, Y1, z1;
+    var X = Object.assign, s1 = 0, H1, F1, K1, q1, G1, Y1, z1;
     function J1() {
     }
     J1.__reactDisabledLog = !0;
     function H3() {
       {
-        if (o1 === 0) {
+        if (s1 === 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
           });
         }
-        o1++;
+        s1++;
       }
     }
     function F3() {
       {
-        if (o1--, o1 === 0) {
+        if (s1--, s1 === 0) {
           var s = {
             configurable: !0,
             enumerable: !0,
@@ -953,42 +953,42 @@ function Ve() {
             })
           });
         }
-        o1 < 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 b1 = b.ReactCurrentDispatcher, y1;
-    function u1(s, l, d) {
+    var C1 = b.ReactCurrentDispatcher, b1;
+    function d1(s, l, d) {
       {
-        if (y1 === void 0)
+        if (b1 === void 0)
           try {
             throw Error();
           } catch (E) {
             var w = E.stack.trim().match(/\n( *(at )?)/);
-            y1 = w && w[1] || "";
+            b1 = w && w[1] || "";
           }
         return `
-` + y1 + s;
+` + b1 + s;
       }
     }
-    var I1 = !1, d1;
+    var y1 = !1, v1;
     {
       var K3 = typeof WeakMap == "function" ? WeakMap : Map;
-      d1 = new K3();
+      v1 = new K3();
     }
     function X1(s, l) {
-      if (!s || I1)
+      if (!s || y1)
         return "";
       {
-        var d = d1.get(s);
+        var d = v1.get(s);
         if (d !== void 0)
           return d;
       }
       var w;
-      I1 = !0;
+      y1 = !0;
       var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var T;
-      T = b1.current, b1.current = null, H3();
+      T = C1.current, C1.current = null, H3();
       try {
         if (l) {
           var y = function() {
@@ -1034,17 +1034,17 @@ function Ve() {
                   if (L--, $--, $ < 0 || S[L] !== k[$]) {
                     var F = `
 ` + S[L].replace(" at new ", " at ");
-                    return s.displayName && F.includes("<anonymous>") && (F = F.replace("<anonymous>", s.displayName)), typeof s == "function" && d1.set(s, F), F;
+                    return s.displayName && F.includes("<anonymous>") && (F = F.replace("<anonymous>", s.displayName)), typeof s == "function" && v1.set(s, F), F;
                   }
                 while (L >= 1 && $ >= 0);
               break;
             }
         }
       } finally {
-        I1 = !1, b1.current = T, F3(), Error.prepareStackTrace = E;
+        y1 = !1, C1.current = T, F3(), Error.prepareStackTrace = E;
       }
-      var t1 = s ? s.displayName || s.name : "", Q = t1 ? u1(t1) : "";
-      return typeof s == "function" && d1.set(s, Q), Q;
+      var t1 = s ? s.displayName || s.name : "", Q = t1 ? d1(t1) : "";
+      return typeof s == "function" && v1.set(s, Q), Q;
     }
     function q3(s, l, d) {
       return X1(s, !1);
@@ -1053,46 +1053,46 @@ function Ve() {
       var l = s.prototype;
       return !!(l && l.isReactComponent);
     }
-    function v1(s, l, d) {
+    function h1(s, l, d) {
       if (s == null)
         return "";
       if (typeof s == "function")
         return X1(s, G3(s));
       if (typeof s == "string")
-        return u1(s);
+        return d1(s);
       switch (s) {
-        case m:
-          return u1("Suspense");
+        case p:
+          return d1("Suspense");
         case M:
-          return u1("SuspenseList");
+          return d1("SuspenseList");
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
-          case h:
+          case a:
             return q3(s.render);
           case P:
-            return v1(s.type, l, d);
+            return h1(s.type, l, d);
           case H: {
             var w = s, E = w._payload, T = w._init;
             try {
-              return v1(T(E), l, d);
+              return h1(T(E), l, d);
             } catch {
             }
           }
         }
       return "";
     }
-    var s1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = b.ReactDebugCurrentFrame;
-    function h1(s) {
+    var c1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = b.ReactDebugCurrentFrame;
+    function g1(s) {
       if (s) {
-        var l = s._owner, d = v1(s.type, s._source, l ? l.type : null);
+        var l = s._owner, d = h1(s.type, s._source, l ? l.type : null);
         N1.setExtraStackFrame(d);
       } else
         N1.setExtraStackFrame(null);
     }
     function Y3(s, l, d, w, E) {
       {
-        var T = Function.call.bind(s1);
+        var T = Function.call.bind(c1);
         for (var y in s)
           if (T(s, y)) {
             var S = void 0;
@@ -1105,12 +1105,12 @@ function Ve() {
             } catch (L) {
               S = L;
             }
-            S && !(S instanceof Error) && (h1(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), h1(null)), S instanceof Error && !(S.message in Q1) && (Q1[S.message] = !0, h1(E), x("Failed %s type: %s", d, S.message), h1(null));
+            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));
           }
       }
     }
     var z3 = Array.isArray;
-    function R1(s) {
+    function I1(s) {
       return z3(s);
     }
     function J3(s) {
@@ -1140,7 +1140,7 @@ function Ve() {
       __source: !0
     }, o3, s3;
     function N3(s) {
-      if (s1.call(s, "ref")) {
+      if (c1.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 (s1.call(s, "key")) {
+      if (c1.call(s, "key")) {
         var l = Object.getOwnPropertyDescriptor(s, "key").get;
         if (l && l.isReactWarning)
           return !1;
@@ -1214,7 +1214,7 @@ function Ve() {
         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)
-          s1.call(l, T) && !Q3.hasOwnProperty(T) && (y[T] = l[T]);
+          c1.call(l, T) && !Q3.hasOwnProperty(T) && (y[T] = l[T]);
         if (s && s.defaultProps) {
           var L = s.defaultProps;
           for (T in L)
@@ -1227,23 +1227,23 @@ function Ve() {
         return s2(s, S, k, E, w, n3.current, y);
       }
     }
-    var E1 = b.ReactCurrentOwner, c3 = b.ReactDebugCurrentFrame;
+    var R1 = b.ReactCurrentOwner, c3 = b.ReactDebugCurrentFrame;
     function e1(s) {
       if (s) {
-        var l = s._owner, d = v1(s.type, s._source, l ? l.type : null);
+        var l = s._owner, d = h1(s.type, s._source, l ? l.type : null);
         c3.setExtraStackFrame(d);
       } else
         c3.setExtraStackFrame(null);
     }
-    var T1;
-    T1 = !1;
-    function D1(s) {
+    var E1;
+    E1 = !1;
+    function T1(s) {
       return typeof s == "object" && s !== null && s.$$typeof === t;
     }
     function r3() {
       {
-        if (E1.current) {
-          var s = J(E1.current.type);
+        if (R1.current) {
+          var s = J(R1.current.type);
           if (s)
             return `
 
@@ -1278,25 +1278,25 @@ Check the top-level render call using <` + d + ">.");
           return;
         l3[d] = !0;
         var w = "";
-        s && s._owner && s._owner !== E1.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);
+        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);
       }
     }
     function a3(s, l) {
       {
         if (typeof s != "object")
           return;
-        if (R1(s))
+        if (I1(s))
           for (var d = 0; d < s.length; d++) {
             var w = s[d];
-            D1(w) && i3(w, l);
+            T1(w) && i3(w, l);
           }
-        else if (D1(s))
+        else if (T1(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; )
-              D1(y.value) && i3(y.value, l);
+              T1(y.value) && i3(y.value, l);
         }
       }
     }
@@ -1308,7 +1308,7 @@ Check the top-level render call using <` + d + ">.");
         var d;
         if (typeof l == "function")
           d = l.propTypes;
-        else if (typeof l == "object" && (l.$$typeof === h || // Note: Memo only checks outer props here.
+        else if (typeof l == "object" && (l.$$typeof === a || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         l.$$typeof === P))
           d = l.propTypes;
@@ -1317,8 +1317,8 @@ Check the top-level render call using <` + d + ">.");
         if (d) {
           var w = J(l);
           Y3(d, s.props, "prop", w, s);
-        } else if (l.PropTypes !== void 0 && !T1) {
-          T1 = !0;
+        } 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");
         }
@@ -1340,14 +1340,14 @@ Check the top-level render call using <` + d + ">.");
     var u3 = {};
     function d3(s, l, d, w, E, T) {
       {
-        var y = C1(s);
+        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 k = r2();
           k ? S += k : S += r3();
           var L;
-          s === null ? L = "null" : R1(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" : 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);
         }
         var $ = c2(s, l, d, E, T);
         if ($ == null)
@@ -1356,7 +1356,7 @@ Check the top-level render call using <` + d + ">.");
           var F = l.children;
           if (F !== void 0)
             if (w)
-              if (R1(F)) {
+              if (I1(F)) {
                 for (var t1 = 0; t1 < F.length; t1++)
                   a3(F[t1], s);
                 Object.freeze && Object.freeze(F);
@@ -1365,18 +1365,18 @@ Check the top-level render call using <` + d + ">.");
             else
               a3(F, s);
         }
-        if (s1.call(l, "key")) {
+        if (c1.call(l, "key")) {
           var Q = J(s), V = Object.keys(l).filter(function(f2) {
             return f2 !== "key";
-          }), _1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!u3[Q + _1]) {
+          }), D1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!u3[Q + D1]) {
             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} />`, _1, Q, g2, Q), u3[Q + _1] = !0;
+  <%s key={someKey} {...props} />`, D1, Q, g2, Q), u3[Q + D1] = !0;
           }
         }
         return s === c ? a2($) : i2($), $;
@@ -1389,12 +1389,12 @@ React keys must be passed directly to JSX without using spread:
       return d3(s, l, d, !1);
     }
     var v2 = d2, h2 = u2;
-    l1.Fragment = c, l1.jsx = v2, l1.jsxs = h2;
-  }()), l1;
+    i1.Fragment = c, i1.jsx = v2, i1.jsxs = h2;
+  }()), i1;
 }
-var m3;
+var p3;
 function Ue() {
-  return m3 || (m3 = 1, process.env.NODE_ENV === "production" ? w1.exports = We() : w1.exports = Ve()), w1.exports;
+  return p3 || (p3 = 1, process.env.NODE_ENV === "production" ? m1.exports = We() : m1.exports = Ve()), m1.exports;
 }
 var n = Ue();
 const He = "_mwfit_ppa3l_1", Fe = {
@@ -1416,30 +1416,30 @@ const He = "_mwfit_ppa3l_1", Fe = {
   reconnect: () => null
 }), qe = ({ children: e }) => {
   const t = W1(), o = I3();
-  m1(() => {
+  O1(() => {
     t(k3());
   }, [t]);
-  const c = c1(
-    (h, m) => {
-      t(Pe(h, m));
+  const c = r1(
+    (a, p) => {
+      t(Pe(a, p));
     },
     [t]
-  ), r = c1(
-    (h, m) => {
-      c(h, { value: m });
+  ), r = r1(
+    (a, p) => {
+      c(a, { value: p });
     },
     [c]
-  ), i = c1(
-    (h, m, M) => {
-      t(Le(h, m, M));
+  ), i = r1(
+    (a, p, M) => {
+      t(Le(a, p, M));
     },
     [t]
-  ), v = c1(
-    (h, m) => {
-      t($e(h, m));
+  ), v = r1(
+    (a, p) => {
+      t($e(a, p));
     },
     [t]
-  ), u = c1(() => {
+  ), g = r1(() => {
     t(Ae());
   }, [t]);
   return /* @__PURE__ */ n.jsx(
@@ -1450,7 +1450,7 @@ const He = "_mwfit_ppa3l_1", Fe = {
         sendSimpleMessage: r,
         addEventHandler: i,
         removeEventHandler: v,
-        reconnect: u
+        reconnect: g
       },
       children: o ? e : /* @__PURE__ */ n.jsx(Ke, {})
     }
@@ -1465,26 +1465,26 @@ function Ge({
   onHold: o,
   holdTimeMs: c = 500
 }) {
-  const r = A1(null), i = A1(!1);
+  const r = $1(null), i = $1(!1);
   function v() {
     i.current = !0, e == null || e(), r.current = setTimeout(() => {
       o == null || o(), r.current = null;
     }, c);
   }
-  function u() {
+  function g() {
     i.current = !1, t == null || t(), r.current && (clearTimeout(r.current), r.current = null);
   }
-  function h() {
-    i.current && u();
+  function a() {
+    i.current && g();
   }
   return {
     onPointerDown: v,
-    onPointerUp: u,
-    onPointerLeave: h
+    onPointerUp: g,
+    onPointerLeave: a
   };
 }
-function g(e, t) {
-  const { sendMessage: c } = R(), r = A1(null);
+function h(e, t) {
+  const { sendMessage: c } = R(), r = $1(null);
   function i() {
     c(`${e}/${t}`, { value: "pressed" }), r.current || (r.current = setInterval(() => {
       c(`${e}/${t}`, { value: "held" });
@@ -1495,25 +1495,25 @@ function g(e, t) {
   }
   return Ge({ onPress: i, onRelease: v });
 }
-function S1(e) {
-  const { sendMessage: t } = R(), o = g(`${e}`, "volumeUp"), c = g(`${e}`, "volumeDown");
-  return M1(() => ({
+function Z1(e) {
+  const { sendMessage: t } = R(), o = h(`${e}`, "volumeUp"), c = h(`${e}`, "volumeDown");
+  return n1(() => ({
     volumeUp: o,
     volumeDown: c,
     muteToggle: () => t(`${e}/muteToggle`, null)
   }), [e, t, o, c]);
 }
 function V6(e) {
-  const { sendMessage: t } = R(), o = g(`${e}`, "volumeUp"), c = g(`${e}`, "volumeDown");
-  return M1(() => ({
+  const { sendMessage: t } = R(), o = h(`${e}`, "volumeUp"), c = h(`${e}`, "volumeDown");
+  return n1(() => ({
     volumeUp: o,
     volumeDown: c,
     muteToggle: () => t(`${e}/muteToggle`, null)
   }), [e, t, o, c]);
 }
 function W3(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = R(), r = S1(e);
-  return M1(() => {
+  const { sendMessage: o, sendSimpleMessage: c } = R(), r = Z1(e);
+  return n1(() => {
     if (!r) {
       console.log("baseVolume is undefined");
       return;
@@ -1525,15 +1525,15 @@ function W3(e, t) {
     return {
       ...r,
       volumeState: t,
-      setLevel: (h) => c(`${e}/level`, h),
+      setLevel: (a) => c(`${e}/level`, a),
       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 = S1(e);
-  return M1(() => {
+  const { sendMessage: o, sendSimpleMessage: c } = R(), r = Z1(e);
+  return n1(() => {
     if (!r) {
       console.log("baseVolume is undefined");
       return;
@@ -1545,15 +1545,18 @@ function U6(e, t) {
     return {
       ...r,
       volumeState: t,
-      setLevel: (h) => c(`${e}/level`, h),
+      setLevel: (a) => c(`${e}/level`, a),
       muteOn: () => o(`${e}/muteOn`, null),
       muteOff: () => o(`${e}/muteOff`, null)
     };
   }, [r, t, e, o, c]);
 }
 function Ye(e) {
-  const t = _(e), o = `/device/${e}`;
-  return W3(o, t == null ? void 0 : t.volume);
+  const t = _(e), o = `/device/${e}`, c = n1(() => {
+    if (t)
+      return t.volume;
+  }, [t]);
+  return W3(o, c);
 }
 function V3(e) {
   const { sendMessage: t } = R();
@@ -1565,7 +1568,7 @@ function V3(e) {
     t(`/device/${e}/powerToggle`, null);
   } };
 }
-function O1(e) {
+function k1(e) {
   const { sendMessage: t } = R(), o = _(e);
   return console.log("deviceState", o), o ? { itemsState: o, selectItem: (r) => {
     t(`/device/${e}/${r}`, null);
@@ -1576,14 +1579,14 @@ function ze(e) {
     t(`/device/${e}/setDefaultChannelLevels`, null);
   }, r = () => {
     if ((o == null ? void 0 : o.levelControls) === void 0) return;
-    Object.keys(o == null ? void 0 : o.levelControls).forEach((u) => {
-      t(`/device/${e}/${u}/fullStatus`, null);
+    Object.keys(o == null ? void 0 : o.levelControls).forEach((g) => {
+      t(`/device/${e}/${g}/fullStatus`, null);
     });
   };
   return o ? { levelControls: o.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
 }
 function H6(e) {
-  const t = _(e), o = V3(e), c = O1(e), r = O1(e), i = Ye(e), v = ze(e);
+  const t = _(e), o = V3(e), c = k1(e), r = k1(e), i = Ye(e), v = ze(e);
   if (t)
     return {
       avrState: t,
@@ -1596,7 +1599,7 @@ function H6(e) {
 }
 const F6 = ({ className: e }) => {
   const [t, o] = Y();
-  return m1(() => {
+  return O1(() => {
     setInterval(() => {
       const c = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
       o(c);
@@ -1608,8 +1611,8 @@ const F6 = ({ className: e }) => {
 };
 function K6(e) {
   const { sendMessage: t } = R(), o = _(e), c = `/device/${e}`;
-  return o ? { state: o, recallPreset: (v, u) => {
-    t(`${c}/presets/recall`, { deviceKey: v, preset: u });
+  return o ? { state: o, recallPreset: (v, g) => {
+    t(`${c}/presets/recall`, { deviceKey: v, preset: g });
   }, savePresets: (v) => {
     t(`${c}/presets/save`, v);
   } } : void 0;
@@ -1620,11 +1623,11 @@ function q6(e) {
     return { endpointState: t };
 }
 function G6(e) {
-  const t = `/device/${e}`, o = g(t, "chanUp"), c = g(t, "chanDown"), r = g(t, "lastChan"), i = g(t, "guide"), v = g(t, "info"), u = g(t, "exit");
-  return { channelUp: o, channelDown: c, lastChannel: r, guide: i, info: v, exit: u };
+  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 };
 }
 function Y6(e) {
-  const t = `/device/${e}`, o = g(t, "red"), c = g(t, "green"), r = g(t, "yellow"), i = g(t, "blue");
+  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) {
@@ -1640,20 +1643,20 @@ function J6(e) {
     return t.deviceInfo || void 0;
 }
 function X6(e) {
-  const t = `/device/${e}`, o = g(t, "up"), c = g(t, "down"), r = g(t, "left"), i = g(t, "right"), v = g(t, "select"), u = g(t, "menu"), h = g(t, "exit");
-  return { up: o, down: c, left: r, right: i, select: v, menu: u, exit: h };
+  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 };
 }
 function Q6(e) {
-  const { sendMessage: t } = R(), o = `/device/${e}`, c = _(e), r = g(o, "cameraUp"), i = g(o, "cameraDown"), v = g(o, "cameraLeft"), u = g(o, "cameraRight"), h = g(o, "cameraZoomIn"), m = g(o, "cameraZoomOut"), M = (P) => t("/camera/recallPreset", P);
+  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);
   if (c)
     return {
       state: c,
-      zoomIn: h,
-      zoomOut: m,
+      zoomIn: a,
+      zoomOut: p,
       up: r,
       down: i,
       left: v,
-      right: u,
+      right: g,
       recallPreset: M
     };
 }
@@ -1667,7 +1670,7 @@ function N6(e) {
   } };
 }
 function et(e) {
-  const t = `/device/${e}`, o = g(t, "dvrList"), c = g(t, "record");
+  const t = `/device/${e}`, o = h(t, "dvrList"), c = h(t, "record");
   return { dvrList: o, record: c };
 }
 function tt(e) {
@@ -1678,10 +1681,10 @@ function tt(e) {
     t(`/device/${e}/setManualMode`, null);
   }, toggleMode: () => {
     t(`/device/${e}/toggleMode`, null);
-  }, togglePartitionState: (h) => {
-    t(`/device/${e}/togglePartitionState`, h);
-  }, setRoomCombinationScenario: (h) => {
-    t(`/device/${e}/setRoomCombinationScenario`, h);
+  }, togglePartitionState: (a) => {
+    t(`/device/${e}/togglePartitionState`, a);
+  }, setRoomCombinationScenario: (a) => {
+    t(`/device/${e}/setRoomCombinationScenario`, a);
   } } : void 0;
 }
 function nt(e) {
@@ -1727,20 +1730,20 @@ function lt(e) {
   } };
 }
 function it(e) {
-  const t = `/device/${e}`, o = g(t, "num0"), c = g(t, "num1"), r = g(t, "num2"), i = g(t, "num3"), v = g(t, "num4"), u = g(t, "num5"), h = g(t, "num6"), m = g(t, "num7"), M = g(t, "num8"), P = g(t, "num9"), H = g(t, "numDash"), a = g(t, "numEnter");
+  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");
   return {
     digit0: o,
     digit1: c,
     digit2: r,
     digit3: i,
     digit4: v,
-    digit5: u,
-    digit6: h,
-    digit7: m,
+    digit5: g,
+    digit6: a,
+    digit7: p,
     digit8: M,
     digit9: P,
     keypadAccessoryButton1: H,
-    keypadAccessoryButton2: a
+    keypadAccessoryButton2: u
   };
 }
 function at(e) {
@@ -1752,7 +1755,7 @@ function at(e) {
   } } : void 0;
 }
 function ut(e) {
-  const { sendMessage: t } = R(), o = Z1(e);
+  const { sendMessage: t } = R(), o = x1(e);
   return o ? { roomEventScheduleState: o, save: (r) => {
     t(`/room/${e}/saveScheduledEvents`, r);
   } } : void 0;
@@ -1776,7 +1779,7 @@ function ht(e) {
   } };
 }
 function gt(e) {
-  const t = `/device/${e}`, o = g(t, "chanUp"), c = g(t, "chanDown");
+  const t = `/device/${e}`, o = h(t, "chanUp"), c = h(t, "chanDown");
   return { dvrList: o, replay: c };
 }
 function ft(e) {
@@ -1790,9 +1793,9 @@ function ft(e) {
   } } : void 0;
 }
 function wt(e) {
-  const { sendMessage: t } = R(), o = Z1(e);
-  return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (u) => {
-    t(`/room/${e}/setShutdownPromptSeconds`, u);
+  const { sendMessage: t } = R(), o = x1(e);
+  return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (g) => {
+    t(`/room/${e}/setShutdownPromptSeconds`, g);
   }, shutdownStart: () => {
     t(`/room/${e}/shutdownStart`, null);
   }, shutdownEnd: () => {
@@ -1801,7 +1804,7 @@ function wt(e) {
     t(`/room/${e}/shutdownCancel`, null);
   } } : void 0;
 }
-function pt(e) {
+function mt(e) {
   const { sendMessage: t } = R(), o = _(e);
   return o ? { switchedOutputState: o, on: () => {
     t(`/device/${e}/on`, null);
@@ -1809,8 +1812,8 @@ function pt(e) {
     t(`/device/${e}/off`, null);
   } } : void 0;
 }
-function mt(e) {
-  const { sendMessage: t } = R(), o = Z1(e);
+function pt(e) {
+  const { sendMessage: t } = R(), o = x1(e);
   return o ? { techPasswordState: o, validatePassword: (i) => {
     t(`/room/${e}/validateTechPassword`, { password: i });
   }, setPassword: (i, v) => {
@@ -1831,16 +1834,16 @@ function xt(e) {
   };
 }
 function Zt(e) {
-  const t = `/device/${e}`, o = g(t, "play"), c = g(t, "pause"), r = g(t, "stop"), i = g(t, "prevTrack"), v = g(t, "nextTrack"), u = g(t, "rewind"), h = g(t, "ffwd"), m = g(t, "record");
+  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");
   return {
     play: o,
     pause: c,
     stop: r,
     prevTrack: i,
     nextTrack: v,
-    rewind: u,
-    fastForward: h,
-    record: m
+    rewind: g,
+    fastForward: a,
+    record: p
   };
 }
 function St(e) {
@@ -1860,7 +1863,7 @@ function St(e) {
   } : void 0;
 }
 function jt(e) {
-  const t = _(e), o = V3(e), c = O1(e);
+  const t = _(e), o = V3(e), c = k1(e);
   if (!t) return;
   const r = (t.powerState || t.isWarming) && !t.isCooling, i = (!t.powerState || t.isCooling) && !t.isWarming;
   return {
@@ -1872,73 +1875,73 @@ function jt(e) {
 }
 function Ct(e) {
   const t = `/device/${e}`;
-  return S1(t);
+  return Z1(t);
 }
 const bt = ({
   config: e
-}) => {
-  const { sendMessage: t } = R();
-  m1(() => {
-    var c, r, i, v;
+}, t = !0) => {
+  const { sendMessage: o } = R();
+  return n1(() => {
+    var r, i, v, g;
     if (!e)
       return;
-    const o = /* @__PURE__ */ new Set();
-    if (e.destinations && Object.values(e.destinations).forEach((u) => {
-      o.add(u);
-    }), e.destinationList && Object.values(e.destinationList).forEach((u) => {
-      o.add(u.sinkKey);
-    }), e.audioControlPointList && Object.values((c = e.audioControlPointList) == null ? void 0 : c.levelControls).forEach(
-      (u) => {
-        u.itemKey ? o.add(u.parentDeviceKey + "--" + u.itemKey) : o.add(u.parentDeviceKey);
+    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);
       }
-    ), (r = e.touchpanelKeys) == null || r.forEach((u) => {
-      o.add(u);
-    }), (i = e.environmentalDevices) == null || i.forEach((u) => {
-      u.deviceKey && o.add(u.deviceKey);
-    }), (v = e.accessoryDeviceKeys) == null || v.forEach((u) => {
-      o.add(u);
-    }), e.audioCodecKey && o.add(e.audioCodecKey), e.videoCodecKey && o.add(e.videoCodecKey), e.matrixRoutingKey && o.add(e.matrixRoutingKey), e.roomCombinerKey && o.add(e.roomCombinerKey), e.endpointKeys && e.endpointKeys.forEach((u) => {
-      o.add(u);
+    ), (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);
     }), e.sourceList)
-      for (const u of Object.values(e.sourceList))
-        u.sourceKey && u.sourceKey !== "$off" && o.add(u.sourceKey);
-    console.log("requesting state for deviceKeys:", o), o.forEach((u) => {
-      t(`/device/${u}/fullStatus`, { deviceKey: u });
-    });
-  }, [e, t]);
+      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) => {
+      o(`/device/${a}/fullStatus`, { deviceKey: a });
+    }), c;
+  }, [e, o, t]);
 };
 function yt(e, t) {
   const [o, c] = Y(!1), [r, i] = Y(!1);
   return Z3(() => {
-    const { current: v } = e, u = () => {
-      const h = v && v.scrollHeight > v.clientHeight, m = v && v.scrollWidth > v.clientWidth;
-      i(h ?? !1), c(m ?? !1), t && t(h ?? !1, m ?? !1);
+    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);
     };
-    v && u();
+    v && g();
   }, [e, t]), { overflowHorizontal: o, overflowVertical: r };
 }
 function It(e, t) {
   const o = `/room/${e}/volumes/${t}`;
-  return S1(o);
+  return Z1(o);
 }
 function Rt(e, t) {
   const o = te(e, t), c = `/room/${e}/volumes/${t}`;
   return W3(c, o);
 }
 function Et(e) {
-  var u, h;
-  const [t, o] = Y(((u = e == null ? void 0 : e.current) == null ? void 0 : u.scrollLeft) ?? 0), [c, r] = Y(((h = e == null ? void 0 : e.current) == null ? void 0 : h.scrollTop) ?? 0), i = (m) => {
+  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 += m, console.log(M.scrollLeft));
-  }, v = (m) => {
+    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 += m, console.log(M.scrollTop));
+    M && (console.log(M.scrollTop), M.scrollTop += p, console.log(M.scrollTop));
   };
   return Z3(() => {
-    const { current: m } = e, M = () => {
-      o((m == null ? void 0 : m.scrollLeft) ?? 0), r((m == null ? void 0 : m.scrollTop) ?? 0);
+    const { current: p } = e, M = () => {
+      o((p == null ? void 0 : p.scrollLeft) ?? 0), r((p == null ? void 0 : p.scrollTop) ?? 0);
     };
-    m && M();
+    p && M();
   }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: i, scrollVertical: v };
 }
 function Tt(e) {
@@ -1967,7 +1970,7 @@ function _t() {
     const i = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
     c(i);
   }
-  return m1(() => {
+  return O1(() => {
     r();
     const i = setInterval(() => {
       r();
@@ -1998,7 +2001,7 @@ const Pt = () => {
     ),
     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", P1 = {
   iconbtn: Je,
   iconbtnvert: Xe,
   iconsm: Qe
@@ -2010,23 +2013,23 @@ const Pt = () => {
   iconClassName: r = "",
   otherContentClassName: i = "",
   disabled: v,
-  feedback: u,
-  feedbackClassName: h,
-  onPointerDown: m,
+  feedback: g,
+  feedbackClassName: a,
+  onPointerDown: p,
   onPointerUp: M,
   onPointerLeave: P,
   ...H
 }) => {
-  const [a, Z] = Y(!1), j = !v && u ? h : "", C = !v && (a || u);
+  const [u, Z] = Y(!1), j = !v && g ? a : "", C = !v && (u || g);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
       type: "button",
-      className: `${L1.iconbtn} ${o ? L1.iconbtnvert : ""} ${c} ${j}`,
+      className: `${P1.iconbtn} ${o ? P1.iconbtnvert : ""} ${c} ${j}`,
       ...H,
       disabled: v,
       onPointerDown: (b) => {
-        Z(!0), m == null || m(b);
+        Z(!0), p == null || p(b);
       },
       onPointerUp: (b) => {
         Z(!1), M == null || M(b);
@@ -2038,7 +2041,7 @@ const Pt = () => {
         e && /* @__PURE__ */ n.jsx(
           e,
           {
-            className: `${r || L1.iconsm}`,
+            className: `${r || P1.iconsm}`,
             active: C,
             disabled: v
           }
@@ -2891,7 +2894,7 @@ const Pt = () => {
     active: e,
     disabled: o
   }
-), p8 = ({
+), m8 = ({
   active: e,
   className: t = "",
   disabled: o
@@ -2940,7 +2943,7 @@ const Pt = () => {
     active: e,
     disabled: o
   }
-), m8 = ({
+), p8 = ({
   active: e,
   className: t = "",
   disabled: o
@@ -3679,8 +3682,8 @@ const Pt = () => {
   Moon: g8,
   Playstation: f8,
   Podium: w8,
-  Power: p8,
-  Privacy: m8,
+  Power: m8,
+  Privacy: p8,
   Question: M8,
   RightArrow: x8,
   RoomPC: Z8,
@@ -3702,17 +3705,17 @@ function $t({
   const c = t[e] ?? null;
   return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ n.jsx(Ne, { multiIcon: c, ...o });
 }
-const P8 = "_grid_1cmpp_1", L8 = "_header_1cmpp_11", $8 = "_content_1cmpp_17", A8 = "_footer_1cmpp_23", B8 = "_volume_1cmpp_29", i1 = {
+const P8 = "_grid_1cmpp_1", L8 = "_header_1cmpp_11", $8 = "_content_1cmpp_17", A8 = "_footer_1cmpp_23", B8 = "_volume_1cmpp_29", a1 = {
   grid: P8,
   header: L8,
   content: $8,
   footer: A8,
   volume: B8
-}, At = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ n.jsxs("div", { className: i1.grid, children: [
-  /* @__PURE__ */ n.jsx("div", { className: i1.header, children: e }),
-  /* @__PURE__ */ n.jsx("div", { className: i1.content, children: o }),
-  r && /* @__PURE__ */ n.jsx("div", { className: i1.volume, children: c }),
-  /* @__PURE__ */ n.jsx("div", { className: i1.footer, children: t })
+}, At = ({ 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 })
 ] }), k8 = "_grid_11w5q_1", O8 = "_header_11w5q_11", W8 = "_content_11w5q_17", p1 = {
   grid: k8,
   header: O8,
@@ -3721,13 +3724,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", $1 = {
+] }), V8 = "_grid_1uwfo_1", U8 = "_header_1uwfo_11", H8 = "_content_1uwfo_17", L1 = {
   grid: V8,
   header: U8,
   content: H8
-}, kt = ({ 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 })
+}, 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 })
 ] });
 class Ot {
   constructor() {
@@ -3771,8 +3774,8 @@ export {
   g8 as IconMultiMoon,
   f8 as IconMultiPlaystation,
   w8 as IconMultiPodium,
-  p8 as IconMultiPower,
-  m8 as IconMultiPrivacy,
+  m8 as IconMultiPower,
+  p8 as IconMultiPrivacy,
   M8 as IconMultiQuestion,
   x8 as IconMultiRightArrow,
   Z8 as IconMultiRoomPC,
@@ -3803,12 +3806,12 @@ export {
   O3 as WebsocketContext,
   T3 as appConfigActions,
   Be as createWebSocketMiddleware,
-  g1 as devicesActions,
+  f1 as devicesActions,
   Wt as getBaseLocation,
   f3 as httpClient,
   _8 as iconsDictionary,
   Ut as roomOffSourceKey,
-  f1 as roomsActions,
+  w1 as roomsActions,
   U as runtimeConfigActions,
   C3 as selectAllDevices,
   T2 as selectApiPath,
@@ -3820,7 +3823,7 @@ export {
   ve as selectDeviceSupportsInterface,
   fe as selectError,
   y3 as selectInterfacesForDevice,
-  me as selectIsSyncStateValuePresent,
+  pe as selectIsSyncStateValuePresent,
   de as selectIsTouchpanel,
   D2 as selectLogoPath,
   V1 as selectModalVisibility,
@@ -3851,7 +3854,7 @@ export {
   ge as selectShowPopoverById,
   we as selectShowReconnect,
   re as selectSystemUuid,
-  pe as selectTheme,
+  me as selectTheme,
   ue as selectTouchpanelKey,
   le as selectUserCode,
   oe as selectWsIsConnected,
@@ -3864,7 +3867,7 @@ export {
   W1 as useAppDispatch,
   f as useAppSelector,
   H6 as useAvrControl,
-  g as useButtonHeldHeartbeat,
+  h as useButtonHeldHeartbeat,
   Q6 as useCameraBase,
   S6 as useClientId,
   Ct as useDeviceIBasicVolume,
@@ -3884,7 +3887,7 @@ export {
   s6 as useGetRoom,
   M6 as useGetRoomDisplayStates,
   x6 as useGetZoomRoomControllerKey,
-  S1 as useIBasicVolume,
+  Z1 as useIBasicVolume,
   W3 as useIBasicVolumeWithFeedback,
   G6 as useIChannel,
   Y6 as useIColor,
@@ -3896,7 +3899,7 @@ export {
   tt as useIEssentialsRoomCombiner,
   nt as useIHasCameras,
   V3 as useIHasPowerControl,
-  O1 as useIHasSelectableItems,
+  k1 as useIHasSelectableItems,
   ot as useIHumiditySensor,
   st as useILevelControls,
   ct as useILightingScenes,
@@ -3911,8 +3914,8 @@ export {
   gt as useISetTopBoxControls,
   ft as useIShadesOpenCloseStop,
   wt as useIShutdownPromptTimer,
-  pt as useISwitchedOutput,
-  mt as useITechPassword,
+  mt as useISwitchedOutput,
+  pt as useITechPassword,
   Mt as useITemperatureSensor,
   xt as useITheme,
   Zt as useITransport,
@@ -3925,7 +3928,7 @@ export {
   yt as useOverflow,
   e6 as usePartnerMetadata,
   Ge as usePressHoldRelease,
-  p6 as useRoomAdvancedSharingActive,
+  m6 as useRoomAdvancedSharingActive,
   l6 as useRoomAudioControlPointList,
   v6 as useRoomCodecContentDestinationKey,
   n6 as useRoomConfiguration,
@@ -3942,9 +3945,9 @@ export {
   ne as useRoomLevelControls,
   c6 as useRoomName,
   d6 as useRoomProgramAudioDestinationKey,
-  m6 as useRoomShareState,
+  p6 as useRoomShareState,
   r6 as useRoomSourceList,
-  Z1 as useRoomState,
+  x1 as useRoomState,
   te as useRoomVolume,
   y6 as useRuntimeInfo,
   Et as useScroll,