@pepperdash/mobile-control-react-app-core 1.13.1 → 1.14.0

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

@@ -7,9 +7,9 @@ import { createSlice as d1, combineReducers as e2, configureStore as t2, createS
 import * as a3 from "lodash";
 import u3, { createContext as s2, useState as H, useRef as u1, useCallback as c1, useEffect as t1, useContext as n2, useLayoutEffect as d3 } from "react";
 import { useNavigate as r2, useRouteError as c2, isRouteErrorResponse as l2 } from "react-router-dom";
-const i2 = X3.withTypes(), p = Q3.withTypes(), a2 = () => p((t) => t.appConfig.config), K8 = () => p((t) => t.appConfig.config.apiPath), u2 = () => p((t) => t.devices);
-function $(t) {
-  return p((e) => e.devices[t] ? e.devices[t] : void 0);
+const i2 = X3.withTypes(), w = Q3.withTypes(), a2 = () => w((t) => t.appConfig.config), K8 = () => w((t) => t.appConfig.config.apiPath), u2 = () => w((t) => t.devices);
+function T(t) {
+  return w((e) => e.devices[t] ? e.devices[t] : void 0);
 }
 const d2 = {
   config: {
@@ -109,7 +109,7 @@ const d2 = {
       t.roomData = e.payload;
     },
     setCurrentRoomKey(t, e) {
-      m.dispatch(e1.clearRooms()), m.dispatch(N.clearDevices()), t.currentRoomKey = e.payload;
+      t.currentRoomKey = e.payload;
     },
     setUserCode(t, e) {
       t.roomData.userCode = e.payload.userCode, t.roomData.qrUrl = e.payload.qrUrl;
@@ -118,7 +118,7 @@ const d2 = {
       t.touchpanelKey = e.payload;
     }
   }
-}), W = f3.actions, p2 = f3.reducer, x2 = {
+}), F = f3.actions, p2 = f3.reducer, x2 = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -154,96 +154,99 @@ const d2 = {
     },
     setShowReconnect(t, e) {
       t.showReconnect = e.payload;
+    },
+    setTheme(t, e) {
+      t.theme = e.payload;
     }
   }
-}), q = w3.actions, M2 = w3.reducer, m2 = e2({
+}), q = w3.actions, m2 = w3.reducer, M2 = e2({
   appConfig: v2,
   runtimeConfig: p2,
   rooms: f2,
   devices: g2,
-  ui: M2
-}), m = t2({
-  reducer: m2
-}), G8 = (t) => p(
+  ui: m2
+}), M = t2({
+  reducer: M2
+}), G8 = (t) => w(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.configuration : void 0;
   }
-), D1 = (t) => p(
+), D1 = (t) => w(
   (e) => e.rooms[t] ? e.rooms[t] : void 0
-), q8 = (t) => p(
+), q8 = (t) => w(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.name : void 0;
   }
-), Z2 = (t, e) => p(
+), Z2 = (t, e) => w(
   (s) => {
     var r;
     return s.rooms[t] ? (r = s.rooms[t]) == null ? void 0 : r.volumes[e] : void 0;
   }
-), j2 = (t) => p(
+), j2 = (t) => w(
   (e) => e.rooms[t] ? e.rooms[t] : void 0
-), Y8 = (t) => p(
+), Y8 = (t) => w(
   (e) => {
     var s, r;
     return e.rooms[t] ? (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.sourceList : void 0;
   }
-), z8 = (t) => p(
+), z8 = (t) => w(
   (e) => {
     var s, r;
     return e.rooms[t] ? (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.audioControlPointList : void 0;
   }
-), J8 = (t) => p(
+), J8 = (t) => w(
   (e) => {
     var s, r;
     return e.rooms[t] ? (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.destinations : void 0;
   }
-), X8 = (t) => p(
+), X8 = (t) => w(
   (e) => {
     var s, r;
     return e.rooms[t] ? (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.destinationList : void 0;
   }
-), Q8 = (t) => p(
+), Q8 = (t) => w(
   (e) => {
     var s, r;
     return e.rooms[t] ? (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.environmentalDevices : void 0;
   }
-), N8 = (t) => p(
+), N8 = (t) => w(
   (e) => {
-    var s, r, c, u, i, g, f, w;
-    return (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) != null && r.destinationList.programAudio ? (i = (u = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : u.destinationList.programAudio) == null ? void 0 : i.sinkKey : ((w = (f = (g = e.rooms[t]) == null ? void 0 : g.configuration) == null ? void 0 : f.destinationList.defaultDisplay) == null ? void 0 : w.sinkKey) || "";
+    var s, r, c, u, i, g, f, p;
+    return (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) != null && r.destinationList.programAudio ? (i = (u = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : u.destinationList.programAudio) == null ? void 0 : i.sinkKey : ((p = (f = (g = e.rooms[t]) == null ? void 0 : g.configuration) == null ? void 0 : f.destinationList.defaultDisplay) == null ? void 0 : p.sinkKey) || "";
   }
-), e6 = (t) => p(
+), e6 = (t) => w(
   (e) => {
     var s, r, c;
     return e.rooms[t] ? (c = (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.destinationList.codecContent) == null ? void 0 : c.sinkKey : void 0;
   }
-), t6 = (t) => p(
+), t6 = (t) => w(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isInCall : void 0;
   }
-), o6 = (t) => p(
+), o6 = (t) => w(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isWarmingUp : void 0;
   }
-), s6 = (t) => p(
+), s6 = (t) => w(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isCoolingDown : void 0;
   }
-), n6 = (t) => p(
+), n6 = (t) => w(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isOn : void 0;
   }
-), r6 = (t) => p(
+), r6 = (t) => w(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.advancedSharingActive : void 0;
   }
-), c6 = (t) => p(
+), c6 = (t) => w(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.share : void 0;
@@ -263,34 +266,34 @@ const d2 = {
     const c = Object.entries(r).filter(([i]) => i !== "programAudio" && i !== "codecContent").map(([, i]) => i);
     return Object.values(s).filter((i) => Object.values(c).includes(i.key));
   }
-)(m.getState(), t), i6 = (t) => p(
+)(M.getState(), t), i6 = (t) => w(
   (e) => {
     var s, r;
     return e.rooms[t] ? (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.zoomRoomControllerKey : void 0;
   }
-), C2 = () => p((t) => t.runtimeConfig.websocket.isConnected), S2 = () => p((t) => t.runtimeConfig.currentRoomKey), b2 = () => p((t) => t.runtimeConfig.roomData.clientId), I2 = () => p((t) => t.runtimeConfig.roomData.systemUuid), y2 = () => p((t) => t.runtimeConfig.roomData.userCode), R2 = () => p((t) => t.runtimeConfig.serverIsRunningOnProcessorHardware), a6 = () => p((t) => {
+), C2 = () => w((t) => t.runtimeConfig.websocket.isConnected), S2 = () => w((t) => t.runtimeConfig.currentRoomKey), b2 = () => w((t) => t.runtimeConfig.roomData.clientId), I2 = () => w((t) => t.runtimeConfig.roomData.systemUuid), y2 = () => w((t) => t.runtimeConfig.roomData.userCode), R2 = () => w((t) => t.runtimeConfig.serverIsRunningOnProcessorHardware), a6 = () => w((t) => {
   var e;
   return (e = t.runtimeConfig.roomData.config) == null ? void 0 : e.runtimeInfo;
-}), u6 = () => p((t) => t.runtimeConfig.touchpanelKey), d6 = () => p((t) => t.runtimeConfig.touchpanelKey !== ""), h6 = () => p((t) => t.ui.modalVisibility.showShutdownModal), v6 = () => p((t) => t.ui.modalVisibility.showIncomingCallModal), g6 = (t) => p((e) => e.ui.modalVisibility[t]), f6 = (t) => p((e) => {
+}), u6 = () => w((t) => t.runtimeConfig.touchpanelKey), d6 = () => w((t) => t.runtimeConfig.touchpanelKey !== ""), h6 = () => w((t) => t.ui.modalVisibility.showShutdownModal), v6 = () => w((t) => t.ui.modalVisibility.showIncomingCallModal), g6 = (t) => w((e) => e.ui.modalVisibility[t]), f6 = (t) => w((e) => {
   const s = e.ui.popoverVisibility[t];
   if (s)
     return Object.keys(s).find((r) => s[r]);
-}), w6 = (t, e) => p((s) => {
+}), w6 = (t, e) => w((s) => {
   var r;
   return (r = s.ui.popoverVisibility[t]) == null ? void 0 : r[e];
-}), E2 = () => p((t) => t.ui.error), _2 = () => p((t) => t.ui.showReconnect), $1 = z3.create();
+}), E2 = () => w((t) => t.ui.error), _2 = () => w((t) => t.ui.showReconnect), p6 = () => w((t) => t.ui.theme), T1 = z3.create();
 function L2() {
   const t = i2();
   return async () => {
     try {
       const e = location.pathname.split("/").filter((c) => c.length > 0);
       e.length >= 5 ? e.length = 5 : e.length = 2;
-      const s = `/${e.join("/")}`, r = await $1.get("/_local-config/_config.local.json", { baseURL: s });
+      const s = `/${e.join("/")}`, r = await T1.get("/_local-config/_config.local.json", { baseURL: s });
       if (r.status == 200 && r.data) {
         const c = r.data.apiPath;
         t(h2.setAppConfig(r.data));
-        const u = await $1.get(`${c}/version`);
-        u.status == 200 && u.data && t(W.setRuntimeConfig(u.data));
+        const u = await T1.get(`${c}/version`);
+        u.status == 200 && u.data && t(F.setRuntimeConfig(u.data));
       }
     } catch (e) {
       console.error("Error getting config", e);
@@ -298,7 +301,7 @@ function L2() {
     return !0;
   };
 }
-var P1 = { exports: {} }, l1 = {};
+var $1 = { exports: {} }, l1 = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -309,16 +312,16 @@ var P1 = { exports: {} }, l1 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var c3;
-function $2() {
+function T2() {
   return c3 || (c3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = u3, e = Symbol.for("react.element"), s = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), g = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), O = Symbol.iterator, z = "@@iterator";
+    var t = u3, e = Symbol.for("react.element"), s = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), g = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), O = Symbol.iterator, z = "@@iterator";
     function o1(n) {
       if (n === null || typeof n != "object")
         return null;
       var l = O && n[O] || n[z];
       return typeof l == "function" ? l : null;
     }
-    var P = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var $ = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function L(n) {
       {
         for (var l = arguments.length, a = new Array(l > 1 ? l - 1 : 0), h = 1; h < l; h++)
@@ -328,18 +331,18 @@ function $2() {
     }
     function x1(n, l, a) {
       {
-        var h = P.ReactDebugCurrentFrame, C = h.getStackAddendum();
+        var h = $.ReactDebugCurrentFrame, C = h.getStackAddendum();
         C !== "" && (l += "%s", a = a.concat([C]));
-        var S = a.map(function(M) {
-          return String(M);
+        var S = a.map(function(m) {
+          return String(m);
         });
         S.unshift("Warning: " + l), Function.prototype.apply.call(console[n], console, S);
       }
     }
-    var M1 = !1, y = !1, j = !1, h1 = !1, m1 = !1, K;
+    var m1 = !1, y = !1, j = !1, h1 = !1, M1 = !1, K;
     K = Symbol.for("react.module.reference");
     function A(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === r || n === u || m1 || n === c || n === w || n === d || h1 || n === F || M1 || y || j || typeof n == "object" && n !== null && (n.$$typeof === T || n.$$typeof === b || n.$$typeof === i || n.$$typeof === g || n.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof n == "string" || typeof n == "function" || n === r || n === u || M1 || n === c || n === p || n === d || h1 || n === W || m1 || y || j || typeof n == "object" && n !== null && (n.$$typeof === P || n.$$typeof === b || n.$$typeof === i || n.$$typeof === g || n.$$typeof === f || // 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.
@@ -371,7 +374,7 @@ function $2() {
           return "Profiler";
         case c:
           return "StrictMode";
-        case w:
+        case p:
           return "Suspense";
         case d:
           return "SuspenseList";
@@ -389,10 +392,10 @@ function $2() {
           case b:
             var h = n.displayName || null;
             return h !== null ? h : k(n.type) || "Memo";
-          case T: {
-            var C = n, S = C._payload, M = C._init;
+          case P: {
+            var C = n, S = C._payload, m = C._init;
             try {
-              return k(M(S));
+              return k(m(S));
             } catch {
               return null;
             }
@@ -400,18 +403,18 @@ function $2() {
         }
       return null;
     }
-    var G = Object.assign, s1 = 0, A1, B1, O1, V1, k1, U1, F1;
-    function W1() {
+    var G = Object.assign, s1 = 0, A1, B1, O1, V1, k1, U1, W1;
+    function F1() {
     }
-    W1.__reactDisabledLog = !0;
-    function m3() {
+    F1.__reactDisabledLog = !0;
+    function M3() {
       {
         if (s1 === 0) {
-          A1 = console.log, B1 = console.info, O1 = console.warn, V1 = console.error, k1 = console.group, U1 = console.groupCollapsed, F1 = console.groupEnd;
+          A1 = console.log, B1 = console.info, O1 = console.warn, V1 = console.error, k1 = console.group, U1 = console.groupCollapsed, W1 = console.groupEnd;
           var n = {
             configurable: !0,
             enumerable: !0,
-            value: W1,
+            value: F1,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -455,14 +458,14 @@ function $2() {
               value: U1
             }),
             groupEnd: G({}, n, {
-              value: F1
+              value: W1
             })
           });
         }
         s1 < 0 && L("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Z1 = P.ReactCurrentDispatcher, j1;
+    var Z1 = $.ReactCurrentDispatcher, j1;
     function v1(n, l, a) {
       {
         if (j1 === void 0)
@@ -494,30 +497,30 @@ function $2() {
       var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var S;
-      S = Z1.current, Z1.current = null, m3();
+      S = Z1.current, Z1.current = null, M3();
       try {
         if (l) {
-          var M = function() {
+          var m = function() {
             throw Error();
           };
-          if (Object.defineProperty(M.prototype, "props", {
+          if (Object.defineProperty(m.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(M, []);
+              Reflect.construct(m, []);
             } catch (B) {
               h = B;
             }
-            Reflect.construct(n, [], M);
+            Reflect.construct(n, [], m);
           } else {
             try {
-              M.call();
+              m.call();
             } catch (B) {
               h = B;
             }
-            n.call(M.prototype);
+            n.call(m.prototype);
           }
         } else {
           try {
@@ -567,7 +570,7 @@ function $2() {
       if (typeof n == "string")
         return v1(n);
       switch (n) {
-        case w:
+        case p:
           return v1("Suspense");
         case d:
           return v1("SuspenseList");
@@ -578,7 +581,7 @@ function $2() {
             return C3(n.render);
           case b:
             return f1(n.type, l, a);
-          case T: {
+          case P: {
             var h = n, C = h._payload, S = h._init;
             try {
               return f1(S(C), l, a);
@@ -588,7 +591,7 @@ function $2() {
         }
       return "";
     }
-    var n1 = Object.prototype.hasOwnProperty, K1 = {}, G1 = P.ReactDebugCurrentFrame;
+    var n1 = Object.prototype.hasOwnProperty, K1 = {}, G1 = $.ReactDebugCurrentFrame;
     function w1(n) {
       if (n) {
         var l = n._owner, a = f1(n.type, n._source, l ? l.type : null);
@@ -599,19 +602,19 @@ function $2() {
     function b3(n, l, a, h, C) {
       {
         var S = Function.call.bind(n1);
-        for (var M in n)
-          if (S(n, M)) {
+        for (var m in n)
+          if (S(n, m)) {
             var x = void 0;
             try {
-              if (typeof n[M] != "function") {
-                var D = Error((h || "React class") + ": " + a + " type `" + M + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[M] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof n[m] != "function") {
+                var D = Error((h || "React class") + ": " + a + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw D.name = "Invariant Violation", D;
               }
-              x = n[M](l, M, h, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              x = n[m](l, m, h, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (E) {
               x = E;
             }
-            x && !(x instanceof Error) && (w1(C), L("%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", a, M, typeof x), w1(null)), x instanceof Error && !(x.message in K1) && (K1[x.message] = !0, w1(C), L("Failed %s type: %s", a, x.message), w1(null));
+            x && !(x instanceof Error) && (w1(C), L("%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", a, m, typeof x), w1(null)), x instanceof Error && !(x.message in K1) && (K1[x.message] = !0, w1(C), L("Failed %s type: %s", a, x.message), w1(null));
           }
       }
     }
@@ -639,7 +642,7 @@ function $2() {
       if (R3(n))
         return L("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", y3(n)), q1(n);
     }
-    var r1 = P.ReactCurrentOwner, E3 = {
+    var r1 = $.ReactCurrentOwner, E3 = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -662,13 +665,13 @@ function $2() {
       }
       return n.key !== void 0;
     }
-    function $3(n, l) {
+    function T3(n, l) {
       if (typeof n.ref == "string" && r1.current && l && r1.current.stateNode !== l) {
         var a = k(r1.current.type);
         b1[a] || (L('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', k(r1.current.type), n.ref), b1[a] = !0);
       }
     }
-    function P3(n, l) {
+    function $3(n, l) {
       {
         var a = function() {
           z1 || (z1 = !0, L("%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));
@@ -679,7 +682,7 @@ function $2() {
         });
       }
     }
-    function T3(n, l) {
+    function P3(n, l) {
       {
         var a = function() {
           J1 || (J1 = !0, L("%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));
@@ -690,7 +693,7 @@ function $2() {
         });
       }
     }
-    var D3 = function(n, l, a, h, C, S, M) {
+    var D3 = function(n, l, a, h, C, S, m) {
       var x = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
@@ -698,7 +701,7 @@ function $2() {
         type: n,
         key: l,
         ref: a,
-        props: M,
+        props: m,
         // Record the component responsible for creating this element.
         _owner: S
       };
@@ -721,23 +724,23 @@ function $2() {
     };
     function A3(n, l, a, h, C) {
       {
-        var S, M = {}, x = null, D = null;
-        a !== void 0 && (Y1(a), x = "" + a), L3(l) && (Y1(l.key), x = "" + l.key), _3(l) && (D = l.ref, $3(l, C));
+        var S, m = {}, x = null, D = null;
+        a !== void 0 && (Y1(a), x = "" + a), L3(l) && (Y1(l.key), x = "" + l.key), _3(l) && (D = l.ref, T3(l, C));
         for (S in l)
-          n1.call(l, S) && !E3.hasOwnProperty(S) && (M[S] = l[S]);
+          n1.call(l, S) && !E3.hasOwnProperty(S) && (m[S] = l[S]);
         if (n && n.defaultProps) {
           var E = n.defaultProps;
           for (S in E)
-            M[S] === void 0 && (M[S] = E[S]);
+            m[S] === void 0 && (m[S] = E[S]);
         }
         if (x || D) {
           var _ = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
-          x && P3(M, _), D && T3(M, _);
+          x && $3(m, _), D && P3(m, _);
         }
-        return D3(n, x, D, C, h, r1.current, M);
+        return D3(n, x, D, C, h, r1.current, m);
       }
     }
-    var I1 = P.ReactCurrentOwner, X1 = P.ReactDebugCurrentFrame;
+    var I1 = $.ReactCurrentOwner, X1 = $.ReactDebugCurrentFrame;
     function X(n) {
       if (n) {
         var l = n._owner, a = f1(n.type, n._source, l ? l.type : null);
@@ -813,8 +816,8 @@ Check the top-level render call using <` + a + ">.");
         else if (n) {
           var C = o1(n);
           if (typeof C == "function" && C !== n.entries)
-            for (var S = C.call(n), M; !(M = S.next()).done; )
-              R1(M.value) && e3(M.value, l);
+            for (var S = C.call(n), m; !(m = S.next()).done; )
+              R1(m.value) && e3(m.value, l);
         }
       }
     }
@@ -858,8 +861,8 @@ Check the top-level render call using <` + a + ">.");
     var o3 = {};
     function s3(n, l, a, h, C, S) {
       {
-        var M = A(n);
-        if (!M) {
+        var m = A(n);
+        if (!m) {
           var x = "";
           (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (x += " 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 D = B3(C);
@@ -870,7 +873,7 @@ Check the top-level render call using <` + a + ">.");
         var _ = A3(n, l, a, C, S);
         if (_ == null)
           return _;
-        if (M) {
+        if (m) {
           var U = l.children;
           if (U !== void 0)
             if (h)
@@ -903,11 +906,11 @@ React keys must be passed directly to JSX without using spread:
     function U3(n, l, a) {
       return s3(n, l, a, !0);
     }
-    function F3(n, l, a) {
+    function W3(n, l, a) {
       return s3(n, l, a, !1);
     }
-    var W3 = F3, H3 = U3;
-    l1.Fragment = r, l1.jsx = W3, l1.jsxs = H3;
+    var F3 = W3, H3 = U3;
+    l1.Fragment = r, l1.jsx = F3, l1.jsxs = H3;
   }()), l1;
 }
 var i1 = {};
@@ -921,27 +924,27 @@ var i1 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var l3;
-function P2() {
+function $2() {
   if (l3)
     return i1;
   l3 = 1;
   var t = u3, e = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, c = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(g, f, w) {
-    var d, b = {}, T = null, F = null;
-    w !== void 0 && (T = "" + w), f.key !== void 0 && (T = "" + f.key), f.ref !== void 0 && (F = f.ref);
+  function i(g, f, p) {
+    var d, b = {}, P = null, W = null;
+    p !== void 0 && (P = "" + p), f.key !== void 0 && (P = "" + f.key), f.ref !== void 0 && (W = f.ref);
     for (d in f)
       r.call(f, d) && !u.hasOwnProperty(d) && (b[d] = f[d]);
     if (g && g.defaultProps)
       for (d in f = g.defaultProps, f)
         b[d] === void 0 && (b[d] = f[d]);
-    return { $$typeof: e, type: g, key: T, ref: F, props: b, _owner: c.current };
+    return { $$typeof: e, type: g, key: P, ref: W, props: b, _owner: c.current };
   }
   return i1.Fragment = s, i1.jsx = i, i1.jsxs = i, i1;
 }
-process.env.NODE_ENV === "production" ? P1.exports = P2() : P1.exports = $2();
-var o = P1.exports;
-const T2 = "_mwfit_ppa3l_1", D2 = {
-  mwfit: T2
+process.env.NODE_ENV === "production" ? $1.exports = $2() : $1.exports = T2();
+var o = $1.exports;
+const P2 = "_mwfit_ppa3l_1", D2 = {
+  mwfit: P2
 }, A2 = () => {
   const { reconnect: t } = I(), e = E2(), s = _2();
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsxs("div", { className: `disconnected-message ${D2.mwfit} mx-auto text-center`, children: [
@@ -972,32 +975,32 @@ function V2(t, e) {
   sessionStorage.setItem(t, e);
 }
 const k2 = ({ children: t }) => {
-  const [e, s] = H(), r = C2(), c = S2(), u = b2(), i = L2(), g = a2(), f = I2(), w = y2(), d = R2(), b = u1(null), [T, F] = H(), O = u1({}), z = c1(
+  const [e, s] = H(), r = C2(), c = S2(), u = b2(), i = L2(), g = a2(), f = I2(), p = y2(), d = R2(), b = u1(null), [P, W] = H(), O = u1({}), z = c1(
     async (y) => {
       try {
-        const j = await $1.get(`${y}/ui/joinroom?token=${e}`);
-        return j.status === 200 && j.data ? (m.dispatch(W.setRoomData(j.data)), !0) : !1;
+        const j = await T1.get(`${y}/ui/joinroom?token=${e}`);
+        return j.status === 200 && j.data ? (M.dispatch(F.setRoomData(j.data)), !0) : !1;
       } catch (j) {
-        return console.log(j), d ? !0 : j instanceof J3 && j.response && j.response.status === 498 ? (console.error("Invalid token. Unable to join room"), m.dispatch(q.setErrorMessage(`Token ${e} is invalid. Unable to join room`)), !1) : (console.error("Error getting room data", j), j instanceof Error ? m.dispatch(q.setErrorMessage(j.message)) : m.dispatch(q.setErrorMessage("Error getting room data")), !1);
+        return console.log(j), d ? !0 : j instanceof J3 && j.response && j.response.status === 498 ? (console.error("Invalid token. Unable to join room"), M.dispatch(q.setErrorMessage(`Token ${e} is invalid. Unable to join room`)), !1) : (console.error("Error getting room data", j), j instanceof Error ? M.dispatch(q.setErrorMessage(j.message)) : M.dispatch(q.setErrorMessage("Error getting room data")), !1);
       }
     },
     [e, d]
   ), o1 = c1(() => {
     const y = `${g.gatewayAppPath}?uuid=${f}&roomKey=${c}`;
-    window.location.href = w ? `${y}&Code=${w}` : y;
-  }, [g.gatewayAppPath, c, f, w]), P = c1(
+    window.location.href = p ? `${y}&Code=${p}` : y;
+  }, [g.gatewayAppPath, c, f, p]), $ = c1(
     (y, j) => {
       b.current && r && b.current.send(JSON.stringify({ type: y, clientId: u, content: j }));
     },
     [r, u]
   ), L = (y, j) => {
-    P(y, { value: j });
+    $(y, { value: j });
   }, x1 = c1(
     (y, j, h1) => {
       O.current[y] || (O.current[y] = {}), O.current[y][j] = h1, console.log("event handler added", y, j);
     },
     []
-  ), M1 = c1((y, j) => {
+  ), m1 = c1((y, j) => {
     O.current[y] && (delete O.current[y][j], console.log("event handler removed", y, j));
   }, []);
   return t1(() => {
@@ -1005,24 +1008,24 @@ const k2 = ({ children: t }) => {
     j ? (console.log("saving token: ", j), V2(i3.uuid, j)) : (j = O2(i3.uuid), console.log("loading token: ", j)), s(j), i();
   }, []), t1(() => {
     async function y() {
-      if (console.log("effect is running"), !(!g.apiPath || T || !e || !await z(g.apiPath)) && !b.current) {
+      if (console.log("effect is running"), !(!g.apiPath || P || !e || !await z(g.apiPath)) && !b.current) {
         console.log("connecting to websocket");
-        const m1 = `${g.apiPath.replace("http", "ws")}/ui/join/${e}`, K = new WebSocket(m1);
+        const M1 = `${g.apiPath.replace("http", "ws")}/ui/join/${e}`, K = new WebSocket(M1);
         b.current = K, K.onopen = (A) => {
-          console.log("connected", A.type, A.target), m.dispatch(W.setWebsocketIsConnected(!0));
+          console.log("connected", A.type, A.target), M.dispatch(F.setWebsocketIsConnected(!0));
         }, K.onerror = (A) => {
           console.log(A);
         }, K.onclose = (A) => {
           if (console.log("disconnected: ", A.reason, A.code), A.code === 4e3) {
-            console.log("user code changed"), m.dispatch(W.setUserCode({ userCode: "", qrUrl: "" })), m.dispatch(q.setErrorMessage("User code changed. Click reconnect to enter the new code")), m.dispatch(q.setShowReconnect(!0)), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
+            console.log("user code changed"), M.dispatch(F.setUserCode({ userCode: "", qrUrl: "" })), M.dispatch(q.setErrorMessage("User code changed. Click reconnect to enter the new code")), M.dispatch(q.setShowReconnect(!0)), M.dispatch(F.setWebsocketIsConnected(!1)), M.dispatch(N.clearDevices()), M.dispatch(e1.clearRooms());
             return;
           }
           if (A.code === 4001 && !d) {
-            console.log("processor disconnected"), m.dispatch(q.setErrorMessage("Processor has disconnected. Click Reconnect")), m.dispatch(q.setShowReconnect(!0)), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
+            console.log("processor disconnected"), M.dispatch(q.setErrorMessage("Processor has disconnected. Click Reconnect")), M.dispatch(q.setShowReconnect(!0)), M.dispatch(F.setWebsocketIsConnected(!1)), M.dispatch(N.clearDevices()), M.dispatch(e1.clearRooms());
             return;
           }
           if (A.code === 4002) {
-            console.log("room combination changed"), m.dispatch(q.setErrorMessage("Room combination changed. Click Reconnect to re-join the room")), m.dispatch(q.setShowReconnect(!0)), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
+            console.log("room combination changed"), M.dispatch(q.setErrorMessage("Room combination changed. Click Reconnect to re-join the room")), M.dispatch(q.setShowReconnect(!0)), M.dispatch(F.setWebsocketIsConnected(!1)), M.dispatch(N.clearDevices()), M.dispatch(e1.clearRooms());
             return;
           }
           if (b.current)
@@ -1031,7 +1034,7 @@ const k2 = ({ children: t }) => {
             console.log("WebSocket closed by client.");
             return;
           }
-          T || (m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms()), F(!0), setTimeout(() => F(void 0), 5e3));
+          P || (M.dispatch(F.setWebsocketIsConnected(!1)), M.dispatch(N.clearDevices()), M.dispatch(e1.clearRooms()), W(!0), setTimeout(() => W(void 0), 5e3));
         }, K.onmessage = (A) => {
           try {
             const R = JSON.parse(A.data);
@@ -1042,22 +1045,23 @@ const k2 = ({ children: t }) => {
             if (R.type.startsWith("/system/"))
               switch (R.type) {
                 case "/system/touchpanelKey":
-                  m.dispatch(
-                    W.setTouchpanelKey(
+                  M.dispatch(
+                    F.setTouchpanelKey(
                       R.content
                     )
                   );
                   break;
-                case "/system/roomKey":
-                  m.dispatch(
-                    W.setCurrentRoomKey(
+                case "/system/roomKey": {
+                  M.dispatch(e1.clearRooms()), M.dispatch(N.clearDevices()), M.dispatch(
+                    F.setCurrentRoomKey(
                       R.content
                     )
                   );
                   break;
+                }
                 case "/system/userCodeChanged":
-                  m.dispatch(
-                    W.setUserCode(
+                  M.dispatch(
+                    F.setUserCode(
                       R.content
                     )
                   );
@@ -1080,7 +1084,7 @@ const k2 = ({ children: t }) => {
                 }
               });
             } else
-              R.type.startsWith("/room/") ? m.dispatch(e1.setRoomState(R)) : R.type.startsWith("/device/") && m.dispatch(N.setDeviceState(R));
+              R.type.startsWith("/room/") ? M.dispatch(e1.setRoomState(R)) : R.type.startsWith("/device/") && M.dispatch(N.setDeviceState(R));
           } catch (R) {
             console.log(R);
           }
@@ -1090,22 +1094,22 @@ const k2 = ({ children: t }) => {
     return y(), () => {
       b.current && b.current.close(), b.current = null;
     };
-  }, [g.apiPath, z, e, T, d]), t1(() => {
-    !c || !r || (console.log("clientId: ", u), u && (console.log("requesting status from room: ", c), P(`/room/${c}/status`, null)));
-  }, [c, u, r, P]), /* @__PURE__ */ o.jsx(
+  }, [g.apiPath, z, e, P, d]), t1(() => {
+    !c || !r || (console.log("clientId: ", u), u && (console.log("requesting status from room: ", c), $(`/room/${c}/status`, null)));
+  }, [c, u, r, $]), /* @__PURE__ */ o.jsx(
     p3.Provider,
     {
       value: {
-        sendMessage: P,
+        sendMessage: $,
         sendSimpleMessage: L,
         addEventHandler: x1,
-        removeEventHandler: M1,
+        removeEventHandler: m1,
         reconnect: o1
       },
       children: r ? t : /* @__PURE__ */ o.jsx(A2, {})
     }
   );
-}, p6 = ({ children: t }) => /* @__PURE__ */ o.jsx(N3, { store: m, children: /* @__PURE__ */ o.jsx(k2, { children: t }) });
+}, x6 = ({ children: t }) => /* @__PURE__ */ o.jsx(N3, { store: M, children: /* @__PURE__ */ o.jsx(k2, { children: t }) });
 function I() {
   return n2(p3);
 }
@@ -1157,7 +1161,7 @@ function x3(t, e) {
     muteOff: () => s(`${t}/muteOff`, null)
   } : void 0;
 }
-function x6(t, e) {
+function m6(t, e) {
   const { sendMessage: s, sendSimpleMessage: r } = I(), c = v(`${t}`, "volumeUp"), u = v(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
@@ -1169,11 +1173,11 @@ function x6(t, e) {
     muteOff: () => s(`${t}/muteOff`, null)
   } : void 0;
 }
-function F2(t) {
-  const e = $(t), s = `/device/${t}`;
+function W2(t) {
+  const e = T(t), s = `/device/${t}`;
   return x3(s, e == null ? void 0 : e.volume);
 }
-function M3(t) {
+function m3(t) {
   const { sendMessage: e } = I();
   return { powerOn: () => {
     e(`/device/${t}/powerOn`, null);
@@ -1183,14 +1187,14 @@ function M3(t) {
     e(`/device/${t}/powerToggle`, null);
   } };
 }
-function T1(t) {
-  const { sendMessage: e } = I(), s = $(t);
+function P1(t) {
+  const { sendMessage: e } = I(), s = T(t);
   return console.log("deviceState", s), s ? { itemsState: s, selectItem: (c) => {
     e(`/device/${t}/${c}`, null);
   } } : void 0;
 }
-function W2(t) {
-  const { sendMessage: e } = I(), s = $(t), r = () => {
+function F2(t) {
+  const { sendMessage: e } = I(), s = T(t), r = () => {
     e(`/device/${t}/setDefaultChannelLevels`, null);
   }, c = () => {
     if ((s == null ? void 0 : s.levelControls) === void 0)
@@ -1202,7 +1206,7 @@ function W2(t) {
   return s ? { levelControls: s.levelControls, setDefaultChannelLevels: r, getFullStatus: c } : void 0;
 }
 function M6(t) {
-  const e = $(t), s = M3(t), r = T1(t), c = T1(t), u = F2(t), i = W2(t);
+  const e = T(t), s = m3(t), r = P1(t), c = P1(t), u = W2(t), i = F2(t);
   if (e)
     return {
       avrState: e,
@@ -1213,46 +1217,46 @@ function M6(t) {
       mainVolumeControl: u
     };
 }
-function m6(t) {
-  const e = $(t);
+function Z6(t) {
+  const e = T(t);
   if (e)
     return { endpointState: e };
 }
-function Z6(t) {
+function j6(t) {
   const e = `/device/${t}`, s = v(e, "chanUp"), r = v(e, "chanDown"), c = v(e, "lastChan"), u = v(e, "guide"), i = v(e, "info"), g = v(e, "exit");
   return { channelUp: s, channelDown: r, lastChannel: c, guide: u, info: i, exit: g };
 }
-function j6(t) {
+function C6(t) {
   const e = `/device/${t}`, s = v(e, "red"), r = v(e, "green"), c = v(e, "yellow"), u = v(e, "blue");
   return { red: s, green: r, yellow: c, blue: u };
 }
-function C6(t) {
-  const e = $(t);
+function S6(t) {
+  const e = T(t);
   if (e)
     return {
       communicationMonitorState: e
     };
 }
-function S6(t) {
+function b6(t) {
   const e = `/device/${t}`, s = v(e, "up"), r = v(e, "down"), c = v(e, "left"), u = v(e, "right"), i = v(e, "select"), g = v(e, "menu"), f = v(e, "exit");
   return { up: s, down: r, left: c, right: u, select: i, menu: g, exit: f };
 }
-function b6(t) {
-  const e = $(t);
+function I6(t) {
+  const e = T(t);
   if (e)
     return e.deviceInfo || void 0;
 }
-function I6(t) {
+function y6(t) {
   const { sendMessage: e } = I();
   return { recallPreset: (r) => {
     e(`/device/${t}/recallPreset`, r);
   } };
 }
-function y6(t) {
+function R6(t) {
   const e = `/device/${t}`, s = v(e, "dvrList"), r = v(e, "record");
   return { dvrList: s, record: r };
 }
-const R6 = ({ className: t }) => {
+const E6 = ({ className: t }) => {
   const [e, s] = H();
   return t1(() => {
     setInterval(() => {
@@ -1264,8 +1268,8 @@ const R6 = ({ className: t }) => {
     " new change"
   ] });
 };
-function E6(t) {
-  const { sendMessage: e } = I(), s = $(t);
+function _6(t) {
+  const { sendMessage: e } = I(), s = T(t);
   return s ? { roomCombinerState: s, setAutoMode: () => {
     e(`/device/${t}/setAutoMode`, null);
   }, setManualMode: () => {
@@ -1278,8 +1282,8 @@ function E6(t) {
     e(`/device/${t}/setRoomCombinationScenario`, f);
   } } : void 0;
 }
-function _6(t) {
-  const { sendMessage: e, sendSimpleMessage: s } = I(), r = $(t), c = j2(t), u = r || c;
+function L6(t) {
+  const { sendMessage: e, sendSimpleMessage: s } = I(), r = T(t), c = j2(t), u = r || c;
   return u ? {
     levelState: u,
     setLevel: (d, b) => s(`${d}/level`, b),
@@ -1288,14 +1292,14 @@ function _6(t) {
     muteOff: (d) => e(`${d}/muteOff`, null)
   } : void 0;
 }
-function L6(t) {
-  const { sendMessage: e } = I(), s = $(t);
+function T6(t) {
+  const { sendMessage: e } = I(), s = T(t);
   return s ? { lightingState: s, selectScene: (c) => {
     e(`/device/${t}/selectScene`, c);
   } } : void 0;
 }
 function $6(t) {
-  const { sendMessage: e } = I(), s = $(t);
+  const { sendMessage: e } = I(), s = T(t);
   return s ? { matrixRoutingState: s, setRoute: (c) => {
     e(`/device/${t}/route`, c);
   } } : void 0;
@@ -1306,42 +1310,42 @@ function P6(t) {
     e(`/device/${t}/closeWebViewController`, null);
   } };
 }
-function T6(t) {
-  const e = `/device/${t}`, s = v(e, "num0"), r = v(e, "num1"), c = v(e, "num2"), u = v(e, "num3"), i = v(e, "num4"), g = v(e, "num5"), f = v(e, "num6"), w = v(e, "num7"), d = v(e, "num8"), b = v(e, "num9"), T = v(e, "numDash"), F = v(e, "numEnter");
-  return { digit0: s, digit1: r, digit2: c, digit3: u, digit4: i, digit5: g, digit6: f, digit7: w, digit8: d, digit9: b, keypadAccessoryButton1: T, keypadAccessoryButton2: F };
-}
 function D6(t) {
-  const { sendMessage: e } = I(), s = $(t);
+  const e = `/device/${t}`, s = v(e, "num0"), r = v(e, "num1"), c = v(e, "num2"), u = v(e, "num3"), i = v(e, "num4"), g = v(e, "num5"), f = v(e, "num6"), p = v(e, "num7"), d = v(e, "num8"), b = v(e, "num9"), P = v(e, "numDash"), W = v(e, "numEnter");
+  return { digit0: s, digit1: r, digit2: c, digit3: u, digit4: i, digit5: g, digit6: f, digit7: p, digit8: d, digit9: b, keypadAccessoryButton1: P, keypadAccessoryButton2: W };
+}
+function A6(t) {
+  const { sendMessage: e } = I(), s = T(t);
   return s ? { projectorScreenLiftControlState: s, raise: () => {
     e(`/device/${t}/raise`, null);
   }, lower: () => {
     e(`/device/${t}/lower`, null);
   } } : void 0;
 }
-function A6(t) {
+function B6(t) {
   const { sendMessage: e } = I(), s = D1(t);
   return s ? { roomEventScheduleState: s, save: (c) => {
     e(`/room/${t}/saveScheduledEvents`, c);
   } } : void 0;
 }
-function B6(t) {
+function O6(t) {
   const { sendMessage: e } = I();
   return { runDirectRoute: (r) => {
     e(`/room/${t}/directRoute`, r);
   } };
 }
-function O6(t) {
+function V6(t) {
   const { sendMessage: e } = I();
-  return { routingState: $(t), runRoute: (c) => {
+  return { routingState: T(t), runRoute: (c) => {
     e(`/room/${t}/source`, c);
   } };
 }
-function V6(t) {
+function k6(t) {
   const e = `/device/${t}`, s = v(e, "chanUp"), r = v(e, "chanDown");
   return { dvrList: s, replay: r };
 }
-function k6(t) {
-  const { sendMessage: e } = I(), s = $(t);
+function U6(t) {
+  const { sendMessage: e } = I(), s = T(t);
   return s ? { shadeState: s, shadeUp: () => {
     e(`/device/${t}/shadeUp`, null);
   }, shadeDown: () => {
@@ -1350,7 +1354,7 @@ function k6(t) {
     e(`/device/${t}/stopOrPreset`, null);
   } } : void 0;
 }
-function U6(t) {
+function W6(t) {
   const { sendMessage: e } = I(), s = D1(t);
   return s ? { shutdownPromptTimerState: s, setShutdownPromptSeconds: (g) => {
     e(`/room/${t}/setShutdownPromptSeconds`, g);
@@ -1363,14 +1367,14 @@ function U6(t) {
   } } : void 0;
 }
 function F6(t) {
-  const { sendMessage: e } = I(), s = $(t);
+  const { sendMessage: e } = I(), s = T(t);
   return s ? { switchedOutputState: s, on: () => {
     e(`/device/${t}/on`, null);
   }, off: () => {
     e(`/device/${t}/off`, null);
   } } : void 0;
 }
-function W6(t) {
+function H6(t) {
   const { sendMessage: e } = I(), s = D1(t);
   return s ? { techPasswordState: s, validatePassword: (u) => {
     e(`/room/${t}/validateTechPassword`, { password: u });
@@ -1378,12 +1382,12 @@ function W6(t) {
     e(`/room/${t}/setTechPassword`, { oldPassword: u, newPassword: i });
   } } : void 0;
 }
-function H6(t) {
-  const e = `/device/${t}`, s = v(e, "play"), r = v(e, "pause"), c = v(e, "stop"), u = v(e, "prevTrack"), i = v(e, "nextTrack"), g = v(e, "rewind"), f = v(e, "ffwd"), w = v(e, "record");
-  return { play: s, pause: r, stop: c, prevTrack: u, nextTrack: i, rewind: g, fastForward: f, record: w };
-}
 function K6(t) {
-  const e = $(t), { sendMessage: s } = I();
+  const e = `/device/${t}`, s = v(e, "play"), r = v(e, "pause"), c = v(e, "stop"), u = v(e, "prevTrack"), i = v(e, "nextTrack"), g = v(e, "rewind"), f = v(e, "ffwd"), p = v(e, "record");
+  return { play: s, pause: r, stop: c, prevTrack: u, nextTrack: i, rewind: g, fastForward: f, record: p };
+}
+function G6(t) {
+  const e = T(t), { sendMessage: s } = I();
   return e ? {
     touchpanelState: e,
     appControl: { hideApp: () => {
@@ -1398,8 +1402,8 @@ function K6(t) {
     } }
   } : void 0;
 }
-function G6(t) {
-  const e = $(t), s = M3(t), r = T1(t);
+function q6(t) {
+  const e = T(t), s = m3(t), r = P1(t);
   if (!e)
     return;
   const c = (e.powerState || e.isWarming) && !e.isCooling, u = (!e.powerState || e.isCooling) && !e.isWarming;
@@ -1410,14 +1414,14 @@ function G6(t) {
     powerFb: { powerOnFb: c, powerOffFb: u }
   };
 }
-function q6(t) {
+function Y6(t) {
   const { sendMessage: e } = I();
   return { runDefaultPresentRoute: () => {
     e(`/room/${t}/defaultsource`, {});
   } };
 }
-function Y6(t) {
-  const { sendMessage: e } = I(), s = $(t), r = (c) => {
+function z6(t) {
+  const { sendMessage: e } = I(), s = T(t), r = (c) => {
     e(`/device/${t}/saveTheme`, { value: c });
   };
   return {
@@ -1425,7 +1429,7 @@ function Y6(t) {
     saveTheme: r
   };
 }
-const z6 = ({ config: t }) => {
+const J6 = ({ config: t }) => {
   const { sendMessage: e } = I();
   t1(() => {
     var r, c, u;
@@ -1454,11 +1458,11 @@ const z6 = ({ config: t }) => {
     });
   }, [t, e]);
 };
-function J6(t, e) {
+function X6(t, e) {
   const s = Z2(t, e), r = `/room/${t}/volumes/${e}`;
   return x3(r, s);
 }
-function X6() {
+function Q6() {
   const { sendMessage: t } = I();
   return {
     reboot: () => {
@@ -1469,7 +1473,7 @@ function X6() {
     }
   };
 }
-function Q6() {
+function N6() {
   const [t, e] = H(), [s, r] = H();
   function c() {
     e((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
@@ -1484,33 +1488,33 @@ function Q6() {
     return () => clearInterval(u);
   }, []), { date: t, time: s };
 }
-function N6(t, e) {
+function ee(t, e) {
   const [s, r] = H(!1), [c, u] = H(!1);
   return d3(() => {
     const { current: i } = t, g = () => {
-      const f = i && i.scrollHeight > i.clientHeight, w = i && i.scrollWidth > i.clientWidth;
-      u(f ?? !1), r(w ?? !1), e && e(f ?? !1, w ?? !1);
+      const f = i && i.scrollHeight > i.clientHeight, p = i && i.scrollWidth > i.clientWidth;
+      u(f ?? !1), r(p ?? !1), e && e(f ?? !1, p ?? !1);
     };
     i && g();
   }, [t, e]), { overflowHorizontal: s, overflowVertical: c };
 }
-function ee(t) {
+function te(t) {
   var g, f;
-  const [e, s] = H(((g = t == null ? void 0 : t.current) == null ? void 0 : g.scrollLeft) ?? 0), [r, c] = H(((f = t == null ? void 0 : t.current) == null ? void 0 : f.scrollTop) ?? 0), u = (w) => {
+  const [e, s] = H(((g = t == null ? void 0 : t.current) == null ? void 0 : g.scrollLeft) ?? 0), [r, c] = H(((f = t == null ? void 0 : t.current) == null ? void 0 : f.scrollTop) ?? 0), u = (p) => {
     const { current: d } = t;
-    d && (console.log(d.scrollLeft), d.scrollLeft += w, console.log(d.scrollLeft));
-  }, i = (w) => {
+    d && (console.log(d.scrollLeft), d.scrollLeft += p, console.log(d.scrollLeft));
+  }, i = (p) => {
     const { current: d } = t;
-    d && (console.log(d.scrollTop), d.scrollTop += w, console.log(d.scrollTop));
+    d && (console.log(d.scrollTop), d.scrollTop += p, console.log(d.scrollTop));
   };
   return d3(() => {
-    const { current: w } = t, d = () => {
-      s((w == null ? void 0 : w.scrollLeft) ?? 0), c((w == null ? void 0 : w.scrollTop) ?? 0);
+    const { current: p } = t, d = () => {
+      s((p == null ? void 0 : p.scrollLeft) ?? 0), c((p == null ? void 0 : p.scrollTop) ?? 0);
     };
-    w && d();
+    p && d();
   }, [t]), { horizontalScrollPosition: e, verticalScrollPosition: r, scrollHorizontal: u, scrollVertical: i };
 }
-const te = () => {
+const oe = () => {
   const [t, e] = H(!1), s = r2(), r = c2();
   let c;
   return l2(r) ? c = r.statusText : r instanceof Error ? c = r.message : typeof r == "string" ? c = r : (console.error(r), c = "Unknown error"), /* @__PURE__ */ o.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
@@ -1533,27 +1537,27 @@ const te = () => {
   disabled: i,
   feedback: g,
   feedbackClassName: f,
-  onPointerDown: w,
+  onPointerDown: p,
   onPointerUp: d,
   onPointerLeave: b,
-  ...T
+  ...P
 }) => {
-  const [F, O] = H(!1), z = !i && g ? f : "", o1 = !i && (F || g);
+  const [W, O] = H(!1), z = !i && g ? f : "", o1 = !i && (W || g);
   return /* @__PURE__ */ o.jsxs(
     "button",
     {
       type: "button",
       className: `${_1.iconbtn} ${s ? _1.iconbtnvert : ""} ${r} ${z}`,
-      ...T,
+      ...P,
       disabled: i,
-      onPointerDown: (P) => {
-        O(!0), w == null || w(P);
+      onPointerDown: ($) => {
+        O(!0), p == null || p($);
       },
-      onPointerUp: (P) => {
-        O(!1), d == null || d(P);
+      onPointerUp: ($) => {
+        O(!1), d == null || d($);
       },
-      onPointerLeave: (P) => {
-        O(!1), b == null || b(P);
+      onPointerLeave: ($) => {
+        O(!1), b == null || b($);
       },
       children: [
         t && /* @__PURE__ */ o.jsx(
@@ -1786,7 +1790,7 @@ const te = () => {
             "path",
             {
               d: "M111.57,63.01c-.5-1.94-1.51-3.52-3.02-4.74-1.51-1.22-3.27-1.83-5.28-1.83h-42.04c-2.01,0-3.79.61-5.34,1.83-1.54,1.22-2.53,2.8-2.96,4.74l-9.06,36.11c-.14.43-.22,1.08-.22,1.94,0,2.01.74,3.7,2.21,5.07,1.47,1.37,3.25,2.05,5.34,2.05,1.37,0,2.6-.36,3.72-1.08,1.11-.72,1.96-1.69,2.53-2.91l3.02-6.14c1.08-2.23,2.66-3.97,4.74-5.23,2.08-1.26,4.35-1.89,6.79-1.89h20.48c2.44,0,4.71.65,6.79,1.94,2.08,1.29,3.7,3.02,4.85,5.17l3.02,6.14c.58,1.22,1.42,2.19,2.53,2.91,1.11.72,2.35,1.08,3.72,1.08,2.01,0,3.74-.66,5.17-1.99,1.44-1.33,2.19-3,2.26-5.01,0,.07-.07-.61-.22-2.05l-9.06-36.11ZM94.27,61.98c.83-.83,1.85-1.24,3.07-1.24s2.25.41,3.07,1.24c.83.83,1.24,1.85,1.24,3.07s-.41,2.25-1.24,3.07c-.83.83-1.85,1.24-3.07,1.24s-2.25-.41-3.07-1.24c-.83-.83-1.24-1.85-1.24-3.07s.41-2.25,1.24-3.07ZM77.02,76c-.61.61-1.38.92-2.32.92h-4.31v4.31c0,.93-.31,1.71-.92,2.32-.61.61-1.38.92-2.32.92s-1.71-.31-2.32-.92c-.61-.61-.92-1.38-.92-2.32v-4.31h-4.31c-.93,0-1.71-.31-2.32-.92-.61-.61-.92-1.38-.92-2.32s.31-1.71.92-2.32c.61-.61,1.38-.92,2.32-.92h4.31v-4.31c0-.93.31-1.71.92-2.32.61-.61,1.38-.92,2.32-.92s1.71.31,2.32.92c.61.61.92,1.38.92,2.32v4.31h4.31c.93,0,1.71.31,2.32.92s.92,1.38.92,2.32-.31,1.71-.92,2.32ZM91.79,76.75c-.83.83-1.85,1.24-3.07,1.24s-2.25-.41-3.07-1.24c-.83-.83-1.24-1.85-1.24-3.07s.41-2.25,1.24-3.07c.83-.83,1.85-1.24,3.07-1.24s2.25.41,3.07,1.24c.83.83,1.24,1.85,1.24,3.07s-.41,2.25-1.24,3.07ZM100.41,85.38c-.83.83-1.85,1.24-3.07,1.24s-2.25-.41-3.07-1.24c-.83-.83-1.24-1.85-1.24-3.07s.41-2.25,1.24-3.07c.83-.83,1.85-1.24,3.07-1.24s2.25.41,3.07,1.24c.83.83,1.24,1.85,1.24,3.07s-.41,2.25-1.24,3.07ZM109.04,76.75c-.83.83-1.85,1.24-3.07,1.24s-2.25-.41-3.07-1.24c-.83-.83-1.24-1.85-1.24-3.07s.41-2.25,1.24-3.07c.83-.83,1.85-1.24,3.07-1.24s2.25.41,3.07,1.24,1.24,1.85,1.24,3.07-.41,2.25-1.24,3.07ZM82.3,0C36.92,0,0,36.92,0,82.3s36.92,82.3,82.3,82.3,82.3-36.92,82.3-82.3S127.69,0,82.3,0ZM124.89,112.22c-3.13,3.05-6.88,4.58-11.27,4.58-3.02,0-5.82-.79-8.41-2.37-2.59-1.58-4.53-3.74-5.82-6.47l-3.02-6.25c-.36-.72-.9-1.26-1.62-1.62-.72-.36-1.47-.54-2.26-.54h-20.48c-.79,0-1.55.18-2.26.54-.72.36-1.26.9-1.62,1.62l-3.02,6.25c-1.29,2.73-3.23,4.89-5.82,6.47-2.59,1.58-5.39,2.37-8.41,2.37-4.31,0-8-1.55-11.05-4.64-3.05-3.09-4.65-6.83-4.8-11.21,0-.65.04-1.29.11-1.94.07-.65.18-1.29.32-1.94l9.06-36.22c1.01-3.88,3.05-7.03,6.15-9.43,3.09-2.41,6.61-3.61,10.56-3.61h42.04c3.95,0,7.47,1.2,10.56,3.61,3.09,2.41,5.14,5.55,6.14,9.43l9.06,36.22c.14.65.27,1.31.38,1.99s.16,1.35.16,1.99c0,4.38-1.56,8.1-4.69,11.16Z",
-              "stroke-width": "0"
+              strokeWidth: "0"
             }
           ) })
         }
@@ -1805,7 +1809,7 @@ const te = () => {
             "path",
             {
               d: "M96.54,86.55l5.04-5.04c.04.26.07.52.07.8,0,1.22-.41,2.25-1.24,3.07-.83.83-1.85,1.24-3.07,1.24-.28,0-.54-.03-.8-.07ZM105.97,77.99c1.22,0,2.25-.41,3.07-1.24.83-.83,1.24-1.85,1.24-3.07,0-.28-.03-.54-.07-.8l-5.04,5.04c.26.04.52.07.8.07ZM129.04,97.07l-8.6-34.41-7.15,7.15,7.35,29.31c.14,1.44.22,2.12.22,2.05-.07,2.01-.83,3.68-2.26,5.01-1.44,1.33-3.16,1.99-5.17,1.99-1.37,0-2.6-.36-3.72-1.08-1.11-.72-1.96-1.69-2.53-2.91l-3.02-6.14c-1.15-2.16-2.77-3.88-4.85-5.17-2.08-1.29-4.35-1.94-6.79-1.94h-.33l-8.62,8.62h8.95c.79,0,1.55.18,2.26.54.72.36,1.26.9,1.62,1.62l3.02,6.25c1.29,2.73,3.23,4.89,5.82,6.47,2.59,1.58,5.39,2.37,8.41,2.37,4.38,0,8.14-1.53,11.27-4.58,3.13-3.05,4.69-6.77,4.69-11.16,0-.65-.05-1.31-.16-1.99s-.23-1.35-.38-1.99ZM43.77,102.35c-.07-.42-.12-.84-.12-1.29,0-.86.07-1.51.22-1.94l9.06-36.11c.43-1.94,1.42-3.52,2.96-4.74,1.54-1.22,3.32-1.83,5.34-1.83h28.46l8.62-8.62h-37.09c-3.95,0-7.47,1.2-10.56,3.61-3.09,2.41-5.14,5.55-6.14,9.43l-9.06,36.22c-.14.65-.25,1.29-.32,1.94-.07.65-.11,1.29-.11,1.94.1,2.92.85,5.55,2.24,7.9l6.5-6.5ZM74.7,70.45h-4.31v-4.31c0-.93-.31-1.71-.92-2.32-.61-.61-1.38-.92-2.32-.92s-1.71.31-2.32.92c-.61.61-.92,1.38-.92,2.32v4.31h-4.31c-.93,0-1.71.31-2.32.92s-.92,1.38-.92,2.32.31,1.71.92,2.32c.61.61,1.38.92,2.32.92h4.31v4.31c0,.31.05.59.11.86l11.53-11.53c-.27-.07-.56-.11-.86-.11ZM164.61,82.3c0,45.38-36.92,82.3-82.3,82.3S0,127.69,0,82.3,36.92,0,82.3,0s82.3,36.92,82.3,82.3ZM5,82.3c0,19.83,7.51,37.93,19.82,51.63L133.93,24.83c-13.7-12.32-31.8-19.83-51.63-19.83C39.68,5,5,39.68,5,82.3ZM159.61,82.3c0-19.83-7.51-37.93-19.83-51.63L30.68,139.78c13.7,12.32,31.8,19.83,51.63,19.83,42.63,0,77.3-34.68,77.3-77.3Z",
-              "stroke-width": "0"
+              strokeWidth: "0"
             }
           ) })
         }
@@ -1824,7 +1828,7 @@ const te = () => {
             "path",
             {
               d: "M50.88,116.8c-4.31,0-8-1.55-11.05-4.64-3.05-3.09-4.65-6.83-4.8-11.21,0-.65.04-1.29.11-1.94s.18-1.29.32-1.94l9.06-36.22c1.01-3.88,3.05-7.03,6.14-9.43s6.61-3.61,10.56-3.61h42.04c3.95,0,7.47,1.2,10.56,3.61s5.14,5.55,6.14,9.43l9.06,36.22c.14.65.27,1.31.38,1.99s.16,1.35.16,1.99c0,4.38-1.56,8.1-4.69,11.16s-6.88,4.58-11.27,4.58c-3.02,0-5.82-.79-8.41-2.37s-4.53-3.74-5.82-6.47l-3.02-6.25c-.36-.72-.9-1.26-1.62-1.62s-1.47-.54-2.26-.54h-20.48c-.79,0-1.55.18-2.26.54s-1.26.9-1.62,1.62l-3.02,6.25c-1.29,2.73-3.23,4.89-5.82,6.47s-5.39,2.37-8.41,2.37ZM51.2,108.18c1.37,0,2.61-.36,3.72-1.08,1.11-.72,1.96-1.69,2.53-2.91l3.02-6.14c1.08-2.23,2.66-3.97,4.74-5.23s4.35-1.89,6.79-1.89h20.48c2.44,0,4.71.65,6.79,1.94s3.7,3.02,4.85,5.17l3.02,6.14c.57,1.22,1.42,2.19,2.53,2.91,1.11.72,2.35,1.08,3.72,1.08,2.01,0,3.74-.66,5.17-1.99,1.44-1.33,2.19-3,2.26-5.01,0,.07-.07-.61-.22-2.05l-9.06-36.11c-.5-1.94-1.51-3.52-3.02-4.74s-3.27-1.83-5.28-1.83h-42.04c-2.01,0-3.79.61-5.34,1.83s-2.53,2.8-2.96,4.74l-9.06,36.11c-.14.43-.22,1.08-.22,1.94,0,2.01.74,3.7,2.21,5.07,1.47,1.37,3.25,2.05,5.34,2.05ZM88.72,77.99c1.22,0,2.25-.41,3.07-1.24s1.24-1.85,1.24-3.07-.41-2.25-1.24-3.07-1.85-1.24-3.07-1.24-2.25.41-3.07,1.24c-.83.83-1.24,1.85-1.24,3.07s.41,2.25,1.24,3.07c.83.83,1.85,1.24,3.07,1.24ZM97.34,69.37c1.22,0,2.25-.41,3.07-1.24s1.24-1.85,1.24-3.07-.41-2.25-1.24-3.07-1.85-1.24-3.07-1.24-2.25.41-3.07,1.24-1.24,1.85-1.24,3.07.41,2.25,1.24,3.07,1.85,1.24,3.07,1.24ZM97.34,86.62c1.22,0,2.25-.41,3.07-1.24s1.24-1.85,1.24-3.07-.41-2.25-1.24-3.07c-.83-.83-1.85-1.24-3.07-1.24s-2.25.41-3.07,1.24c-.83.83-1.24,1.85-1.24,3.07s.41,2.25,1.24,3.07,1.85,1.24,3.07,1.24ZM105.97,77.99c1.22,0,2.25-.41,3.07-1.24s1.24-1.85,1.24-3.07-.41-2.25-1.24-3.07-1.85-1.24-3.07-1.24-2.25.41-3.07,1.24-1.24,1.85-1.24,3.07.41,2.25,1.24,3.07,1.85,1.24,3.07,1.24ZM67.16,84.46c.93,0,1.71-.31,2.32-.92s.92-1.38.92-2.32v-4.31h4.31c.93,0,1.71-.31,2.32-.92s.92-1.38.92-2.32-.31-1.71-.92-2.32-1.38-.92-2.32-.92h-4.31v-4.31c0-.93-.31-1.71-.92-2.32s-1.38-.92-2.32-.92-1.71.31-2.32.92-.92,1.38-.92,2.32v4.31h-4.31c-.93,0-1.71.31-2.32.92s-.92,1.38-.92,2.32.31,1.71.92,2.32,1.38.92,2.32.92h4.31v4.31c0,.93.31,1.71.92,2.32s1.38.92,2.32.92ZM82.3,164.61C36.92,164.61,0,127.69,0,82.3S36.92,0,82.3,0s82.3,36.92,82.3,82.3-36.92,82.3-82.3,82.3ZM82.3,5C39.68,5,5,39.68,5,82.3s34.68,77.3,77.3,77.3,77.3-34.68,77.3-77.3S124.93,5,82.3,5Z",
-              "stroke-width": "0"
+              strokeWidth: "0"
             }
           ) })
         }
@@ -2632,7 +2636,7 @@ const te = () => {
             "path",
             {
               d: "M78.42,76.11v.67c0,1.66-1.34,3-3,3h-28.5c-1.66,0-3-1.34-3-3v-.67c0-1.66,1.34-3,3-3h28.5c1.66,0,3,1.34,3,3ZM75.42,63.11h-28.5c-1.66,0-3,1.34-3,3v.67c0,1.66,1.34,3,3,3h28.5c1.66,0,3-1.34,3-3v-.67c0-1.66-1.34-3-3-3ZM74.67,110.78c-2.07,0-3.75,1.68-3.75,3.75s1.68,3.75,3.75,3.75,3.75-1.68,3.75-3.75-1.68-3.75-3.75-3.75ZM164.61,82.3c0,45.38-36.92,82.3-82.3,82.3S0,127.69,0,82.3,36.92,0,82.3,0s82.3,36.92,82.3,82.3ZM82.63,60.68c0-2.15-1.74-3.89-3.89-3.89h-34.83c-2.15,0-3.89,1.74-3.89,3.89v59.64c0,2.15,1.74,3.89,3.89,3.89h34.83c2.15,0,3.89-1.74,3.89-3.89v-59.64ZM124.59,44.82c0-2.44-1.98-4.43-4.43-4.43H54.78c-2.44,0-4.43,1.98-4.43,4.43v6.96h6.06v-1.66c0-1.47,1.19-2.66,2.66-2.66h56.8c1.47,0,2.66,1.19,2.66,2.66v32.53c0,1.47-1.19,2.66-2.66,2.66h-28.24v20.48h21.98c0-4.6-5.41-11.57-13.23-13.41h23.77c2.44,0,4.43-1.98,4.43-4.43v-43.13Z",
-              "stroke-width": "0"
+              strokeWidth: "0"
             }
           ) })
         }
@@ -2651,7 +2655,7 @@ const te = () => {
             "path",
             {
               d: "M82.3,0C36.92,0,0,36.92,0,82.3s36.92,82.3,82.3,82.3,82.3-36.92,82.3-82.3S127.69,0,82.3,0ZM82.3,5c19.83,0,37.93,7.51,51.63,19.83L24.83,133.93c-12.32-13.7-19.83-31.8-19.83-51.63C5,39.68,39.68,5,82.3,5ZM82.3,159.61c-19.83,0-37.93-7.51-51.63-19.83L139.78,30.68c12.32,13.7,19.82,31.8,19.82,51.63,0,42.63-34.68,77.3-77.3,77.3ZM56.41,51.79h-6.06v-6.96c0-2.44,1.98-4.43,4.43-4.43h50.95l-7.07,7.07h-39.58c-1.47,0-2.66,1.19-2.66,2.66v1.66ZM40.02,106.1v-45.42c0-2.15,1.74-3.89,3.89-3.89h34.83c2.15,0,3.89,1.74,3.89,3.89v2.81l-4.45,4.45c.15-.36.23-.75.23-1.16v-.67c0-1.66-1.34-3-3-3h-28.5c-1.66,0-3,1.34-3,3v.67c0,1.66,1.34,3,3,3h28.5c.41,0,.8-.08,1.16-.23l-3.57,3.57h-26.09c-1.66,0-3,1.34-3,3v.67c0,1.66,1.34,3,3,3h19.43l-26.32,26.32ZM124.59,58.5v29.46c0,2.44-1.98,4.43-4.43,4.43h-23.77c7.81,1.84,13.23,8.81,13.23,13.41h-21.98v-10.34l10.15-10.15h18.09c1.47,0,2.66-1.19,2.66-2.66v-18.09l6.06-6.06ZM58.88,124.21h19.86c2.15,0,3.89-1.74,3.89-3.89v-19.86l-23.75,23.75ZM74.67,118.28c-2.07,0-3.75-1.68-3.75-3.75s1.68-3.75,3.75-3.75,3.75,1.68,3.75,3.75-1.68,3.75-3.75,3.75Z",
-              "stroke-width": "0"
+              strokeWidth: "0"
             }
           ) })
         }
@@ -2670,7 +2674,7 @@ const te = () => {
             "path",
             {
               d: "M78.74,56.79h-34.83c-2.15,0-3.89,1.74-3.89,3.89v59.64c0,2.15,1.74,3.89,3.89,3.89h34.83c2.15,0,3.89-1.74,3.89-3.89v-59.64c0-2.15-1.74-3.89-3.89-3.89ZM74.67,118.28c-2.07,0-3.75-1.68-3.75-3.75s1.68-3.75,3.75-3.75,3.75,1.68,3.75,3.75-1.68,3.75-3.75,3.75ZM78.42,76.78c0,1.66-1.34,3-3,3h-28.5c-1.66,0-3-1.34-3-3v-.67c0-1.66,1.34-3,3-3h28.5c1.66,0,3,1.34,3,3v.67ZM78.42,66.78c0,1.66-1.34,3-3,3h-28.5c-1.66,0-3-1.34-3-3v-.67c0-1.66,1.34-3,3-3h28.5c1.66,0,3,1.34,3,3v.67ZM124.59,44.82v43.13c0,2.44-1.98,4.43-4.43,4.43h-23.77c7.81,1.84,13.23,8.81,13.23,13.41h-21.98v-20.48h28.24c1.47,0,2.66-1.19,2.66-2.66v-32.53c0-1.47-1.19-2.66-2.66-2.66h-56.8c-1.47,0-2.66,1.19-2.66,2.66v1.66h-6.06v-6.96c0-2.44,1.98-4.43,4.43-4.43h65.38c2.44,0,4.43,1.98,4.43,4.43ZM82.3,164.61C36.92,164.61,0,127.69,0,82.3S36.92,0,82.3,0s82.3,36.92,82.3,82.3-36.92,82.3-82.3,82.3ZM82.3,5C39.68,5,5,39.68,5,82.3s34.68,77.3,77.3,77.3,77.3-34.68,77.3-77.3S124.93,5,82.3,5Z",
-              "stroke-width": "0"
+              strokeWidth: "0"
             }
           ) }) })
         }
@@ -2826,7 +2830,7 @@ const te = () => {
     active: t,
     disabled: s
   }
-), M8 = ({
+), m8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2875,7 +2879,7 @@ const te = () => {
     active: t,
     disabled: s
   }
-), m8 = ({
+), M8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -3196,14 +3200,14 @@ const te = () => {
   Shade: w8,
   Sun: p8,
   UpArrow: x8,
-  VolDown: M8,
-  VolMute: m8,
+  VolDown: m8,
+  VolMute: M8,
   VolUp: Z8,
   Wireless: j8,
   X: C8,
   Xbox: S8
 };
-function oe({
+function se({
   name: t,
   iconsDictionary: e = I8,
   ...s
@@ -3217,17 +3221,17 @@ const y8 = "_grid_1cmpp_1", R8 = "_header_1cmpp_11", E8 = "_content_1cmpp_17", _
   content: E8,
   footer: _8,
   volume: L8
-}, se = ({ header: t, footer: e, content: s, volume: r, showVolume: c }) => /* @__PURE__ */ o.jsxs("div", { className: a1.grid, children: [
+}, ne = ({ header: t, footer: e, content: s, volume: r, showVolume: c }) => /* @__PURE__ */ o.jsxs("div", { className: a1.grid, children: [
   /* @__PURE__ */ o.jsx("div", { className: a1.header, children: t }),
   /* @__PURE__ */ o.jsx("div", { className: a1.content, children: s }),
   c && /* @__PURE__ */ o.jsx("div", { className: a1.volume, children: r }),
   /* @__PURE__ */ o.jsx("div", { className: a1.footer, children: e })
-] }), $8 = "_grid_11w5q_1", P8 = "_header_11w5q_11", T8 = "_content_11w5q_17", p1 = {
-  grid: $8,
-  header: P8,
-  content: T8,
+] }), T8 = "_grid_11w5q_1", $8 = "_header_11w5q_11", P8 = "_content_11w5q_17", p1 = {
+  grid: T8,
+  header: $8,
+  content: P8,
   "left-nav": "_left-nav_11w5q_23"
-}, ne = ({ className: t, header: e, content: s, leftNav: r }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${p1.grid}`, children: [
+}, re = ({ className: t, header: e, content: s, leftNav: r }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${p1.grid}`, children: [
   /* @__PURE__ */ o.jsx("div", { className: p1.header, children: e }),
   r && /* @__PURE__ */ o.jsx("div", { className: p1.leftNav, children: r }),
   /* @__PURE__ */ o.jsx("div", { className: p1.content, children: s })
@@ -3235,30 +3239,30 @@ const y8 = "_grid_1cmpp_1", R8 = "_header_1cmpp_11", E8 = "_content_1cmpp_17", _
   grid: D8,
   header: A8,
   content: B8
-}, re = ({ className: t, header: e, content: s }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${L1.grid}`, children: [
+}, ce = ({ className: t, header: e, content: s }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${L1.grid}`, children: [
   /* @__PURE__ */ o.jsx("div", { className: L1.header, children: e }),
   /* @__PURE__ */ o.jsx("div", { className: L1.content, children: s })
 ] });
-function ce() {
+function le() {
   return console.log(location.pathname), location.pathname;
 }
 var O8 = /* @__PURE__ */ ((t) => (t[t.NotSet = 0] = "NotSet", t[t.Sunday = 1] = "Sunday", t[t.Monday = 2] = "Monday", t[t.Tuesday = 4] = "Tuesday", t[t.Wednesday = 8] = "Wednesday", t[t.Thursday = 16] = "Thursday", t[t.Friday = 32] = "Friday", t[t.Saturday = 64] = "Saturday", t))(O8 || {});
-class le {
+class ie {
   constructor(e, s) {
     V(this, "path");
     V(this, "handler");
     this.path = e, this.handler = s;
   }
 }
-const ie = "$off";
-class ae {
+const ae = "$off";
+class ue {
   constructor() {
     V(this, "name", "");
     V(this, "iconUrl", "");
     V(this, "channel", "");
   }
 }
-class ue {
+class de {
   constructor() {
     V(this, "currentShareText");
     V(this, "enabled");
@@ -3266,9 +3270,9 @@ class ue {
   }
 }
 export {
-  R6 as Clock,
+  E6 as Clock,
   O8 as DaysOfWeek,
-  te as ErrorBox,
+  oe as ErrorBox,
   q2 as IconButton,
   Y2 as IconMultiAlert,
   z2 as IconMultiBan,
@@ -3295,75 +3299,75 @@ export {
   w8 as IconMultiShade,
   p8 as IconMultiSun,
   x8 as IconMultiUpArrow,
-  M8 as IconMultiVolDown,
-  m8 as IconMultiVolMute,
+  m8 as IconMultiVolDown,
+  M8 as IconMultiVolMute,
   Z8 as IconMultiVolUp,
   j8 as IconMultiWireless,
   C8 as IconMultiX,
   S8 as IconMultiXbox,
-  se as MainLayout,
-  le as MessageHandler,
-  p6 as MobileControlProvider,
+  ne as MainLayout,
+  ie as MessageHandler,
+  x6 as MobileControlProvider,
   Z as MultiStateIconContainer,
-  oe as NamedIconButton,
-  ae as PresetChannel,
-  ue as ShareState,
-  ne as TechLayout,
-  re as TechPinLayout,
-  ce as getBaseLocation,
-  $1 as httpClient,
-  ie as roomOffSourceKey,
-  m as store,
+  se as NamedIconButton,
+  ue as PresetChannel,
+  de as ShareState,
+  re as TechLayout,
+  ce as TechPinLayout,
+  le as getBaseLocation,
+  T1 as httpClient,
+  ae as roomOffSourceKey,
+  M as store,
   q as uiActions,
-  M2 as uiReducer,
+  m2 as uiReducer,
   K8 as useApiPath,
   a2 as useAppConfig,
   i2 as useAppDispatch,
-  p as useAppSelector,
+  w as useAppSelector,
   M6 as useAvrControl,
   b2 as useClientId,
-  F2 as useDeviceIBasicVolumeWithFeedback,
-  m6 as useEndpoint,
+  W2 as useDeviceIBasicVolumeWithFeedback,
+  Z6 as useEndpoint,
   E2 as useError,
-  z6 as useGetAllDeviceStateFromRoomConfiguration,
+  J6 as useGetAllDeviceStateFromRoomConfiguration,
   u2 as useGetAllDevices,
   f6 as useGetCurrentPopoverIdForGroup,
-  $ as useGetDevice,
-  x6 as useGetIBasicVolumeWithFeedback,
+  T as useGetDevice,
+  m6 as useGetIBasicVolumeWithFeedback,
   l6 as useGetRoomDisplayStates,
   i6 as useGetZoomRoomControllerKey,
   x3 as useIBasicVolumeWithFeedback,
-  Z6 as useIChannelMessenger,
-  j6 as useIColor,
-  C6 as useICommunicationMonitor,
-  S6 as useIDPad,
-  b6 as useIDeviceInfoMessenger,
-  I6 as useIDspPresets,
-  y6 as useIDvr,
-  E6 as useIEssentialsRoomCombiner,
-  M3 as useIHasPowerControl,
-  T1 as useIHasSelectableItems,
-  _6 as useILevelControls,
-  L6 as useILightingScenes,
+  j6 as useIChannelMessenger,
+  C6 as useIColor,
+  S6 as useICommunicationMonitor,
+  b6 as useIDPad,
+  I6 as useIDeviceInfoMessenger,
+  y6 as useIDspPresets,
+  R6 as useIDvr,
+  _6 as useIEssentialsRoomCombiner,
+  m3 as useIHasPowerControl,
+  P1 as useIHasSelectableItems,
+  L6 as useILevelControls,
+  T6 as useILightingScenes,
   $6 as useIMatrixRouting,
   P6 as useIMcCiscoCodecUserInterfaceAppControl,
-  T6 as useINumeric,
-  D6 as useIProjectorScreenLiftControl,
-  A6 as useIRoomEventSchedule,
-  q6 as useIRunDefaultPresentRoute,
-  B6 as useIRunDirectRouteAction,
-  O6 as useIRunRouteAction,
-  V6 as useISetTopBoxControls,
-  k6 as useIShadesOpenCloseStop,
-  U6 as useIShutdownPromptTimer,
+  D6 as useINumeric,
+  A6 as useIProjectorScreenLiftControl,
+  B6 as useIRoomEventSchedule,
+  Y6 as useIRunDefaultPresentRoute,
+  O6 as useIRunDirectRouteAction,
+  V6 as useIRunRouteAction,
+  k6 as useISetTopBoxControls,
+  U6 as useIShadesOpenCloseStop,
+  W6 as useIShutdownPromptTimer,
   F6 as useISwitchedOutput,
-  W6 as useITechPassword,
-  Y6 as useITheme,
-  H6 as useITransport,
+  H6 as useITechPassword,
+  z6 as useITheme,
+  K6 as useITransport,
   L2 as useInitialize,
   d6 as useIsTouchpanel,
-  K6 as useMobileControlTouchpanelController,
-  N6 as useOverflow,
+  G6 as useMobileControlTouchpanelController,
+  ee as useOverflow,
   U2 as usePressHoldRelease,
   r6 as useRoomAdvancedSharingActive,
   z8 as useRoomAudioControlPointList,
@@ -3372,7 +3376,7 @@ export {
   X8 as useRoomDestinationList,
   J8 as useRoomDestinations,
   Q8 as useRoomEnvironmentalDevices,
-  J6 as useRoomIBasicVolumeWithFeedback,
+  X6 as useRoomIBasicVolumeWithFeedback,
   t6 as useRoomInCall,
   s6 as useRoomIsCoolingDown,
   n6 as useRoomIsOn,
@@ -3386,18 +3390,19 @@ export {
   D1 as useRoomState,
   Z2 as useRoomVolume,
   a6 as useRuntimeInfo,
-  ee as useScroll,
+  te as useScroll,
   R2 as useServerIsRunningOnProcessorHardware,
   v6 as useShowIncomingCallModal,
   g6 as useShowModal,
   w6 as useShowPopoverById,
   _2 as useShowReconnect,
   h6 as useShowShutdownModal,
-  X6 as useSystemControl,
+  Q6 as useSystemControl,
   I2 as useSystemUuid,
-  Q6 as useTimeAndDate,
+  p6 as useTheme,
+  N6 as useTimeAndDate,
   u6 as useTouchpanelKey,
-  G6 as useTwoWayDisplayBase,
+  q6 as useTwoWayDisplayBase,
   y2 as useUserCode,
   I as useWebsocketContext,
   C2 as useWsIsConnected