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

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 u1, combineReducers as S2, configureStore as j2 } from "@reduxjs/toolkit";
-import x3, { createContext as C2, useEffect as x1, useCallback as n1, useContext as b2, useRef as M1, useMemo as o1, useState as Y, useLayoutEffect as Z3 } from "react";
+import 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 S3 from "lodash";
 const W1 = M2.withTypes(), m = x2.withTypes(), Z1 = (e) => e.appConfig, E2 = M(
@@ -26,7 +26,7 @@ const W1 = M2.withTypes(), m = x2.withTypes(), Z1 = (e) => e.appConfig, E2 = M(
   j3,
   (t) => t[e] ? t[e] : void 0
 ), t6 = () => m(C3);
-function P(e) {
+function _(e) {
   return m(P2(e));
 }
 const A = (e) => e.rooms, L2 = (e) => M(
@@ -80,8 +80,8 @@ const A = (e) => e.rooms, L2 = (e) => M(
 ), K2 = (e) => M(
   A,
   (t) => {
-    var o, c, r, i, a, g, v, f;
-    return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (a = (i = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : a.sinkKey : ((f = (v = (g = t[e]) == null ? void 0 : g.configuration) == null ? void 0 : v.destinationList.defaultDisplay) == null ? void 0 : f.sinkKey) || "";
+    var o, c, r, l, v, f, h, w;
+    return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (v = (l = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : l.destinationList.programAudio) == null ? void 0 : v.sinkKey : ((w = (h = (f = t[e]) == null ? void 0 : f.configuration) == null ? void 0 : h.destinationList.defaultDisplay) == null ? void 0 : w.sinkKey) || "";
   }
 ), q2 = (e) => M(
   A,
@@ -142,8 +142,8 @@ const A = (e) => e.rooms, L2 = (e) => M(
   ],
   (e, t, o) => {
     if (console.log("roomKey", e), console.log("devices", t), console.log("destinations", o), !o) return;
-    const c = Object.entries(o).filter(([i]) => i !== "programAudio" && i !== "codecContent").map(([, i]) => i);
-    return Object.values(t).filter((i) => Object.values(c).includes(i.key));
+    const c = Object.entries(o).filter(([l]) => l !== "programAudio" && l !== "codecContent").map(([, l]) => l);
+    return Object.values(t).filter((l) => Object.values(c).includes(l.key));
   }
 );
 function n6(e) {
@@ -296,8 +296,8 @@ const s6 = S1, c6 = (e) => m(
     setDeviceState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
       if (!c) return;
-      const r = t.payload.content, i = e[c] ?? {}, a = S3.merge(i, r);
-      e[c] = a;
+      const r = t.payload.content, l = e[c] ?? {}, v = S3.merge(l, r);
+      e[c] = v;
     },
     clearDevices() {
       return v3;
@@ -329,8 +329,8 @@ const g3 = {}, k1 = u1({
     setRoomState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
       if (!c) return;
-      const r = t.payload.content, i = e[c] ?? {}, a = S3.merge(i, r);
-      e[c] = a;
+      const r = t.payload.content, l = e[c] ?? {}, v = S3.merge(l, r);
+      e[c] = v;
     },
     clearRooms() {
       return g3;
@@ -421,72 +421,72 @@ const g3 = {}, k1 = u1({
     waitingToReconnect: !1,
     reconnectTimer: null,
     eventHandlers: {}
-  }, t = async (u) => {
+  }, t = async (a) => {
     try {
-      const S = location.pathname.split("/").filter((y) => y.length > 0);
-      S.length >= 5 ? S.length = 5 : S.length = 2;
-      const C = `/${S.join("/")}`, b = await L1.get(
+      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(
         "/_local-config/_config.local.json",
-        { baseURL: C }
+        { baseURL: j }
       );
-      if (b.status === 200 && b.data) {
-        const y = b.data.apiPath;
-        u(T3.setAppConfig(b.data));
-        const Z = await L1.get(
-          `${y}/version`
+      if (C.status === 200 && C.data) {
+        const b = C.data.apiPath;
+        a(T3.setAppConfig(C.data));
+        const x = await L1.get(
+          `${b}/version`
         );
-        Z.status === 200 && Z.data && u(U.setRuntimeConfig(Z.data));
+        x.status === 200 && x.data && a(U.setRuntimeConfig(x.data));
       }
-    } catch (S) {
-      console.error("Error getting config", S);
+    } catch (Z) {
+      console.error("Error getting config", Z);
     }
     return !0;
-  }, o = async (u, S, C) => {
+  }, o = async (a, Z, j) => {
     try {
-      const b = await L1.get(
-        `${u}/ui/joinroom?token=${S}`
+      const C = await L1.get(
+        `${a}/ui/joinroom?token=${Z}`
       );
-      return b.status === 200 && b.data ? (C(U.setRoomData(b.data)), !0) : !1;
-    } catch (b) {
-      return console.log(b), b instanceof p2 && b.response && b.response.status === 498 ? (console.error("Invalid token. Unable to join room"), C(
+      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(
         O.setErrorMessage(
-          `Token ${S} is invalid. Unable to join room`
+          `Token ${Z} is invalid. Unable to join room`
         )
-      ), !1) : (console.error("Error getting room data", b), b instanceof Error ? C(O.setErrorMessage(b.message)) : C(O.setErrorMessage("Error getting room data")), !1);
+      ), !1) : (console.error("Error getting room data", C), C instanceof Error ? j(O.setErrorMessage(C.message)) : j(O.setErrorMessage("Error getting room data")), !1);
     }
-  }, c = (u) => {
+  }, 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..."), u(k3());
+      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);
-  }, i = (u) => {
-    u(O.setShowReconnect(!0)), u(U.setWebsocketIsConnected(!1)), u(f1.clearDevices()), u(w1.clearRooms()), u(O.clearAllModals()), u(O.clearSyncState());
-  }, a = (u, S) => {
-    const C = u(), b = S ?? C.runtimeConfig.roomData.roomKey, { clientId: y } = C.runtimeConfig.roomData, Z = C.runtimeConfig.websocket.isConnected;
-    if (!S || !Z || !y) {
+  }, l = (a) => {
+    a(O.setShowReconnect(!0)), a(U.setWebsocketIsConnected(!1)), a(f1.clearDevices()), a(w1.clearRooms()), a(O.clearAllModals()), a(O.clearSyncState());
+  }, v = (a, Z) => {
+    const j = a(), C = Z ?? j.runtimeConfig.roomData.roomKey, { clientId: b } = j.runtimeConfig.roomData, x = j.runtimeConfig.websocket.isConnected;
+    if (!Z || !x || !b) {
       console.log("WebSocket middleware: Cannot request room status", {
-        hasRoomKey: !!S,
-        isConnected: Z,
-        hasClientId: !!y
+        hasRoomKey: !!Z,
+        isConnected: x,
+        hasClientId: !!b
       });
       return;
     }
-    console.log("WebSocket middleware: Requesting status from room:", S), e.client && Z && e.client.send(
+    console.log("WebSocket middleware: Requesting status from room:", Z), e.client && x && e.client.send(
       JSON.stringify({
-        type: `/room/${b}/status`,
-        clientId: y,
+        type: `/room/${C}/status`,
+        clientId: b,
         content: null
       })
     );
-  }, g = async (u, S) => {
+  }, f = async (a, Z) => {
     console.log("WebSocket middleware: Attempting to connect...");
-    const C = S(), { apiPath: b } = C.appConfig.config, { serverIsRunningOnProcessorHardware: y } = C.runtimeConfig;
-    if (!b || !e.token) {
+    const j = Z(), { apiPath: C } = j.appConfig.config, { serverIsRunningOnProcessorHardware: b } = j.runtimeConfig;
+    if (!C || !e.token) {
       console.log(
         "WebSocket middleware: Cannot connect - missing requirements",
         {
-          hasApiPath: !!b,
+          hasApiPath: !!C,
           hasToken: !!e.token
         }
       );
@@ -504,65 +504,65 @@ const g3 = {}, k1 = u1({
     }
     e.waitingToReconnect = !0;
     try {
-      if (!await o(b, e.token, u)) {
+      if (!await o(C, e.token, a)) {
         console.log(
           "WebSocket middleware: Failed to get room data, will retry..."
-        ), c(u);
+        ), c(a);
         return;
       }
       console.log("WebSocket middleware: Connecting to websocket");
-      const C1 = `${b.replace("http", "ws")}/ui/join/${e.token}`, K = new WebSocket(C1);
+      const C1 = `${C.replace("http", "ws")}/ui/join/${e.token}`, K = new WebSocket(C1);
       e.client = K, K.onopen = (B) => {
         console.log("WebSocket middleware: Connected", B.type, B.target), e.waitingToReconnect = !1, r(), setTimeout(() => {
-          e.client === K && K.readyState === WebSocket.OPEN && u(U.setWebsocketIsConnected(!0));
+          e.client === K && K.readyState === WebSocket.OPEN && a(U.setWebsocketIsConnected(!0));
         }, 100);
       }, K.onerror = (B) => {
-        console.error("WebSocket middleware: Error", B), i(u);
+        console.error("WebSocket middleware: Error", B), l(a);
       }, K.onclose = (B) => {
-        var _;
+        var D;
         if (console.log(
           "WebSocket middleware: Disconnected",
           B.reason,
           B.code
         ), B.code === 4100) {
-          console.log("WebSocket middleware: Closed by client (cleanup)"), r(), i(u);
+          console.log("WebSocket middleware: Closed by client (cleanup)"), r(), l(a);
           return;
         }
         if (e.waitingToReconnect = !0, B.code === 4e3) {
-          console.log("WebSocket middleware: User code changed"), r(), u(
+          console.log("WebSocket middleware: User code changed"), r(), a(
             U.setUserCode({ userCode: "", qrUrl: "" })
-          ), u(
+          ), a(
             O.setErrorMessage(
               "User code changed. Click reconnect to enter the new code"
             )
-          ), i(u);
+          ), l(a);
           return;
         }
         if (B.code === 4002) {
-          console.log("WebSocket middleware: Room combination changed"), r(), u(
+          console.log("WebSocket middleware: Room combination changed"), r(), a(
             O.setErrorMessage(
               "Room combination changed. Click Reconnect to re-join the room"
             )
-          ), i(u);
+          ), l(a);
           return;
         }
         if (B.code === 4001)
-          if (!!((_ = S().runtimeConfig) != null && _.touchpanelKey))
+          if (!!((D = Z().runtimeConfig) != null && D.touchpanelKey))
             console.log(
               "WebSocket middleware: Code 4001 received with touchpanel key present, will auto-reconnect"
             );
-          else if (y)
+          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(), a(
               O.setErrorMessage(
                 "Processor has disconnected. Click Reconnect to continue."
               )
-            ), i(u);
+            ), l(a);
             return;
           }
         if (e.client)
@@ -573,45 +573,45 @@ const g3 = {}, k1 = u1({
           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"), a(
           O.setErrorMessage(
             "Connection lost. Attempting to reconnect..."
           )
-        ), u(U.setWebsocketIsConnected(!1)), u(f1.clearDevices()), u(w1.clearRooms()), u(O.clearAllModals()), u(O.clearSyncState()), c(u);
+        ), a(U.setWebsocketIsConnected(!1)), a(f1.clearDevices()), a(w1.clearRooms()), a(O.clearAllModals()), a(O.clearSyncState()), c(a);
       }, K.onmessage = (B) => {
         try {
-          const _ = JSON.parse(B.data);
-          if (_.type === "close") {
-            K.close(4001, _.content);
+          const D = JSON.parse(B.data);
+          if (D.type === "close") {
+            K.close(4001, D.content);
             return;
           }
-          if (_.type.startsWith("/system/"))
-            switch (_.type) {
+          if (D.type.startsWith("/system/"))
+            switch (D.type) {
               case "/system/touchpanelKey":
-                u(
+                a(
                   U.setTouchpanelKey(
-                    _.content
+                    D.content
                   )
                 );
                 break;
               case "/system/roomKey":
-                u(w1.clearRooms()), u(f1.clearDevices()), u(O.clearSyncState()), u(
+                a(w1.clearRooms()), a(f1.clearDevices()), a(O.clearSyncState()), a(
                   U.setCurrentRoomKey(
-                    _.content
+                    D.content
                   )
                 );
                 break;
               case "/system/userCodeChanged":
-                u(
-                  U.setUserCode(_.content)
+                a(
+                  U.setUserCode(D.content)
                 );
                 break;
               case "/system/roomCombinationChanged":
                 window.location.reload();
                 break;
               case "/system/deviceInterfaces": {
-                const z = _.content;
-                u(
+                const z = D.content;
+                a(
                   U.setDeviceInterfaces(
                     z.deviceInterfaces
                   )
@@ -621,18 +621,18 @@ const g3 = {}, k1 = u1({
               default:
                 console.log(
                   "WebSocket middleware: Unhandled system message",
-                  _
+                  D
                 );
                 break;
             }
-          else if (_.type.startsWith("/event/")) {
-            const z = e.eventHandlers[_.type];
+          else if (D.type.startsWith("/event/")) {
+            const z = e.eventHandlers[D.type];
             z || console.log(
               "WebSocket middleware: No handlers found for event type",
-              _.type
-            ), z && Object.values(z).forEach((s1) => {
+              D.type
+            ), z && Object.values(z).forEach((o1) => {
               try {
-                s1(_);
+                o1(D);
               } catch (b1) {
                 console.error(
                   "WebSocket middleware: Event handler error",
@@ -640,94 +640,94 @@ const g3 = {}, k1 = u1({
                 );
               }
             });
-          } else _.type.startsWith("/room/") ? u(w1.setRoomState(_)) : _.type.startsWith("/device/") && u(f1.setDeviceState(_));
-        } catch (_) {
-          console.error("WebSocket middleware: Message handling error", _);
+          } else D.type.startsWith("/room/") ? a(w1.setRoomState(D)) : D.type.startsWith("/device/") && a(f1.setDeviceState(D));
+        } catch (D) {
+          console.error("WebSocket middleware: Message handling error", D);
         }
       }, e.waitingToReconnect = !1;
-    } catch (Z) {
-      console.error("WebSocket middleware: Connection error", Z), e.waitingToReconnect = !1, e.client = null;
+    } catch (x) {
+      console.error("WebSocket middleware: Connection error", x), e.waitingToReconnect = !1, e.client = null;
     }
-  }, v = () => {
+  }, h = () => {
     e.client && (console.log("WebSocket middleware: Disconnecting"), r(), e.client.close(4100, "Client requested disconnect"), e.client = null);
-  }, f = (u, S, C) => {
-    const b = C(), y = b.runtimeConfig.websocket.isConnected, Z = b.runtimeConfig.roomData.clientId;
-    e.client && y ? e.client.send(
-      JSON.stringify({ type: u, clientId: Z, content: S })
+  }, w = (a, Z, j) => {
+    const C = j(), b = C.runtimeConfig.websocket.isConnected, x = C.runtimeConfig.roomData.clientId;
+    e.client && b ? e.client.send(
+      JSON.stringify({ type: a, clientId: x, content: Z })
     ) : console.warn("WebSocket middleware: Cannot send message - not connected");
-  }, w = (u, S, C) => {
-    e.eventHandlers[u] || (e.eventHandlers[u] = {}), e.eventHandlers[u][S] = C, console.log("WebSocket middleware: Event handler added", u, S);
-  }, x = (u, S) => {
-    e.eventHandlers[u] && (delete e.eventHandlers[u][S], console.log(
+  }, 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(
       "WebSocket middleware: Event handler removed",
-      u,
-      S
+      a,
+      Z
     ));
-  }, H = (u) => {
-    const S = u(), { gatewayAppPath: C } = S.appConfig.config, b = S.runtimeConfig.roomData.roomKey, y = S.runtimeConfig.roomData.systemUuid, Z = S.runtimeConfig.roomData.userCode, W = `${C}?uuid=${y}&roomKey=${b}`;
-    window.location.href = Z ? `${W}&Code=${Z}` : W;
+  }, H = (a) => {
+    const Z = a(), { gatewayAppPath: j } = Z.appConfig.config, C = Z.runtimeConfig.roomData.roomKey, b = Z.runtimeConfig.roomData.systemUuid, x = Z.runtimeConfig.roomData.userCode, W = `${j}?uuid=${b}&roomKey=${C}`;
+    window.location.href = x ? `${W}&Code=${x}` : W;
   };
-  return (u) => (S) => (C) => {
-    const b = S(C);
-    if (!C || typeof C != "object" || !("type" in C))
-      return b;
-    const y = C;
+  return (a) => (Z) => (j) => {
+    const C = Z(j);
+    if (!j || typeof j != "object" || !("type" in j))
+      return C;
+    const b = j;
     return (async () => {
-      switch (y.type) {
+      switch (b.type) {
         case _3: {
           let W = new URLSearchParams(window.location.search).get("token");
-          W ? (console.log("WebSocket middleware: Saving token"), Ee(h3.uuid, W)) : (W = Re(h3.uuid), console.log("WebSocket middleware: Loading token")), e.token = W, await t(u.dispatch), await g(u.dispatch, u.getState);
+          W ? (console.log("WebSocket middleware: Saving token"), Ee(h3.uuid, W)) : (W = Re(h3.uuid), console.log("WebSocket middleware: Loading token")), e.token = W, await t(a.dispatch), await f(a.dispatch, a.getState);
           break;
         }
         case P3:
-          v();
+          h();
           break;
         case L3:
-          f(
-            y.payload.messageType,
-            y.payload.content,
-            u.getState
+          w(
+            b.payload.messageType,
+            b.payload.content,
+            a.getState
           );
           break;
         case $3:
-          w(
-            y.payload.eventType,
-            y.payload.key,
-            y.payload.callback
+          d(
+            b.payload.eventType,
+            b.payload.key,
+            b.payload.callback
           );
           break;
         case A3:
-          x(
-            y.payload.eventType,
-            y.payload.key
+          P(
+            b.payload.eventType,
+            b.payload.key
           );
           break;
         case B3:
-          H(u.getState);
+          H(a.getState);
           break;
         default:
-          if (C.type === U.setWebsocketIsConnected.type)
-            C.payload === !0 && (console.log(
+          if (j.type === U.setWebsocketIsConnected.type)
+            j.payload === !0 && (console.log(
               "[WebSocket Middleware] Connection established, requesting room status..."
-            ), setTimeout(() => a(u.getState), 100));
-          else if (C.type === U.setRoomData.type) {
-            const Z = u.getState(), W = C.payload;
-            Z.runtimeConfig.websocket.isConnected && (W != null && W.clientId) && (console.log(
+            ), setTimeout(() => v(a.getState), 100));
+          else if (j.type === U.setRoomData.type) {
+            const x = a.getState(), W = j.payload;
+            x.runtimeConfig.websocket.isConnected && (W != null && W.clientId) && (console.log(
               "[WebSocket Middleware] Room data received, requesting room status..."
-            ), setTimeout(() => a(u.getState), 100));
-          } else if (C.type === U.setCurrentRoomKey.type) {
-            const Z = C.payload;
-            Z && (console.log(
+            ), setTimeout(() => v(a.getState), 100));
+          } else if (j.type === U.setCurrentRoomKey.type) {
+            const x = j.payload;
+            x && (console.log(
               "[WebSocket Middleware] Room changed to:",
-              Z,
+              x,
               ", requesting room status..."
-            ), setTimeout(() => a(u.getState, Z), 100));
+            ), setTimeout(() => v(a.getState, x), 100));
           }
           break;
       }
-    })().catch((Z) => {
-      console.error("WebSocket middleware: Error handling action", Z);
-    }), b;
+    })().catch((x) => {
+      console.error("WebSocket middleware: Error handling action", x);
+    }), C;
   };
 }, ke = S2({
   appConfig: be,
@@ -757,10 +757,10 @@ function O6() {
       if (c.status == 200 && c.data) {
         const r = c.data.apiPath;
         e(T3.setAppConfig(c.data));
-        const i = await f3.get(
+        const l = await f3.get(
           `${r}/version`
         );
-        i.status == 200 && i.data && e(U.setRuntimeConfig(i.data));
+        l.status == 200 && l.data && e(U.setRuntimeConfig(l.data));
       }
     } catch (t) {
       console.error("Error getting config", t);
@@ -782,15 +782,15 @@ var w3;
 function We() {
   if (w3) return l1;
   w3 = 1;
-  var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function a(g, v, f) {
-    var w, x = {}, H = null, u = null;
-    f !== void 0 && (H = "" + f), v.key !== void 0 && (H = "" + v.key), v.ref !== void 0 && (u = v.ref);
-    for (w in v) c.call(v, w) && !i.hasOwnProperty(w) && (x[w] = v[w]);
-    if (g && g.defaultProps) for (w in v = g.defaultProps, v) x[w] === void 0 && (x[w] = v[w]);
-    return { $$typeof: t, type: g, key: H, ref: u, props: x, _owner: r.current };
+  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);
+    for (d in h) c.call(h, d) && !l.hasOwnProperty(d) && (P[d] = h[d]);
+    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 l1.Fragment = o, l1.jsx = a, l1.jsxs = a, l1;
+  return l1.Fragment = o, l1.jsx = v, l1.jsxs = v, l1;
 }
 var i1 = {};
 /**
@@ -805,46 +805,46 @@ var i1 = {};
 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"), i = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), g = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), S = Symbol.iterator, C = "@@iterator";
-    function b(s) {
+    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"), Z = Symbol.iterator, j = "@@iterator";
+    function C(s) {
       if (s === null || typeof s != "object")
         return null;
-      var l = S && s[S] || s[C];
-      return typeof l == "function" ? l : null;
+      var i = Z && s[Z] || s[j];
+      return typeof i == "function" ? i : null;
     }
-    var y = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function Z(s) {
+    var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function x(s) {
       {
-        for (var l = arguments.length, d = new Array(l > 1 ? l - 1 : 0), p = 1; p < l; p++)
-          d[p - 1] = arguments[p];
-        W("error", s, d);
+        for (var i = arguments.length, u = new Array(i > 1 ? i - 1 : 0), p = 1; p < i; p++)
+          u[p - 1] = arguments[p];
+        W("error", s, u);
       }
     }
-    function W(s, l, d) {
+    function W(s, i, u) {
       {
-        var p = y.ReactDebugCurrentFrame, T = p.getStackAddendum();
-        T !== "" && (l += "%s", d = d.concat([T]));
-        var D = d.map(function(I) {
-          return String(I);
+        var p = b.ReactDebugCurrentFrame, E = p.getStackAddendum();
+        E !== "" && (i += "%s", u = u.concat([E]));
+        var T = u.map(function(y) {
+          return String(y);
         });
-        D.unshift("Warning: " + l), Function.prototype.apply.call(console[s], console, D);
+        T.unshift("Warning: " + i), Function.prototype.apply.call(console[s], console, T);
       }
     }
-    var C1 = !1, K = !1, B = !1, _ = !1, z = !1, s1;
-    s1 = Symbol.for("react.module.reference");
+    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 === i || z || s === r || s === f || s === w || _ || s === u || C1 || K || B || typeof s == "object" && s !== null && (s.$$typeof === H || s.$$typeof === x || s.$$typeof === a || s.$$typeof === g || s.$$typeof === v || // This needs to include all possible module reference object
+      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 === s1 || s.getModuleId !== void 0));
+      s.$$typeof === o1 || s.getModuleId !== void 0));
     }
-    function U3(s, l, d) {
+    function U3(s, i, u) {
       var p = s.displayName;
       if (p)
         return p;
-      var T = l.displayName || l.name || "";
-      return T !== "" ? d + "(" + T + ")" : d;
+      var E = i.displayName || i.name || "";
+      return E !== "" ? u + "(" + E + ")" : u;
     }
     function U1(s) {
       return s.displayName || "Context";
@@ -852,7 +852,7 @@ function Ve() {
     function J(s) {
       if (s == null)
         return null;
-      if (typeof s.tag == "number" && Z("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
+      if (typeof s.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
         return s.displayName || s.name || null;
       if (typeof s == "string")
         return s;
@@ -861,32 +861,32 @@ function Ve() {
           return "Fragment";
         case o:
           return "Portal";
-        case i:
+        case l:
           return "Profiler";
         case r:
           return "StrictMode";
-        case f:
-          return "Suspense";
         case w:
+          return "Suspense";
+        case d:
           return "SuspenseList";
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
-          case g:
-            var l = s;
-            return U1(l) + ".Consumer";
-          case a:
-            var d = s;
-            return U1(d._context) + ".Provider";
+          case f:
+            var i = s;
+            return U1(i) + ".Consumer";
           case v:
+            var u = s;
+            return U1(u._context) + ".Provider";
+          case h:
             return U3(s, s.render, "ForwardRef");
-          case x:
+          case P:
             var p = s.displayName || null;
             return p !== null ? p : J(s.type) || "Memo";
           case H: {
-            var T = s, D = T._payload, I = T._init;
+            var E = s, T = E._payload, y = E._init;
             try {
-              return J(I(D));
+              return J(y(T));
             } catch {
               return null;
             }
@@ -894,13 +894,13 @@ function Ve() {
         }
       return null;
     }
-    var X = Object.assign, c1 = 0, H1, F1, K1, q1, G1, Y1, z1;
+    var X = Object.assign, s1 = 0, H1, F1, K1, q1, G1, Y1, z1;
     function J1() {
     }
     J1.__reactDisabledLog = !0;
     function H3() {
       {
-        if (c1 === 0) {
+        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,
@@ -918,12 +918,12 @@ function Ve() {
             groupEnd: s
           });
         }
-        c1++;
+        s1++;
       }
     }
     function F3() {
       {
-        if (c1--, c1 === 0) {
+        if (s1--, s1 === 0) {
           var s = {
             configurable: !0,
             enumerable: !0,
@@ -953,17 +953,17 @@ function Ve() {
             })
           });
         }
-        c1 < 0 && Z("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 = y.ReactCurrentDispatcher, I1;
-    function d1(s, l, d) {
+    var y1 = b.ReactCurrentDispatcher, I1;
+    function d1(s, i, u) {
       {
         if (I1 === void 0)
           try {
             throw Error();
-          } catch (T) {
-            var p = T.stack.trim().match(/\n( *(at )?)/);
+          } catch (E) {
+            var p = E.stack.trim().match(/\n( *(at )?)/);
             I1 = p && p[1] || "";
           }
         return `
@@ -975,43 +975,43 @@ function Ve() {
       var K3 = typeof WeakMap == "function" ? WeakMap : Map;
       v1 = new K3();
     }
-    function X1(s, l) {
+    function X1(s, i) {
       if (!s || R1)
         return "";
       {
-        var d = v1.get(s);
-        if (d !== void 0)
-          return d;
+        var u = v1.get(s);
+        if (u !== void 0)
+          return u;
       }
       var p;
       R1 = !0;
-      var T = Error.prepareStackTrace;
+      var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var D;
-      D = y1.current, y1.current = null, H3();
+      var T;
+      T = y1.current, y1.current = null, H3();
       try {
-        if (l) {
-          var I = function() {
+        if (i) {
+          var y = function() {
             throw Error();
           };
-          if (Object.defineProperty(I.prototype, "props", {
+          if (Object.defineProperty(y.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(I, []);
+              Reflect.construct(y, []);
             } catch (V) {
               p = V;
             }
-            Reflect.construct(s, [], I);
+            Reflect.construct(s, [], y);
           } else {
             try {
-              I.call();
+              y.call();
             } catch (V) {
               p = V;
             }
-            s.call(I.prototype);
+            s.call(y.prototype);
           }
         } else {
           try {
@@ -1023,17 +1023,17 @@ function Ve() {
         }
       } catch (V) {
         if (V && p && typeof V.stack == "string") {
-          for (var j = V.stack.split(`
+          for (var S = V.stack.split(`
 `), k = p.stack.split(`
-`), L = j.length - 1, $ = k.length - 1; L >= 1 && $ >= 0 && j[L] !== k[$]; )
+`), L = S.length - 1, $ = k.length - 1; L >= 1 && $ >= 0 && S[L] !== k[$]; )
             $--;
           for (; L >= 1 && $ >= 0; L--, $--)
-            if (j[L] !== k[$]) {
+            if (S[L] !== k[$]) {
               if (L !== 1 || $ !== 1)
                 do
-                  if (L--, $--, $ < 0 || j[L] !== k[$]) {
+                  if (L--, $--, $ < 0 || S[L] !== k[$]) {
                     var F = `
-` + j[L].replace(" at new ", " at ");
+` + S[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);
@@ -1041,19 +1041,19 @@ function Ve() {
             }
         }
       } finally {
-        R1 = !1, y1.current = D, F3(), Error.prepareStackTrace = T;
+        R1 = !1, y1.current = T, F3(), Error.prepareStackTrace = E;
       }
       var t1 = s ? s.displayName || s.name : "", Q = t1 ? d1(t1) : "";
       return typeof s == "function" && v1.set(s, Q), Q;
     }
-    function q3(s, l, d) {
+    function q3(s, i, u) {
       return X1(s, !1);
     }
     function G3(s) {
-      var l = s.prototype;
-      return !!(l && l.isReactComponent);
+      var i = s.prototype;
+      return !!(i && i.isReactComponent);
     }
-    function h1(s, l, d) {
+    function h1(s, i, u) {
       if (s == null)
         return "";
       if (typeof s == "function")
@@ -1061,51 +1061,51 @@ function Ve() {
       if (typeof s == "string")
         return d1(s);
       switch (s) {
-        case f:
-          return d1("Suspense");
         case w:
+          return d1("Suspense");
+        case d:
           return d1("SuspenseList");
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
-          case v:
+          case h:
             return q3(s.render);
-          case x:
-            return h1(s.type, l, d);
+          case P:
+            return h1(s.type, i, u);
           case H: {
-            var p = s, T = p._payload, D = p._init;
+            var p = s, E = p._payload, T = p._init;
             try {
-              return h1(D(T), l, d);
+              return h1(T(E), i, u);
             } catch {
             }
           }
         }
       return "";
     }
-    var r1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = y.ReactDebugCurrentFrame;
+    var c1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = b.ReactDebugCurrentFrame;
     function g1(s) {
       if (s) {
-        var l = s._owner, d = h1(s.type, s._source, l ? l.type : null);
-        N1.setExtraStackFrame(d);
+        var i = s._owner, u = h1(s.type, s._source, i ? i.type : null);
+        N1.setExtraStackFrame(u);
       } else
         N1.setExtraStackFrame(null);
     }
-    function Y3(s, l, d, p, T) {
+    function Y3(s, i, u, p, E) {
       {
-        var D = Function.call.bind(r1);
-        for (var I in s)
-          if (D(s, I)) {
-            var j = void 0;
+        var T = Function.call.bind(c1);
+        for (var y in s)
+          if (T(s, y)) {
+            var S = void 0;
             try {
-              if (typeof s[I] != "function") {
-                var k = Error((p || "React class") + ": " + d + " type `" + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[I] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof s[y] != "function") {
+                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;
               }
-              j = s[I](l, I, p, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              S = s[y](i, y, p, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (L) {
-              j = L;
+              S = L;
             }
-            j && !(j instanceof Error) && (g1(T), Z("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", d, I, typeof j), g1(null)), j instanceof Error && !(j.message in Q1) && (Q1[j.message] = !0, g1(T), Z("Failed %s type: %s", d, j.message), g1(null));
+            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 Q1) && (Q1[S.message] = !0, g1(E), x("Failed %s type: %s", u, S.message), g1(null));
           }
       }
     }
@@ -1115,8 +1115,8 @@ function Ve() {
     }
     function J3(s) {
       {
-        var l = typeof Symbol == "function" && Symbol.toStringTag, d = l && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return d;
+        var i = typeof Symbol == "function" && Symbol.toStringTag, u = i && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return u;
       }
     }
     function X3(s) {
@@ -1131,107 +1131,107 @@ function Ve() {
     }
     function t3(s) {
       if (X3(s))
-        return Z("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", J3(s)), e3(s);
+        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 = y.ReactCurrentOwner, Q3 = {
+    var n3 = b.ReactCurrentOwner, Q3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, o3, s3;
     function N3(s) {
-      if (r1.call(s, "ref")) {
-        var l = Object.getOwnPropertyDescriptor(s, "ref").get;
-        if (l && l.isReactWarning)
+      if (c1.call(s, "ref")) {
+        var i = Object.getOwnPropertyDescriptor(s, "ref").get;
+        if (i && i.isReactWarning)
           return !1;
       }
       return s.ref !== void 0;
     }
     function e2(s) {
-      if (r1.call(s, "key")) {
-        var l = Object.getOwnPropertyDescriptor(s, "key").get;
-        if (l && l.isReactWarning)
+      if (c1.call(s, "key")) {
+        var i = Object.getOwnPropertyDescriptor(s, "key").get;
+        if (i && i.isReactWarning)
           return !1;
       }
       return s.key !== void 0;
     }
-    function t2(s, l) {
+    function t2(s, i) {
       typeof s.ref == "string" && n3.current;
     }
-    function n2(s, l) {
+    function n2(s, i) {
       {
-        var d = function() {
-          o3 || (o3 = !0, Z("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+        var u = function() {
+          o3 || (o3 = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", i));
         };
-        d.isReactWarning = !0, Object.defineProperty(s, "key", {
-          get: d,
+        u.isReactWarning = !0, Object.defineProperty(s, "key", {
+          get: u,
           configurable: !0
         });
       }
     }
-    function o2(s, l) {
+    function o2(s, i) {
       {
-        var d = function() {
-          s3 || (s3 = !0, Z("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+        var u = function() {
+          s3 || (s3 = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", i));
         };
-        d.isReactWarning = !0, Object.defineProperty(s, "ref", {
-          get: d,
+        u.isReactWarning = !0, Object.defineProperty(s, "ref", {
+          get: u,
           configurable: !0
         });
       }
     }
-    var s2 = function(s, l, d, p, T, D, I) {
-      var j = {
+    var s2 = function(s, i, u, p, E, T, y) {
+      var S = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: s,
-        key: l,
-        ref: d,
-        props: I,
+        key: i,
+        ref: u,
+        props: y,
         // Record the component responsible for creating this element.
-        _owner: D
+        _owner: T
       };
-      return j._store = {}, Object.defineProperty(j._store, "validated", {
+      return S._store = {}, Object.defineProperty(S._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(j, "_self", {
+      }), Object.defineProperty(S, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: p
-      }), Object.defineProperty(j, "_source", {
+      }), Object.defineProperty(S, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: T
-      }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
+        value: E
+      }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
     };
-    function c2(s, l, d, p, T) {
+    function c2(s, i, u, p, E) {
       {
-        var D, I = {}, j = null, k = null;
-        d !== void 0 && (t3(d), j = "" + d), e2(l) && (t3(l.key), j = "" + l.key), N3(l) && (k = l.ref, t2(l, T));
-        for (D in l)
-          r1.call(l, D) && !Q3.hasOwnProperty(D) && (I[D] = l[D]);
+        var T, y = {}, S = null, k = null;
+        u !== void 0 && (t3(u), S = "" + u), e2(i) && (t3(i.key), S = "" + i.key), N3(i) && (k = i.ref, t2(i, E));
+        for (T in i)
+          c1.call(i, T) && !Q3.hasOwnProperty(T) && (y[T] = i[T]);
         if (s && s.defaultProps) {
           var L = s.defaultProps;
-          for (D in L)
-            I[D] === void 0 && (I[D] = L[D]);
+          for (T in L)
+            y[T] === void 0 && (y[T] = L[T]);
         }
-        if (j || k) {
+        if (S || k) {
           var $ = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          j && n2(I, $), k && o2(I, $);
+          S && n2(y, $), k && o2(y, $);
         }
-        return s2(s, j, k, T, p, n3.current, I);
+        return s2(s, S, k, E, p, n3.current, y);
       }
     }
-    var T1 = y.ReactCurrentOwner, c3 = y.ReactDebugCurrentFrame;
+    var T1 = b.ReactCurrentOwner, c3 = b.ReactDebugCurrentFrame;
     function e1(s) {
       if (s) {
-        var l = s._owner, d = h1(s.type, s._source, l ? l.type : null);
-        c3.setExtraStackFrame(d);
+        var i = s._owner, u = h1(s.type, s._source, i ? i.type : null);
+        c3.setExtraStackFrame(u);
       } else
         c3.setExtraStackFrame(null);
     }
@@ -1258,102 +1258,102 @@ Check the render method of \`` + s + "`.";
     var l3 = {};
     function l2(s) {
       {
-        var l = r3();
-        if (!l) {
-          var d = typeof s == "string" ? s : s.displayName || s.name;
-          d && (l = `
+        var i = r3();
+        if (!i) {
+          var u = typeof s == "string" ? s : s.displayName || s.name;
+          u && (i = `
 
-Check the top-level render call using <` + d + ">.");
+Check the top-level render call using <` + u + ">.");
         }
-        return l;
+        return i;
       }
     }
-    function i3(s, l) {
+    function i3(s, i) {
       {
         if (!s._store || s._store.validated || s.key != null)
           return;
         s._store.validated = !0;
-        var d = l2(l);
-        if (l3[d])
+        var u = l2(i);
+        if (l3[u])
           return;
-        l3[d] = !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), Z('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, p), e1(null);
+        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 a3(s, l) {
+    function a3(s, i) {
       {
         if (typeof s != "object")
           return;
         if (E1(s))
-          for (var d = 0; d < s.length; d++) {
-            var p = s[d];
-            _1(p) && i3(p, l);
+          for (var u = 0; u < s.length; u++) {
+            var p = s[u];
+            _1(p) && i3(p, i);
           }
         else if (_1(s))
           s._store && (s._store.validated = !0);
         else if (s) {
-          var T = b(s);
-          if (typeof T == "function" && T !== s.entries)
-            for (var D = T.call(s), I; !(I = D.next()).done; )
-              _1(I.value) && i3(I.value, l);
+          var E = C(s);
+          if (typeof E == "function" && E !== s.entries)
+            for (var T = E.call(s), y; !(y = T.next()).done; )
+              _1(y.value) && i3(y.value, i);
         }
       }
     }
     function i2(s) {
       {
-        var l = s.type;
-        if (l == null || typeof l == "string")
+        var i = s.type;
+        if (i == null || typeof i == "string")
           return;
-        var d;
-        if (typeof l == "function")
-          d = l.propTypes;
-        else if (typeof l == "object" && (l.$$typeof === v || // Note: Memo only checks outer props here.
+        var u;
+        if (typeof i == "function")
+          u = i.propTypes;
+        else if (typeof i == "object" && (i.$$typeof === h || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        l.$$typeof === x))
-          d = l.propTypes;
+        i.$$typeof === P))
+          u = i.propTypes;
         else
           return;
-        if (d) {
-          var p = J(l);
-          Y3(d, s.props, "prop", p, s);
-        } else if (l.PropTypes !== void 0 && !D1) {
+        if (u) {
+          var p = J(i);
+          Y3(u, s.props, "prop", p, s);
+        } else if (i.PropTypes !== void 0 && !D1) {
           D1 = !0;
-          var T = J(l);
-          Z("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", T || "Unknown");
+          var E = J(i);
+          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
         }
-        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && Z("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof i.getDefaultProps == "function" && !i.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function a2(s) {
       {
-        for (var l = Object.keys(s.props), d = 0; d < l.length; d++) {
-          var p = l[d];
+        for (var i = Object.keys(s.props), u = 0; u < i.length; u++) {
+          var p = i[u];
           if (p !== "children" && p !== "key") {
-            e1(s), Z("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), e1(null);
+            e1(s), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), e1(null);
             break;
           }
         }
-        s.ref !== null && (e1(s), Z("Invalid attribute `ref` supplied to `React.Fragment`."), e1(null));
+        s.ref !== null && (e1(s), x("Invalid attribute `ref` supplied to `React.Fragment`."), e1(null));
       }
     }
     var u3 = {};
-    function d3(s, l, d, p, T, D) {
+    function d3(s, i, u, p, E, T) {
       {
-        var I = b1(s);
-        if (!I) {
-          var j = "";
-          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (j += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+        var 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 k = r2();
-          k ? j += k : j += r3();
+          k ? S += k : S += r3();
           var L;
-          s === null ? L = "null" : E1(s) ? L = "array" : s !== void 0 && s.$$typeof === t ? (L = "<" + (J(s.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : L = typeof s, Z("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, j);
+          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);
         }
-        var $ = c2(s, l, d, T, D);
+        var $ = c2(s, i, u, E, T);
         if ($ == null)
           return $;
-        if (I) {
-          var F = l.children;
+        if (y) {
+          var F = i.children;
           if (F !== void 0)
             if (p)
               if (E1(F)) {
@@ -1361,17 +1361,17 @@ Check the top-level render call using <` + d + ">.");
                   a3(F[t1], s);
                 Object.freeze && Object.freeze(F);
               } else
-                Z("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                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
               a3(F, s);
         }
-        if (r1.call(l, "key")) {
-          var Q = J(s), V = Object.keys(l).filter(function(f2) {
+        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 (!u3[Q + P1]) {
             var g2 = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
-            Z(`A props object containing a "key" prop is being spread into JSX:
+            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:
@@ -1382,11 +1382,11 @@ React keys must be passed directly to JSX without using spread:
         return s === c ? a2($) : i2($), $;
       }
     }
-    function u2(s, l, d) {
-      return d3(s, l, d, !0);
+    function u2(s, i, u) {
+      return d3(s, i, u, !0);
     }
-    function d2(s, l, d) {
-      return d3(s, l, d, !1);
+    function d2(s, i, u) {
+      return d3(s, i, u, !1);
     }
     var v2 = d2, h2 = u2;
     i1.Fragment = c, i1.jsx = v2, i1.jsxs = h2;
@@ -1400,7 +1400,7 @@ var n = Ue();
 const He = "_mwfit_ppa3l_1", Fe = {
   mwfit: He
 }, Ke = () => {
-  const { reconnect: e } = E(), t = I3(), 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" }),
@@ -1419,27 +1419,27 @@ const He = "_mwfit_ppa3l_1", Fe = {
   x1(() => {
     t(k3());
   }, [t]);
-  const c = n1(
-    (v, f) => {
-      t(Pe(v, f));
+  const c = r1(
+    (h, w) => {
+      t(Pe(h, w));
     },
     [t]
-  ), r = n1(
-    (v, f) => {
-      c(v, { value: f });
+  ), r = r1(
+    (h, w) => {
+      c(h, { value: w });
     },
     [c]
-  ), i = n1(
-    (v, f, w) => {
-      t(Le(v, f, w));
+  ), l = r1(
+    (h, w, d) => {
+      t(Le(h, w, d));
     },
     [t]
-  ), a = n1(
-    (v, f) => {
-      t($e(v, f));
+  ), v = r1(
+    (h, w) => {
+      t($e(h, w));
     },
     [t]
-  ), g = n1(() => {
+  ), f = r1(() => {
     t(Ae());
   }, [t]);
   return /* @__PURE__ */ n.jsx(
@@ -1448,15 +1448,15 @@ const He = "_mwfit_ppa3l_1", Fe = {
       value: {
         sendMessage: c,
         sendSimpleMessage: r,
-        addEventHandler: i,
-        removeEventHandler: a,
-        reconnect: g
+        addEventHandler: l,
+        removeEventHandler: v,
+        reconnect: f
       },
       children: o ? e : /* @__PURE__ */ n.jsx(Ke, {})
     }
   );
 }, W6 = ({ children: e }) => /* @__PURE__ */ n.jsx(Z2, { store: Oe, children: /* @__PURE__ */ n.jsx(qe, { children: e }) });
-function E() {
+function R() {
   return b2(O3);
 }
 function Ge({
@@ -1465,55 +1465,55 @@ function Ge({
   onHold: o,
   holdTimeMs: c = 500
 }) {
-  const r = M1(null), i = M1(!1);
-  function a() {
-    i.current = !0, e == null || e(), r.current = setTimeout(() => {
+  const r = M1(null), l = M1(!1);
+  function v() {
+    l.current = !0, e == null || e(), r.current = setTimeout(() => {
       o == null || o(), r.current = null;
     }, c);
   }
-  function g() {
-    i.current = !1, t == null || t(), r.current && (clearTimeout(r.current), r.current = null);
+  function f() {
+    l.current = !1, t == null || t(), r.current && (clearTimeout(r.current), r.current = null);
   }
-  function v() {
-    i.current && g();
+  function h() {
+    l.current && f();
   }
   return {
-    onPointerDown: a,
-    onPointerUp: g,
-    onPointerLeave: v
+    onPointerDown: v,
+    onPointerUp: f,
+    onPointerLeave: h
   };
 }
-function h(e, t) {
-  const { sendMessage: c } = E(), r = M1(null);
-  function i() {
+function g(e, t) {
+  const { sendMessage: c } = R(), r = M1(null);
+  function l() {
     c(`${e}/${t}`, { value: "pressed" }), r.current || (r.current = setInterval(() => {
       c(`${e}/${t}`, { value: "held" });
     }, 250));
   }
-  function a() {
+  function v() {
     r.current && (clearInterval(r.current), r.current = null), c(`${e}/${t}`, { value: "released" });
   }
-  return Ge({ onPress: i, onRelease: a });
+  return Ge({ onPress: l, onRelease: v });
 }
 function j1(e) {
-  const { sendMessage: t } = E(), o = h(`${e}`, "volumeUp"), c = h(`${e}`, "volumeDown");
-  return o1(() => ({
+  const { sendMessage: t } = R(), o = g(`${e}`, "volumeUp"), c = g(`${e}`, "volumeDown");
+  return n1(() => ({
     volumeUp: o,
     volumeDown: c,
     muteToggle: () => t(`${e}/muteToggle`, null)
   }), [e, t, o, c]);
 }
 function V6(e) {
-  const { sendMessage: t } = E(), o = h(`${e}`, "volumeUp"), c = h(`${e}`, "volumeDown");
-  return o1(() => ({
+  const { sendMessage: t } = R(), o = g(`${e}`, "volumeUp"), c = g(`${e}`, "volumeDown");
+  return n1(() => ({
     volumeUp: o,
     volumeDown: c,
     muteToggle: () => t(`${e}/muteToggle`, null)
   }), [e, t, o, c]);
 }
 function W3(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = E(), r = j1(e);
-  return o1(() => {
+  const { sendMessage: o, sendSimpleMessage: c } = R(), r = j1(e);
+  return n1(() => {
     if (!r) {
       console.log("baseVolume is undefined");
       return;
@@ -1525,15 +1525,15 @@ function W3(e, t) {
     return {
       ...r,
       volumeState: t,
-      setLevel: (v) => c(`${e}/level`, v),
+      setLevel: (h) => c(`${e}/level`, h),
       muteOn: () => o(`${e}/muteOn`, null),
       muteOff: () => o(`${e}/muteOff`, null)
     };
   }, [r, t, e, o, c]);
 }
 function U6(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = E(), r = j1(e);
-  return o1(() => {
+  const { sendMessage: o, sendSimpleMessage: c } = R(), r = j1(e);
+  return n1(() => {
     if (!r) {
       console.log("baseVolume is undefined");
       return;
@@ -1545,21 +1545,21 @@ function U6(e, t) {
     return {
       ...r,
       volumeState: t,
-      setLevel: (v) => c(`${e}/level`, v),
+      setLevel: (h) => c(`${e}/level`, h),
       muteOn: () => o(`${e}/muteOn`, null),
       muteOff: () => o(`${e}/muteOff`, null)
     };
   }, [r, t, e, o, c]);
 }
 function Ye(e) {
-  const t = P(e), o = `/device/${e}`, c = o1(() => {
+  const t = _(e), o = `/device/${e}`, c = n1(() => {
     if (t)
       return t.volume;
   }, [t]);
   return W3(o, c);
 }
 function V3(e) {
-  const { sendMessage: t } = E();
+  const { sendMessage: t } = R();
   return { powerOn: () => {
     t(`/device/${e}/powerOn`, null);
   }, powerOff: () => {
@@ -1569,32 +1569,32 @@ function V3(e) {
   } };
 }
 function O1(e) {
-  const { sendMessage: t } = E(), o = P(e);
+  const { sendMessage: t } = R(), o = _(e);
   return console.log("deviceState", o), o ? { itemsState: o, selectItem: (r) => {
     t(`/device/${e}/${r}`, null);
   } } : void 0;
 }
 function ze(e) {
-  const { sendMessage: t } = E(), o = P(e), c = () => {
+  const { sendMessage: t } = R(), o = _(e), c = () => {
     t(`/device/${e}/setDefaultChannelLevels`, null);
   }, r = () => {
     if ((o == null ? void 0 : o.levelControls) === void 0) return;
-    Object.keys(o == null ? void 0 : o.levelControls).forEach((g) => {
-      t(`/device/${e}/${g}/fullStatus`, null);
+    Object.keys(o == null ? void 0 : o.levelControls).forEach((f) => {
+      t(`/device/${e}/${f}/fullStatus`, null);
     });
   };
   return o ? { levelControls: o.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
 }
 function H6(e) {
-  const t = P(e), o = V3(e), c = O1(e), r = O1(e), i = Ye(e), a = 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,
       powerControl: o,
       inputControl: c,
       surroundSoundModes: r,
-      surroundChannels: a,
-      mainVolumeControl: i
+      surroundChannels: v,
+      mainVolumeControl: l
     };
 }
 const F6 = ({ className: e }) => {
@@ -1610,58 +1610,58 @@ const F6 = ({ className: e }) => {
   ] });
 };
 function K6(e) {
-  const { sendMessage: t } = E(), o = P(e), c = `/device/${e}`;
-  return o ? { state: o, recallPreset: (a, g) => {
-    t(`${c}/presets/recall`, { deviceKey: a, preset: g });
-  }, savePresets: (a) => {
-    t(`${c}/presets/save`, a);
+  const { sendMessage: t } = R(), o = _(e), c = `/device/${e}`;
+  return o ? { state: o, recallPreset: (v, f) => {
+    t(`${c}/presets/recall`, { deviceKey: v, preset: f });
+  }, savePresets: (v) => {
+    t(`${c}/presets/save`, v);
   } } : void 0;
 }
 function q6(e) {
-  const t = P(e);
+  const t = _(e);
   if (t)
     return { endpointState: t };
 }
 function G6(e) {
-  const t = `/device/${e}`, o = h(t, "chanUp"), c = h(t, "chanDown"), r = h(t, "lastChan"), i = h(t, "guide"), a = h(t, "info"), g = h(t, "exit");
-  return { channelUp: o, channelDown: c, lastChannel: r, guide: i, info: a, exit: g };
+  const t = `/device/${e}`, o = g(t, "chanUp"), c = g(t, "chanDown"), r = g(t, "lastChan"), l = g(t, "guide"), v = g(t, "info"), f = g(t, "exit");
+  return { channelUp: o, channelDown: c, lastChannel: r, guide: l, info: v, exit: f };
 }
 function Y6(e) {
-  const t = `/device/${e}`, o = h(t, "red"), c = h(t, "green"), r = h(t, "yellow"), i = h(t, "blue");
-  return { red: o, green: c, yellow: r, blue: i };
+  const t = `/device/${e}`, o = g(t, "red"), c = g(t, "green"), r = g(t, "yellow"), l = g(t, "blue");
+  return { red: o, green: c, yellow: r, blue: l };
 }
 function z6(e) {
-  const t = P(e);
+  const t = _(e);
   if (t)
     return {
       communicationMonitorState: t
     };
 }
 function J6(e) {
-  const t = P(e);
+  const t = _(e);
   if (t)
     return t.deviceInfo || void 0;
 }
 function X6(e) {
-  const t = `/device/${e}`, o = h(t, "up"), c = h(t, "down"), r = h(t, "left"), i = h(t, "right"), a = h(t, "select"), g = h(t, "menu"), v = h(t, "exit");
-  return { up: o, down: c, left: r, right: i, select: a, menu: g, exit: v };
+  const t = `/device/${e}`, o = g(t, "up"), c = g(t, "down"), r = g(t, "left"), l = g(t, "right"), v = g(t, "select"), f = g(t, "menu"), h = g(t, "exit");
+  return { up: o, down: c, left: r, right: l, select: v, menu: f, exit: h };
 }
 function Q6(e) {
-  const { sendMessage: t } = E(), o = `/device/${e}`, c = P(e), r = h(o, "cameraUp"), i = h(o, "cameraDown"), a = h(o, "cameraLeft"), g = h(o, "cameraRight"), v = h(o, "cameraZoomIn"), f = h(o, "cameraZoomOut"), w = (x) => t("/camera/recallPreset", x);
+  const { sendMessage: t } = R(), o = `/device/${e}`, c = _(e), r = g(o, "cameraUp"), l = g(o, "cameraDown"), v = g(o, "cameraLeft"), f = g(o, "cameraRight"), h = g(o, "cameraZoomIn"), w = g(o, "cameraZoomOut"), d = (P) => t("/camera/recallPreset", P);
   if (c)
     return {
       state: c,
-      zoomIn: v,
-      zoomOut: f,
+      zoomIn: h,
+      zoomOut: w,
       up: r,
-      down: i,
-      left: a,
-      right: g,
-      recallPreset: w
+      down: l,
+      left: v,
+      right: f,
+      recallPreset: d
     };
 }
 function N6(e) {
-  const { sendMessage: t } = E();
+  const { sendMessage: t } = R();
   return { recallPreset: (c) => {
     t(
       `/device/${e}/recallPreset`,
@@ -1670,84 +1670,84 @@ function N6(e) {
   } };
 }
 function et(e) {
-  const t = `/device/${e}`, o = h(t, "dvrList"), c = h(t, "record");
+  const t = `/device/${e}`, o = g(t, "dvrList"), c = g(t, "record");
   return { dvrList: o, record: c };
 }
 function tt(e) {
-  const { sendMessage: t } = E(), o = P(e);
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { roomCombinerState: o, setAutoMode: () => {
     t(`/device/${e}/setAutoMode`, null);
   }, setManualMode: () => {
     t(`/device/${e}/setManualMode`, null);
   }, toggleMode: () => {
     t(`/device/${e}/toggleMode`, null);
-  }, togglePartitionState: (v) => {
-    t(`/device/${e}/togglePartitionState`, v);
-  }, setRoomCombinationScenario: (v) => {
-    t(`/device/${e}/setRoomCombinationScenario`, v);
+  }, togglePartitionState: (h) => {
+    t(`/device/${e}/togglePartitionState`, h);
+  }, setRoomCombinationScenario: (h) => {
+    t(`/device/${e}/setRoomCombinationScenario`, h);
   } } : void 0;
 }
 function nt(e) {
-  const { sendMessage: t } = E(), o = `/device/${e}`, c = P(e);
+  const { sendMessage: t } = R(), o = `/device/${e}`, c = _(e);
   return c ? {
     state: c,
-    selectCamera: (i) => {
-      t(`${o}/selectCamera`, i);
+    selectCamera: (l) => {
+      t(`${o}/selectCamera`, l);
     }
   } : void 0;
 }
 function ot(e) {
-  const t = P(e);
+  const t = _(e);
   if (t)
     return { state: t };
 }
 function st(e) {
-  const { sendMessage: t, sendSimpleMessage: o } = E(), c = P(e), r = ne(e), i = c || r;
-  return i ? {
-    levelState: i,
-    setLevel: (w, x) => o(`${w}/level`, x),
-    muteToggle: (w) => t(`${w}/muteToggle`, null),
-    muteOn: (w) => t(`${w}/muteOn`, null),
-    muteOff: (w) => t(`${w}/muteOff`, null)
+  const { sendMessage: t, sendSimpleMessage: o } = R(), c = _(e), r = ne(e), l = c || r;
+  return l ? {
+    levelState: l,
+    setLevel: (d, P) => o(`${d}/level`, P),
+    muteToggle: (d) => t(`${d}/muteToggle`, null),
+    muteOn: (d) => t(`${d}/muteOn`, null),
+    muteOff: (d) => t(`${d}/muteOff`, null)
   } : void 0;
 }
 function ct(e) {
-  const { sendMessage: t } = E(), o = P(e);
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { lightingState: o, selectScene: (r) => {
     t(`/device/${e}/selectScene`, r);
   } } : void 0;
 }
 function rt(e) {
-  const { sendMessage: t } = E(), o = P(e);
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { matrixRoutingState: o, setRoute: (r) => {
     t(`/device/${e}/route`, r);
   } } : void 0;
 }
 function lt(e) {
-  const { sendMessage: t } = E();
+  const { sendMessage: t } = R();
   return { closeApp: () => {
     t(`/device/${e}/closeWebViewController`, null);
   } };
 }
 function it(e) {
-  const t = `/device/${e}`, o = h(t, "num0"), c = h(t, "num1"), r = h(t, "num2"), i = h(t, "num3"), a = h(t, "num4"), g = h(t, "num5"), v = h(t, "num6"), f = h(t, "num7"), w = h(t, "num8"), x = h(t, "num9"), H = h(t, "numDash"), u = h(t, "numEnter");
+  const t = `/device/${e}`, o = g(t, "num0"), c = g(t, "num1"), r = g(t, "num2"), l = g(t, "num3"), v = g(t, "num4"), f = g(t, "num5"), h = g(t, "num6"), w = g(t, "num7"), d = g(t, "num8"), P = g(t, "num9"), H = g(t, "numDash"), a = g(t, "numEnter");
   return {
     digit0: o,
     digit1: c,
     digit2: r,
-    digit3: i,
-    digit4: a,
-    digit5: g,
-    digit6: v,
-    digit7: f,
-    digit8: w,
-    digit9: x,
+    digit3: l,
+    digit4: v,
+    digit5: f,
+    digit6: h,
+    digit7: w,
+    digit8: d,
+    digit9: P,
     keypadAccessoryButton1: H,
-    keypadAccessoryButton2: u
+    keypadAccessoryButton2: a
   };
 }
 function at(e) {
-  const { sendMessage: t } = E(), o = P(e);
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { projectorScreenLiftControlState: o, raise: () => {
     t(`/device/${e}/raise`, null);
   }, lower: () => {
@@ -1755,35 +1755,35 @@ function at(e) {
   } } : void 0;
 }
 function ut(e) {
-  const { sendMessage: t } = E(), o = S1(e);
+  const { sendMessage: t } = R(), o = S1(e);
   return o ? { roomEventScheduleState: o, save: (r) => {
     t(`/room/${e}/saveScheduledEvents`, r);
   } } : void 0;
 }
 function dt(e) {
-  const { sendMessage: t } = E();
+  const { sendMessage: t } = R();
   return { runDefaultPresentRoute: () => {
     t(`/room/${e}/defaultsource`, {});
   } };
 }
 function vt(e) {
-  const { sendMessage: t } = E();
+  const { sendMessage: t } = R();
   return { runDirectRoute: (c) => {
     t(`/room/${e}/directRoute`, c);
   } };
 }
 function ht(e) {
-  const { sendMessage: t } = E();
-  return { routingState: P(e), runRoute: (r) => {
+  const { sendMessage: t } = R();
+  return { routingState: _(e), runRoute: (r) => {
     t(`/room/${e}/source`, r);
   } };
 }
 function gt(e) {
-  const t = `/device/${e}`, o = h(t, "chanUp"), c = h(t, "chanDown");
+  const t = `/device/${e}`, o = g(t, "chanUp"), c = g(t, "chanDown");
   return { dvrList: o, replay: c };
 }
 function ft(e) {
-  const { sendMessage: t } = E(), o = P(e);
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { shadeState: o, shadeUp: () => {
     t(`/device/${e}/shadeUp`, null);
   }, shadeDown: () => {
@@ -1793,9 +1793,9 @@ function ft(e) {
   } } : void 0;
 }
 function wt(e) {
-  const { sendMessage: t } = E(), o = S1(e);
-  return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (g) => {
-    t(`/room/${e}/setShutdownPromptSeconds`, g);
+  const { sendMessage: t } = R(), o = S1(e);
+  return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (f) => {
+    t(`/room/${e}/setShutdownPromptSeconds`, f);
   }, shutdownStart: () => {
     t(`/room/${e}/shutdownStart`, null);
   }, shutdownEnd: () => {
@@ -1805,7 +1805,7 @@ function wt(e) {
   } } : void 0;
 }
 function mt(e) {
-  const { sendMessage: t } = E(), o = P(e);
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { switchedOutputState: o, on: () => {
     t(`/device/${e}/on`, null);
   }, off: () => {
@@ -1813,19 +1813,19 @@ function mt(e) {
   } } : void 0;
 }
 function pt(e) {
-  const { sendMessage: t } = E(), o = S1(e);
-  return o ? { techPasswordState: o, validatePassword: (i) => {
-    t(`/room/${e}/validateTechPassword`, { password: i });
-  }, setPassword: (i, a) => {
-    t(`/room/${e}/setTechPassword`, { oldPassword: i, newPassword: a });
+  const { sendMessage: t } = R(), o = S1(e);
+  return o ? { techPasswordState: o, validatePassword: (l) => {
+    t(`/room/${e}/validateTechPassword`, { password: l });
+  }, setPassword: (l, v) => {
+    t(`/room/${e}/setTechPassword`, { oldPassword: l, newPassword: v });
   } } : void 0;
 }
 function Mt(e) {
-  const { sendMessage: t } = E(), o = P(e);
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { state: o, setTemperatureUnitsToCelcius: () => t(`${e}/setTemperatureUnitsToCelcius`, null), setTemperatureUnitsToFahrenheit: () => t(`${e}/setTemperatureUnitsToFahrenheit`, null) } : void 0;
 }
 function xt(e) {
-  const { sendMessage: t } = E(), o = P(e), c = (r) => {
+  const { sendMessage: t } = R(), o = _(e), c = (r) => {
     t(`/device/${e}/saveTheme`, { value: r });
   };
   return {
@@ -1834,20 +1834,20 @@ function xt(e) {
   };
 }
 function Zt(e) {
-  const t = `/device/${e}`, o = h(t, "play"), c = h(t, "pause"), r = h(t, "stop"), i = h(t, "prevTrack"), a = h(t, "nextTrack"), g = h(t, "rewind"), v = h(t, "ffwd"), f = h(t, "record");
+  const t = `/device/${e}`, o = g(t, "play"), c = g(t, "pause"), r = g(t, "stop"), l = g(t, "prevTrack"), v = g(t, "nextTrack"), f = g(t, "rewind"), h = g(t, "ffwd"), w = g(t, "record");
   return {
     play: o,
     pause: c,
     stop: r,
-    prevTrack: i,
-    nextTrack: a,
-    rewind: g,
-    fastForward: v,
-    record: f
+    prevTrack: l,
+    nextTrack: v,
+    rewind: f,
+    fastForward: h,
+    record: w
   };
 }
 function St(e) {
-  const t = P(e), { sendMessage: o } = E();
+  const t = _(e), { sendMessage: o } = R();
   return t ? {
     touchpanelState: t,
     appControl: { hideApp: () => {
@@ -1863,14 +1863,14 @@ function St(e) {
   } : void 0;
 }
 function jt(e) {
-  const t = P(e), o = V3(e), c = O1(e);
+  const t = _(e), o = V3(e), c = O1(e);
   if (!t) return;
-  const r = (t.powerState || t.isWarming) && !t.isCooling, i = (!t.powerState || t.isCooling) && !t.isWarming;
+  const r = (t.powerState || t.isWarming) && !t.isCooling, l = (!t.powerState || t.isCooling) && !t.isWarming;
   return {
     displayState: t,
     powerControl: o,
     inputControl: c,
-    powerFb: { powerOnFb: r, powerOffFb: i }
+    powerFb: { powerOnFb: r, powerOffFb: l }
   };
 }
 function Ct(e) {
@@ -1880,48 +1880,46 @@ function Ct(e) {
 const bt = ({
   config: e
 }, t = !0) => {
-  const { sendMessage: o } = E(), c = M1(!1), r = o1(() => {
-    var g, v, f, w;
-    const a = /* @__PURE__ */ new Set();
+  const { sendMessage: o } = R(), c = M1(!1), r = n1(() => {
+    var v, f, h, w;
     if (!e)
-      return a;
-    if (e.destinations && Object.values(e.destinations).forEach((x) => {
-      a.add(x);
-    }), e.destinationList && Object.values(e.destinationList).forEach((x) => {
-      a.add(x.sinkKey);
-    }), e.audioControlPointList && Object.values((g = e.audioControlPointList) == null ? void 0 : g.levelControls).forEach(
-      (x) => {
-        x.itemKey ? a.add(x.parentDeviceKey + "--" + x.itemKey) : a.add(x.parentDeviceKey);
+      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);
+    }), e.audioControlPointList && Object.values((v = e.audioControlPointList) == null ? void 0 : v.levelControls).forEach(
+      (d) => {
+        d.itemKey ? l.add(d.parentDeviceKey + "--" + d.itemKey) : l.add(d.parentDeviceKey);
       }
-    ), (v = e.touchpanelKeys) == null || v.forEach((x) => {
-      a.add(x);
-    }), (f = e.environmentalDevices) == null || f.forEach((x) => {
-      x.deviceKey && a.add(x.deviceKey);
-    }), (w = e.accessoryDeviceKeys) == null || w.forEach((x) => {
-      a.add(x);
-    }), e.audioCodecKey && a.add(e.audioCodecKey), e.videoCodecKey && a.add(e.videoCodecKey), e.matrixRoutingKey && a.add(e.matrixRoutingKey), e.roomCombinerKey && a.add(e.roomCombinerKey), e.endpointKeys && e.endpointKeys.forEach((x) => {
-      a.add(x);
+    ), (f = e.touchpanelKeys) == null || f.forEach((d) => {
+      l.add(d);
+    }), (h = e.environmentalDevices) == null || h.forEach((d) => {
+      d.deviceKey && l.add(d.deviceKey);
+    }), (w = e.accessoryDeviceKeys) == null || w.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);
     }), e.sourceList)
-      for (const x of Object.values(e.sourceList))
-        x.sourceKey && x.sourceKey !== "$off" && a.add(x.sourceKey);
-    return a;
-  }, [e]), i = n1(() => {
-    !t || r.size === 0 || c.current || (console.log("requesting state for deviceKeys:", r), r.forEach((a) => {
-      o(`/device/${a}/fullStatus`, { deviceKey: a });
-    }), c.current = !0);
-  }, [r, t, o]);
+      for (const d of Object.values(e.sourceList))
+        d.sourceKey && d.sourceKey !== "$off" && l.add(d.sourceKey);
+    return l;
+  }, [e]);
   return x1(() => {
-    c.current = !1, i();
-  }, [i]), r;
+    !t || !r || r.size === 0 || c.current || (console.log("requesting state for deviceKeys:", r), r.forEach((l) => {
+      o(`/device/${l}/fullStatus`, { deviceKey: l });
+    }), c.current = !0);
+  }, [r, t, o]), r;
 };
 function yt(e, t) {
-  const [o, c] = Y(!1), [r, i] = Y(!1);
+  const [o, c] = Y(!1), [r, l] = Y(!1);
   return Z3(() => {
-    const { current: a } = e, g = () => {
-      const v = a && a.scrollHeight > a.clientHeight, f = a && a.scrollWidth > a.clientWidth;
-      i(v ?? !1), c(f ?? !1), t && t(v ?? !1, f ?? !1);
+    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);
     };
-    a && g();
+    v && f();
   }, [e, t]), { overflowHorizontal: o, overflowVertical: r };
 }
 function It(e, t) {
@@ -1933,20 +1931,20 @@ function Rt(e, t) {
   return W3(c, o);
 }
 function Et(e) {
-  var g, v;
-  const [t, o] = Y(((g = e == null ? void 0 : e.current) == null ? void 0 : g.scrollLeft) ?? 0), [c, r] = Y(((v = e == null ? void 0 : e.current) == null ? void 0 : v.scrollTop) ?? 0), i = (f) => {
-    const { current: w } = e;
-    w && (console.log(w.scrollLeft), w.scrollLeft += f, console.log(w.scrollLeft));
-  }, a = (f) => {
-    const { current: w } = e;
-    w && (console.log(w.scrollTop), w.scrollTop += f, console.log(w.scrollTop));
+  var f, h;
+  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 Z3(() => {
-    const { current: f } = e, w = () => {
-      o((f == null ? void 0 : f.scrollLeft) ?? 0), r((f == null ? void 0 : f.scrollTop) ?? 0);
+    const { current: w } = e, d = () => {
+      o((w == null ? void 0 : w.scrollLeft) ?? 0), r((w == null ? void 0 : w.scrollTop) ?? 0);
     };
-    f && w();
-  }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: i, scrollVertical: a };
+    w && d();
+  }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: l, scrollVertical: v };
 }
 function Tt(e) {
   const t = W1();
@@ -1957,7 +1955,7 @@ function Tt(e) {
   }, Ze(e)];
 }
 function Dt() {
-  const { sendMessage: e } = E();
+  const { sendMessage: e } = R();
   return {
     reboot: () => {
       e("/system/reboot", null);
@@ -1971,15 +1969,15 @@ function _t() {
   const [e, t] = Y(), [o, c] = Y();
   function r() {
     t((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
-    const i = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
-    c(i);
+    const l = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
+    c(l);
   }
   return x1(() => {
     r();
-    const i = setInterval(() => {
+    const l = setInterval(() => {
       r();
     }, 1e3);
-    return () => clearInterval(i);
+    return () => clearInterval(l);
   }, []), { date: e, time: o };
 }
 const Pt = () => {
@@ -2015,46 +2013,46 @@ const Pt = () => {
   vert: o = !1,
   className: c,
   iconClassName: r = "",
-  otherContentClassName: i = "",
-  disabled: a,
-  feedback: g,
-  feedbackClassName: v,
-  onPointerDown: f,
-  onPointerUp: w,
-  onPointerLeave: x,
+  otherContentClassName: l = "",
+  disabled: v,
+  feedback: f,
+  feedbackClassName: h,
+  onPointerDown: w,
+  onPointerUp: d,
+  onPointerLeave: P,
   ...H
 }) => {
-  const [u, S] = Y(!1), C = !a && g ? v : "", b = !a && (u || g);
+  const [a, Z] = Y(!1), j = !v && f ? h : "", C = !v && (a || f);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
       type: "button",
-      className: `${$1.iconbtn} ${o ? $1.iconbtnvert : ""} ${c} ${C}`,
+      className: `${$1.iconbtn} ${o ? $1.iconbtnvert : ""} ${c} ${j}`,
       ...H,
-      disabled: a,
-      onPointerDown: (y) => {
-        S(!0), f == null || f(y);
+      disabled: v,
+      onPointerDown: (b) => {
+        Z(!0), w == null || w(b);
       },
-      onPointerUp: (y) => {
-        S(!1), w == null || w(y);
+      onPointerUp: (b) => {
+        Z(!1), d == null || d(b);
       },
-      onPointerLeave: (y) => {
-        S(!1), x == null || x(y);
+      onPointerLeave: (b) => {
+        Z(!1), P == null || P(b);
       },
       children: [
         e && /* @__PURE__ */ n.jsx(
           e,
           {
             className: `${r || $1.iconsm}`,
-            active: b,
-            disabled: a
+            active: C,
+            disabled: v
           }
         ),
-        i ? /* @__PURE__ */ n.jsx("div", { className: i, children: t }) : /* @__PURE__ */ n.jsx("div", { children: t })
+        l ? /* @__PURE__ */ n.jsx("div", { className: l, children: t }) : /* @__PURE__ */ n.jsx("div", { children: t })
       ]
     }
   );
-}, R = ({
+}, I = ({
   ActiveImage: e,
   DisabledImage: t,
   EnabledImage: o,
@@ -2065,7 +2063,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: /* @__PURE__ */ n.jsx(
       "svg",
@@ -2117,7 +2115,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-ban-active.svg */
@@ -2166,7 +2164,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: /* @__PURE__ */ n.jsx(
       "svg",
@@ -2206,7 +2204,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-check-active.svg */
@@ -2256,7 +2254,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-controller-active.svg */
@@ -2323,7 +2321,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-down-active.svg */
@@ -2372,7 +2370,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-elipses-active.svg */
@@ -2421,7 +2419,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-flag-active.svg */
@@ -2470,7 +2468,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* /Users/hvolmer/Downloads/SVG/icon-gear-active.svg */
@@ -2519,7 +2517,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-glass-active.svg */
@@ -2569,7 +2567,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-hdmi-active.svg */
@@ -2636,7 +2634,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-laptop-active.svg */
@@ -2685,7 +2683,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-left-active.svg */
@@ -2734,7 +2732,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-light-active.svg */
@@ -2783,7 +2781,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-moon-active.svg */
@@ -2832,7 +2830,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-playstation-active.svg */
@@ -2854,7 +2852,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-podium-active.svg */
@@ -2903,7 +2901,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-power-active.svg */
@@ -2952,7 +2950,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-privacy-active.svg */
@@ -3001,7 +2999,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-question-active.svg */
@@ -3050,7 +3048,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-right-active.svg */
@@ -3100,7 +3098,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-roomPC-active.svg */
@@ -3167,7 +3165,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-shade-active.svg */
@@ -3216,7 +3214,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-sun-active.svg */
@@ -3267,7 +3265,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: void 0,
     DisabledImage: void 0,
@@ -3280,7 +3278,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-up-active.svg */
@@ -3329,7 +3327,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-volDown-active.svg */
@@ -3378,7 +3376,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-volMute-active.svg */
@@ -3427,7 +3425,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-volUp-active.svg */
@@ -3476,7 +3474,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-wireless-active.svg */
@@ -3525,7 +3523,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-x-active.svg */
@@ -3574,7 +3572,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-xbox-active.svg */
@@ -3623,7 +3621,7 @@ const Pt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-mic-active.svg */
@@ -3796,7 +3794,7 @@ export {
   At as MainLayout,
   Vt as MessageHandler,
   W6 as MobileControlProvider,
-  R as MultiStateIconContainer,
+  I as MultiStateIconContainer,
   $t as NamedIconButton,
   Ot as ShareState,
   Bt as TechLayout,
@@ -3871,7 +3869,7 @@ export {
   W1 as useAppDispatch,
   m as useAppSelector,
   H6 as useAvrControl,
-  h as useButtonHeldHeartbeat,
+  g as useButtonHeldHeartbeat,
   Q6 as useCameraBase,
   S6 as useClientId,
   Ct as useDeviceIBasicVolume,
@@ -3885,7 +3883,7 @@ export {
   t6 as useGetAllDevices,
   o6 as useGetAllRooms,
   $6 as useGetCurrentPopoverIdForGroup,
-  P as useGetDevice,
+  _ as useGetDevice,
   V6 as useGetIBasicVolume,
   U6 as useGetIBasicVolumeWithFeedback,
   s6 as useGetRoom,
@@ -3969,7 +3967,7 @@ export {
   I6 as useTouchpanelKey,
   jt as useTwoWayDisplayBase,
   C6 as useUserCode,
-  E as useWebsocketContext,
+  R as useWebsocketContext,
   I3 as useWsIsConnected,
   Le as wsAddEventHandler,
   k3 as wsConnect,