@pepperdash/mobile-control-react-app-core 1.22.9 → 1.22.11-socket-connection-issues.1

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

@@ -1,12 +1,12 @@
 var w2 = Object.defineProperty;
 var m2 = (e, t, o) => t in e ? w2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
 var q = (e, t, o) => m2(e, typeof t != "symbol" ? t + "" : t, o);
-import x3, { AxiosError as p2 } from "axios";
+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 a1, combineReducers as S2, configureStore as j2 } from "@reduxjs/toolkit";
-import Z3, { createContext as C2, useEffect as x1, useCallback as c1, useContext as b2, useRef as M1, useMemo as n1, useState as z, useLayoutEffect as S3 } from "react";
+import { createSelector as M, createSlice as u1, combineReducers as S2, configureStore as j2 } from "@reduxjs/toolkit";
+import x3, { createContext as C2, useEffect as x1, useCallback as r1, useContext as b2, useRef as M1, useMemo as n1, useState as Y, useLayoutEffect as Z3 } from "react";
 import { useNavigate as y2, useRouteError as I2, isRouteErrorResponse as R2 } from "react-router-dom";
-import * as j3 from "lodash";
+import * as S3 from "lodash";
 const W1 = M2.withTypes(), m = x2.withTypes(), Z1 = (e) => e.appConfig, E2 = M(
   Z1,
   (e) => e.config
@@ -19,13 +19,13 @@ const W1 = M2.withTypes(), m = x2.withTypes(), Z1 = (e) => e.appConfig, E2 = M(
 ), _2 = M(
   Z1,
   (e) => e.config.partnerMetadata
-), X8 = () => m(E2), Q8 = () => m(T2), N8 = () => m(D2), e6 = () => m(_2), C3 = (e) => e.devices, b3 = M(
-  C3,
+), X8 = () => m(E2), Q8 = () => m(T2), N8 = () => m(D2), e6 = () => m(_2), j3 = (e) => e.devices, C3 = M(
+  j3,
   (e) => e
 ), P2 = (e) => M(
-  C3,
+  j3,
   (t) => t[e] ? t[e] : void 0
-), t6 = () => m(b3);
+), t6 = () => m(C3);
 function _(e) {
   return m(P2(e));
 }
@@ -134,7 +134,7 @@ const A = (e) => e.rooms, L2 = (e) => M(
 ), ee = M(
   [
     (e, t) => t,
-    () => b3,
+    () => C3,
     (e, t) => {
       var o, c;
       return (c = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : c.destinations;
@@ -191,19 +191,19 @@ const s6 = S1, c6 = (e) => m(
 ), de = M(
   G,
   (e) => e.touchpanelKey !== ""
-), y3 = M(
+), b3 = M(
   G,
   (e) => e.roomData.deviceInterfaceSupport
-), I3 = (e) => M(
-  y3,
+), y3 = (e) => M(
+  b3,
   (t) => {
     var o;
     return ((o = t == null ? void 0 : t[e]) == null ? void 0 : o.interfaces) ?? [];
   }
 ), ve = (e, t) => M(
-  I3(e),
+  y3(e),
   (o) => o.includes(t)
-), R3 = () => m(oe), Z6 = () => m(se), S6 = () => m(ce), j6 = () => m(re), C6 = () => m(le), b6 = () => m(ie), y6 = () => m(ae), I6 = () => m(ue), R6 = () => m(de), E6 = () => m(y3), T6 = (e) => m(I3(e)), D6 = (e, t) => m(ve(e, t)), N = (e) => e.ui, V1 = (e) => M(N, (t) => t.modalVisibility[e]), he = (e) => M(N, (t) => {
+), I3 = () => m(oe), Z6 = () => m(se), S6 = () => m(ce), j6 = () => m(re), C6 = () => m(le), b6 = () => m(ie), y6 = () => m(ae), I6 = () => m(ue), R6 = () => m(de), E6 = () => m(b3), T6 = (e) => m(y3(e)), D6 = (e, t) => m(ve(e, t)), N = (e) => e.ui, V1 = (e) => M(N, (t) => t.modalVisibility[e]), he = (e) => M(N, (t) => {
   const o = t.popoverVisibility[e];
   if (o)
     return Object.keys(o).find((c) => o[c]);
@@ -225,7 +225,7 @@ const s6 = S1, c6 = (e) => m(
   },
   popoverVisibility: {},
   syncState: []
-}, E3 = a1({
+}, R3 = u1({
   name: "ui",
   initialState: Se,
   reducers: {
@@ -271,7 +271,7 @@ const s6 = S1, c6 = (e) => m(
       e.syncState = [];
     }
   }
-}), W = E3.actions, je = E3.reducer, Ce = {
+}), O = R3.actions, je = R3.reducer, Ce = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -281,7 +281,7 @@ const s6 = S1, c6 = (e) => m(
     loginMode: "",
     modes: {}
   }
-}, T3 = a1({
+}, E3 = u1({
   name: "appConfig",
   initialState: Ce,
   reducers: {
@@ -289,18 +289,18 @@ const s6 = S1, c6 = (e) => m(
       e.config = t.payload;
     }
   }
-}), D3 = T3.actions, be = T3.reducer, h3 = {}, B1 = a1({
+}), T3 = E3.actions, be = E3.reducer, v3 = {}, B1 = u1({
   name: "devices",
-  initialState: h3,
+  initialState: v3,
   reducers: {
     setDeviceState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
       if (!c) return;
-      const r = t.payload.content, l = e[c] ?? {}, v = j3.merge(l, r);
+      const r = t.payload.content, l = e[c] ?? {}, v = S3.merge(l, r);
       e[c] = v;
     },
     clearDevices() {
-      return h3;
+      return v3;
     }
   }
 }), f1 = {
@@ -315,25 +315,25 @@ class Ie {
     q(this, "expiry", "current-uuid-expires");
   }
 }
-const g3 = new Ie();
+const h3 = new Ie();
 function Re(e) {
   return sessionStorage.getItem(e) || "";
 }
 function Ee(e, t) {
   sessionStorage.setItem(e, t);
 }
-const f3 = {}, k1 = a1({
+const g3 = {}, k1 = u1({
   name: "rooms",
-  initialState: f3,
+  initialState: g3,
   reducers: {
     setRoomState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
       if (!c) return;
-      const r = t.payload.content, l = e[c] ?? {}, v = j3.merge(l, r);
+      const r = t.payload.content, l = e[c] ?? {}, v = S3.merge(l, r);
       e[c] = v;
     },
     clearRooms() {
-      return f3;
+      return g3;
     }
   }
 }), w1 = {
@@ -370,7 +370,7 @@ const f3 = {}, k1 = a1({
     userCode: "",
     qrUrl: ""
   }
-}, _3 = a1({
+}, D3 = u1({
   name: "runtimeConfig",
   initialState: De,
   reducers: {
@@ -405,16 +405,16 @@ const f3 = {}, k1 = a1({
       e.touchpanelKey = t.payload;
     }
   }
-}), U = _3.actions, _e = _3.reducer, L1 = x3.create(), P3 = "websocket/connect", L3 = "websocket/disconnect", $3 = "websocket/sendMessage", A3 = "websocket/addEventHandler", B3 = "websocket/removeEventHandler", k3 = "websocket/reconnect", O3 = () => ({ type: P3 }), k6 = () => ({ type: L3 }), Pe = (e, t) => ({
-  type: $3,
+}), U = D3.actions, _e = D3.reducer, L1 = M3.create(), _3 = "websocket/connect", P3 = "websocket/disconnect", L3 = "websocket/sendMessage", $3 = "websocket/addEventHandler", A3 = "websocket/removeEventHandler", B3 = "websocket/reconnect", k3 = () => ({ type: _3 }), k6 = () => ({ type: P3 }), Pe = (e, t) => ({
+  type: L3,
   payload: { messageType: e, content: t }
 }), Le = (e, t, o) => ({
-  type: A3,
+  type: $3,
   payload: { eventType: e, key: t, callback: o }
 }), $e = (e, t) => ({
-  type: B3,
+  type: A3,
   payload: { eventType: e, key: t }
-}), Ae = () => ({ type: k3 }), Be = () => {
+}), Ae = () => ({ type: B3 }), Be = () => {
   const e = {
     client: null,
     token: null,
@@ -423,47 +423,47 @@ const f3 = {}, k1 = a1({
     eventHandlers: {}
   }, t = async (a) => {
     try {
-      const Z = location.pathname.split("/").filter((b) => b.length > 0);
-      Z.length >= 5 ? Z.length = 5 : Z.length = 2;
-      const j = `/${Z.join("/")}`, C = await L1.get(
+      const S = location.pathname.split("/").filter((b) => b.length > 0);
+      S.length >= 5 ? S.length = 5 : S.length = 2;
+      const C = `/${S.join("/")}`, Z = await L1.get(
         "/_local-config/_config.local.json",
-        { baseURL: j }
+        { baseURL: C }
       );
-      if (C.status === 200 && C.data) {
-        const b = C.data.apiPath;
-        a(D3.setAppConfig(C.data));
+      if (Z.status === 200 && Z.data) {
+        const b = Z.data.apiPath;
+        a(T3.setAppConfig(Z.data));
         const x = await L1.get(
           `${b}/version`
         );
         x.status === 200 && x.data && a(U.setRuntimeConfig(x.data));
       }
-    } catch (Z) {
-      console.error("Error getting config", Z);
+    } catch (S) {
+      console.error("Error getting config", S);
     }
     return !0;
-  }, o = async (a, Z, j) => {
+  }, o = async (a, S, C) => {
     try {
-      const C = await L1.get(
-        `${a}/ui/joinroom?token=${Z}`
+      const Z = await L1.get(
+        `${a}/ui/joinroom?token=${S}`
       );
-      return C.status === 200 && C.data ? (j(U.setRoomData(C.data)), !0) : !1;
-    } catch (C) {
-      return console.log(C), C instanceof p2 && C.response && C.response.status === 498 ? (console.error("Invalid token. Unable to join room"), j(
-        W.setErrorMessage(
-          `Token ${Z} is invalid. Unable to join room`
+      return Z.status === 200 && Z.data ? (C(U.setRoomData(Z.data)), Z.data) : null;
+    } catch (Z) {
+      return console.log(Z), Z instanceof p2 && Z.response && Z.response.status === 498 ? (console.error("Invalid token. Unable to join room"), C(
+        O.setErrorMessage(
+          `Token ${S} is invalid. Unable to join room`
         )
-      ), !1) : (console.error("Error getting room data", C), C instanceof Error ? j(W.setErrorMessage(C.message)) : j(W.setErrorMessage("Error getting room data")), !1);
+      ), null) : (console.error("Error getting room data", Z), Z instanceof Error ? C(O.setErrorMessage(Z.message)) : C(O.setErrorMessage("Error getting room data")), null);
     }
   }, c = (a) => {
     e.reconnectTimer && (clearTimeout(e.reconnectTimer), e.reconnectTimer = null), console.log("WebSocket middleware: Starting reconnection loop..."), e.reconnectTimer = setTimeout(() => {
-      e.waitingToReconnect = !1, e.reconnectTimer = null, console.log("WebSocket middleware: Attempting automatic reconnection..."), a(O3());
+      e.waitingToReconnect = !1, e.reconnectTimer = null, console.log("WebSocket middleware: Attempting automatic reconnection..."), a(k3());
     }, 5e3);
   }, r = () => {
     e.reconnectTimer && (console.log("WebSocket middleware: Stopping reconnection loop"), clearTimeout(e.reconnectTimer), e.reconnectTimer = null);
   }, l = (a) => {
-    a(W.setShowReconnect(!0)), a(U.setWebsocketIsConnected(!1)), a(f1.clearDevices()), a(w1.clearRooms()), a(W.clearAllModals()), a(W.clearSyncState());
-  }, v = (a, Z) => {
-    const j = a(), C = Z ?? j.runtimeConfig.roomData.roomKey, { clientId: b } = j.runtimeConfig.roomData, x = j.runtimeConfig.websocket.isConnected;
+    a(O.setShowReconnect(!0)), a(U.setWebsocketIsConnected(!1)), a(f1.clearDevices()), a(w1.clearRooms()), a(O.clearAllModals()), a(O.clearSyncState());
+  }, v = (a, S) => {
+    const C = a(), Z = S ?? C.runtimeConfig.roomData.roomKey, { clientId: b } = C.runtimeConfig.roomData, x = C.runtimeConfig.websocket.isConnected;
     if (!Z || !x || !b) {
       console.log("WebSocket middleware: Cannot request room status", {
         hasRoomKey: !!Z,
@@ -472,21 +472,21 @@ const f3 = {}, k1 = a1({
       });
       return;
     }
-    console.log("WebSocket middleware: Requesting status from room:", Z), e.client && x && e.client.send(
+    console.log("WebSocket middleware: Requesting status from room:", S), e.client && x && e.client.send(
       JSON.stringify({
-        type: `/room/${C}/status`,
+        type: `/room/${Z}/status`,
         clientId: b,
         content: null
       })
     );
-  }, f = async (a, Z) => {
+  }, f = async (a, S) => {
     console.log("WebSocket middleware: Attempting to connect...");
-    const j = Z(), { apiPath: C } = j.appConfig.config, { serverIsRunningOnProcessorHardware: b, roomData: x } = j.runtimeConfig;
-    if (!C || !e.token) {
+    const C = S(), { apiPath: Z } = C.appConfig.config, { serverIsRunningOnProcessorHardware: b } = C.runtimeConfig;
+    if (!Z || !e.token) {
       console.log(
         "WebSocket middleware: Cannot connect - missing requirements",
         {
-          hasApiPath: !!C,
+          hasApiPath: !!Z,
           hasToken: !!e.token
         }
       );
@@ -504,50 +504,51 @@ const f3 = {}, k1 = a1({
     }
     e.waitingToReconnect = !0;
     try {
-      if (!await o(C, e.token, a)) {
+      const x = await o(Z, e.token, a);
+      if (!x) {
         console.log(
           "WebSocket middleware: Failed to get room data, will retry..."
         ), c(a);
         return;
       }
       console.log("WebSocket middleware: Connecting to websocket");
-      const C1 = `${C.replace("http", "ws")}/ui/join/${e.token}?clientId=${x.clientId}`, K = new WebSocket(C1);
-      e.client = K, K.onopen = (k) => {
-        console.log("WebSocket middleware: Connected", k.type, k.target), e.waitingToReconnect = !1, r(), setTimeout(() => {
+      const C1 = `${Z.replace("http", "ws")}/ui/join/${e.token}?clientId=${x.clientId}`, K = new WebSocket(C1);
+      e.client = K, K.onopen = (B) => {
+        console.log("WebSocket middleware: Connected", B.type, B.target), e.waitingToReconnect = !1, r(), setTimeout(() => {
           e.client === K && K.readyState === WebSocket.OPEN && a(U.setWebsocketIsConnected(!0));
         }, 100);
-      }, K.onerror = (k) => {
-        console.error("WebSocket middleware: Error", k), l(a);
-      }, K.onclose = (k) => {
+      }, K.onerror = (B) => {
+        console.error("WebSocket middleware: Error", B), l(a);
+      }, K.onclose = (B) => {
         var D;
         if (console.log(
           "WebSocket middleware: Disconnected",
-          k.reason,
-          k.code
-        ), k.code === 4100) {
+          B.reason,
+          B.code
+        ), B.code === 4100) {
           console.log("WebSocket middleware: Closed by client (cleanup)"), r(), l(a);
           return;
         }
-        if (e.waitingToReconnect = !0, k.code === 4e3) {
+        if (e.waitingToReconnect = !0, B.code === 4e3) {
           console.log("WebSocket middleware: User code changed"), r(), a(
             U.setUserCode({ userCode: "", qrUrl: "" })
           ), a(
-            W.setErrorMessage(
+            O.setErrorMessage(
               "User code changed. Click reconnect to enter the new code"
             )
           ), l(a);
           return;
         }
-        if (k.code === 4002) {
+        if (B.code === 4002) {
           console.log("WebSocket middleware: Room combination changed"), r(), a(
-            W.setErrorMessage(
+            O.setErrorMessage(
               "Room combination changed. Click Reconnect to re-join the room"
             )
           ), l(a);
           return;
         }
-        if (k.code === 4001)
-          if (!!((D = Z().runtimeConfig) != null && D.touchpanelKey))
+        if (B.code === 4001)
+          if (!!((D = S().runtimeConfig) != null && D.touchpanelKey))
             console.log(
               "WebSocket middleware: Code 4001 received with touchpanel key present, will auto-reconnect"
             );
@@ -559,7 +560,7 @@ const f3 = {}, k1 = a1({
             console.log(
               "WebSocket middleware: Processor disconnected (no touchpanel key, not on processor hardware)"
             ), r(), a(
-              W.setErrorMessage(
+              O.setErrorMessage(
                 "Processor has disconnected. Click Reconnect to continue."
               )
             ), l(a);
@@ -574,13 +575,13 @@ const f3 = {}, k1 = a1({
           return;
         }
         e.client = null, console.log("WebSocket middleware: Clearing state on disconnect"), a(
-          W.setErrorMessage(
+          O.setErrorMessage(
             "Connection lost. Attempting to reconnect..."
           )
-        ), a(U.setWebsocketIsConnected(!1)), a(f1.clearDevices()), a(w1.clearRooms()), a(W.clearAllModals()), a(W.clearSyncState()), c(a);
-      }, K.onmessage = (k) => {
+        ), a(U.setWebsocketIsConnected(!1)), a(f1.clearDevices()), a(w1.clearRooms()), a(O.clearAllModals()), a(O.clearSyncState()), c(a);
+      }, K.onmessage = (B) => {
         try {
-          const D = JSON.parse(k.data);
+          const D = JSON.parse(B.data);
           if (D.type === "close") {
             K.close(4001, D.content);
             return;
@@ -595,7 +596,7 @@ const f3 = {}, k1 = a1({
                 );
                 break;
               case "/system/roomKey":
-                a(w1.clearRooms()), a(f1.clearDevices()), a(W.clearSyncState()), a(
+                a(w1.clearRooms()), a(f1.clearDevices()), a(O.clearSyncState()), a(
                   U.setCurrentRoomKey(
                     D.content
                   )
@@ -610,10 +611,10 @@ const f3 = {}, k1 = a1({
                 window.location.reload();
                 break;
               case "/system/deviceInterfaces": {
-                const Y = D.content;
+                const z = D.content;
                 a(
                   U.setDeviceInterfaces(
-                    Y.deviceInterfaces
+                    z.deviceInterfaces
                   )
                 );
                 break;
@@ -626,13 +627,13 @@ const f3 = {}, k1 = a1({
                 break;
             }
           else if (D.type.startsWith("/event/")) {
-            const Y = e.eventHandlers[D.type];
-            Y || console.log(
+            const z = e.eventHandlers[D.type];
+            z || console.log(
               "WebSocket middleware: No handlers found for event type",
               D.type
-            ), Y && Object.values(Y).forEach((u1) => {
+            ), z && Object.values(z).forEach((o1) => {
               try {
-                u1(D);
+                o1(D);
               } catch (b1) {
                 console.error(
                   "WebSocket middleware: Event handler error",
@@ -645,78 +646,78 @@ const f3 = {}, k1 = a1({
           console.error("WebSocket middleware: Message handling error", D);
         }
       }, e.waitingToReconnect = !1;
-    } catch (B) {
-      console.error("WebSocket middleware: Connection error", B), e.waitingToReconnect = !1, e.client = null;
+    } catch (x) {
+      console.error("WebSocket middleware: Connection error", x), e.waitingToReconnect = !1, e.client = null;
     }
   }, h = () => {
     e.client && (console.log("WebSocket middleware: Disconnecting"), r(), e.client.close(4100, "Client requested disconnect"), e.client = null);
-  }, w = (a, Z, j) => {
-    const C = j(), b = C.runtimeConfig.websocket.isConnected, x = C.runtimeConfig.roomData.clientId;
+  }, w = (a, S, C) => {
+    const Z = C(), b = Z.runtimeConfig.websocket.isConnected, x = Z.runtimeConfig.roomData.clientId;
     e.client && b ? e.client.send(
-      JSON.stringify({ type: a, clientId: x, content: Z })
+      JSON.stringify({ type: a, clientId: x, content: S })
     ) : console.warn("WebSocket middleware: Cannot send message - not connected");
-  }, d = (a, Z, j) => {
-    e.eventHandlers[a] || (e.eventHandlers[a] = {}), e.eventHandlers[a][Z] = j, console.log("WebSocket middleware: Event handler added", a, Z);
-  }, P = (a, Z) => {
-    e.eventHandlers[a] && (delete e.eventHandlers[a][Z], console.log(
+  }, d = (a, S, C) => {
+    e.eventHandlers[a] || (e.eventHandlers[a] = {}), e.eventHandlers[a][S] = C, console.log("WebSocket middleware: Event handler added", a, S);
+  }, P = (a, S) => {
+    e.eventHandlers[a] && (delete e.eventHandlers[a][S], console.log(
       "WebSocket middleware: Event handler removed",
       a,
-      Z
+      S
     ));
   }, H = (a) => {
-    const Z = a(), { gatewayAppPath: j } = Z.appConfig.config, C = Z.runtimeConfig.roomData.roomKey, b = Z.runtimeConfig.roomData.systemUuid, x = Z.runtimeConfig.roomData.userCode, B = `${j}?uuid=${b}&roomKey=${C}`;
-    window.location.href = x ? `${B}&Code=${x}` : B;
+    const S = a(), { gatewayAppPath: C } = S.appConfig.config, Z = S.runtimeConfig.roomData.roomKey, b = S.runtimeConfig.roomData.systemUuid, x = S.runtimeConfig.roomData.userCode, W = `${C}?uuid=${b}&roomKey=${Z}`;
+    window.location.href = x ? `${W}&Code=${x}` : W;
   };
-  return (a) => (Z) => (j) => {
-    const C = Z(j);
-    if (!j || typeof j != "object" || !("type" in j))
-      return C;
-    const b = j;
+  return (a) => (S) => (C) => {
+    const Z = S(C);
+    if (!C || typeof C != "object" || !("type" in C))
+      return Z;
+    const b = C;
     return (async () => {
       switch (b.type) {
-        case P3: {
-          let B = new URLSearchParams(window.location.search).get("token");
-          B ? (console.log("WebSocket middleware: Saving token"), Ee(g3.uuid, B)) : (B = Re(g3.uuid), console.log("WebSocket middleware: Loading token")), e.token = B, await t(a.dispatch), await f(a.dispatch, a.getState);
+        case _3: {
+          let W = new URLSearchParams(window.location.search).get("token");
+          W ? (console.log("WebSocket middleware: Saving token"), Ee(h3.uuid, W)) : (W = Re(h3.uuid), console.log("WebSocket middleware: Loading token")), e.token = W, await t(a.dispatch), await f(a.dispatch, a.getState);
           break;
         }
-        case L3:
+        case P3:
           h();
           break;
-        case $3:
+        case L3:
           w(
             b.payload.messageType,
             b.payload.content,
             a.getState
           );
           break;
-        case A3:
+        case $3:
           d(
             b.payload.eventType,
             b.payload.key,
             b.payload.callback
           );
           break;
-        case B3:
+        case A3:
           P(
             b.payload.eventType,
             b.payload.key
           );
           break;
-        case k3:
+        case B3:
           H(a.getState);
           break;
         default:
-          if (j.type === U.setWebsocketIsConnected.type)
-            j.payload === !0 && (console.log(
+          if (C.type === U.setWebsocketIsConnected.type)
+            C.payload === !0 && (console.log(
               "[WebSocket Middleware] Connection established, requesting room status..."
             ), setTimeout(() => v(a.getState), 100));
-          else if (j.type === U.setRoomData.type) {
-            const x = a.getState(), B = j.payload;
-            x.runtimeConfig.websocket.isConnected && (B != null && B.clientId) && (console.log(
+          else if (C.type === U.setRoomData.type) {
+            const x = a.getState(), W = C.payload;
+            x.runtimeConfig.websocket.isConnected && (W != null && W.clientId) && (console.log(
               "[WebSocket Middleware] Room data received, requesting room status..."
             ), setTimeout(() => v(a.getState), 100));
-          } else if (j.type === U.setCurrentRoomKey.type) {
-            const x = j.payload;
+          } else if (C.type === U.setCurrentRoomKey.type) {
+            const x = C.payload;
             x && (console.log(
               "[WebSocket Middleware] Room changed to:",
               x,
@@ -727,7 +728,7 @@ const f3 = {}, k1 = a1({
       }
     })().catch((x) => {
       console.error("WebSocket middleware: Error handling action", x);
-    }), C;
+    }), Z;
   };
 }, ke = S2({
   appConfig: be,
@@ -743,21 +744,21 @@ const f3 = {}, k1 = a1({
       ignoredActions: ["websocket/addEventHandler"]
     }
   }).concat(Be())
-}), w3 = x3.create();
+}), f3 = M3.create();
 function O6() {
   const e = W1();
   return async () => {
     try {
       const t = location.pathname.split("/").filter((r) => r.length > 0);
       t.length >= 5 ? t.length = 5 : t.length = 2;
-      const o = `/${t.join("/")}`, c = await w3.get(
+      const o = `/${t.join("/")}`, c = await f3.get(
         "/_local-config/_config.local.json",
         { baseURL: o }
       );
       if (c.status == 200 && c.data) {
         const r = c.data.apiPath;
-        e(D3.setAppConfig(c.data));
-        const l = await w3.get(
+        e(T3.setAppConfig(c.data));
+        const l = await f3.get(
           `${r}/version`
         );
         l.status == 200 && l.data && e(U.setRuntimeConfig(l.data));
@@ -768,7 +769,7 @@ function O6() {
     return !0;
   };
 }
-var m1 = { exports: {} }, r1 = {};
+var m1 = { exports: {} }, l1 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -778,11 +779,11 @@ var m1 = { exports: {} }, r1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var m3;
+var w3;
 function We() {
-  if (m3) return r1;
-  m3 = 1;
-  var e = Z3, 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 };
+  if (w3) return l1;
+  w3 = 1;
+  var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
   function v(f, h, w) {
     var d, P = {}, H = null, a = null;
     w !== void 0 && (H = "" + w), h.key !== void 0 && (H = "" + h.key), h.ref !== void 0 && (a = h.ref);
@@ -790,9 +791,9 @@ function We() {
     if (f && f.defaultProps) for (d in h = f.defaultProps, h) P[d] === void 0 && (P[d] = h[d]);
     return { $$typeof: t, type: f, key: H, ref: a, props: P, _owner: r.current };
   }
-  return r1.Fragment = o, r1.jsx = v, r1.jsxs = v, r1;
+  return l1.Fragment = o, l1.jsx = v, l1.jsxs = v, l1;
 }
-var l1 = {};
+var i1 = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -802,14 +803,14 @@ var l1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var p3;
+var m3;
 function Ve() {
-  return p3 || (p3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = Z3, 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"), v = Symbol.for("react.provider"), f = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), a = Symbol.for("react.offscreen"), Z = Symbol.iterator, j = "@@iterator";
-    function C(s) {
+  return m3 || (m3 = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), f = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), a = Symbol.for("react.offscreen"), S = Symbol.iterator, C = "@@iterator";
+    function Z(s) {
       if (s === null || typeof s != "object")
         return null;
-      var i = Z && s[Z] || s[j];
+      var i = S && s[S] || s[C];
       return typeof i == "function" ? i : null;
     }
     var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -817,10 +818,10 @@ function Ve() {
       {
         for (var i = arguments.length, u = new Array(i > 1 ? i - 1 : 0), p = 1; p < i; p++)
           u[p - 1] = arguments[p];
-        B("error", s, u);
+        W("error", s, u);
       }
     }
-    function B(s, i, u) {
+    function W(s, i, u) {
       {
         var p = b.ReactDebugCurrentFrame, E = p.getStackAddendum();
         E !== "" && (i += "%s", u = u.concat([E]));
@@ -830,23 +831,23 @@ function Ve() {
         T.unshift("Warning: " + i), Function.prototype.apply.call(console[s], console, T);
       }
     }
-    var U1 = !1, C1 = !1, K = !1, k = !1, D = !1, Y;
-    Y = Symbol.for("react.module.reference");
-    function u1(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === c || s === l || D || s === r || s === w || s === d || k || s === a || U1 || C1 || K || typeof s == "object" && s !== null && (s.$$typeof === H || s.$$typeof === P || s.$$typeof === v || s.$$typeof === f || s.$$typeof === h || // This needs to include all possible module reference object
+    var C1 = !1, K = !1, B = !1, D = !1, z = !1, o1;
+    o1 = Symbol.for("react.module.reference");
+    function b1(s) {
+      return !!(typeof s == "string" || typeof s == "function" || s === c || s === l || z || s === r || s === w || s === d || D || s === a || C1 || K || B || typeof s == "object" && s !== null && (s.$$typeof === H || s.$$typeof === P || s.$$typeof === v || s.$$typeof === f || s.$$typeof === h || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      s.$$typeof === Y || s.getModuleId !== void 0));
+      s.$$typeof === o1 || s.getModuleId !== void 0));
     }
-    function b1(s, i, u) {
+    function U3(s, i, u) {
       var p = s.displayName;
       if (p)
         return p;
       var E = i.displayName || i.name || "";
       return E !== "" ? u + "(" + E + ")" : u;
     }
-    function H1(s) {
+    function U1(s) {
       return s.displayName || "Context";
     }
     function J(s) {
@@ -874,12 +875,12 @@ function Ve() {
         switch (s.$$typeof) {
           case f:
             var i = s;
-            return H1(i) + ".Consumer";
+            return U1(i) + ".Consumer";
           case v:
             var u = s;
-            return H1(u._context) + ".Provider";
+            return U1(u._context) + ".Provider";
           case h:
-            return b1(s, s.render, "ForwardRef");
+            return U3(s, s.render, "ForwardRef");
           case P:
             var p = s.displayName || null;
             return p !== null ? p : J(s.type) || "Memo";
@@ -894,18 +895,18 @@ function Ve() {
         }
       return null;
     }
-    var X = Object.assign, o1 = 0, F1, K1, q1, G1, Y1, z1, J1;
-    function X1() {
+    var X = Object.assign, s1 = 0, H1, F1, K1, q1, G1, Y1, z1;
+    function J1() {
     }
-    X1.__reactDisabledLog = !0;
+    J1.__reactDisabledLog = !0;
     function H3() {
       {
-        if (o1 === 0) {
-          F1 = console.log, K1 = console.info, q1 = console.warn, G1 = console.error, Y1 = console.group, z1 = console.groupCollapsed, J1 = console.groupEnd;
+        if (s1 === 0) {
+          H1 = console.log, F1 = console.info, K1 = console.warn, q1 = console.error, G1 = console.group, Y1 = console.groupCollapsed, z1 = console.groupEnd;
           var s = {
             configurable: !0,
             enumerable: !0,
-            value: X1,
+            value: J1,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -918,12 +919,12 @@ function Ve() {
             groupEnd: s
           });
         }
-        o1++;
+        s1++;
       }
     }
     function F3() {
       {
-        if (o1--, o1 === 0) {
+        if (s1--, s1 === 0) {
           var s = {
             configurable: !0,
             enumerable: !0,
@@ -931,29 +932,29 @@ function Ve() {
           };
           Object.defineProperties(console, {
             log: X({}, s, {
-              value: F1
+              value: H1
             }),
             info: X({}, s, {
-              value: K1
+              value: F1
             }),
             warn: X({}, s, {
-              value: q1
+              value: K1
             }),
             error: X({}, s, {
-              value: G1
+              value: q1
             }),
             group: X({}, s, {
-              value: Y1
+              value: G1
             }),
             groupCollapsed: X({}, s, {
-              value: z1
+              value: Y1
             }),
             groupEnd: X({}, s, {
-              value: J1
+              value: z1
             })
           });
         }
-        o1 < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        s1 < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var y1 = b.ReactCurrentDispatcher, I1;
@@ -975,7 +976,7 @@ function Ve() {
       var K3 = typeof WeakMap == "function" ? WeakMap : Map;
       v1 = new K3();
     }
-    function Q1(s, i) {
+    function X1(s, i) {
       if (!s || R1)
         return "";
       {
@@ -1023,17 +1024,17 @@ function Ve() {
         }
       } catch (V) {
         if (V && p && typeof V.stack == "string") {
-          for (var S = V.stack.split(`
-`), O = p.stack.split(`
-`), L = S.length - 1, $ = O.length - 1; L >= 1 && $ >= 0 && S[L] !== O[$]; )
+          for (var j = V.stack.split(`
+`), k = p.stack.split(`
+`), L = j.length - 1, $ = k.length - 1; L >= 1 && $ >= 0 && j[L] !== k[$]; )
             $--;
           for (; L >= 1 && $ >= 0; L--, $--)
-            if (S[L] !== O[$]) {
+            if (j[L] !== k[$]) {
               if (L !== 1 || $ !== 1)
                 do
-                  if (L--, $--, $ < 0 || S[L] !== O[$]) {
+                  if (L--, $--, $ < 0 || j[L] !== k[$]) {
                     var F = `
-` + S[L].replace(" at new ", " at ");
+` + j[L].replace(" at new ", " at ");
                     return s.displayName && F.includes("<anonymous>") && (F = F.replace("<anonymous>", s.displayName)), typeof s == "function" && v1.set(s, F), F;
                   }
                 while (L >= 1 && $ >= 0);
@@ -1047,7 +1048,7 @@ function Ve() {
       return typeof s == "function" && v1.set(s, Q), Q;
     }
     function q3(s, i, u) {
-      return Q1(s, !1);
+      return X1(s, !1);
     }
     function G3(s) {
       var i = s.prototype;
@@ -1057,7 +1058,7 @@ function Ve() {
       if (s == null)
         return "";
       if (typeof s == "function")
-        return Q1(s, G3(s));
+        return X1(s, G3(s));
       if (typeof s == "string")
         return d1(s);
       switch (s) {
@@ -1082,30 +1083,30 @@ function Ve() {
         }
       return "";
     }
-    var s1 = Object.prototype.hasOwnProperty, N1 = {}, e3 = b.ReactDebugCurrentFrame;
+    var c1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = b.ReactDebugCurrentFrame;
     function g1(s) {
       if (s) {
         var i = s._owner, u = h1(s.type, s._source, i ? i.type : null);
-        e3.setExtraStackFrame(u);
+        N1.setExtraStackFrame(u);
       } else
-        e3.setExtraStackFrame(null);
+        N1.setExtraStackFrame(null);
     }
     function Y3(s, i, u, p, E) {
       {
-        var T = Function.call.bind(s1);
+        var T = Function.call.bind(c1);
         for (var y in s)
           if (T(s, y)) {
-            var S = void 0;
+            var j = void 0;
             try {
               if (typeof s[y] != "function") {
-                var O = Error((p || "React class") + ": " + u + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw O.name = "Invariant Violation", O;
+                var k = Error((p || "React class") + ": " + u + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw k.name = "Invariant Violation", k;
               }
-              S = s[y](i, y, p, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              j = s[y](i, y, p, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (L) {
-              S = L;
+              j = L;
             }
-            S && !(S instanceof Error) && (g1(E), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", u, y, typeof S), g1(null)), S instanceof Error && !(S.message in N1) && (N1[S.message] = !0, g1(E), x("Failed %s type: %s", u, S.message), g1(null));
+            j && !(j instanceof Error) && (g1(E), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", u, y, typeof j), g1(null)), j instanceof Error && !(j.message in Q1) && (Q1[j.message] = !0, g1(E), x("Failed %s type: %s", u, j.message), g1(null));
           }
       }
     }
@@ -1121,26 +1122,26 @@ function Ve() {
     }
     function X3(s) {
       try {
-        return t3(s), !1;
+        return e3(s), !1;
       } catch {
         return !0;
       }
     }
-    function t3(s) {
+    function e3(s) {
       return "" + s;
     }
-    function n3(s) {
+    function t3(s) {
       if (X3(s))
-        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", J3(s)), t3(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 o3 = b.ReactCurrentOwner, Q3 = {
+    var n3 = b.ReactCurrentOwner, Q3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, s3, c3;
+    }, o3, s3;
     function N3(s) {
-      if (s1.call(s, "ref")) {
+      if (c1.call(s, "ref")) {
         var i = Object.getOwnPropertyDescriptor(s, "ref").get;
         if (i && i.isReactWarning)
           return !1;
@@ -1148,7 +1149,7 @@ function Ve() {
       return s.ref !== void 0;
     }
     function e2(s) {
-      if (s1.call(s, "key")) {
+      if (c1.call(s, "key")) {
         var i = Object.getOwnPropertyDescriptor(s, "key").get;
         if (i && i.isReactWarning)
           return !1;
@@ -1156,12 +1157,12 @@ function Ve() {
       return s.key !== void 0;
     }
     function t2(s, i) {
-      typeof s.ref == "string" && o3.current;
+      typeof s.ref == "string" && n3.current;
     }
     function n2(s, i) {
       {
         var u = function() {
-          s3 || (s3 = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", i));
+          o3 || (o3 = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", i));
         };
         u.isReactWarning = !0, Object.defineProperty(s, "key", {
           get: u,
@@ -1172,7 +1173,7 @@ function Ve() {
     function o2(s, i) {
       {
         var u = function() {
-          c3 || (c3 = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", i));
+          s3 || (s3 = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", i));
         };
         u.isReactWarning = !0, Object.defineProperty(s, "ref", {
           get: u,
@@ -1181,7 +1182,7 @@ function Ve() {
       }
     }
     var s2 = function(s, i, u, p, E, T, y) {
-      var S = {
+      var j = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
@@ -1192,55 +1193,55 @@ function Ve() {
         // Record the component responsible for creating this element.
         _owner: T
       };
-      return S._store = {}, Object.defineProperty(S._store, "validated", {
+      return j._store = {}, Object.defineProperty(j._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(S, "_self", {
+      }), Object.defineProperty(j, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: p
-      }), Object.defineProperty(S, "_source", {
+      }), Object.defineProperty(j, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: E
-      }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
+      }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
     };
     function c2(s, i, u, p, E) {
       {
-        var T, y = {}, S = null, O = null;
-        u !== void 0 && (n3(u), S = "" + u), e2(i) && (n3(i.key), S = "" + i.key), N3(i) && (O = i.ref, t2(i, E));
+        var T, y = {}, j = null, k = null;
+        u !== void 0 && (t3(u), j = "" + u), e2(i) && (t3(i.key), j = "" + i.key), N3(i) && (k = i.ref, t2(i, E));
         for (T in i)
-          s1.call(i, T) && !Q3.hasOwnProperty(T) && (y[T] = i[T]);
+          c1.call(i, T) && !Q3.hasOwnProperty(T) && (y[T] = i[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 (j || k) {
           var $ = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          S && n2(y, $), O && o2(y, $);
+          j && n2(y, $), k && o2(y, $);
         }
-        return s2(s, S, O, E, p, o3.current, y);
+        return s2(s, j, k, E, p, n3.current, y);
       }
     }
-    var T1 = b.ReactCurrentOwner, r3 = b.ReactDebugCurrentFrame;
+    var T1 = b.ReactCurrentOwner, c3 = b.ReactDebugCurrentFrame;
     function e1(s) {
       if (s) {
         var i = s._owner, u = h1(s.type, s._source, i ? i.type : null);
-        r3.setExtraStackFrame(u);
+        c3.setExtraStackFrame(u);
       } else
-        r3.setExtraStackFrame(null);
+        c3.setExtraStackFrame(null);
     }
     var D1;
     D1 = !1;
     function _1(s) {
       return typeof s == "object" && s !== null && s.$$typeof === t;
     }
-    function l3() {
+    function r3() {
       {
         if (T1.current) {
           var s = J(T1.current.type);
@@ -1255,10 +1256,10 @@ Check the render method of \`` + s + "`.";
     function r2(s) {
       return "";
     }
-    var i3 = {};
+    var l3 = {};
     function l2(s) {
       {
-        var i = l3();
+        var i = r3();
         if (!i) {
           var u = typeof s == "string" ? s : s.displayName || s.name;
           u && (i = `
@@ -1268,35 +1269,35 @@ Check the top-level render call using <` + u + ">.");
         return i;
       }
     }
-    function a3(s, i) {
+    function i3(s, i) {
       {
         if (!s._store || s._store.validated || s.key != null)
           return;
         s._store.validated = !0;
         var u = l2(i);
-        if (i3[u])
+        if (l3[u])
           return;
-        i3[u] = !0;
+        l3[u] = !0;
         var p = "";
         s && s._owner && s._owner !== T1.current && (p = " It was passed a child from " + J(s._owner.type) + "."), e1(s), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, p), e1(null);
       }
     }
-    function u3(s, i) {
+    function a3(s, i) {
       {
         if (typeof s != "object")
           return;
         if (E1(s))
           for (var u = 0; u < s.length; u++) {
             var p = s[u];
-            _1(p) && a3(p, i);
+            _1(p) && i3(p, i);
           }
         else if (_1(s))
           s._store && (s._store.validated = !0);
         else if (s) {
-          var E = C(s);
+          var E = Z(s);
           if (typeof E == "function" && E !== s.entries)
             for (var T = E.call(s), y; !(y = T.next()).done; )
-              _1(y.value) && a3(y.value, i);
+              _1(y.value) && i3(y.value, i);
         }
       }
     }
@@ -1337,17 +1338,17 @@ Check the top-level render call using <` + u + ">.");
         s.ref !== null && (e1(s), x("Invalid attribute `ref` supplied to `React.Fragment`."), e1(null));
       }
     }
-    var d3 = {};
-    function v3(s, i, u, p, E, T) {
+    var u3 = {};
+    function d3(s, i, u, p, E, T) {
       {
-        var y = u1(s);
+        var y = b1(s);
         if (!y) {
-          var S = "";
-          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (S += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var O = r2();
-          O ? S += O : S += l3();
+          var j = "";
+          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (j += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var k = r2();
+          k ? j += k : j += r3();
           var L;
-          s === null ? L = "null" : E1(s) ? L = "array" : s !== void 0 && s.$$typeof === t ? (L = "<" + (J(s.type) || "Unknown") + " />", S = " Did you accidentally export a JSX literal instead of a component?") : L = typeof s, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, S);
+          s === null ? L = "null" : E1(s) ? L = "array" : s !== void 0 && s.$$typeof === t ? (L = "<" + (J(s.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : L = typeof s, 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, j);
         }
         var $ = c2(s, i, u, E, T);
         if ($ == null)
@@ -1358,49 +1359,49 @@ Check the top-level render call using <` + u + ">.");
             if (p)
               if (E1(F)) {
                 for (var t1 = 0; t1 < F.length; t1++)
-                  u3(F[t1], s);
+                  a3(F[t1], s);
                 Object.freeze && Object.freeze(F);
               } else
                 x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              u3(F, s);
+              a3(F, s);
         }
-        if (s1.call(i, "key")) {
+        if (c1.call(i, "key")) {
           var Q = J(s), V = Object.keys(i).filter(function(f2) {
             return f2 !== "key";
           }), P1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!d3[Q + P1]) {
+          if (!u3[Q + P1]) {
             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} />`, P1, Q, g2, Q), d3[Q + P1] = !0;
+  <%s key={someKey} {...props} />`, P1, Q, g2, Q), u3[Q + P1] = !0;
           }
         }
         return s === c ? a2($) : i2($), $;
       }
     }
     function u2(s, i, u) {
-      return v3(s, i, u, !0);
+      return d3(s, i, u, !0);
     }
     function d2(s, i, u) {
-      return v3(s, i, u, !1);
+      return d3(s, i, u, !1);
     }
     var v2 = d2, h2 = u2;
-    l1.Fragment = c, l1.jsx = v2, l1.jsxs = h2;
-  }()), l1;
+    i1.Fragment = c, i1.jsx = v2, i1.jsxs = h2;
+  }()), i1;
 }
-var M3;
+var p3;
 function Ue() {
-  return M3 || (M3 = 1, process.env.NODE_ENV === "production" ? m1.exports = We() : m1.exports = Ve()), m1.exports;
+  return p3 || (p3 = 1, process.env.NODE_ENV === "production" ? m1.exports = We() : m1.exports = Ve()), m1.exports;
 }
 var n = Ue();
 const He = "_mwfit_ppa3l_1", Fe = {
   mwfit: He
 }, Ke = () => {
-  const { reconnect: e } = R(), t = R3(), o = Me(), c = xe();
+  const { reconnect: e } = R(), 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" }),
@@ -1408,42 +1409,42 @@ const He = "_mwfit_ppa3l_1", Fe = {
     ] }),
     c && /* @__PURE__ */ n.jsx("button", { className: "btn btn-secondary btn-lg", onPointerDown: e, children: "Reconnect" })
   ] });
-}, W3 = C2({
+}, O3 = C2({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
   removeEventHandler: () => null,
   reconnect: () => null
 }), qe = ({ children: e }) => {
-  const t = W1(), o = R3();
+  const t = W1(), o = I3();
   x1(() => {
-    t(O3());
+    t(k3());
   }, [t]);
-  const c = c1(
+  const c = r1(
     (h, w) => {
       t(Pe(h, w));
     },
     [t]
-  ), r = c1(
+  ), r = r1(
     (h, w) => {
       c(h, { value: w });
     },
     [c]
-  ), l = c1(
+  ), l = r1(
     (h, w, d) => {
       t(Le(h, w, d));
     },
     [t]
-  ), v = c1(
+  ), v = r1(
     (h, w) => {
       t($e(h, w));
     },
     [t]
-  ), f = c1(() => {
+  ), f = r1(() => {
     t(Ae());
   }, [t]);
   return /* @__PURE__ */ n.jsx(
-    W3.Provider,
+    O3.Provider,
     {
       value: {
         sendMessage: c,
@@ -1457,7 +1458,7 @@ const He = "_mwfit_ppa3l_1", Fe = {
   );
 }, W6 = ({ children: e }) => /* @__PURE__ */ n.jsx(Z2, { store: Oe, children: /* @__PURE__ */ n.jsx(qe, { children: e }) });
 function R() {
-  return b2(W3);
+  return b2(O3);
 }
 function Ge({
   onPress: e,
@@ -1511,7 +1512,7 @@ function V6(e) {
     muteToggle: () => t(`${e}/muteToggle`, null)
   }), [e, t, o, c]);
 }
-function V3(e, t) {
+function W3(e, t) {
   const { sendMessage: o, sendSimpleMessage: c } = R(), r = j1(e);
   return n1(() => {
     if (!r) {
@@ -1556,9 +1557,9 @@ function Ye(e) {
     if (t)
       return t.volume;
   }, [t]);
-  return V3(o, c);
+  return W3(o, c);
 }
-function U3(e) {
+function V3(e) {
   const { sendMessage: t } = R();
   return { powerOn: () => {
     t(`/device/${e}/powerOn`, null);
@@ -1586,7 +1587,7 @@ function ze(e) {
   return o ? { levelControls: o.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
 }
 function H6(e) {
-  const t = _(e), o = U3(e), c = O1(e), r = O1(e), l = Ye(e), v = ze(e);
+  const t = _(e), o = V3(e), c = O1(e), r = O1(e), l = Ye(e), v = ze(e);
   if (t)
     return {
       avrState: t,
@@ -1598,7 +1599,7 @@ function H6(e) {
     };
 }
 const F6 = ({ className: e }) => {
-  const [t, o] = z();
+  const [t, o] = Y();
   return x1(() => {
     setInterval(() => {
       const c = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
@@ -1863,7 +1864,7 @@ function St(e) {
   } : void 0;
 }
 function jt(e) {
-  const t = _(e), o = U3(e), c = O1(e);
+  const t = _(e), o = V3(e), c = O1(e);
   if (!t) return;
   const r = (t.powerState || t.isWarming) && !t.isCooling, l = (!t.powerState || t.isCooling) && !t.isWarming;
   return {
@@ -1913,8 +1914,8 @@ const bt = ({
   }, [r, t, o]), r;
 };
 function yt(e, t) {
-  const [o, c] = z(!1), [r, l] = z(!1);
-  return S3(() => {
+  const [o, c] = Y(!1), [r, l] = Y(!1);
+  return Z3(() => {
     const { current: v } = e, f = () => {
       const h = v && v.scrollHeight > v.clientHeight, w = v && v.scrollWidth > v.clientWidth;
       l(h ?? !1), c(w ?? !1), t && t(h ?? !1, w ?? !1);
@@ -1928,18 +1929,18 @@ function It(e, t) {
 }
 function Rt(e, t) {
   const o = te(e, t), c = `/room/${e}/volumes/${t}`;
-  return V3(c, o);
+  return W3(c, o);
 }
 function Et(e) {
   var f, h;
-  const [t, o] = z(((f = e == null ? void 0 : e.current) == null ? void 0 : f.scrollLeft) ?? 0), [c, r] = z(((h = e == null ? void 0 : e.current) == null ? void 0 : h.scrollTop) ?? 0), l = (w) => {
+  const [t, o] = Y(((f = e == null ? void 0 : e.current) == null ? void 0 : f.scrollLeft) ?? 0), [c, r] = Y(((h = e == null ? void 0 : e.current) == null ? void 0 : h.scrollTop) ?? 0), l = (w) => {
     const { current: d } = e;
     d && (console.log(d.scrollLeft), d.scrollLeft += w, console.log(d.scrollLeft));
   }, v = (w) => {
     const { current: d } = e;
     d && (console.log(d.scrollTop), d.scrollTop += w, console.log(d.scrollTop));
   };
-  return S3(() => {
+  return Z3(() => {
     const { current: w } = e, d = () => {
       o((w == null ? void 0 : w.scrollLeft) ?? 0), r((w == null ? void 0 : w.scrollTop) ?? 0);
     };
@@ -1949,9 +1950,9 @@ function Et(e) {
 function Tt(e) {
   const t = W1();
   return [() => {
-    t(W.addSyncState(e));
+    t(O.addSyncState(e));
   }, () => {
-    t(W.removeSyncState(e));
+    t(O.removeSyncState(e));
   }, Ze(e)];
 }
 function Dt() {
@@ -1966,7 +1967,7 @@ function Dt() {
   };
 }
 function _t() {
-  const [e, t] = z(), [o, c] = z();
+  const [e, t] = Y(), [o, c] = Y();
   function r() {
     t((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
     const l = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
@@ -1981,7 +1982,7 @@ function _t() {
   }, []), { date: e, time: o };
 }
 const Pt = () => {
-  const [e, t] = z(!1), o = y2(), c = I2();
+  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: [
     /* @__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." }) }),
@@ -2022,29 +2023,29 @@ const Pt = () => {
   onPointerLeave: P,
   ...H
 }) => {
-  const [a, Z] = z(!1), j = !v && f ? h : "", C = !v && (a || f);
+  const [a, S] = Y(!1), C = !v && f ? h : "", Z = !v && (a || f);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
       type: "button",
-      className: `${$1.iconbtn} ${o ? $1.iconbtnvert : ""} ${c} ${j}`,
+      className: `${$1.iconbtn} ${o ? $1.iconbtnvert : ""} ${c} ${C}`,
       ...H,
       disabled: v,
       onPointerDown: (b) => {
-        Z(!0), w == null || w(b);
+        S(!0), w == null || w(b);
       },
       onPointerUp: (b) => {
-        Z(!1), d == null || d(b);
+        S(!1), d == null || d(b);
       },
       onPointerLeave: (b) => {
-        Z(!1), P == null || P(b);
+        S(!1), P == null || P(b);
       },
       children: [
         e && /* @__PURE__ */ n.jsx(
           e,
           {
             className: `${r || $1.iconsm}`,
-            active: C,
+            active: Z,
             disabled: v
           }
         ),
@@ -3707,17 +3708,17 @@ function $t({
   const c = t[e] ?? null;
   return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ n.jsx(Ne, { multiIcon: c, ...o });
 }
-const P8 = "_grid_1cmpp_1", L8 = "_header_1cmpp_11", $8 = "_content_1cmpp_17", A8 = "_footer_1cmpp_23", B8 = "_volume_1cmpp_29", i1 = {
+const P8 = "_grid_1cmpp_1", L8 = "_header_1cmpp_11", $8 = "_content_1cmpp_17", A8 = "_footer_1cmpp_23", B8 = "_volume_1cmpp_29", a1 = {
   grid: P8,
   header: L8,
   content: $8,
   footer: A8,
   volume: B8
-}, At = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ n.jsxs("div", { className: i1.grid, children: [
-  /* @__PURE__ */ n.jsx("div", { className: i1.header, children: e }),
-  /* @__PURE__ */ n.jsx("div", { className: i1.content, children: o }),
-  r && /* @__PURE__ */ n.jsx("div", { className: i1.volume, children: c }),
-  /* @__PURE__ */ n.jsx("div", { className: i1.footer, children: t })
+}, At = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ n.jsxs("div", { className: a1.grid, children: [
+  /* @__PURE__ */ n.jsx("div", { className: a1.header, children: e }),
+  /* @__PURE__ */ n.jsx("div", { className: a1.content, children: o }),
+  r && /* @__PURE__ */ n.jsx("div", { className: a1.volume, children: c }),
+  /* @__PURE__ */ n.jsx("div", { className: a1.footer, children: t })
 ] }), k8 = "_grid_11w5q_1", O8 = "_header_11w5q_11", W8 = "_content_11w5q_17", p1 = {
   grid: k8,
   header: O8,
@@ -3799,32 +3800,32 @@ export {
   Ot as ShareState,
   Bt as TechLayout,
   kt as TechPinLayout,
-  A3 as WS_ADD_EVENT_HANDLER,
-  P3 as WS_CONNECT,
-  L3 as WS_DISCONNECT,
-  k3 as WS_RECONNECT,
-  B3 as WS_REMOVE_EVENT_HANDLER,
-  $3 as WS_SEND_MESSAGE,
-  W3 as WebsocketContext,
-  D3 as appConfigActions,
+  $3 as WS_ADD_EVENT_HANDLER,
+  _3 as WS_CONNECT,
+  P3 as WS_DISCONNECT,
+  B3 as WS_RECONNECT,
+  A3 as WS_REMOVE_EVENT_HANDLER,
+  L3 as WS_SEND_MESSAGE,
+  O3 as WebsocketContext,
+  T3 as appConfigActions,
   Be as createWebSocketMiddleware,
   f1 as devicesActions,
   Wt as getBaseLocation,
-  w3 as httpClient,
+  f3 as httpClient,
   _8 as iconsDictionary,
   Ut as roomOffSourceKey,
   w1 as roomsActions,
   U as runtimeConfigActions,
-  b3 as selectAllDevices,
+  C3 as selectAllDevices,
   T2 as selectApiPath,
   E2 as selectAppConfig,
   ce as selectClientId,
   he as selectCurrentPopoverIdForGroup,
   P2 as selectDeviceByKey,
-  y3 as selectDeviceInterfaceSupport,
+  b3 as selectDeviceInterfaceSupport,
   ve as selectDeviceSupportsInterface,
   fe as selectError,
-  I3 as selectInterfacesForDevice,
+  y3 as selectInterfacesForDevice,
   pe as selectIsSyncStateValuePresent,
   de as selectIsTouchpanel,
   D2 as selectLogoPath,
@@ -3862,7 +3863,7 @@ export {
   oe as selectWsIsConnected,
   N2 as selectZoomRoomControllerKey,
   Oe as store,
-  W as uiActions,
+  O as uiActions,
   je as uiReducer,
   Q8 as useApiPath,
   X8 as useAppConfig,
@@ -3890,7 +3891,7 @@ export {
   M6 as useGetRoomDisplayStates,
   x6 as useGetZoomRoomControllerKey,
   j1 as useIBasicVolume,
-  V3 as useIBasicVolumeWithFeedback,
+  W3 as useIBasicVolumeWithFeedback,
   G6 as useIChannel,
   Y6 as useIColor,
   z6 as useICommunicationMonitor,
@@ -3900,7 +3901,7 @@ export {
   et as useIDvr,
   tt as useIEssentialsRoomCombiner,
   nt as useIHasCameras,
-  U3 as useIHasPowerControl,
+  V3 as useIHasPowerControl,
   O1 as useIHasSelectableItems,
   ot as useIHumiditySensor,
   st as useILevelControls,
@@ -3968,9 +3969,9 @@ export {
   jt as useTwoWayDisplayBase,
   C6 as useUserCode,
   R as useWebsocketContext,
-  R3 as useWsIsConnected,
+  I3 as useWsIsConnected,
   Le as wsAddEventHandler,
-  O3 as wsConnect,
+  k3 as wsConnect,
   k6 as wsDisconnect,
   Ae as wsReconnect,
   $e as wsRemoveEventHandler,