@pepperdash/mobile-control-react-app-core 1.22.6-volume-hook-fix.3 → 1.22.6-volume-hook-fix.4

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 p, createSlice as u1, combineReducers as S2, configureStore as j2 } from "@reduxjs/toolkit";
+import x3, { createContext as C2, useEffect as M1, useCallback as r1, useContext as b2, useRef as A1, 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(), M1 = (e) => e.appConfig, E2 = m(
-  M1,
+const W1 = M2.withTypes(), w = x2.withTypes(), x1 = (e) => e.appConfig, E2 = p(
+  x1,
   (e) => e.config
-), T2 = m(
-  M1,
+), T2 = p(
+  x1,
   (e) => e.config.apiPath
-), D2 = m(
-  M1,
+), D2 = p(
+  x1,
   (e) => e.config.logoPath
-), _2 = m(
-  M1,
+), _2 = p(
+  x1,
   (e) => e.config.partnerMetadata
-), X8 = () => f(E2), Q8 = () => f(T2), N8 = () => f(D2), e6 = () => f(_2), j3 = (e) => e.devices, C3 = m(
+), X8 = () => w(E2), Q8 = () => w(T2), N8 = () => w(D2), e6 = () => w(_2), j3 = (e) => e.devices, C3 = p(
   j3,
   (e) => e
-), P2 = (e) => m(
+), P2 = (e) => p(
   j3,
   (t) => t[e] ? t[e] : void 0
-), t6 = () => f(C3);
+), t6 = () => w(C3);
 function _(e) {
-  return f(P2(e));
+  return w(P2(e));
 }
-const A = (e) => e.rooms, L2 = (e) => m(
+const A = (e) => e.rooms, L2 = (e) => p(
   A,
   (t) => t[e] ? t[e].configuration : void 0
-), $2 = m(
+), $2 = p(
   A,
   (e) => e
-), A2 = (e) => m(
+), A2 = (e) => p(
   A,
   (t) => t[e] ? t[e] : void 0
-), B2 = (e) => m(
+), B2 = (e) => p(
   A,
   (t) => t[e] ? t[e].name : void 0
-), k2 = (e, t) => m(
+), k2 = (e, t) => p(
   A,
   (o) => o[e] ? o[e].volumes[t] : void 0
-), O2 = (e) => m(
+), O2 = (e) => p(
   A,
   (t) => t[e] ? t[e] : void 0
-), W2 = (e) => m(
+), W2 = (e) => p(
   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) => p(
   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) => p(
   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) => p(
   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) => p(
   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) => p(
   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, v, f, h, d;
+    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 : ((d = (h = (f = t[e]) == null ? void 0 : f.configuration) == null ? void 0 : h.destinationList.defaultDisplay) == null ? void 0 : d.sinkKey) || "";
   }
-), q2 = (e) => m(
+), q2 = (e) => p(
   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) => p(
   A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isInCall : void 0;
   }
-), Y2 = (e) => m(
+), Y2 = (e) => p(
   A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isWarmingUp : void 0;
   }
-), z2 = (e) => m(
+), z2 = (e) => p(
   A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isCoolingDown : void 0;
   }
-), J2 = (e) => m(
+), J2 = (e) => p(
   A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isOn : void 0;
   }
-), X2 = (e) => m(
+), X2 = (e) => p(
   A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.advancedSharingActive : void 0;
   }
-), Q2 = (e) => m(
+), Q2 = (e) => p(
   A,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.share : void 0;
   }
-), N2 = (e) => m(
+), N2 = (e) => p(
   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 = p(
   [
     (e, t) => t,
     () => C3,
@@ -147,76 +147,76 @@ const A = (e) => e.rooms, L2 = (e) => m(
   }
 );
 function n6(e) {
-  return f(
+  return w(
     L2(e)
   );
 }
 function o6() {
-  return f($2);
+  return w($2);
 }
-function x1(e) {
-  return f(A2(e));
+function Z1(e) {
+  return w(A2(e));
 }
-const s6 = x1, c6 = (e) => f(
+const s6 = Z1, c6 = (e) => w(
   B2(e)
-), te = (e, t) => f(
+), te = (e, t) => w(
   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) => w(O2(e)) || void 0, r6 = (e) => w(W2(e)), l6 = (e) => w(V2(e)), i6 = (e) => w(U2(e)), a6 = (e) => w(H2(e)), u6 = (e) => w(F2(e)), d6 = (e) => w(K2(e)), v6 = (e) => w(q2(e)), h6 = (e) => w(G2(e)), g6 = (e) => w(Y2(e)), f6 = (e) => w(z2(e)), w6 = (e) => w(J2(e)), m6 = (e) => w(X2(e)), p6 = (e) => w(Q2(e)), M6 = (e) => w((t) => ee(t, e)), x6 = (e) => w(N2(e)), G = (e) => e.runtimeConfig, oe = p(
   G,
   (e) => e.websocket.isConnected
-), se = m(
+), se = p(
   G,
   (e) => e.currentRoomKey
-), ce = m(
+), ce = p(
   G,
   (e) => e.roomData.clientId
-), re = m(
+), re = p(
   G,
   (e) => e.roomData.systemUuid
-), le = m(
+), le = p(
   G,
   (e) => e.roomData.userCode
-), ie = m(
+), ie = p(
   G,
   (e) => e.serverIsRunningOnProcessorHardware
-), ae = m(
+), ae = p(
   G,
   (e) => {
     var t;
     return (t = e.roomData.config) == null ? void 0 : t.runtimeInfo;
   }
-), ue = m(
+), ue = p(
   G,
   (e) => e.touchpanelKey
-), de = m(
+), de = p(
   G,
   (e) => e.touchpanelKey !== ""
-), b3 = m(
+), b3 = p(
   G,
   (e) => e.roomData.deviceInterfaceSupport
-), y3 = (e) => m(
+), y3 = (e) => p(
   b3,
   (t) => {
     var o;
     return ((o = t == null ? void 0 : t[e]) == null ? void 0 : o.interfaces) ?? [];
   }
-), ve = (e, t) => m(
+), ve = (e, t) => p(
   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 = () => w(oe), Z6 = () => w(se), S6 = () => w(ce), j6 = () => w(re), C6 = () => w(le), b6 = () => w(ie), y6 = () => w(ae), I6 = () => w(ue), R6 = () => w(de), E6 = () => w(b3), T6 = (e) => w(y3(e)), D6 = (e, t) => w(ve(e, t)), N = (e) => e.ui, V1 = (e) => p(N, (t) => t.modalVisibility[e]), he = (e) => p(N, (t) => {
   const o = t.popoverVisibility[e];
   if (o)
     return Object.keys(o).find((c) => o[c]);
-}), ge = (e, t) => m(
+}), ge = (e, t) => p(
   N,
   (o) => {
     var c;
     return ((c = o.popoverVisibility[e]) == null ? void 0 : c[t]) ?? !1;
   }
-), fe = m(N, (e) => e.error), we = m(
+), fe = p(N, (e) => e.error), we = p(
   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 = p(N, (e) => e.theme), pe = (e) => p(N, (t) => t.syncState.includes(e)), _6 = () => w(V1("showShutdownModal")), P6 = () => w(V1("showIncomingCallModal")), L6 = (e) => w(V1(e)), $6 = (e) => w(he(e)), A6 = (e, t) => w(ge(e, t)), Me = () => w(fe), xe = () => w(we), B6 = () => w(me), Ze = (e) => w(pe(e)), Se = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -289,7 +289,7 @@ 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: {
@@ -304,9 +304,9 @@ const s6 = x1, c6 = (e) => f(
     }
   }
 }), 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,7 +322,7 @@ function Re(e) {
 function Ee(e, t) {
   sessionStorage.setItem(e, t);
 }
-const g3 = {}, B1 = u1({
+const g3 = {}, k1 = u1({
   name: "rooms",
   initialState: g3,
   reducers: {
@@ -337,9 +337,9 @@ const g3 = {}, B1 = u1({
     }
   }
 }), 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, 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) => ({
   type: L3,
   payload: { messageType: e, content: t }
 }), Le = (e, t, o) => ({
@@ -421,30 +421,30 @@ const g3 = {}, B1 = u1({
     waitingToReconnect: !1,
     reconnectTimer: null,
     eventHandlers: {}
-  }, t = async (u) => {
+  }, t = async (a) => {
     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 j = `/${Z.join("/")}`, C = await P1.get(
         "/_local-config/_config.local.json",
         { baseURL: j }
       );
       if (C.status === 200 && C.data) {
         const b = C.data.apiPath;
-        u(T3.setAppConfig(C.data));
-        const x = await _1.get(
+        a(T3.setAppConfig(C.data));
+        const x = await P1.get(
           `${b}/version`
         );
-        x.status === 200 && x.data && u(U.setRuntimeConfig(x.data));
+        x.status === 200 && x.data && a(U.setRuntimeConfig(x.data));
       }
     } catch (Z) {
       console.error("Error getting config", Z);
     }
     return !0;
-  }, o = async (u, Z, j) => {
+  }, o = async (a, Z, j) => {
     try {
-      const C = await _1.get(
-        `${u}/ui/joinroom?token=${Z}`
+      const C = await P1.get(
+        `${a}/ui/joinroom?token=${Z}`
       );
       return C.status === 200 && C.data ? (j(U.setRoomData(C.data)), !0) : !1;
     } catch (C) {
@@ -454,16 +454,16 @@ const g3 = {}, B1 = u1({
         )
       ), !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 = (u) => {
+  }, c = (a) => {
     e.reconnectTimer && (clearTimeout(e.reconnectTimer), e.reconnectTimer = null), console.log("WebSocket middleware: Starting reconnection loop..."), e.reconnectTimer = setTimeout(() => {
-      e.waitingToReconnect = !1, e.reconnectTimer = null, console.log("WebSocket middleware: Attempting automatic reconnection..."), u(k3());
+      e.waitingToReconnect = !1, e.reconnectTimer = null, console.log("WebSocket middleware: Attempting automatic reconnection..."), a(k3());
     }, 5e3);
   }, r = () => {
     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;
+  }, i = (a) => {
+    a(O.setShowReconnect(!0)), a(U.setWebsocketIsConnected(!1)), a(f1.clearDevices()), a(w1.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;
     if (!Z || !x || !b) {
       console.log("WebSocket middleware: Cannot request room status", {
         hasRoomKey: !!Z,
@@ -479,7 +479,7 @@ const g3 = {}, B1 = u1({
         content: null
       })
     );
-  }, g = async (u, Z) => {
+  }, f = async (a, 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 = {}, B1 = u1({
     }
     e.waitingToReconnect = !0;
     try {
-      if (!await o(C, e.token, u)) {
+      if (!await o(C, e.token, a)) {
         console.log(
           "WebSocket middleware: Failed to get room data, will retry..."
-        ), c(u);
+        ), c(a);
         return;
       }
       console.log("WebSocket middleware: Connecting to websocket");
-      const S1 = `${C.replace("http", "ws")}/ui/join/${e.token}`, K = new WebSocket(S1);
+      const j1 = `${C.replace("http", "ws")}/ui/join/${e.token}`, K = new WebSocket(j1);
       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));
+          e.client === K && K.readyState === WebSocket.OPEN && a(U.setWebsocketIsConnected(!0));
         }, 100);
       }, K.onerror = (B) => {
-        console.error("WebSocket middleware: Error", B), i(u);
+        console.error("WebSocket middleware: Error", B), i(a);
       }, K.onclose = (B) => {
         var D;
         if (console.log(
@@ -525,25 +525,25 @@ const g3 = {}, B1 = u1({
           B.reason,
           B.code
         ), B.code === 4100) {
-          console.log("WebSocket middleware: Closed by client (cleanup)"), r(), i(u);
+          console.log("WebSocket middleware: Closed by client (cleanup)"), r(), i(a);
           return;
         }
         if (e.waitingToReconnect = !0, B.code === 4e3) {
-          console.log("WebSocket middleware: User code changed"), r(), u(
+          console.log("WebSocket middleware: User code changed"), r(), a(
             U.setUserCode({ userCode: "", qrUrl: "" })
-          ), u(
+          ), a(
             O.setErrorMessage(
               "User code changed. Click reconnect to enter the new code"
             )
-          ), i(u);
+          ), i(a);
           return;
         }
         if (B.code === 4002) {
-          console.log("WebSocket middleware: Room combination changed"), r(), u(
+          console.log("WebSocket middleware: Room combination changed"), r(), a(
             O.setErrorMessage(
               "Room combination changed. Click Reconnect to re-join the room"
             )
-          ), i(u);
+          ), i(a);
           return;
         }
         if (B.code === 4001)
@@ -558,11 +558,11 @@ const g3 = {}, B1 = u1({
           else {
             console.log(
               "WebSocket middleware: Processor disconnected (no touchpanel key, not on processor hardware)"
-            ), r(), u(
+            ), r(), a(
               O.setErrorMessage(
                 "Processor has disconnected. Click Reconnect to continue."
               )
-            ), i(u);
+            ), i(a);
             return;
           }
         if (e.client)
@@ -573,11 +573,11 @@ const g3 = {}, B1 = u1({
           console.log("WebSocket middleware: Closed by client");
           return;
         }
-        e.client = null, console.log("WebSocket middleware: Clearing state on disconnect"), u(
+        e.client = null, console.log("WebSocket middleware: Clearing state on disconnect"), a(
           O.setErrorMessage(
             "Connection lost. Attempting to reconnect..."
           )
-        ), u(U.setWebsocketIsConnected(!1)), u(f1.clearDevices()), u(w1.clearRooms()), u(O.clearAllModals()), u(O.clearSyncState()), c(u);
+        ), a(U.setWebsocketIsConnected(!1)), a(f1.clearDevices()), a(w1.clearRooms()), a(O.clearAllModals()), a(O.clearSyncState()), c(a);
       }, K.onmessage = (B) => {
         try {
           const D = JSON.parse(B.data);
@@ -588,21 +588,21 @@ const g3 = {}, B1 = u1({
           if (D.type.startsWith("/system/"))
             switch (D.type) {
               case "/system/touchpanelKey":
-                u(
+                a(
                   U.setTouchpanelKey(
                     D.content
                   )
                 );
                 break;
               case "/system/roomKey":
-                u(w1.clearRooms()), u(f1.clearDevices()), u(O.clearSyncState()), u(
+                a(w1.clearRooms()), a(f1.clearDevices()), a(O.clearSyncState()), a(
                   U.setCurrentRoomKey(
                     D.content
                   )
                 );
                 break;
               case "/system/userCodeChanged":
-                u(
+                a(
                   U.setUserCode(D.content)
                 );
                 break;
@@ -611,7 +611,7 @@ const g3 = {}, B1 = u1({
                 break;
               case "/system/deviceInterfaces": {
                 const z = D.content;
-                u(
+                a(
                   U.setDeviceInterfaces(
                     z.deviceInterfaces
                   )
@@ -633,14 +633,14 @@ const g3 = {}, B1 = u1({
             ), z && Object.values(z).forEach((o1) => {
               try {
                 o1(D);
-              } catch (j1) {
+              } catch (C1) {
                 console.error(
                   "WebSocket middleware: Event handler error",
-                  j1
+                  C1
                 );
               }
             });
-          } else D.type.startsWith("/room/") ? u(w1.setRoomState(D)) : D.type.startsWith("/device/") && u(f1.setDeviceState(D));
+          } else D.type.startsWith("/room/") ? a(w1.setRoomState(D)) : D.type.startsWith("/device/") && a(f1.setDeviceState(D));
         } catch (D) {
           console.error("WebSocket middleware: Message handling error", D);
         }
@@ -648,26 +648,26 @@ const g3 = {}, B1 = u1({
     } catch (x) {
       console.error("WebSocket middleware: Connection error", x), e.waitingToReconnect = !1, e.client = null;
     }
-  }, a = () => {
+  }, h = () => {
     e.client && (console.log("WebSocket middleware: Disconnecting"), r(), e.client.close(4100, "Client requested disconnect"), e.client = null);
-  }, p = (u, Z, j) => {
+  }, d = (a, 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 })
+      JSON.stringify({ type: a, clientId: x, content: Z })
     ) : 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(
+  }, 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(
       "WebSocket middleware: Event handler removed",
-      u,
+      a,
       Z
     ));
-  }, 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}`;
+  }, 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}`;
     window.location.href = x ? `${W}&Code=${x}` : W;
   };
-  return (u) => (Z) => (j) => {
+  return (a) => (Z) => (j) => {
     const C = Z(j);
     if (!j || typeof j != "object" || !("type" in j))
       return C;
@@ -676,17 +676,17 @@ const g3 = {}, B1 = u1({
       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(u.dispatch), await g(u.dispatch, u.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(a.dispatch), await f(a.dispatch, a.getState);
           break;
         }
         case P3:
-          a();
+          h();
           break;
         case L3:
-          p(
+          d(
             b.payload.messageType,
             b.payload.content,
-            u.getState
+            a.getState
           );
           break;
         case $3:
@@ -703,25 +703,25 @@ const g3 = {}, B1 = u1({
           );
           break;
         case B3:
-          H(u.getState);
+          H(a.getState);
           break;
         default:
           if (j.type === U.setWebsocketIsConnected.type)
             j.payload === !0 && (console.log(
               "[WebSocket Middleware] Connection established, requesting room status..."
-            ), setTimeout(() => v(u.getState), 100));
+            ), setTimeout(() => v(a.getState), 100));
           else if (j.type === U.setRoomData.type) {
-            const x = u.getState(), W = j.payload;
+            const x = a.getState(), W = j.payload;
             x.runtimeConfig.websocket.isConnected && (W != null && W.clientId) && (console.log(
               "[WebSocket Middleware] Room data received, requesting room status..."
-            ), setTimeout(() => v(u.getState), 100));
+            ), setTimeout(() => v(a.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(u.getState, x), 100));
+            ), setTimeout(() => v(a.getState, x), 100));
           }
           break;
       }
@@ -783,12 +783,12 @@ 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 v(f, h, d) {
+    var M, P = {}, H = null, a = null;
+    d !== void 0 && (H = "" + d), 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 (f && f.defaultProps) for (M in h = f.defaultProps, h) P[M] === void 0 && (P[M] = h[M]);
+    return { $$typeof: t, type: f, key: H, ref: a, props: P, _owner: r.current };
   }
   return l1.Fragment = o, l1.jsx = v, l1.jsxs = v, l1;
 }
@@ -805,7 +805,7 @@ 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";
+    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"), f = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), d = 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";
     function C(s) {
       if (s === null || typeof s != "object")
         return null;
@@ -815,36 +815,36 @@ function Ve() {
     var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function x(s) {
       {
-        for (var l = arguments.length, d = new Array(l > 1 ? l - 1 : 0), w = 1; w < l; w++)
-          d[w - 1] = arguments[w];
-        W("error", s, d);
+        for (var l = arguments.length, u = new Array(l > 1 ? l - 1 : 0), m = 1; m < l; m++)
+          u[m - 1] = arguments[m];
+        W("error", s, u);
       }
     }
-    function W(s, l, d) {
+    function W(s, l, u) {
       {
-        var w = b.ReactDebugCurrentFrame, E = w.getStackAddendum();
-        E !== "" && (l += "%s", d = d.concat([E]));
-        var T = d.map(function(y) {
+        var m = b.ReactDebugCurrentFrame, E = m.getStackAddendum();
+        E !== "" && (l += "%s", u = u.concat([E]));
+        var T = u.map(function(y) {
           return String(y);
         });
         T.unshift("Warning: " + l), Function.prototype.apply.call(console[s], console, T);
       }
     }
-    var S1 = !1, K = !1, B = !1, D = !1, z = !1, o1;
+    var j1 = !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
+    function C1(s) {
+      return !!(typeof s == "string" || typeof s == "function" || s === c || s === i || z || s === r || s === d || s === M || D || s === a || j1 || K || B || typeof s == "object" && s !== null && (s.$$typeof === H || s.$$typeof === P || s.$$typeof === v || s.$$typeof === f || s.$$typeof === h || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       s.$$typeof === o1 || s.getModuleId !== void 0));
     }
-    function U3(s, l, d) {
-      var w = s.displayName;
-      if (w)
-        return w;
+    function U3(s, l, u) {
+      var m = s.displayName;
+      if (m)
+        return m;
       var E = l.displayName || l.name || "";
-      return E !== "" ? d + "(" + E + ")" : d;
+      return E !== "" ? u + "(" + E + ")" : u;
     }
     function U1(s) {
       return s.displayName || "Context";
@@ -865,24 +865,24 @@ function Ve() {
           return "Profiler";
         case r:
           return "StrictMode";
-        case p:
+        case d:
           return "Suspense";
         case M:
           return "SuspenseList";
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
-          case g:
+          case f:
             var l = s;
             return U1(l) + ".Consumer";
           case v:
-            var d = s;
-            return U1(d._context) + ".Provider";
-          case a:
+            var u = s;
+            return U1(u._context) + ".Provider";
+          case h:
             return U3(s, s.render, "ForwardRef");
           case P:
-            var w = s.displayName || null;
-            return w !== null ? w : J(s.type) || "Memo";
+            var m = s.displayName || null;
+            return m !== null ? m : J(s.type) || "Memo";
           case H: {
             var E = s, T = E._payload, y = E._init;
             try {
@@ -956,39 +956,39 @@ function Ve() {
         s1 < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var C1 = b.ReactCurrentDispatcher, b1;
-    function d1(s, l, d) {
+    var b1 = b.ReactCurrentDispatcher, y1;
+    function d1(s, l, u) {
       {
-        if (b1 === void 0)
+        if (y1 === void 0)
           try {
             throw Error();
           } catch (E) {
-            var w = E.stack.trim().match(/\n( *(at )?)/);
-            b1 = w && w[1] || "";
+            var m = E.stack.trim().match(/\n( *(at )?)/);
+            y1 = m && m[1] || "";
           }
         return `
-` + b1 + s;
+` + y1 + s;
       }
     }
-    var y1 = !1, v1;
+    var I1 = !1, v1;
     {
       var K3 = typeof WeakMap == "function" ? WeakMap : Map;
       v1 = new K3();
     }
     function X1(s, l) {
-      if (!s || y1)
+      if (!s || I1)
         return "";
       {
-        var d = v1.get(s);
-        if (d !== void 0)
-          return d;
+        var u = v1.get(s);
+        if (u !== void 0)
+          return u;
       }
-      var w;
-      y1 = !0;
+      var m;
+      I1 = !0;
       var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var T;
-      T = C1.current, C1.current = null, H3();
+      T = b1.current, b1.current = null, H3();
       try {
         if (l) {
           var y = function() {
@@ -1002,14 +1002,14 @@ function Ve() {
             try {
               Reflect.construct(y, []);
             } catch (V) {
-              w = V;
+              m = V;
             }
             Reflect.construct(s, [], y);
           } else {
             try {
               y.call();
             } catch (V) {
-              w = V;
+              m = V;
             }
             s.call(y.prototype);
           }
@@ -1017,14 +1017,14 @@ function Ve() {
           try {
             throw Error();
           } catch (V) {
-            w = V;
+            m = V;
           }
           s();
         }
       } catch (V) {
-        if (V && w && typeof V.stack == "string") {
+        if (V && m && typeof V.stack == "string") {
           for (var S = V.stack.split(`
-`), k = w.stack.split(`
+`), k = m.stack.split(`
 `), L = S.length - 1, $ = k.length - 1; L >= 1 && $ >= 0 && S[L] !== k[$]; )
             $--;
           for (; L >= 1 && $ >= 0; L--, $--)
@@ -1041,19 +1041,19 @@ function Ve() {
             }
         }
       } finally {
-        y1 = !1, C1.current = T, F3(), Error.prepareStackTrace = E;
+        I1 = !1, b1.current = T, F3(), Error.prepareStackTrace = E;
       }
       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) {
+    function q3(s, l, u) {
       return X1(s, !1);
     }
     function G3(s) {
       var l = s.prototype;
       return !!(l && l.isReactComponent);
     }
-    function h1(s, l, d) {
+    function h1(s, l, u) {
       if (s == null)
         return "";
       if (typeof s == "function")
@@ -1061,21 +1061,21 @@ function Ve() {
       if (typeof s == "string")
         return d1(s);
       switch (s) {
-        case p:
+        case d:
           return d1("Suspense");
         case M:
           return d1("SuspenseList");
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
-          case a:
+          case h:
             return q3(s.render);
           case P:
-            return h1(s.type, l, d);
+            return h1(s.type, l, u);
           case H: {
-            var w = s, E = w._payload, T = w._init;
+            var m = s, E = m._payload, T = m._init;
             try {
-              return h1(T(E), l, d);
+              return h1(T(E), l, u);
             } catch {
             }
           }
@@ -1085,12 +1085,12 @@ function Ve() {
     var c1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = b.ReactDebugCurrentFrame;
     function g1(s) {
       if (s) {
-        var l = s._owner, d = h1(s.type, s._source, l ? l.type : null);
-        N1.setExtraStackFrame(d);
+        var l = s._owner, u = h1(s.type, s._source, l ? l.type : null);
+        N1.setExtraStackFrame(u);
       } else
         N1.setExtraStackFrame(null);
     }
-    function Y3(s, l, d, w, E) {
+    function Y3(s, l, u, m, E) {
       {
         var T = Function.call.bind(c1);
         for (var y in s)
@@ -1098,25 +1098,25 @@ function Ve() {
             var S = 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`.");
+                var k = Error((m || "React class") + ": " + u + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw k.name = "Invariant Violation", k;
               }
-              S = s[y](l, y, w, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              S = s[y](l, y, m, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (L) {
               S = 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));
+            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).", m || "React class", u, y, typeof S), g1(null)), S instanceof Error && !(S.message in Q1) && (Q1[S.message] = !0, g1(E), x("Failed %s type: %s", u, S.message), g1(null));
           }
       }
     }
     var z3 = Array.isArray;
-    function I1(s) {
+    function R1(s) {
       return z3(s);
     }
     function J3(s) {
       {
-        var l = typeof Symbol == "function" && Symbol.toStringTag, d = l && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return d;
+        var l = typeof Symbol == "function" && Symbol.toStringTag, u = l && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return u;
       }
     }
     function X3(s) {
@@ -1160,34 +1160,34 @@ function Ve() {
     }
     function n2(s, l) {
       {
-        var d = function() {
+        var u = 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));
         };
-        d.isReactWarning = !0, Object.defineProperty(s, "key", {
-          get: d,
+        u.isReactWarning = !0, Object.defineProperty(s, "key", {
+          get: u,
           configurable: !0
         });
       }
     }
     function o2(s, l) {
       {
-        var d = function() {
+        var u = 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));
         };
-        d.isReactWarning = !0, Object.defineProperty(s, "ref", {
-          get: d,
+        u.isReactWarning = !0, Object.defineProperty(s, "ref", {
+          get: u,
           configurable: !0
         });
       }
     }
-    var s2 = function(s, l, d, w, E, T, y) {
+    var s2 = function(s, l, u, m, E, T, y) {
       var S = {
         // 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,
+        ref: u,
         props: y,
         // Record the component responsible for creating this element.
         _owner: T
@@ -1201,7 +1201,7 @@ function Ve() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: w
+        value: m
       }), Object.defineProperty(S, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -1209,10 +1209,10 @@ function Ve() {
         value: E
       }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
     };
-    function c2(s, l, d, w, E) {
+    function c2(s, l, u, m, E) {
       {
         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));
+        u !== void 0 && (t3(u), S = "" + u), 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]);
         if (s && s.defaultProps) {
@@ -1224,26 +1224,26 @@ function Ve() {
           var $ = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
           S && n2(y, $), k && o2(y, $);
         }
-        return s2(s, S, k, E, w, n3.current, y);
+        return s2(s, S, k, E, m, n3.current, y);
       }
     }
-    var R1 = b.ReactCurrentOwner, c3 = b.ReactDebugCurrentFrame;
+    var E1 = b.ReactCurrentOwner, c3 = b.ReactDebugCurrentFrame;
     function e1(s) {
       if (s) {
-        var l = s._owner, d = h1(s.type, s._source, l ? l.type : null);
-        c3.setExtraStackFrame(d);
+        var l = s._owner, u = h1(s.type, s._source, l ? l.type : null);
+        c3.setExtraStackFrame(u);
       } else
         c3.setExtraStackFrame(null);
     }
-    var E1;
-    E1 = !1;
-    function T1(s) {
+    var T1;
+    T1 = !1;
+    function D1(s) {
       return typeof s == "object" && s !== null && s.$$typeof === t;
     }
     function r3() {
       {
-        if (R1.current) {
-          var s = J(R1.current.type);
+        if (E1.current) {
+          var s = J(E1.current.type);
           if (s)
             return `
 
@@ -1260,10 +1260,10 @@ Check the render method of \`` + s + "`.";
       {
         var l = r3();
         if (!l) {
-          var d = typeof s == "string" ? s : s.displayName || s.name;
-          d && (l = `
+          var u = typeof s == "string" ? s : s.displayName || s.name;
+          u && (l = `
 
-Check the top-level render call using <` + d + ">.");
+Check the top-level render call using <` + u + ">.");
         }
         return l;
       }
@@ -1273,30 +1273,30 @@ Check the top-level render call using <` + d + ">.");
         if (!s._store || s._store.validated || s.key != null)
           return;
         s._store.validated = !0;
-        var d = l2(l);
-        if (l3[d])
+        var u = l2(l);
+        if (l3[u])
           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);
+        l3[u] = !0;
+        var m = "";
+        s && s._owner && s._owner !== E1.current && (m = " 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.', u, m), e1(null);
       }
     }
     function a3(s, l) {
       {
         if (typeof s != "object")
           return;
-        if (I1(s))
-          for (var d = 0; d < s.length; d++) {
-            var w = s[d];
-            T1(w) && i3(w, l);
+        if (R1(s))
+          for (var u = 0; u < s.length; u++) {
+            var m = s[u];
+            D1(m) && i3(m, l);
           }
-        else if (T1(s))
+        else if (D1(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);
+              D1(y.value) && i3(y.value, l);
         }
       }
     }
@@ -1305,20 +1305,20 @@ Check the top-level render call using <` + d + ">.");
         var l = s.type;
         if (l == null || typeof l == "string")
           return;
-        var d;
+        var u;
         if (typeof l == "function")
-          d = l.propTypes;
-        else if (typeof l == "object" && (l.$$typeof === a || // Note: Memo only checks outer props here.
+          u = l.propTypes;
+        else if (typeof l == "object" && (l.$$typeof === h || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         l.$$typeof === P))
-          d = l.propTypes;
+          u = 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;
+        if (u) {
+          var m = J(l);
+          Y3(u, s.props, "prop", m, s);
+        } else if (l.PropTypes !== void 0 && !T1) {
+          T1 = !0;
           var E = J(l);
           x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
         }
@@ -1327,10 +1327,10 @@ Check the top-level render call using <` + d + ">.");
     }
     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);
+        for (var l = Object.keys(s.props), u = 0; u < l.length; u++) {
+          var m = l[u];
+          if (m !== "children" && m !== "key") {
+            e1(s), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", m), e1(null);
             break;
           }
         }
@@ -1338,25 +1338,25 @@ Check the top-level render call using <` + d + ">.");
       }
     }
     var u3 = {};
-    function d3(s, l, d, w, E, T) {
+    function d3(s, l, u, m, E, T) {
       {
-        var y = j1(s);
+        var y = C1(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" : 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" : 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);
         }
-        var $ = c2(s, l, d, E, T);
+        var $ = c2(s, l, u, E, T);
         if ($ == null)
           return $;
         if (y) {
           var F = l.children;
           if (F !== void 0)
-            if (w)
-              if (I1(F)) {
+            if (m)
+              if (R1(F)) {
                 for (var t1 = 0; t1 < F.length; t1++)
                   a3(F[t1], s);
                 Object.freeze && Object.freeze(F);
@@ -1368,25 +1368,25 @@ Check the top-level render call using <` + d + ">.");
         if (c1.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]) {
+          }), _1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!u3[Q + _1]) {
             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} />`, D1, Q, g2, Q), u3[Q + D1] = !0;
+  <%s key={someKey} {...props} />`, _1, Q, g2, Q), u3[Q + _1] = !0;
           }
         }
         return s === c ? a2($) : i2($), $;
       }
     }
-    function u2(s, l, d) {
-      return d3(s, l, d, !0);
+    function u2(s, l, u) {
+      return d3(s, l, u, !0);
     }
-    function d2(s, l, d) {
-      return d3(s, l, d, !1);
+    function d2(s, l, u) {
+      return d3(s, l, u, !1);
     }
     var v2 = d2, h2 = u2;
     i1.Fragment = c, i1.jsx = v2, i1.jsxs = h2;
@@ -1416,30 +1416,30 @@ const He = "_mwfit_ppa3l_1", Fe = {
   reconnect: () => null
 }), qe = ({ children: e }) => {
   const t = W1(), o = I3();
-  O1(() => {
+  M1(() => {
     t(k3());
   }, [t]);
   const c = r1(
-    (a, p) => {
-      t(Pe(a, p));
+    (h, d) => {
+      t(Pe(h, d));
     },
     [t]
   ), r = r1(
-    (a, p) => {
-      c(a, { value: p });
+    (h, d) => {
+      c(h, { value: d });
     },
     [c]
   ), i = r1(
-    (a, p, M) => {
-      t(Le(a, p, M));
+    (h, d, M) => {
+      t(Le(h, d, M));
     },
     [t]
   ), v = r1(
-    (a, p) => {
-      t($e(a, p));
+    (h, d) => {
+      t($e(h, d));
     },
     [t]
-  ), g = r1(() => {
+  ), f = 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: g
+        reconnect: f
       },
       children: o ? e : /* @__PURE__ */ n.jsx(Ke, {})
     }
@@ -1465,26 +1465,26 @@ function Ge({
   onHold: o,
   holdTimeMs: c = 500
 }) {
-  const r = $1(null), i = $1(!1);
+  const r = A1(null), i = A1(!1);
   function v() {
     i.current = !0, e == null || e(), r.current = setTimeout(() => {
       o == null || o(), r.current = null;
     }, c);
   }
-  function g() {
+  function f() {
     i.current = !1, t == null || t(), r.current && (clearTimeout(r.current), r.current = null);
   }
-  function a() {
-    i.current && g();
+  function h() {
+    i.current && f();
   }
   return {
     onPointerDown: v,
-    onPointerUp: g,
-    onPointerLeave: a
+    onPointerUp: f,
+    onPointerLeave: h
   };
 }
-function h(e, t) {
-  const { sendMessage: c } = R(), r = $1(null);
+function g(e, t) {
+  const { sendMessage: c } = R(), r = A1(null);
   function i() {
     c(`${e}/${t}`, { value: "pressed" }), r.current || (r.current = setInterval(() => {
       c(`${e}/${t}`, { value: "held" });
@@ -1495,8 +1495,8 @@ function h(e, t) {
   }
   return Ge({ onPress: i, onRelease: v });
 }
-function Z1(e) {
-  const { sendMessage: t } = R(), o = h(`${e}`, "volumeUp"), c = h(`${e}`, "volumeDown");
+function S1(e) {
+  const { sendMessage: t } = R(), o = g(`${e}`, "volumeUp"), c = g(`${e}`, "volumeDown");
   return n1(() => ({
     volumeUp: o,
     volumeDown: c,
@@ -1504,7 +1504,7 @@ function Z1(e) {
   }), [e, t, o, c]);
 }
 function V6(e) {
-  const { sendMessage: t } = R(), o = h(`${e}`, "volumeUp"), c = h(`${e}`, "volumeDown");
+  const { sendMessage: t } = R(), o = g(`${e}`, "volumeUp"), c = g(`${e}`, "volumeDown");
   return n1(() => ({
     volumeUp: o,
     volumeDown: c,
@@ -1512,7 +1512,7 @@ function V6(e) {
   }), [e, t, o, c]);
 }
 function W3(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = R(), r = Z1(e);
+  const { sendMessage: o, sendSimpleMessage: c } = R(), r = S1(e);
   return n1(() => {
     if (!r) {
       console.log("baseVolume is undefined");
@@ -1525,14 +1525,14 @@ function W3(e, t) {
     return {
       ...r,
       volumeState: t,
-      setLevel: (a) => c(`${e}/level`, a),
+      setLevel: (h) => c(`${e}/level`, h),
       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);
+  const { sendMessage: o, sendSimpleMessage: c } = R(), r = S1(e);
   return n1(() => {
     if (!r) {
       console.log("baseVolume is undefined");
@@ -1545,7 +1545,7 @@ function U6(e, t) {
     return {
       ...r,
       volumeState: t,
-      setLevel: (a) => c(`${e}/level`, a),
+      setLevel: (h) => c(`${e}/level`, h),
       muteOn: () => o(`${e}/muteOn`, null),
       muteOff: () => o(`${e}/muteOff`, null)
     };
@@ -1568,7 +1568,7 @@ function V3(e) {
     t(`/device/${e}/powerToggle`, null);
   } };
 }
-function k1(e) {
+function O1(e) {
   const { sendMessage: t } = R(), o = _(e);
   return console.log("deviceState", o), o ? { itemsState: o, selectItem: (r) => {
     t(`/device/${e}/${r}`, null);
@@ -1579,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((g) => {
-      t(`/device/${e}/${g}/fullStatus`, null);
+    Object.keys(o == null ? void 0 : o.levelControls).forEach((f) => {
+      t(`/device/${e}/${f}/fullStatus`, null);
     });
   };
   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 = _(e), o = V3(e), c = O1(e), r = O1(e), i = Ye(e), v = ze(e);
   if (t)
     return {
       avrState: t,
@@ -1599,7 +1599,7 @@ function H6(e) {
 }
 const F6 = ({ className: e }) => {
   const [t, o] = Y();
-  return O1(() => {
+  return M1(() => {
     setInterval(() => {
       const c = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
       o(c);
@@ -1611,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, g) => {
-    t(`${c}/presets/recall`, { deviceKey: v, preset: g });
+  return o ? { state: o, recallPreset: (v, f) => {
+    t(`${c}/presets/recall`, { deviceKey: v, preset: f });
   }, savePresets: (v) => {
     t(`${c}/presets/save`, v);
   } } : void 0;
@@ -1623,11 +1623,11 @@ function q6(e) {
     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 = g(t, "chanUp"), c = g(t, "chanDown"), r = g(t, "lastChan"), i = g(t, "guide"), v = g(t, "info"), f = g(t, "exit");
+  return { channelUp: o, channelDown: c, lastChannel: r, guide: i, info: v, exit: f };
 }
 function Y6(e) {
-  const t = `/device/${e}`, o = h(t, "red"), c = h(t, "green"), r = h(t, "yellow"), i = h(t, "blue");
+  const t = `/device/${e}`, o = g(t, "red"), c = g(t, "green"), r = g(t, "yellow"), i = g(t, "blue");
   return { red: o, green: c, yellow: r, blue: i };
 }
 function z6(e) {
@@ -1643,20 +1643,20 @@ function J6(e) {
     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 = g(t, "up"), c = g(t, "down"), r = g(t, "left"), i = g(t, "right"), v = g(t, "select"), f = g(t, "menu"), h = g(t, "exit");
+  return { up: o, down: c, left: r, right: i, select: v, menu: f, exit: h };
 }
 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 } = R(), o = `/device/${e}`, c = _(e), r = g(o, "cameraUp"), i = g(o, "cameraDown"), v = g(o, "cameraLeft"), f = g(o, "cameraRight"), h = g(o, "cameraZoomIn"), d = g(o, "cameraZoomOut"), M = (P) => t("/camera/recallPreset", P);
   if (c)
     return {
       state: c,
-      zoomIn: a,
-      zoomOut: p,
+      zoomIn: h,
+      zoomOut: d,
       up: r,
       down: i,
       left: v,
-      right: g,
+      right: f,
       recallPreset: M
     };
 }
@@ -1670,7 +1670,7 @@ function N6(e) {
   } };
 }
 function et(e) {
-  const t = `/device/${e}`, o = h(t, "dvrList"), c = h(t, "record");
+  const t = `/device/${e}`, o = g(t, "dvrList"), c = g(t, "record");
   return { dvrList: o, record: c };
 }
 function tt(e) {
@@ -1681,10 +1681,10 @@ function tt(e) {
     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: (h) => {
+    t(`/device/${e}/togglePartitionState`, h);
+  }, setRoomCombinationScenario: (h) => {
+    t(`/device/${e}/setRoomCombinationScenario`, h);
   } } : void 0;
 }
 function nt(e) {
@@ -1730,20 +1730,20 @@ function lt(e) {
   } };
 }
 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 = g(t, "num0"), c = g(t, "num1"), r = g(t, "num2"), i = g(t, "num3"), v = g(t, "num4"), f = g(t, "num5"), h = g(t, "num6"), d = g(t, "num7"), M = g(t, "num8"), P = g(t, "num9"), H = g(t, "numDash"), a = g(t, "numEnter");
   return {
     digit0: o,
     digit1: c,
     digit2: r,
     digit3: i,
     digit4: v,
-    digit5: g,
-    digit6: a,
-    digit7: p,
+    digit5: f,
+    digit6: h,
+    digit7: d,
     digit8: M,
     digit9: P,
     keypadAccessoryButton1: H,
-    keypadAccessoryButton2: u
+    keypadAccessoryButton2: a
   };
 }
 function at(e) {
@@ -1755,7 +1755,7 @@ function at(e) {
   } } : void 0;
 }
 function ut(e) {
-  const { sendMessage: t } = R(), o = x1(e);
+  const { sendMessage: t } = R(), o = Z1(e);
   return o ? { roomEventScheduleState: o, save: (r) => {
     t(`/room/${e}/saveScheduledEvents`, r);
   } } : void 0;
@@ -1779,7 +1779,7 @@ function ht(e) {
   } };
 }
 function gt(e) {
-  const t = `/device/${e}`, o = h(t, "chanUp"), c = h(t, "chanDown");
+  const t = `/device/${e}`, o = g(t, "chanUp"), c = g(t, "chanDown");
   return { dvrList: o, replay: c };
 }
 function ft(e) {
@@ -1793,9 +1793,9 @@ function ft(e) {
   } } : void 0;
 }
 function wt(e) {
-  const { sendMessage: t } = R(), o = x1(e);
-  return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (g) => {
-    t(`/room/${e}/setShutdownPromptSeconds`, g);
+  const { sendMessage: t } = R(), o = Z1(e);
+  return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (f) => {
+    t(`/room/${e}/setShutdownPromptSeconds`, f);
   }, shutdownStart: () => {
     t(`/room/${e}/shutdownStart`, null);
   }, shutdownEnd: () => {
@@ -1813,7 +1813,7 @@ function mt(e) {
   } } : void 0;
 }
 function pt(e) {
-  const { sendMessage: t } = R(), o = x1(e);
+  const { sendMessage: t } = R(), o = Z1(e);
   return o ? { techPasswordState: o, validatePassword: (i) => {
     t(`/room/${e}/validateTechPassword`, { password: i });
   }, setPassword: (i, v) => {
@@ -1834,16 +1834,16 @@ 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 = g(t, "play"), c = g(t, "pause"), r = g(t, "stop"), i = g(t, "prevTrack"), v = g(t, "nextTrack"), f = g(t, "rewind"), h = g(t, "ffwd"), d = g(t, "record");
   return {
     play: o,
     pause: c,
     stop: r,
     prevTrack: i,
     nextTrack: v,
-    rewind: g,
-    fastForward: a,
-    record: p
+    rewind: f,
+    fastForward: h,
+    record: d
   };
 }
 function St(e) {
@@ -1863,7 +1863,7 @@ function St(e) {
   } : void 0;
 }
 function jt(e) {
-  const t = _(e), o = V3(e), c = k1(e);
+  const t = _(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,73 +1875,75 @@ function jt(e) {
 }
 function Ct(e) {
   const t = `/device/${e}`;
-  return Z1(t);
+  return S1(t);
 }
 const bt = ({
   config: e
 }, t = !0) => {
-  const { sendMessage: o } = R();
-  return n1(() => {
-    var r, i, v, g;
+  const { sendMessage: o } = R(), c = n1(() => {
+    var i, v, f, h;
+    const r = /* @__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 r;
+    if (e.destinations && Object.values(e.destinations).forEach((d) => {
+      r.add(d);
+    }), e.destinationList && Object.values(e.destinationList).forEach((d) => {
+      r.add(d.sinkKey);
+    }), e.audioControlPointList && Object.values((i = e.audioControlPointList) == null ? void 0 : i.levelControls).forEach(
+      (d) => {
+        d.itemKey ? r.add(d.parentDeviceKey + "--" + d.itemKey) : r.add(d.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((d) => {
+      r.add(d);
+    }), (f = e.environmentalDevices) == null || f.forEach((d) => {
+      d.deviceKey && r.add(d.deviceKey);
+    }), (h = e.accessoryDeviceKeys) == null || h.forEach((d) => {
+      r.add(d);
+    }), e.audioCodecKey && r.add(e.audioCodecKey), e.videoCodecKey && r.add(e.videoCodecKey), e.matrixRoutingKey && r.add(e.matrixRoutingKey), e.roomCombinerKey && r.add(e.roomCombinerKey), e.endpointKeys && e.endpointKeys.forEach((d) => {
+      r.add(d);
     }), 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) => {
-      o(`/device/${a}/fullStatus`, { deviceKey: a });
-    }), c;
-  }, [e, o, t]);
+      for (const d of Object.values(e.sourceList))
+        d.sourceKey && d.sourceKey !== "$off" && r.add(d.sourceKey);
+    return r;
+  }, [e]);
+  return M1(() => {
+    !t || c.size === 0 || (console.log("requesting state for deviceKeys:", c), c.forEach((r) => {
+      o(`/device/${r}/fullStatus`, { deviceKey: r });
+    }));
+  }, [c, t, o]), c;
 };
 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: v } = e, f = () => {
+      const h = v && v.scrollHeight > v.clientHeight, d = v && v.scrollWidth > v.clientWidth;
+      i(h ?? !1), c(d ?? !1), t && t(h ?? !1, d ?? !1);
     };
-    v && g();
+    v && f();
   }, [e, t]), { overflowHorizontal: o, overflowVertical: r };
 }
 function It(e, t) {
   const o = `/room/${e}/volumes/${t}`;
-  return Z1(o);
+  return S1(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) => {
+  var f, h;
+  const [t, o] = Y(((f = e == null ? void 0 : e.current) == null ? void 0 : f.scrollLeft) ?? 0), [c, r] = Y(((h = e == null ? void 0 : e.current) == null ? void 0 : h.scrollTop) ?? 0), i = (d) => {
     const { current: M } = e;
-    M && (console.log(M.scrollLeft), M.scrollLeft += p, console.log(M.scrollLeft));
-  }, v = (p) => {
+    M && (console.log(M.scrollLeft), M.scrollLeft += d, console.log(M.scrollLeft));
+  }, v = (d) => {
     const { current: M } = e;
-    M && (console.log(M.scrollTop), M.scrollTop += p, console.log(M.scrollTop));
+    M && (console.log(M.scrollTop), M.scrollTop += d, console.log(M.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: d } = e, M = () => {
+      o((d == null ? void 0 : d.scrollLeft) ?? 0), r((d == null ? void 0 : d.scrollTop) ?? 0);
     };
-    p && M();
+    d && M();
   }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: i, scrollVertical: v };
 }
 function Tt(e) {
@@ -1970,7 +1972,7 @@ function _t() {
     const i = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
     c(i);
   }
-  return O1(() => {
+  return M1(() => {
     r();
     const i = setInterval(() => {
       r();
@@ -2001,7 +2003,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", L1 = {
   iconbtn: Je,
   iconbtnvert: Xe,
   iconsm: Qe
@@ -2013,23 +2015,23 @@ const Pt = () => {
   iconClassName: r = "",
   otherContentClassName: i = "",
   disabled: v,
-  feedback: g,
-  feedbackClassName: a,
-  onPointerDown: p,
+  feedback: f,
+  feedbackClassName: h,
+  onPointerDown: d,
   onPointerUp: M,
   onPointerLeave: P,
   ...H
 }) => {
-  const [u, Z] = Y(!1), j = !v && g ? a : "", C = !v && (u || g);
+  const [a, Z] = Y(!1), j = !v && f ? h : "", C = !v && (a || f);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
       type: "button",
-      className: `${P1.iconbtn} ${o ? P1.iconbtnvert : ""} ${c} ${j}`,
+      className: `${L1.iconbtn} ${o ? L1.iconbtnvert : ""} ${c} ${j}`,
       ...H,
       disabled: v,
       onPointerDown: (b) => {
-        Z(!0), p == null || p(b);
+        Z(!0), d == null || d(b);
       },
       onPointerUp: (b) => {
         Z(!1), M == null || M(b);
@@ -2041,7 +2043,7 @@ const Pt = () => {
         e && /* @__PURE__ */ n.jsx(
           e,
           {
-            className: `${r || P1.iconsm}`,
+            className: `${r || L1.iconsm}`,
             active: C,
             disabled: v
           }
@@ -3724,13 +3726,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", $1 = {
   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} ${$1.grid}`, children: [
+  /* @__PURE__ */ n.jsx("div", { className: $1.header, children: t }),
+  /* @__PURE__ */ n.jsx("div", { className: $1.content, children: o })
 ] });
 class Ot {
   constructor() {
@@ -3865,9 +3867,9 @@ export {
   Q8 as useApiPath,
   X8 as useAppConfig,
   W1 as useAppDispatch,
-  f as useAppSelector,
+  w as useAppSelector,
   H6 as useAvrControl,
-  h as useButtonHeldHeartbeat,
+  g as useButtonHeldHeartbeat,
   Q6 as useCameraBase,
   S6 as useClientId,
   Ct as useDeviceIBasicVolume,
@@ -3887,7 +3889,7 @@ export {
   s6 as useGetRoom,
   M6 as useGetRoomDisplayStates,
   x6 as useGetZoomRoomControllerKey,
-  Z1 as useIBasicVolume,
+  S1 as useIBasicVolume,
   W3 as useIBasicVolumeWithFeedback,
   G6 as useIChannel,
   Y6 as useIColor,
@@ -3899,7 +3901,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 +3949,7 @@ export {
   d6 as useRoomProgramAudioDestinationKey,
   p6 as useRoomShareState,
   r6 as useRoomSourceList,
-  x1 as useRoomState,
+  Z1 as useRoomState,
   te as useRoomVolume,
   y6 as useRuntimeInfo,
   Et as useScroll,