@pepperdash/mobile-control-react-app-core 1.22.3 → 1.22.4

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

@@ -1,13 +1,13 @@
 var h2 = Object.defineProperty;
 var g2 = (e, t, o) => t in e ? h2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var K = (e, t, o) => g2(e, typeof t != "symbol" ? t + "" : t, o);
-import p3, { AxiosError as f2 } from "axios";
-import { useDispatch as w2, useSelector as m2, Provider as p2 } from "react-redux";
-import { createSelector as M, createSlice as i1, combineReducers as M2, configureStore as x2 } from "@reduxjs/toolkit";
-import M3, { createContext as Z2, useEffect as p1, useCallback as s1, useContext as S2, useRef as $1, useState as G, useLayoutEffect as x3 } from "react";
+var q = (e, t, o) => g2(e, typeof t != "symbol" ? t + "" : t, o);
+import m3, { AxiosError as f2 } from "axios";
+import { useDispatch as w2, useSelector as p2, Provider as m2 } from "react-redux";
+import { createSelector as M, createSlice as a1, combineReducers as M2, configureStore as x2 } from "@reduxjs/toolkit";
+import M3, { createContext as Z2, useEffect as m1, useCallback as c1, useContext as S2, useRef as $1, useState as Y, useLayoutEffect as x3 } from "react";
 import { useNavigate as j2, useRouteError as C2, isRouteErrorResponse as b2 } from "react-router-dom";
 import * as Z3 from "lodash";
-const k1 = w2.withTypes(), w = m2.withTypes(), M1 = (e) => e.appConfig, y2 = M(
+const O1 = w2.withTypes(), w = p2.withTypes(), M1 = (e) => e.appConfig, y2 = M(
   M1,
   (e) => e.config
 ), I2 = M(
@@ -26,7 +26,7 @@ const k1 = w2.withTypes(), w = m2.withTypes(), M1 = (e) => e.appConfig, y2 = M(
   S3,
   (t) => t[e] ? t[e] : void 0
 ), Q8 = () => w(j3);
-function D(e) {
+function _(e) {
   return w(T2(e));
 }
 const A = (e) => e.rooms, D2 = (e) => M(
@@ -53,13 +53,13 @@ const A = (e) => e.rooms, D2 = (e) => M(
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.sourceList : void 0;
   }
-), O2 = (e) => M(
+), k2 = (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;
   }
-), k2 = (e) => M(
+), O2 = (e) => M(
   A,
   (t) => {
     var o, c;
@@ -80,8 +80,8 @@ const A = (e) => e.rooms, D2 = (e) => M(
 ), U2 = (e) => M(
   A,
   (t) => {
-    var o, c, r, i, v, u, h, m;
-    return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (v = (i = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : v.sinkKey : ((m = (h = (u = t[e]) == null ? void 0 : u.configuration) == null ? void 0 : h.destinationList.defaultDisplay) == null ? void 0 : m.sinkKey) || "";
+    var o, c, r, i, v, u, h, p;
+    return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (v = (i = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : v.sinkKey : ((p = (h = (u = t[e]) == null ? void 0 : u.configuration) == null ? void 0 : h.destinationList.defaultDisplay) == null ? void 0 : p.sinkKey) || "";
   }
 ), H2 = (e) => M(
   A,
@@ -161,40 +161,40 @@ const t6 = x1, n6 = (e) => w(
   L2(e)
 ), Q2 = (e, t) => w(
   $2(e, t)
-), N2 = (e) => w(A2(e)) || void 0, o6 = (e) => w(B2(e)), s6 = (e) => w(O2(e)), c6 = (e) => w(k2(e)), r6 = (e) => w(W2(e)), l6 = (e) => w(V2(e)), i6 = (e) => w(U2(e)), a6 = (e) => w(H2(e)), u6 = (e) => w(F2(e)), d6 = (e) => w(K2(e)), v6 = (e) => w(q2(e)), h6 = (e) => w(G2(e)), g6 = (e) => w(Y2(e)), f6 = (e) => w(z2(e)), w6 = (e) => w((t) => X2(t, e)), m6 = (e) => w(J2(e)), q = (e) => e.runtimeConfig, ee = M(
-  q,
+), N2 = (e) => w(A2(e)) || void 0, o6 = (e) => w(B2(e)), s6 = (e) => w(k2(e)), c6 = (e) => w(O2(e)), r6 = (e) => w(W2(e)), l6 = (e) => w(V2(e)), i6 = (e) => w(U2(e)), a6 = (e) => w(H2(e)), u6 = (e) => w(F2(e)), d6 = (e) => w(K2(e)), v6 = (e) => w(q2(e)), h6 = (e) => w(G2(e)), g6 = (e) => w(Y2(e)), f6 = (e) => w(z2(e)), w6 = (e) => w((t) => X2(t, e)), p6 = (e) => w(J2(e)), G = (e) => e.runtimeConfig, ee = M(
+  G,
   (e) => e.websocket.isConnected
 ), te = M(
-  q,
+  G,
   (e) => e.currentRoomKey
 ), ne = M(
-  q,
+  G,
   (e) => e.roomData.clientId
 ), oe = M(
-  q,
+  G,
   (e) => e.roomData.systemUuid
 ), se = M(
-  q,
+  G,
   (e) => e.roomData.userCode
 ), ce = M(
-  q,
+  G,
   (e) => e.serverIsRunningOnProcessorHardware
 ), re = M(
-  q,
+  G,
   (e) => {
     var t;
     return (t = e.roomData.config) == null ? void 0 : t.runtimeInfo;
   }
 ), le = M(
-  q,
+  G,
   (e) => e.touchpanelKey
 ), ie = M(
-  q,
+  G,
   (e) => e.touchpanelKey !== ""
 ), ae = M(
-  q,
+  G,
   (e) => e.roomData.deviceInterfaceSupport
-), C3 = () => w(ee), p6 = () => w(te), M6 = () => w(ne), x6 = () => w(oe), Z6 = () => w(se), S6 = () => w(ce), j6 = () => w(re), C6 = () => w(le), b6 = () => w(ie), y6 = () => w(ae), N = (e) => e.ui, W1 = (e) => M(N, (t) => t.modalVisibility[e]), ue = (e) => M(N, (t) => {
+), C3 = () => w(ee), m6 = () => w(te), M6 = () => w(ne), x6 = () => w(oe), Z6 = () => w(se), S6 = () => w(ce), j6 = () => w(re), C6 = () => w(le), b6 = () => w(ie), y6 = () => w(ae), N = (e) => e.ui, W1 = (e) => M(N, (t) => t.modalVisibility[e]), ue = (e) => M(N, (t) => {
   const o = t.popoverVisibility[e];
   if (o)
     return Object.keys(o).find((c) => o[c]);
@@ -207,7 +207,7 @@ const t6 = x1, n6 = (e) => w(
 ), ve = M(N, (e) => e.error), he = M(
   N,
   (e) => e.showReconnect
-), ge = M(N, (e) => e.theme), fe = (e) => M(N, (t) => t.syncState.includes(e)), I6 = () => w(W1("showShutdownModal")), R6 = () => w(W1("showIncomingCallModal")), E6 = (e) => w(W1(e)), T6 = (e) => w(ue(e)), D6 = (e, t) => w(de(e, t)), we = () => w(ve), me = () => w(he), _6 = () => w(ge), pe = (e) => w(fe(e)), Me = {
+), ge = M(N, (e) => e.theme), fe = (e) => M(N, (t) => t.syncState.includes(e)), I6 = () => w(W1("showShutdownModal")), R6 = () => w(W1("showIncomingCallModal")), E6 = (e) => w(W1(e)), T6 = (e) => w(ue(e)), D6 = (e, t) => w(de(e, t)), we = () => w(ve), pe = () => w(he), _6 = () => w(ge), me = (e) => w(fe(e)), Me = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -216,7 +216,7 @@ const t6 = x1, n6 = (e) => w(
   },
   popoverVisibility: {},
   syncState: []
-}, b3 = i1({
+}, b3 = a1({
   name: "ui",
   initialState: Me,
   reducers: {
@@ -262,7 +262,7 @@ const t6 = x1, n6 = (e) => w(
       e.syncState = [];
     }
   }
-}), k = b3.actions, xe = b3.reducer, Ze = {
+}), O = b3.actions, xe = b3.reducer, Ze = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -272,7 +272,7 @@ const t6 = x1, n6 = (e) => w(
     loginMode: "",
     modes: {}
   }
-}, y3 = i1({
+}, y3 = a1({
   name: "appConfig",
   initialState: Ze,
   reducers: {
@@ -280,7 +280,7 @@ const t6 = x1, n6 = (e) => w(
       e.config = t.payload;
     }
   }
-}), I3 = y3.actions, Se = y3.reducer, d3 = {}, A1 = i1({
+}), I3 = y3.actions, Se = y3.reducer, d3 = {}, A1 = a1({
   name: "devices",
   initialState: d3,
   reducers: {
@@ -300,10 +300,10 @@ const t6 = x1, n6 = (e) => w(
 }, je = A1.reducer;
 class Ce {
   constructor() {
-    K(this, "uuid", "current-uuid");
-    K(this, "roomKey", "current-room-key");
-    K(this, "code", "current-code");
-    K(this, "expiry", "current-uuid-expires");
+    q(this, "uuid", "current-uuid");
+    q(this, "roomKey", "current-room-key");
+    q(this, "code", "current-code");
+    q(this, "expiry", "current-uuid-expires");
   }
 }
 const v3 = new Ce();
@@ -313,7 +313,7 @@ function be(e) {
 function ye(e, t) {
   sessionStorage.setItem(e, t);
 }
-const h3 = {}, B1 = i1({
+const h3 = {}, B1 = a1({
   name: "rooms",
   initialState: h3,
   reducers: {
@@ -361,7 +361,7 @@ const h3 = {}, B1 = i1({
     userCode: "",
     qrUrl: ""
   }
-}, R3 = i1({
+}, R3 = a1({
   name: "runtimeConfig",
   initialState: Re,
   reducers: {
@@ -396,7 +396,7 @@ const h3 = {}, B1 = i1({
       e.touchpanelKey = t.payload;
     }
   }
-}), U = R3.actions, Ee = R3.reducer, _1 = p3.create(), E3 = "websocket/connect", T3 = "websocket/disconnect", D3 = "websocket/sendMessage", _3 = "websocket/addEventHandler", P3 = "websocket/removeEventHandler", L3 = "websocket/reconnect", $3 = () => ({ type: E3 }), P6 = () => ({ type: T3 }), Te = (e, t) => ({
+}), U = R3.actions, Ee = R3.reducer, _1 = m3.create(), E3 = "websocket/connect", T3 = "websocket/disconnect", D3 = "websocket/sendMessage", _3 = "websocket/addEventHandler", P3 = "websocket/removeEventHandler", L3 = "websocket/reconnect", $3 = () => ({ type: E3 }), P6 = () => ({ type: T3 }), Te = (e, t) => ({
   type: D3,
   payload: { messageType: e, content: t }
 }), De = (e, t, o) => ({
@@ -440,10 +440,10 @@ const h3 = {}, B1 = i1({
       return C.status === 200 && C.data ? (j(U.setRoomData(C.data)), !0) : !1;
     } catch (C) {
       return console.log(C), C instanceof f2 && C.response && C.response.status === 498 ? (console.error("Invalid token. Unable to join room"), j(
-        k.setErrorMessage(
+        O.setErrorMessage(
           `Token ${Z} is invalid. Unable to join room`
         )
-      ), !1) : (console.error("Error getting room data", C), C instanceof Error ? j(k.setErrorMessage(C.message)) : j(k.setErrorMessage("Error getting room data")), !1);
+      ), !1) : (console.error("Error getting room data", C), C instanceof Error ? j(O.setErrorMessage(C.message)) : j(O.setErrorMessage("Error getting room data")), !1);
     }
   }, c = (a) => {
     e.reconnectTimer && (clearTimeout(e.reconnectTimer), e.reconnectTimer = null), console.log("WebSocket middleware: Starting reconnection loop..."), e.reconnectTimer = setTimeout(() => {
@@ -452,7 +452,7 @@ const h3 = {}, B1 = i1({
   }, r = () => {
     e.reconnectTimer && (console.log("WebSocket middleware: Stopping reconnection loop"), clearTimeout(e.reconnectTimer), e.reconnectTimer = null);
   }, i = (a) => {
-    a(k.setShowReconnect(!0)), a(U.setWebsocketIsConnected(!1)), a(g1.clearDevices()), a(f1.clearRooms()), a(k.clearAllModals()), a(k.clearSyncState());
+    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) {
@@ -502,12 +502,15 @@ const h3 = {}, B1 = i1({
         return;
       }
       console.log("WebSocket middleware: Connecting to websocket");
-      const S1 = `${C.replace("http", "ws")}/ui/join/${e.token}`, Y = new WebSocket(S1);
-      e.client = Y, Y.onopen = (B) => {
-        console.log("WebSocket middleware: Connected", B.type, B.target), e.waitingToReconnect = !1, r(), a(U.setWebsocketIsConnected(!0));
-      }, Y.onerror = (B) => {
+      const S1 = `${C.replace("http", "ws")}/ui/join/${e.token}`, K = new WebSocket(S1);
+      e.client = K, K.onopen = (B) => {
+        console.log("WebSocket middleware: Connected", B.type, B.target), e.waitingToReconnect = !1, r(), setTimeout(() => {
+          e.client === K && K.readyState === WebSocket.OPEN && a(U.setWebsocketIsConnected(!0));
+        }, 100);
+      }, K.onerror = (B) => {
         console.error("WebSocket middleware: Error", B), i(a);
-      }, Y.onclose = (B) => {
+      }, K.onclose = (B) => {
+        var D;
         if (console.log(
           "WebSocket middleware: Disconnected",
           B.reason,
@@ -520,7 +523,7 @@ const h3 = {}, B1 = i1({
           console.log("WebSocket middleware: User code changed"), r(), a(
             U.setUserCode({ userCode: "", qrUrl: "" })
           ), a(
-            k.setErrorMessage(
+            O.setErrorMessage(
               "User code changed. Click reconnect to enter the new code"
             )
           ), i(a);
@@ -528,22 +531,31 @@ const h3 = {}, B1 = i1({
         }
         if (B.code === 4002) {
           console.log("WebSocket middleware: Room combination changed"), r(), a(
-            k.setErrorMessage(
+            O.setErrorMessage(
               "Room combination changed. Click Reconnect to re-join the room"
             )
           ), i(a);
           return;
         }
-        if (B.code === 4001 && !b) {
-          console.log(
-            "WebSocket middleware: Processor disconnected (not on processor hardware)"
-          ), r(), a(
-            k.setErrorMessage(
-              "Processor has disconnected. Click Reconnect"
-            )
-          ), i(a);
-          return;
-        }
+        if (B.code === 4001)
+          if (!!((D = Z().runtimeConfig) != null && D.touchpanelKey))
+            console.log(
+              "WebSocket middleware: Code 4001 received with touchpanel key present, will auto-reconnect"
+            );
+          else if (b)
+            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(
+              O.setErrorMessage(
+                "Processor has disconnected. Click Reconnect to continue."
+              )
+            ), i(a);
+            return;
+          }
         if (e.client)
           console.log(
             "WebSocket middleware: Closed by server, will auto-reconnect"
@@ -553,46 +565,46 @@ const h3 = {}, B1 = i1({
           return;
         }
         e.client = null, console.log("WebSocket middleware: Clearing state on disconnect"), a(
-          k.setErrorMessage(
+          O.setErrorMessage(
             "Connection lost. Attempting to reconnect..."
           )
-        ), a(U.setWebsocketIsConnected(!1)), a(g1.clearDevices()), a(f1.clearRooms()), a(k.clearAllModals()), a(k.clearSyncState()), c(a);
-      }, Y.onmessage = (B) => {
+        ), a(U.setWebsocketIsConnected(!1)), a(g1.clearDevices()), a(f1.clearRooms()), a(O.clearAllModals()), a(O.clearSyncState()), c(a);
+      }, K.onmessage = (B) => {
         try {
-          const P = JSON.parse(B.data);
-          if (P.type === "close") {
-            Y.close(4001, P.content);
+          const D = JSON.parse(B.data);
+          if (D.type === "close") {
+            K.close(4001, D.content);
             return;
           }
-          if (P.type.startsWith("/system/"))
-            switch (P.type) {
+          if (D.type.startsWith("/system/"))
+            switch (D.type) {
               case "/system/touchpanelKey":
                 a(
                   U.setTouchpanelKey(
-                    P.content
+                    D.content
                   )
                 );
                 break;
               case "/system/roomKey":
-                a(f1.clearRooms()), a(g1.clearDevices()), a(k.clearSyncState()), a(
+                a(f1.clearRooms()), a(g1.clearDevices()), a(O.clearSyncState()), a(
                   U.setCurrentRoomKey(
-                    P.content
+                    D.content
                   )
                 );
                 break;
               case "/system/userCodeChanged":
                 a(
-                  U.setUserCode(P.content)
+                  U.setUserCode(D.content)
                 );
                 break;
               case "/system/roomCombinationChanged":
                 window.location.reload();
                 break;
               case "/system/deviceInterfaces": {
-                const J = P.content;
+                const z = D.content;
                 a(
                   U.setDeviceInterfaces(
-                    J.deviceInterfaces
+                    z.deviceInterfaces
                   )
                 );
                 break;
@@ -600,18 +612,18 @@ const h3 = {}, B1 = i1({
               default:
                 console.log(
                   "WebSocket middleware: Unhandled system message",
-                  P
+                  D
                 );
                 break;
             }
-          else if (P.type.startsWith("/event/")) {
-            const J = e.eventHandlers[P.type];
-            J || console.log(
+          else if (D.type.startsWith("/event/")) {
+            const z = e.eventHandlers[D.type];
+            z || console.log(
               "WebSocket middleware: No handlers found for event type",
-              P.type
-            ), J && Object.values(J).forEach((a1) => {
+              D.type
+            ), z && Object.values(z).forEach((n1) => {
               try {
-                a1(P);
+                n1(D);
               } catch (j1) {
                 console.error(
                   "WebSocket middleware: Event handler error",
@@ -619,9 +631,9 @@ const h3 = {}, B1 = i1({
                 );
               }
             });
-          } else P.type.startsWith("/room/") ? a(f1.setRoomState(P)) : P.type.startsWith("/device/") && a(g1.setDeviceState(P));
-        } catch (P) {
-          console.error("WebSocket middleware: Message handling error", P);
+          } 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);
         }
       }, e.waitingToReconnect = !1;
     } catch (x) {
@@ -629,14 +641,14 @@ const h3 = {}, B1 = i1({
     }
   }, h = () => {
     e.client && (console.log("WebSocket middleware: Disconnecting"), r(), e.client.close(4100, "Client requested disconnect"), e.client = null);
-  }, m = (a, Z, j) => {
+  }, p = (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 })
     ) : console.warn("WebSocket middleware: Cannot send message - not connected");
-  }, p = (a, Z, j) => {
+  }, m = (a, Z, j) => {
     e.eventHandlers[a] || (e.eventHandlers[a] = {}), e.eventHandlers[a][Z] = j, console.log("WebSocket middleware: Event handler added", a, Z);
-  }, _ = (a, Z) => {
+  }, P = (a, Z) => {
     e.eventHandlers[a] && (delete e.eventHandlers[a][Z], console.log(
       "WebSocket middleware: Event handler removed",
       a,
@@ -662,21 +674,21 @@ const h3 = {}, B1 = i1({
           h();
           break;
         case D3:
-          m(
+          p(
             b.payload.messageType,
             b.payload.content,
             a.getState
           );
           break;
         case _3:
-          p(
+          m(
             b.payload.eventType,
             b.payload.key,
             b.payload.callback
           );
           break;
         case P3:
-          _(
+          P(
             b.payload.eventType,
             b.payload.key
           );
@@ -722,9 +734,9 @@ const h3 = {}, B1 = i1({
       ignoredActions: ["websocket/addEventHandler"]
     }
   }).concat(Le())
-}), g3 = p3.create();
+}), g3 = m3.create();
 function L6() {
-  const e = k1();
+  const e = O1();
   return async () => {
     try {
       const t = location.pathname.split("/").filter((r) => r.length > 0);
@@ -747,7 +759,7 @@ function L6() {
     return !0;
   };
 }
-var w1 = { exports: {} }, c1 = {};
+var w1 = { exports: {} }, r1 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -759,19 +771,19 @@ var w1 = { exports: {} }, c1 = {};
  */
 var f3;
 function Be() {
-  if (f3) return c1;
+  if (f3) return r1;
   f3 = 1;
   var e = M3, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function v(u, h, m) {
-    var 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 (p in h) c.call(h, p) && !i.hasOwnProperty(p) && (_[p] = h[p]);
-    if (u && u.defaultProps) for (p in h = u.defaultProps, h) _[p] === void 0 && (_[p] = h[p]);
-    return { $$typeof: t, type: u, key: H, ref: a, props: _, _owner: r.current };
+  function v(u, h, p) {
+    var m, P = {}, H = null, a = null;
+    p !== void 0 && (H = "" + p), h.key !== void 0 && (H = "" + h.key), h.ref !== void 0 && (a = h.ref);
+    for (m in h) c.call(h, m) && !i.hasOwnProperty(m) && (P[m] = h[m]);
+    if (u && u.defaultProps) for (m in h = u.defaultProps, h) P[m] === void 0 && (P[m] = h[m]);
+    return { $$typeof: t, type: u, key: H, ref: a, props: P, _owner: r.current };
   }
-  return c1.Fragment = o, c1.jsx = v, c1.jsxs = v, c1;
+  return r1.Fragment = o, r1.jsx = v, r1.jsxs = v, r1;
 }
-var r1 = {};
+var l1 = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -782,9 +794,9 @@ var r1 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var w3;
-function Oe() {
+function ke() {
   return w3 || (w3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = M3, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), u = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), a = Symbol.for("react.offscreen"), Z = Symbol.iterator, j = "@@iterator";
+    var e = M3, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), u = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), a = Symbol.for("react.offscreen"), Z = Symbol.iterator, j = "@@iterator";
     function C(s) {
       if (s === null || typeof s != "object")
         return null;
@@ -809,16 +821,16 @@ function Oe() {
         T.unshift("Warning: " + l), Function.prototype.apply.call(console[s], console, T);
       }
     }
-    var S1 = !1, Y = !1, B = !1, P = !1, J = !1, a1;
-    a1 = Symbol.for("react.module.reference");
+    var S1 = !1, K = !1, B = !1, D = !1, z = !1, n1;
+    n1 = Symbol.for("react.module.reference");
     function j1(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === c || s === i || J || s === r || s === m || s === p || P || s === a || S1 || Y || B || typeof s == "object" && s !== null && (s.$$typeof === H || s.$$typeof === _ || s.$$typeof === v || s.$$typeof === u || s.$$typeof === h || // This needs to include all possible module reference object
+      return !!(typeof s == "string" || typeof s == "function" || s === c || s === i || z || s === r || s === p || s === m || D || s === a || S1 || K || B || typeof s == "object" && s !== null && (s.$$typeof === H || s.$$typeof === P || s.$$typeof === v || s.$$typeof === u || s.$$typeof === h || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      s.$$typeof === a1 || s.getModuleId !== void 0));
+      s.$$typeof === n1 || s.getModuleId !== void 0));
     }
-    function k3(s, l, d) {
+    function O3(s, l, d) {
       var f = s.displayName;
       if (f)
         return f;
@@ -828,7 +840,7 @@ function Oe() {
     function V1(s) {
       return s.displayName || "Context";
     }
-    function z(s) {
+    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")
@@ -844,9 +856,9 @@ function Oe() {
           return "Profiler";
         case r:
           return "StrictMode";
-        case m:
-          return "Suspense";
         case p:
+          return "Suspense";
+        case m:
           return "SuspenseList";
       }
       if (typeof s == "object")
@@ -858,14 +870,14 @@ function Oe() {
             var d = s;
             return V1(d._context) + ".Provider";
           case h:
-            return k3(s, s.render, "ForwardRef");
-          case _:
+            return O3(s, s.render, "ForwardRef");
+          case P:
             var f = s.displayName || null;
-            return f !== null ? f : z(s.type) || "Memo";
+            return f !== null ? f : J(s.type) || "Memo";
           case H: {
             var E = s, T = E._payload, y = E._init;
             try {
-              return z(y(T));
+              return J(y(T));
             } catch {
               return null;
             }
@@ -873,13 +885,13 @@ function Oe() {
         }
       return null;
     }
-    var X = Object.assign, n1 = 0, U1, H1, F1, K1, q1, G1, Y1;
+    var X = Object.assign, o1 = 0, U1, H1, F1, K1, q1, G1, Y1;
     function z1() {
     }
     z1.__reactDisabledLog = !0;
     function W3() {
       {
-        if (n1 === 0) {
+        if (o1 === 0) {
           U1 = console.log, H1 = console.info, F1 = console.warn, K1 = console.error, q1 = console.group, G1 = console.groupCollapsed, Y1 = console.groupEnd;
           var s = {
             configurable: !0,
@@ -897,12 +909,12 @@ function Oe() {
             groupEnd: s
           });
         }
-        n1++;
+        o1++;
       }
     }
     function V3() {
       {
-        if (n1--, n1 === 0) {
+        if (o1--, o1 === 0) {
           var s = {
             configurable: !0,
             enumerable: !0,
@@ -932,7 +944,7 @@ function Oe() {
             })
           });
         }
-        n1 < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        o1 < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var C1 = b.ReactCurrentDispatcher, b1;
@@ -1003,14 +1015,14 @@ function Oe() {
       } catch (V) {
         if (V && f && typeof V.stack == "string") {
           for (var S = V.stack.split(`
-`), O = f.stack.split(`
-`), L = S.length - 1, $ = O.length - 1; L >= 1 && $ >= 0 && S[L] !== O[$]; )
+`), k = f.stack.split(`
+`), L = S.length - 1, $ = k.length - 1; L >= 1 && $ >= 0 && S[L] !== k[$]; )
             $--;
           for (; L >= 1 && $ >= 0; L--, $--)
-            if (S[L] !== O[$]) {
+            if (S[L] !== k[$]) {
               if (L !== 1 || $ !== 1)
                 do
-                  if (L--, $--, $ < 0 || S[L] !== O[$]) {
+                  if (L--, $--, $ < 0 || S[L] !== k[$]) {
                     var F = `
 ` + S[L].replace(" at new ", " at ");
                     return s.displayName && F.includes("<anonymous>") && (F = F.replace("<anonymous>", s.displayName)), typeof s == "function" && d1.set(s, F), F;
@@ -1040,16 +1052,16 @@ function Oe() {
       if (typeof s == "string")
         return u1(s);
       switch (s) {
-        case m:
-          return u1("Suspense");
         case p:
+          return u1("Suspense");
+        case m:
           return u1("SuspenseList");
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
           case h:
             return H3(s.render);
-          case _:
+          case P:
             return v1(s.type, l, d);
           case H: {
             var f = s, E = f._payload, T = f._init;
@@ -1061,7 +1073,7 @@ function Oe() {
         }
       return "";
     }
-    var o1 = Object.prototype.hasOwnProperty, X1 = {}, Q1 = b.ReactDebugCurrentFrame;
+    var s1 = Object.prototype.hasOwnProperty, X1 = {}, Q1 = b.ReactDebugCurrentFrame;
     function h1(s) {
       if (s) {
         var l = s._owner, d = v1(s.type, s._source, l ? l.type : null);
@@ -1071,14 +1083,14 @@ function Oe() {
     }
     function K3(s, l, d, f, E) {
       {
-        var T = Function.call.bind(o1);
+        var T = Function.call.bind(s1);
         for (var y in s)
           if (T(s, y)) {
             var S = void 0;
             try {
               if (typeof s[y] != "function") {
-                var O = Error((f || "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`.");
-                throw O.name = "Invariant Violation", O;
+                var k = Error((f || "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`.");
+                throw k.name = "Invariant Violation", k;
               }
               S = s[y](l, y, f, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (L) {
@@ -1119,7 +1131,7 @@ function Oe() {
       __source: !0
     }, n3, o3;
     function J3(s) {
-      if (o1.call(s, "ref")) {
+      if (s1.call(s, "ref")) {
         var l = Object.getOwnPropertyDescriptor(s, "ref").get;
         if (l && l.isReactWarning)
           return !1;
@@ -1127,7 +1139,7 @@ function Oe() {
       return s.ref !== void 0;
     }
     function X3(s) {
-      if (o1.call(s, "key")) {
+      if (s1.call(s, "key")) {
         var l = Object.getOwnPropertyDescriptor(s, "key").get;
         if (l && l.isReactWarning)
           return !1;
@@ -1190,20 +1202,20 @@ function Oe() {
     };
     function n2(s, l, d, f, E) {
       {
-        var T, y = {}, S = null, O = null;
-        d !== void 0 && (e3(d), S = "" + d), X3(l) && (e3(l.key), S = "" + l.key), J3(l) && (O = l.ref, Q3(l, E));
+        var T, y = {}, S = null, k = null;
+        d !== void 0 && (e3(d), S = "" + d), X3(l) && (e3(l.key), S = "" + l.key), J3(l) && (k = l.ref, Q3(l, E));
         for (T in l)
-          o1.call(l, T) && !z3.hasOwnProperty(T) && (y[T] = l[T]);
+          s1.call(l, T) && !z3.hasOwnProperty(T) && (y[T] = l[T]);
         if (s && s.defaultProps) {
           var L = s.defaultProps;
           for (T in L)
             y[T] === void 0 && (y[T] = L[T]);
         }
-        if (S || O) {
+        if (S || k) {
           var $ = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          S && N3(y, $), O && e2(y, $);
+          S && N3(y, $), k && e2(y, $);
         }
-        return t2(s, S, O, E, f, t3.current, y);
+        return t2(s, S, k, E, f, t3.current, y);
       }
     }
     var R1 = b.ReactCurrentOwner, s3 = b.ReactDebugCurrentFrame;
@@ -1222,7 +1234,7 @@ function Oe() {
     function c3() {
       {
         if (R1.current) {
-          var s = z(R1.current.type);
+          var s = J(R1.current.type);
           if (s)
             return `
 
@@ -1257,7 +1269,7 @@ Check the top-level render call using <` + d + ">.");
           return;
         r3[d] = !0;
         var f = "";
-        s && s._owner && s._owner !== R1.current && (f = " It was passed a child from " + z(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, f), e1(null);
+        s && s._owner && s._owner !== R1.current && (f = " 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, f), e1(null);
       }
     }
     function i3(s, l) {
@@ -1289,16 +1301,16 @@ Check the top-level render call using <` + d + ">.");
           d = l.propTypes;
         else if (typeof l == "object" && (l.$$typeof === h || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        l.$$typeof === _))
+        l.$$typeof === P))
           d = l.propTypes;
         else
           return;
         if (d) {
-          var f = z(l);
+          var f = J(l);
           K3(d, s.props, "prop", f, s);
         } else if (l.PropTypes !== void 0 && !E1) {
           E1 = !0;
-          var E = z(l);
+          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.");
@@ -1323,10 +1335,10 @@ Check the top-level render call using <` + d + ">.");
         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 O = o2();
-          O ? S += O : S += c3();
+          var k = o2();
+          k ? S += k : S += c3();
           var L;
-          s === null ? L = "null" : I1(s) ? L = "array" : s !== void 0 && s.$$typeof === t ? (L = "<" + (z(s.type) || "Unknown") + " />", S = " Did you accidentally export a JSX literal instead of a component?") : L = typeof s, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, S);
+          s === null ? L = "null" : I1(s) ? L = "array" : s !== void 0 && s.$$typeof === t ? (L = "<" + (J(s.type) || "Unknown") + " />", S = " Did you accidentally export a JSX literal instead of a component?") : L = typeof s, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, S);
         }
         var $ = n2(s, l, d, E, T);
         if ($ == null)
@@ -1344,8 +1356,8 @@ Check the top-level render call using <` + d + ">.");
             else
               i3(F, s);
         }
-        if (o1.call(l, "key")) {
-          var Q = z(s), V = Object.keys(l).filter(function(v2) {
+        if (s1.call(l, "key")) {
+          var Q = J(s), V = Object.keys(l).filter(function(v2) {
             return v2 !== "key";
           }), D1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!a3[Q + D1]) {
@@ -1368,30 +1380,25 @@ React keys must be passed directly to JSX without using spread:
       return u3(s, l, d, !1);
     }
     var a2 = i2, u2 = l2;
-    r1.Fragment = c, r1.jsx = a2, r1.jsxs = u2;
-  }()), r1;
+    l1.Fragment = c, l1.jsx = a2, l1.jsxs = u2;
+  }()), l1;
 }
-var m3;
-function ke() {
-  return m3 || (m3 = 1, process.env.NODE_ENV === "production" ? w1.exports = Be() : w1.exports = Oe()), w1.exports;
+var p3;
+function Oe() {
+  return p3 || (p3 = 1, process.env.NODE_ENV === "production" ? w1.exports = Be() : w1.exports = ke()), w1.exports;
 }
-var n = ke();
+var n = Oe();
 const We = "_mwfit_ppa3l_1", Ve = {
   mwfit: We
 }, Ue = () => {
-  const { reconnect: e } = R(), t = C3(), o = we(), c = me();
-  return /* @__PURE__ */ n.jsx("div", { className: "vh-100 d-flex flex-grow-1 justify-content-center align-items-center", children: /* @__PURE__ */ n.jsxs("div", { className: `${Ve.mwfit} mx-auto text-center`, children: [
-    t === void 0 ? /* @__PURE__ */ n.jsx("h3", { children: "Connecting..." }) : /* @__PURE__ */ n.jsx("h3", { children: "Disconnected" }),
-    o && /* @__PURE__ */ n.jsx("h6", { children: o }),
-    c && /* @__PURE__ */ n.jsx(
-      "button",
-      {
-        className: "btn btn-secondary btn-lg",
-        onPointerDown: e,
-        children: "Reconnect"
-      }
-    )
-  ] }) });
+  const { reconnect: e } = R(), t = C3(), o = we(), c = pe();
+  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: `${Ve.mwfit} mx-auto text-center`, children: [
+      t === void 0 ? /* @__PURE__ */ n.jsx("h2", { children: "Connecting..." }) : /* @__PURE__ */ n.jsx("h2", { children: "Disconnected" }),
+      o && /* @__PURE__ */ n.jsx("h5", { className: "mt-1", children: o })
+    ] }),
+    c && /* @__PURE__ */ n.jsx("button", { className: "btn btn-secondary btn-lg", onPointerDown: e, children: "Reconnect" })
+  ] });
 }, A3 = Z2({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
@@ -1399,31 +1406,31 @@ const We = "_mwfit_ppa3l_1", Ve = {
   removeEventHandler: () => null,
   reconnect: () => null
 }), He = ({ children: e }) => {
-  const t = k1(), o = C3();
-  p1(() => {
+  const t = O1(), o = C3();
+  m1(() => {
     t($3());
   }, [t]);
-  const c = s1(
-    (h, m) => {
-      t(Te(h, m));
+  const c = c1(
+    (h, p) => {
+      t(Te(h, p));
     },
     [t]
-  ), r = s1(
-    (h, m) => {
-      c(h, { value: m });
+  ), r = c1(
+    (h, p) => {
+      c(h, { value: p });
     },
     [c]
-  ), i = s1(
-    (h, m, p) => {
-      t(De(h, m, p));
+  ), i = c1(
+    (h, p, m) => {
+      t(De(h, p, m));
     },
     [t]
-  ), v = s1(
-    (h, m) => {
-      t(_e(h, m));
+  ), v = c1(
+    (h, p) => {
+      t(_e(h, p));
     },
     [t]
-  ), u = s1(() => {
+  ), u = c1(() => {
     t(Pe());
   }, [t]);
   return /* @__PURE__ */ n.jsx(
@@ -1439,7 +1446,7 @@ const We = "_mwfit_ppa3l_1", Ve = {
       children: o ? e : /* @__PURE__ */ n.jsx(Ue, {})
     }
   );
-}, $6 = ({ children: e }) => /* @__PURE__ */ n.jsx(p2, { store: Ae, children: /* @__PURE__ */ n.jsx(He, { children: e }) });
+}, $6 = ({ children: e }) => /* @__PURE__ */ n.jsx(m2, { store: Ae, children: /* @__PURE__ */ n.jsx(He, { children: e }) });
 function R() {
   return S2(A3);
 }
@@ -1532,10 +1539,10 @@ function B6(e, t) {
   };
 }
 function Ke(e) {
-  const t = D(e), o = `/device/${e}`;
+  const t = _(e), o = `/device/${e}`;
   return B3(o, t == null ? void 0 : t.volume);
 }
-function O3(e) {
+function k3(e) {
   const { sendMessage: t } = R();
   return { powerOn: () => {
     t(`/device/${e}/powerOn`, null);
@@ -1545,14 +1552,14 @@ function O3(e) {
     t(`/device/${e}/powerToggle`, null);
   } };
 }
-function O1(e) {
-  const { sendMessage: t } = R(), o = D(e);
+function k1(e) {
+  const { sendMessage: t } = R(), o = _(e);
   return console.log("deviceState", o), o ? { itemsState: o, selectItem: (r) => {
     t(`/device/${e}/${r}`, null);
   } } : void 0;
 }
 function qe(e) {
-  const { sendMessage: t } = R(), o = D(e), c = () => {
+  const { sendMessage: t } = R(), o = _(e), c = () => {
     t(`/device/${e}/setDefaultChannelLevels`, null);
   }, r = () => {
     if ((o == null ? void 0 : o.levelControls) === void 0) return;
@@ -1562,8 +1569,8 @@ function qe(e) {
   };
   return o ? { levelControls: o.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
 }
-function O6(e) {
-  const t = D(e), o = O3(e), c = O1(e), r = O1(e), i = Ke(e), v = qe(e);
+function k6(e) {
+  const t = _(e), o = k3(e), c = k1(e), r = k1(e), i = Ke(e), v = qe(e);
   if (t)
     return {
       avrState: t,
@@ -1574,9 +1581,9 @@ function O6(e) {
       mainVolumeControl: i
     };
 }
-const k6 = ({ className: e }) => {
-  const [t, o] = G();
-  return p1(() => {
+const O6 = ({ className: e }) => {
+  const [t, o] = Y();
+  return m1(() => {
     setInterval(() => {
       const c = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
       o(c);
@@ -1587,7 +1594,7 @@ const k6 = ({ className: e }) => {
   ] });
 };
 function W6(e) {
-  const { sendMessage: t } = R(), o = D(e), c = `/device/${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) => {
@@ -1595,7 +1602,7 @@ function W6(e) {
   } } : void 0;
 }
 function V6(e) {
-  const t = D(e);
+  const t = _(e);
   if (t)
     return { endpointState: t };
 }
@@ -1608,14 +1615,14 @@ function H6(e) {
   return { red: o, green: c, yellow: r, blue: i };
 }
 function F6(e) {
-  const t = D(e);
+  const t = _(e);
   if (t)
     return {
       communicationMonitorState: t
     };
 }
 function K6(e) {
-  const t = D(e);
+  const t = _(e);
   if (t)
     return t.deviceInfo || void 0;
 }
@@ -1624,17 +1631,17 @@ function q6(e) {
   return { up: o, down: c, left: r, right: i, select: v, menu: u, exit: h };
 }
 function G6(e) {
-  const { sendMessage: t } = R(), o = `/device/${e}`, c = D(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"), p = (_) => t("/camera/recallPreset", _);
+  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"), p = g(o, "cameraZoomOut"), m = (P) => t("/camera/recallPreset", P);
   if (c)
     return {
       state: c,
       zoomIn: h,
-      zoomOut: m,
+      zoomOut: p,
       up: r,
       down: i,
       left: v,
       right: u,
-      recallPreset: p
+      recallPreset: m
     };
 }
 function Y6(e) {
@@ -1651,7 +1658,7 @@ function z6(e) {
   return { dvrList: o, record: c };
 }
 function J6(e) {
-  const { sendMessage: t } = R(), o = D(e);
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { roomCombinerState: o, setAutoMode: () => {
     t(`/device/${e}/setAutoMode`, null);
   }, setManualMode: () => {
@@ -1665,7 +1672,7 @@ function J6(e) {
   } } : void 0;
 }
 function X6(e) {
-  const { sendMessage: t } = R(), o = `/device/${e}`, c = D(e);
+  const { sendMessage: t } = R(), o = `/device/${e}`, c = _(e);
   return c ? {
     state: c,
     selectCamera: (i) => {
@@ -1674,28 +1681,28 @@ function X6(e) {
   } : void 0;
 }
 function Q6(e) {
-  const t = D(e);
+  const t = _(e);
   if (t)
     return { state: t };
 }
 function N6(e) {
-  const { sendMessage: t, sendSimpleMessage: o } = R(), c = D(e), r = N2(e), i = c || r;
+  const { sendMessage: t, sendSimpleMessage: o } = R(), c = _(e), r = N2(e), i = c || r;
   return i ? {
     levelState: i,
-    setLevel: (p, _) => o(`${p}/level`, _),
-    muteToggle: (p) => t(`${p}/muteToggle`, null),
-    muteOn: (p) => t(`${p}/muteOn`, null),
-    muteOff: (p) => t(`${p}/muteOff`, null)
+    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)
   } : void 0;
 }
 function et(e) {
-  const { sendMessage: t } = R(), o = D(e);
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { lightingState: o, selectScene: (r) => {
     t(`/device/${e}/selectScene`, r);
   } } : void 0;
 }
 function tt(e) {
-  const { sendMessage: t } = R(), o = D(e);
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { matrixRoutingState: o, setRoute: (r) => {
     t(`/device/${e}/route`, r);
   } } : void 0;
@@ -1707,7 +1714,7 @@ function nt(e) {
   } };
 }
 function ot(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"), p = g(t, "num8"), _ = g(t, "num9"), H = g(t, "numDash"), a = g(t, "numEnter");
+  const t = `/device/${e}`, o = g(t, "num0"), c = g(t, "num1"), r = g(t, "num2"), i = g(t, "num3"), v = g(t, "num4"), u = g(t, "num5"), h = g(t, "num6"), p = g(t, "num7"), m = g(t, "num8"), P = g(t, "num9"), H = g(t, "numDash"), a = g(t, "numEnter");
   return {
     digit0: o,
     digit1: c,
@@ -1716,15 +1723,15 @@ function ot(e) {
     digit4: v,
     digit5: u,
     digit6: h,
-    digit7: m,
-    digit8: p,
-    digit9: _,
+    digit7: p,
+    digit8: m,
+    digit9: P,
     keypadAccessoryButton1: H,
     keypadAccessoryButton2: a
   };
 }
 function st(e) {
-  const { sendMessage: t } = R(), o = D(e);
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { projectorScreenLiftControlState: o, raise: () => {
     t(`/device/${e}/raise`, null);
   }, lower: () => {
@@ -1751,7 +1758,7 @@ function lt(e) {
 }
 function it(e) {
   const { sendMessage: t } = R();
-  return { routingState: D(e), runRoute: (r) => {
+  return { routingState: _(e), runRoute: (r) => {
     t(`/room/${e}/source`, r);
   } };
 }
@@ -1760,7 +1767,7 @@ function at(e) {
   return { dvrList: o, replay: c };
 }
 function ut(e) {
-  const { sendMessage: t } = R(), o = D(e);
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { shadeState: o, shadeUp: () => {
     t(`/device/${e}/shadeUp`, null);
   }, shadeDown: () => {
@@ -1782,7 +1789,7 @@ function dt(e) {
   } } : void 0;
 }
 function vt(e) {
-  const { sendMessage: t } = R(), o = D(e);
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { switchedOutputState: o, on: () => {
     t(`/device/${e}/on`, null);
   }, off: () => {
@@ -1798,11 +1805,11 @@ function ht(e) {
   } } : void 0;
 }
 function gt(e) {
-  const { sendMessage: t } = R(), o = D(e);
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { state: o, setTemperatureUnitsToCelcius: () => t(`${e}/setTemperatureUnitsToCelcius`, null), setTemperatureUnitsToFahrenheit: () => t(`${e}/setTemperatureUnitsToFahrenheit`, null) } : void 0;
 }
 function ft(e) {
-  const { sendMessage: t } = R(), o = D(e), c = (r) => {
+  const { sendMessage: t } = R(), o = _(e), c = (r) => {
     t(`/device/${e}/saveTheme`, { value: r });
   };
   return {
@@ -1811,7 +1818,7 @@ function ft(e) {
   };
 }
 function wt(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 = 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"), p = g(t, "record");
   return {
     play: o,
     pause: c,
@@ -1820,11 +1827,11 @@ function wt(e) {
     nextTrack: v,
     rewind: u,
     fastForward: h,
-    record: m
+    record: p
   };
 }
-function mt(e) {
-  const t = D(e), { sendMessage: o } = R();
+function pt(e) {
+  const t = _(e), { sendMessage: o } = R();
   return t ? {
     touchpanelState: t,
     appControl: { hideApp: () => {
@@ -1839,8 +1846,8 @@ function mt(e) {
     } }
   } : void 0;
 }
-function pt(e) {
-  const t = D(e), o = O3(e), c = O1(e);
+function mt(e) {
+  const t = _(e), o = k3(e), c = k1(e);
   if (!t) return;
   const r = (t.powerState || t.isWarming) && !t.isCooling, i = (!t.powerState || t.isCooling) && !t.isWarming;
   return {
@@ -1858,7 +1865,7 @@ const xt = ({
   config: e
 }) => {
   const { sendMessage: t } = R();
-  p1(() => {
+  m1(() => {
     var c, r, i, v;
     if (!e)
       return;
@@ -1888,11 +1895,11 @@ const xt = ({
   }, [e, t]);
 };
 function Zt(e, t) {
-  const [o, c] = G(!1), [r, i] = G(!1);
+  const [o, c] = Y(!1), [r, i] = Y(!1);
   return x3(() => {
     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 h = v && v.scrollHeight > v.clientHeight, p = v && v.scrollWidth > v.clientWidth;
+      i(h ?? !1), c(p ?? !1), t && t(h ?? !1, p ?? !1);
     };
     v && u();
   }, [e, t]), { overflowHorizontal: o, overflowVertical: r };
@@ -1907,27 +1914,27 @@ function jt(e, t) {
 }
 function Ct(e) {
   var u, h;
-  const [t, o] = G(((u = e == null ? void 0 : e.current) == null ? void 0 : u.scrollLeft) ?? 0), [c, r] = G(((h = e == null ? void 0 : e.current) == null ? void 0 : h.scrollTop) ?? 0), i = (m) => {
-    const { current: p } = e;
-    p && (console.log(p.scrollLeft), p.scrollLeft += m, console.log(p.scrollLeft));
-  }, v = (m) => {
-    const { current: p } = e;
-    p && (console.log(p.scrollTop), p.scrollTop += m, console.log(p.scrollTop));
+  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 = (p) => {
+    const { current: m } = e;
+    m && (console.log(m.scrollLeft), m.scrollLeft += p, console.log(m.scrollLeft));
+  }, v = (p) => {
+    const { current: m } = e;
+    m && (console.log(m.scrollTop), m.scrollTop += p, console.log(m.scrollTop));
   };
   return x3(() => {
-    const { current: m } = e, p = () => {
-      o((m == null ? void 0 : m.scrollLeft) ?? 0), r((m == null ? void 0 : m.scrollTop) ?? 0);
+    const { current: p } = e, m = () => {
+      o((p == null ? void 0 : p.scrollLeft) ?? 0), r((p == null ? void 0 : p.scrollTop) ?? 0);
     };
-    m && p();
+    p && m();
   }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: i, scrollVertical: v };
 }
 function bt(e) {
-  const t = k1();
+  const t = O1();
   return [() => {
-    t(k.addSyncState(e));
+    t(O.addSyncState(e));
   }, () => {
-    t(k.removeSyncState(e));
-  }, pe(e)];
+    t(O.removeSyncState(e));
+  }, me(e)];
 }
 function yt() {
   const { sendMessage: e } = R();
@@ -1941,13 +1948,13 @@ function yt() {
   };
 }
 function It() {
-  const [e, t] = G(), [o, c] = G();
+  const [e, t] = Y(), [o, c] = Y();
   function r() {
     t((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
     const i = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
     c(i);
   }
-  return p1(() => {
+  return m1(() => {
     r();
     const i = setInterval(() => {
       r();
@@ -1956,7 +1963,7 @@ function It() {
   }, []), { date: e, time: o };
 }
 const Rt = () => {
-  const [e, t] = G(!1), o = j2(), c = C2();
+  const [e, t] = Y(!1), o = j2(), c = C2();
   let r;
   return b2(c) ? r = c.statusText : c instanceof Error ? r = c.message : typeof c == "string" ? r = c : (console.error(c), r = "Unknown error"), /* @__PURE__ */ n.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
     /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger rounded d-flex align-items-center", children: /* @__PURE__ */ n.jsx("span", { className: "fs-5 text-white", children: "We are sorry. Something went wrong." }) }),
@@ -1992,12 +1999,12 @@ const Rt = () => {
   disabled: v,
   feedback: u,
   feedbackClassName: h,
-  onPointerDown: m,
-  onPointerUp: p,
-  onPointerLeave: _,
+  onPointerDown: p,
+  onPointerUp: m,
+  onPointerLeave: P,
   ...H
 }) => {
-  const [a, Z] = G(!1), j = !v && u ? h : "", C = !v && (a || u);
+  const [a, Z] = Y(!1), j = !v && u ? h : "", C = !v && (a || u);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
@@ -2006,13 +2013,13 @@ const Rt = () => {
       ...H,
       disabled: v,
       onPointerDown: (b) => {
-        Z(!0), m == null || m(b);
+        Z(!0), p == null || p(b);
       },
       onPointerUp: (b) => {
-        Z(!1), p == null || p(b);
+        Z(!1), m == null || m(b);
       },
       onPointerLeave: (b) => {
-        Z(!1), _ == null || _(b);
+        Z(!1), P == null || P(b);
       },
       children: [
         e && /* @__PURE__ */ n.jsx(
@@ -3018,7 +3025,7 @@ const Rt = () => {
     active: e,
     disabled: o
   }
-), m8 = ({
+), p8 = ({
   active: e,
   className: t = "",
   disabled: o
@@ -3067,7 +3074,7 @@ const Rt = () => {
     active: e,
     disabled: o
   }
-), p8 = ({
+), m8 = ({
   active: e,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   className: t = "",
@@ -3662,8 +3669,8 @@ const Rt = () => {
   Power: g8,
   Privacy: f8,
   Question: w8,
-  RightArrow: m8,
-  RoomPC: p8,
+  RightArrow: p8,
+  RoomPC: m8,
   Shade: M8,
   Sun: x8,
   UpArrow: Z8,
@@ -3682,28 +3689,28 @@ function Tt({
   const c = t[e] ?? null;
   return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ n.jsx(Je, { multiIcon: c, ...o });
 }
-const T8 = "_grid_1cmpp_1", D8 = "_header_1cmpp_11", _8 = "_content_1cmpp_17", P8 = "_footer_1cmpp_23", L8 = "_volume_1cmpp_29", l1 = {
+const T8 = "_grid_1cmpp_1", D8 = "_header_1cmpp_11", _8 = "_content_1cmpp_17", P8 = "_footer_1cmpp_23", L8 = "_volume_1cmpp_29", i1 = {
   grid: T8,
   header: D8,
   content: _8,
   footer: P8,
   volume: L8
-}, Dt = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ n.jsxs("div", { className: l1.grid, children: [
-  /* @__PURE__ */ n.jsx("div", { className: l1.header, children: e }),
-  /* @__PURE__ */ n.jsx("div", { className: l1.content, children: o }),
-  r && /* @__PURE__ */ n.jsx("div", { className: l1.volume, children: c }),
-  /* @__PURE__ */ n.jsx("div", { className: l1.footer, children: t })
-] }), $8 = "_grid_11w5q_1", A8 = "_header_11w5q_11", B8 = "_content_11w5q_17", m1 = {
+}, Dt = ({ 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 })
+] }), $8 = "_grid_11w5q_1", A8 = "_header_11w5q_11", B8 = "_content_11w5q_17", p1 = {
   grid: $8,
   header: A8,
   content: B8
-}, _t = ({ className: e, header: t, content: o, leftNav: c }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${m1.grid}`, children: [
-  /* @__PURE__ */ n.jsx("div", { className: m1.header, children: t }),
-  c && /* @__PURE__ */ n.jsx("div", { className: m1.leftNav, children: c }),
-  /* @__PURE__ */ n.jsx("div", { className: m1.content, children: o })
-] }), O8 = "_grid_1uwfo_1", k8 = "_header_1uwfo_11", W8 = "_content_1uwfo_17", L1 = {
-  grid: O8,
-  header: k8,
+}, _t = ({ className: e, header: t, content: o, leftNav: c }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${p1.grid}`, children: [
+  /* @__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 })
+] }), k8 = "_grid_1uwfo_1", O8 = "_header_1uwfo_11", W8 = "_content_1uwfo_17", L1 = {
+  grid: k8,
+  header: O8,
   content: W8
 }, Pt = ({ className: e, header: t, content: o }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${L1.grid}`, children: [
   /* @__PURE__ */ n.jsx("div", { className: L1.header, children: t }),
@@ -3711,9 +3718,9 @@ const T8 = "_grid_1cmpp_1", D8 = "_header_1cmpp_11", _8 = "_content_1cmpp_17", P
 ] });
 class Lt {
   constructor() {
-    K(this, "currentShareText");
-    K(this, "enabled");
-    K(this, "isSharing");
+    q(this, "currentShareText");
+    q(this, "enabled");
+    q(this, "isSharing");
   }
 }
 function $t() {
@@ -3722,14 +3729,14 @@ function $t() {
 var V8 = /* @__PURE__ */ ((e) => (e[e.NotSet = 0] = "NotSet", e[e.Sunday = 1] = "Sunday", e[e.Monday = 2] = "Monday", e[e.Tuesday = 4] = "Tuesday", e[e.Wednesday = 8] = "Wednesday", e[e.Thursday = 16] = "Thursday", e[e.Friday = 32] = "Friday", e[e.Saturday = 64] = "Saturday", e))(V8 || {});
 class At {
   constructor(t, o) {
-    K(this, "path");
-    K(this, "handler");
+    q(this, "path");
+    q(this, "handler");
     this.path = t, this.handler = o;
   }
 }
 const Bt = "$off";
 export {
-  k6 as Clock,
+  O6 as Clock,
   V8 as DaysOfWeek,
   Rt as ErrorBox,
   Je as IconButton,
@@ -3754,8 +3761,8 @@ export {
   g8 as IconMultiPower,
   f8 as IconMultiPrivacy,
   w8 as IconMultiQuestion,
-  m8 as IconMultiRightArrow,
-  p8 as IconMultiRoomPC,
+  p8 as IconMultiRightArrow,
+  m8 as IconMultiRoomPC,
   M8 as IconMultiShade,
   x8 as IconMultiSun,
   Et as IconMultiTemplate,
@@ -3804,12 +3811,12 @@ export {
   W1 as selectModalVisibility,
   E2 as selectPartnerMetadata,
   Y2 as selectRoomAdvancedSharingActive,
-  O2 as selectRoomAudioControlPointList,
+  k2 as selectRoomAudioControlPointList,
   P2 as selectRoomByKey,
   H2 as selectRoomCodecContentDestinationKey,
   D2 as selectRoomConfiguration,
   W2 as selectRoomDestinationList,
-  k2 as selectRoomDestinations,
+  O2 as selectRoomDestinations,
   X2 as selectRoomDisplayStates,
   V2 as selectRoomEnvironmentalDevices,
   F2 as selectRoomInCall,
@@ -3835,13 +3842,13 @@ export {
   ee as selectWsIsConnected,
   J2 as selectZoomRoomControllerKey,
   Ae as store,
-  k as uiActions,
+  O as uiActions,
   xe as uiReducer,
   z8 as useApiPath,
   Y8 as useAppConfig,
-  k1 as useAppDispatch,
+  O1 as useAppDispatch,
   w as useAppSelector,
-  O6 as useAvrControl,
+  k6 as useAvrControl,
   g as useButtonHeldHeartbeat,
   G6 as useCameraBase,
   M6 as useClientId,
@@ -3855,12 +3862,12 @@ export {
   Q8 as useGetAllDevices,
   e6 as useGetAllRooms,
   T6 as useGetCurrentPopoverIdForGroup,
-  D as useGetDevice,
+  _ as useGetDevice,
   A6 as useGetIBasicVolume,
   B6 as useGetIBasicVolumeWithFeedback,
   t6 as useGetRoom,
   w6 as useGetRoomDisplayStates,
-  m6 as useGetZoomRoomControllerKey,
+  p6 as useGetZoomRoomControllerKey,
   Z1 as useIBasicVolume,
   B3 as useIBasicVolumeWithFeedback,
   U6 as useIChannel,
@@ -3872,8 +3879,8 @@ export {
   z6 as useIDvr,
   J6 as useIEssentialsRoomCombiner,
   X6 as useIHasCameras,
-  O3 as useIHasPowerControl,
-  O1 as useIHasSelectableItems,
+  k3 as useIHasPowerControl,
+  k1 as useIHasSelectableItems,
   Q6 as useIHumiditySensor,
   N6 as useILevelControls,
   et as useILightingScenes,
@@ -3894,10 +3901,10 @@ export {
   ft as useITheme,
   wt as useITransport,
   L6 as useInitialize,
-  pe as useIsSyncStateValuePresent,
+  me as useIsSyncStateValuePresent,
   b6 as useIsTouchpanel,
   J8 as useLogoPath,
-  mt as useMobileControlTouchpanelController,
+  pt as useMobileControlTouchpanelController,
   Zt as useOverflow,
   X8 as usePartnerMetadata,
   Fe as usePressHoldRelease,
@@ -3914,7 +3921,7 @@ export {
   v6 as useRoomIsCoolingDown,
   h6 as useRoomIsOn,
   d6 as useRoomIsWarmingUp,
-  p6 as useRoomKey,
+  m6 as useRoomKey,
   N2 as useRoomLevelControls,
   n6 as useRoomName,
   i6 as useRoomProgramAudioDestinationKey,
@@ -3928,7 +3935,7 @@ export {
   R6 as useShowIncomingCallModal,
   E6 as useShowModal,
   D6 as useShowPopoverById,
-  me as useShowReconnect,
+  pe as useShowReconnect,
   I6 as useShowShutdownModal,
   bt as useStateIsSynced,
   yt as useSystemControl,
@@ -3936,7 +3943,7 @@ export {
   _6 as useTheme,
   It as useTimeAndDate,
   C6 as useTouchpanelKey,
-  pt as useTwoWayDisplayBase,
+  mt as useTwoWayDisplayBase,
   Z6 as useUserCode,
   R as useWebsocketContext,
   C3 as useWsIsConnected,