npm - @pepperdash/mobile-control-react-app-core - Versions diffs - 1.22.6 → 1.22.8-volume-hook-fix.1 - Mend

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

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

Files changed (6) hide show

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

@@ -1,137 +1,137 @@
 var w2 = Object.defineProperty;
-var p2 = (e, t, o) => t in e ? w2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var q = (e, t, o) => p2(e, typeof t != "symbol" ? t + "" : t, o);
-import M3, { AxiosError as m2 } from "axios";
+var m2 = (e, t, o) => t in e ? w2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var q = (e, t, o) => m2(e, typeof t != "symbol" ? t + "" : t, o);
+import M3, { AxiosError as p2 } from "axios";
 import { useDispatch as M2, useSelector as x2, Provider as Z2 } from "react-redux";
-import { createSelector as p, createSlice as a1, combineReducers as S2, configureStore as j2 } from "@reduxjs/toolkit";
-import x3, { createContext as C2, useEffect as m1, useCallback as c1, useContext as b2, useRef as A1, useMemo as M1, useState as Y, useLayoutEffect as Z3 } from "react";
+import { createSelector as M, createSlice as u1, combineReducers as S2, configureStore as j2 } from "@reduxjs/toolkit";
+import x3, { createContext as C2, useEffect as x1, useCallback as n1, useContext as b2, useRef as M1, useMemo as o1, useState as Y, useLayoutEffect as Z3 } from "react";
 import { useNavigate as y2, useRouteError as I2, isRouteErrorResponse as R2 } from "react-router-dom";
 import * as S3 from "lodash";
-const W1 = M2.withTypes(), f = x2.withTypes(), x1 = (e) => e.appConfig, E2 = p(
-  x1,
+const W1 = M2.withTypes(), m = x2.withTypes(), Z1 = (e) => e.appConfig, E2 = M(
+  Z1,
   (e) => e.config
-), T2 = p(
-  x1,
+), T2 = M(
+  Z1,
   (e) => e.config.apiPath
-), D2 = p(
-  x1,
+), D2 = M(
+  Z1,
   (e) => e.config.logoPath
-), _2 = p(
-  x1,
+), _2 = M(
+  Z1,
   (e) => e.config.partnerMetadata
-), X8 = () => f(E2), Q8 = () => f(T2), N8 = () => f(D2), e6 = () => f(_2), j3 = (e) => e.devices, C3 = p(
+), X8 = () => m(E2), Q8 = () => m(T2), N8 = () => m(D2), e6 = () => m(_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));
+), t6 = () => m(C3);
+function P(e) {
+  return m(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, a, g, v, f;
+    return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (a = (i = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : a.sinkKey : ((f = (v = (g = t[e]) == null ? void 0 : g.configuration) == null ? void 0 : v.destinationList.defaultDisplay) == null ? void 0 : f.sinkKey) || "";
   }
-), q2 = (e) => 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,
@@ -147,76 +147,76 @@ const A = (e) => e.rooms, L2 = (e) => p(
   }
 );
 function n6(e) {
-  return f(
+  return m(
     L2(e)
   );
 }
 function o6() {
-  return f($2);
+  return m($2);
 }
-function Z1(e) {
-  return f(A2(e));
+function S1(e) {
+  return m(A2(e));
 }
-const s6 = Z1, c6 = (e) => f(
+const s6 = S1, c6 = (e) => m(
   B2(e)
-), te = (e, t) => f(
+), te = (e, t) => m(
   k2(e, t)
-), ne = (e) => f(O2(e)) || void 0, r6 = (e) => f(W2(e)), l6 = (e) => f(V2(e)), i6 = (e) => f(U2(e)), a6 = (e) => f(H2(e)), u6 = (e) => f(F2(e)), d6 = (e) => f(K2(e)), v6 = (e) => f(q2(e)), h6 = (e) => f(G2(e)), g6 = (e) => f(Y2(e)), f6 = (e) => f(z2(e)), w6 = (e) => f(J2(e)), 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) => m(O2(e)) || void 0, r6 = (e) => m(W2(e)), l6 = (e) => m(V2(e)), i6 = (e) => m(U2(e)), a6 = (e) => m(H2(e)), u6 = (e) => m(F2(e)), d6 = (e) => m(K2(e)), v6 = (e) => m(q2(e)), h6 = (e) => m(G2(e)), g6 = (e) => m(Y2(e)), f6 = (e) => m(z2(e)), w6 = (e) => m(J2(e)), m6 = (e) => m(X2(e)), p6 = (e) => m(Q2(e)), M6 = (e) => m((t) => ee(t, e)), x6 = (e) => m(N2(e)), G = (e) => e.runtimeConfig, oe = M(
   G,
   (e) => e.websocket.isConnected
-), se = p(
+), se = M(
   G,
   (e) => e.currentRoomKey
-), ce = p(
+), ce = M(
   G,
   (e) => e.roomData.clientId
-), re = p(
+), re = M(
   G,
   (e) => e.roomData.systemUuid
-), le = p(
+), le = M(
   G,
   (e) => e.roomData.userCode
-), ie = p(
+), ie = M(
   G,
   (e) => e.serverIsRunningOnProcessorHardware
-), ae = p(
+), ae = M(
   G,
   (e) => {
     var t;
     return (t = e.roomData.config) == null ? void 0 : t.runtimeInfo;
   }
-), ue = p(
+), ue = M(
   G,
   (e) => e.touchpanelKey
-), de = p(
+), de = M(
   G,
   (e) => e.touchpanelKey !== ""
-), b3 = p(
+), b3 = M(
   G,
   (e) => e.roomData.deviceInterfaceSupport
-), y3 = (e) => p(
+), y3 = (e) => M(
   b3,
   (t) => {
     var o;
     return ((o = t == null ? void 0 : t[e]) == null ? void 0 : o.interfaces) ?? [];
   }
-), ve = (e, t) => p(
+), ve = (e, t) => M(
   y3(e),
   (o) => o.includes(t)
-), I3 = () => f(oe), Z6 = () => f(se), S6 = () => f(ce), j6 = () => f(re), C6 = () => f(le), b6 = () => f(ie), y6 = () => f(ae), I6 = () => f(ue), R6 = () => f(de), E6 = () => f(b3), T6 = (e) => f(y3(e)), D6 = (e, t) => f(ve(e, t)), N = (e) => e.ui, V1 = (e) => p(N, (t) => t.modalVisibility[e]), he = (e) => p(N, (t) => {
+), I3 = () => m(oe), Z6 = () => m(se), S6 = () => m(ce), j6 = () => m(re), C6 = () => m(le), b6 = () => m(ie), y6 = () => m(ae), I6 = () => m(ue), R6 = () => m(de), E6 = () => m(b3), T6 = (e) => m(y3(e)), D6 = (e, t) => m(ve(e, t)), N = (e) => e.ui, V1 = (e) => M(N, (t) => t.modalVisibility[e]), he = (e) => M(N, (t) => {
   const o = t.popoverVisibility[e];
   if (o)
     return Object.keys(o).find((c) => o[c]);
-}), ge = (e, t) => p(
+}), ge = (e, t) => M(
   N,
   (o) => {
     var c;
     return ((c = o.popoverVisibility[e]) == null ? void 0 : c[t]) ?? !1;
   }
-), fe = p(N, (e) => e.error), we = p(
+), fe = M(N, (e) => e.error), we = M(
   N,
   (e) => e.showReconnect
-), pe = p(N, (e) => e.theme), me = (e) => p(N, (t) => t.syncState.includes(e)), _6 = () => f(V1("showShutdownModal")), P6 = () => f(V1("showIncomingCallModal")), L6 = (e) => f(V1(e)), $6 = (e) => f(he(e)), A6 = (e, t) => f(ge(e, t)), Me = () => f(fe), xe = () => f(we), B6 = () => f(pe), Ze = (e) => f(me(e)), Se = {
+), me = M(N, (e) => e.theme), pe = (e) => M(N, (t) => t.syncState.includes(e)), _6 = () => m(V1("showShutdownModal")), P6 = () => m(V1("showIncomingCallModal")), L6 = (e) => m(V1(e)), $6 = (e) => m(he(e)), A6 = (e, t) => m(ge(e, t)), Me = () => m(fe), xe = () => m(we), B6 = () => m(me), Ze = (e) => m(pe(e)), Se = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -225,7 +225,7 @@ const s6 = Z1, c6 = (e) => f(
   },
   popoverVisibility: {},
   syncState: []
-}, R3 = a1({
+}, R3 = u1({
   name: "ui",
   initialState: Se,
   reducers: {
@@ -281,7 +281,7 @@ const s6 = Z1, c6 = (e) => f(
     loginMode: "",
     modes: {}
   }
-}, E3 = a1({
+}, E3 = u1({
   name: "appConfig",
   initialState: Ce,
   reducers: {
@@ -289,21 +289,21 @@ const s6 = Z1, c6 = (e) => f(
       e.config = t.payload;
     }
   }
-}), T3 = E3.actions, be = E3.reducer, v3 = {}, B1 = a1({
+}), T3 = E3.actions, be = E3.reducer, v3 = {}, B1 = u1({
   name: "devices",
   initialState: v3,
   reducers: {
     setDeviceState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
       if (!c) return;
-      const r = t.payload.content, i = e[c] ?? {}, v = S3.merge(i, r);
-      e[c] = v;
+      const r = t.payload.content, i = e[c] ?? {}, a = S3.merge(i, r);
+      e[c] = a;
     },
     clearDevices() {
       return v3;
     }
   }
-}), g1 = {
+}), f1 = {
   setDeviceState: B1.actions.setDeviceState,
   clearDevices: B1.actions.clearDevices
 }, ye = B1.reducer;
@@ -322,21 +322,21 @@ function Re(e) {
 function Ee(e, t) {
   sessionStorage.setItem(e, t);
 }
-const g3 = {}, k1 = a1({
+const g3 = {}, k1 = u1({
   name: "rooms",
   initialState: g3,
   reducers: {
     setRoomState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
       if (!c) return;
-      const r = t.payload.content, i = e[c] ?? {}, v = S3.merge(i, r);
-      e[c] = v;
+      const r = t.payload.content, i = e[c] ?? {}, a = S3.merge(i, r);
+      e[c] = a;
     },
     clearRooms() {
       return g3;
     }
   }
-}), f1 = {
+}), w1 = {
   setRoomState: k1.actions.setRoomState,
   clearRooms: k1.actions.clearRooms
 }, Te = k1.reducer, De = {
@@ -370,7 +370,7 @@ const g3 = {}, k1 = a1({
     userCode: "",
     qrUrl: ""
   }
-}, D3 = a1({
+}, D3 = u1({
   name: "runtimeConfig",
   initialState: De,
   reducers: {
@@ -405,7 +405,7 @@ const g3 = {}, k1 = a1({
       e.touchpanelKey = t.payload;
     }
   }
-}), U = D3.actions, _e = D3.reducer, P1 = M3.create(), _3 = "websocket/connect", P3 = "websocket/disconnect", L3 = "websocket/sendMessage", $3 = "websocket/addEventHandler", A3 = "websocket/removeEventHandler", B3 = "websocket/reconnect", k3 = () => ({ type: _3 }), k6 = () => ({ type: P3 }), Pe = (e, t) => ({
+}), U = D3.actions, _e = D3.reducer, L1 = M3.create(), _3 = "websocket/connect", P3 = "websocket/disconnect", L3 = "websocket/sendMessage", $3 = "websocket/addEventHandler", A3 = "websocket/removeEventHandler", B3 = "websocket/reconnect", k3 = () => ({ type: _3 }), k6 = () => ({ type: P3 }), Pe = (e, t) => ({
   type: L3,
   payload: { messageType: e, content: t }
 }), Le = (e, t, o) => ({
@@ -421,72 +421,72 @@ const g3 = {}, k1 = a1({
     waitingToReconnect: !1,
     reconnectTimer: null,
     eventHandlers: {}
-  }, t = async (a) => {
+  }, t = async (u) => {
     try {
-      const Z = location.pathname.split("/").filter((b) => b.length > 0);
-      Z.length >= 5 ? Z.length = 5 : Z.length = 2;
-      const j = `/${Z.join("/")}`, C = await P1.get(
+      const S = location.pathname.split("/").filter((y) => y.length > 0);
+      S.length >= 5 ? S.length = 5 : S.length = 2;
+      const C = `/${S.join("/")}`, b = await L1.get(
         "/_local-config/_config.local.json",
-        { baseURL: j }
+        { baseURL: C }
       );
-      if (C.status === 200 && C.data) {
-        const b = C.data.apiPath;
-        a(T3.setAppConfig(C.data));
-        const x = await P1.get(
-          `${b}/version`
+      if (b.status === 200 && b.data) {
+        const y = b.data.apiPath;
+        u(T3.setAppConfig(b.data));
+        const Z = await L1.get(
+          `${y}/version`
         );
-        x.status === 200 && x.data && a(U.setRuntimeConfig(x.data));
+        Z.status === 200 && Z.data && u(U.setRuntimeConfig(Z.data));
       }
-    } catch (Z) {
-      console.error("Error getting config", Z);
+    } catch (S) {
+      console.error("Error getting config", S);
     }
     return !0;
-  }, o = async (a, Z, j) => {
+  }, o = async (u, S, C) => {
     try {
-      const C = await P1.get(
-        `${a}/ui/joinroom?token=${Z}`
+      const b = await L1.get(
+        `${u}/ui/joinroom?token=${S}`
       );
-      return C.status === 200 && C.data ? (j(U.setRoomData(C.data)), !0) : !1;
-    } catch (C) {
-      return console.log(C), C instanceof m2 && C.response && C.response.status === 498 ? (console.error("Invalid token. Unable to join room"), j(
+      return b.status === 200 && b.data ? (C(U.setRoomData(b.data)), !0) : !1;
+    } catch (b) {
+      return console.log(b), b instanceof p2 && b.response && b.response.status === 498 ? (console.error("Invalid token. Unable to join room"), C(
         O.setErrorMessage(
-          `Token ${Z} is invalid. Unable to join room`
+          `Token ${S} is invalid. Unable to join room`
         )
-      ), !1) : (console.error("Error getting room data", C), C instanceof Error ? j(O.setErrorMessage(C.message)) : j(O.setErrorMessage("Error getting room data")), !1);
+      ), !1) : (console.error("Error getting room data", b), b instanceof Error ? C(O.setErrorMessage(b.message)) : C(O.setErrorMessage("Error getting room data")), !1);
     }
-  }, c = (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;
-    if (!Z || !x || !b) {
+  }, i = (u) => {
+    u(O.setShowReconnect(!0)), u(U.setWebsocketIsConnected(!1)), u(f1.clearDevices()), u(w1.clearRooms()), u(O.clearAllModals()), u(O.clearSyncState());
+  }, a = (u, S) => {
+    const C = u(), b = S ?? C.runtimeConfig.roomData.roomKey, { clientId: y } = C.runtimeConfig.roomData, Z = C.runtimeConfig.websocket.isConnected;
+    if (!S || !Z || !y) {
       console.log("WebSocket middleware: Cannot request room status", {
-        hasRoomKey: !!Z,
-        isConnected: x,
-        hasClientId: !!b
+        hasRoomKey: !!S,
+        isConnected: Z,
+        hasClientId: !!y
       });
       return;
     }
-    console.log("WebSocket middleware: Requesting status from room:", Z), e.client && x && e.client.send(
+    console.log("WebSocket middleware: Requesting status from room:", S), e.client && Z && e.client.send(
       JSON.stringify({
-        type: `/room/${C}/status`,
-        clientId: b,
+        type: `/room/${b}/status`,
+        clientId: y,
         content: null
       })
     );
-  }, u = async (a, Z) => {
+  }, g = async (u, S) => {
     console.log("WebSocket middleware: Attempting to connect...");
-    const j = Z(), { apiPath: C } = j.appConfig.config, { serverIsRunningOnProcessorHardware: b } = j.runtimeConfig;
-    if (!C || !e.token) {
+    const C = S(), { apiPath: b } = C.appConfig.config, { serverIsRunningOnProcessorHardware: y } = C.runtimeConfig;
+    if (!b || !e.token) {
       console.log(
         "WebSocket middleware: Cannot connect - missing requirements",
         {
-          hasApiPath: !!C,
+          hasApiPath: !!b,
           hasToken: !!e.token
         }
       );
@@ -504,65 +504,65 @@ const g3 = {}, k1 = a1({
     }
     e.waitingToReconnect = !0;
     try {
-      if (!await o(C, e.token, a)) {
+      if (!await o(b, e.token, u)) {
         console.log(
           "WebSocket middleware: Failed to get room data, will retry..."
-        ), c(a);
+        ), c(u);
         return;
       }
       console.log("WebSocket middleware: Connecting to websocket");
-      const j1 = `${C.replace("http", "ws")}/ui/join/${e.token}`, K = new WebSocket(j1);
+      const C1 = `${b.replace("http", "ws")}/ui/join/${e.token}`, K = new WebSocket(C1);
       e.client = K, K.onopen = (B) => {
         console.log("WebSocket middleware: Connected", B.type, B.target), e.waitingToReconnect = !1, r(), setTimeout(() => {
-          e.client === K && K.readyState === WebSocket.OPEN && 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;
+        var _;
         if (console.log(
           "WebSocket middleware: Disconnected",
           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)
-          if (!!((D = Z().runtimeConfig) != null && D.touchpanelKey))
+          if (!!((_ = S().runtimeConfig) != null && _.touchpanelKey))
             console.log(
               "WebSocket middleware: Code 4001 received with touchpanel key present, will auto-reconnect"
             );
-          else if (b)
+          else if (y)
             console.log(
               "WebSocket middleware: Code 4001 on processor hardware (no touchpanel key), will auto-reconnect"
             );
           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,45 +573,45 @@ const g3 = {}, k1 = a1({
           console.log("WebSocket middleware: Closed by client");
           return;
         }
-        e.client = null, console.log("WebSocket middleware: Clearing state on disconnect"), a(
+        e.client = null, console.log("WebSocket middleware: Clearing state on disconnect"), u(
           O.setErrorMessage(
             "Connection lost. Attempting to reconnect..."
           )
-        ), a(U.setWebsocketIsConnected(!1)), a(g1.clearDevices()), a(f1.clearRooms()), a(O.clearAllModals()), a(O.clearSyncState()), c(a);
+        ), u(U.setWebsocketIsConnected(!1)), u(f1.clearDevices()), u(w1.clearRooms()), u(O.clearAllModals()), u(O.clearSyncState()), c(u);
       }, K.onmessage = (B) => {
         try {
-          const D = JSON.parse(B.data);
-          if (D.type === "close") {
-            K.close(4001, D.content);
+          const _ = JSON.parse(B.data);
+          if (_.type === "close") {
+            K.close(4001, _.content);
             return;
           }
-          if (D.type.startsWith("/system/"))
-            switch (D.type) {
+          if (_.type.startsWith("/system/"))
+            switch (_.type) {
               case "/system/touchpanelKey":
-                a(
+                u(
                   U.setTouchpanelKey(
-                    D.content
+                    _.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
+                    _.content
                   )
                 );
                 break;
               case "/system/userCodeChanged":
-                a(
-                  U.setUserCode(D.content)
+                u(
+                  U.setUserCode(_.content)
                 );
                 break;
               case "/system/roomCombinationChanged":
                 window.location.reload();
                 break;
               case "/system/deviceInterfaces": {
-                const z = D.content;
-                a(
+                const z = _.content;
+                u(
                   U.setDeviceInterfaces(
                     z.deviceInterfaces
                   )
@@ -621,113 +621,113 @@ const g3 = {}, k1 = a1({
               default:
                 console.log(
                   "WebSocket middleware: Unhandled system message",
-                  D
+                  _
                 );
                 break;
             }
-          else if (D.type.startsWith("/event/")) {
-            const z = e.eventHandlers[D.type];
+          else if (_.type.startsWith("/event/")) {
+            const z = e.eventHandlers[_.type];
             z || console.log(
               "WebSocket middleware: No handlers found for event type",
-              D.type
-            ), z && Object.values(z).forEach((n1) => {
+              _.type
+            ), z && Object.values(z).forEach((s1) => {
               try {
-                n1(D);
-              } catch (C1) {
+                s1(_);
+              } catch (b1) {
                 console.error(
                   "WebSocket middleware: Event handler error",
-                  C1
+                  b1
                 );
               }
             });
-          } else D.type.startsWith("/room/") ? a(f1.setRoomState(D)) : D.type.startsWith("/device/") && a(g1.setDeviceState(D));
-        } catch (D) {
-          console.error("WebSocket middleware: Message handling error", D);
+          } else _.type.startsWith("/room/") ? u(w1.setRoomState(_)) : _.type.startsWith("/device/") && u(f1.setDeviceState(_));
+        } catch (_) {
+          console.error("WebSocket middleware: Message handling error", _);
         }
       }, e.waitingToReconnect = !1;
-    } catch (x) {
-      console.error("WebSocket middleware: Connection error", x), e.waitingToReconnect = !1, e.client = null;
+    } catch (Z) {
+      console.error("WebSocket middleware: Connection error", Z), e.waitingToReconnect = !1, e.client = null;
     }
-  }, h = () => {
+  }, v = () => {
     e.client && (console.log("WebSocket middleware: Disconnecting"), r(), e.client.close(4100, "Client requested disconnect"), e.client = null);
-  }, m = (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: a, clientId: x, content: Z })
+  }, f = (u, S, C) => {
+    const b = C(), y = b.runtimeConfig.websocket.isConnected, Z = b.runtimeConfig.roomData.clientId;
+    e.client && y ? e.client.send(
+      JSON.stringify({ type: u, clientId: Z, content: S })
     ) : console.warn("WebSocket middleware: Cannot send message - not connected");
-  }, M = (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(
+  }, w = (u, S, C) => {
+    e.eventHandlers[u] || (e.eventHandlers[u] = {}), e.eventHandlers[u][S] = C, console.log("WebSocket middleware: Event handler added", u, S);
+  }, x = (u, S) => {
+    e.eventHandlers[u] && (delete e.eventHandlers[u][S], console.log(
       "WebSocket middleware: Event handler removed",
-      a,
-      Z
+      u,
+      S
     ));
-  }, 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;
+  }, H = (u) => {
+    const S = u(), { gatewayAppPath: C } = S.appConfig.config, b = S.runtimeConfig.roomData.roomKey, y = S.runtimeConfig.roomData.systemUuid, Z = S.runtimeConfig.roomData.userCode, W = `${C}?uuid=${y}&roomKey=${b}`;
+    window.location.href = Z ? `${W}&Code=${Z}` : W;
   };
-  return (a) => (Z) => (j) => {
-    const C = Z(j);
-    if (!j || typeof j != "object" || !("type" in j))
-      return C;
-    const b = j;
+  return (u) => (S) => (C) => {
+    const b = S(C);
+    if (!C || typeof C != "object" || !("type" in C))
+      return b;
+    const y = C;
     return (async () => {
-      switch (b.type) {
+      switch (y.type) {
         case _3: {
           let W = new URLSearchParams(window.location.search).get("token");
-          W ? (console.log("WebSocket middleware: Saving token"), Ee(h3.uuid, W)) : (W = Re(h3.uuid), console.log("WebSocket middleware: Loading token")), e.token = W, await t(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();
+          v();
           break;
         case L3:
-          m(
-            b.payload.messageType,
-            b.payload.content,
-            a.getState
+          f(
+            y.payload.messageType,
+            y.payload.content,
+            u.getState
           );
           break;
         case $3:
-          M(
-            b.payload.eventType,
-            b.payload.key,
-            b.payload.callback
+          w(
+            y.payload.eventType,
+            y.payload.key,
+            y.payload.callback
           );
           break;
         case A3:
-          P(
-            b.payload.eventType,
-            b.payload.key
+          x(
+            y.payload.eventType,
+            y.payload.key
           );
           break;
         case B3:
-          H(a.getState);
+          H(u.getState);
           break;
         default:
-          if (j.type === U.setWebsocketIsConnected.type)
-            j.payload === !0 && (console.log(
+          if (C.type === U.setWebsocketIsConnected.type)
+            C.payload === !0 && (console.log(
               "[WebSocket Middleware] Connection established, requesting room status..."
-            ), setTimeout(() => v(a.getState), 100));
-          else if (j.type === U.setRoomData.type) {
-            const x = a.getState(), W = j.payload;
-            x.runtimeConfig.websocket.isConnected && (W != null && W.clientId) && (console.log(
+            ), setTimeout(() => a(u.getState), 100));
+          else if (C.type === U.setRoomData.type) {
+            const Z = u.getState(), W = C.payload;
+            Z.runtimeConfig.websocket.isConnected && (W != null && W.clientId) && (console.log(
               "[WebSocket Middleware] Room data received, requesting room status..."
-            ), setTimeout(() => v(a.getState), 100));
-          } else if (j.type === U.setCurrentRoomKey.type) {
-            const x = j.payload;
-            x && (console.log(
+            ), setTimeout(() => a(u.getState), 100));
+          } else if (C.type === U.setCurrentRoomKey.type) {
+            const Z = C.payload;
+            Z && (console.log(
               "[WebSocket Middleware] Room changed to:",
-              x,
+              Z,
               ", requesting room status..."
-            ), setTimeout(() => v(a.getState, x), 100));
+            ), setTimeout(() => a(u.getState, Z), 100));
           }
           break;
       }
-    })().catch((x) => {
-      console.error("WebSocket middleware: Error handling action", x);
-    }), C;
+    })().catch((Z) => {
+      console.error("WebSocket middleware: Error handling action", Z);
+    }), b;
   };
 }, ke = S2({
   appConfig: be,
@@ -768,7 +768,7 @@ function O6() {
     return !0;
   };
 }
-var w1 = { exports: {} }, r1 = {};
+var m1 = { exports: {} }, l1 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -780,19 +780,19 @@ var w1 = { exports: {} }, r1 = {};
  */
 var w3;
 function We() {
-  if (w3) return r1;
+  if (w3) return l1;
   w3 = 1;
   var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function v(u, h, m) {
-    var M, P = {}, H = null, a = null;
-    m !== void 0 && (H = "" + m), h.key !== void 0 && (H = "" + h.key), h.ref !== void 0 && (a = h.ref);
-    for (M in h) c.call(h, M) && !i.hasOwnProperty(M) && (P[M] = h[M]);
-    if (u && u.defaultProps) for (M in h = u.defaultProps, h) P[M] === void 0 && (P[M] = h[M]);
-    return { $$typeof: t, type: u, key: H, ref: a, props: P, _owner: r.current };
+  function a(g, v, f) {
+    var w, x = {}, H = null, u = null;
+    f !== void 0 && (H = "" + f), v.key !== void 0 && (H = "" + v.key), v.ref !== void 0 && (u = v.ref);
+    for (w in v) c.call(v, w) && !i.hasOwnProperty(w) && (x[w] = v[w]);
+    if (g && g.defaultProps) for (w in v = g.defaultProps, v) x[w] === void 0 && (x[w] = v[w]);
+    return { $$typeof: t, type: g, key: H, ref: u, props: x, _owner: r.current };
   }
-  return r1.Fragment = o, r1.jsx = v, r1.jsxs = v, r1;
+  return l1.Fragment = o, l1.jsx = a, l1.jsxs = a, l1;
 }
-var l1 = {};
+var i1 = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -802,49 +802,49 @@ var l1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var p3;
+var m3;
 function Ve() {
-  return p3 || (p3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), u = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), a = Symbol.for("react.offscreen"), Z = Symbol.iterator, j = "@@iterator";
-    function C(s) {
+  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"), a = Symbol.for("react.provider"), g = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), S = Symbol.iterator, C = "@@iterator";
+    function b(s) {
       if (s === null || typeof s != "object")
         return null;
-      var l = Z && s[Z] || s[j];
+      var l = S && s[S] || s[C];
       return typeof l == "function" ? l : null;
     }
-    var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function x(s) {
+    var y = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function Z(s) {
       {
-        for (var l = arguments.length, d = new Array(l > 1 ? l - 1 : 0), w = 1; w < l; w++)
-          d[w - 1] = arguments[w];
+        for (var l = arguments.length, d = new Array(l > 1 ? l - 1 : 0), p = 1; p < l; p++)
+          d[p - 1] = arguments[p];
         W("error", s, d);
       }
     }
     function W(s, l, d) {
       {
-        var w = b.ReactDebugCurrentFrame, E = w.getStackAddendum();
-        E !== "" && (l += "%s", d = d.concat([E]));
-        var T = d.map(function(y) {
-          return String(y);
+        var p = y.ReactDebugCurrentFrame, T = p.getStackAddendum();
+        T !== "" && (l += "%s", d = d.concat([T]));
+        var D = d.map(function(I) {
+          return String(I);
         });
-        T.unshift("Warning: " + l), Function.prototype.apply.call(console[s], console, T);
+        D.unshift("Warning: " + l), Function.prototype.apply.call(console[s], console, D);
       }
     }
-    var j1 = !1, K = !1, B = !1, D = !1, z = !1, n1;
-    n1 = Symbol.for("react.module.reference");
-    function C1(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === c || s === i || z || s === r || s === m || s === M || D || s === a || j1 || K || B || typeof s == "object" && s !== null && (s.$$typeof === H || s.$$typeof === P || s.$$typeof === v || s.$$typeof === u || s.$$typeof === h || // This needs to include all possible module reference object
+    var C1 = !1, K = !1, B = !1, _ = !1, z = !1, s1;
+    s1 = Symbol.for("react.module.reference");
+    function b1(s) {
+      return !!(typeof s == "string" || typeof s == "function" || s === c || s === i || z || s === r || s === f || s === w || _ || s === u || C1 || K || B || typeof s == "object" && s !== null && (s.$$typeof === H || s.$$typeof === x || s.$$typeof === a || s.$$typeof === g || s.$$typeof === v || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      s.$$typeof === n1 || s.getModuleId !== void 0));
+      s.$$typeof === s1 || s.getModuleId !== void 0));
     }
     function U3(s, l, d) {
-      var w = s.displayName;
-      if (w)
-        return w;
-      var E = l.displayName || l.name || "";
-      return E !== "" ? d + "(" + E + ")" : d;
+      var p = s.displayName;
+      if (p)
+        return p;
+      var T = l.displayName || l.name || "";
+      return T !== "" ? d + "(" + T + ")" : d;
     }
     function U1(s) {
       return s.displayName || "Context";
@@ -852,7 +852,7 @@ function Ve() {
     function J(s) {
       if (s == null)
         return null;
-      if (typeof s.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
+      if (typeof s.tag == "number" && Z("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
         return s.displayName || s.name || null;
       if (typeof s == "string")
         return s;
@@ -865,28 +865,28 @@ function Ve() {
           return "Profiler";
         case r:
           return "StrictMode";
-        case m:
+        case f:
           return "Suspense";
-        case M:
+        case w:
           return "SuspenseList";
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
-          case u:
+          case g:
             var l = s;
             return U1(l) + ".Consumer";
-          case v:
+          case a:
             var d = s;
             return U1(d._context) + ".Provider";
-          case h:
+          case v:
             return U3(s, s.render, "ForwardRef");
-          case P:
-            var w = s.displayName || null;
-            return w !== null ? w : J(s.type) || "Memo";
+          case x:
+            var p = s.displayName || null;
+            return p !== null ? p : J(s.type) || "Memo";
           case H: {
-            var E = s, T = E._payload, y = E._init;
+            var T = s, D = T._payload, I = T._init;
             try {
-              return J(y(T));
+              return J(I(D));
             } catch {
               return null;
             }
@@ -894,13 +894,13 @@ function Ve() {
         }
       return null;
     }
-    var X = Object.assign, o1 = 0, H1, F1, K1, q1, G1, Y1, z1;
+    var X = Object.assign, c1 = 0, H1, F1, K1, q1, G1, Y1, z1;
     function J1() {
     }
     J1.__reactDisabledLog = !0;
     function H3() {
       {
-        if (o1 === 0) {
+        if (c1 === 0) {
           H1 = console.log, F1 = console.info, K1 = console.warn, q1 = console.error, G1 = console.group, Y1 = console.groupCollapsed, z1 = console.groupEnd;
           var s = {
             configurable: !0,
@@ -918,12 +918,12 @@ function Ve() {
             groupEnd: s
           });
         }
-        o1++;
+        c1++;
       }
     }
     function F3() {
       {
-        if (o1--, o1 === 0) {
+        if (c1--, c1 === 0) {
           var s = {
             configurable: !0,
             enumerable: !0,
@@ -953,98 +953,98 @@ function Ve() {
             })
           });
         }
-        o1 < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        c1 < 0 && Z("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var b1 = b.ReactCurrentDispatcher, y1;
-    function u1(s, l, d) {
+    var y1 = y.ReactCurrentDispatcher, I1;
+    function d1(s, l, d) {
       {
-        if (y1 === void 0)
+        if (I1 === void 0)
           try {
             throw Error();
-          } catch (E) {
-            var w = E.stack.trim().match(/\n( *(at )?)/);
-            y1 = w && w[1] || "";
+          } catch (T) {
+            var p = T.stack.trim().match(/\n( *(at )?)/);
+            I1 = p && p[1] || "";
           }
         return `
-` + y1 + s;
+` + I1 + s;
       }
     }
-    var I1 = !1, d1;
+    var R1 = !1, v1;
     {
       var K3 = typeof WeakMap == "function" ? WeakMap : Map;
-      d1 = new K3();
+      v1 = new K3();
     }
     function X1(s, l) {
-      if (!s || I1)
+      if (!s || R1)
         return "";
       {
-        var d = d1.get(s);
+        var d = v1.get(s);
         if (d !== void 0)
           return d;
       }
-      var w;
-      I1 = !0;
-      var E = Error.prepareStackTrace;
+      var p;
+      R1 = !0;
+      var T = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var T;
-      T = b1.current, b1.current = null, H3();
+      var D;
+      D = y1.current, y1.current = null, H3();
       try {
         if (l) {
-          var y = function() {
+          var I = function() {
             throw Error();
           };
-          if (Object.defineProperty(y.prototype, "props", {
+          if (Object.defineProperty(I.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(y, []);
+              Reflect.construct(I, []);
             } catch (V) {
-              w = V;
+              p = V;
             }
-            Reflect.construct(s, [], y);
+            Reflect.construct(s, [], I);
           } else {
             try {
-              y.call();
+              I.call();
             } catch (V) {
-              w = V;
+              p = V;
             }
-            s.call(y.prototype);
+            s.call(I.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (V) {
-            w = V;
+            p = V;
           }
           s();
         }
       } catch (V) {
-        if (V && w && typeof V.stack == "string") {
-          for (var S = V.stack.split(`
-`), k = w.stack.split(`
-`), L = S.length - 1, $ = k.length - 1; L >= 1 && $ >= 0 && S[L] !== k[$]; )
+        if (V && p && typeof V.stack == "string") {
+          for (var j = V.stack.split(`
+`), k = p.stack.split(`
+`), L = j.length - 1, $ = k.length - 1; L >= 1 && $ >= 0 && j[L] !== k[$]; )
             $--;
           for (; L >= 1 && $ >= 0; L--, $--)
-            if (S[L] !== k[$]) {
+            if (j[L] !== k[$]) {
               if (L !== 1 || $ !== 1)
                 do
-                  if (L--, $--, $ < 0 || S[L] !== k[$]) {
+                  if (L--, $--, $ < 0 || j[L] !== k[$]) {
                     var F = `
-` + S[L].replace(" at new ", " at ");
-                    return s.displayName && F.includes("<anonymous>") && (F = F.replace("<anonymous>", s.displayName)), typeof s == "function" && d1.set(s, F), F;
+` + j[L].replace(" at new ", " at ");
+                    return s.displayName && F.includes("<anonymous>") && (F = F.replace("<anonymous>", s.displayName)), typeof s == "function" && v1.set(s, F), F;
                   }
                 while (L >= 1 && $ >= 0);
               break;
             }
         }
       } finally {
-        I1 = !1, b1.current = T, F3(), Error.prepareStackTrace = E;
+        R1 = !1, y1.current = D, F3(), Error.prepareStackTrace = T;
       }
-      var t1 = s ? s.displayName || s.name : "", Q = t1 ? u1(t1) : "";
-      return typeof s == "function" && d1.set(s, Q), Q;
+      var t1 = s ? s.displayName || s.name : "", Q = t1 ? d1(t1) : "";
+      return typeof s == "function" && v1.set(s, Q), Q;
     }
     function q3(s, l, d) {
       return X1(s, !1);
@@ -1053,64 +1053,64 @@ function Ve() {
       var l = s.prototype;
       return !!(l && l.isReactComponent);
     }
-    function v1(s, l, d) {
+    function h1(s, l, d) {
       if (s == null)
         return "";
       if (typeof s == "function")
         return X1(s, G3(s));
       if (typeof s == "string")
-        return u1(s);
+        return d1(s);
       switch (s) {
-        case m:
-          return u1("Suspense");
-        case M:
-          return u1("SuspenseList");
+        case f:
+          return d1("Suspense");
+        case w:
+          return d1("SuspenseList");
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
-          case h:
+          case v:
             return q3(s.render);
-          case P:
-            return v1(s.type, l, d);
+          case x:
+            return h1(s.type, l, d);
           case H: {
-            var w = s, E = w._payload, T = w._init;
+            var p = s, T = p._payload, D = p._init;
             try {
-              return v1(T(E), l, d);
+              return h1(D(T), l, d);
             } catch {
             }
           }
         }
       return "";
     }
-    var s1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = b.ReactDebugCurrentFrame;
-    function h1(s) {
+    var r1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = y.ReactDebugCurrentFrame;
+    function g1(s) {
       if (s) {
-        var l = s._owner, d = v1(s.type, s._source, l ? l.type : null);
+        var l = s._owner, d = h1(s.type, s._source, l ? l.type : null);
         N1.setExtraStackFrame(d);
       } else
         N1.setExtraStackFrame(null);
     }
-    function Y3(s, l, d, w, E) {
+    function Y3(s, l, d, p, T) {
       {
-        var T = Function.call.bind(s1);
-        for (var y in s)
-          if (T(s, y)) {
-            var S = void 0;
+        var D = Function.call.bind(r1);
+        for (var I in s)
+          if (D(s, I)) {
+            var j = void 0;
             try {
-              if (typeof s[y] != "function") {
-                var k = Error((w || "React class") + ": " + d + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof s[I] != "function") {
+                var k = Error((p || "React class") + ": " + d + " type `" + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[I] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw k.name = "Invariant Violation", k;
               }
-              S = s[y](l, y, w, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              j = s[I](l, I, p, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (L) {
-              S = L;
+              j = L;
             }
-            S && !(S instanceof Error) && (h1(E), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", d, y, typeof S), h1(null)), S instanceof Error && !(S.message in Q1) && (Q1[S.message] = !0, h1(E), x("Failed %s type: %s", d, S.message), h1(null));
+            j && !(j instanceof Error) && (g1(T), Z("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", d, I, typeof j), g1(null)), j instanceof Error && !(j.message in Q1) && (Q1[j.message] = !0, g1(T), Z("Failed %s type: %s", d, j.message), g1(null));
           }
       }
     }
     var z3 = Array.isArray;
-    function R1(s) {
+    function E1(s) {
       return z3(s);
     }
     function J3(s) {
@@ -1131,16 +1131,16 @@ function Ve() {
     }
     function t3(s) {
       if (X3(s))
-        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", J3(s)), e3(s);
+        return Z("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", J3(s)), e3(s);
     }
-    var n3 = b.ReactCurrentOwner, Q3 = {
+    var n3 = y.ReactCurrentOwner, Q3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, o3, s3;
     function N3(s) {
-      if (s1.call(s, "ref")) {
+      if (r1.call(s, "ref")) {
         var l = Object.getOwnPropertyDescriptor(s, "ref").get;
         if (l && l.isReactWarning)
           return !1;
@@ -1148,7 +1148,7 @@ function Ve() {
       return s.ref !== void 0;
     }
     function e2(s) {
-      if (s1.call(s, "key")) {
+      if (r1.call(s, "key")) {
         var l = Object.getOwnPropertyDescriptor(s, "key").get;
         if (l && l.isReactWarning)
           return !1;
@@ -1161,7 +1161,7 @@ function Ve() {
     function n2(s, l) {
       {
         var d = function() {
-          o3 || (o3 = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+          o3 || (o3 = !0, Z("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
         };
         d.isReactWarning = !0, Object.defineProperty(s, "key", {
           get: d,
@@ -1172,7 +1172,7 @@ function Ve() {
     function o2(s, l) {
       {
         var d = function() {
-          s3 || (s3 = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+          s3 || (s3 = !0, Z("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
         };
         d.isReactWarning = !0, Object.defineProperty(s, "ref", {
           get: d,
@@ -1180,70 +1180,70 @@ function Ve() {
         });
       }
     }
-    var s2 = function(s, l, d, w, E, T, y) {
-      var S = {
+    var s2 = function(s, l, d, p, T, D, I) {
+      var j = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: s,
         key: l,
         ref: d,
-        props: y,
+        props: I,
         // Record the component responsible for creating this element.
-        _owner: T
+        _owner: D
       };
-      return S._store = {}, Object.defineProperty(S._store, "validated", {
+      return j._store = {}, Object.defineProperty(j._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(S, "_self", {
+      }), Object.defineProperty(j, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: w
-      }), Object.defineProperty(S, "_source", {
+        value: p
+      }), Object.defineProperty(j, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: E
-      }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
+        value: T
+      }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
     };
-    function c2(s, l, d, w, E) {
+    function c2(s, l, d, p, T) {
       {
-        var T, y = {}, S = null, k = null;
-        d !== void 0 && (t3(d), S = "" + d), e2(l) && (t3(l.key), S = "" + l.key), N3(l) && (k = l.ref, t2(l, E));
-        for (T in l)
-          s1.call(l, T) && !Q3.hasOwnProperty(T) && (y[T] = l[T]);
+        var D, I = {}, j = null, k = null;
+        d !== void 0 && (t3(d), j = "" + d), e2(l) && (t3(l.key), j = "" + l.key), N3(l) && (k = l.ref, t2(l, T));
+        for (D in l)
+          r1.call(l, D) && !Q3.hasOwnProperty(D) && (I[D] = l[D]);
         if (s && s.defaultProps) {
           var L = s.defaultProps;
-          for (T in L)
-            y[T] === void 0 && (y[T] = L[T]);
+          for (D in L)
+            I[D] === void 0 && (I[D] = L[D]);
         }
-        if (S || k) {
+        if (j || k) {
           var $ = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          S && n2(y, $), k && o2(y, $);
+          j && n2(I, $), k && o2(I, $);
         }
-        return s2(s, S, k, E, w, n3.current, y);
+        return s2(s, j, k, T, p, n3.current, I);
       }
     }
-    var E1 = b.ReactCurrentOwner, c3 = b.ReactDebugCurrentFrame;
+    var T1 = y.ReactCurrentOwner, c3 = y.ReactDebugCurrentFrame;
     function e1(s) {
       if (s) {
-        var l = s._owner, d = v1(s.type, s._source, l ? l.type : null);
+        var l = s._owner, d = h1(s.type, s._source, l ? l.type : null);
         c3.setExtraStackFrame(d);
       } else
         c3.setExtraStackFrame(null);
     }
-    var T1;
-    T1 = !1;
-    function D1(s) {
+    var D1;
+    D1 = !1;
+    function _1(s) {
       return typeof s == "object" && s !== null && s.$$typeof === t;
     }
     function r3() {
       {
-        if (E1.current) {
-          var s = J(E1.current.type);
+        if (T1.current) {
+          var s = J(T1.current.type);
           if (s)
             return `
@@ -1277,26 +1277,26 @@ Check the top-level render call using <` + d + ">.");
         if (l3[d])
           return;
         l3[d] = !0;
-        var w = "";
-        s && s._owner && s._owner !== E1.current && (w = " It was passed a child from " + J(s._owner.type) + "."), e1(s), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, w), e1(null);
+        var p = "";
+        s && s._owner && s._owner !== T1.current && (p = " It was passed a child from " + J(s._owner.type) + "."), e1(s), Z('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, p), e1(null);
       }
     }
     function a3(s, l) {
       {
         if (typeof s != "object")
           return;
-        if (R1(s))
+        if (E1(s))
           for (var d = 0; d < s.length; d++) {
-            var w = s[d];
-            D1(w) && i3(w, l);
+            var p = s[d];
+            _1(p) && i3(p, l);
           }
-        else if (D1(s))
+        else if (_1(s))
           s._store && (s._store.validated = !0);
         else if (s) {
-          var E = C(s);
-          if (typeof E == "function" && E !== s.entries)
-            for (var T = E.call(s), y; !(y = T.next()).done; )
-              D1(y.value) && i3(y.value, l);
+          var T = b(s);
+          if (typeof T == "function" && T !== s.entries)
+            for (var D = T.call(s), I; !(I = D.next()).done; )
+              _1(I.value) && i3(I.value, l);
         }
       }
     }
@@ -1308,75 +1308,75 @@ Check the top-level render call using <` + d + ">.");
         var d;
         if (typeof l == "function")
           d = l.propTypes;
-        else if (typeof l == "object" && (l.$$typeof === h || // Note: Memo only checks outer props here.
+        else if (typeof l == "object" && (l.$$typeof === v || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        l.$$typeof === P))
+        l.$$typeof === x))
           d = l.propTypes;
         else
           return;
         if (d) {
-          var w = J(l);
-          Y3(d, s.props, "prop", w, s);
-        } else if (l.PropTypes !== void 0 && !T1) {
-          T1 = !0;
-          var E = J(l);
-          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
-        }
-        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+          var p = J(l);
+          Y3(d, s.props, "prop", p, s);
+        } else if (l.PropTypes !== void 0 && !D1) {
+          D1 = !0;
+          var T = J(l);
+          Z("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", T || "Unknown");
+        }
+        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && Z("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function a2(s) {
       {
         for (var l = Object.keys(s.props), d = 0; d < l.length; d++) {
-          var w = l[d];
-          if (w !== "children" && w !== "key") {
-            e1(s), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), e1(null);
+          var p = l[d];
+          if (p !== "children" && p !== "key") {
+            e1(s), Z("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), e1(null);
             break;
           }
         }
-        s.ref !== null && (e1(s), x("Invalid attribute `ref` supplied to `React.Fragment`."), e1(null));
+        s.ref !== null && (e1(s), Z("Invalid attribute `ref` supplied to `React.Fragment`."), e1(null));
       }
     }
     var u3 = {};
-    function d3(s, l, d, w, E, T) {
+    function d3(s, l, d, p, T, D) {
       {
-        var y = 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 I = b1(s);
+        if (!I) {
+          var j = "";
+          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (j += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var k = r2();
-          k ? S += k : S += r3();
+          k ? j += k : j += r3();
           var L;
-          s === null ? L = "null" : R1(s) ? L = "array" : s !== void 0 && s.$$typeof === t ? (L = "<" + (J(s.type) || "Unknown") + " />", S = " Did you accidentally export a JSX literal instead of a component?") : L = typeof s, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, S);
+          s === null ? L = "null" : E1(s) ? L = "array" : s !== void 0 && s.$$typeof === t ? (L = "<" + (J(s.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : L = typeof s, Z("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, j);
         }
-        var $ = c2(s, l, d, E, T);
+        var $ = c2(s, l, d, T, D);
         if ($ == null)
           return $;
-        if (y) {
+        if (I) {
           var F = l.children;
           if (F !== void 0)
-            if (w)
-              if (R1(F)) {
+            if (p)
+              if (E1(F)) {
                 for (var t1 = 0; t1 < F.length; t1++)
                   a3(F[t1], s);
                 Object.freeze && Object.freeze(F);
               } else
-                x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                Z("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               a3(F, s);
         }
-        if (s1.call(l, "key")) {
+        if (r1.call(l, "key")) {
           var Q = J(s), V = Object.keys(l).filter(function(f2) {
             return f2 !== "key";
-          }), _1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!u3[Q + _1]) {
+          }), P1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!u3[Q + P1]) {
             var g2 = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
-            x(`A props object containing a "key" prop is being spread into JSX:
+            Z(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, _1, Q, g2, Q), u3[Q + _1] = !0;
+  <%s key={someKey} {...props} />`, P1, Q, g2, Q), u3[Q + P1] = !0;
           }
         }
         return s === c ? a2($) : i2($), $;
@@ -1389,18 +1389,18 @@ React keys must be passed directly to JSX without using spread:
       return d3(s, l, d, !1);
     }
     var v2 = d2, h2 = u2;
-    l1.Fragment = c, l1.jsx = v2, l1.jsxs = h2;
-  }()), l1;
+    i1.Fragment = c, i1.jsx = v2, i1.jsxs = h2;
+  }()), i1;
 }
-var m3;
+var p3;
 function Ue() {
-  return m3 || (m3 = 1, process.env.NODE_ENV === "production" ? w1.exports = We() : w1.exports = Ve()), w1.exports;
+  return p3 || (p3 = 1, process.env.NODE_ENV === "production" ? m1.exports = We() : m1.exports = Ve()), m1.exports;
 }
 var n = Ue();
 const He = "_mwfit_ppa3l_1", Fe = {
   mwfit: He
 }, Ke = () => {
-  const { reconnect: e } = R(), t = I3(), o = Me(), c = xe();
+  const { reconnect: e } = E(), t = I3(), o = Me(), c = xe();
   return /* @__PURE__ */ n.jsxs("div", { className: "vh-100 d-flex flex-column flex-grow-1 justify-content-center align-items-center gap-5 ", children: [
     /* @__PURE__ */ n.jsxs("div", { className: `${Fe.mwfit} mx-auto text-center`, children: [
       t === void 0 ? /* @__PURE__ */ n.jsx("h2", { children: "Connecting..." }) : /* @__PURE__ */ n.jsx("h2", { children: "Disconnected" }),
@@ -1416,30 +1416,30 @@ const He = "_mwfit_ppa3l_1", Fe = {
   reconnect: () => null
 }), qe = ({ children: e }) => {
   const t = W1(), o = I3();
-  m1(() => {
+  x1(() => {
     t(k3());
   }, [t]);
-  const c = c1(
-    (h, m) => {
-      t(Pe(h, m));
+  const c = n1(
+    (v, f) => {
+      t(Pe(v, f));
     },
     [t]
-  ), r = c1(
-    (h, m) => {
-      c(h, { value: m });
+  ), r = n1(
+    (v, f) => {
+      c(v, { value: f });
     },
     [c]
-  ), i = c1(
-    (h, m, M) => {
-      t(Le(h, m, M));
+  ), i = n1(
+    (v, f, w) => {
+      t(Le(v, f, w));
     },
     [t]
-  ), v = c1(
-    (h, m) => {
-      t($e(h, m));
+  ), a = n1(
+    (v, f) => {
+      t($e(v, f));
     },
     [t]
-  ), u = c1(() => {
+  ), g = n1(() => {
     t(Ae());
   }, [t]);
   return /* @__PURE__ */ n.jsx(
@@ -1449,14 +1449,14 @@ const He = "_mwfit_ppa3l_1", Fe = {
         sendMessage: c,
         sendSimpleMessage: r,
         addEventHandler: i,
-        removeEventHandler: v,
-        reconnect: u
+        removeEventHandler: a,
+        reconnect: g
       },
       children: o ? e : /* @__PURE__ */ n.jsx(Ke, {})
     }
   );
 }, W6 = ({ children: e }) => /* @__PURE__ */ n.jsx(Z2, { store: Oe, children: /* @__PURE__ */ n.jsx(qe, { children: e }) });
-function R() {
+function E() {
   return b2(O3);
 }
 function Ge({
@@ -1465,55 +1465,55 @@ function Ge({
   onHold: o,
   holdTimeMs: c = 500
 }) {
-  const r = A1(null), i = A1(!1);
-  function v() {
+  const r = M1(null), i = M1(!1);
+  function a() {
     i.current = !0, e == null || e(), r.current = setTimeout(() => {
       o == null || o(), r.current = null;
     }, c);
   }
-  function u() {
+  function g() {
     i.current = !1, t == null || t(), r.current && (clearTimeout(r.current), r.current = null);
   }
-  function h() {
-    i.current && u();
+  function v() {
+    i.current && g();
   }
   return {
-    onPointerDown: v,
-    onPointerUp: u,
-    onPointerLeave: h
+    onPointerDown: a,
+    onPointerUp: g,
+    onPointerLeave: v
   };
 }
-function g(e, t) {
-  const { sendMessage: c } = R(), r = A1(null);
+function h(e, t) {
+  const { sendMessage: c } = E(), r = M1(null);
   function i() {
     c(`${e}/${t}`, { value: "pressed" }), r.current || (r.current = setInterval(() => {
       c(`${e}/${t}`, { value: "held" });
     }, 250));
   }
-  function v() {
+  function a() {
     r.current && (clearInterval(r.current), r.current = null), c(`${e}/${t}`, { value: "released" });
   }
-  return Ge({ onPress: i, onRelease: v });
+  return Ge({ onPress: i, onRelease: a });
 }
-function S1(e) {
-  const { sendMessage: t } = R(), o = g(`${e}`, "volumeUp"), c = g(`${e}`, "volumeDown");
-  return M1(() => ({
+function j1(e) {
+  const { sendMessage: t } = E(), o = h(`${e}`, "volumeUp"), c = h(`${e}`, "volumeDown");
+  return o1(() => ({
     volumeUp: o,
     volumeDown: c,
     muteToggle: () => t(`${e}/muteToggle`, null)
   }), [e, t, o, c]);
 }
 function V6(e) {
-  const { sendMessage: t } = R(), o = g(`${e}`, "volumeUp"), c = g(`${e}`, "volumeDown");
-  return M1(() => ({
+  const { sendMessage: t } = E(), o = h(`${e}`, "volumeUp"), c = h(`${e}`, "volumeDown");
+  return o1(() => ({
     volumeUp: o,
     volumeDown: c,
     muteToggle: () => t(`${e}/muteToggle`, null)
   }), [e, t, o, c]);
 }
 function W3(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = R(), r = S1(e);
-  return M1(() => {
+  const { sendMessage: o, sendSimpleMessage: c } = E(), r = j1(e);
+  return o1(() => {
     if (!r) {
       console.log("baseVolume is undefined");
       return;
@@ -1525,15 +1525,15 @@ function W3(e, t) {
     return {
       ...r,
       volumeState: t,
-      setLevel: (h) => c(`${e}/level`, h),
+      setLevel: (v) => c(`${e}/level`, v),
       muteOn: () => o(`${e}/muteOn`, null),
       muteOff: () => o(`${e}/muteOff`, null)
     };
   }, [r, t, e, o, c]);
 }
 function U6(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = R(), r = S1(e);
-  return M1(() => {
+  const { sendMessage: o, sendSimpleMessage: c } = E(), r = j1(e);
+  return o1(() => {
     if (!r) {
       console.log("baseVolume is undefined");
       return;
@@ -1545,18 +1545,21 @@ function U6(e, t) {
     return {
       ...r,
       volumeState: t,
-      setLevel: (h) => c(`${e}/level`, h),
+      setLevel: (v) => c(`${e}/level`, v),
       muteOn: () => o(`${e}/muteOn`, null),
       muteOff: () => o(`${e}/muteOff`, null)
     };
   }, [r, t, e, o, c]);
 }
 function Ye(e) {
-  const t = _(e), o = `/device/${e}`;
-  return W3(o, t == null ? void 0 : t.volume);
+  const t = P(e), o = `/device/${e}`, c = o1(() => {
+    if (t)
+      return t.volume;
+  }, [t]);
+  return W3(o, c);
 }
 function V3(e) {
-  const { sendMessage: t } = R();
+  const { sendMessage: t } = E();
   return { powerOn: () => {
     t(`/device/${e}/powerOn`, null);
   }, powerOff: () => {
@@ -1566,37 +1569,37 @@ function V3(e) {
   } };
 }
 function O1(e) {
-  const { sendMessage: t } = R(), o = _(e);
+  const { sendMessage: t } = E(), o = P(e);
   return console.log("deviceState", o), o ? { itemsState: o, selectItem: (r) => {
     t(`/device/${e}/${r}`, null);
   } } : void 0;
 }
 function ze(e) {
-  const { sendMessage: t } = R(), o = _(e), c = () => {
+  const { sendMessage: t } = E(), o = P(e), c = () => {
     t(`/device/${e}/setDefaultChannelLevels`, null);
   }, r = () => {
     if ((o == null ? void 0 : o.levelControls) === void 0) return;
-    Object.keys(o == null ? void 0 : o.levelControls).forEach((u) => {
-      t(`/device/${e}/${u}/fullStatus`, null);
+    Object.keys(o == null ? void 0 : o.levelControls).forEach((g) => {
+      t(`/device/${e}/${g}/fullStatus`, null);
     });
   };
   return o ? { levelControls: o.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
 }
 function H6(e) {
-  const t = _(e), o = V3(e), c = O1(e), r = O1(e), i = Ye(e), v = ze(e);
+  const t = P(e), o = V3(e), c = O1(e), r = O1(e), i = Ye(e), a = ze(e);
   if (t)
     return {
       avrState: t,
       powerControl: o,
       inputControl: c,
       surroundSoundModes: r,
-      surroundChannels: v,
+      surroundChannels: a,
       mainVolumeControl: i
     };
 }
 const F6 = ({ className: e }) => {
   const [t, o] = Y();
-  return m1(() => {
+  return x1(() => {
     setInterval(() => {
       const c = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
       o(c);
@@ -1607,58 +1610,58 @@ const F6 = ({ className: e }) => {
   ] });
 };
 function K6(e) {
-  const { sendMessage: t } = R(), o = _(e), c = `/device/${e}`;
-  return o ? { state: o, recallPreset: (v, u) => {
-    t(`${c}/presets/recall`, { deviceKey: v, preset: u });
-  }, savePresets: (v) => {
-    t(`${c}/presets/save`, v);
+  const { sendMessage: t } = E(), o = P(e), c = `/device/${e}`;
+  return o ? { state: o, recallPreset: (a, g) => {
+    t(`${c}/presets/recall`, { deviceKey: a, preset: g });
+  }, savePresets: (a) => {
+    t(`${c}/presets/save`, a);
   } } : void 0;
 }
 function q6(e) {
-  const t = _(e);
+  const t = P(e);
   if (t)
     return { endpointState: t };
 }
 function G6(e) {
-  const t = `/device/${e}`, o = 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"), a = h(t, "info"), g = h(t, "exit");
+  return { channelUp: o, channelDown: c, lastChannel: r, guide: i, info: a, exit: g };
 }
 function Y6(e) {
-  const t = `/device/${e}`, o = 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) {
-  const t = _(e);
+  const t = P(e);
   if (t)
     return {
       communicationMonitorState: t
     };
 }
 function J6(e) {
-  const t = _(e);
+  const t = P(e);
   if (t)
     return t.deviceInfo || void 0;
 }
 function X6(e) {
-  const t = `/device/${e}`, o = 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"), a = h(t, "select"), g = h(t, "menu"), v = h(t, "exit");
+  return { up: o, down: c, left: r, right: i, select: a, menu: g, exit: v };
 }
 function Q6(e) {
-  const { sendMessage: t } = R(), o = `/device/${e}`, c = _(e), r = 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 } = E(), o = `/device/${e}`, c = P(e), r = h(o, "cameraUp"), i = h(o, "cameraDown"), a = h(o, "cameraLeft"), g = h(o, "cameraRight"), v = h(o, "cameraZoomIn"), f = h(o, "cameraZoomOut"), w = (x) => t("/camera/recallPreset", x);
   if (c)
     return {
       state: c,
-      zoomIn: h,
-      zoomOut: m,
+      zoomIn: v,
+      zoomOut: f,
       up: r,
       down: i,
-      left: v,
-      right: u,
-      recallPreset: M
+      left: a,
+      right: g,
+      recallPreset: w
     };
 }
 function N6(e) {
-  const { sendMessage: t } = R();
+  const { sendMessage: t } = E();
   return { recallPreset: (c) => {
     t(
       `/device/${e}/recallPreset`,
@@ -1667,25 +1670,25 @@ 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) {
-  const { sendMessage: t } = R(), o = _(e);
+  const { sendMessage: t } = E(), o = P(e);
   return o ? { roomCombinerState: o, setAutoMode: () => {
     t(`/device/${e}/setAutoMode`, null);
   }, setManualMode: () => {
     t(`/device/${e}/setManualMode`, null);
   }, toggleMode: () => {
     t(`/device/${e}/toggleMode`, null);
-  }, togglePartitionState: (h) => {
-    t(`/device/${e}/togglePartitionState`, h);
-  }, setRoomCombinationScenario: (h) => {
-    t(`/device/${e}/setRoomCombinationScenario`, h);
+  }, togglePartitionState: (v) => {
+    t(`/device/${e}/togglePartitionState`, v);
+  }, setRoomCombinationScenario: (v) => {
+    t(`/device/${e}/setRoomCombinationScenario`, v);
   } } : void 0;
 }
 function nt(e) {
-  const { sendMessage: t } = R(), o = `/device/${e}`, c = _(e);
+  const { sendMessage: t } = E(), o = `/device/${e}`, c = P(e);
   return c ? {
     state: c,
     selectCamera: (i) => {
@@ -1694,57 +1697,57 @@ function nt(e) {
   } : void 0;
 }
 function ot(e) {
-  const t = _(e);
+  const t = P(e);
   if (t)
     return { state: t };
 }
 function st(e) {
-  const { sendMessage: t, sendSimpleMessage: o } = R(), c = _(e), r = ne(e), i = c || r;
+  const { sendMessage: t, sendSimpleMessage: o } = E(), c = P(e), r = ne(e), i = c || r;
   return i ? {
     levelState: i,
-    setLevel: (M, P) => o(`${M}/level`, P),
-    muteToggle: (M) => t(`${M}/muteToggle`, null),
-    muteOn: (M) => t(`${M}/muteOn`, null),
-    muteOff: (M) => t(`${M}/muteOff`, null)
+    setLevel: (w, x) => o(`${w}/level`, x),
+    muteToggle: (w) => t(`${w}/muteToggle`, null),
+    muteOn: (w) => t(`${w}/muteOn`, null),
+    muteOff: (w) => t(`${w}/muteOff`, null)
   } : void 0;
 }
 function ct(e) {
-  const { sendMessage: t } = R(), o = _(e);
+  const { sendMessage: t } = E(), o = P(e);
   return o ? { lightingState: o, selectScene: (r) => {
     t(`/device/${e}/selectScene`, r);
   } } : void 0;
 }
 function rt(e) {
-  const { sendMessage: t } = R(), o = _(e);
+  const { sendMessage: t } = E(), o = P(e);
   return o ? { matrixRoutingState: o, setRoute: (r) => {
     t(`/device/${e}/route`, r);
   } } : void 0;
 }
 function lt(e) {
-  const { sendMessage: t } = R();
+  const { sendMessage: t } = E();
   return { closeApp: () => {
     t(`/device/${e}/closeWebViewController`, null);
   } };
 }
 function it(e) {
-  const t = `/device/${e}`, o = 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"), a = h(t, "num4"), g = h(t, "num5"), v = h(t, "num6"), f = h(t, "num7"), w = h(t, "num8"), x = h(t, "num9"), H = h(t, "numDash"), u = h(t, "numEnter");
   return {
     digit0: o,
     digit1: c,
     digit2: r,
     digit3: i,
-    digit4: v,
-    digit5: u,
-    digit6: h,
-    digit7: m,
-    digit8: M,
-    digit9: P,
+    digit4: a,
+    digit5: g,
+    digit6: v,
+    digit7: f,
+    digit8: w,
+    digit9: x,
     keypadAccessoryButton1: H,
-    keypadAccessoryButton2: a
+    keypadAccessoryButton2: u
   };
 }
 function at(e) {
-  const { sendMessage: t } = R(), o = _(e);
+  const { sendMessage: t } = E(), o = P(e);
   return o ? { projectorScreenLiftControlState: o, raise: () => {
     t(`/device/${e}/raise`, null);
   }, lower: () => {
@@ -1752,35 +1755,35 @@ function at(e) {
   } } : void 0;
 }
 function ut(e) {
-  const { sendMessage: t } = R(), o = Z1(e);
+  const { sendMessage: t } = E(), o = S1(e);
   return o ? { roomEventScheduleState: o, save: (r) => {
     t(`/room/${e}/saveScheduledEvents`, r);
   } } : void 0;
 }
 function dt(e) {
-  const { sendMessage: t } = R();
+  const { sendMessage: t } = E();
   return { runDefaultPresentRoute: () => {
     t(`/room/${e}/defaultsource`, {});
   } };
 }
 function vt(e) {
-  const { sendMessage: t } = R();
+  const { sendMessage: t } = E();
   return { runDirectRoute: (c) => {
     t(`/room/${e}/directRoute`, c);
   } };
 }
 function ht(e) {
-  const { sendMessage: t } = R();
-  return { routingState: _(e), runRoute: (r) => {
+  const { sendMessage: t } = E();
+  return { routingState: P(e), runRoute: (r) => {
     t(`/room/${e}/source`, r);
   } };
 }
 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) {
-  const { sendMessage: t } = R(), o = _(e);
+  const { sendMessage: t } = E(), o = P(e);
   return o ? { shadeState: o, shadeUp: () => {
     t(`/device/${e}/shadeUp`, null);
   }, shadeDown: () => {
@@ -1790,9 +1793,9 @@ function ft(e) {
   } } : void 0;
 }
 function wt(e) {
-  const { sendMessage: t } = R(), o = Z1(e);
-  return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (u) => {
-    t(`/room/${e}/setShutdownPromptSeconds`, u);
+  const { sendMessage: t } = E(), o = S1(e);
+  return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (g) => {
+    t(`/room/${e}/setShutdownPromptSeconds`, g);
   }, shutdownStart: () => {
     t(`/room/${e}/shutdownStart`, null);
   }, shutdownEnd: () => {
@@ -1801,28 +1804,28 @@ function wt(e) {
     t(`/room/${e}/shutdownCancel`, null);
   } } : void 0;
 }
-function pt(e) {
-  const { sendMessage: t } = R(), o = _(e);
+function mt(e) {
+  const { sendMessage: t } = E(), o = P(e);
   return o ? { switchedOutputState: o, on: () => {
     t(`/device/${e}/on`, null);
   }, off: () => {
     t(`/device/${e}/off`, null);
   } } : void 0;
 }
-function mt(e) {
-  const { sendMessage: t } = R(), o = Z1(e);
+function pt(e) {
+  const { sendMessage: t } = E(), o = S1(e);
   return o ? { techPasswordState: o, validatePassword: (i) => {
     t(`/room/${e}/validateTechPassword`, { password: i });
-  }, setPassword: (i, v) => {
-    t(`/room/${e}/setTechPassword`, { oldPassword: i, newPassword: v });
+  }, setPassword: (i, a) => {
+    t(`/room/${e}/setTechPassword`, { oldPassword: i, newPassword: a });
   } } : void 0;
 }
 function Mt(e) {
-  const { sendMessage: t } = R(), o = _(e);
+  const { sendMessage: t } = E(), o = P(e);
   return o ? { state: o, setTemperatureUnitsToCelcius: () => t(`${e}/setTemperatureUnitsToCelcius`, null), setTemperatureUnitsToFahrenheit: () => t(`${e}/setTemperatureUnitsToFahrenheit`, null) } : void 0;
 }
 function xt(e) {
-  const { sendMessage: t } = R(), o = _(e), c = (r) => {
+  const { sendMessage: t } = E(), o = P(e), c = (r) => {
     t(`/device/${e}/saveTheme`, { value: r });
   };
   return {
@@ -1831,20 +1834,20 @@ 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"), a = h(t, "nextTrack"), g = h(t, "rewind"), v = h(t, "ffwd"), f = h(t, "record");
   return {
     play: o,
     pause: c,
     stop: r,
     prevTrack: i,
-    nextTrack: v,
-    rewind: u,
-    fastForward: h,
-    record: m
+    nextTrack: a,
+    rewind: g,
+    fastForward: v,
+    record: f
   };
 }
 function St(e) {
-  const t = _(e), { sendMessage: o } = R();
+  const t = P(e), { sendMessage: o } = E();
   return t ? {
     touchpanelState: t,
     appControl: { hideApp: () => {
@@ -1860,7 +1863,7 @@ function St(e) {
   } : void 0;
 }
 function jt(e) {
-  const t = _(e), o = V3(e), c = O1(e);
+  const t = P(e), o = V3(e), c = O1(e);
   if (!t) return;
   const r = (t.powerState || t.isWarming) && !t.isCooling, i = (!t.powerState || t.isCooling) && !t.isWarming;
   return {
@@ -1872,74 +1875,78 @@ function jt(e) {
 }
 function Ct(e) {
   const t = `/device/${e}`;
-  return S1(t);
+  return j1(t);
 }
 const bt = ({
   config: e
-}) => {
-  const { sendMessage: t } = R();
-  m1(() => {
-    var c, r, i, v;
+}, t = !0) => {
+  const { sendMessage: o } = E(), c = M1(!1), r = o1(() => {
+    var g, v, f, w;
+    const a = /* @__PURE__ */ new Set();
     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);
+      return a;
+    if (e.destinations && Object.values(e.destinations).forEach((x) => {
+      a.add(x);
+    }), e.destinationList && Object.values(e.destinationList).forEach((x) => {
+      a.add(x.sinkKey);
+    }), e.audioControlPointList && Object.values((g = e.audioControlPointList) == null ? void 0 : g.levelControls).forEach(
+      (x) => {
+        x.itemKey ? a.add(x.parentDeviceKey + "--" + x.itemKey) : a.add(x.parentDeviceKey);
       }
-    ), (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);
+    ), (v = e.touchpanelKeys) == null || v.forEach((x) => {
+      a.add(x);
+    }), (f = e.environmentalDevices) == null || f.forEach((x) => {
+      x.deviceKey && a.add(x.deviceKey);
+    }), (w = e.accessoryDeviceKeys) == null || w.forEach((x) => {
+      a.add(x);
+    }), e.audioCodecKey && a.add(e.audioCodecKey), e.videoCodecKey && a.add(e.videoCodecKey), e.matrixRoutingKey && a.add(e.matrixRoutingKey), e.roomCombinerKey && a.add(e.roomCombinerKey), e.endpointKeys && e.endpointKeys.forEach((x) => {
+      a.add(x);
     }), e.sourceList)
-      for (const 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 x of Object.values(e.sourceList))
+        x.sourceKey && x.sourceKey !== "$off" && a.add(x.sourceKey);
+    return a;
+  }, [e]), i = n1(() => {
+    !t || r.size === 0 || c.current || (console.log("requesting state for deviceKeys:", r), r.forEach((a) => {
+      o(`/device/${a}/fullStatus`, { deviceKey: a });
+    }), c.current = !0);
+  }, [r, t, o]);
+  return x1(() => {
+    c.current = !1, i();
+  }, [i]), r;
 };
 function yt(e, t) {
   const [o, c] = Y(!1), [r, i] = Y(!1);
   return Z3(() => {
-    const { current: v } = e, 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: a } = e, g = () => {
+      const v = a && a.scrollHeight > a.clientHeight, f = a && a.scrollWidth > a.clientWidth;
+      i(v ?? !1), c(f ?? !1), t && t(v ?? !1, f ?? !1);
     };
-    v && u();
+    a && g();
   }, [e, t]), { overflowHorizontal: o, overflowVertical: r };
 }
 function It(e, t) {
   const o = `/room/${e}/volumes/${t}`;
-  return S1(o);
+  return j1(o);
 }
 function Rt(e, t) {
   const o = te(e, t), c = `/room/${e}/volumes/${t}`;
   return W3(c, o);
 }
 function Et(e) {
-  var 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) => {
-    const { current: M } = e;
-    M && (console.log(M.scrollLeft), M.scrollLeft += m, console.log(M.scrollLeft));
-  }, v = (m) => {
-    const { current: M } = e;
-    M && (console.log(M.scrollTop), M.scrollTop += m, console.log(M.scrollTop));
+  var g, v;
+  const [t, o] = Y(((g = e == null ? void 0 : e.current) == null ? void 0 : g.scrollLeft) ?? 0), [c, r] = Y(((v = e == null ? void 0 : e.current) == null ? void 0 : v.scrollTop) ?? 0), i = (f) => {
+    const { current: w } = e;
+    w && (console.log(w.scrollLeft), w.scrollLeft += f, console.log(w.scrollLeft));
+  }, a = (f) => {
+    const { current: w } = e;
+    w && (console.log(w.scrollTop), w.scrollTop += f, console.log(w.scrollTop));
   };
   return Z3(() => {
-    const { current: m } = e, M = () => {
-      o((m == null ? void 0 : m.scrollLeft) ?? 0), r((m == null ? void 0 : m.scrollTop) ?? 0);
+    const { current: f } = e, w = () => {
+      o((f == null ? void 0 : f.scrollLeft) ?? 0), r((f == null ? void 0 : f.scrollTop) ?? 0);
     };
-    m && M();
-  }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: i, scrollVertical: v };
+    f && w();
+  }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: i, scrollVertical: a };
 }
 function Tt(e) {
   const t = W1();
@@ -1950,7 +1957,7 @@ function Tt(e) {
   }, Ze(e)];
 }
 function Dt() {
-  const { sendMessage: e } = R();
+  const { sendMessage: e } = E();
   return {
     reboot: () => {
       e("/system/reboot", null);
@@ -1967,7 +1974,7 @@ function _t() {
     const i = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
     c(i);
   }
-  return m1(() => {
+  return x1(() => {
     r();
     const i = setInterval(() => {
       r();
@@ -1998,7 +2005,7 @@ const Pt = () => {
     ),
     e && /* @__PURE__ */ n.jsx("p", { children: r })
   ] });
-}, Je = "_iconbtn_16qss_1", Xe = "_iconbtnvert_16qss_7", Qe = "_iconsm_16qss_18", L1 = {
+}, Je = "_iconbtn_16qss_1", Xe = "_iconbtnvert_16qss_7", Qe = "_iconsm_16qss_18", $1 = {
   iconbtn: Je,
   iconbtnvert: Xe,
   iconsm: Qe
@@ -2009,45 +2016,45 @@ const Pt = () => {
   className: c,
   iconClassName: r = "",
   otherContentClassName: i = "",
-  disabled: v,
-  feedback: u,
-  feedbackClassName: h,
-  onPointerDown: m,
-  onPointerUp: M,
-  onPointerLeave: P,
+  disabled: a,
+  feedback: g,
+  feedbackClassName: v,
+  onPointerDown: f,
+  onPointerUp: w,
+  onPointerLeave: x,
   ...H
 }) => {
-  const [a, Z] = Y(!1), j = !v && u ? h : "", C = !v && (a || u);
+  const [u, S] = Y(!1), C = !a && g ? v : "", b = !a && (u || g);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
       type: "button",
-      className: `${L1.iconbtn} ${o ? L1.iconbtnvert : ""} ${c} ${j}`,
+      className: `${$1.iconbtn} ${o ? $1.iconbtnvert : ""} ${c} ${C}`,
       ...H,
-      disabled: v,
-      onPointerDown: (b) => {
-        Z(!0), m == null || m(b);
+      disabled: a,
+      onPointerDown: (y) => {
+        S(!0), f == null || f(y);
       },
-      onPointerUp: (b) => {
-        Z(!1), M == null || M(b);
+      onPointerUp: (y) => {
+        S(!1), w == null || w(y);
       },
-      onPointerLeave: (b) => {
-        Z(!1), P == null || P(b);
+      onPointerLeave: (y) => {
+        S(!1), x == null || x(y);
       },
       children: [
         e && /* @__PURE__ */ n.jsx(
           e,
           {
-            className: `${r || L1.iconsm}`,
-            active: C,
-            disabled: v
+            className: `${r || $1.iconsm}`,
+            active: b,
+            disabled: a
           }
         ),
         i ? /* @__PURE__ */ n.jsx("div", { className: i, children: t }) : /* @__PURE__ */ n.jsx("div", { children: t })
       ]
     }
   );
-}, I = ({
+}, R = ({
   ActiveImage: e,
   DisabledImage: t,
   EnabledImage: o,
@@ -2058,7 +2065,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: /* @__PURE__ */ n.jsx(
       "svg",
@@ -2110,7 +2117,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-ban-active.svg */
@@ -2159,7 +2166,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: /* @__PURE__ */ n.jsx(
       "svg",
@@ -2199,7 +2206,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-check-active.svg */
@@ -2249,7 +2256,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-controller-active.svg */
@@ -2316,7 +2323,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-down-active.svg */
@@ -2365,7 +2372,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-elipses-active.svg */
@@ -2414,7 +2421,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-flag-active.svg */
@@ -2463,7 +2470,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* /Users/hvolmer/Downloads/SVG/icon-gear-active.svg */
@@ -2512,7 +2519,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-glass-active.svg */
@@ -2562,7 +2569,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-hdmi-active.svg */
@@ -2629,7 +2636,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-laptop-active.svg */
@@ -2678,7 +2685,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-left-active.svg */
@@ -2727,7 +2734,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-light-active.svg */
@@ -2776,7 +2783,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-moon-active.svg */
@@ -2825,7 +2832,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-playstation-active.svg */
@@ -2847,7 +2854,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-podium-active.svg */
@@ -2891,12 +2898,12 @@ const Pt = () => {
     active: e,
     disabled: o
   }
-), p8 = ({
+), m8 = ({
   active: e,
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-power-active.svg */
@@ -2940,12 +2947,12 @@ const Pt = () => {
     active: e,
     disabled: o
   }
-), m8 = ({
+), p8 = ({
   active: e,
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-privacy-active.svg */
@@ -2994,7 +3001,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-question-active.svg */
@@ -3043,7 +3050,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-right-active.svg */
@@ -3093,7 +3100,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-roomPC-active.svg */
@@ -3160,7 +3167,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-shade-active.svg */
@@ -3209,7 +3216,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-sun-active.svg */
@@ -3260,7 +3267,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: void 0,
     DisabledImage: void 0,
@@ -3273,7 +3280,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-up-active.svg */
@@ -3322,7 +3329,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-volDown-active.svg */
@@ -3371,7 +3378,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-volMute-active.svg */
@@ -3420,7 +3427,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-volUp-active.svg */
@@ -3469,7 +3476,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-wireless-active.svg */
@@ -3518,7 +3525,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-x-active.svg */
@@ -3567,7 +3574,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-xbox-active.svg */
@@ -3616,7 +3623,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-mic-active.svg */
@@ -3679,8 +3686,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 +3709,17 @@ function $t({
   const c = t[e] ?? null;
   return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ n.jsx(Ne, { multiIcon: c, ...o });
 }
-const P8 = "_grid_1cmpp_1", L8 = "_header_1cmpp_11", $8 = "_content_1cmpp_17", A8 = "_footer_1cmpp_23", B8 = "_volume_1cmpp_29", i1 = {
+const P8 = "_grid_1cmpp_1", L8 = "_header_1cmpp_11", $8 = "_content_1cmpp_17", A8 = "_footer_1cmpp_23", B8 = "_volume_1cmpp_29", a1 = {
   grid: P8,
   header: L8,
   content: $8,
   footer: A8,
   volume: B8
-}, At = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ n.jsxs("div", { className: i1.grid, children: [
-  /* @__PURE__ */ n.jsx("div", { className: i1.header, children: e }),
-  /* @__PURE__ */ n.jsx("div", { className: i1.content, children: o }),
-  r && /* @__PURE__ */ n.jsx("div", { className: i1.volume, children: c }),
-  /* @__PURE__ */ n.jsx("div", { className: i1.footer, children: t })
+}, At = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ n.jsxs("div", { className: a1.grid, children: [
+  /* @__PURE__ */ n.jsx("div", { className: a1.header, children: e }),
+  /* @__PURE__ */ n.jsx("div", { className: a1.content, children: o }),
+  r && /* @__PURE__ */ n.jsx("div", { className: a1.volume, children: c }),
+  /* @__PURE__ */ n.jsx("div", { className: a1.footer, children: t })
 ] }), k8 = "_grid_11w5q_1", O8 = "_header_11w5q_11", W8 = "_content_11w5q_17", p1 = {
   grid: k8,
   header: O8,
@@ -3721,13 +3728,13 @@ const P8 = "_grid_1cmpp_1", L8 = "_header_1cmpp_11", $8 = "_content_1cmpp_17", A
   /* @__PURE__ */ n.jsx("div", { className: p1.header, children: t }),
   c && /* @__PURE__ */ n.jsx("div", { className: p1.leftNav, children: c }),
   /* @__PURE__ */ n.jsx("div", { className: p1.content, children: o })
-] }), V8 = "_grid_1uwfo_1", U8 = "_header_1uwfo_11", H8 = "_content_1uwfo_17", $1 = {
+] }), V8 = "_grid_1uwfo_1", U8 = "_header_1uwfo_11", H8 = "_content_1uwfo_17", A1 = {
   grid: V8,
   header: U8,
   content: H8
-}, kt = ({ className: e, header: t, content: o }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${$1.grid}`, children: [
-  /* @__PURE__ */ n.jsx("div", { className: $1.header, children: t }),
-  /* @__PURE__ */ n.jsx("div", { className: $1.content, children: o })
+}, kt = ({ className: e, header: t, content: o }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${A1.grid}`, children: [
+  /* @__PURE__ */ n.jsx("div", { className: A1.header, children: t }),
+  /* @__PURE__ */ n.jsx("div", { className: A1.content, children: o })
 ] });
 class Ot {
   constructor() {
@@ -3771,8 +3778,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,
@@ -3789,7 +3796,7 @@ export {
   At as MainLayout,
   Vt as MessageHandler,
   W6 as MobileControlProvider,
-  I as MultiStateIconContainer,
+  R as MultiStateIconContainer,
   $t as NamedIconButton,
   Ot as ShareState,
   Bt as TechLayout,
@@ -3803,12 +3810,12 @@ export {
   O3 as WebsocketContext,
   T3 as appConfigActions,
   Be as createWebSocketMiddleware,
-  g1 as devicesActions,
+  f1 as devicesActions,
   Wt as getBaseLocation,
   f3 as httpClient,
   _8 as iconsDictionary,
   Ut as roomOffSourceKey,
-  f1 as roomsActions,
+  w1 as roomsActions,
   U as runtimeConfigActions,
   C3 as selectAllDevices,
   T2 as selectApiPath,
@@ -3820,7 +3827,7 @@ export {
   ve as selectDeviceSupportsInterface,
   fe as selectError,
   y3 as selectInterfacesForDevice,
-  me as selectIsSyncStateValuePresent,
+  pe as selectIsSyncStateValuePresent,
   de as selectIsTouchpanel,
   D2 as selectLogoPath,
   V1 as selectModalVisibility,
@@ -3851,7 +3858,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,
@@ -3862,9 +3869,9 @@ export {
   Q8 as useApiPath,
   X8 as useAppConfig,
   W1 as useAppDispatch,
-  f as useAppSelector,
+  m as useAppSelector,
   H6 as useAvrControl,
-  g as useButtonHeldHeartbeat,
+  h as useButtonHeldHeartbeat,
   Q6 as useCameraBase,
   S6 as useClientId,
   Ct as useDeviceIBasicVolume,
@@ -3878,13 +3885,13 @@ export {
   t6 as useGetAllDevices,
   o6 as useGetAllRooms,
   $6 as useGetCurrentPopoverIdForGroup,
-  _ as useGetDevice,
+  P as useGetDevice,
   V6 as useGetIBasicVolume,
   U6 as useGetIBasicVolumeWithFeedback,
   s6 as useGetRoom,
   M6 as useGetRoomDisplayStates,
   x6 as useGetZoomRoomControllerKey,
-  S1 as useIBasicVolume,
+  j1 as useIBasicVolume,
   W3 as useIBasicVolumeWithFeedback,
   G6 as useIChannel,
   Y6 as useIColor,
@@ -3911,8 +3918,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 +3932,7 @@ export {
   yt as useOverflow,
   e6 as usePartnerMetadata,
   Ge as usePressHoldRelease,
-  p6 as useRoomAdvancedSharingActive,
+  m6 as useRoomAdvancedSharingActive,
   l6 as useRoomAudioControlPointList,
   v6 as useRoomCodecContentDestinationKey,
   n6 as useRoomConfiguration,
@@ -3942,9 +3949,9 @@ export {
   ne as useRoomLevelControls,
   c6 as useRoomName,
   d6 as useRoomProgramAudioDestinationKey,
-  m6 as useRoomShareState,
+  p6 as useRoomShareState,
   r6 as useRoomSourceList,
-  Z1 as useRoomState,
+  S1 as useRoomState,
   te as useRoomVolume,
   y6 as useRuntimeInfo,
   Et as useScroll,
@@ -3962,7 +3969,7 @@ export {
   I6 as useTouchpanelKey,
   jt as useTwoWayDisplayBase,
   C6 as useUserCode,
-  R as useWebsocketContext,
+  E as useWebsocketContext,
   I3 as useWsIsConnected,
   Le as wsAddEventHandler,
   k3 as wsConnect,