@pepperdash/mobile-control-react-app-core 1.25.0-feat-essentials-v3.2 → 1.25.0-feat-essentials-v3.3

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

@@ -4,7 +4,7 @@ var q = (e, t, o) => m2(e, typeof t != "symbol" ? t + "" : t, o);
 import M3, { AxiosError as p2 } from "axios";
 import { useDispatch as M2, useSelector as x2, Provider as Z2 } from "react-redux";
 import { createSelector as M, createSlice as v1, combineReducers as S2, configureStore as j2 } from "@reduxjs/toolkit";
-import x3, { createContext as C2, useEffect as Z1, useCallback as l1, useContext as b2, useRef as d1, useMemo as X, useState as Y, useLayoutEffect as Z3 } from "react";
+import x3, { createContext as C2, useEffect as Z1, useCallback as l1, useContext as b2, useRef as d1, useMemo as z, 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(), m = x2.withTypes(), S1 = (e) => e.appConfig, E2 = M(
@@ -16,18 +16,18 @@ const W1 = M2.withTypes(), m = x2.withTypes(), S1 = (e) => e.appConfig, E2 = M(
 ), D2 = M(
   S1,
   (e) => e.config.logoPath
-), _2 = M(
+), $2 = M(
   S1,
   (e) => e.config.partnerMetadata
-), X8 = () => m(E2), Q8 = () => m(T2), N8 = () => m(D2), e6 = () => m(_2), j3 = (e) => e.devices, C3 = M(
+), X8 = () => m(E2), Q8 = () => m(T2), N8 = () => m(D2), e6 = () => m($2), j3 = (e) => e.devices, C3 = M(
   j3,
   (e) => e
-), $2 = (e) => M(
+), _2 = (e) => M(
   j3,
   (t) => t[e] ? t[e] : void 0
 ), t6 = () => m(C3);
 function T(e) {
-  return m($2(e));
+  return m(_2(e));
 }
 const L = (e) => e.rooms, P2 = (e) => M(
   L,
@@ -38,10 +38,10 @@ const L = (e) => e.rooms, P2 = (e) => M(
 ), L2 = (e) => M(
   L,
   (t) => t[e] ? t[e] : void 0
-), O2 = (e) => M(
+), B2 = (e) => M(
   L,
   (t) => t[e] ? t[e].name : void 0
-), B2 = (e, t) => M(
+), O2 = (e, t) => M(
   L,
   (o) => o[e] ? o[e].volumes[t] : void 0
 ), k2 = (e) => M(
@@ -158,9 +158,9 @@ function j1(e) {
   return m(L2(e));
 }
 const s6 = j1, c6 = (e) => m(
-  O2(e)
+  B2(e)
 ), te = (e, t) => m(
-  B2(e, t)
+  O2(e, t)
 ), ne = (e) => m(k2(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
@@ -216,7 +216,7 @@ const s6 = j1, c6 = (e) => m(
 ), fe = M(e1, (e) => e.error), we = M(
   e1,
   (e) => e.showReconnect
-), me = M(e1, (e) => e.theme), pe = (e) => M(e1, (t) => t.syncState.includes(e)), _6 = () => m(V1("showShutdownModal")), $6 = () => m(V1("showIncomingCallModal")), P6 = (e) => m(V1(e)), A6 = (e) => m(he(e)), L6 = (e, t) => m(ge(e, t)), Me = () => m(fe), xe = () => m(we), O6 = () => m(me), Ze = (e) => m(pe(e)), Se = {
+), me = M(e1, (e) => e.theme), pe = (e) => M(e1, (t) => t.syncState.includes(e)), $6 = () => m(V1("showShutdownModal")), _6 = () => m(V1("showIncomingCallModal")), P6 = (e) => m(V1(e)), A6 = (e) => m(he(e)), L6 = (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: {
@@ -289,7 +289,7 @@ const s6 = j1, c6 = (e) => m(
       e.config = t.payload;
     }
   }
-}), T3 = E3.actions, be = E3.reducer, v3 = {}, O1 = v1({
+}), T3 = E3.actions, be = E3.reducer, v3 = {}, B1 = v1({
   name: "devices",
   initialState: v3,
   reducers: {
@@ -311,9 +311,9 @@ const s6 = j1, c6 = (e) => m(
     }
   }
 }), m1 = {
-  setDeviceState: O1.actions.setDeviceState,
-  clearDevices: O1.actions.clearDevices
-}, ye = O1.reducer;
+  setDeviceState: B1.actions.setDeviceState,
+  clearDevices: B1.actions.clearDevices
+}, ye = B1.reducer;
 class Ie {
   constructor() {
     q(this, "uuid", "current-uuid");
@@ -329,7 +329,7 @@ function Re(e) {
 function Ee(e, t) {
   sessionStorage.setItem(e, t);
 }
-const g3 = {}, B1 = v1({
+const g3 = {}, O1 = v1({
   name: "rooms",
   initialState: g3,
   reducers: {
@@ -346,9 +346,9 @@ const g3 = {}, B1 = v1({
     }
   }
 }), p1 = {
-  setRoomState: B1.actions.setRoomState,
-  clearRooms: B1.actions.clearRooms
-}, Te = B1.reducer, De = {
+  setRoomState: O1.actions.setRoomState,
+  clearRooms: O1.actions.clearRooms
+}, Te = O1.reducer, De = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -414,7 +414,7 @@ const g3 = {}, B1 = v1({
       e.touchpanelKey = t.payload;
     }
   }
-}), U = D3.actions, _e = D3.reducer, P1 = M3.create(), _3 = "websocket/connect", $3 = "websocket/disconnect", P3 = "websocket/sendMessage", A3 = "websocket/addEventHandler", L3 = "websocket/removeEventHandler", O3 = "websocket/reconnect", B3 = () => ({ type: _3 }), B6 = () => ({ type: $3 }), $e = (e, t) => ({
+}), U = D3.actions, $e = D3.reducer, P1 = M3.create(), $3 = "websocket/connect", _3 = "websocket/disconnect", P3 = "websocket/sendMessage", A3 = "websocket/addEventHandler", L3 = "websocket/removeEventHandler", B3 = "websocket/reconnect", O3 = () => ({ type: $3 }), O6 = () => ({ type: _3 }), _e = (e, t) => ({
   type: P3,
   payload: { messageType: e, content: t }
 }), Pe = (e, t, o) => ({
@@ -423,66 +423,66 @@ const g3 = {}, B1 = v1({
 }), Ae = (e, t) => ({
   type: L3,
   payload: { eventType: e, key: t }
-}), Le = () => ({ type: O3 }), Oe = () => {
+}), Le = () => ({ type: B3 }), Be = () => {
   const e = {
     client: null,
     token: null,
     waitingToReconnect: !1,
     reconnectTimer: null,
     eventHandlers: {}
-  }, t = async (u) => {
+  }, t = async (d) => {
     try {
-      const Z = location.pathname.split("/").filter((C) => C.length > 0);
+      const Z = location.pathname.split("/").filter((b) => b.length > 0);
       Z.length >= 5 ? Z.length = 5 : Z.length = 2;
-      const j = `/${Z.join("/")}`, S = await P1.get(
+      const C = `/${Z.join("/")}`, S = await P1.get(
         "/_local-config/_config.local.json",
-        { baseURL: j }
+        { baseURL: C }
       );
       if (S.status === 200 && S.data) {
-        const C = S.data.apiPath;
-        u(T3.setAppConfig(S.data));
+        const b = S.data.apiPath;
+        d(T3.setAppConfig(S.data));
         const x = await P1.get(
-          `${C}/version`
+          `${b}/version`
         );
-        x.status === 200 && x.data && u(U.setRuntimeConfig(x.data));
+        x.status === 200 && x.data && d(U.setRuntimeConfig(x.data));
       }
     } catch (Z) {
       console.error("Error getting config", Z);
     }
     return !0;
-  }, o = async (u, Z, j) => {
+  }, o = async (d, Z, C) => {
     try {
       const S = await P1.get(
-        `${u}/ui/joinroom?token=${Z}`
+        `${d}/ui/joinroom?token=${Z}`
       );
-      return S.status === 200 && S.data ? (j(U.setRoomData(S.data)), S.data) : null;
+      return S.status === 200 && S.data ? (C(U.setRoomData(S.data)), S.data) : null;
     } catch (S) {
-      return console.log(S), S instanceof p2 && S.response && S.response.status === 498 ? (console.error("Invalid token. Unable to join room"), j(
+      return console.log(S), S instanceof p2 && S.response && S.response.status === 498 ? (console.error("Invalid token. Unable to join room"), C(
         W.setErrorMessage(
           `Token ${Z} is invalid. Unable to join room`
         )
-      ), null) : (console.error("Error getting room data", S), S instanceof Error ? j(W.setErrorMessage(S.message)) : j(W.setErrorMessage("Error getting room data")), null);
+      ), null) : (console.error("Error getting room data", S), S instanceof Error ? C(W.setErrorMessage(S.message)) : C(W.setErrorMessage("Error getting room data")), null);
     }
-  }, c = (u) => {
+  }, c = (d) => {
     e.reconnectTimer && (clearTimeout(e.reconnectTimer), e.reconnectTimer = null), console.log("WebSocket middleware: Starting reconnection loop..."), e.reconnectTimer = setTimeout(() => {
-      e.waitingToReconnect = !1, e.reconnectTimer = null, console.log("WebSocket middleware: Attempting automatic reconnection..."), u(B3());
+      e.waitingToReconnect = !1, e.reconnectTimer = null, console.log("WebSocket middleware: Attempting automatic reconnection..."), d(O3());
     }, 5e3);
   }, r = () => {
     e.reconnectTimer && (console.log("WebSocket middleware: Stopping reconnection loop"), clearTimeout(e.reconnectTimer), e.reconnectTimer = null);
-  }, l = (u) => {
-    u(W.setShowReconnect(!0)), u(U.setWebsocketIsConnected(!1)), u(m1.clearDevices()), u(p1.clearRooms()), u(W.clearAllModals()), u(W.clearSyncState());
-  }, a = (u, Z) => {
+  }, l = (d) => {
+    d(W.setShowReconnect(!0)), d(U.setWebsocketIsConnected(!1)), d(m1.clearDevices()), d(p1.clearRooms()), d(W.clearAllModals()), d(W.clearSyncState());
+  }, a = (d, Z) => {
     var F;
-    const j = u(), S = Z ?? j.runtimeConfig.roomData.roomKey, { clientId: C } = j.runtimeConfig.roomData, x = j.runtimeConfig.websocket.isConnected, O = (F = j.runtimeConfig.roomData.config) == null ? void 0 : F.runtimeInfo.essentialsVersion;
+    const C = d(), S = Z ?? C.runtimeConfig.roomData.roomKey, { clientId: b } = C.runtimeConfig.roomData, x = C.runtimeConfig.websocket.isConnected, B = (F = C.runtimeConfig.roomData.config) == null ? void 0 : F.runtimeInfo.essentialsVersion;
     console.log("WebSocket middleware: Essentials version", {
-      essentialsVersion: O
+      essentialsVersion: B
     });
-    const o1 = O == null ? void 0 : O.startsWith("3.");
-    if (!Z || !x || !C) {
+    const o1 = B == null ? void 0 : B.startsWith("3.");
+    if (!Z || !x || !b) {
       console.log("WebSocket middleware: Cannot request room status", {
         hasRoomKey: !!Z,
         isConnected: x,
-        hasClientId: !!C
+        hasClientId: !!b
       });
       return;
     }
@@ -491,19 +491,19 @@ const g3 = {}, B1 = v1({
     ), e.client.send(
       JSON.stringify({
         type: `/room/${S}/fullStatus`,
-        clientId: C,
+        clientId: b,
         content: null
       })
     )) : e.client.send(
       JSON.stringify({
         type: `/room/${S}/status`,
-        clientId: C,
+        clientId: b,
         content: null
       })
     ));
-  }, g = async (u, Z) => {
+  }, g = async (d, Z) => {
     console.log("WebSocket middleware: Attempting to connect...");
-    const j = Z(), { apiPath: S } = j.appConfig.config, { serverIsRunningOnProcessorHardware: C } = j.runtimeConfig;
+    const C = Z(), { apiPath: S } = C.appConfig.config, { serverIsRunningOnProcessorHardware: b } = C.runtimeConfig;
     if (!S || !e.token) {
       console.log(
         "WebSocket middleware: Cannot connect - missing requirements",
@@ -526,66 +526,66 @@ const g3 = {}, B1 = v1({
     }
     e.waitingToReconnect = !0;
     try {
-      const x = await o(S, e.token, u);
+      const x = await o(S, e.token, d);
       if (!x) {
         console.log(
           "WebSocket middleware: Failed to get room data, will retry..."
-        ), c(u);
+        ), c(d);
         return;
       }
       console.log("WebSocket middleware: Connecting to websocket");
       const o1 = `${S.replace("http", "ws")}/ui/join/${e.token}?clientId=${x.clientId}`, F = new WebSocket(o1);
-      e.client = F, F.onopen = (B) => {
-        console.log("WebSocket middleware: Connected", B.type, B.target), e.waitingToReconnect = !1, r(), setTimeout(() => {
-          e.client === F && F.readyState === WebSocket.OPEN && u(U.setWebsocketIsConnected(!0));
+      e.client = F, F.onopen = (O) => {
+        console.log("WebSocket middleware: Connected", O.type, O.target), e.waitingToReconnect = !1, r(), setTimeout(() => {
+          e.client === F && F.readyState === WebSocket.OPEN && d(U.setWebsocketIsConnected(!0));
         }, 100);
-      }, F.onerror = (B) => {
-        console.error("WebSocket middleware: Error", B), l(u);
-      }, F.onclose = (B) => {
-        var _;
+      }, F.onerror = (O) => {
+        console.error("WebSocket middleware: Error", O), l(d);
+      }, F.onclose = (O) => {
+        var $;
         if (console.log(
           "WebSocket middleware: Disconnected",
-          B.reason,
-          B.code
-        ), B.code === 4100) {
-          console.log("WebSocket middleware: Closed by client (cleanup)"), r(), l(u);
+          O.reason,
+          O.code
+        ), O.code === 4100) {
+          console.log("WebSocket middleware: Closed by client (cleanup)"), r(), l(d);
           return;
         }
-        if (e.waitingToReconnect = !0, B.code === 4e3) {
-          console.log("WebSocket middleware: User code changed"), r(), u(
+        if (e.waitingToReconnect = !0, O.code === 4e3) {
+          console.log("WebSocket middleware: User code changed"), r(), d(
             U.setUserCode({ userCode: "", qrUrl: "" })
-          ), u(
+          ), d(
             W.setErrorMessage(
               "User code changed. Click reconnect to enter the new code"
             )
-          ), l(u);
+          ), l(d);
           return;
         }
-        if (B.code === 4002) {
-          console.log("WebSocket middleware: Room combination changed"), r(), u(
+        if (O.code === 4002) {
+          console.log("WebSocket middleware: Room combination changed"), r(), d(
             W.setErrorMessage(
               "Room combination changed. Click Reconnect to re-join the room"
             )
-          ), l(u);
+          ), l(d);
           return;
         }
-        if (B.code === 4001)
-          if (!!((_ = Z().runtimeConfig) != null && _.touchpanelKey))
+        if (O.code === 4001)
+          if (!!(($ = Z().runtimeConfig) != null && $.touchpanelKey))
             console.log(
               "WebSocket middleware: Code 4001 received with touchpanel key present, will auto-reconnect"
             );
-          else if (C)
+          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(), u(
+            ), r(), d(
               W.setErrorMessage(
                 "Processor has disconnected. Click Reconnect to continue."
               )
-            ), l(u);
+            ), l(d);
             return;
           }
         if (e.client)
@@ -596,47 +596,47 @@ const g3 = {}, B1 = v1({
           console.log("WebSocket middleware: Closed by client");
           return;
         }
-        e.client = null, console.log("WebSocket middleware: Clearing state on disconnect"), u(
+        e.client = null, console.log("WebSocket middleware: Clearing state on disconnect"), d(
           W.setErrorMessage(
             "Connection lost. Attempting to reconnect..."
           )
-        ), u(U.setWebsocketIsConnected(!1)), u(m1.clearDevices()), u(p1.clearRooms()), u(W.clearAllModals()), u(W.clearSyncState()), c(u);
-      }, F.onmessage = (B) => {
+        ), d(U.setWebsocketIsConnected(!1)), d(m1.clearDevices()), d(p1.clearRooms()), d(W.clearAllModals()), d(W.clearSyncState()), c(d);
+      }, F.onmessage = (O) => {
         try {
-          const _ = JSON.parse(B.data);
-          if (_.type === "close") {
-            F.close(4001, _.content);
+          const $ = JSON.parse(O.data);
+          if ($.type === "close") {
+            F.close(4001, $.content);
             return;
           }
-          if (_.type.startsWith("/system/"))
-            switch (_.type) {
+          if ($.type.startsWith("/system/"))
+            switch ($.type) {
               case "/system/touchpanelKey":
-                u(
+                d(
                   U.setTouchpanelKey(
-                    _.content
+                    $.content
                   )
                 );
                 break;
               case "/system/roomKey":
-                u(p1.clearRooms()), u(m1.clearDevices()), u(W.clearSyncState()), u(
+                d(p1.clearRooms()), d(m1.clearDevices()), d(W.clearSyncState()), d(
                   U.setCurrentRoomKey(
-                    _.content
+                    $.content
                   )
                 );
                 break;
               case "/system/userCodeChanged":
-                u(
-                  U.setUserCode(_.content)
+                d(
+                  U.setUserCode($.content)
                 );
                 break;
               case "/system/roomCombinationChanged":
                 window.location.reload();
                 break;
               case "/system/deviceInterfaces": {
-                const z = _.content;
-                u(
+                const J = $.content;
+                d(
                   U.setDeviceInterfaces(
-                    z.deviceInterfaces
+                    J.deviceInterfaces
                   )
                 );
                 break;
@@ -644,18 +644,18 @@ const g3 = {}, B1 = v1({
               default:
                 console.log(
                   "WebSocket middleware: Unhandled system message",
-                  _
+                  $
                 );
                 break;
             }
-          else if (_.type.startsWith("/event/")) {
-            const z = e.eventHandlers[_.type];
-            z || console.log(
+          else if ($.type.startsWith("/event/")) {
+            const J = e.eventHandlers[$.type];
+            J || console.log(
               "WebSocket middleware: No handlers found for event type",
-              _.type
-            ), z && Object.values(z).forEach((s1) => {
+              $.type
+            ), J && Object.values(J).forEach((s1) => {
               try {
-                s1(_);
+                s1($);
               } catch (b1) {
                 console.error(
                   "WebSocket middleware: Event handler error",
@@ -663,9 +663,9 @@ const g3 = {}, B1 = v1({
                 );
               }
             });
-          } else _.type.startsWith("/room/") ? u(p1.setRoomState(_)) : _.type.startsWith("/device/") && u(m1.setDeviceState(_));
-        } catch (_) {
-          console.error("WebSocket middleware: Message handling error", _);
+          } else $.type.startsWith("/room/") ? d(p1.setRoomState($)) : $.type.startsWith("/device/") && d(m1.setDeviceState($));
+        } catch ($) {
+          console.error("WebSocket middleware: Message handling error", $);
         }
       }, e.waitingToReconnect = !1;
     } catch (x) {
@@ -673,78 +673,78 @@ const g3 = {}, B1 = v1({
     }
   }, h = () => {
     e.client && (console.log("WebSocket middleware: Disconnecting"), r(), e.client.close(4100, "Client requested disconnect"), e.client = null);
-  }, f = (u, Z, j) => {
-    const S = j(), C = S.runtimeConfig.websocket.isConnected, x = S.runtimeConfig.roomData.clientId;
-    e.client && C ? e.client.send(
-      JSON.stringify({ type: u, clientId: x, content: Z })
+  }, f = (d, Z, C) => {
+    const S = C(), b = S.runtimeConfig.websocket.isConnected, x = S.runtimeConfig.roomData.clientId;
+    e.client && b ? e.client.send(
+      JSON.stringify({ type: d, clientId: x, content: Z })
     ) : console.warn("WebSocket middleware: Cannot send message - not connected");
-  }, d = (u, Z, j) => {
-    e.eventHandlers[u] || (e.eventHandlers[u] = {}), e.eventHandlers[u][Z] = j, console.log("WebSocket middleware: Event handler added", u, Z);
-  }, $ = (u, Z) => {
-    e.eventHandlers[u] && (delete e.eventHandlers[u][Z], console.log(
+  }, u = (d, Z, C) => {
+    e.eventHandlers[d] || (e.eventHandlers[d] = {}), e.eventHandlers[d][Z] = C, console.log("WebSocket middleware: Event handler added", d, Z);
+  }, _ = (d, Z) => {
+    e.eventHandlers[d] && (delete e.eventHandlers[d][Z], console.log(
       "WebSocket middleware: Event handler removed",
-      u,
+      d,
       Z
     ));
-  }, H = (u) => {
-    const Z = u(), { gatewayAppPath: j } = Z.appConfig.config, S = Z.runtimeConfig.roomData.roomKey, C = Z.runtimeConfig.roomData.systemUuid, x = Z.runtimeConfig.roomData.userCode, O = `${j}?uuid=${C}&roomKey=${S}`;
-    window.location.href = x ? `${O}&Code=${x}` : O;
+  }, H = (d) => {
+    const Z = d(), { gatewayAppPath: C } = Z.appConfig.config, S = Z.runtimeConfig.roomData.roomKey, b = Z.runtimeConfig.roomData.systemUuid, x = Z.runtimeConfig.roomData.userCode, B = `${C}?uuid=${b}&roomKey=${S}`;
+    window.location.href = x ? `${B}&Code=${x}` : B;
   };
-  return (u) => (Z) => (j) => {
-    const S = Z(j);
-    if (!j || typeof j != "object" || !("type" in j))
+  return (d) => (Z) => (C) => {
+    const S = Z(C);
+    if (!C || typeof C != "object" || !("type" in C))
       return S;
-    const C = j;
+    const b = C;
     return (async () => {
-      switch (C.type) {
-        case _3: {
-          let O = new URLSearchParams(window.location.search).get("token");
-          O ? (console.log("WebSocket middleware: Saving token"), Ee(h3.uuid, O)) : (O = Re(h3.uuid), console.log("WebSocket middleware: Loading token")), e.token = O, await t(u.dispatch), await g(u.dispatch, u.getState);
+      switch (b.type) {
+        case $3: {
+          let B = new URLSearchParams(window.location.search).get("token");
+          B ? (console.log("WebSocket middleware: Saving token"), Ee(h3.uuid, B)) : (B = Re(h3.uuid), console.log("WebSocket middleware: Loading token")), e.token = B, await t(d.dispatch), await g(d.dispatch, d.getState);
           break;
         }
-        case $3:
+        case _3:
           h();
           break;
         case P3:
           f(
-            C.payload.messageType,
-            C.payload.content,
-            u.getState
+            b.payload.messageType,
+            b.payload.content,
+            d.getState
           );
           break;
         case A3:
-          d(
-            C.payload.eventType,
-            C.payload.key,
-            C.payload.callback
+          u(
+            b.payload.eventType,
+            b.payload.key,
+            b.payload.callback
           );
           break;
         case L3:
-          $(
-            C.payload.eventType,
-            C.payload.key
+          _(
+            b.payload.eventType,
+            b.payload.key
           );
           break;
-        case O3:
-          H(u.getState);
+        case B3:
+          H(d.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(() => a(u.getState), 100));
-          else if (j.type === U.setRoomData.type) {
-            const x = u.getState(), O = j.payload;
-            x.runtimeConfig.websocket.isConnected && (O != null && O.clientId) && (console.log(
+            ), setTimeout(() => a(d.getState), 100));
+          else if (C.type === U.setRoomData.type) {
+            const x = d.getState(), B = C.payload;
+            x.runtimeConfig.websocket.isConnected && (B != null && B.clientId) && (console.log(
               "[WebSocket Middleware] Room data received, requesting room status..."
-            ), setTimeout(() => a(u.getState), 100));
-          } else if (j.type === U.setCurrentRoomKey.type) {
-            const x = j.payload;
+            ), setTimeout(() => a(d.getState), 100));
+          } else if (C.type === U.setCurrentRoomKey.type) {
+            const x = C.payload;
             x && (console.log(
               "[WebSocket Middleware] Room changed to:",
               x,
               ", requesting room status..."
-            ), setTimeout(() => a(u.getState, x), 100));
+            ), setTimeout(() => a(d.getState, x), 100));
           }
           break;
       }
@@ -752,20 +752,20 @@ const g3 = {}, B1 = v1({
       console.error("WebSocket middleware: Error handling action", x);
     }), S;
   };
-}, Be = S2({
+}, Oe = S2({
   appConfig: be,
-  runtimeConfig: _e,
+  runtimeConfig: $e,
   rooms: Te,
   devices: ye,
   ui: je
 }), ke = j2({
-  reducer: Be,
+  reducer: Oe,
   middleware: (e) => e({
     serializableCheck: {
       // Ignore WebSocket actions with callbacks
       ignoredActions: ["websocket/addEventHandler"]
     }
-  }).concat(Oe())
+  }).concat(Be())
 }), f3 = M3.create();
 function k6() {
   const e = W1();
@@ -807,11 +807,11 @@ function We() {
   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, l = { key: !0, ref: !0, __self: !0, __source: !0 };
   function a(g, h, f) {
-    var d, $ = {}, H = null, u = null;
-    f !== void 0 && (H = "" + f), h.key !== void 0 && (H = "" + h.key), h.ref !== void 0 && (u = h.ref);
-    for (d in h) c.call(h, d) && !l.hasOwnProperty(d) && ($[d] = h[d]);
-    if (g && g.defaultProps) for (d in h = g.defaultProps, h) $[d] === void 0 && ($[d] = h[d]);
-    return { $$typeof: t, type: g, key: H, ref: u, props: $, _owner: r.current };
+    var u, _ = {}, H = null, d = null;
+    f !== void 0 && (H = "" + f), h.key !== void 0 && (H = "" + h.key), h.ref !== void 0 && (d = h.ref);
+    for (u in h) c.call(h, u) && !l.hasOwnProperty(u) && (_[u] = h[u]);
+    if (g && g.defaultProps) for (u in h = g.defaultProps, h) _[u] === void 0 && (_[u] = h[u]);
+    return { $$typeof: t, type: g, key: H, ref: d, props: _, _owner: r.current };
   }
   return i1.Fragment = o, i1.jsx = a, i1.jsxs = a, i1;
 }
@@ -828,24 +828,24 @@ var a1 = {};
 var m3;
 function Ve() {
   return m3 || (m3 = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), g = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), $ = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), Z = Symbol.iterator, j = "@@iterator";
+    var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), g = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), d = Symbol.for("react.offscreen"), Z = Symbol.iterator, C = "@@iterator";
     function S(s) {
       if (s === null || typeof s != "object")
         return null;
-      var i = Z && s[Z] || s[j];
+      var i = Z && s[Z] || s[C];
       return typeof i == "function" ? i : null;
     }
-    var C = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function x(s) {
       {
         for (var i = arguments.length, v = new Array(i > 1 ? i - 1 : 0), p = 1; p < i; p++)
           v[p - 1] = arguments[p];
-        O("error", s, v);
+        B("error", s, v);
       }
     }
-    function O(s, i, v) {
+    function B(s, i, v) {
       {
-        var p = C.ReactDebugCurrentFrame, E = p.getStackAddendum();
+        var p = b.ReactDebugCurrentFrame, E = p.getStackAddendum();
         E !== "" && (i += "%s", v = v.concat([E]));
         var D = v.map(function(I) {
           return String(I);
@@ -853,10 +853,10 @@ function Ve() {
         D.unshift("Warning: " + i), Function.prototype.apply.call(console[s], console, D);
       }
     }
-    var o1 = !1, F = !1, B = !1, _ = !1, z = !1, s1;
+    var o1 = !1, F = !1, O = !1, $ = !1, J = !1, s1;
     s1 = Symbol.for("react.module.reference");
     function b1(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === c || s === l || z || s === r || s === f || s === d || _ || s === u || o1 || F || B || typeof s == "object" && s !== null && (s.$$typeof === H || s.$$typeof === $ || s.$$typeof === a || s.$$typeof === g || s.$$typeof === h || // This needs to include all possible module reference object
+      return !!(typeof s == "string" || typeof s == "function" || s === c || s === l || J || s === r || s === f || s === u || $ || s === d || o1 || F || O || typeof s == "object" && s !== null && (s.$$typeof === H || s.$$typeof === _ || s.$$typeof === a || s.$$typeof === g || 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.
@@ -872,7 +872,7 @@ function Ve() {
     function U1(s) {
       return s.displayName || "Context";
     }
-    function J(s) {
+    function X(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")
@@ -890,7 +890,7 @@ function Ve() {
           return "StrictMode";
         case f:
           return "Suspense";
-        case d:
+        case u:
           return "SuspenseList";
       }
       if (typeof s == "object")
@@ -903,13 +903,13 @@ function Ve() {
             return U1(v._context) + ".Provider";
           case h:
             return U3(s, s.render, "ForwardRef");
-          case $:
+          case _:
             var p = s.displayName || null;
-            return p !== null ? p : J(s.type) || "Memo";
+            return p !== null ? p : X(s.type) || "Memo";
           case H: {
             var E = s, D = E._payload, I = E._init;
             try {
-              return J(I(D));
+              return X(I(D));
             } catch {
               return null;
             }
@@ -979,7 +979,7 @@ function Ve() {
         c1 < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var y1 = C.ReactCurrentDispatcher, I1;
+    var y1 = b.ReactCurrentDispatcher, I1;
     function h1(s, i, v) {
       {
         if (I1 === void 0)
@@ -1046,17 +1046,17 @@ function Ve() {
         }
       } catch (V) {
         if (V && p && typeof V.stack == "string") {
-          for (var b = V.stack.split(`
+          for (var y = V.stack.split(`
 `), k = p.stack.split(`
-`), P = b.length - 1, A = k.length - 1; P >= 1 && A >= 0 && b[P] !== k[A]; )
+`), P = y.length - 1, A = k.length - 1; P >= 1 && A >= 0 && y[P] !== k[A]; )
             A--;
           for (; P >= 1 && A >= 0; P--, A--)
-            if (b[P] !== k[A]) {
+            if (y[P] !== k[A]) {
               if (P !== 1 || A !== 1)
                 do
-                  if (P--, A--, A < 0 || b[P] !== k[A]) {
+                  if (P--, A--, A < 0 || y[P] !== k[A]) {
                     var K = `
-` + b[P].replace(" at new ", " at ");
+` + y[P].replace(" at new ", " at ");
                     return s.displayName && K.includes("<anonymous>") && (K = K.replace("<anonymous>", s.displayName)), typeof s == "function" && g1.set(s, K), K;
                   }
                 while (P >= 1 && A >= 0);
@@ -1086,14 +1086,14 @@ function Ve() {
       switch (s) {
         case f:
           return h1("Suspense");
-        case d:
+        case u:
           return h1("SuspenseList");
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
           case h:
             return q3(s.render);
-          case $:
+          case _:
             return f1(s.type, i, v);
           case H: {
             var p = s, E = p._payload, D = p._init;
@@ -1105,7 +1105,7 @@ function Ve() {
         }
       return "";
     }
-    var r1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = C.ReactDebugCurrentFrame;
+    var r1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = b.ReactDebugCurrentFrame;
     function w1(s) {
       if (s) {
         var i = s._owner, v = f1(s.type, s._source, i ? i.type : null);
@@ -1118,17 +1118,17 @@ function Ve() {
         var D = Function.call.bind(r1);
         for (var I in s)
           if (D(s, I)) {
-            var b = void 0;
+            var y = void 0;
             try {
               if (typeof s[I] != "function") {
                 var k = Error((p || "React class") + ": " + v + " 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;
               }
-              b = s[I](i, I, p, v, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              y = s[I](i, I, p, v, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (P) {
-              b = P;
+              y = P;
             }
-            b && !(b instanceof Error) && (w1(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).", p || "React class", v, I, typeof b), w1(null)), b instanceof Error && !(b.message in Q1) && (Q1[b.message] = !0, w1(E), x("Failed %s type: %s", v, b.message), w1(null));
+            y && !(y instanceof Error) && (w1(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).", p || "React class", v, I, typeof y), w1(null)), y instanceof Error && !(y.message in Q1) && (Q1[y.message] = !0, w1(E), x("Failed %s type: %s", v, y.message), w1(null));
           }
       }
     }
@@ -1156,7 +1156,7 @@ function Ve() {
       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);
     }
-    var n3 = C.ReactCurrentOwner, Q3 = {
+    var n3 = b.ReactCurrentOwner, Q3 = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -1204,7 +1204,7 @@ function Ve() {
       }
     }
     var s2 = function(s, i, v, p, E, D, I) {
-      var b = {
+      var y = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
@@ -1215,27 +1215,27 @@ function Ve() {
         // Record the component responsible for creating this element.
         _owner: D
       };
-      return b._store = {}, Object.defineProperty(b._store, "validated", {
+      return y._store = {}, Object.defineProperty(y._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(b, "_self", {
+      }), Object.defineProperty(y, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: p
-      }), Object.defineProperty(b, "_source", {
+      }), Object.defineProperty(y, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: E
-      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
+      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
     };
     function c2(s, i, v, p, E) {
       {
-        var D, I = {}, b = null, k = null;
-        v !== void 0 && (t3(v), b = "" + v), e2(i) && (t3(i.key), b = "" + i.key), N3(i) && (k = i.ref, t2(i, E));
+        var D, I = {}, y = null, k = null;
+        v !== void 0 && (t3(v), y = "" + v), e2(i) && (t3(i.key), y = "" + i.key), N3(i) && (k = i.ref, t2(i, E));
         for (D in i)
           r1.call(i, D) && !Q3.hasOwnProperty(D) && (I[D] = i[D]);
         if (s && s.defaultProps) {
@@ -1243,14 +1243,14 @@ function Ve() {
           for (D in P)
             I[D] === void 0 && (I[D] = P[D]);
         }
-        if (b || k) {
+        if (y || k) {
           var A = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          b && n2(I, A), k && o2(I, A);
+          y && n2(I, A), k && o2(I, A);
         }
-        return s2(s, b, k, E, p, n3.current, I);
+        return s2(s, y, k, E, p, n3.current, I);
       }
     }
-    var T1 = C.ReactCurrentOwner, c3 = C.ReactDebugCurrentFrame;
+    var T1 = b.ReactCurrentOwner, c3 = b.ReactDebugCurrentFrame;
     function t1(s) {
       if (s) {
         var i = s._owner, v = f1(s.type, s._source, i ? i.type : null);
@@ -1260,13 +1260,13 @@ function Ve() {
     }
     var D1;
     D1 = !1;
-    function _1(s) {
+    function $1(s) {
       return typeof s == "object" && s !== null && s.$$typeof === t;
     }
     function r3() {
       {
         if (T1.current) {
-          var s = J(T1.current.type);
+          var s = X(T1.current.type);
           if (s)
             return `
 
@@ -1301,7 +1301,7 @@ Check the top-level render call using <` + v + ">.");
           return;
         l3[v] = !0;
         var p = "";
-        s && s._owner && s._owner !== T1.current && (p = " It was passed a child from " + J(s._owner.type) + "."), t1(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.', v, p), t1(null);
+        s && s._owner && s._owner !== T1.current && (p = " It was passed a child from " + X(s._owner.type) + "."), t1(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.', v, p), t1(null);
       }
     }
     function a3(s, i) {
@@ -1311,15 +1311,15 @@ Check the top-level render call using <` + v + ">.");
         if (E1(s))
           for (var v = 0; v < s.length; v++) {
             var p = s[v];
-            _1(p) && i3(p, i);
+            $1(p) && i3(p, i);
           }
-        else if (_1(s))
+        else if ($1(s))
           s._store && (s._store.validated = !0);
         else if (s) {
           var E = S(s);
           if (typeof E == "function" && E !== s.entries)
             for (var D = E.call(s), I; !(I = D.next()).done; )
-              _1(I.value) && i3(I.value, i);
+              $1(I.value) && i3(I.value, i);
         }
       }
     }
@@ -1333,16 +1333,16 @@ Check the top-level render call using <` + v + ">.");
           v = i.propTypes;
         else if (typeof i == "object" && (i.$$typeof === h || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        i.$$typeof === $))
+        i.$$typeof === _))
           v = i.propTypes;
         else
           return;
         if (v) {
-          var p = J(i);
+          var p = X(i);
           Y3(v, s.props, "prop", p, s);
         } else if (i.PropTypes !== void 0 && !D1) {
           D1 = !0;
-          var E = J(i);
+          var E = X(i);
           x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
         }
         typeof i.getDefaultProps == "function" && !i.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -1365,12 +1365,12 @@ Check the top-level render call using <` + v + ">.");
       {
         var I = b1(s);
         if (!I) {
-          var b = "";
-          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (b += " 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 y = "";
+          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (y += " 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 ? b += k : b += r3();
+          k ? y += k : y += r3();
           var P;
-          s === null ? P = "null" : E1(s) ? P = "array" : s !== void 0 && s.$$typeof === t ? (P = "<" + (J(s.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : P = 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", P, b);
+          s === null ? P = "null" : E1(s) ? P = "array" : s !== void 0 && s.$$typeof === t ? (P = "<" + (X(s.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : P = 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", P, y);
         }
         var A = c2(s, i, v, E, D);
         if (A == null)
@@ -1389,17 +1389,17 @@ Check the top-level render call using <` + v + ">.");
               a3(K, s);
         }
         if (r1.call(i, "key")) {
-          var N = J(s), V = Object.keys(i).filter(function(f2) {
+          var N = X(s), V = Object.keys(i).filter(function(f2) {
             return f2 !== "key";
-          }), $1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!u3[N + $1]) {
+          }), _1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!u3[N + _1]) {
             var g2 = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
             x(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, $1, N, g2, N), u3[N + $1] = !0;
+  <%s key={someKey} {...props} />`, _1, N, g2, N), u3[N + _1] = !0;
           }
         }
         return s === c ? a2(A) : i2(A), A;
@@ -1423,7 +1423,7 @@ var n = Ue();
 const He = "_mwfit_ppa3l_1", Fe = {
   mwfit: He
 }, Ke = () => {
-  const { reconnect: e } = y(), t = I3(), o = Me(), c = xe();
+  const { reconnect: e } = j(), 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" }),
@@ -1440,11 +1440,11 @@ const He = "_mwfit_ppa3l_1", Fe = {
 }), qe = ({ children: e }) => {
   const t = W1(), o = I3();
   Z1(() => {
-    t(B3());
+    t(O3());
   }, [t]);
   const c = l1(
     (h, f) => {
-      t($e(h, f));
+      t(_e(h, f));
     },
     [t]
   ), r = l1(
@@ -1453,8 +1453,8 @@ const He = "_mwfit_ppa3l_1", Fe = {
     },
     [c]
   ), l = l1(
-    (h, f, d) => {
-      t(Pe(h, f, d));
+    (h, f, u) => {
+      t(Pe(h, f, u));
     },
     [t]
   ), a = l1(
@@ -1479,7 +1479,7 @@ const He = "_mwfit_ppa3l_1", Fe = {
     }
   );
 }, W6 = ({ children: e }) => /* @__PURE__ */ n.jsx(Z2, { store: ke, children: /* @__PURE__ */ n.jsx(qe, { children: e }) });
-function y() {
+function j() {
   return b2(k3);
 }
 function Ge({
@@ -1498,17 +1498,17 @@ function Ge({
   function f() {
     a.current = !1, t == null || t(), l.current && (clearTimeout(l.current), l.current = null, g.current || c == null || c());
   }
-  function d() {
+  function u() {
     a.current && f();
   }
   return {
     onPointerDown: h,
     onPointerUp: f,
-    onPointerLeave: d
+    onPointerLeave: u
   };
 }
 function w(e, t) {
-  const { sendMessage: c } = y(), r = d1(null);
+  const { sendMessage: c } = j(), r = d1(null);
   function l() {
     c(`${e}/${t}`, { value: "pressed" }), r.current || (r.current = setInterval(() => {
       c(`${e}/${t}`, { value: "held" });
@@ -1520,24 +1520,24 @@ function w(e, t) {
   return Ge({ onPress: l, onRelease: a });
 }
 function C1(e) {
-  const { sendMessage: t } = y(), o = w(`${e}`, "volumeUp"), c = w(`${e}`, "volumeDown");
-  return X(() => ({
+  const { sendMessage: t } = j(), o = w(`${e}`, "volumeUp"), c = w(`${e}`, "volumeDown");
+  return z(() => ({
     volumeUp: o,
     volumeDown: c,
     muteToggle: () => t(`${e}/muteToggle`, null)
   }), [e, t, o, c]);
 }
 function V6(e) {
-  const { sendMessage: t } = y(), o = w(`${e}`, "volumeUp"), c = w(`${e}`, "volumeDown");
-  return X(() => ({
+  const { sendMessage: t } = j(), o = w(`${e}`, "volumeUp"), c = w(`${e}`, "volumeDown");
+  return z(() => ({
     volumeUp: o,
     volumeDown: c,
     muteToggle: () => t(`${e}/muteToggle`, null)
   }), [e, t, o, c]);
 }
 function W3(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = y(), r = C1(e);
-  return X(() => {
+  const { sendMessage: o, sendSimpleMessage: c } = j(), r = C1(e);
+  return z(() => {
     if (!r) {
       console.log("baseVolume is undefined");
       return;
@@ -1556,8 +1556,8 @@ function W3(e, t) {
   }, [r, t, e, o, c]);
 }
 function U6(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = y(), r = C1(e);
-  return X(() => !r || !t ? void 0 : {
+  const { sendMessage: o, sendSimpleMessage: c } = j(), r = C1(e);
+  return z(() => !r || !t ? void 0 : {
     ...r,
     volumeState: t,
     setLevel: (h) => c(`${e}/level`, h),
@@ -1566,7 +1566,7 @@ function U6(e, t) {
   }, [r, t, e, o, c]);
 }
 function Ye(e) {
-  const t = T(e), o = `/device/${e}`, c = X(() => {
+  const t = T(e), o = `/device/${e}`, c = z(() => {
     if (t)
       return t.volume;
   }, [t]);
@@ -1574,7 +1574,7 @@ function Ye(e) {
 }
 function V3(e) {
   var a;
-  const { sendMessage: t } = y(), o = (a = T(e)) == null ? void 0 : a.powerState;
+  const { sendMessage: t } = j(), o = (a = T(e)) == null ? void 0 : a.powerState;
   return { powerOn: () => {
     t(`/device/${e}/powerOn`, null);
   }, powerOff: () => {
@@ -1584,13 +1584,13 @@ function V3(e) {
   }, powerState: o };
 }
 function k1(e) {
-  const { sendMessage: t } = y(), o = T(e);
+  const { sendMessage: t } = j(), o = T(e);
   return console.log("deviceState", o), o ? { itemsState: o, selectItem: (r) => {
     t(`/device/${e}/${r}`, null);
   } } : void 0;
 }
 function ze(e) {
-  const { sendMessage: t } = y(), o = T(e), c = () => {
+  const { sendMessage: t } = j(), o = T(e), c = () => {
     t(`/device/${e}/setDefaultChannelLevels`, null);
   }, r = () => {
     if ((o == null ? void 0 : o.levelControls) === void 0) return;
@@ -1613,7 +1613,7 @@ function H6(e) {
     };
 }
 function F6(e) {
-  const { sendMessage: t } = y(), o = `/device/${e}`, c = T(e), r = w(o, "cameraUp"), l = w(o, "cameraDown"), a = w(o, "cameraLeft"), g = w(o, "cameraRight"), h = w(o, "cameraZoomIn"), f = w(o, "cameraZoomOut"), d = ($) => t("/camera/recallPreset", $);
+  const { sendMessage: t } = j(), o = `/device/${e}`, c = T(e), r = w(o, "cameraUp"), l = w(o, "cameraDown"), a = w(o, "cameraLeft"), g = w(o, "cameraRight"), h = w(o, "cameraZoomIn"), f = w(o, "cameraZoomOut"), u = (_) => t("/camera/recallPreset", _);
   if (c)
     return {
       state: c,
@@ -1623,7 +1623,7 @@ function F6(e) {
       down: l,
       left: a,
       right: g,
-      recallPreset: d
+      recallPreset: u
     };
 }
 const K6 = ({ className: e }) => {
@@ -1639,7 +1639,7 @@ const K6 = ({ className: e }) => {
   ] });
 };
 function q6(e) {
-  const { sendMessage: t } = y(), o = T(e), c = `/device/${e}`;
+  const { sendMessage: t } = j(), o = T(e), c = `/device/${e}`;
   return o ? { state: o, recallPreset: (a, g) => {
     t(`${c}/presets/recall`, { deviceKey: a, preset: g });
   }, savePresets: (a) => {
@@ -1659,7 +1659,7 @@ function Y6(e) {
     };
 }
 function z6(e) {
-  const { sendMessage: t } = y(), o = T(e), c = X(() => {
+  const { sendMessage: t } = j(), o = T(e), c = z(() => {
     const r = `/device/${e}`;
     return { setEntry: (g, h, f) => t(`${r}/setEntry`, { index: g, name: h, number: f }), dialEntry: (g) => t(`${r}/dialEntry`, { value: g }) };
   }, [e, t]);
@@ -1690,11 +1690,27 @@ function N6(e) {
     return t.deviceInfo || void 0;
 }
 function et(e) {
+  const { sendMessage: t } = j(), o = T(e);
+  return z(() => {
+    if (!o) return;
+    const c = `/device/${e}`;
+    return {
+      state: o,
+      dial: (u) => t(`${c}/dial`, { value: u }),
+      endCallById: (u) => t(`${c}/endCallById`, { value: u }),
+      endAllCalls: () => t(`${c}/endAllCalls`, null),
+      sendDtmf: (u) => t(`${c}/dtmf`, { value: u }),
+      acceptById: (u) => t(`${c}/acceptById`, { value: u }),
+      rejectById: (u) => t(`${c}/rejectById`, { value: u })
+    };
+  }, [e, t, o]);
+}
+function tt(e) {
   const t = `/device/${e}`, o = w(t, "up"), c = w(t, "down"), r = w(t, "left"), l = w(t, "right"), a = w(t, "select"), g = w(t, "menu"), h = w(t, "exit");
   return { up: o, down: c, left: r, right: l, select: a, menu: g, exit: h };
 }
-function tt(e) {
-  const { sendMessage: t } = y();
+function nt(e) {
+  const { sendMessage: t } = j();
   return { recallPreset: (c) => {
     t(
       `/device/${e}/recallPreset`,
@@ -1702,12 +1718,12 @@ function tt(e) {
     );
   } };
 }
-function nt(e) {
+function ot(e) {
   const t = `/device/${e}`, o = w(t, "dvrList"), c = w(t, "record");
   return { dvrList: o, record: c };
 }
-function ot(e) {
-  const { sendMessage: t } = y(), o = T(e);
+function st(e) {
+  const { sendMessage: t } = j(), o = T(e);
   return o ? { roomCombinerState: o, setAutoMode: () => {
     t(`/device/${e}/setAutoMode`, null);
   }, setManualMode: () => {
@@ -1720,9 +1736,9 @@ function ot(e) {
     t(`/device/${e}/setRoomCombinationScenario`, h);
   } } : void 0;
 }
-function st(e) {
+function ct(e) {
   var a;
-  const { sendMessage: t } = y(), o = (a = T(e)) == null ? void 0 : a.cameraIsMuted, c = () => {
+  const { sendMessage: t } = j(), o = (a = T(e)) == null ? void 0 : a.cameraIsMuted, c = () => {
     t(`/device/${e}/cameraMuteOn`, null);
   }, r = () => {
     t(`/device/${e}/cameraMuteOff`, null);
@@ -1732,9 +1748,9 @@ function st(e) {
   if (o)
     return { cameraMuteOn: c, cameraMuteOff: r, cameraMuteToggle: l, cameraIsMuted: o };
 }
-function ct(e) {
+function rt(e) {
   var l;
-  const { sendMessage: t } = y(), o = (l = T(e)) == null ? void 0 : l.presets, c = (a) => {
+  const { sendMessage: t } = j(), o = (l = T(e)) == null ? void 0 : l.presets, c = (a) => {
     t(`/device/${e}/recallPreset`, a);
   }, r = (a) => {
     t(`/device/${e}/savePreset`, a);
@@ -1742,8 +1758,8 @@ function ct(e) {
   if (o)
     return { recallPreset: c, savePreset: r, presets: o };
 }
-function rt(e) {
-  const { sendMessage: t } = y(), o = `/device/${e}`, c = T(e);
+function lt(e) {
+  const { sendMessage: t } = j(), o = `/device/${e}`, c = T(e);
   return c ? {
     state: c,
     selectCamera: (l) => {
@@ -1751,50 +1767,50 @@ function rt(e) {
     }
   } : void 0;
 }
-function lt(e) {
-  const { sendMessage: t } = y(), o = T(e);
-  return X(() => o ? {
+function it(e) {
+  const { sendMessage: t } = j(), o = T(e);
+  return z(() => o ? {
     state: o,
     dial: (a) => t(`/device/${e}/dial`, { value: a }),
     endAllCalls: () => t(`/device/${e}/endAllCalls`, null),
     sendDtmf: (a) => t(`/device/${e}/dtmf`, { value: a })
   } : void 0, [e, t, o]);
 }
-function it(e) {
+function at(e) {
   const t = T(e);
   if (t)
     return { state: t };
 }
-function at(e) {
-  const { sendMessage: t, sendSimpleMessage: o } = y(), c = T(e), r = ne(e), l = c || r;
+function ut(e) {
+  const { sendMessage: t, sendSimpleMessage: o } = j(), c = T(e), r = ne(e), l = c || r;
   return l ? {
     levelState: l,
-    setLevel: (d, $) => o(`${d}/level`, $),
-    muteToggle: (d) => t(`${d}/muteToggle`, null),
-    muteOn: (d) => t(`${d}/muteOn`, null),
-    muteOff: (d) => t(`${d}/muteOff`, null)
+    setLevel: (u, _) => o(`${u}/level`, _),
+    muteToggle: (u) => t(`${u}/muteToggle`, null),
+    muteOn: (u) => t(`${u}/muteOn`, null),
+    muteOff: (u) => t(`${u}/muteOff`, null)
   } : void 0;
 }
-function ut(e) {
-  const { sendMessage: t } = y(), o = T(e);
+function dt(e) {
+  const { sendMessage: t } = j(), o = T(e);
   return o ? { lightingState: o, selectScene: (r) => {
     t(`/device/${e}/selectScene`, r);
   } } : void 0;
 }
-function dt(e) {
-  const { sendMessage: t } = y(), o = T(e);
+function vt(e) {
+  const { sendMessage: t } = j(), o = T(e);
   return o ? { matrixRoutingState: o, setRoute: (r) => {
     t(`/device/${e}/route`, r);
   } } : void 0;
 }
-function vt(e) {
-  const { sendMessage: t } = y();
+function ht(e) {
+  const { sendMessage: t } = j();
   return { closeApp: () => {
     t(`/device/${e}/closeWebViewController`, null);
   } };
 }
-function ht(e) {
-  const t = `/device/${e}`, o = w(t, "num0"), c = w(t, "num1"), r = w(t, "num2"), l = w(t, "num3"), a = w(t, "num4"), g = w(t, "num5"), h = w(t, "num6"), f = w(t, "num7"), d = w(t, "num8"), $ = w(t, "num9"), H = w(t, "numDash"), u = w(t, "numEnter");
+function gt(e) {
+  const t = `/device/${e}`, o = w(t, "num0"), c = w(t, "num1"), r = w(t, "num2"), l = w(t, "num3"), a = w(t, "num4"), g = w(t, "num5"), h = w(t, "num6"), f = w(t, "num7"), u = w(t, "num8"), _ = w(t, "num9"), H = w(t, "numDash"), d = w(t, "numEnter");
   return {
     digit0: o,
     digit1: c,
@@ -1804,50 +1820,50 @@ function ht(e) {
     digit5: g,
     digit6: h,
     digit7: f,
-    digit8: d,
-    digit9: $,
+    digit8: u,
+    digit9: _,
     keypadAccessoryButton1: H,
-    keypadAccessoryButton2: u
+    keypadAccessoryButton2: d
   };
 }
-function gt(e) {
-  const { sendMessage: t } = y(), o = T(e);
+function ft(e) {
+  const { sendMessage: t } = j(), o = T(e);
   return o ? { projectorScreenLiftControlState: o, raise: () => {
     t(`/device/${e}/raise`, null);
   }, lower: () => {
     t(`/device/${e}/lower`, null);
   } } : void 0;
 }
-function ft(e) {
-  const { sendMessage: t } = y(), o = j1(e);
+function wt(e) {
+  const { sendMessage: t } = j(), o = j1(e);
   return o ? { roomEventScheduleState: o, save: (r) => {
     t(`/room/${e}/saveScheduledEvents`, r);
   } } : void 0;
 }
-function wt(e) {
-  const { sendMessage: t } = y();
+function mt(e) {
+  const { sendMessage: t } = j();
   return { runDefaultPresentRoute: () => {
     t(`/room/${e}/defaultsource`, {});
   } };
 }
-function mt(e) {
-  const { sendMessage: t } = y();
+function pt(e) {
+  const { sendMessage: t } = j();
   return { runDirectRoute: (c) => {
     t(`/room/${e}/directRoute`, c);
   } };
 }
-function pt(e) {
-  const { sendMessage: t } = y();
+function Mt(e) {
+  const { sendMessage: t } = j();
   return { routingState: T(e), runRoute: (r) => {
     t(`/room/${e}/source`, r);
   } };
 }
-function Mt(e) {
+function xt(e) {
   const t = `/device/${e}`, o = w(t, "chanUp"), c = w(t, "chanDown");
   return { dvrList: o, replay: c };
 }
-function xt(e) {
-  const { sendMessage: t } = y(), o = T(e);
+function Zt(e) {
+  const { sendMessage: t } = j(), o = T(e);
   return o ? { shadeState: o, shadeUp: () => {
     t(`/device/${e}/shadeUp`, null);
   }, shadeDown: () => {
@@ -1856,8 +1872,8 @@ function xt(e) {
     t(`/device/${e}/stopOrPreset`, null);
   } } : void 0;
 }
-function Zt(e) {
-  const { sendMessage: t } = y(), o = j1(e);
+function St(e) {
+  const { sendMessage: t } = j(), o = j1(e);
   return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (g) => {
     t(`/room/${e}/setShutdownPromptSeconds`, g);
   }, shutdownStart: () => {
@@ -1868,28 +1884,28 @@ function Zt(e) {
     t(`/room/${e}/shutdownCancel`, null);
   } } : void 0;
 }
-function St(e) {
-  const { sendMessage: t } = y(), o = T(e);
+function jt(e) {
+  const { sendMessage: t } = j(), o = T(e);
   return o ? { switchedOutputState: o, on: () => {
     t(`/device/${e}/on`, null);
   }, off: () => {
     t(`/device/${e}/off`, null);
   } } : void 0;
 }
-function jt(e) {
-  const { sendMessage: t } = y(), o = j1(e);
+function Ct(e) {
+  const { sendMessage: t } = j(), o = j1(e);
   return o ? { techPasswordState: o, validatePassword: (l) => {
     t(`/room/${e}/validateTechPassword`, { password: l });
   }, setPassword: (l, a) => {
     t(`/room/${e}/setTechPassword`, { oldPassword: l, newPassword: a });
   } } : void 0;
 }
-function Ct(e) {
-  const { sendMessage: t } = y(), o = T(e);
+function bt(e) {
+  const { sendMessage: t } = j(), o = T(e);
   return o ? { state: o, setTemperatureUnitsToCelcius: () => t(`${e}/setTemperatureUnitsToCelcius`, null), setTemperatureUnitsToFahrenheit: () => t(`${e}/setTemperatureUnitsToFahrenheit`, null) } : void 0;
 }
-function bt(e) {
-  const { sendMessage: t } = y(), o = T(e), c = (r) => {
+function yt(e) {
+  const { sendMessage: t } = j(), o = T(e), c = (r) => {
     t(`/device/${e}/saveTheme`, { value: r });
   };
   return {
@@ -1897,7 +1913,7 @@ function bt(e) {
     saveTheme: c
   };
 }
-function yt(e) {
+function It(e) {
   const t = `/device/${e}`, o = w(t, "play"), c = w(t, "pause"), r = w(t, "stop"), l = w(t, "prevTrack"), a = w(t, "nextTrack"), g = w(t, "rewind"), h = w(t, "ffwd"), f = w(t, "record");
   return {
     play: o,
@@ -1910,8 +1926,8 @@ function yt(e) {
     record: f
   };
 }
-function It(e) {
-  const t = T(e), { sendMessage: o } = y();
+function Rt(e) {
+  const t = T(e), { sendMessage: o } = j();
   return t ? {
     touchpanelState: t,
     appControl: { hideApp: () => {
@@ -1926,7 +1942,7 @@ function It(e) {
     } }
   } : void 0;
 }
-function Rt(e) {
+function Et(e) {
   const t = T(e), o = V3(e), c = k1(e);
   if (!t) return;
   const r = (t.powerState || t.isWarming) && !t.isCooling, l = (!t.powerState || t.isCooling) && !t.isWarming;
@@ -1937,37 +1953,37 @@ function Rt(e) {
     powerFb: { powerOnFb: r, powerOffFb: l }
   };
 }
-function Et(e) {
+function Tt(e) {
   const t = `/device/${e}`;
   return C1(t);
 }
-const Tt = ({
+const Dt = ({
   config: e
 }, t = !0) => {
-  const { sendMessage: o } = y(), c = d1(!1), r = X(() => {
+  const { sendMessage: o } = j(), c = d1(!1), r = z(() => {
     var a, g, h, f;
     if (!e)
       return;
     const l = /* @__PURE__ */ new Set();
-    if (e.destinations && Object.values(e.destinations).forEach((d) => {
-      l.add(d);
-    }), e.destinationList && Object.values(e.destinationList).forEach((d) => {
-      l.add(d.sinkKey);
+    if (e.destinations && Object.values(e.destinations).forEach((u) => {
+      l.add(u);
+    }), e.destinationList && Object.values(e.destinationList).forEach((u) => {
+      l.add(u.sinkKey);
     }), e.audioControlPointList && Object.values((a = e.audioControlPointList) == null ? void 0 : a.levelControls).forEach(
-      (d) => {
-        d.itemKey ? l.add(d.parentDeviceKey + "--" + d.itemKey) : l.add(d.parentDeviceKey);
+      (u) => {
+        u.itemKey ? l.add(u.parentDeviceKey + "--" + u.itemKey) : l.add(u.parentDeviceKey);
       }
-    ), (g = e.touchpanelKeys) == null || g.forEach((d) => {
-      l.add(d);
-    }), (h = e.environmentalDevices) == null || h.forEach((d) => {
-      d.deviceKey && l.add(d.deviceKey);
-    }), (f = e.accessoryDeviceKeys) == null || f.forEach((d) => {
-      l.add(d);
-    }), e.audioCodecKey && l.add(e.audioCodecKey), e.videoCodecKey && l.add(e.videoCodecKey), e.matrixRoutingKey && l.add(e.matrixRoutingKey), e.roomCombinerKey && l.add(e.roomCombinerKey), e.endpointKeys && e.endpointKeys.forEach((d) => {
-      l.add(d);
+    ), (g = e.touchpanelKeys) == null || g.forEach((u) => {
+      l.add(u);
+    }), (h = e.environmentalDevices) == null || h.forEach((u) => {
+      u.deviceKey && l.add(u.deviceKey);
+    }), (f = e.accessoryDeviceKeys) == null || f.forEach((u) => {
+      l.add(u);
+    }), e.audioCodecKey && l.add(e.audioCodecKey), e.videoCodecKey && l.add(e.videoCodecKey), e.matrixRoutingKey && l.add(e.matrixRoutingKey), e.roomCombinerKey && l.add(e.roomCombinerKey), e.endpointKeys && e.endpointKeys.forEach((u) => {
+      l.add(u);
     }), e.sourceList)
-      for (const d of Object.values(e.sourceList))
-        d.sourceKey && d.sourceKey !== "$off" && l.add(d.sourceKey);
+      for (const u of Object.values(e.sourceList))
+        u.sourceKey && u.sourceKey !== "$off" && l.add(u.sourceKey);
     return l;
   }, [e]);
   return Z1(() => {
@@ -1976,7 +1992,7 @@ const Tt = ({
     }), c.current = !0);
   }, [r, t, o]), r;
 };
-function Dt(e, t) {
+function $t(e, t) {
   const [o, c] = Y(!1), [r, l] = Y(!1);
   return Z3(() => {
     const { current: a } = e, g = () => {
@@ -1990,27 +2006,27 @@ function _t(e, t) {
   const o = `/room/${e}/volumes/${t}`;
   return C1(o);
 }
-function $t(e, t) {
+function Pt(e, t) {
   const o = te(e, t), c = `/room/${e}/volumes/${t}`;
   return W3(c, o);
 }
-function Pt(e) {
+function At(e) {
   var g, h;
   const [t, o] = Y(((g = e == null ? void 0 : e.current) == null ? void 0 : g.scrollLeft) ?? 0), [c, r] = Y(((h = e == null ? void 0 : e.current) == null ? void 0 : h.scrollTop) ?? 0), l = (f) => {
-    const { current: d } = e;
-    d && (console.log(d.scrollLeft), d.scrollLeft += f, console.log(d.scrollLeft));
+    const { current: u } = e;
+    u && (console.log(u.scrollLeft), u.scrollLeft += f, console.log(u.scrollLeft));
   }, a = (f) => {
-    const { current: d } = e;
-    d && (console.log(d.scrollTop), d.scrollTop += f, console.log(d.scrollTop));
+    const { current: u } = e;
+    u && (console.log(u.scrollTop), u.scrollTop += f, console.log(u.scrollTop));
   };
   return Z3(() => {
-    const { current: f } = e, d = () => {
+    const { current: f } = e, u = () => {
       o((f == null ? void 0 : f.scrollLeft) ?? 0), r((f == null ? void 0 : f.scrollTop) ?? 0);
     };
-    f && d();
+    f && u();
   }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: l, scrollVertical: a };
 }
-function At(e) {
+function Lt(e) {
   const t = W1();
   return [() => {
     t(W.addSyncState(e));
@@ -2018,8 +2034,8 @@ function At(e) {
     t(W.removeSyncState(e));
   }, Ze(e)];
 }
-function Lt() {
-  const { sendMessage: e } = y();
+function Bt() {
+  const { sendMessage: e } = j();
   return {
     reboot: () => {
       e("/system/reboot", null);
@@ -2044,7 +2060,7 @@ function Ot() {
     return () => clearInterval(l);
   }, []), { date: e, time: o };
 }
-const Bt = () => {
+const kt = () => {
   const [e, t] = Y(!1), o = y2(), c = I2();
   let r;
   return R2(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: [
@@ -2082,26 +2098,26 @@ const Bt = () => {
   feedback: g,
   feedbackClassName: h,
   onPointerDown: f,
-  onPointerUp: d,
-  onPointerLeave: $,
+  onPointerUp: u,
+  onPointerLeave: _,
   ...H
 }) => {
-  const [u, Z] = Y(!1), j = !a && g ? h : "", S = !a && (u || g);
+  const [d, Z] = Y(!1), C = !a && g ? h : "", S = !a && (d || g);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
       type: "button",
-      className: `${A1.iconbtn} ${o ? A1.iconbtnvert : ""} ${c} ${j}`,
+      className: `${A1.iconbtn} ${o ? A1.iconbtnvert : ""} ${c} ${C}`,
       ...H,
       disabled: a,
-      onPointerDown: (C) => {
-        Z(!0), f == null || f(C);
+      onPointerDown: (b) => {
+        Z(!0), f == null || f(b);
       },
-      onPointerUp: (C) => {
-        Z(!1), d == null || d(C);
+      onPointerUp: (b) => {
+        Z(!1), u == null || u(b);
       },
-      onPointerLeave: (C) => {
-        Z(!1), $ == null || $(C);
+      onPointerLeave: (b) => {
+        Z(!1), _ == null || _(b);
       },
       children: [
         e && /* @__PURE__ */ n.jsx(
@@ -3322,7 +3338,7 @@ const Bt = () => {
     active: e,
     disabled: o
   }
-), kt = ({
+), Wt = ({
   active: e,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -3729,7 +3745,7 @@ const Bt = () => {
     active: e,
     disabled: o
   }
-), _8 = {
+), $8 = {
   Alert: e8,
   Camera: n8,
   DownArrow: c8,
@@ -3763,30 +3779,30 @@ const Bt = () => {
   X: E8,
   Xbox: T8
 };
-function Wt({
+function Vt({
   name: e,
-  iconsDictionary: t = _8,
+  iconsDictionary: t = $8,
   ...o
 }) {
   const c = t[e] ?? null;
   return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ n.jsx(Ne, { multiIcon: c, ...o });
 }
-const $8 = "_grid_1cmpp_1", P8 = "_header_1cmpp_11", A8 = "_content_1cmpp_17", L8 = "_footer_1cmpp_23", O8 = "_volume_1cmpp_29", u1 = {
-  grid: $8,
+const _8 = "_grid_1cmpp_1", P8 = "_header_1cmpp_11", A8 = "_content_1cmpp_17", L8 = "_footer_1cmpp_23", B8 = "_volume_1cmpp_29", u1 = {
+  grid: _8,
   header: P8,
   content: A8,
   footer: L8,
-  volume: O8
-}, Vt = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ n.jsxs("div", { className: u1.grid, children: [
+  volume: B8
+}, Ut = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ n.jsxs("div", { className: u1.grid, children: [
   /* @__PURE__ */ n.jsx("div", { className: u1.header, children: e }),
   /* @__PURE__ */ n.jsx("div", { className: u1.content, children: o }),
   r && /* @__PURE__ */ n.jsx("div", { className: u1.volume, children: c }),
   /* @__PURE__ */ n.jsx("div", { className: u1.footer, children: t })
-] }), B8 = "_grid_11w5q_1", k8 = "_header_11w5q_11", W8 = "_content_11w5q_17", x1 = {
-  grid: B8,
+] }), O8 = "_grid_11w5q_1", k8 = "_header_11w5q_11", W8 = "_content_11w5q_17", x1 = {
+  grid: O8,
   header: k8,
   content: W8
-}, Ut = ({ className: e, header: t, content: o, leftNav: c }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${x1.grid}`, children: [
+}, Ht = ({ className: e, header: t, content: o, leftNav: c }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${x1.grid}`, children: [
   /* @__PURE__ */ n.jsx("div", { className: x1.header, children: t }),
   c && /* @__PURE__ */ n.jsx("div", { className: x1.leftNav, children: c }),
   /* @__PURE__ */ n.jsx("div", { className: x1.content, children: o })
@@ -3794,33 +3810,33 @@ const $8 = "_grid_1cmpp_1", P8 = "_header_1cmpp_11", A8 = "_content_1cmpp_17", L
   grid: V8,
   header: U8,
   content: H8
-}, Ht = ({ className: e, header: t, content: o }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${L1.grid}`, children: [
+}, Ft = ({ className: e, header: t, content: o }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${L1.grid}`, children: [
   /* @__PURE__ */ n.jsx("div", { className: L1.header, children: t }),
   /* @__PURE__ */ n.jsx("div", { className: L1.content, children: o })
 ] });
-class Ft {
+class Kt {
   constructor() {
     q(this, "currentShareText");
     q(this, "enabled");
     q(this, "isSharing");
   }
 }
-function Kt() {
+function qt() {
   return console.log(location.pathname), location.pathname;
 }
 var F8 = /* @__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))(F8 || {});
-class qt {
+class Gt {
   constructor(t, o) {
     q(this, "path");
     q(this, "handler");
     this.path = t, this.handler = o;
   }
 }
-const Gt = "$off";
+const Yt = "$off";
 export {
   K6 as Clock,
   F8 as DaysOfWeek,
-  Bt as ErrorBox,
+  kt as ErrorBox,
   Ne as IconButton,
   e8 as IconMultiAlert,
   t8 as IconMultiBan,
@@ -3847,7 +3863,7 @@ export {
   Z8 as IconMultiRoomPC,
   S8 as IconMultiShade,
   j8 as IconMultiSun,
-  kt as IconMultiTemplate,
+  Wt as IconMultiTemplate,
   C8 as IconMultiUpArrow,
   b8 as IconMultiVolDown,
   y8 as IconMultiVolMute,
@@ -3855,28 +3871,28 @@ export {
   R8 as IconMultiWireless,
   E8 as IconMultiX,
   T8 as IconMultiXbox,
-  Vt as MainLayout,
-  qt as MessageHandler,
+  Ut as MainLayout,
+  Gt as MessageHandler,
   W6 as MobileControlProvider,
   R as MultiStateIconContainer,
-  Wt as NamedIconButton,
-  Ft as ShareState,
-  Ut as TechLayout,
-  Ht as TechPinLayout,
+  Vt as NamedIconButton,
+  Kt as ShareState,
+  Ht as TechLayout,
+  Ft as TechPinLayout,
   A3 as WS_ADD_EVENT_HANDLER,
-  _3 as WS_CONNECT,
-  $3 as WS_DISCONNECT,
-  O3 as WS_RECONNECT,
+  $3 as WS_CONNECT,
+  _3 as WS_DISCONNECT,
+  B3 as WS_RECONNECT,
   L3 as WS_REMOVE_EVENT_HANDLER,
   P3 as WS_SEND_MESSAGE,
   k3 as WebsocketContext,
   T3 as appConfigActions,
-  Oe as createWebSocketMiddleware,
+  Be as createWebSocketMiddleware,
   m1 as devicesActions,
-  Kt as getBaseLocation,
+  qt as getBaseLocation,
   f3 as httpClient,
-  _8 as iconsDictionary,
-  Gt as roomOffSourceKey,
+  $8 as iconsDictionary,
+  Yt as roomOffSourceKey,
   p1 as roomsActions,
   U as runtimeConfigActions,
   C3 as selectAllDevices,
@@ -3884,7 +3900,7 @@ export {
   E2 as selectAppConfig,
   ce as selectClientId,
   he as selectCurrentPopoverIdForGroup,
-  $2 as selectDeviceByKey,
+  _2 as selectDeviceByKey,
   b3 as selectDeviceInterfaceSupport,
   ve as selectDeviceSupportsInterface,
   fe as selectError,
@@ -3893,7 +3909,7 @@ export {
   de as selectIsTouchpanel,
   D2 as selectLogoPath,
   V1 as selectModalVisibility,
-  _2 as selectPartnerMetadata,
+  $2 as selectPartnerMetadata,
   X2 as selectRoomAdvancedSharingActive,
   V2 as selectRoomAudioControlPointList,
   L2 as selectRoomByKey,
@@ -3909,11 +3925,11 @@ export {
   Y2 as selectRoomIsWarmingUp,
   se as selectRoomKey,
   k2 as selectRoomLevelControls,
-  O2 as selectRoomName,
+  B2 as selectRoomName,
   K2 as selectRoomProgramAudioDestinationKey,
   Q2 as selectRoomShareState,
   W2 as selectRoomSourceList,
-  B2 as selectRoomVolume,
+  O2 as selectRoomVolume,
   A2 as selectRooms,
   ae as selectRuntimeInfo,
   ie as selectServerIsRunningOnProcessorHardware,
@@ -3936,14 +3952,14 @@ export {
   w as useButtonHeldHeartbeat,
   F6 as useCameraBase,
   S6 as useClientId,
-  Et as useDeviceIBasicVolume,
+  Tt as useDeviceIBasicVolume,
   Ye as useDeviceIBasicVolumeWithFeedback,
   E6 as useDeviceInterfaceSupport,
   q6 as useDevicePresetsModel,
   D6 as useDeviceSupportsInterface,
   G6 as useEndpoint,
   Me as useError,
-  Tt as useGetAllDeviceStateFromRoomConfiguration,
+  Dt as useGetAllDeviceStateFromRoomConfiguration,
   t6 as useGetAllDevices,
   o6 as useGetAllRooms,
   A6 as useGetCurrentPopoverIdForGroup,
@@ -3960,43 +3976,44 @@ export {
   J6 as useIChannel,
   X6 as useIColor,
   Q6 as useICommunicationMonitor,
-  et as useIDPad,
+  tt as useIDPad,
   N6 as useIDeviceInfoMessenger,
-  tt as useIDspPresets,
-  nt as useIDvr,
-  ot as useIEssentialsRoomCombiner,
-  st as useIHasCameraMute,
-  ct as useIHasCameraPresets,
-  rt as useIHasCameras,
-  lt as useIHasDialer,
+  et as useIDialerCallStatus,
+  nt as useIDspPresets,
+  ot as useIDvr,
+  st as useIEssentialsRoomCombiner,
+  ct as useIHasCameraMute,
+  rt as useIHasCameraPresets,
+  lt as useIHasCameras,
+  it as useIHasDialer,
   V3 as useIHasPowerControl,
   k1 as useIHasSelectableItems,
-  it as useIHumiditySensor,
-  at as useILevelControls,
-  ut as useILightingScenes,
-  dt as useIMatrixRouting,
-  vt as useIMcCiscoCodecUserInterfaceAppControl,
-  ht as useINumeric,
-  gt as useIProjectorScreenLiftControl,
-  ft as useIRoomEventSchedule,
-  wt as useIRunDefaultPresentRoute,
-  mt as useIRunDirectRouteAction,
-  pt as useIRunRouteAction,
-  Mt as useISetTopBoxControls,
-  xt as useIShadesOpenCloseStop,
-  Zt as useIShutdownPromptTimer,
-  St as useISwitchedOutput,
-  jt as useITechPassword,
-  Ct as useITemperatureSensor,
-  bt as useITheme,
-  yt as useITransport,
+  at as useIHumiditySensor,
+  ut as useILevelControls,
+  dt as useILightingScenes,
+  vt as useIMatrixRouting,
+  ht as useIMcCiscoCodecUserInterfaceAppControl,
+  gt as useINumeric,
+  ft as useIProjectorScreenLiftControl,
+  wt as useIRoomEventSchedule,
+  mt as useIRunDefaultPresentRoute,
+  pt as useIRunDirectRouteAction,
+  Mt as useIRunRouteAction,
+  xt as useISetTopBoxControls,
+  Zt as useIShadesOpenCloseStop,
+  St as useIShutdownPromptTimer,
+  jt as useISwitchedOutput,
+  Ct as useITechPassword,
+  bt as useITemperatureSensor,
+  yt as useITheme,
+  It as useITransport,
   k6 as useInitialize,
   T6 as useInterfacesForDevice,
   Ze as useIsSyncStateValuePresent,
   R6 as useIsTouchpanel,
   N8 as useLogoPath,
-  It as useMobileControlTouchpanelController,
-  Dt as useOverflow,
+  Rt as useMobileControlTouchpanelController,
+  $t as useOverflow,
   e6 as usePartnerMetadata,
   Ge as usePressHoldRelease,
   m6 as useRoomAdvancedSharingActive,
@@ -4007,7 +4024,7 @@ export {
   i6 as useRoomDestinations,
   u6 as useRoomEnvironmentalDevices,
   _t as useRoomIBasicVolume,
-  $t as useRoomIBasicVolumeWithFeedback,
+  Pt as useRoomIBasicVolumeWithFeedback,
   h6 as useRoomInCall,
   f6 as useRoomIsCoolingDown,
   w6 as useRoomIsOn,
@@ -4021,27 +4038,27 @@ export {
   j1 as useRoomState,
   te as useRoomVolume,
   y6 as useRuntimeInfo,
-  Pt as useScroll,
+  At as useScroll,
   b6 as useServerIsRunningOnProcessorHardware,
-  $6 as useShowIncomingCallModal,
+  _6 as useShowIncomingCallModal,
   P6 as useShowModal,
   L6 as useShowPopoverById,
   xe as useShowReconnect,
-  _6 as useShowShutdownModal,
-  At as useStateIsSynced,
-  Lt as useSystemControl,
+  $6 as useShowShutdownModal,
+  Lt as useStateIsSynced,
+  Bt as useSystemControl,
   j6 as useSystemUuid,
-  O6 as useTheme,
+  B6 as useTheme,
   Ot as useTimeAndDate,
   I6 as useTouchpanelKey,
-  Rt as useTwoWayDisplayBase,
+  Et as useTwoWayDisplayBase,
   C6 as useUserCode,
-  y as useWebsocketContext,
+  j as useWebsocketContext,
   I3 as useWsIsConnected,
   Pe as wsAddEventHandler,
-  B3 as wsConnect,
-  B6 as wsDisconnect,
+  O3 as wsConnect,
+  O6 as wsDisconnect,
   Le as wsReconnect,
   Ae as wsRemoveEventHandler,
-  $e as wsSendMessage
+  _e as wsSendMessage
 };