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

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 M3, { createContext as C2, useEffect as m1, useCallback as c1, useContext as b2, useRef as $1, useMemo as x3, 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 O1 = M2.withTypes(), f = x2.withTypes(), M1 = (e) => e.appConfig, E2 = p(
+const W1 = M2.withTypes(), f = x2.withTypes(), M1 = (e) => e.appConfig, E2 = m(
   M1,
   (e) => e.config
-), T2 = p(
+), T2 = m(
   M1,
   (e) => e.config.apiPath
-), D2 = p(
+), D2 = m(
   M1,
   (e) => e.config.logoPath
-), _2 = p(
+), _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,
@@ -161,62 +161,62 @@ 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, W1 = (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(W1("showShutdownModal")), P6 = () => f(W1("showIncomingCallModal")), L6 = (e) => f(W1(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 = x1, c6 = (e) => f(
   },
   popoverVisibility: {},
   syncState: []
-}, R3 = a1({
+}, R3 = u1({
   name: "ui",
   initialState: Se,
   reducers: {
@@ -281,7 +281,7 @@ const s6 = x1, c6 = (e) => f(
     loginMode: "",
     modes: {}
   }
-}, E3 = a1({
+}, E3 = u1({
   name: "appConfig",
   initialState: Ce,
   reducers: {
@@ -289,9 +289,9 @@ const s6 = x1, c6 = (e) => f(
       e.config = t.payload;
     }
   }
-}), T3 = E3.actions, be = E3.reducer, d3 = {}, A1 = a1({
+}), T3 = E3.actions, be = E3.reducer, v3 = {}, A1 = u1({
   name: "devices",
-  initialState: d3,
+  initialState: v3,
   reducers: {
     setDeviceState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
@@ -300,10 +300,10 @@ const s6 = x1, c6 = (e) => f(
       e[c] = v;
     },
     clearDevices() {
-      return d3;
+      return v3;
     }
   }
-}), g1 = {
+}), f1 = {
   setDeviceState: A1.actions.setDeviceState,
   clearDevices: A1.actions.clearDevices
 }, ye = A1.reducer;
@@ -315,16 +315,16 @@ class Ie {
     q(this, "expiry", "current-uuid-expires");
   }
 }
-const v3 = new Ie();
+const h3 = new Ie();
 function Re(e) {
   return sessionStorage.getItem(e) || "";
 }
 function Ee(e, t) {
   sessionStorage.setItem(e, t);
 }
-const h3 = {}, B1 = a1({
+const g3 = {}, B1 = u1({
   name: "rooms",
-  initialState: h3,
+  initialState: g3,
   reducers: {
     setRoomState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
@@ -333,10 +333,10 @@ const h3 = {}, B1 = a1({
       e[c] = v;
     },
     clearRooms() {
-      return h3;
+      return g3;
     }
   }
-}), f1 = {
+}), w1 = {
   setRoomState: B1.actions.setRoomState,
   clearRooms: B1.actions.clearRooms
 }, Te = B1.reducer, De = {
@@ -370,7 +370,7 @@ const h3 = {}, B1 = a1({
     userCode: "",
     qrUrl: ""
   }
-}, D3 = a1({
+}, D3 = u1({
   name: "runtimeConfig",
   initialState: De,
   reducers: {
@@ -405,7 +405,7 @@ const h3 = {}, B1 = a1({
       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, _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,7 +421,7 @@ const h3 = {}, B1 = 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;
@@ -431,39 +431,39 @@ const h3 = {}, B1 = a1({
       );
       if (C.status === 200 && C.data) {
         const b = C.data.apiPath;
-        a(T3.setAppConfig(C.data));
+        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 _1.get(
-        `${a}/ui/joinroom?token=${Z}`
+        `${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 h3 = {}, B1 = 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 h3 = {}, B1 = 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 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 h3 = {}, B1 = 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 h3 = {}, B1 = 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 h3 = {}, B1 = 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 h3 = {}, B1 = 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 h3 = {}, B1 = a1({
                 break;
               case "/system/deviceInterfaces": {
                 const z = D.content;
-                a(
+                u(
                   U.setDeviceInterfaces(
                     z.deviceInterfaces
                   )
@@ -630,9 +630,9 @@ const h3 = {}, B1 = 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);
+                o1(D);
               } catch (j1) {
                 console.error(
                   "WebSocket middleware: Event handler error",
@@ -640,7 +640,7 @@ const h3 = {}, B1 = a1({
                 );
               }
             });
-          } 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 h3 = {}, B1 = 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 h3 = {}, B1 = a1({
       switch (b.type) {
         case _3: {
           let W = new URLSearchParams(window.location.search).get("token");
-          W ? (console.log("WebSocket middleware: Saving token"), Ee(v3.uuid, W)) : (W = Re(v3.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 h3 = {}, B1 = 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;
       }
@@ -743,21 +743,21 @@ const h3 = {}, B1 = a1({
       ignoredActions: ["websocket/addEventHandler"]
     }
   }).concat(Be())
-}), g3 = m3.create();
+}), f3 = M3.create();
 function O6() {
-  const e = O1();
+  const e = W1();
   return async () => {
     try {
       const t = location.pathname.split("/").filter((r) => r.length > 0);
       t.length >= 5 ? t.length = 5 : t.length = 2;
-      const o = `/${t.join("/")}`, c = await g3.get(
+      const o = `/${t.join("/")}`, c = await f3.get(
         "/_local-config/_config.local.json",
         { baseURL: o }
       );
       if (c.status == 200 && c.data) {
         const r = c.data.apiPath;
         e(T3.setAppConfig(c.data));
-        const i = await g3.get(
+        const i = await f3.get(
           `${r}/version`
         );
         i.status == 200 && i.data && e(U.setRuntimeConfig(i.data));
@@ -768,7 +768,7 @@ function O6() {
     return !0;
   };
 }
-var w1 = { exports: {} }, r1 = {};
+var m1 = { exports: {} }, l1 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -778,21 +778,21 @@ var w1 = { exports: {} }, r1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var f3;
+var w3;
 function We() {
-  if (f3) return r1;
-  f3 = 1;
-  var e = M3, 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 };
-  }
-  return r1.Fragment = o, r1.jsx = v, r1.jsxs = v, r1;
-}
-var l1 = {};
+  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 };
+  }
+  return l1.Fragment = o, l1.jsx = v, l1.jsxs = v, 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 w3;
+var m3;
 function Ve() {
-  return w3 || (w3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = M3, 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 S1 = !1, K = !1, B = !1, D = !1, z = !1, n1;
-    n1 = Symbol.for("react.module.reference");
+    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 === m || s === M || D || s === a || S1 || 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
+      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;
@@ -846,7 +846,7 @@ function Ve() {
       var E = l.displayName || l.name || "";
       return E !== "" ? d + "(" + E + ")" : d;
     }
-    function V1(s) {
+    function U1(s) {
       return s.displayName || "Context";
     }
     function J(s) {
@@ -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 V1(l) + ".Consumer";
+            return U1(l) + ".Consumer";
           case v:
             var d = s;
-            return V1(d._context) + ".Provider";
-          case h:
+            return U1(d._context) + ".Provider";
+          case a:
             return U3(s, s.render, "ForwardRef");
           case P:
             var w = s.displayName || null;
@@ -894,18 +894,18 @@ function Ve() {
         }
       return null;
     }
-    var X = Object.assign, o1 = 0, U1, H1, F1, K1, q1, G1, Y1;
-    function z1() {
+    var X = Object.assign, s1 = 0, H1, F1, K1, q1, G1, Y1, z1;
+    function J1() {
     }
-    z1.__reactDisabledLog = !0;
+    J1.__reactDisabledLog = !0;
     function H3() {
       {
-        if (o1 === 0) {
-          U1 = console.log, H1 = console.info, F1 = console.warn, K1 = console.error, q1 = console.group, G1 = console.groupCollapsed, Y1 = console.groupEnd;
+        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,
             enumerable: !0,
-            value: z1,
+            value: J1,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -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,
@@ -931,33 +931,33 @@ function Ve() {
           };
           Object.defineProperties(console, {
             log: X({}, s, {
-              value: U1
+              value: H1
             }),
             info: X({}, s, {
-              value: H1
+              value: F1
             }),
             warn: X({}, s, {
-              value: F1
+              value: K1
             }),
             error: X({}, s, {
-              value: K1
+              value: q1
             }),
             group: X({}, s, {
-              value: q1
+              value: G1
             }),
             groupCollapsed: X({}, s, {
-              value: G1
+              value: Y1
             }),
             groupEnd: X({}, s, {
-              value: Y1
+              value: z1
             })
           });
         }
-        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 C1 = b.ReactCurrentDispatcher, b1;
-    function u1(s, l, d) {
+    function d1(s, l, d) {
       {
         if (b1 === void 0)
           try {
@@ -970,16 +970,16 @@ function Ve() {
 ` + b1 + s;
       }
     }
-    var y1 = !1, d1;
+    var y1 = !1, v1;
     {
       var K3 = typeof WeakMap == "function" ? WeakMap : Map;
-      d1 = new K3();
+      v1 = new K3();
     }
-    function J1(s, l) {
+    function X1(s, l) {
       if (!s || y1)
         return "";
       {
-        var d = d1.get(s);
+        var d = v1.get(s);
         if (d !== void 0)
           return d;
       }
@@ -1034,7 +1034,7 @@ 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;
@@ -1043,56 +1043,56 @@ function Ve() {
       } finally {
         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 J1(s, !1);
+      return X1(s, !1);
     }
     function G3(s) {
       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 J1(s, G3(s));
+        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, X1 = {}, Q1 = 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);
-        Q1.setExtraStackFrame(d);
+        var l = s._owner, d = h1(s.type, s._source, l ? l.type : null);
+        N1.setExtraStackFrame(d);
       } else
-        Q1.setExtraStackFrame(null);
+        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,7 +1105,7 @@ 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 X1) && (X1[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));
           }
       }
     }
@@ -1121,26 +1121,26 @@ function Ve() {
     }
     function X3(s) {
       try {
-        return N1(s), !1;
+        return e3(s), !1;
       } catch {
         return !0;
       }
     }
-    function N1(s) {
+    function e3(s) {
       return "" + s;
     }
-    function e3(s) {
+    function t3(s) {
       if (X3(s))
-        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", J3(s)), N1(s);
+        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", J3(s)), e3(s);
     }
-    var t3 = b.ReactCurrentOwner, Q3 = {
+    var n3 = b.ReactCurrentOwner, Q3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, n3, o3;
+    }, 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;
@@ -1156,12 +1156,12 @@ function Ve() {
       return s.key !== void 0;
     }
     function t2(s, l) {
-      typeof s.ref == "string" && t3.current;
+      typeof s.ref == "string" && n3.current;
     }
     function n2(s, l) {
       {
         var d = function() {
-          n3 || (n3 = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+          o3 || (o3 = !0, 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,
@@ -1172,7 +1172,7 @@ function Ve() {
     function o2(s, l) {
       {
         var d = function() {
-          o3 || (o3 = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+          s3 || (s3 = !0, 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,
@@ -1212,9 +1212,9 @@ function Ve() {
     function c2(s, l, d, w, E) {
       {
         var T, y = {}, S = null, k = null;
-        d !== void 0 && (e3(d), S = "" + d), e2(l) && (e3(l.key), S = "" + l.key), N3(l) && (k = l.ref, t2(l, E));
+        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)
@@ -1224,23 +1224,23 @@ 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, t3.current, y);
+        return s2(s, S, k, E, w, n3.current, y);
       }
     }
-    var R1 = b.ReactCurrentOwner, s3 = 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);
-        s3.setExtraStackFrame(d);
+        var l = s._owner, d = h1(s.type, s._source, l ? l.type : null);
+        c3.setExtraStackFrame(d);
       } else
-        s3.setExtraStackFrame(null);
+        c3.setExtraStackFrame(null);
     }
     var E1;
     E1 = !1;
     function T1(s) {
       return typeof s == "object" && s !== null && s.$$typeof === t;
     }
-    function c3() {
+    function r3() {
       {
         if (R1.current) {
           var s = J(R1.current.type);
@@ -1255,10 +1255,10 @@ Check the render method of \`` + s + "`.";
     function r2(s) {
       return "";
     }
-    var r3 = {};
+    var l3 = {};
     function l2(s) {
       {
-        var l = c3();
+        var l = r3();
         if (!l) {
           var d = typeof s == "string" ? s : s.displayName || s.name;
           d && (l = `
@@ -1268,27 +1268,27 @@ Check the top-level render call using <` + d + ">.");
         return l;
       }
     }
-    function l3(s, l) {
+    function i3(s, l) {
       {
         if (!s._store || s._store.validated || s.key != null)
           return;
         s._store.validated = !0;
         var d = l2(l);
-        if (r3[d])
+        if (l3[d])
           return;
-        r3[d] = !0;
+        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);
       }
     }
-    function i3(s, l) {
+    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) && l3(w, l);
+            T1(w) && i3(w, l);
           }
         else if (T1(s))
           s._store && (s._store.validated = !0);
@@ -1296,7 +1296,7 @@ Check the top-level render call using <` + d + ">.");
           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) && l3(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;
@@ -1337,15 +1337,15 @@ Check the top-level render call using <` + d + ">.");
         s.ref !== null && (e1(s), x("Invalid attribute `ref` supplied to `React.Fragment`."), e1(null));
       }
     }
-    var a3 = {};
-    function u3(s, l, d, w, E, T) {
+    var u3 = {};
+    function d3(s, l, d, w, E, T) {
       {
         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 += c3();
+          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);
         }
@@ -1358,43 +1358,43 @@ Check the top-level render call using <` + d + ">.");
             if (w)
               if (I1(F)) {
                 for (var t1 = 0; t1 < F.length; t1++)
-                  i3(F[t1], s);
+                  a3(F[t1], s);
                 Object.freeze && Object.freeze(F);
               } else
                 x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              i3(F, s);
+              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";
           }), D1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!a3[Q + D1]) {
+          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} />`, D1, Q, g2, Q), a3[Q + D1] = !0;
+  <%s key={someKey} {...props} />`, D1, Q, g2, Q), u3[Q + D1] = !0;
           }
         }
         return s === c ? a2($) : i2($), $;
       }
     }
     function u2(s, l, d) {
-      return u3(s, l, d, !0);
+      return d3(s, l, d, !0);
     }
     function d2(s, l, d) {
-      return u3(s, l, d, !1);
+      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 p3;
 function Ue() {
-  return p3 || (p3 = 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 = {
@@ -1415,31 +1415,31 @@ const He = "_mwfit_ppa3l_1", Fe = {
   removeEventHandler: () => null,
   reconnect: () => null
 }), qe = ({ children: e }) => {
-  const t = O1(), o = I3();
-  m1(() => {
+  const t = W1(), o = I3();
+  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, {})
     }
@@ -1471,19 +1471,19 @@ function Ge({
       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) {
+function h(e, t) {
   const { sendMessage: c } = R(), r = $1(null);
   function i() {
     c(`${e}/${t}`, { value: "pressed" }), r.current || (r.current = setInterval(() => {
@@ -1496,24 +1496,24 @@ function g(e, t) {
   return Ge({ onPress: i, onRelease: v });
 }
 function Z1(e) {
-  const { sendMessage: t } = R(), o = g(`${e}`, "volumeUp"), c = g(`${e}`, "volumeDown");
-  return {
+  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 {
+  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 = Z1(e);
-  return x3(() => {
+  return n1(() => {
     if (!r) {
       console.log("baseVolume is undefined");
       return;
@@ -1525,7 +1525,7 @@ 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)
     };
@@ -1533,7 +1533,7 @@ function W3(e, t) {
 }
 function U6(e, t) {
   const { sendMessage: o, sendSimpleMessage: c } = R(), r = Z1(e);
-  return x3(() => {
+  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();
@@ -1576,8 +1579,8 @@ 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;
@@ -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) {
@@ -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) {
@@ -1791,8 +1794,8 @@ function ft(e) {
 }
 function wt(e) {
   const { sendMessage: t } = R(), o = x1(e);
-  return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (u) => {
-    t(`/room/${e}/setShutdownPromptSeconds`, u);
+  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,7 +1812,7 @@ function pt(e) {
     t(`/device/${e}/off`, null);
   } } : void 0;
 }
-function mt(e) {
+function pt(e) {
   const { sendMessage: t } = R(), o = x1(e);
   return o ? { techPasswordState: o, validatePassword: (i) => {
     t(`/room/${e}/validateTechPassword`, { password: i });
@@ -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) {
@@ -1876,45 +1879,45 @@ function Ct(e) {
 }
 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) {
@@ -1926,23 +1929,23 @@ function Rt(e, 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) {
-  const t = O1();
+  const t = W1();
   return [() => {
     t(O.addSyncState(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();
@@ -2010,14 +2013,14 @@ 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",
     {
@@ -2026,7 +2029,7 @@ const Pt = () => {
       ...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);
@@ -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,
@@ -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,
-  g3 as httpClient,
+  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,10 +3823,10 @@ export {
   ve as selectDeviceSupportsInterface,
   fe as selectError,
   y3 as selectInterfacesForDevice,
-  me as selectIsSyncStateValuePresent,
+  pe as selectIsSyncStateValuePresent,
   de as selectIsTouchpanel,
   D2 as selectLogoPath,
-  W1 as selectModalVisibility,
+  V1 as selectModalVisibility,
   _2 as selectPartnerMetadata,
   X2 as selectRoomAdvancedSharingActive,
   V2 as selectRoomAudioControlPointList,
@@ -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,
@@ -3861,10 +3864,10 @@ export {
   je as uiReducer,
   Q8 as useApiPath,
   X8 as useAppConfig,
-  O1 as useAppDispatch,
+  W1 as useAppDispatch,
   f as useAppSelector,
   H6 as useAvrControl,
-  g as useButtonHeldHeartbeat,
+  h as useButtonHeldHeartbeat,
   Q6 as useCameraBase,
   S6 as useClientId,
   Ct as useDeviceIBasicVolume,
@@ -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,7 +3945,7 @@ export {
   ne as useRoomLevelControls,
   c6 as useRoomName,
   d6 as useRoomProgramAudioDestinationKey,
-  m6 as useRoomShareState,
+  p6 as useRoomShareState,
   r6 as useRoomSourceList,
   x1 as useRoomState,
   te as useRoomVolume,