@pepperdash/mobile-control-react-app-core 1.22.6-volume-hook-fix.2 → 1.22.6-volume-hook-fix.4

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

@@ -1,13 +1,13 @@
 var w2 = Object.defineProperty;
-var p2 = (e, t, o) => t in e ? w2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var q = (e, t, o) => p2(e, typeof t != "symbol" ? t + "" : t, o);
-import M3, { AxiosError as m2 } from "axios";
+var m2 = (e, t, o) => t in e ? w2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var q = (e, t, o) => m2(e, typeof t != "symbol" ? t + "" : t, o);
+import M3, { AxiosError as p2 } from "axios";
 import { useDispatch as M2, useSelector as x2, Provider as Z2 } from "react-redux";
-import { createSelector as p, createSlice as a1, combineReducers as S2, configureStore as j2 } from "@reduxjs/toolkit";
-import x3, { createContext as C2, useEffect as m1, useCallback as c1, useContext as b2, useRef as A1, useMemo as M1, useState as Y, useLayoutEffect as Z3 } from "react";
+import { createSelector as p, createSlice as u1, combineReducers as S2, configureStore as j2 } from "@reduxjs/toolkit";
+import x3, { createContext as C2, useEffect as M1, useCallback as r1, useContext as b2, useRef as A1, 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(), f = x2.withTypes(), x1 = (e) => e.appConfig, E2 = p(
+const W1 = M2.withTypes(), w = x2.withTypes(), x1 = (e) => e.appConfig, E2 = p(
   x1,
   (e) => e.config
 ), T2 = p(
@@ -19,15 +19,15 @@ const W1 = M2.withTypes(), f = x2.withTypes(), x1 = (e) => e.appConfig, E2 = p(
 ), _2 = p(
   x1,
   (e) => e.config.partnerMetadata
-), X8 = () => f(E2), Q8 = () => f(T2), N8 = () => f(D2), e6 = () => f(_2), j3 = (e) => e.devices, C3 = p(
+), X8 = () => w(E2), Q8 = () => w(T2), N8 = () => w(D2), e6 = () => w(_2), j3 = (e) => e.devices, C3 = p(
   j3,
   (e) => e
 ), P2 = (e) => p(
   j3,
   (t) => t[e] ? t[e] : void 0
-), t6 = () => f(C3);
+), t6 = () => w(C3);
 function _(e) {
-  return f(P2(e));
+  return w(P2(e));
 }
 const A = (e) => e.rooms, L2 = (e) => p(
   A,
@@ -80,8 +80,8 @@ const A = (e) => e.rooms, L2 = (e) => p(
 ), K2 = (e) => p(
   A,
   (t) => {
-    var o, c, r, i, v, u, h, m;
-    return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (v = (i = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : v.sinkKey : ((m = (h = (u = t[e]) == null ? void 0 : u.configuration) == null ? void 0 : h.destinationList.defaultDisplay) == null ? void 0 : m.sinkKey) || "";
+    var o, c, r, i, v, f, h, d;
+    return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (v = (i = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : v.sinkKey : ((d = (h = (f = t[e]) == null ? void 0 : f.configuration) == null ? void 0 : h.destinationList.defaultDisplay) == null ? void 0 : d.sinkKey) || "";
   }
 ), q2 = (e) => p(
   A,
@@ -147,21 +147,21 @@ const A = (e) => e.rooms, L2 = (e) => p(
   }
 );
 function n6(e) {
-  return f(
+  return w(
     L2(e)
   );
 }
 function o6() {
-  return f($2);
+  return w($2);
 }
 function Z1(e) {
-  return f(A2(e));
+  return w(A2(e));
 }
-const s6 = Z1, c6 = (e) => f(
+const s6 = Z1, c6 = (e) => w(
   B2(e)
-), te = (e, t) => f(
+), te = (e, t) => w(
   k2(e, t)
-), ne = (e) => f(O2(e)) || void 0, r6 = (e) => f(W2(e)), l6 = (e) => f(V2(e)), i6 = (e) => f(U2(e)), a6 = (e) => f(H2(e)), u6 = (e) => f(F2(e)), d6 = (e) => f(K2(e)), v6 = (e) => f(q2(e)), h6 = (e) => f(G2(e)), g6 = (e) => f(Y2(e)), f6 = (e) => f(z2(e)), w6 = (e) => f(J2(e)), p6 = (e) => f(X2(e)), m6 = (e) => f(Q2(e)), M6 = (e) => f((t) => ee(t, e)), x6 = (e) => f(N2(e)), G = (e) => e.runtimeConfig, oe = p(
+), ne = (e) => w(O2(e)) || void 0, r6 = (e) => w(W2(e)), l6 = (e) => w(V2(e)), i6 = (e) => w(U2(e)), a6 = (e) => w(H2(e)), u6 = (e) => w(F2(e)), d6 = (e) => w(K2(e)), v6 = (e) => w(q2(e)), h6 = (e) => w(G2(e)), g6 = (e) => w(Y2(e)), f6 = (e) => w(z2(e)), w6 = (e) => w(J2(e)), m6 = (e) => w(X2(e)), p6 = (e) => w(Q2(e)), M6 = (e) => w((t) => ee(t, e)), x6 = (e) => w(N2(e)), G = (e) => e.runtimeConfig, oe = p(
   G,
   (e) => e.websocket.isConnected
 ), se = p(
@@ -203,7 +203,7 @@ const s6 = Z1, c6 = (e) => f(
 ), ve = (e, t) => p(
   y3(e),
   (o) => o.includes(t)
-), I3 = () => f(oe), Z6 = () => f(se), S6 = () => f(ce), j6 = () => f(re), C6 = () => f(le), b6 = () => f(ie), y6 = () => f(ae), I6 = () => f(ue), R6 = () => f(de), E6 = () => f(b3), T6 = (e) => f(y3(e)), D6 = (e, t) => f(ve(e, t)), N = (e) => e.ui, V1 = (e) => p(N, (t) => t.modalVisibility[e]), he = (e) => p(N, (t) => {
+), I3 = () => w(oe), Z6 = () => w(se), S6 = () => w(ce), j6 = () => w(re), C6 = () => w(le), b6 = () => w(ie), y6 = () => w(ae), I6 = () => w(ue), R6 = () => w(de), E6 = () => w(b3), T6 = (e) => w(y3(e)), D6 = (e, t) => w(ve(e, t)), N = (e) => e.ui, V1 = (e) => p(N, (t) => t.modalVisibility[e]), he = (e) => p(N, (t) => {
   const o = t.popoverVisibility[e];
   if (o)
     return Object.keys(o).find((c) => o[c]);
@@ -216,7 +216,7 @@ const s6 = Z1, c6 = (e) => f(
 ), fe = p(N, (e) => e.error), we = p(
   N,
   (e) => e.showReconnect
-), pe = p(N, (e) => e.theme), me = (e) => p(N, (t) => t.syncState.includes(e)), _6 = () => f(V1("showShutdownModal")), P6 = () => f(V1("showIncomingCallModal")), L6 = (e) => f(V1(e)), $6 = (e) => f(he(e)), A6 = (e, t) => f(ge(e, t)), Me = () => f(fe), xe = () => f(we), B6 = () => f(pe), Ze = (e) => f(me(e)), Se = {
+), me = p(N, (e) => e.theme), pe = (e) => p(N, (t) => t.syncState.includes(e)), _6 = () => w(V1("showShutdownModal")), P6 = () => w(V1("showIncomingCallModal")), L6 = (e) => w(V1(e)), $6 = (e) => w(he(e)), A6 = (e, t) => w(ge(e, t)), Me = () => w(fe), xe = () => w(we), B6 = () => w(me), Ze = (e) => w(pe(e)), Se = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -225,7 +225,7 @@ const s6 = Z1, c6 = (e) => f(
   },
   popoverVisibility: {},
   syncState: []
-}, R3 = a1({
+}, R3 = u1({
   name: "ui",
   initialState: Se,
   reducers: {
@@ -281,7 +281,7 @@ const s6 = Z1, c6 = (e) => f(
     loginMode: "",
     modes: {}
   }
-}, E3 = a1({
+}, E3 = u1({
   name: "appConfig",
   initialState: Ce,
   reducers: {
@@ -289,7 +289,7 @@ const s6 = Z1, c6 = (e) => f(
       e.config = t.payload;
     }
   }
-}), T3 = E3.actions, be = E3.reducer, v3 = {}, B1 = a1({
+}), T3 = E3.actions, be = E3.reducer, v3 = {}, B1 = u1({
   name: "devices",
   initialState: v3,
   reducers: {
@@ -303,7 +303,7 @@ const s6 = Z1, c6 = (e) => f(
       return v3;
     }
   }
-}), g1 = {
+}), f1 = {
   setDeviceState: B1.actions.setDeviceState,
   clearDevices: B1.actions.clearDevices
 }, ye = B1.reducer;
@@ -322,7 +322,7 @@ function Re(e) {
 function Ee(e, t) {
   sessionStorage.setItem(e, t);
 }
-const g3 = {}, k1 = a1({
+const g3 = {}, k1 = u1({
   name: "rooms",
   initialState: g3,
   reducers: {
@@ -336,7 +336,7 @@ const g3 = {}, k1 = a1({
       return g3;
     }
   }
-}), f1 = {
+}), w1 = {
   setRoomState: k1.actions.setRoomState,
   clearRooms: k1.actions.clearRooms
 }, Te = k1.reducer, De = {
@@ -370,7 +370,7 @@ const g3 = {}, k1 = a1({
     userCode: "",
     qrUrl: ""
   }
-}, D3 = a1({
+}, D3 = u1({
   name: "runtimeConfig",
   initialState: De,
   reducers: {
@@ -448,7 +448,7 @@ const g3 = {}, k1 = a1({
       );
       return C.status === 200 && C.data ? (j(U.setRoomData(C.data)), !0) : !1;
     } catch (C) {
-      return console.log(C), C instanceof m2 && C.response && C.response.status === 498 ? (console.error("Invalid token. Unable to join room"), j(
+      return console.log(C), C instanceof p2 && C.response && C.response.status === 498 ? (console.error("Invalid token. Unable to join room"), j(
         O.setErrorMessage(
           `Token ${Z} is invalid. Unable to join room`
         )
@@ -461,7 +461,7 @@ const g3 = {}, k1 = a1({
   }, r = () => {
     e.reconnectTimer && (console.log("WebSocket middleware: Stopping reconnection loop"), clearTimeout(e.reconnectTimer), e.reconnectTimer = null);
   }, i = (a) => {
-    a(O.setShowReconnect(!0)), a(U.setWebsocketIsConnected(!1)), a(g1.clearDevices()), a(f1.clearRooms()), a(O.clearAllModals()), a(O.clearSyncState());
+    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) {
@@ -479,7 +479,7 @@ const g3 = {}, k1 = a1({
         content: null
       })
     );
-  }, u = async (a, Z) => {
+  }, f = async (a, Z) => {
     console.log("WebSocket middleware: Attempting to connect...");
     const j = Z(), { apiPath: C } = j.appConfig.config, { serverIsRunningOnProcessorHardware: b } = j.runtimeConfig;
     if (!C || !e.token) {
@@ -577,7 +577,7 @@ const g3 = {}, k1 = a1({
           O.setErrorMessage(
             "Connection lost. Attempting to reconnect..."
           )
-        ), a(U.setWebsocketIsConnected(!1)), a(g1.clearDevices()), a(f1.clearRooms()), a(O.clearAllModals()), a(O.clearSyncState()), c(a);
+        ), 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(B.data);
@@ -595,7 +595,7 @@ const g3 = {}, k1 = a1({
                 );
                 break;
               case "/system/roomKey":
-                a(f1.clearRooms()), a(g1.clearDevices()), a(O.clearSyncState()), a(
+                a(w1.clearRooms()), a(f1.clearDevices()), a(O.clearSyncState()), a(
                   U.setCurrentRoomKey(
                     D.content
                   )
@@ -630,9 +630,9 @@ const g3 = {}, k1 = a1({
             z || console.log(
               "WebSocket middleware: No handlers found for event type",
               D.type
-            ), z && Object.values(z).forEach((n1) => {
+            ), z && Object.values(z).forEach((o1) => {
               try {
-                n1(D);
+                o1(D);
               } catch (C1) {
                 console.error(
                   "WebSocket middleware: Event handler error",
@@ -640,7 +640,7 @@ const g3 = {}, k1 = a1({
                 );
               }
             });
-          } else D.type.startsWith("/room/") ? a(f1.setRoomState(D)) : D.type.startsWith("/device/") && a(g1.setDeviceState(D));
+          } 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);
         }
@@ -650,7 +650,7 @@ const g3 = {}, k1 = a1({
     }
   }, h = () => {
     e.client && (console.log("WebSocket middleware: Disconnecting"), r(), e.client.close(4100, "Client requested disconnect"), e.client = null);
-  }, m = (a, Z, j) => {
+  }, d = (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 })
@@ -676,14 +676,14 @@ const g3 = {}, k1 = a1({
       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(a.dispatch), await u(a.dispatch, a.getState);
+          W ? (console.log("WebSocket middleware: Saving token"), Ee(h3.uuid, W)) : (W = Re(h3.uuid), console.log("WebSocket middleware: Loading token")), e.token = W, await t(a.dispatch), await f(a.dispatch, a.getState);
           break;
         }
         case P3:
           h();
           break;
         case L3:
-          m(
+          d(
             b.payload.messageType,
             b.payload.content,
             a.getState
@@ -768,7 +768,7 @@ function O6() {
     return !0;
   };
 }
-var w1 = { exports: {} }, r1 = {};
+var m1 = { exports: {} }, l1 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -780,19 +780,19 @@ var w1 = { exports: {} }, r1 = {};
  */
 var w3;
 function We() {
-  if (w3) return r1;
+  if (w3) return l1;
   w3 = 1;
   var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function v(u, h, m) {
+  function v(f, h, d) {
     var M, P = {}, H = null, a = null;
-    m !== void 0 && (H = "" + m), h.key !== void 0 && (H = "" + h.key), h.ref !== void 0 && (a = h.ref);
+    d !== void 0 && (H = "" + d), h.key !== void 0 && (H = "" + h.key), h.ref !== void 0 && (a = h.ref);
     for (M in h) c.call(h, M) && !i.hasOwnProperty(M) && (P[M] = h[M]);
-    if (u && u.defaultProps) for (M in h = u.defaultProps, h) P[M] === void 0 && (P[M] = h[M]);
-    return { $$typeof: t, type: u, key: H, ref: a, props: P, _owner: r.current };
+    if (f && f.defaultProps) for (M in h = f.defaultProps, h) P[M] === void 0 && (P[M] = h[M]);
+    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,10 +802,10 @@ var l1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var p3;
+var m3;
 function Ve() {
-  return p3 || (p3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), u = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), a = Symbol.for("react.offscreen"), Z = Symbol.iterator, j = "@@iterator";
+  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"), v = Symbol.for("react.provider"), f = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), a = Symbol.for("react.offscreen"), Z = Symbol.iterator, j = "@@iterator";
     function C(s) {
       if (s === null || typeof s != "object")
         return null;
@@ -815,36 +815,36 @@ function Ve() {
     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), w = 1; w < l; w++)
-          d[w - 1] = arguments[w];
-        W("error", s, d);
+        for (var l = arguments.length, u = new Array(l > 1 ? l - 1 : 0), m = 1; m < l; m++)
+          u[m - 1] = arguments[m];
+        W("error", s, u);
       }
     }
-    function W(s, l, d) {
+    function W(s, l, u) {
       {
-        var w = b.ReactDebugCurrentFrame, E = w.getStackAddendum();
-        E !== "" && (l += "%s", d = d.concat([E]));
-        var T = d.map(function(y) {
+        var m = b.ReactDebugCurrentFrame, E = m.getStackAddendum();
+        E !== "" && (l += "%s", u = u.concat([E]));
+        var T = u.map(function(y) {
           return String(y);
         });
         T.unshift("Warning: " + l), Function.prototype.apply.call(console[s], console, T);
       }
     }
-    var j1 = !1, K = !1, B = !1, D = !1, z = !1, n1;
-    n1 = Symbol.for("react.module.reference");
+    var j1 = !1, K = !1, B = !1, D = !1, z = !1, o1;
+    o1 = Symbol.for("react.module.reference");
     function C1(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === c || s === i || z || s === r || s === m || s === M || D || s === a || j1 || K || B || typeof s == "object" && s !== null && (s.$$typeof === H || s.$$typeof === P || s.$$typeof === v || s.$$typeof === u || s.$$typeof === h || // This needs to include all possible module reference object
+      return !!(typeof s == "string" || typeof s == "function" || s === c || s === i || z || s === r || s === d || s === M || D || s === a || j1 || 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 === n1 || s.getModuleId !== void 0));
+      s.$$typeof === o1 || s.getModuleId !== void 0));
     }
-    function U3(s, l, d) {
-      var w = s.displayName;
-      if (w)
-        return w;
+    function U3(s, l, u) {
+      var m = s.displayName;
+      if (m)
+        return m;
       var E = l.displayName || l.name || "";
-      return E !== "" ? d + "(" + E + ")" : d;
+      return E !== "" ? u + "(" + E + ")" : u;
     }
     function U1(s) {
       return s.displayName || "Context";
@@ -865,24 +865,24 @@ function Ve() {
           return "Profiler";
         case r:
           return "StrictMode";
-        case m:
+        case d:
           return "Suspense";
         case M:
           return "SuspenseList";
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
-          case u:
+          case f:
             var l = s;
             return U1(l) + ".Consumer";
           case v:
-            var d = s;
-            return U1(d._context) + ".Provider";
+            var u = s;
+            return U1(u._context) + ".Provider";
           case h:
             return U3(s, s.render, "ForwardRef");
           case P:
-            var w = s.displayName || null;
-            return w !== null ? w : J(s.type) || "Memo";
+            var m = s.displayName || null;
+            return m !== null ? m : J(s.type) || "Memo";
           case H: {
             var E = s, T = E._payload, y = E._init;
             try {
@@ -894,13 +894,13 @@ function Ve() {
         }
       return null;
     }
-    var X = Object.assign, o1 = 0, H1, F1, K1, q1, G1, Y1, z1;
+    var X = Object.assign, s1 = 0, H1, F1, K1, q1, G1, Y1, z1;
     function J1() {
     }
     J1.__reactDisabledLog = !0;
     function H3() {
       {
-        if (o1 === 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
           });
         }
-        o1++;
+        s1++;
       }
     }
     function F3() {
       {
-        if (o1--, o1 === 0) {
+        if (s1--, s1 === 0) {
           var s = {
             configurable: !0,
             enumerable: !0,
@@ -953,37 +953,37 @@ function Ve() {
             })
           });
         }
-        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 b1 = b.ReactCurrentDispatcher, y1;
-    function u1(s, l, d) {
+    function d1(s, l, u) {
       {
         if (y1 === void 0)
           try {
             throw Error();
           } catch (E) {
-            var w = E.stack.trim().match(/\n( *(at )?)/);
-            y1 = w && w[1] || "";
+            var m = E.stack.trim().match(/\n( *(at )?)/);
+            y1 = m && m[1] || "";
           }
         return `
 ` + y1 + s;
       }
     }
-    var I1 = !1, d1;
+    var I1 = !1, v1;
     {
       var K3 = typeof WeakMap == "function" ? WeakMap : Map;
-      d1 = new K3();
+      v1 = new K3();
     }
     function X1(s, l) {
       if (!s || I1)
         return "";
       {
-        var d = d1.get(s);
-        if (d !== void 0)
-          return d;
+        var u = v1.get(s);
+        if (u !== void 0)
+          return u;
       }
-      var w;
+      var m;
       I1 = !0;
       var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
@@ -1002,14 +1002,14 @@ function Ve() {
             try {
               Reflect.construct(y, []);
             } catch (V) {
-              w = V;
+              m = V;
             }
             Reflect.construct(s, [], y);
           } else {
             try {
               y.call();
             } catch (V) {
-              w = V;
+              m = V;
             }
             s.call(y.prototype);
           }
@@ -1017,14 +1017,14 @@ function Ve() {
           try {
             throw Error();
           } catch (V) {
-            w = V;
+            m = V;
           }
           s();
         }
       } catch (V) {
-        if (V && w && typeof V.stack == "string") {
+        if (V && m && typeof V.stack == "string") {
           for (var S = V.stack.split(`
-`), k = w.stack.split(`
+`), k = m.stack.split(`
 `), L = S.length - 1, $ = k.length - 1; L >= 1 && $ >= 0 && S[L] !== k[$]; )
             $--;
           for (; L >= 1 && $ >= 0; L--, $--)
@@ -1034,7 +1034,7 @@ function Ve() {
                   if (L--, $--, $ < 0 || S[L] !== k[$]) {
                     var F = `
 ` + S[L].replace(" at new ", " at ");
-                    return s.displayName && F.includes("<anonymous>") && (F = F.replace("<anonymous>", s.displayName)), typeof s == "function" && d1.set(s, F), F;
+                    return s.displayName && F.includes("<anonymous>") && (F = F.replace("<anonymous>", s.displayName)), typeof s == "function" && v1.set(s, F), F;
                   }
                 while (L >= 1 && $ >= 0);
               break;
@@ -1043,69 +1043,69 @@ function Ve() {
       } finally {
         I1 = !1, b1.current = T, F3(), Error.prepareStackTrace = E;
       }
-      var t1 = s ? s.displayName || s.name : "", Q = t1 ? u1(t1) : "";
-      return typeof s == "function" && d1.set(s, Q), Q;
+      var t1 = s ? s.displayName || s.name : "", Q = t1 ? d1(t1) : "";
+      return typeof s == "function" && v1.set(s, Q), Q;
     }
-    function q3(s, l, d) {
+    function q3(s, l, u) {
       return X1(s, !1);
     }
     function G3(s) {
       var l = s.prototype;
       return !!(l && l.isReactComponent);
     }
-    function v1(s, l, d) {
+    function h1(s, l, u) {
       if (s == null)
         return "";
       if (typeof s == "function")
         return X1(s, G3(s));
       if (typeof s == "string")
-        return u1(s);
+        return d1(s);
       switch (s) {
-        case m:
-          return u1("Suspense");
+        case d:
+          return d1("Suspense");
         case M:
-          return u1("SuspenseList");
+          return d1("SuspenseList");
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
           case h:
             return q3(s.render);
           case P:
-            return v1(s.type, l, d);
+            return h1(s.type, l, u);
           case H: {
-            var w = s, E = w._payload, T = w._init;
+            var m = s, E = m._payload, T = m._init;
             try {
-              return v1(T(E), l, d);
+              return h1(T(E), l, u);
             } catch {
             }
           }
         }
       return "";
     }
-    var s1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = b.ReactDebugCurrentFrame;
-    function h1(s) {
+    var c1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = b.ReactDebugCurrentFrame;
+    function g1(s) {
       if (s) {
-        var l = s._owner, d = v1(s.type, s._source, l ? l.type : null);
-        N1.setExtraStackFrame(d);
+        var l = s._owner, u = h1(s.type, s._source, l ? l.type : null);
+        N1.setExtraStackFrame(u);
       } else
         N1.setExtraStackFrame(null);
     }
-    function Y3(s, l, d, w, E) {
+    function Y3(s, l, u, m, 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;
             try {
               if (typeof s[y] != "function") {
-                var k = Error((w || "React class") + ": " + d + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var k = Error((m || "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](l, y, w, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              S = s[y](l, y, m, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (L) {
               S = L;
             }
-            S && !(S instanceof Error) && (h1(E), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", d, y, typeof S), h1(null)), S instanceof Error && !(S.message in Q1) && (Q1[S.message] = !0, h1(E), x("Failed %s type: %s", d, S.message), h1(null));
+            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).", m || "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 l = typeof Symbol == "function" && Symbol.toStringTag, u = l && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return u;
       }
     }
     function X3(s) {
@@ -1140,7 +1140,7 @@ function Ve() {
       __source: !0
     }, o3, s3;
     function N3(s) {
-      if (s1.call(s, "ref")) {
+      if (c1.call(s, "ref")) {
         var l = Object.getOwnPropertyDescriptor(s, "ref").get;
         if (l && l.isReactWarning)
           return !1;
@@ -1148,7 +1148,7 @@ function Ve() {
       return s.ref !== void 0;
     }
     function e2(s) {
-      if (s1.call(s, "key")) {
+      if (c1.call(s, "key")) {
         var l = Object.getOwnPropertyDescriptor(s, "key").get;
         if (l && l.isReactWarning)
           return !1;
@@ -1160,34 +1160,34 @@ function Ve() {
     }
     function n2(s, l) {
       {
-        var d = function() {
+        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)", l));
         };
-        d.isReactWarning = !0, Object.defineProperty(s, "key", {
-          get: d,
+        u.isReactWarning = !0, Object.defineProperty(s, "key", {
+          get: u,
           configurable: !0
         });
       }
     }
     function o2(s, l) {
       {
-        var d = function() {
+        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)", l));
         };
-        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, w, E, T, y) {
+    var s2 = function(s, l, u, m, 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,
+        ref: u,
         props: y,
         // Record the component responsible for creating this element.
         _owner: T
@@ -1201,7 +1201,7 @@ function Ve() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: w
+        value: m
       }), Object.defineProperty(S, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -1209,12 +1209,12 @@ function Ve() {
         value: E
       }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
     };
-    function c2(s, l, d, w, E) {
+    function c2(s, l, u, m, E) {
       {
         var T, y = {}, S = null, k = null;
-        d !== void 0 && (t3(d), S = "" + d), e2(l) && (t3(l.key), S = "" + l.key), N3(l) && (k = l.ref, t2(l, E));
+        u !== void 0 && (t3(u), S = "" + u), e2(l) && (t3(l.key), S = "" + l.key), N3(l) && (k = l.ref, t2(l, E));
         for (T in l)
-          s1.call(l, T) && !Q3.hasOwnProperty(T) && (y[T] = l[T]);
+          c1.call(l, T) && !Q3.hasOwnProperty(T) && (y[T] = l[T]);
         if (s && s.defaultProps) {
           var L = s.defaultProps;
           for (T in L)
@@ -1224,14 +1224,14 @@ function Ve() {
           var $ = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
           S && n2(y, $), k && o2(y, $);
         }
-        return s2(s, S, k, E, w, n3.current, y);
+        return s2(s, S, k, E, m, n3.current, y);
       }
     }
     var E1 = b.ReactCurrentOwner, c3 = b.ReactDebugCurrentFrame;
     function e1(s) {
       if (s) {
-        var l = s._owner, d = v1(s.type, s._source, l ? l.type : null);
-        c3.setExtraStackFrame(d);
+        var l = s._owner, u = h1(s.type, s._source, l ? l.type : null);
+        c3.setExtraStackFrame(u);
       } else
         c3.setExtraStackFrame(null);
     }
@@ -1260,10 +1260,10 @@ Check the render method of \`` + s + "`.";
       {
         var l = r3();
         if (!l) {
-          var d = typeof s == "string" ? s : s.displayName || s.name;
-          d && (l = `
+          var u = typeof s == "string" ? s : s.displayName || s.name;
+          u && (l = `
 
-Check the top-level render call using <` + d + ">.");
+Check the top-level render call using <` + u + ">.");
         }
         return l;
       }
@@ -1273,12 +1273,12 @@ Check the top-level render call using <` + d + ">.");
         if (!s._store || s._store.validated || s.key != null)
           return;
         s._store.validated = !0;
-        var d = l2(l);
-        if (l3[d])
+        var u = l2(l);
+        if (l3[u])
           return;
-        l3[d] = !0;
-        var w = "";
-        s && s._owner && s._owner !== E1.current && (w = " It was passed a child from " + J(s._owner.type) + "."), e1(s), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, w), e1(null);
+        l3[u] = !0;
+        var m = "";
+        s && s._owner && s._owner !== E1.current && (m = " 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, m), e1(null);
       }
     }
     function a3(s, l) {
@@ -1286,9 +1286,9 @@ Check the top-level render call using <` + d + ">.");
         if (typeof s != "object")
           return;
         if (R1(s))
-          for (var d = 0; d < s.length; d++) {
-            var w = s[d];
-            D1(w) && i3(w, l);
+          for (var u = 0; u < s.length; u++) {
+            var m = s[u];
+            D1(m) && i3(m, l);
           }
         else if (D1(s))
           s._store && (s._store.validated = !0);
@@ -1305,18 +1305,18 @@ Check the top-level render call using <` + d + ">.");
         var l = s.type;
         if (l == null || typeof l == "string")
           return;
-        var d;
+        var u;
         if (typeof l == "function")
-          d = l.propTypes;
+          u = l.propTypes;
         else if (typeof l == "object" && (l.$$typeof === h || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         l.$$typeof === P))
-          d = l.propTypes;
+          u = l.propTypes;
         else
           return;
-        if (d) {
-          var w = J(l);
-          Y3(d, s.props, "prop", w, s);
+        if (u) {
+          var m = J(l);
+          Y3(u, s.props, "prop", m, s);
         } else if (l.PropTypes !== void 0 && !T1) {
           T1 = !0;
           var E = J(l);
@@ -1327,10 +1327,10 @@ Check the top-level render call using <` + d + ">.");
     }
     function a2(s) {
       {
-        for (var l = Object.keys(s.props), d = 0; d < l.length; d++) {
-          var w = l[d];
-          if (w !== "children" && w !== "key") {
-            e1(s), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), e1(null);
+        for (var l = Object.keys(s.props), u = 0; u < l.length; u++) {
+          var m = l[u];
+          if (m !== "children" && m !== "key") {
+            e1(s), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", m), e1(null);
             break;
           }
         }
@@ -1338,7 +1338,7 @@ Check the top-level render call using <` + d + ">.");
       }
     }
     var u3 = {};
-    function d3(s, l, d, w, E, T) {
+    function d3(s, l, u, m, E, T) {
       {
         var y = C1(s);
         if (!y) {
@@ -1349,13 +1349,13 @@ Check the top-level render call using <` + d + ">.");
           var L;
           s === null ? L = "null" : R1(s) ? L = "array" : s !== void 0 && s.$$typeof === t ? (L = "<" + (J(s.type) || "Unknown") + " />", S = " Did you accidentally export a JSX literal instead of a component?") : L = typeof s, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, S);
         }
-        var $ = c2(s, l, d, E, T);
+        var $ = c2(s, l, u, E, T);
         if ($ == null)
           return $;
         if (y) {
           var F = l.children;
           if (F !== void 0)
-            if (w)
+            if (m)
               if (R1(F)) {
                 for (var t1 = 0; t1 < F.length; t1++)
                   a3(F[t1], s);
@@ -1365,7 +1365,7 @@ Check the top-level render call using <` + d + ">.");
             else
               a3(F, s);
         }
-        if (s1.call(l, "key")) {
+        if (c1.call(l, "key")) {
           var Q = J(s), V = Object.keys(l).filter(function(f2) {
             return f2 !== "key";
           }), _1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
@@ -1382,19 +1382,19 @@ 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, l, u) {
+      return d3(s, l, u, !0);
     }
-    function d2(s, l, d) {
-      return d3(s, l, d, !1);
+    function d2(s, l, u) {
+      return d3(s, l, 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" ? w1.exports = We() : w1.exports = Ve()), w1.exports;
+  return p3 || (p3 = 1, process.env.NODE_ENV === "production" ? m1.exports = We() : m1.exports = Ve()), m1.exports;
 }
 var n = Ue();
 const He = "_mwfit_ppa3l_1", Fe = {
@@ -1416,30 +1416,30 @@ const He = "_mwfit_ppa3l_1", Fe = {
   reconnect: () => null
 }), qe = ({ children: e }) => {
   const t = W1(), o = I3();
-  m1(() => {
+  M1(() => {
     t(k3());
   }, [t]);
-  const c = c1(
-    (h, m) => {
-      t(Pe(h, m));
+  const c = r1(
+    (h, d) => {
+      t(Pe(h, d));
     },
     [t]
-  ), r = c1(
-    (h, m) => {
-      c(h, { value: m });
+  ), r = r1(
+    (h, d) => {
+      c(h, { value: d });
     },
     [c]
-  ), i = c1(
-    (h, m, M) => {
-      t(Le(h, m, M));
+  ), i = r1(
+    (h, d, M) => {
+      t(Le(h, d, M));
     },
     [t]
-  ), v = c1(
-    (h, m) => {
-      t($e(h, m));
+  ), v = r1(
+    (h, d) => {
+      t($e(h, d));
     },
     [t]
-  ), u = c1(() => {
+  ), f = r1(() => {
     t(Ae());
   }, [t]);
   return /* @__PURE__ */ n.jsx(
@@ -1450,7 +1450,7 @@ const He = "_mwfit_ppa3l_1", Fe = {
         sendSimpleMessage: r,
         addEventHandler: i,
         removeEventHandler: v,
-        reconnect: u
+        reconnect: f
       },
       children: o ? e : /* @__PURE__ */ n.jsx(Ke, {})
     }
@@ -1471,15 +1471,15 @@ function Ge({
       o == null || o(), r.current = null;
     }, c);
   }
-  function u() {
+  function f() {
     i.current = !1, t == null || t(), r.current && (clearTimeout(r.current), r.current = null);
   }
   function h() {
-    i.current && u();
+    i.current && f();
   }
   return {
     onPointerDown: v,
-    onPointerUp: u,
+    onPointerUp: f,
     onPointerLeave: h
   };
 }
@@ -1497,7 +1497,7 @@ function g(e, t) {
 }
 function S1(e) {
   const { sendMessage: t } = R(), o = g(`${e}`, "volumeUp"), c = g(`${e}`, "volumeDown");
-  return M1(() => ({
+  return n1(() => ({
     volumeUp: o,
     volumeDown: c,
     muteToggle: () => t(`${e}/muteToggle`, null)
@@ -1505,7 +1505,7 @@ function S1(e) {
 }
 function V6(e) {
   const { sendMessage: t } = R(), o = g(`${e}`, "volumeUp"), c = g(`${e}`, "volumeDown");
-  return M1(() => ({
+  return n1(() => ({
     volumeUp: o,
     volumeDown: c,
     muteToggle: () => t(`${e}/muteToggle`, null)
@@ -1513,7 +1513,7 @@ function V6(e) {
 }
 function W3(e, t) {
   const { sendMessage: o, sendSimpleMessage: c } = R(), r = S1(e);
-  return M1(() => {
+  return n1(() => {
     if (!r) {
       console.log("baseVolume is undefined");
       return;
@@ -1533,7 +1533,7 @@ function W3(e, t) {
 }
 function U6(e, t) {
   const { sendMessage: o, sendSimpleMessage: c } = R(), r = S1(e);
-  return M1(() => {
+  return n1(() => {
     if (!r) {
       console.log("baseVolume is undefined");
       return;
@@ -1552,8 +1552,11 @@ function U6(e, t) {
   }, [r, t, e, o, c]);
 }
 function Ye(e) {
-  const t = _(e), o = `/device/${e}`;
-  return W3(o, t == null ? void 0 : t.volume);
+  const t = _(e), o = `/device/${e}`, c = n1(() => {
+    if (t)
+      return t.volume;
+  }, [t]);
+  return W3(o, c);
 }
 function V3(e) {
   const { sendMessage: t } = R();
@@ -1576,8 +1579,8 @@ function ze(e) {
     t(`/device/${e}/setDefaultChannelLevels`, null);
   }, r = () => {
     if ((o == null ? void 0 : o.levelControls) === void 0) return;
-    Object.keys(o == null ? void 0 : o.levelControls).forEach((u) => {
-      t(`/device/${e}/${u}/fullStatus`, null);
+    Object.keys(o == null ? void 0 : o.levelControls).forEach((f) => {
+      t(`/device/${e}/${f}/fullStatus`, null);
     });
   };
   return o ? { levelControls: o.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
@@ -1596,7 +1599,7 @@ function H6(e) {
 }
 const F6 = ({ className: e }) => {
   const [t, o] = Y();
-  return m1(() => {
+  return M1(() => {
     setInterval(() => {
       const c = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
       o(c);
@@ -1608,8 +1611,8 @@ const F6 = ({ className: e }) => {
 };
 function K6(e) {
   const { sendMessage: t } = R(), o = _(e), c = `/device/${e}`;
-  return o ? { state: o, recallPreset: (v, u) => {
-    t(`${c}/presets/recall`, { deviceKey: v, preset: u });
+  return o ? { state: o, recallPreset: (v, f) => {
+    t(`${c}/presets/recall`, { deviceKey: v, preset: f });
   }, savePresets: (v) => {
     t(`${c}/presets/save`, v);
   } } : void 0;
@@ -1620,8 +1623,8 @@ function q6(e) {
     return { endpointState: t };
 }
 function G6(e) {
-  const t = `/device/${e}`, o = g(t, "chanUp"), c = g(t, "chanDown"), r = g(t, "lastChan"), i = g(t, "guide"), v = g(t, "info"), u = g(t, "exit");
-  return { channelUp: o, channelDown: c, lastChannel: r, guide: i, info: v, exit: u };
+  const t = `/device/${e}`, o = g(t, "chanUp"), c = g(t, "chanDown"), r = g(t, "lastChan"), i = g(t, "guide"), v = g(t, "info"), f = g(t, "exit");
+  return { channelUp: o, channelDown: c, lastChannel: r, guide: i, info: v, exit: f };
 }
 function Y6(e) {
   const t = `/device/${e}`, o = g(t, "red"), c = g(t, "green"), r = g(t, "yellow"), i = g(t, "blue");
@@ -1640,20 +1643,20 @@ function J6(e) {
     return t.deviceInfo || void 0;
 }
 function X6(e) {
-  const t = `/device/${e}`, o = g(t, "up"), c = g(t, "down"), r = g(t, "left"), i = g(t, "right"), v = g(t, "select"), u = g(t, "menu"), h = g(t, "exit");
-  return { up: o, down: c, left: r, right: i, select: v, menu: u, exit: h };
+  const t = `/device/${e}`, o = g(t, "up"), c = g(t, "down"), r = g(t, "left"), i = g(t, "right"), v = g(t, "select"), f = g(t, "menu"), h = g(t, "exit");
+  return { up: o, down: c, left: r, right: i, select: v, menu: f, exit: h };
 }
 function Q6(e) {
-  const { sendMessage: t } = R(), o = `/device/${e}`, c = _(e), r = g(o, "cameraUp"), i = g(o, "cameraDown"), v = g(o, "cameraLeft"), u = g(o, "cameraRight"), h = g(o, "cameraZoomIn"), m = g(o, "cameraZoomOut"), M = (P) => t("/camera/recallPreset", P);
+  const { sendMessage: t } = R(), o = `/device/${e}`, c = _(e), r = g(o, "cameraUp"), i = g(o, "cameraDown"), v = g(o, "cameraLeft"), f = g(o, "cameraRight"), h = g(o, "cameraZoomIn"), d = g(o, "cameraZoomOut"), M = (P) => t("/camera/recallPreset", P);
   if (c)
     return {
       state: c,
       zoomIn: h,
-      zoomOut: m,
+      zoomOut: d,
       up: r,
       down: i,
       left: v,
-      right: u,
+      right: f,
       recallPreset: M
     };
 }
@@ -1727,16 +1730,16 @@ function lt(e) {
   } };
 }
 function it(e) {
-  const t = `/device/${e}`, o = g(t, "num0"), c = g(t, "num1"), r = g(t, "num2"), i = g(t, "num3"), v = g(t, "num4"), u = g(t, "num5"), h = g(t, "num6"), m = g(t, "num7"), M = g(t, "num8"), P = g(t, "num9"), H = g(t, "numDash"), a = g(t, "numEnter");
+  const t = `/device/${e}`, o = g(t, "num0"), c = g(t, "num1"), r = g(t, "num2"), i = g(t, "num3"), v = g(t, "num4"), f = g(t, "num5"), h = g(t, "num6"), d = g(t, "num7"), M = 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: v,
-    digit5: u,
+    digit5: f,
     digit6: h,
-    digit7: m,
+    digit7: d,
     digit8: M,
     digit9: P,
     keypadAccessoryButton1: H,
@@ -1791,8 +1794,8 @@ function ft(e) {
 }
 function wt(e) {
   const { sendMessage: t } = R(), o = Z1(e);
-  return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (u) => {
-    t(`/room/${e}/setShutdownPromptSeconds`, u);
+  return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (f) => {
+    t(`/room/${e}/setShutdownPromptSeconds`, f);
   }, shutdownStart: () => {
     t(`/room/${e}/shutdownStart`, null);
   }, shutdownEnd: () => {
@@ -1801,7 +1804,7 @@ function wt(e) {
     t(`/room/${e}/shutdownCancel`, null);
   } } : void 0;
 }
-function pt(e) {
+function mt(e) {
   const { sendMessage: t } = R(), o = _(e);
   return o ? { switchedOutputState: o, on: () => {
     t(`/device/${e}/on`, null);
@@ -1809,7 +1812,7 @@ function pt(e) {
     t(`/device/${e}/off`, null);
   } } : void 0;
 }
-function mt(e) {
+function pt(e) {
   const { sendMessage: t } = R(), o = Z1(e);
   return o ? { techPasswordState: o, validatePassword: (i) => {
     t(`/room/${e}/validateTechPassword`, { password: i });
@@ -1831,16 +1834,16 @@ function xt(e) {
   };
 }
 function Zt(e) {
-  const t = `/device/${e}`, o = g(t, "play"), c = g(t, "pause"), r = g(t, "stop"), i = g(t, "prevTrack"), v = g(t, "nextTrack"), u = g(t, "rewind"), h = g(t, "ffwd"), m = g(t, "record");
+  const t = `/device/${e}`, o = g(t, "play"), c = g(t, "pause"), r = g(t, "stop"), i = g(t, "prevTrack"), v = g(t, "nextTrack"), f = g(t, "rewind"), h = g(t, "ffwd"), d = g(t, "record");
   return {
     play: o,
     pause: c,
     stop: r,
     prevTrack: i,
     nextTrack: v,
-    rewind: u,
+    rewind: f,
     fastForward: h,
-    record: m
+    record: d
   };
 }
 function St(e) {
@@ -1876,45 +1879,47 @@ function Ct(e) {
 }
 const bt = ({
   config: e
-}) => {
-  const { sendMessage: t } = R();
-  m1(() => {
-    var c, r, i, v;
+}, t = !0) => {
+  const { sendMessage: o } = R(), c = n1(() => {
+    var i, v, f, h;
+    const r = /* @__PURE__ */ new Set();
     if (!e)
-      return;
-    const o = /* @__PURE__ */ new Set();
-    if (e.destinations && Object.values(e.destinations).forEach((u) => {
-      o.add(u);
-    }), e.destinationList && Object.values(e.destinationList).forEach((u) => {
-      o.add(u.sinkKey);
-    }), e.audioControlPointList && Object.values((c = e.audioControlPointList) == null ? void 0 : c.levelControls).forEach(
-      (u) => {
-        u.itemKey ? o.add(u.parentDeviceKey + "--" + u.itemKey) : o.add(u.parentDeviceKey);
+      return r;
+    if (e.destinations && Object.values(e.destinations).forEach((d) => {
+      r.add(d);
+    }), e.destinationList && Object.values(e.destinationList).forEach((d) => {
+      r.add(d.sinkKey);
+    }), e.audioControlPointList && Object.values((i = e.audioControlPointList) == null ? void 0 : i.levelControls).forEach(
+      (d) => {
+        d.itemKey ? r.add(d.parentDeviceKey + "--" + d.itemKey) : r.add(d.parentDeviceKey);
       }
-    ), (r = e.touchpanelKeys) == null || r.forEach((u) => {
-      o.add(u);
-    }), (i = e.environmentalDevices) == null || i.forEach((u) => {
-      u.deviceKey && o.add(u.deviceKey);
-    }), (v = e.accessoryDeviceKeys) == null || v.forEach((u) => {
-      o.add(u);
-    }), e.audioCodecKey && o.add(e.audioCodecKey), e.videoCodecKey && o.add(e.videoCodecKey), e.matrixRoutingKey && o.add(e.matrixRoutingKey), e.roomCombinerKey && o.add(e.roomCombinerKey), e.endpointKeys && e.endpointKeys.forEach((u) => {
-      o.add(u);
+    ), (v = e.touchpanelKeys) == null || v.forEach((d) => {
+      r.add(d);
+    }), (f = e.environmentalDevices) == null || f.forEach((d) => {
+      d.deviceKey && r.add(d.deviceKey);
+    }), (h = e.accessoryDeviceKeys) == null || h.forEach((d) => {
+      r.add(d);
+    }), e.audioCodecKey && r.add(e.audioCodecKey), e.videoCodecKey && r.add(e.videoCodecKey), e.matrixRoutingKey && r.add(e.matrixRoutingKey), e.roomCombinerKey && r.add(e.roomCombinerKey), e.endpointKeys && e.endpointKeys.forEach((d) => {
+      r.add(d);
     }), e.sourceList)
-      for (const u of Object.values(e.sourceList))
-        u.sourceKey && u.sourceKey !== "$off" && o.add(u.sourceKey);
-    console.log("requesting state for deviceKeys:", o), o.forEach((u) => {
-      t(`/device/${u}/fullStatus`, { deviceKey: u });
-    });
-  }, [e, t]);
+      for (const d of Object.values(e.sourceList))
+        d.sourceKey && d.sourceKey !== "$off" && r.add(d.sourceKey);
+    return r;
+  }, [e]);
+  return M1(() => {
+    !t || c.size === 0 || (console.log("requesting state for deviceKeys:", c), c.forEach((r) => {
+      o(`/device/${r}/fullStatus`, { deviceKey: r });
+    }));
+  }, [c, t, o]), c;
 };
 function yt(e, t) {
   const [o, c] = Y(!1), [r, i] = Y(!1);
   return Z3(() => {
-    const { current: v } = e, u = () => {
-      const h = v && v.scrollHeight > v.clientHeight, m = v && v.scrollWidth > v.clientWidth;
-      i(h ?? !1), c(m ?? !1), t && t(h ?? !1, m ?? !1);
+    const { current: v } = e, f = () => {
+      const h = v && v.scrollHeight > v.clientHeight, d = v && v.scrollWidth > v.clientWidth;
+      i(h ?? !1), c(d ?? !1), t && t(h ?? !1, d ?? !1);
     };
-    v && u();
+    v && f();
   }, [e, t]), { overflowHorizontal: o, overflowVertical: r };
 }
 function It(e, t) {
@@ -1926,19 +1931,19 @@ function Rt(e, t) {
   return W3(c, o);
 }
 function Et(e) {
-  var u, h;
-  const [t, o] = Y(((u = e == null ? void 0 : e.current) == null ? void 0 : u.scrollLeft) ?? 0), [c, r] = Y(((h = e == null ? void 0 : e.current) == null ? void 0 : h.scrollTop) ?? 0), i = (m) => {
+  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), i = (d) => {
     const { current: M } = e;
-    M && (console.log(M.scrollLeft), M.scrollLeft += m, console.log(M.scrollLeft));
-  }, v = (m) => {
+    M && (console.log(M.scrollLeft), M.scrollLeft += d, console.log(M.scrollLeft));
+  }, v = (d) => {
     const { current: M } = e;
-    M && (console.log(M.scrollTop), M.scrollTop += m, console.log(M.scrollTop));
+    M && (console.log(M.scrollTop), M.scrollTop += d, console.log(M.scrollTop));
   };
   return Z3(() => {
-    const { current: m } = e, M = () => {
-      o((m == null ? void 0 : m.scrollLeft) ?? 0), r((m == null ? void 0 : m.scrollTop) ?? 0);
+    const { current: d } = e, M = () => {
+      o((d == null ? void 0 : d.scrollLeft) ?? 0), r((d == null ? void 0 : d.scrollTop) ?? 0);
     };
-    m && M();
+    d && M();
   }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: i, scrollVertical: v };
 }
 function Tt(e) {
@@ -1967,7 +1972,7 @@ function _t() {
     const i = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
     c(i);
   }
-  return m1(() => {
+  return M1(() => {
     r();
     const i = setInterval(() => {
       r();
@@ -2010,14 +2015,14 @@ const Pt = () => {
   iconClassName: r = "",
   otherContentClassName: i = "",
   disabled: v,
-  feedback: u,
+  feedback: f,
   feedbackClassName: h,
-  onPointerDown: m,
+  onPointerDown: d,
   onPointerUp: M,
   onPointerLeave: P,
   ...H
 }) => {
-  const [a, Z] = Y(!1), j = !v && u ? h : "", C = !v && (a || u);
+  const [a, Z] = Y(!1), j = !v && f ? h : "", C = !v && (a || f);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
@@ -2026,7 +2031,7 @@ const Pt = () => {
       ...H,
       disabled: v,
       onPointerDown: (b) => {
-        Z(!0), m == null || m(b);
+        Z(!0), d == null || d(b);
       },
       onPointerUp: (b) => {
         Z(!1), M == null || M(b);
@@ -2891,7 +2896,7 @@ const Pt = () => {
     active: e,
     disabled: o
   }
-), p8 = ({
+), m8 = ({
   active: e,
   className: t = "",
   disabled: o
@@ -2940,7 +2945,7 @@ const Pt = () => {
     active: e,
     disabled: o
   }
-), m8 = ({
+), p8 = ({
   active: e,
   className: t = "",
   disabled: o
@@ -3679,8 +3684,8 @@ const Pt = () => {
   Moon: g8,
   Playstation: f8,
   Podium: w8,
-  Power: p8,
-  Privacy: m8,
+  Power: m8,
+  Privacy: p8,
   Question: M8,
   RightArrow: x8,
   RoomPC: Z8,
@@ -3702,17 +3707,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,
@@ -3771,8 +3776,8 @@ export {
   g8 as IconMultiMoon,
   f8 as IconMultiPlaystation,
   w8 as IconMultiPodium,
-  p8 as IconMultiPower,
-  m8 as IconMultiPrivacy,
+  m8 as IconMultiPower,
+  p8 as IconMultiPrivacy,
   M8 as IconMultiQuestion,
   x8 as IconMultiRightArrow,
   Z8 as IconMultiRoomPC,
@@ -3803,12 +3808,12 @@ export {
   O3 as WebsocketContext,
   T3 as appConfigActions,
   Be as createWebSocketMiddleware,
-  g1 as devicesActions,
+  f1 as devicesActions,
   Wt as getBaseLocation,
   f3 as httpClient,
   _8 as iconsDictionary,
   Ut as roomOffSourceKey,
-  f1 as roomsActions,
+  w1 as roomsActions,
   U as runtimeConfigActions,
   C3 as selectAllDevices,
   T2 as selectApiPath,
@@ -3820,7 +3825,7 @@ export {
   ve as selectDeviceSupportsInterface,
   fe as selectError,
   y3 as selectInterfacesForDevice,
-  me as selectIsSyncStateValuePresent,
+  pe as selectIsSyncStateValuePresent,
   de as selectIsTouchpanel,
   D2 as selectLogoPath,
   V1 as selectModalVisibility,
@@ -3851,7 +3856,7 @@ export {
   ge as selectShowPopoverById,
   we as selectShowReconnect,
   re as selectSystemUuid,
-  pe as selectTheme,
+  me as selectTheme,
   ue as selectTouchpanelKey,
   le as selectUserCode,
   oe as selectWsIsConnected,
@@ -3862,7 +3867,7 @@ export {
   Q8 as useApiPath,
   X8 as useAppConfig,
   W1 as useAppDispatch,
-  f as useAppSelector,
+  w as useAppSelector,
   H6 as useAvrControl,
   g as useButtonHeldHeartbeat,
   Q6 as useCameraBase,
@@ -3911,8 +3916,8 @@ export {
   gt as useISetTopBoxControls,
   ft as useIShadesOpenCloseStop,
   wt as useIShutdownPromptTimer,
-  pt as useISwitchedOutput,
-  mt as useITechPassword,
+  mt as useISwitchedOutput,
+  pt as useITechPassword,
   Mt as useITemperatureSensor,
   xt as useITheme,
   Zt as useITransport,
@@ -3925,7 +3930,7 @@ export {
   yt as useOverflow,
   e6 as usePartnerMetadata,
   Ge as usePressHoldRelease,
-  p6 as useRoomAdvancedSharingActive,
+  m6 as useRoomAdvancedSharingActive,
   l6 as useRoomAudioControlPointList,
   v6 as useRoomCodecContentDestinationKey,
   n6 as useRoomConfiguration,
@@ -3942,7 +3947,7 @@ export {
   ne as useRoomLevelControls,
   c6 as useRoomName,
   d6 as useRoomProgramAudioDestinationKey,
-  m6 as useRoomShareState,
+  p6 as useRoomShareState,
   r6 as useRoomSourceList,
   Z1 as useRoomState,
   te as useRoomVolume,