@pepperdash/mobile-control-react-app-core 1.21.0-ibasic-volume.4 → 1.21.0-ibasic-volume.6

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

@@ -4,10 +4,10 @@ var G = (e, t, o) => n2(e, typeof t != "symbol" ? t + "" : t, o);
 import c2, { AxiosError as r2 } from "axios";
 import { useDispatch as l2, useSelector as i2, Provider as a2 } from "react-redux";
 import { createSelector as w, createSlice as g1, combineReducers as u2, configureStore as d2 } from "@reduxjs/toolkit";
-import x3, { createContext as h2, useState as H, useRef as v1, useCallback as a1, useEffect as n1, useContext as v2, useLayoutEffect as M3 } from "react";
+import x3, { createContext as v2, useState as H, useRef as h1, useCallback as a1, useEffect as n1, useContext as h2, useLayoutEffect as M3 } from "react";
 import * as m3 from "lodash";
 import { useNavigate as g2, useRouteError as f2, isRouteErrorResponse as p2 } from "react-router-dom";
-const w2 = l2.withTypes(), f = i2.withTypes(), j1 = (e) => e.appConfig, x2 = w(
+const w2 = l2.withTypes(), p = i2.withTypes(), j1 = (e) => e.appConfig, x2 = w(
   j1,
   (e) => e.config
 ), M2 = w(
@@ -19,15 +19,15 @@ const w2 = l2.withTypes(), f = i2.withTypes(), j1 = (e) => e.appConfig, x2 = w(
 ), Z2 = w(
   j1,
   (e) => e.config.partnerMetadata
-), j2 = () => f(x2), V6 = () => f(M2), k6 = () => f(m2), U6 = () => f(Z2), Z3 = (e) => e.devices, j3 = w(
+), j2 = () => p(x2), V6 = () => p(M2), k6 = () => p(m2), U6 = () => p(Z2), Z3 = (e) => e.devices, j3 = w(
   Z3,
   (e) => e
 ), S2 = (e) => w(
   Z3,
   (t) => t[e] ? t[e] : void 0
-), W6 = () => f(j3);
-function P(e) {
-  return f(S2(e));
+), W6 = () => p(j3);
+function _(e) {
+  return p(S2(e));
 }
 const L = (e) => e.rooms, C2 = (e) => w(
   L,
@@ -47,19 +47,19 @@ const L = (e) => e.rooms, C2 = (e) => w(
 ), E2 = (e) => w(
   L,
   (t) => t[e] ? t[e] : void 0
-), _2 = (e) => w(
+), T2 = (e) => w(
   L,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.sourceList : void 0;
   }
-), P2 = (e) => w(
+), _2 = (e) => w(
   L,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.audioControlPointList : void 0;
   }
-), T2 = (e) => w(
+), P2 = (e) => w(
   L,
   (t) => {
     var o, c;
@@ -80,8 +80,8 @@ const L = (e) => e.rooms, C2 = (e) => w(
 ), $2 = (e) => w(
   L,
   (t) => {
-    var o, c, r, i, d, a, h, x;
-    return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (d = (i = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : d.sinkKey : ((x = (h = (a = t[e]) == null ? void 0 : a.configuration) == null ? void 0 : h.destinationList.defaultDisplay) == null ? void 0 : x.sinkKey) || "";
+    var o, c, r, i, d, a, v, x;
+    return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (d = (i = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : d.sinkKey : ((x = (v = (a = t[e]) == null ? void 0 : a.configuration) == null ? void 0 : v.destinationList.defaultDisplay) == null ? void 0 : x.sinkKey) || "";
   }
 ), A2 = (e) => w(
   L,
@@ -147,21 +147,21 @@ const L = (e) => e.rooms, C2 = (e) => w(
   }
 );
 function F6(e) {
-  return f(
+  return p(
     C2(e)
   );
 }
 function H6() {
-  return f(b2);
+  return p(b2);
 }
 function S1(e) {
-  return f(I2(e));
+  return p(I2(e));
 }
-const K6 = S1, G6 = (e) => f(
+const K6 = S1, G6 = (e) => p(
   R2(e)
-), K2 = (e, t) => f(
+), K2 = (e, t) => p(
   y2(e, t)
-), G2 = (e) => f(E2(e)) || void 0, q6 = (e) => f(_2(e)), Y6 = (e) => f(P2(e)), z6 = (e) => f(T2(e)), J6 = (e) => f(L2(e)), X6 = (e) => f(D2(e)), Q6 = (e) => f($2(e)), N6 = (e) => f(A2(e)), ee = (e) => f(B2(e)), te = (e) => f(O2(e)), se = (e) => f(V2(e)), oe = (e) => f(k2(e)), ne = (e) => f(U2(e)), ce = (e) => f(W2(e)), re = (e) => f((t) => H2(t, e)), le = (e) => f(F2(e)), J = (e) => e.runtimeConfig, q2 = w(
+), G2 = (e) => p(E2(e)) || void 0, q6 = (e) => p(T2(e)), Y6 = (e) => p(_2(e)), z6 = (e) => p(P2(e)), J6 = (e) => p(L2(e)), X6 = (e) => p(D2(e)), Q6 = (e) => p($2(e)), N6 = (e) => p(A2(e)), ee = (e) => p(B2(e)), te = (e) => p(O2(e)), se = (e) => p(V2(e)), oe = (e) => p(k2(e)), ne = (e) => p(U2(e)), ce = (e) => p(W2(e)), re = (e) => p((t) => H2(t, e)), le = (e) => p(F2(e)), J = (e) => e.runtimeConfig, q2 = w(
   J,
   (e) => e.websocket.isConnected
 ), Y2 = w(
@@ -191,7 +191,7 @@ const K6 = S1, G6 = (e) => f(
 ), t8 = w(
   J,
   (e) => e.touchpanelKey !== ""
-), S3 = () => f(q2), s8 = () => f(Y2), o8 = () => f(z2), n8 = () => f(J2), c8 = () => f(X2), r8 = () => f(Q2), ie = () => f(N2), ae = () => f(e8), ue = () => f(t8), c1 = (e) => e.ui, U1 = (e) => w(
+), S3 = () => p(q2), s8 = () => p(Y2), o8 = () => p(z2), n8 = () => p(J2), c8 = () => p(X2), r8 = () => p(Q2), ie = () => p(N2), ae = () => p(e8), ue = () => p(t8), c1 = (e) => e.ui, W1 = (e) => w(
   c1,
   (t) => t.modalVisibility[e]
 ), l8 = (e) => w(
@@ -216,7 +216,7 @@ const K6 = S1, G6 = (e) => f(
 ), d8 = w(
   c1,
   (e) => e.theme
-), de = () => f(U1("showShutdownModal")), he = () => f(U1("showIncomingCallModal")), ve = (e) => f(U1(e)), ge = (e) => f(l8(e)), fe = (e, t) => f(i8(e, t)), h8 = () => f(a8), v8 = () => f(u8), pe = () => f(d8), g8 = {
+), de = () => p(W1("showShutdownModal")), ve = () => p(W1("showIncomingCallModal")), he = (e) => p(W1(e)), ge = (e) => p(l8(e)), fe = (e, t) => p(i8(e, t)), v8 = () => p(a8), h8 = () => p(u8), pe = () => p(d8), g8 = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -275,9 +275,9 @@ const K6 = S1, G6 = (e) => f(
       e.config = t.payload;
     }
   }
-}), w8 = b3.actions, x8 = b3.reducer, h3 = {}, B1 = g1({
+}), w8 = b3.actions, x8 = b3.reducer, v3 = {}, O1 = g1({
   name: "devices",
-  initialState: h3,
+  initialState: v3,
   reducers: {
     setDeviceState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
@@ -286,15 +286,15 @@ const K6 = S1, G6 = (e) => f(
       e[c] = d;
     },
     clearDevices() {
-      return h3;
+      return v3;
     }
   }
 }), N = {
-  setDeviceState: B1.actions.setDeviceState,
-  clearDevices: B1.actions.clearDevices
-}, M8 = B1.reducer, v3 = {}, O1 = g1({
+  setDeviceState: O1.actions.setDeviceState,
+  clearDevices: O1.actions.clearDevices
+}, M8 = O1.reducer, h3 = {}, V1 = g1({
   name: "rooms",
-  initialState: v3,
+  initialState: h3,
   reducers: {
     setRoomState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
@@ -303,13 +303,13 @@ const K6 = S1, G6 = (e) => f(
       e[c] = d;
     },
     clearRooms() {
-      return v3;
+      return h3;
     }
   }
 }), e1 = {
-  setRoomState: O1.actions.setRoomState,
-  clearRooms: O1.actions.clearRooms
-}, m8 = O1.reducer, Z8 = {
+  setRoomState: V1.actions.setRoomState,
+  clearRooms: V1.actions.clearRooms
+}, m8 = V1.reducer, Z8 = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -376,18 +376,18 @@ const K6 = S1, G6 = (e) => f(
   ui: f8
 }), m = d2({
   reducer: S8
-}), V1 = c2.create();
+}), k1 = c2.create();
 function C8() {
   const e = w2();
   return async () => {
     try {
       const t = location.pathname.split("/").filter((r) => r.length > 0);
       t.length >= 5 ? t.length = 5 : t.length = 2;
-      const o = `/${t.join("/")}`, c = await V1.get("/_local-config/_config.local.json", { baseURL: o });
+      const o = `/${t.join("/")}`, c = await k1.get("/_local-config/_config.local.json", { baseURL: o });
       if (c.status == 200 && c.data) {
         const r = c.data.apiPath;
         e(w8.setAppConfig(c.data));
-        const i = await V1.get(`${r}/version`);
+        const i = await k1.get(`${r}/version`);
         i.status == 200 && i.data && e(W.setRuntimeConfig(i.data));
       }
     } catch (t) {
@@ -411,11 +411,11 @@ function b8() {
   if (g3) return u1;
   g3 = 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 d(a, h, x) {
+  function d(a, v, x) {
     var g, R = {}, D = null, F = null;
-    x !== void 0 && (D = "" + x), h.key !== void 0 && (D = "" + h.key), h.ref !== void 0 && (F = h.ref);
-    for (g in h) c.call(h, g) && !i.hasOwnProperty(g) && (R[g] = h[g]);
-    if (a && a.defaultProps) for (g in h = a.defaultProps, h) R[g] === void 0 && (R[g] = h[g]);
+    x !== void 0 && (D = "" + x), v.key !== void 0 && (D = "" + v.key), v.ref !== void 0 && (F = v.ref);
+    for (g in v) c.call(v, g) && !i.hasOwnProperty(g) && (R[g] = v[g]);
+    if (a && a.defaultProps) for (g in v = a.defaultProps, v) R[g] === void 0 && (R[g] = v[g]);
     return { $$typeof: t, type: a, key: D, ref: F, props: R, _owner: r.current };
   }
   return u1.Fragment = o, u1.jsx = d, u1.jsxs = d, u1;
@@ -433,7 +433,7 @@ var d1 = {};
 var f3;
 function I8() {
   return f3 || (f3 = 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"), d = Symbol.for("react.provider"), a = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), k = Symbol.iterator, X = "@@iterator";
+    var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), a = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), k = Symbol.iterator, X = "@@iterator";
     function r1(n) {
       if (n === null || typeof n != "object")
         return null;
@@ -443,14 +443,14 @@ function I8() {
     var $ = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function A(n) {
       {
-        for (var l = arguments.length, u = new Array(l > 1 ? l - 1 : 0), v = 1; v < l; v++)
-          u[v - 1] = arguments[v];
-        C1("error", n, u);
+        for (var l = arguments.length, u = new Array(l > 1 ? l - 1 : 0), h = 1; h < l; h++)
+          u[h - 1] = arguments[h];
+        b1("error", n, u);
       }
     }
-    function C1(n, l, u) {
+    function b1(n, l, u) {
       {
-        var v = $.ReactDebugCurrentFrame, C = v.getStackAddendum();
+        var h = $.ReactDebugCurrentFrame, C = h.getStackAddendum();
         C !== "" && (l += "%s", u = u.concat([C]));
         var I = u.map(function(Z) {
           return String(Z);
@@ -458,19 +458,19 @@ function I8() {
         I.unshift("Warning: " + l), Function.prototype.apply.call(console[n], console, I);
       }
     }
-    var b1 = !1, y = !1, S = !1, f1 = !1, I1 = !1, Y;
+    var I1 = !1, y = !1, S = !1, f1 = !1, R1 = !1, Y;
     Y = Symbol.for("react.module.reference");
     function B(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === c || n === i || I1 || n === r || n === x || n === g || f1 || n === F || b1 || y || S || typeof n == "object" && n !== null && (n.$$typeof === D || n.$$typeof === R || n.$$typeof === d || n.$$typeof === a || n.$$typeof === h || // This needs to include all possible module reference object
+      return !!(typeof n == "string" || typeof n == "function" || n === c || n === i || R1 || n === r || n === x || n === g || f1 || n === F || I1 || y || S || typeof n == "object" && n !== null && (n.$$typeof === D || n.$$typeof === R || n.$$typeof === d || n.$$typeof === a || n.$$typeof === v || // 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.
       n.$$typeof === Y || n.getModuleId !== void 0));
     }
     function E(n, l, u) {
-      var v = n.displayName;
-      if (v)
-        return v;
+      var h = n.displayName;
+      if (h)
+        return h;
       var C = l.displayName || l.name || "";
       return C !== "" ? u + "(" + C + ")" : u;
     }
@@ -506,11 +506,11 @@ function I8() {
           case d:
             var u = n;
             return t1(u._context) + ".Provider";
-          case h:
+          case v:
             return E(n, n.render, "ForwardRef");
           case R:
-            var v = n.displayName || null;
-            return v !== null ? v : K(n.type) || "Memo";
+            var h = n.displayName || null;
+            return h !== null ? h : K(n.type) || "Memo";
           case D: {
             var C = n, I = C._payload, Z = C._init;
             try {
@@ -526,7 +526,7 @@ function I8() {
     function J1() {
     }
     J1.__reactDisabledLog = !0;
-    function _3() {
+    function T3() {
       {
         if (l1 === 0) {
           F1 = console.log, H1 = console.info, K1 = console.warn, G1 = console.error, q1 = console.group, Y1 = console.groupCollapsed, z1 = console.groupEnd;
@@ -549,7 +549,7 @@ function I8() {
         l1++;
       }
     }
-    function P3() {
+    function _3() {
       {
         if (l1--, l1 === 0) {
           var n = {
@@ -584,39 +584,39 @@ function I8() {
         l1 < 0 && A("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var R1 = $.ReactCurrentDispatcher, y1;
+    var y1 = $.ReactCurrentDispatcher, E1;
     function p1(n, l, u) {
       {
-        if (y1 === void 0)
+        if (E1 === void 0)
           try {
             throw Error();
           } catch (C) {
-            var v = C.stack.trim().match(/\n( *(at )?)/);
-            y1 = v && v[1] || "";
+            var h = C.stack.trim().match(/\n( *(at )?)/);
+            E1 = h && h[1] || "";
           }
         return `
-` + y1 + n;
+` + E1 + n;
       }
     }
-    var E1 = !1, w1;
+    var T1 = !1, w1;
     {
-      var T3 = typeof WeakMap == "function" ? WeakMap : Map;
-      w1 = new T3();
+      var P3 = typeof WeakMap == "function" ? WeakMap : Map;
+      w1 = new P3();
     }
     function X1(n, l) {
-      if (!n || E1)
+      if (!n || T1)
         return "";
       {
         var u = w1.get(n);
         if (u !== void 0)
           return u;
       }
-      var v;
-      E1 = !0;
+      var h;
+      T1 = !0;
       var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var I;
-      I = R1.current, R1.current = null, _3();
+      I = y1.current, y1.current = null, T3();
       try {
         if (l) {
           var Z = function() {
@@ -630,14 +630,14 @@ function I8() {
             try {
               Reflect.construct(Z, []);
             } catch (V) {
-              v = V;
+              h = V;
             }
             Reflect.construct(n, [], Z);
           } else {
             try {
               Z.call();
             } catch (V) {
-              v = V;
+              h = V;
             }
             n.call(Z.prototype);
           }
@@ -645,31 +645,31 @@ function I8() {
           try {
             throw Error();
           } catch (V) {
-            v = V;
+            h = V;
           }
           n();
         }
       } catch (V) {
-        if (V && v && typeof V.stack == "string") {
+        if (V && h && typeof V.stack == "string") {
           for (var M = V.stack.split(`
-`), O = v.stack.split(`
-`), _ = M.length - 1, T = O.length - 1; _ >= 1 && T >= 0 && M[_] !== O[T]; )
-            T--;
-          for (; _ >= 1 && T >= 0; _--, T--)
-            if (M[_] !== O[T]) {
-              if (_ !== 1 || T !== 1)
+`), O = h.stack.split(`
+`), T = M.length - 1, P = O.length - 1; T >= 1 && P >= 0 && M[T] !== O[P]; )
+            P--;
+          for (; T >= 1 && P >= 0; T--, P--)
+            if (M[T] !== O[P]) {
+              if (T !== 1 || P !== 1)
                 do
-                  if (_--, T--, T < 0 || M[_] !== O[T]) {
+                  if (T--, P--, P < 0 || M[T] !== O[P]) {
                     var U = `
-` + M[_].replace(" at new ", " at ");
+` + M[T].replace(" at new ", " at ");
                     return n.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", n.displayName)), typeof n == "function" && w1.set(n, U), U;
                   }
-                while (_ >= 1 && T >= 0);
+                while (T >= 1 && P >= 0);
               break;
             }
         }
       } finally {
-        E1 = !1, R1.current = I, P3(), Error.prepareStackTrace = C;
+        T1 = !1, y1.current = I, _3(), Error.prepareStackTrace = C;
       }
       var o1 = n ? n.displayName || n.name : "", Q = o1 ? p1(o1) : "";
       return typeof n == "function" && w1.set(n, Q), Q;
@@ -696,12 +696,12 @@ function I8() {
       }
       if (typeof n == "object")
         switch (n.$$typeof) {
-          case h:
+          case v:
             return L3(n.render);
           case R:
             return x1(n.type, l, u);
           case D: {
-            var v = n, C = v._payload, I = v._init;
+            var h = n, C = h._payload, I = h._init;
             try {
               return x1(I(C), l, u);
             } catch {
@@ -718,7 +718,7 @@ function I8() {
       } else
         N1.setExtraStackFrame(null);
     }
-    function $3(n, l, u, v, C) {
+    function $3(n, l, u, h, C) {
       {
         var I = Function.call.bind(i1);
         for (var Z in n)
@@ -726,14 +726,14 @@ function I8() {
             var M = void 0;
             try {
               if (typeof n[Z] != "function") {
-                var O = Error((v || "React class") + ": " + u + " type `" + Z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[Z] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var O = Error((h || "React class") + ": " + u + " type `" + Z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[Z] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw O.name = "Invariant Violation", O;
               }
-              M = n[Z](l, Z, v, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (_) {
-              M = _;
+              M = n[Z](l, Z, h, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (T) {
+              M = T;
             }
-            M && !(M instanceof Error) && (M1(C), A("%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).", v || "React class", u, Z, typeof M), M1(null)), M instanceof Error && !(M.message in Q1) && (Q1[M.message] = !0, M1(C), A("Failed %s type: %s", u, M.message), M1(null));
+            M && !(M instanceof Error) && (M1(C), A("%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).", h || "React class", u, Z, typeof M), M1(null)), M instanceof Error && !(M.message in Q1) && (Q1[M.message] = !0, M1(C), A("Failed %s type: %s", u, M.message), M1(null));
           }
       }
     }
@@ -808,7 +808,7 @@ function I8() {
         });
       }
     }
-    var K3 = function(n, l, u, v, C, I, Z) {
+    var K3 = function(n, l, u, h, C, I, Z) {
       var M = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -829,7 +829,7 @@ function I8() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: v
+        value: h
       }), Object.defineProperty(M, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -837,22 +837,22 @@ function I8() {
         value: C
       }), Object.freeze && (Object.freeze(M.props), Object.freeze(M)), M;
     };
-    function G3(n, l, u, v, C) {
+    function G3(n, l, u, h, C) {
       {
         var I, Z = {}, M = null, O = null;
         u !== void 0 && (t3(u), M = "" + u), U3(l) && (t3(l.key), M = "" + l.key), k3(l) && (O = l.ref, W3(l, C));
         for (I in l)
           i1.call(l, I) && !V3.hasOwnProperty(I) && (Z[I] = l[I]);
         if (n && n.defaultProps) {
-          var _ = n.defaultProps;
-          for (I in _)
-            Z[I] === void 0 && (Z[I] = _[I]);
+          var T = n.defaultProps;
+          for (I in T)
+            Z[I] === void 0 && (Z[I] = T[I]);
         }
         if (M || O) {
-          var T = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
-          M && F3(Z, T), O && H3(Z, T);
+          var P = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
+          M && F3(Z, P), O && H3(Z, P);
         }
-        return K3(n, M, O, C, v, s3.current, Z);
+        return K3(n, M, O, C, h, s3.current, Z);
       }
     }
     var P1 = $.ReactCurrentOwner, c3 = $.ReactDebugCurrentFrame;
@@ -863,9 +863,9 @@ function I8() {
       } else
         c3.setExtraStackFrame(null);
     }
-    var T1;
-    T1 = !1;
-    function L1(n) {
+    var L1;
+    L1 = !1;
+    function D1(n) {
       return typeof n == "object" && n !== null && n.$$typeof === t;
     }
     function r3() {
@@ -905,8 +905,8 @@ Check the top-level render call using <` + u + ">.");
         if (l3[u])
           return;
         l3[u] = !0;
-        var v = "";
-        n && n._owner && n._owner !== P1.current && (v = " It was passed a child from " + K(n._owner.type) + "."), s1(n), A('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, v), s1(null);
+        var h = "";
+        n && n._owner && n._owner !== P1.current && (h = " It was passed a child from " + K(n._owner.type) + "."), s1(n), A('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, h), s1(null);
       }
     }
     function a3(n, l) {
@@ -915,16 +915,16 @@ Check the top-level render call using <` + u + ">.");
           return;
         if (_1(n))
           for (var u = 0; u < n.length; u++) {
-            var v = n[u];
-            L1(v) && i3(v, l);
+            var h = n[u];
+            D1(h) && i3(h, l);
           }
-        else if (L1(n))
+        else if (D1(n))
           n._store && (n._store.validated = !0);
         else if (n) {
           var C = r1(n);
           if (typeof C == "function" && C !== n.entries)
             for (var I = C.call(n), Z; !(Z = I.next()).done; )
-              L1(Z.value) && i3(Z.value, l);
+              D1(Z.value) && i3(Z.value, l);
         }
       }
     }
@@ -936,17 +936,17 @@ Check the top-level render call using <` + u + ">.");
         var u;
         if (typeof l == "function")
           u = l.propTypes;
-        else if (typeof l == "object" && (l.$$typeof === h || // Note: Memo only checks outer props here.
+        else if (typeof l == "object" && (l.$$typeof === v || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         l.$$typeof === R))
           u = l.propTypes;
         else
           return;
         if (u) {
-          var v = K(l);
-          $3(u, n.props, "prop", v, n);
-        } else if (l.PropTypes !== void 0 && !T1) {
-          T1 = !0;
+          var h = K(l);
+          $3(u, n.props, "prop", h, n);
+        } else if (l.PropTypes !== void 0 && !L1) {
+          L1 = !0;
           var C = K(l);
           A("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
         }
@@ -956,9 +956,9 @@ Check the top-level render call using <` + u + ">.");
     function J3(n) {
       {
         for (var l = Object.keys(n.props), u = 0; u < l.length; u++) {
-          var v = l[u];
-          if (v !== "children" && v !== "key") {
-            s1(n), A("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), s1(null);
+          var h = l[u];
+          if (h !== "children" && h !== "key") {
+            s1(n), A("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), s1(null);
             break;
           }
         }
@@ -966,7 +966,7 @@ Check the top-level render call using <` + u + ">.");
       }
     }
     var u3 = {};
-    function d3(n, l, u, v, C, I) {
+    function d3(n, l, u, h, C, I) {
       {
         var Z = B(n);
         if (!Z) {
@@ -974,16 +974,16 @@ Check the top-level render call using <` + u + ">.");
           (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (M += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var O = q3();
           O ? M += O : M += r3();
-          var _;
-          n === null ? _ = "null" : _1(n) ? _ = "array" : n !== void 0 && n.$$typeof === t ? (_ = "<" + (K(n.type) || "Unknown") + " />", M = " Did you accidentally export a JSX literal instead of a component?") : _ = typeof n, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", _, M);
+          var T;
+          n === null ? T = "null" : _1(n) ? T = "array" : n !== void 0 && n.$$typeof === t ? (T = "<" + (K(n.type) || "Unknown") + " />", M = " Did you accidentally export a JSX literal instead of a component?") : T = typeof n, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", T, M);
         }
-        var T = G3(n, l, u, C, I);
-        if (T == null)
-          return T;
+        var P = G3(n, l, u, C, I);
+        if (P == null)
+          return P;
         if (Z) {
           var U = l.children;
           if (U !== void 0)
-            if (v)
+            if (h)
               if (_1(U)) {
                 for (var o1 = 0; o1 < U.length; o1++)
                   a3(U[o1], n);
@@ -996,18 +996,18 @@ Check the top-level render call using <` + u + ">.");
         if (i1.call(l, "key")) {
           var Q = K(n), V = Object.keys(l).filter(function(s2) {
             return s2 !== "key";
-          }), D1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!u3[Q + D1]) {
+          }), $1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!u3[Q + $1]) {
             var t2 = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
             A(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, D1, Q, t2, Q), u3[Q + D1] = !0;
+  <%s key={someKey} {...props} />`, $1, Q, t2, Q), u3[Q + $1] = !0;
           }
         }
-        return n === c ? J3(T) : z3(T), T;
+        return n === c ? J3(P) : z3(P), P;
       }
     }
     function X3(n, l, u) {
@@ -1027,8 +1027,8 @@ function R8() {
 var s = R8();
 const y8 = "_mwfit_ppa3l_1", E8 = {
   mwfit: y8
-}, _8 = () => {
-  const { reconnect: e } = b(), t = S3(), o = h8(), c = v8();
+}, T8 = () => {
+  const { reconnect: e } = b(), t = S3(), o = v8(), c = h8();
   return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(
     "div",
     {
@@ -1041,7 +1041,7 @@ const y8 = "_mwfit_ppa3l_1", E8 = {
     }
   ) });
 };
-class P8 {
+class _8 {
   constructor() {
     G(this, "uuid", "current-uuid");
     G(this, "roomKey", "current-room-key");
@@ -1049,24 +1049,24 @@ class P8 {
     G(this, "expiry", "current-uuid-expires");
   }
 }
-const w3 = new P8(), R3 = h2({
+const w3 = new _8(), R3 = v2({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
   removeEventHandler: () => null,
   reconnect: () => null
 });
-function T8(e) {
+function P8(e) {
   return sessionStorage.getItem(e) || "";
 }
 function L8(e, t) {
   sessionStorage.setItem(e, t);
 }
 const D8 = ({ children: e }) => {
-  const [t, o] = H(), c = S3(), r = s8(), i = o8(), d = C8(), a = j2(), h = n8(), x = c8(), g = r8(), R = v1(null), [D, F] = H(), k = v1({}), X = a1(
+  const [t, o] = H(), c = S3(), r = s8(), i = o8(), d = C8(), a = j2(), v = n8(), x = c8(), g = r8(), R = h1(null), [D, F] = H(), k = h1({}), X = a1(
     async (y) => {
       try {
-        const S = await V1.get(`${y}/ui/joinroom?token=${t}`);
+        const S = await k1.get(`${y}/ui/joinroom?token=${t}`);
         return S.status === 200 && S.data ? (m.dispatch(W.setRoomData(S.data)), !0) : !1;
       } catch (S) {
         return console.log(S), g ? !0 : S instanceof r2 && S.response && S.response.status === 498 ? (console.error("Invalid token. Unable to join room"), m.dispatch(q.setErrorMessage(`Token ${t} is invalid. Unable to join room`)), !1) : (console.error("Error getting room data", S), S instanceof Error ? m.dispatch(q.setErrorMessage(S.message)) : m.dispatch(q.setErrorMessage("Error getting room data")), !1);
@@ -1074,26 +1074,26 @@ const D8 = ({ children: e }) => {
     },
     [t, g]
   ), r1 = a1(() => {
-    const y = `${a.gatewayAppPath}?uuid=${h}&roomKey=${r}`;
+    const y = `${a.gatewayAppPath}?uuid=${v}&roomKey=${r}`;
     window.location.href = x ? `${y}&Code=${x}` : y;
-  }, [a.gatewayAppPath, r, h, x]), $ = a1(
+  }, [a.gatewayAppPath, r, v, x]), $ = a1(
     (y, S) => {
       R.current && c && R.current.send(JSON.stringify({ type: y, clientId: i, content: S }));
     },
     [c, i]
   ), A = (y, S) => {
     $(y, { value: S });
-  }, C1 = a1(
+  }, b1 = a1(
     (y, S, f1) => {
       k.current[y] || (k.current[y] = {}), k.current[y][S] = f1, console.log("event handler added", y, S);
     },
     []
-  ), b1 = a1((y, S) => {
+  ), I1 = a1((y, S) => {
     k.current[y] && (delete k.current[y][S], console.log("event handler removed", y, S));
   }, []);
   return n1(() => {
     let S = new URLSearchParams(window.location.search).get("token");
-    S ? (console.log("saving token: ", S), L8(w3.uuid, S)) : (S = T8(w3.uuid), console.log("loading token: ", S)), o(S), d();
+    S ? (console.log("saving token: ", S), L8(w3.uuid, S)) : (S = P8(w3.uuid), console.log("loading token: ", S)), o(S), d();
   }, []), console.log("connection dependencies", a.apiPath, X, t, D, g), n1(() => {
     async function y() {
       if (console.log("Attempting to join websocket..."), !a.apiPath || D || !t || !await X(a.apiPath)) return;
@@ -1102,7 +1102,7 @@ const D8 = ({ children: e }) => {
         return;
       }
       console.log("connecting to websocket");
-      const I1 = `${a.apiPath.replace("http", "ws")}/ui/join/${t}`, Y = new WebSocket(I1);
+      const R1 = `${a.apiPath.replace("http", "ws")}/ui/join/${t}`, Y = new WebSocket(R1);
       R.current = Y, Y.onopen = (B) => {
         console.log("connected", B.type, B.target), m.dispatch(W.setWebsocketIsConnected(!0));
       }, Y.onerror = (B) => {
@@ -1196,16 +1196,16 @@ const D8 = ({ children: e }) => {
       value: {
         sendMessage: $,
         sendSimpleMessage: A,
-        addEventHandler: C1,
-        removeEventHandler: b1,
+        addEventHandler: b1,
+        removeEventHandler: I1,
         reconnect: r1
       },
-      children: c ? e : /* @__PURE__ */ s.jsx(_8, {})
+      children: c ? e : /* @__PURE__ */ s.jsx(T8, {})
     }
   );
 }, we = ({ children: e }) => /* @__PURE__ */ s.jsx(a2, { store: m, children: /* @__PURE__ */ s.jsx(D8, { children: e }) });
 function b() {
-  return v2(R3);
+  return h2(R3);
 }
 function $8({
   onPress: e,
@@ -1213,7 +1213,7 @@ function $8({
   onHold: o,
   holdTimeMs: c = 500
 }) {
-  const r = v1(null), i = v1(!1);
+  const r = h1(null), i = h1(!1);
   function d() {
     i.current = !0, e == null || e(), r.current = setTimeout(() => {
       o == null || o(), r.current = null;
@@ -1222,17 +1222,17 @@ function $8({
   function a() {
     i.current = !1, t == null || t(), r.current && (clearTimeout(r.current), r.current = null);
   }
-  function h() {
+  function v() {
     i.current && a();
   }
   return {
     onPointerDown: d,
     onPointerUp: a,
-    onPointerLeave: h
+    onPointerLeave: v
   };
 }
-function p(e, t) {
-  const { sendMessage: c } = b(), r = v1(null);
+function f(e, t) {
+  const { sendMessage: c } = b(), r = h1(null);
   function i() {
     c(`${e}/${t}`, { value: "pressed" }), r.current || (r.current = setInterval(() => {
       c(`${e}/${t}`, { value: "held" });
@@ -1243,8 +1243,16 @@ function p(e, t) {
   }
   return $8({ onPress: i, onRelease: d });
 }
-function W1(e) {
-  const { sendMessage: t } = b(), o = p(`${e}`, "volumeUp"), c = p(`${e}`, "volumeDown");
+function C1(e) {
+  const { sendMessage: t } = b(), o = f(`${e}`, "volumeUp"), c = f(`${e}`, "volumeDown");
+  return {
+    volumeUp: o,
+    volumeDown: c,
+    muteToggle: () => t(`${e}/muteToggle`, null)
+  };
+}
+function xe(e) {
+  const { sendMessage: t } = b(), o = f(`${e}`, "volumeUp"), c = f(`${e}`, "volumeDown");
   return {
     volumeUp: o,
     volumeDown: c,
@@ -1252,7 +1260,7 @@ function W1(e) {
   };
 }
 function y3(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = b(), r = W1(e);
+  const { sendMessage: o, sendSimpleMessage: c } = b(), r = C1(e);
   if (!r) {
     console.log("baseVolume is undefined");
     return;
@@ -1264,13 +1272,13 @@ function y3(e, t) {
   return {
     ...r,
     volumeState: t,
-    setLevel: (h) => c(`${e}/level`, h),
+    setLevel: (v) => c(`${e}/level`, v),
     muteOn: () => o(`${e}/muteOn`, null),
     muteOff: () => o(`${e}/muteOff`, null)
   };
 }
-function xe(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = b(), r = W1(e);
+function Me(e, t) {
+  const { sendMessage: o, sendSimpleMessage: c } = b(), r = C1(e);
   if (!r) {
     console.log("baseVolume is undefined");
     return;
@@ -1282,13 +1290,13 @@ function xe(e, t) {
   return {
     ...r,
     volumeState: t,
-    setLevel: (h) => c(`${e}/level`, h),
+    setLevel: (v) => c(`${e}/level`, v),
     muteOn: () => o(`${e}/muteOn`, null),
     muteOff: () => o(`${e}/muteOff`, null)
   };
 }
 function A8(e) {
-  const t = P(e), o = `/device/${e}`;
+  const t = _(e), o = `/device/${e}`;
   return y3(o, t == null ? void 0 : t.volume);
 }
 function E3(e) {
@@ -1301,14 +1309,14 @@ function E3(e) {
     t(`/device/${e}/powerToggle`, null);
   } };
 }
-function k1(e) {
-  const { sendMessage: t } = b(), o = P(e);
+function U1(e) {
+  const { sendMessage: t } = b(), o = _(e);
   return console.log("deviceState", o), o ? { itemsState: o, selectItem: (r) => {
     t(`/device/${e}/${r}`, null);
   } } : void 0;
 }
 function B8(e) {
-  const { sendMessage: t } = b(), o = P(e), c = () => {
+  const { sendMessage: t } = b(), o = _(e), c = () => {
     t(`/device/${e}/setDefaultChannelLevels`, null);
   }, r = () => {
     if ((o == null ? void 0 : o.levelControls) === void 0) return;
@@ -1318,8 +1326,8 @@ function B8(e) {
   };
   return o ? { levelControls: o.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
 }
-function Me(e) {
-  const t = P(e), o = E3(e), c = k1(e), r = k1(e), i = A8(e), d = B8(e);
+function me(e) {
+  const t = _(e), o = E3(e), c = U1(e), r = U1(e), i = A8(e), d = B8(e);
   if (t)
     return {
       avrState: t,
@@ -1330,7 +1338,7 @@ function Me(e) {
       mainVolumeControl: i
     };
 }
-const me = ({ className: e }) => {
+const Ze = ({ className: e }) => {
   const [t, o] = H();
   return n1(() => {
     setInterval(() => {
@@ -1342,74 +1350,74 @@ const me = ({ className: e }) => {
     " new change"
   ] });
 };
-function Ze(e) {
-  const { sendMessage: t } = b(), o = P(e), c = `/device/${e}`;
+function je(e) {
+  const { sendMessage: t } = b(), o = _(e), c = `/device/${e}`;
   return o ? { state: o, recallPreset: (d, a) => {
     t(`${c}/presets/recall`, { deviceKey: d, preset: a });
   }, savePresets: (d) => {
     t(`${c}/presets/save`, d);
   } } : void 0;
 }
-function je(e) {
-  const t = P(e);
+function Se(e) {
+  const t = _(e);
   if (t)
     return { endpointState: t };
 }
-function Se(e) {
-  const t = `/device/${e}`, o = p(t, "chanUp"), c = p(t, "chanDown"), r = p(t, "lastChan"), i = p(t, "guide"), d = p(t, "info"), a = p(t, "exit");
+function Ce(e) {
+  const t = `/device/${e}`, o = f(t, "chanUp"), c = f(t, "chanDown"), r = f(t, "lastChan"), i = f(t, "guide"), d = f(t, "info"), a = f(t, "exit");
   return { channelUp: o, channelDown: c, lastChannel: r, guide: i, info: d, exit: a };
 }
-function Ce(e) {
-  const t = `/device/${e}`, o = p(t, "red"), c = p(t, "green"), r = p(t, "yellow"), i = p(t, "blue");
+function be(e) {
+  const t = `/device/${e}`, o = f(t, "red"), c = f(t, "green"), r = f(t, "yellow"), i = f(t, "blue");
   return { red: o, green: c, yellow: r, blue: i };
 }
-function be(e) {
-  const t = P(e);
+function Ie(e) {
+  const t = _(e);
   if (t)
     return {
       communicationMonitorState: t
     };
 }
-function Ie(e) {
-  const t = P(e);
+function Re(e) {
+  const t = _(e);
   if (t)
     return t.deviceInfo || void 0;
 }
-function Re(e) {
-  const t = `/device/${e}`, o = p(t, "up"), c = p(t, "down"), r = p(t, "left"), i = p(t, "right"), d = p(t, "select"), a = p(t, "menu"), h = p(t, "exit");
-  return { up: o, down: c, left: r, right: i, select: d, menu: a, exit: h };
-}
 function ye(e) {
+  const t = `/device/${e}`, o = f(t, "up"), c = f(t, "down"), r = f(t, "left"), i = f(t, "right"), d = f(t, "select"), a = f(t, "menu"), v = f(t, "exit");
+  return { up: o, down: c, left: r, right: i, select: d, menu: a, exit: v };
+}
+function Ee(e) {
   const { sendMessage: t } = b();
   return { recallPreset: (c) => {
     t(`/device/${e}/recallPreset`, c);
   } };
 }
-function Ee(e) {
-  const t = `/device/${e}`, o = p(t, "dvrList"), c = p(t, "record");
+function Te(e) {
+  const t = `/device/${e}`, o = f(t, "dvrList"), c = f(t, "record");
   return { dvrList: o, record: c };
 }
 function _e(e) {
-  const { sendMessage: t } = b(), o = P(e);
+  const { sendMessage: t } = b(), 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: (h) => {
-    t(`/device/${e}/togglePartitionState`, h);
-  }, setRoomCombinationScenario: (h) => {
-    t(`/device/${e}/setRoomCombinationScenario`, h);
+  }, togglePartitionState: (v) => {
+    t(`/device/${e}/togglePartitionState`, v);
+  }, setRoomCombinationScenario: (v) => {
+    t(`/device/${e}/setRoomCombinationScenario`, v);
   } } : void 0;
 }
 function Pe(e) {
-  const t = P(e);
+  const t = _(e);
   if (t)
     return { state: t };
 }
-function Te(e) {
-  const { sendMessage: t, sendSimpleMessage: o } = b(), c = P(e), r = G2(e), i = c || r;
+function Le(e) {
+  const { sendMessage: t, sendSimpleMessage: o } = b(), c = _(e), r = G2(e), i = c || r;
   return i ? {
     levelState: i,
     setLevel: (g, R) => o(`${g}/level`, R),
@@ -1418,26 +1426,26 @@ function Te(e) {
     muteOff: (g) => t(`${g}/muteOff`, null)
   } : void 0;
 }
-function Le(e) {
-  const { sendMessage: t } = b(), o = P(e);
+function De(e) {
+  const { sendMessage: t } = b(), o = _(e);
   return o ? { lightingState: o, selectScene: (r) => {
     t(`/device/${e}/selectScene`, r);
   } } : void 0;
 }
-function De(e) {
-  const { sendMessage: t } = b(), o = P(e);
+function $e(e) {
+  const { sendMessage: t } = b(), o = _(e);
   return o ? { matrixRoutingState: o, setRoute: (r) => {
     t(`/device/${e}/route`, r);
   } } : void 0;
 }
-function $e(e) {
+function Ae(e) {
   const { sendMessage: t } = b();
   return { closeApp: () => {
     t(`/device/${e}/closeWebViewController`, null);
   } };
 }
-function Ae(e) {
-  const t = `/device/${e}`, o = p(t, "num0"), c = p(t, "num1"), r = p(t, "num2"), i = p(t, "num3"), d = p(t, "num4"), a = p(t, "num5"), h = p(t, "num6"), x = p(t, "num7"), g = p(t, "num8"), R = p(t, "num9"), D = p(t, "numDash"), F = p(t, "numEnter");
+function Be(e) {
+  const t = `/device/${e}`, o = f(t, "num0"), c = f(t, "num1"), r = f(t, "num2"), i = f(t, "num3"), d = f(t, "num4"), a = f(t, "num5"), v = f(t, "num6"), x = f(t, "num7"), g = f(t, "num8"), R = f(t, "num9"), D = f(t, "numDash"), F = f(t, "numEnter");
   return {
     digit0: o,
     digit1: c,
@@ -1445,7 +1453,7 @@ function Ae(e) {
     digit3: i,
     digit4: d,
     digit5: a,
-    digit6: h,
+    digit6: v,
     digit7: x,
     digit8: g,
     digit9: R,
@@ -1453,44 +1461,44 @@ function Ae(e) {
     keypadAccessoryButton2: F
   };
 }
-function Be(e) {
-  const { sendMessage: t } = b(), o = P(e);
+function Oe(e) {
+  const { sendMessage: t } = b(), o = _(e);
   return o ? { projectorScreenLiftControlState: o, raise: () => {
     t(`/device/${e}/raise`, null);
   }, lower: () => {
     t(`/device/${e}/lower`, null);
   } } : void 0;
 }
-function Oe(e) {
+function Ve(e) {
   const { sendMessage: t } = b(), o = S1(e);
   return o ? { roomEventScheduleState: o, save: (r) => {
     t(`/room/${e}/saveScheduledEvents`, r);
   } } : void 0;
 }
-function Ve(e) {
+function ke(e) {
   const { sendMessage: t } = b();
   return { runDefaultPresentRoute: () => {
     t(`/room/${e}/defaultsource`, {});
   } };
 }
-function ke(e) {
+function Ue(e) {
   const { sendMessage: t } = b();
   return { runDirectRoute: (c) => {
     t(`/room/${e}/directRoute`, c);
   } };
 }
-function Ue(e) {
+function We(e) {
   const { sendMessage: t } = b();
-  return { routingState: P(e), runRoute: (r) => {
+  return { routingState: _(e), runRoute: (r) => {
     t(`/room/${e}/source`, r);
   } };
 }
-function We(e) {
-  const t = `/device/${e}`, o = p(t, "chanUp"), c = p(t, "chanDown");
+function Fe(e) {
+  const t = `/device/${e}`, o = f(t, "chanUp"), c = f(t, "chanDown");
   return { dvrList: o, replay: c };
 }
-function Fe(e) {
-  const { sendMessage: t } = b(), o = P(e);
+function He(e) {
+  const { sendMessage: t } = b(), o = _(e);
   return o ? { shadeState: o, shadeUp: () => {
     t(`/device/${e}/shadeUp`, null);
   }, shadeDown: () => {
@@ -1499,7 +1507,7 @@ function Fe(e) {
     t(`/device/${e}/stopOrPreset`, null);
   } } : void 0;
 }
-function He(e) {
+function Ke(e) {
   const { sendMessage: t } = b(), o = S1(e);
   return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (a) => {
     t(`/room/${e}/setShutdownPromptSeconds`, a);
@@ -1511,15 +1519,15 @@ function He(e) {
     t(`/room/${e}/shutdownCancel`, null);
   } } : void 0;
 }
-function Ke(e) {
-  const { sendMessage: t } = b(), o = P(e);
+function Ge(e) {
+  const { sendMessage: t } = b(), o = _(e);
   return o ? { switchedOutputState: o, on: () => {
     t(`/device/${e}/on`, null);
   }, off: () => {
     t(`/device/${e}/off`, null);
   } } : void 0;
 }
-function Ge(e) {
+function qe(e) {
   const { sendMessage: t } = b(), o = S1(e);
   return o ? { techPasswordState: o, validatePassword: (i) => {
     t(`/room/${e}/validateTechPassword`, { password: i });
@@ -1527,12 +1535,12 @@ function Ge(e) {
     t(`/room/${e}/setTechPassword`, { oldPassword: i, newPassword: d });
   } } : void 0;
 }
-function qe(e) {
-  const { sendMessage: t } = b(), o = P(e);
+function Ye(e) {
+  const { sendMessage: t } = b(), o = _(e);
   return o ? { state: o, setTemperatureUnitsToCelcius: () => t(`${e}/setTemperatureUnitsToCelcius`, null), setTemperatureUnitsToFahrenheit: () => t(`${e}/setTemperatureUnitsToFahrenheit`, null) } : void 0;
 }
-function Ye(e) {
-  const { sendMessage: t } = b(), o = P(e), c = (r) => {
+function ze(e) {
+  const { sendMessage: t } = b(), o = _(e), c = (r) => {
     t(`/device/${e}/saveTheme`, { value: r });
   };
   return {
@@ -1540,8 +1548,8 @@ function Ye(e) {
     saveTheme: c
   };
 }
-function ze(e) {
-  const t = `/device/${e}`, o = p(t, "play"), c = p(t, "pause"), r = p(t, "stop"), i = p(t, "prevTrack"), d = p(t, "nextTrack"), a = p(t, "rewind"), h = p(t, "ffwd"), x = p(t, "record");
+function Je(e) {
+  const t = `/device/${e}`, o = f(t, "play"), c = f(t, "pause"), r = f(t, "stop"), i = f(t, "prevTrack"), d = f(t, "nextTrack"), a = f(t, "rewind"), v = f(t, "ffwd"), x = f(t, "record");
   return {
     play: o,
     pause: c,
@@ -1549,12 +1557,12 @@ function ze(e) {
     prevTrack: i,
     nextTrack: d,
     rewind: a,
-    fastForward: h,
+    fastForward: v,
     record: x
   };
 }
-function Je(e) {
-  const t = P(e), { sendMessage: o } = b();
+function Xe(e) {
+  const t = _(e), { sendMessage: o } = b();
   return t ? {
     touchpanelState: t,
     appControl: { hideApp: () => {
@@ -1569,8 +1577,8 @@ function Je(e) {
     } }
   } : void 0;
 }
-function Xe(e) {
-  const t = P(e), o = E3(e), c = k1(e);
+function Qe(e) {
+  const t = _(e), o = E3(e), c = U1(e);
   if (!t) return;
   const r = (t.powerState || t.isWarming) && !t.isCooling, i = (!t.powerState || t.isCooling) && !t.isWarming;
   return {
@@ -1580,11 +1588,11 @@ function Xe(e) {
     powerFb: { powerOnFb: r, powerOffFb: i }
   };
 }
-function Qe(e) {
+function Ne(e) {
   const t = `/device/${e}`;
-  return W1(t);
+  return C1(t);
 }
-const Ne = ({
+const e5 = ({
   config: e
 }) => {
   const { sendMessage: t } = b();
@@ -1617,23 +1625,27 @@ const Ne = ({
     });
   }, [e, t]);
 };
-function e5(e, t) {
+function t5(e, t) {
   const [o, c] = H(!1), [r, i] = H(!1);
   return M3(() => {
     const { current: d } = e, a = () => {
-      const h = d && d.scrollHeight > d.clientHeight, x = d && d.scrollWidth > d.clientWidth;
-      i(h ?? !1), c(x ?? !1), t && t(h ?? !1, x ?? !1);
+      const v = d && d.scrollHeight > d.clientHeight, x = d && d.scrollWidth > d.clientWidth;
+      i(v ?? !1), c(x ?? !1), t && t(v ?? !1, x ?? !1);
     };
     d && a();
   }, [e, t]), { overflowHorizontal: o, overflowVertical: r };
 }
-function t5(e, t) {
+function s5(e, t) {
+  const o = `/room/${e}/volumes/${t}`;
+  return C1(o);
+}
+function o5(e, t) {
   const o = K2(e, t), c = `/room/${e}/volumes/${t}`;
   return y3(c, o);
 }
-function s5(e) {
-  var a, h;
-  const [t, o] = H(((a = e == null ? void 0 : e.current) == null ? void 0 : a.scrollLeft) ?? 0), [c, r] = H(((h = e == null ? void 0 : e.current) == null ? void 0 : h.scrollTop) ?? 0), i = (x) => {
+function n5(e) {
+  var a, v;
+  const [t, o] = H(((a = e == null ? void 0 : e.current) == null ? void 0 : a.scrollLeft) ?? 0), [c, r] = H(((v = e == null ? void 0 : e.current) == null ? void 0 : v.scrollTop) ?? 0), i = (x) => {
     const { current: g } = e;
     g && (console.log(g.scrollLeft), g.scrollLeft += x, console.log(g.scrollLeft));
   }, d = (x) => {
@@ -1647,7 +1659,7 @@ function s5(e) {
     x && g();
   }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: i, scrollVertical: d };
 }
-function o5() {
+function c5() {
   const { sendMessage: e } = b();
   return {
     reboot: () => {
@@ -1658,7 +1670,7 @@ function o5() {
     }
   };
 }
-function n5() {
+function r5() {
   const [e, t] = H(), [o, c] = H();
   function r() {
     t((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
@@ -1673,7 +1685,7 @@ function n5() {
     return () => clearInterval(i);
   }, []), { date: e, time: o };
 }
-const c5 = () => {
+const l5 = () => {
   const [e, t] = H(!1), o = g2(), c = f2();
   let r;
   return p2(c) ? r = c.statusText : c instanceof Error ? r = c.message : typeof c == "string" ? r = c : (console.error(c), r = "Unknown error"), /* @__PURE__ */ s.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
@@ -1682,7 +1694,7 @@ const c5 = () => {
     /* @__PURE__ */ s.jsx("button", { className: "btn btn-primary p-2", onClick: () => t(!e), children: e ? "Hide error message" : "Show error message" }),
     e && /* @__PURE__ */ s.jsx("p", { children: r })
   ] });
-}, O8 = "_iconbtn_16qss_1", V8 = "_iconbtnvert_16qss_7", k8 = "_iconsm_16qss_18", $1 = {
+}, O8 = "_iconbtn_16qss_1", V8 = "_iconbtnvert_16qss_7", k8 = "_iconsm_16qss_18", A1 = {
   iconbtn: O8,
   iconbtnvert: V8,
   iconsm: k8
@@ -1695,18 +1707,18 @@ const c5 = () => {
   otherContentClassName: i = "",
   disabled: d,
   feedback: a,
-  feedbackClassName: h,
+  feedbackClassName: v,
   onPointerDown: x,
   onPointerUp: g,
   onPointerLeave: R,
   ...D
 }) => {
-  const [F, k] = H(!1), X = !d && a ? h : "", r1 = !d && (F || a);
+  const [F, k] = H(!1), X = !d && a ? v : "", r1 = !d && (F || a);
   return /* @__PURE__ */ s.jsxs(
     "button",
     {
       type: "button",
-      className: `${$1.iconbtn} ${o ? $1.iconbtnvert : ""} ${c} ${X}`,
+      className: `${A1.iconbtn} ${o ? A1.iconbtnvert : ""} ${c} ${X}`,
       ...D,
       disabled: d,
       onPointerDown: ($) => {
@@ -1722,7 +1734,7 @@ const c5 = () => {
         e && /* @__PURE__ */ s.jsx(
           e,
           {
-            className: `${r || $1.iconsm}`,
+            className: `${r || A1.iconsm}`,
             active: r1,
             disabled: d
           }
@@ -2937,7 +2949,7 @@ const c5 = () => {
     active: e,
     disabled: o
   }
-), r5 = ({
+), i5 = ({
   active: e,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -2952,7 +2964,7 @@ const c5 = () => {
     active: e,
     disabled: o
   }
-), h6 = ({
+), v6 = ({
   active: e,
   className: t = "",
   disabled: o
@@ -3001,7 +3013,7 @@ const c5 = () => {
     active: e,
     disabled: o
   }
-), v6 = ({
+), h6 = ({
   active: e,
   className: t = "",
   disabled: o
@@ -3370,15 +3382,15 @@ const c5 = () => {
   RoomPC: a6,
   Shade: u6,
   Sun: d6,
-  UpArrow: h6,
-  VolDown: v6,
+  UpArrow: v6,
+  VolDown: h6,
   VolMute: g6,
   VolUp: f6,
   Wireless: p6,
   X: w6,
   Xbox: x6
 };
-function l5({
+function a5({
   name: e,
   iconsDictionary: t = m6,
   ...o
@@ -3386,46 +3398,46 @@ function l5({
   const c = t[e] ?? null;
   return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ s.jsx(U8, { multiIcon: c, ...o });
 }
-const Z6 = "_grid_1cmpp_1", j6 = "_header_1cmpp_11", S6 = "_content_1cmpp_17", C6 = "_footer_1cmpp_23", b6 = "_volume_1cmpp_29", h1 = {
+const Z6 = "_grid_1cmpp_1", j6 = "_header_1cmpp_11", S6 = "_content_1cmpp_17", C6 = "_footer_1cmpp_23", b6 = "_volume_1cmpp_29", v1 = {
   grid: Z6,
   header: j6,
   content: S6,
   footer: C6,
   volume: b6
-}, i5 = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ s.jsxs("div", { className: h1.grid, children: [
-  /* @__PURE__ */ s.jsx("div", { className: h1.header, children: e }),
-  /* @__PURE__ */ s.jsx("div", { className: h1.content, children: o }),
-  r && /* @__PURE__ */ s.jsx("div", { className: h1.volume, children: c }),
-  /* @__PURE__ */ s.jsx("div", { className: h1.footer, children: t })
+}, u5 = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ s.jsxs("div", { className: v1.grid, children: [
+  /* @__PURE__ */ s.jsx("div", { className: v1.header, children: e }),
+  /* @__PURE__ */ s.jsx("div", { className: v1.content, children: o }),
+  r && /* @__PURE__ */ s.jsx("div", { className: v1.volume, children: c }),
+  /* @__PURE__ */ s.jsx("div", { className: v1.footer, children: t })
 ] }), I6 = "_grid_11w5q_1", R6 = "_header_11w5q_11", y6 = "_content_11w5q_17", Z1 = {
   grid: I6,
   header: R6,
   content: y6
-}, a5 = ({ className: e, header: t, content: o, leftNav: c }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${Z1.grid}`, children: [
+}, d5 = ({ className: e, header: t, content: o, leftNav: c }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${Z1.grid}`, children: [
   /* @__PURE__ */ s.jsx("div", { className: Z1.header, children: t }),
   c && /* @__PURE__ */ s.jsx("div", { className: Z1.leftNav, children: c }),
   /* @__PURE__ */ s.jsx("div", { className: Z1.content, children: o })
-] }), E6 = "_grid_1uwfo_1", _6 = "_header_1uwfo_11", P6 = "_content_1uwfo_17", A1 = {
+] }), E6 = "_grid_1uwfo_1", T6 = "_header_1uwfo_11", _6 = "_content_1uwfo_17", B1 = {
   grid: E6,
-  header: _6,
-  content: P6
-}, u5 = ({ className: e, header: t, content: o }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${A1.grid}`, children: [
-  /* @__PURE__ */ s.jsx("div", { className: A1.header, children: t }),
-  /* @__PURE__ */ s.jsx("div", { className: A1.content, children: o })
+  header: T6,
+  content: _6
+}, v5 = ({ className: e, header: t, content: o }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${B1.grid}`, children: [
+  /* @__PURE__ */ s.jsx("div", { className: B1.header, children: t }),
+  /* @__PURE__ */ s.jsx("div", { className: B1.content, children: o })
 ] });
-function d5() {
+function h5() {
   return console.log(location.pathname), location.pathname;
 }
-var T6 = /* @__PURE__ */ ((e) => (e[e.NotSet = 0] = "NotSet", e[e.Sunday = 1] = "Sunday", e[e.Monday = 2] = "Monday", e[e.Tuesday = 4] = "Tuesday", e[e.Wednesday = 8] = "Wednesday", e[e.Thursday = 16] = "Thursday", e[e.Friday = 32] = "Friday", e[e.Saturday = 64] = "Saturday", e))(T6 || {});
-class h5 {
+var P6 = /* @__PURE__ */ ((e) => (e[e.NotSet = 0] = "NotSet", e[e.Sunday = 1] = "Sunday", e[e.Monday = 2] = "Monday", e[e.Tuesday = 4] = "Tuesday", e[e.Wednesday = 8] = "Wednesday", e[e.Thursday = 16] = "Thursday", e[e.Friday = 32] = "Friday", e[e.Saturday = 64] = "Saturday", e))(P6 || {});
+class g5 {
   constructor(t, o) {
     G(this, "path");
     G(this, "handler");
     this.path = t, this.handler = o;
   }
 }
-const v5 = "$off";
-class g5 {
+const f5 = "$off";
+class p5 {
   constructor() {
     G(this, "currentShareText");
     G(this, "enabled");
@@ -3433,9 +3445,9 @@ class g5 {
   }
 }
 export {
-  me as Clock,
-  T6 as DaysOfWeek,
-  c5 as ErrorBox,
+  Ze as Clock,
+  P6 as DaysOfWeek,
+  l5 as ErrorBox,
   U8 as IconButton,
   W8 as IconMultiAlert,
   F8 as IconMultiBan,
@@ -3462,26 +3474,26 @@ export {
   a6 as IconMultiRoomPC,
   u6 as IconMultiShade,
   d6 as IconMultiSun,
-  r5 as IconMultiTemplate,
-  h6 as IconMultiUpArrow,
-  v6 as IconMultiVolDown,
+  i5 as IconMultiTemplate,
+  v6 as IconMultiUpArrow,
+  h6 as IconMultiVolDown,
   g6 as IconMultiVolMute,
   f6 as IconMultiVolUp,
   p6 as IconMultiWireless,
   w6 as IconMultiX,
   x6 as IconMultiXbox,
-  i5 as MainLayout,
-  h5 as MessageHandler,
+  u5 as MainLayout,
+  g5 as MessageHandler,
   we as MobileControlProvider,
   j as MultiStateIconContainer,
-  l5 as NamedIconButton,
-  g5 as ShareState,
-  a5 as TechLayout,
-  u5 as TechPinLayout,
-  d5 as getBaseLocation,
-  V1 as httpClient,
+  a5 as NamedIconButton,
+  p5 as ShareState,
+  d5 as TechLayout,
+  v5 as TechPinLayout,
+  h5 as getBaseLocation,
+  k1 as httpClient,
   m6 as iconsDictionary,
-  v5 as roomOffSourceKey,
+  f5 as roomOffSourceKey,
   j3 as selectAllDevices,
   M2 as selectApiPath,
   x2 as selectAppConfig,
@@ -3491,15 +3503,15 @@ export {
   a8 as selectError,
   t8 as selectIsTouchpanel,
   m2 as selectLogoPath,
-  U1 as selectModalVisibility,
+  W1 as selectModalVisibility,
   Z2 as selectPartnerMetadata,
   U2 as selectRoomAdvancedSharingActive,
-  P2 as selectRoomAudioControlPointList,
+  _2 as selectRoomAudioControlPointList,
   I2 as selectRoomByKey,
   A2 as selectRoomCodecContentDestinationKey,
   C2 as selectRoomConfiguration,
   L2 as selectRoomDestinationList,
-  T2 as selectRoomDestinations,
+  P2 as selectRoomDestinations,
   H2 as selectRoomDisplayStates,
   D2 as selectRoomEnvironmentalDevices,
   B2 as selectRoomInCall,
@@ -3511,7 +3523,7 @@ export {
   R2 as selectRoomName,
   $2 as selectRoomProgramAudioDestinationKey,
   W2 as selectRoomShareState,
-  _2 as selectRoomSourceList,
+  T2 as selectRoomSourceList,
   y2 as selectRoomVolume,
   b2 as selectRooms,
   N2 as selectRuntimeInfo,
@@ -3530,59 +3542,61 @@ export {
   V6 as useApiPath,
   j2 as useAppConfig,
   w2 as useAppDispatch,
-  f as useAppSelector,
-  Me as useAvrControl,
-  p as useButtonHeldHeartbeat,
+  p as useAppSelector,
+  me as useAvrControl,
+  f as useButtonHeldHeartbeat,
   o8 as useClientId,
-  Qe as useDeviceIBasicVolume,
+  Ne as useDeviceIBasicVolume,
   A8 as useDeviceIBasicVolumeWithFeedback,
-  Ze as useDevicePresetsModel,
-  je as useEndpoint,
-  h8 as useError,
-  Ne as useGetAllDeviceStateFromRoomConfiguration,
+  je as useDevicePresetsModel,
+  Se as useEndpoint,
+  v8 as useError,
+  e5 as useGetAllDeviceStateFromRoomConfiguration,
   W6 as useGetAllDevices,
   H6 as useGetAllRooms,
   ge as useGetCurrentPopoverIdForGroup,
-  P as useGetDevice,
-  xe as useGetIBasicVolumeWithFeedback,
+  _ as useGetDevice,
+  xe as useGetIBasicVolume,
+  Me as useGetIBasicVolumeWithFeedback,
   K6 as useGetRoom,
   re as useGetRoomDisplayStates,
   le as useGetZoomRoomControllerKey,
+  C1 as useIBasicVolume,
   y3 as useIBasicVolumeWithFeedback,
-  Se as useIChannel,
-  Ce as useIColor,
-  be as useICommunicationMonitor,
-  Re as useIDPad,
-  Ie as useIDeviceInfoMessenger,
-  ye as useIDspPresets,
-  Ee as useIDvr,
+  Ce as useIChannel,
+  be as useIColor,
+  Ie as useICommunicationMonitor,
+  ye as useIDPad,
+  Re as useIDeviceInfoMessenger,
+  Ee as useIDspPresets,
+  Te as useIDvr,
   _e as useIEssentialsRoomCombiner,
   E3 as useIHasPowerControl,
-  k1 as useIHasSelectableItems,
+  U1 as useIHasSelectableItems,
   Pe as useIHumiditySensor,
-  Te as useILevelControls,
-  Le as useILightingScenes,
-  De as useIMatrixRouting,
-  $e as useIMcCiscoCodecUserInterfaceAppControl,
-  Ae as useINumeric,
-  Be as useIProjectorScreenLiftControl,
-  Oe as useIRoomEventSchedule,
-  Ve as useIRunDefaultPresentRoute,
-  ke as useIRunDirectRouteAction,
-  Ue as useIRunRouteAction,
-  We as useISetTopBoxControls,
-  Fe as useIShadesOpenCloseStop,
-  He as useIShutdownPromptTimer,
-  Ke as useISwitchedOutput,
-  Ge as useITechPassword,
-  qe as useITemperatureSensor,
-  Ye as useITheme,
-  ze as useITransport,
+  Le as useILevelControls,
+  De as useILightingScenes,
+  $e as useIMatrixRouting,
+  Ae as useIMcCiscoCodecUserInterfaceAppControl,
+  Be as useINumeric,
+  Oe as useIProjectorScreenLiftControl,
+  Ve as useIRoomEventSchedule,
+  ke as useIRunDefaultPresentRoute,
+  Ue as useIRunDirectRouteAction,
+  We as useIRunRouteAction,
+  Fe as useISetTopBoxControls,
+  He as useIShadesOpenCloseStop,
+  Ke as useIShutdownPromptTimer,
+  Ge as useISwitchedOutput,
+  qe as useITechPassword,
+  Ye as useITemperatureSensor,
+  ze as useITheme,
+  Je as useITransport,
   C8 as useInitialize,
   ue as useIsTouchpanel,
   k6 as useLogoPath,
-  Je as useMobileControlTouchpanelController,
-  e5 as useOverflow,
+  Xe as useMobileControlTouchpanelController,
+  t5 as useOverflow,
   U6 as usePartnerMetadata,
   $8 as usePressHoldRelease,
   ne as useRoomAdvancedSharingActive,
@@ -3592,7 +3606,8 @@ export {
   J6 as useRoomDestinationList,
   z6 as useRoomDestinations,
   X6 as useRoomEnvironmentalDevices,
-  t5 as useRoomIBasicVolumeWithFeedback,
+  s5 as useRoomIBasicVolume,
+  o5 as useRoomIBasicVolumeWithFeedback,
   ee as useRoomInCall,
   se as useRoomIsCoolingDown,
   oe as useRoomIsOn,
@@ -3606,19 +3621,19 @@ export {
   S1 as useRoomState,
   K2 as useRoomVolume,
   ie as useRuntimeInfo,
-  s5 as useScroll,
+  n5 as useScroll,
   r8 as useServerIsRunningOnProcessorHardware,
-  he as useShowIncomingCallModal,
-  ve as useShowModal,
+  ve as useShowIncomingCallModal,
+  he as useShowModal,
   fe as useShowPopoverById,
-  v8 as useShowReconnect,
+  h8 as useShowReconnect,
   de as useShowShutdownModal,
-  o5 as useSystemControl,
+  c5 as useSystemControl,
   n8 as useSystemUuid,
   pe as useTheme,
-  n5 as useTimeAndDate,
+  r5 as useTimeAndDate,
   ae as useTouchpanelKey,
-  Xe as useTwoWayDisplayBase,
+  Qe as useTwoWayDisplayBase,
   c8 as useUserCode,
   b as useWebsocketContext,
   S3 as useWsIsConnected