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

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

@@ -1,13 +1,17 @@
-var J3 = Object.defineProperty;
-var X3 = (t, e, s) => e in t ? J3(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
-var V = (t, e, s) => (X3(t, typeof e != "symbol" ? e + "" : e, s), s);
-import Q3, { AxiosError as N3 } from "axios";
-import { createSlice as d1, combineReducers as e2, configureStore as u3, createSelector as t2 } from "@reduxjs/toolkit";
-import { useSelector as o2, useDispatch as s2, Provider as n2 } from "react-redux";
-import * as d3 from "lodash";
-import h3, { createContext as r2, useState as H, useRef as u1, useCallback as c1, useEffect as t1, useContext as c2, useLayoutEffect as v3 } from "react";
-import { useNavigate as l2, useRouteError as i2, isRouteErrorResponse as a2 } from "react-router-dom";
-const u2 = {
+var q3 = Object.defineProperty;
+var Y3 = (t, e, s) => e in t ? q3(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var V = (t, e, s) => (Y3(t, typeof e != "symbol" ? e + "" : e, s), s);
+import z3, { AxiosError as J3 } from "axios";
+import { useDispatch as X3, useSelector as Q3, Provider as N3 } from "react-redux";
+import { createSlice as d1, combineReducers as e2, configureStore as t2, createSelector as o2 } from "@reduxjs/toolkit";
+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 d2 = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -17,32 +21,32 @@ const u2 = {
     loginMode: "",
     modes: {}
   }
-}, g3 = d1({
+}, h3 = d1({
   name: "appConfig",
-  initialState: u2,
+  initialState: d2,
   reducers: {
     setAppConfig(t, e) {
       t.config = e.payload;
     }
   }
-}), d2 = g3.actions, h2 = g3.reducer, r3 = {}, f3 = d1({
+}), h2 = h3.actions, v2 = h3.reducer, n3 = {}, v3 = d1({
   name: "devices",
-  initialState: r3,
+  initialState: n3,
   reducers: {
     setDeviceState(t, e) {
       const s = e.payload.type, r = s.slice(s.lastIndexOf("/") + 1);
       if (!r)
         return;
-      const c = e.payload.content, u = t[r] ?? {}, i = d3.merge(u, c);
+      const c = e.payload.content, u = t[r] ?? {}, i = a3.merge(u, c);
       return t[r] = i, t;
     },
     clearDevices() {
-      return r3;
+      return n3;
     }
   }
-}), N = f3.actions, v2 = f3.reducer, c3 = {}, w3 = d1({
+}), N = v3.actions, g2 = v3.reducer, r3 = {}, g3 = d1({
   name: "rooms",
-  initialState: c3,
+  initialState: r3,
   reducers: {
     setRoomState(t, e) {
       const s = e.payload.type, r = s.slice(s.lastIndexOf("/") + 1);
@@ -50,14 +54,14 @@ const u2 = {
         return;
       const c = e.payload.content;
       console.log(c);
-      const u = t[r] ?? {}, i = d3.merge(u, c);
+      const u = t[r] ?? {}, i = a3.merge(u, c);
       return t[r] = i, console.log(t), t;
     },
     clearRooms() {
-      return c3;
+      return r3;
     }
   }
-}), e1 = w3.actions, g2 = w3.reducer, f2 = {
+}), e1 = g3.actions, f2 = g3.reducer, w2 = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -85,9 +89,9 @@ const u2 = {
     userCode: "",
     qrUrl: ""
   }
-}, p3 = d1({
+}, f3 = d1({
   name: "runtimeConfig",
-  initialState: f2,
+  initialState: w2,
   reducers: {
     setRuntimeConfig(t, e) {
       t.apiVersion = e.payload.apiVersion, t.serverIsRunningOnProcessorHardware = e.payload.serverIsRunningOnProcessorHardware;
@@ -105,7 +109,7 @@ const u2 = {
       t.roomData = e.payload;
     },
     setCurrentRoomKey(t, e) {
-      $1.dispatch(e1.clearRooms()), $1.dispatch(N.clearDevices()), t.currentRoomKey = e.payload;
+      m.dispatch(e1.clearRooms()), m.dispatch(N.clearDevices()), t.currentRoomKey = e.payload;
     },
     setUserCode(t, e) {
       t.roomData.userCode = e.payload.userCode, t.roomData.qrUrl = e.payload.qrUrl;
@@ -114,7 +118,7 @@ const u2 = {
       t.touchpanelKey = e.payload;
     }
   }
-}), W = p3.actions, w2 = p3.reducer, p2 = {
+}), W = f3.actions, p2 = f3.reducer, x2 = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -122,9 +126,9 @@ const u2 = {
     showIncomingCallModal: !1
   },
   popoverVisibility: {}
-}, x3 = d1({
+}, w3 = d1({
   name: "ui",
-  initialState: p2,
+  initialState: x2,
   reducers: {
     clearAllModals(t) {
       Object.entries(t.modalVisibility).forEach(([e]) => {
@@ -152,106 +156,102 @@ const u2 = {
       t.showReconnect = e.payload;
     }
   }
-}), q = x3.actions, x2 = x3.reducer, M3 = e2({
-  appConfig: h2,
-  runtimeConfig: w2,
-  rooms: g2,
-  devices: v2,
-  ui: x2
-}), M2 = u3({
-  reducer: M3
-}), $1 = M2, p = o2, m2 = () => p((t) => t.appConfig.config), q8 = () => p((t) => t.appConfig.config.apiPath), Z2 = () => p((t) => t.devices);
-function $(t) {
-  return p((e) => e.devices[t] ? e.devices[t] : void 0);
-}
-const Y8 = (t) => p(
+}), 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(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.configuration : void 0;
   }
-), A1 = (t) => p(
+), D1 = (t) => p(
   (e) => e.rooms[t] ? e.rooms[t] : void 0
-), z8 = (t) => p(
+), q8 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.name : void 0;
   }
-), j2 = (t, e) => p(
+), Z2 = (t, e) => p(
   (s) => {
     var r;
     return s.rooms[t] ? (r = s.rooms[t]) == null ? void 0 : r.volumes[e] : void 0;
   }
-), C2 = (t) => p(
+), j2 = (t) => p(
   (e) => e.rooms[t] ? e.rooms[t] : void 0
-), J8 = (t) => p(
+), Y8 = (t) => p(
   (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;
   }
-), X8 = (t) => p(
+), z8 = (t) => p(
   (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;
   }
-), Q8 = (t) => p(
+), J8 = (t) => p(
   (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;
   }
-), N8 = (t) => p(
+), X8 = (t) => p(
   (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;
   }
-), e6 = (t) => p(
+), Q8 = (t) => p(
   (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;
   }
-), t6 = (t) => p(
+), N8 = (t) => p(
   (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) || "";
   }
-), o6 = (t) => p(
+), e6 = (t) => p(
   (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;
   }
-), s6 = (t) => p(
+), t6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isInCall : void 0;
   }
-), n6 = (t) => p(
+), o6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isWarmingUp : void 0;
   }
-), r6 = (t) => p(
+), s6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isCoolingDown : void 0;
   }
-), c6 = (t) => p(
+), n6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isOn : void 0;
   }
-), l6 = (t) => p(
+), r6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.advancedSharingActive : void 0;
   }
-), i6 = (t) => p(
+), c6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.share : void 0;
   }
-), a6 = (t) => t2(
+), l6 = (t) => o2(
   [
     (e, s) => s,
-    Z2,
+    u2,
     (e) => {
       var s, r;
       return (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.destinations;
@@ -263,35 +263,33 @@ const Y8 = (t) => p(
     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));
   }
-)($1.getState(), t), u6 = (t) => p(
+)(m.getState(), t), i6 = (t) => p(
   (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;
   }
-), S2 = () => p((t) => t.runtimeConfig.websocket.isConnected), b2 = () => p((t) => t.runtimeConfig.currentRoomKey), I2 = () => p((t) => t.runtimeConfig.roomData.clientId), y2 = () => p((t) => t.runtimeConfig.roomData.systemUuid), R2 = () => p((t) => t.runtimeConfig.roomData.userCode), E2 = () => p((t) => t.runtimeConfig.serverIsRunningOnProcessorHardware), d6 = () => p((t) => {
+), 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) => {
   var e;
   return (e = t.runtimeConfig.roomData.config) == null ? void 0 : e.runtimeInfo;
-}), h6 = () => p((t) => t.runtimeConfig.touchpanelKey), v6 = () => p((t) => t.runtimeConfig.touchpanelKey !== ""), g6 = () => p((t) => t.ui.modalVisibility.showShutdownModal), f6 = () => p((t) => t.ui.modalVisibility.showIncomingCallModal), w6 = (t) => p((e) => e.ui.modalVisibility[t]), p6 = (t) => p((e) => {
+}), 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) => {
   const s = e.ui.popoverVisibility[t];
   if (s)
     return Object.keys(s).find((r) => s[r]);
-}), x6 = (t, e) => p((s) => {
+}), w6 = (t, e) => p((s) => {
   var r;
   return (r = s.ui.popoverVisibility[t]) == null ? void 0 : r[e];
-}), _2 = () => p((t) => t.ui.error), L2 = () => p((t) => t.ui.showReconnect), C = u3({
-  reducer: M3
-}), $2 = s2, P1 = Q3.create();
-function P2() {
-  const t = $2();
+}), E2 = () => p((t) => t.ui.error), _2 = () => p((t) => t.ui.showReconnect), $1 = 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 P1.get("/_local-config/_config.local.json", { baseURL: s });
+      const s = `/${e.join("/")}`, r = await $1.get("/_local-config/_config.local.json", { baseURL: s });
       if (r.status == 200 && r.data) {
         const c = r.data.apiPath;
-        t(d2.setAppConfig(r.data));
-        const u = await P1.get(`${c}/version`);
+        t(h2.setAppConfig(r.data));
+        const u = await $1.get(`${c}/version`);
         u.status == 200 && u.data && t(W.setRuntimeConfig(u.data));
       }
     } catch (e) {
@@ -300,7 +298,7 @@ function P2() {
     return !0;
   };
 }
-var T1 = { exports: {} }, l1 = {};
+var P1 = { exports: {} }, l1 = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -310,10 +308,10 @@ var T1 = { exports: {} }, l1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var l3;
-function T2() {
-  return l3 || (l3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = h3, 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 c3;
+function $2() {
+  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";
     function o1(n) {
       if (n === null || typeof n != "object")
         return null;
@@ -330,18 +328,18 @@ function T2() {
     }
     function x1(n, l, a) {
       {
-        var h = P.ReactDebugCurrentFrame, j = h.getStackAddendum();
-        j !== "" && (l += "%s", a = a.concat([j]));
+        var h = P.ReactDebugCurrentFrame, C = h.getStackAddendum();
+        C !== "" && (l += "%s", a = a.concat([C]));
         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, Z = !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 || Z || 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 === 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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -351,8 +349,8 @@ function T2() {
       var h = n.displayName;
       if (h)
         return h;
-      var j = l.displayName || l.name || "";
-      return j !== "" ? a + "(" + j + ")" : a;
+      var C = l.displayName || l.name || "";
+      return C !== "" ? a + "(" + C + ")" : a;
     }
     function J(n) {
       return n.displayName || "Context";
@@ -392,7 +390,7 @@ function T2() {
             var h = n.displayName || null;
             return h !== null ? h : k(n.type) || "Memo";
           case T: {
-            var j = n, S = j._payload, M = j._init;
+            var C = n, S = C._payload, M = C._init;
             try {
               return k(M(S));
             } catch {
@@ -402,18 +400,18 @@ function T2() {
         }
       return null;
     }
-    var G = Object.assign, s1 = 0, B1, O1, V1, k1, U1, F1, W1;
-    function H1() {
+    var G = Object.assign, s1 = 0, A1, B1, O1, V1, k1, U1, F1;
+    function W1() {
     }
-    H1.__reactDisabledLog = !0;
-    function C3() {
+    W1.__reactDisabledLog = !0;
+    function m3() {
       {
         if (s1 === 0) {
-          B1 = console.log, O1 = console.info, V1 = console.warn, k1 = console.error, U1 = console.group, F1 = console.groupCollapsed, W1 = console.groupEnd;
+          A1 = console.log, B1 = console.info, O1 = console.warn, V1 = console.error, k1 = console.group, U1 = console.groupCollapsed, F1 = console.groupEnd;
           var n = {
             configurable: !0,
             enumerable: !0,
-            value: H1,
+            value: W1,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -429,7 +427,7 @@ function T2() {
         s1++;
       }
     }
-    function S3() {
+    function Z3() {
       {
         if (s1--, s1 === 0) {
           var n = {
@@ -439,25 +437,25 @@ function T2() {
           };
           Object.defineProperties(console, {
             log: G({}, n, {
-              value: B1
+              value: A1
             }),
             info: G({}, n, {
-              value: O1
+              value: B1
             }),
             warn: G({}, n, {
-              value: V1
+              value: O1
             }),
             error: G({}, n, {
-              value: k1
+              value: V1
             }),
             group: G({}, n, {
-              value: U1
+              value: k1
             }),
             groupCollapsed: G({}, n, {
-              value: F1
+              value: U1
             }),
             groupEnd: G({}, n, {
-              value: W1
+              value: F1
             })
           });
         }
@@ -470,8 +468,8 @@ function T2() {
         if (j1 === void 0)
           try {
             throw Error();
-          } catch (j) {
-            var h = j.stack.trim().match(/\n( *(at )?)/);
+          } catch (C) {
+            var h = C.stack.trim().match(/\n( *(at )?)/);
             j1 = h && h[1] || "";
           }
         return `
@@ -480,10 +478,10 @@ function T2() {
     }
     var C1 = !1, g1;
     {
-      var b3 = typeof WeakMap == "function" ? WeakMap : Map;
-      g1 = new b3();
+      var j3 = typeof WeakMap == "function" ? WeakMap : Map;
+      g1 = new j3();
     }
-    function K1(n, l) {
+    function H1(n, l) {
       if (!n || C1)
         return "";
       {
@@ -493,10 +491,10 @@ function T2() {
       }
       var h;
       C1 = !0;
-      var j = Error.prepareStackTrace;
+      var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var S;
-      S = Z1.current, Z1.current = null, C3();
+      S = Z1.current, Z1.current = null, m3();
       try {
         if (l) {
           var M = function() {
@@ -549,15 +547,15 @@ function T2() {
             }
         }
       } finally {
-        C1 = !1, Z1.current = S, S3(), Error.prepareStackTrace = j;
+        C1 = !1, Z1.current = S, Z3(), Error.prepareStackTrace = C;
       }
       var Q = n ? n.displayName || n.name : "", Y = Q ? v1(Q) : "";
       return typeof n == "function" && g1.set(n, Y), Y;
     }
-    function I3(n, l, a) {
-      return K1(n, !1);
+    function C3(n, l, a) {
+      return H1(n, !1);
     }
-    function y3(n) {
+    function S3(n) {
       var l = n.prototype;
       return !!(l && l.isReactComponent);
     }
@@ -565,7 +563,7 @@ function T2() {
       if (n == null)
         return "";
       if (typeof n == "function")
-        return K1(n, y3(n));
+        return H1(n, S3(n));
       if (typeof n == "string")
         return v1(n);
       switch (n) {
@@ -577,28 +575,28 @@ function T2() {
       if (typeof n == "object")
         switch (n.$$typeof) {
           case f:
-            return I3(n.render);
+            return C3(n.render);
           case b:
             return f1(n.type, l, a);
           case T: {
-            var h = n, j = h._payload, S = h._init;
+            var h = n, C = h._payload, S = h._init;
             try {
-              return f1(S(j), l, a);
+              return f1(S(C), l, a);
             } catch {
             }
           }
         }
       return "";
     }
-    var n1 = Object.prototype.hasOwnProperty, G1 = {}, q1 = P.ReactDebugCurrentFrame;
+    var n1 = Object.prototype.hasOwnProperty, K1 = {}, G1 = P.ReactDebugCurrentFrame;
     function w1(n) {
       if (n) {
         var l = n._owner, a = f1(n.type, n._source, l ? l.type : null);
-        q1.setExtraStackFrame(a);
+        G1.setExtraStackFrame(a);
       } else
-        q1.setExtraStackFrame(null);
+        G1.setExtraStackFrame(null);
     }
-    function R3(n, l, a, h, j) {
+    function b3(n, l, a, h, C) {
       {
         var S = Function.call.bind(n1);
         for (var M in n)
@@ -613,42 +611,42 @@ function T2() {
             } catch (E) {
               x = E;
             }
-            x && !(x instanceof Error) && (w1(j), 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 G1) && (G1[x.message] = !0, w1(j), 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));
           }
       }
     }
-    var E3 = Array.isArray;
+    var I3 = Array.isArray;
     function S1(n) {
-      return E3(n);
+      return I3(n);
     }
-    function _3(n) {
+    function y3(n) {
       {
         var l = typeof Symbol == "function" && Symbol.toStringTag, a = l && n[Symbol.toStringTag] || n.constructor.name || "Object";
         return a;
       }
     }
-    function L3(n) {
+    function R3(n) {
       try {
-        return Y1(n), !1;
+        return q1(n), !1;
       } catch {
         return !0;
       }
     }
-    function Y1(n) {
+    function q1(n) {
       return "" + n;
     }
-    function z1(n) {
-      if (L3(n))
-        return L("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", _3(n)), Y1(n);
+    function Y1(n) {
+      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, $3 = {
+    var r1 = P.ReactCurrentOwner, E3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, J1, X1, b1;
+    }, z1, J1, b1;
     b1 = {};
-    function P3(n) {
+    function _3(n) {
       if (n1.call(n, "ref")) {
         var l = Object.getOwnPropertyDescriptor(n, "ref").get;
         if (l && l.isReactWarning)
@@ -656,7 +654,7 @@ function T2() {
       }
       return n.ref !== void 0;
     }
-    function T3(n) {
+    function L3(n) {
       if (n1.call(n, "key")) {
         var l = Object.getOwnPropertyDescriptor(n, "key").get;
         if (l && l.isReactWarning)
@@ -664,16 +662,16 @@ function T2() {
       }
       return n.key !== void 0;
     }
-    function D3(n, l) {
+    function $3(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 A3(n, l) {
+    function P3(n, l) {
       {
         var a = function() {
-          J1 || (J1 = !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));
+          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));
         };
         a.isReactWarning = !0, Object.defineProperty(n, "key", {
           get: a,
@@ -681,10 +679,10 @@ function T2() {
         });
       }
     }
-    function B3(n, l) {
+    function T3(n, l) {
       {
         var a = function() {
-          X1 || (X1 = !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));
+          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));
         };
         a.isReactWarning = !0, Object.defineProperty(n, "ref", {
           get: a,
@@ -692,7 +690,7 @@ function T2() {
         });
       }
     }
-    var O3 = function(n, l, a, h, j, 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,
@@ -718,15 +716,15 @@ function T2() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: j
+        value: C
       }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function V3(n, l, a, h, j) {
+    function A3(n, l, a, h, C) {
       {
         var S, M = {}, x = null, D = null;
-        a !== void 0 && (z1(a), x = "" + a), T3(l) && (z1(l.key), x = "" + l.key), P3(l) && (D = l.ref, D3(l, j));
+        a !== void 0 && (Y1(a), x = "" + a), L3(l) && (Y1(l.key), x = "" + l.key), _3(l) && (D = l.ref, $3(l, C));
         for (S in l)
-          n1.call(l, S) && !$3.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)
@@ -734,25 +732,25 @@ function T2() {
         }
         if (x || D) {
           var _ = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
-          x && A3(M, _), D && B3(M, _);
+          x && P3(M, _), D && T3(M, _);
         }
-        return O3(n, x, D, j, h, r1.current, M);
+        return D3(n, x, D, C, h, r1.current, M);
       }
     }
-    var I1 = P.ReactCurrentOwner, Q1 = P.ReactDebugCurrentFrame;
+    var I1 = P.ReactCurrentOwner, X1 = P.ReactDebugCurrentFrame;
     function X(n) {
       if (n) {
         var l = n._owner, a = f1(n.type, n._source, l ? l.type : null);
-        Q1.setExtraStackFrame(a);
+        X1.setExtraStackFrame(a);
       } else
-        Q1.setExtraStackFrame(null);
+        X1.setExtraStackFrame(null);
     }
     var y1;
     y1 = !1;
     function R1(n) {
       return typeof n == "object" && n !== null && n.$$typeof === e;
     }
-    function N1() {
+    function Q1() {
       {
         if (I1.current) {
           var n = k(I1.current.type);
@@ -764,7 +762,7 @@ Check the render method of \`` + n + "`.";
         return "";
       }
     }
-    function k3(n) {
+    function B3(n) {
       {
         if (n !== void 0) {
           var l = n.fileName.replace(/^.*[\\\/]/, ""), a = n.lineNumber;
@@ -775,10 +773,10 @@ Check your code at ` + l + ":" + a + ".";
         return "";
       }
     }
-    var e3 = {};
-    function U3(n) {
+    var N1 = {};
+    function O3(n) {
       {
-        var l = N1();
+        var l = Q1();
         if (!l) {
           var a = typeof n == "string" ? n : n.displayName || n.name;
           a && (l = `
@@ -788,39 +786,39 @@ Check the top-level render call using <` + a + ">.");
         return l;
       }
     }
-    function t3(n, l) {
+    function e3(n, l) {
       {
         if (!n._store || n._store.validated || n.key != null)
           return;
         n._store.validated = !0;
-        var a = U3(l);
-        if (e3[a])
+        var a = O3(l);
+        if (N1[a])
           return;
-        e3[a] = !0;
+        N1[a] = !0;
         var h = "";
         n && n._owner && n._owner !== I1.current && (h = " It was passed a child from " + k(n._owner.type) + "."), X(n), L('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, h), X(null);
       }
     }
-    function o3(n, l) {
+    function t3(n, l) {
       {
         if (typeof n != "object")
           return;
         if (S1(n))
           for (var a = 0; a < n.length; a++) {
             var h = n[a];
-            R1(h) && t3(h, l);
+            R1(h) && e3(h, l);
           }
         else if (R1(n))
           n._store && (n._store.validated = !0);
         else if (n) {
-          var j = o1(n);
-          if (typeof j == "function" && j !== n.entries)
-            for (var S = j.call(n), M; !(M = S.next()).done; )
-              R1(M.value) && t3(M.value, l);
+          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);
         }
       }
     }
-    function F3(n) {
+    function V3(n) {
       {
         var l = n.type;
         if (l == null || typeof l == "string")
@@ -836,16 +834,16 @@ Check the top-level render call using <` + a + ">.");
           return;
         if (a) {
           var h = k(l);
-          R3(a, n.props, "prop", h, n);
+          b3(a, n.props, "prop", h, n);
         } else if (l.PropTypes !== void 0 && !y1) {
           y1 = !0;
-          var j = k(l);
-          L("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
+          var C = k(l);
+          L("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
         }
         typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && L("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function W3(n) {
+    function k3(n) {
       {
         for (var l = Object.keys(n.props), a = 0; a < l.length; a++) {
           var h = l[a];
@@ -857,19 +855,19 @@ Check the top-level render call using <` + a + ">.");
         n.ref !== null && (X(n), L("Invalid attribute `ref` supplied to `React.Fragment`."), X(null));
       }
     }
-    var s3 = {};
-    function n3(n, l, a, h, j, S) {
+    var o3 = {};
+    function s3(n, l, a, h, C, S) {
       {
         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 = k3(j);
-          D ? x += D : x += N1();
+          var D = B3(C);
+          D ? x += D : x += Q1();
           var E;
           n === null ? E = "null" : S1(n) ? E = "array" : n !== void 0 && n.$$typeof === e ? (E = "<" + (k(n.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : E = typeof n, L("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, x);
         }
-        var _ = V3(n, l, a, j, S);
+        var _ = A3(n, l, a, C, S);
         if (_ == null)
           return _;
         if (M) {
@@ -878,38 +876,38 @@ Check the top-level render call using <` + a + ">.");
             if (h)
               if (S1(U)) {
                 for (var Q = 0; Q < U.length; Q++)
-                  o3(U[Q], n);
+                  t3(U[Q], n);
                 Object.freeze && Object.freeze(U);
               } else
                 L("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              o3(U, n);
+              t3(U, n);
         }
         if (n1.call(l, "key")) {
-          var Y = k(n), B = Object.keys(l).filter(function(z3) {
-            return z3 !== "key";
+          var Y = k(n), B = Object.keys(l).filter(function(G3) {
+            return G3 !== "key";
           }), E1 = B.length > 0 ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!s3[Y + E1]) {
-            var Y3 = B.length > 0 ? "{" + B.join(": ..., ") + ": ...}" : "{}";
+          if (!o3[Y + E1]) {
+            var K3 = B.length > 0 ? "{" + B.join(": ..., ") + ": ...}" : "{}";
             L(`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} />`, E1, Y, Y3, Y), s3[Y + E1] = !0;
+  <%s key={someKey} {...props} />`, E1, Y, K3, Y), o3[Y + E1] = !0;
           }
         }
-        return n === r ? W3(_) : F3(_), _;
+        return n === r ? k3(_) : V3(_), _;
       }
     }
-    function H3(n, l, a) {
-      return n3(n, l, a, !0);
+    function U3(n, l, a) {
+      return s3(n, l, a, !0);
     }
-    function K3(n, l, a) {
-      return n3(n, l, a, !1);
+    function F3(n, l, a) {
+      return s3(n, l, a, !1);
     }
-    var G3 = K3, q3 = H3;
-    l1.Fragment = r, l1.jsx = G3, l1.jsxs = q3;
+    var W3 = F3, H3 = U3;
+    l1.Fragment = r, l1.jsx = W3, l1.jsxs = H3;
   }()), l1;
 }
 var i1 = {};
@@ -922,12 +920,12 @@ var i1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var i3;
-function D2() {
-  if (i3)
+var l3;
+function P2() {
+  if (l3)
     return i1;
-  i3 = 1;
-  var t = h3, 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 };
+  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);
@@ -940,19 +938,19 @@ function D2() {
   }
   return i1.Fragment = s, i1.jsx = i, i1.jsxs = i, i1;
 }
-process.env.NODE_ENV === "production" ? T1.exports = D2() : T1.exports = T2();
-var o = T1.exports;
-const A2 = "_mwfit_ppa3l_1", B2 = {
-  mwfit: A2
-}, O2 = () => {
-  const { reconnect: t } = I(), e = _2(), s = L2();
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsxs("div", { className: `disconnected-message ${B2.mwfit} mx-auto text-center`, children: [
+process.env.NODE_ENV === "production" ? P1.exports = P2() : P1.exports = $2();
+var o = P1.exports;
+const T2 = "_mwfit_ppa3l_1", D2 = {
+  mwfit: T2
+}, 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: [
     /* @__PURE__ */ o.jsx("h1", { children: "Disconnected" }),
     e && /* @__PURE__ */ o.jsx("h5", { children: e }),
     s && /* @__PURE__ */ o.jsx("button", { className: "btn btn-secondary btn-lg", onClick: t, children: "Reconnect" })
   ] }) });
 };
-class V2 {
+class B2 {
   constructor() {
     V(this, "uuid", "current-uuid");
     V(this, "roomKey", "current-room-key");
@@ -960,27 +958,27 @@ class V2 {
     V(this, "expiry", "current-uuid-expires");
   }
 }
-const a3 = new V2(), m3 = r2({
+const i3 = new B2(), p3 = s2({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
   removeEventHandler: () => null,
   reconnect: () => null
 });
-function k2(t) {
+function O2(t) {
   return sessionStorage.getItem(t) || "";
 }
-function U2(t, e) {
+function V2(t, e) {
   sessionStorage.setItem(t, e);
 }
-const F2 = ({ children: t }) => {
-  const [e, s] = H(), r = S2(), c = b2(), u = I2(), i = P2(), g = m2(), f = y2(), w = R2(), d = E2(), b = u1(null), [T, F] = H(), O = u1({}), z = c1(
+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(
     async (y) => {
       try {
-        const Z = await P1.get(`${y}/ui/joinroom?token=${e}`);
-        return Z.status === 200 && Z.data ? (C.dispatch(W.setRoomData(Z.data)), !0) : !1;
-      } catch (Z) {
-        return console.log(Z), d ? !0 : Z instanceof N3 && Z.response && Z.response.status === 498 ? (console.error("Invalid token. Unable to join room"), C.dispatch(q.setErrorMessage(`Token ${e} is invalid. Unable to join room`)), !1) : (console.error("Error getting room data", Z), Z instanceof Error ? C.dispatch(q.setErrorMessage(Z.message)) : C.dispatch(q.setErrorMessage("Error getting room data")), !1);
+        const j = await $1.get(`${y}/ui/joinroom?token=${e}`);
+        return j.status === 200 && j.data ? (m.dispatch(W.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);
       }
     },
     [e, d]
@@ -988,43 +986,43 @@ const F2 = ({ children: t }) => {
     const y = `${g.gatewayAppPath}?uuid=${f}&roomKey=${c}`;
     window.location.href = w ? `${y}&Code=${w}` : y;
   }, [g.gatewayAppPath, c, f, w]), P = c1(
-    (y, Z) => {
-      b.current && r && b.current.send(JSON.stringify({ type: y, clientId: u, content: Z }));
+    (y, j) => {
+      b.current && r && b.current.send(JSON.stringify({ type: y, clientId: u, content: j }));
     },
     [r, u]
-  ), L = (y, Z) => {
-    P(y, { value: Z });
+  ), L = (y, j) => {
+    P(y, { value: j });
   }, x1 = c1(
-    (y, Z, h1) => {
-      O.current[y] || (O.current[y] = {}), O.current[y][Z] = h1, console.log("event handler added", y, Z);
+    (y, j, h1) => {
+      O.current[y] || (O.current[y] = {}), O.current[y][j] = h1, console.log("event handler added", y, j);
     },
     []
-  ), M1 = c1((y, Z) => {
-    O.current[y] && (delete O.current[y][Z], console.log("event handler removed", y, Z));
+  ), M1 = c1((y, j) => {
+    O.current[y] && (delete O.current[y][j], console.log("event handler removed", y, j));
   }, []);
   return t1(() => {
-    let Z = new URLSearchParams(window.location.search).get("token");
-    Z ? (console.log("saving token: ", Z), U2(a3.uuid, Z)) : (Z = k2(a3.uuid), console.log("loading token: ", Z)), s(Z), i();
+    let j = new URLSearchParams(window.location.search).get("token");
+    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) {
         console.log("connecting to websocket");
         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), C.dispatch(W.setWebsocketIsConnected(!0));
+          console.log("connected", A.type, A.target), m.dispatch(W.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"), C.dispatch(W.setUserCode({ userCode: "", qrUrl: "" })), C.dispatch(q.setErrorMessage("User code changed. Click reconnect to enter the new code")), C.dispatch(q.setShowReconnect(!0)), C.dispatch(W.setWebsocketIsConnected(!1)), C.dispatch(N.clearDevices()), C.dispatch(e1.clearRooms());
+            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());
             return;
           }
           if (A.code === 4001 && !d) {
-            console.log("processor disconnected"), C.dispatch(q.setErrorMessage("Processor has disconnected. Click Reconnect")), C.dispatch(q.setShowReconnect(!0)), C.dispatch(W.setWebsocketIsConnected(!1)), C.dispatch(N.clearDevices()), C.dispatch(e1.clearRooms());
+            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());
             return;
           }
           if (A.code === 4002) {
-            console.log("room combination changed"), C.dispatch(q.setErrorMessage("Room combination changed. Click Reconnect to re-join the room")), C.dispatch(q.setShowReconnect(!0)), C.dispatch(W.setWebsocketIsConnected(!1)), C.dispatch(N.clearDevices()), C.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(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
             return;
           }
           if (b.current)
@@ -1033,7 +1031,7 @@ const F2 = ({ children: t }) => {
             console.log("WebSocket closed by client.");
             return;
           }
-          T || (C.dispatch(W.setWebsocketIsConnected(!1)), C.dispatch(N.clearDevices()), C.dispatch(e1.clearRooms()), F(!0), setTimeout(() => F(void 0), 5e3));
+          T || (m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms()), F(!0), setTimeout(() => F(void 0), 5e3));
         }, K.onmessage = (A) => {
           try {
             const R = JSON.parse(A.data);
@@ -1044,21 +1042,21 @@ const F2 = ({ children: t }) => {
             if (R.type.startsWith("/system/"))
               switch (R.type) {
                 case "/system/touchpanelKey":
-                  C.dispatch(
+                  m.dispatch(
                     W.setTouchpanelKey(
                       R.content
                     )
                   );
                   break;
                 case "/system/roomKey":
-                  C.dispatch(
+                  m.dispatch(
                     W.setCurrentRoomKey(
                       R.content
                     )
                   );
                   break;
                 case "/system/userCodeChanged":
-                  C.dispatch(
+                  m.dispatch(
                     W.setUserCode(
                       R.content
                     )
@@ -1082,7 +1080,7 @@ const F2 = ({ children: t }) => {
                 }
               });
             } else
-              R.type.startsWith("/room/") ? C.dispatch(e1.setRoomState(R)) : R.type.startsWith("/device/") && C.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);
           }
@@ -1095,7 +1093,7 @@ const F2 = ({ children: t }) => {
   }, [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(
-    m3.Provider,
+    p3.Provider,
     {
       value: {
         sendMessage: P,
@@ -1104,14 +1102,14 @@ const F2 = ({ children: t }) => {
         removeEventHandler: M1,
         reconnect: o1
       },
-      children: r ? t : /* @__PURE__ */ o.jsx(O2, {})
+      children: r ? t : /* @__PURE__ */ o.jsx(A2, {})
     }
   );
-}, M6 = ({ children: t }) => /* @__PURE__ */ o.jsx(n2, { store: C, children: /* @__PURE__ */ o.jsx(F2, { children: t }) });
+}, p6 = ({ children: t }) => /* @__PURE__ */ o.jsx(N3, { store: m, children: /* @__PURE__ */ o.jsx(k2, { children: t }) });
 function I() {
-  return c2(m3);
+  return n2(p3);
 }
-function W2({
+function U2({
   onPress: t,
   onRelease: e,
   onHold: s,
@@ -1145,9 +1143,9 @@ function v(t, e) {
   function i() {
     c.current && (clearInterval(c.current), c.current = null), r(`${t}/${e}`, { value: "released" });
   }
-  return W2({ onPress: u, onRelease: i });
+  return U2({ onPress: u, onRelease: i });
 }
-function Z3(t, e) {
+function x3(t, e) {
   const { sendMessage: s, sendSimpleMessage: r } = I(), c = v(`${t}`, "volumeUp"), u = v(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
@@ -1159,7 +1157,7 @@ function Z3(t, e) {
     muteOff: () => s(`${t}/muteOff`, null)
   } : void 0;
 }
-function m6(t, e) {
+function x6(t, e) {
   const { sendMessage: s, sendSimpleMessage: r } = I(), c = v(`${t}`, "volumeUp"), u = v(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
@@ -1171,11 +1169,11 @@ function m6(t, e) {
     muteOff: () => s(`${t}/muteOff`, null)
   } : void 0;
 }
-function H2(t) {
+function F2(t) {
   const e = $(t), s = `/device/${t}`;
-  return Z3(s, e == null ? void 0 : e.volume);
+  return x3(s, e == null ? void 0 : e.volume);
 }
-function j3(t) {
+function M3(t) {
   const { sendMessage: e } = I();
   return { powerOn: () => {
     e(`/device/${t}/powerOn`, null);
@@ -1185,13 +1183,13 @@ function j3(t) {
     e(`/device/${t}/powerToggle`, null);
   } };
 }
-function D1(t) {
+function T1(t) {
   const { sendMessage: e } = I(), s = $(t);
   return console.log("deviceState", s), s ? { itemsState: s, selectItem: (c) => {
     e(`/device/${t}/${c}`, null);
   } } : void 0;
 }
-function K2(t) {
+function W2(t) {
   const { sendMessage: e } = I(), s = $(t), r = () => {
     e(`/device/${t}/setDefaultChannelLevels`, null);
   }, c = () => {
@@ -1203,8 +1201,8 @@ function K2(t) {
   };
   return s ? { levelControls: s.levelControls, setDefaultChannelLevels: r, getFullStatus: c } : void 0;
 }
-function Z6(t) {
-  const e = $(t), s = j3(t), r = D1(t), c = D1(t), u = H2(t), i = K2(t);
+function M6(t) {
+  const e = $(t), s = M3(t), r = T1(t), c = T1(t), u = F2(t), i = W2(t);
   if (e)
     return {
       avrState: e,
@@ -1215,46 +1213,46 @@ function Z6(t) {
       mainVolumeControl: u
     };
 }
-function j6(t) {
+function m6(t) {
   const e = $(t);
   if (e)
     return { endpointState: e };
 }
-function C6(t) {
+function Z6(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 S6(t) {
+function j6(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 b6(t) {
+function C6(t) {
   const e = $(t);
   if (e)
     return {
       communicationMonitorState: e
     };
 }
-function I6(t) {
+function S6(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 y6(t) {
+function b6(t) {
   const e = $(t);
   if (e)
     return e.deviceInfo || void 0;
 }
-function R6(t) {
+function I6(t) {
   const { sendMessage: e } = I();
   return { recallPreset: (r) => {
     e(`/device/${t}/recallPreset`, r);
   } };
 }
-function E6(t) {
+function y6(t) {
   const e = `/device/${t}`, s = v(e, "dvrList"), r = v(e, "record");
   return { dvrList: s, record: r };
 }
-const _6 = ({ className: t }) => {
+const R6 = ({ className: t }) => {
   const [e, s] = H();
   return t1(() => {
     setInterval(() => {
@@ -1266,7 +1264,7 @@ const _6 = ({ className: t }) => {
     " new change"
   ] });
 };
-function L6(t) {
+function E6(t) {
   const { sendMessage: e } = I(), s = $(t);
   return s ? { roomCombinerState: s, setAutoMode: () => {
     e(`/device/${t}/setAutoMode`, null);
@@ -1280,8 +1278,8 @@ function L6(t) {
     e(`/device/${t}/setRoomCombinationScenario`, f);
   } } : void 0;
 }
-function $6(t) {
-  const { sendMessage: e, sendSimpleMessage: s } = I(), r = $(t), c = C2(t), u = r || c;
+function _6(t) {
+  const { sendMessage: e, sendSimpleMessage: s } = I(), r = $(t), c = j2(t), u = r || c;
   return u ? {
     levelState: u,
     setLevel: (d, b) => s(`${d}/level`, b),
@@ -1290,29 +1288,29 @@ function $6(t) {
     muteOff: (d) => e(`${d}/muteOff`, null)
   } : void 0;
 }
-function P6(t) {
+function L6(t) {
   const { sendMessage: e } = I(), s = $(t);
   return s ? { lightingState: s, selectScene: (c) => {
     e(`/device/${t}/selectScene`, c);
   } } : void 0;
 }
-function T6(t) {
+function $6(t) {
   const { sendMessage: e } = I(), s = $(t);
   return s ? { matrixRoutingState: s, setRoute: (c) => {
     e(`/device/${t}/route`, c);
   } } : void 0;
 }
-function D6(t) {
+function P6(t) {
   const { sendMessage: e } = I();
   return { closeApp: () => {
     e(`/device/${t}/closeWebViewController`, null);
   } };
 }
-function A6(t) {
+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 B6(t) {
+function D6(t) {
   const { sendMessage: e } = I(), s = $(t);
   return s ? { projectorScreenLiftControlState: s, raise: () => {
     e(`/device/${t}/raise`, null);
@@ -1320,29 +1318,29 @@ function B6(t) {
     e(`/device/${t}/lower`, null);
   } } : void 0;
 }
-function O6(t) {
-  const { sendMessage: e } = I(), s = A1(t);
+function A6(t) {
+  const { sendMessage: e } = I(), s = D1(t);
   return s ? { roomEventScheduleState: s, save: (c) => {
     e(`/room/${t}/saveScheduledEvents`, c);
   } } : void 0;
 }
-function V6(t) {
+function B6(t) {
   const { sendMessage: e } = I();
   return { runDirectRoute: (r) => {
     e(`/room/${t}/directRoute`, r);
   } };
 }
-function k6(t) {
+function O6(t) {
   const { sendMessage: e } = I();
   return { routingState: $(t), runRoute: (c) => {
     e(`/room/${t}/source`, c);
   } };
 }
-function U6(t) {
+function V6(t) {
   const e = `/device/${t}`, s = v(e, "chanUp"), r = v(e, "chanDown");
   return { dvrList: s, replay: r };
 }
-function F6(t) {
+function k6(t) {
   const { sendMessage: e } = I(), s = $(t);
   return s ? { shadeState: s, shadeUp: () => {
     e(`/device/${t}/shadeUp`, null);
@@ -1352,8 +1350,8 @@ function F6(t) {
     e(`/device/${t}/stopOrPreset`, null);
   } } : void 0;
 }
-function W6(t) {
-  const { sendMessage: e } = I(), s = A1(t);
+function U6(t) {
+  const { sendMessage: e } = I(), s = D1(t);
   return s ? { shutdownPromptTimerState: s, setShutdownPromptSeconds: (g) => {
     e(`/room/${t}/setShutdownPromptSeconds`, g);
   }, shutdownStart: () => {
@@ -1364,7 +1362,7 @@ function W6(t) {
     e(`/room/${t}/shutdownCancel`, null);
   } } : void 0;
 }
-function H6(t) {
+function F6(t) {
   const { sendMessage: e } = I(), s = $(t);
   return s ? { switchedOutputState: s, on: () => {
     e(`/device/${t}/on`, null);
@@ -1372,19 +1370,19 @@ function H6(t) {
     e(`/device/${t}/off`, null);
   } } : void 0;
 }
-function K6(t) {
-  const { sendMessage: e } = I(), s = A1(t);
+function W6(t) {
+  const { sendMessage: e } = I(), s = D1(t);
   return s ? { techPasswordState: s, validatePassword: (u) => {
     e(`/room/${t}/validateTechPassword`, { password: u });
   }, setPassword: (u, i) => {
     e(`/room/${t}/setTechPassword`, { oldPassword: u, newPassword: i });
   } } : void 0;
 }
-function G6(t) {
+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 q6(t) {
+function K6(t) {
   const e = $(t), { sendMessage: s } = I();
   return e ? {
     touchpanelState: e,
@@ -1400,8 +1398,8 @@ function q6(t) {
     } }
   } : void 0;
 }
-function Y6(t) {
-  const e = $(t), s = j3(t), r = D1(t);
+function G6(t) {
+  const e = $(t), s = M3(t), r = T1(t);
   if (!e)
     return;
   const c = (e.powerState || e.isWarming) && !e.isCooling, u = (!e.powerState || e.isCooling) && !e.isWarming;
@@ -1412,13 +1410,13 @@ function Y6(t) {
     powerFb: { powerOnFb: c, powerOffFb: u }
   };
 }
-function z6(t) {
+function q6(t) {
   const { sendMessage: e } = I();
   return { runDefaultPresentRoute: () => {
     e(`/room/${t}/defaultsource`, {});
   } };
 }
-function J6(t) {
+function Y6(t) {
   const { sendMessage: e } = I(), s = $(t), r = (c) => {
     e(`/device/${t}/saveTheme`, { value: c });
   };
@@ -1427,7 +1425,7 @@ function J6(t) {
     saveTheme: r
   };
 }
-const X6 = ({ config: t }) => {
+const z6 = ({ config: t }) => {
   const { sendMessage: e } = I();
   t1(() => {
     var r, c, u;
@@ -1456,11 +1454,11 @@ const X6 = ({ config: t }) => {
     });
   }, [t, e]);
 };
-function Q6(t, e) {
-  const s = j2(t, e), r = `/room/${t}/volumes/${e}`;
-  return Z3(r, s);
+function J6(t, e) {
+  const s = Z2(t, e), r = `/room/${t}/volumes/${e}`;
+  return x3(r, s);
 }
-function N6() {
+function X6() {
   const { sendMessage: t } = I();
   return {
     reboot: () => {
@@ -1471,7 +1469,7 @@ function N6() {
     }
   };
 }
-function ee() {
+function Q6() {
   const [t, e] = H(), [s, r] = H();
   function c() {
     e((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
@@ -1486,9 +1484,9 @@ function ee() {
     return () => clearInterval(u);
   }, []), { date: t, time: s };
 }
-function te(t, e) {
+function N6(t, e) {
   const [s, r] = H(!1), [c, u] = H(!1);
-  return v3(() => {
+  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);
@@ -1496,7 +1494,7 @@ function te(t, e) {
     i && g();
   }, [t, e]), { overflowHorizontal: s, overflowVertical: c };
 }
-function oe(t) {
+function ee(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 { current: d } = t;
@@ -1505,27 +1503,27 @@ function oe(t) {
     const { current: d } = t;
     d && (console.log(d.scrollTop), d.scrollTop += w, console.log(d.scrollTop));
   };
-  return v3(() => {
+  return d3(() => {
     const { current: w } = t, d = () => {
       s((w == null ? void 0 : w.scrollLeft) ?? 0), c((w == null ? void 0 : w.scrollTop) ?? 0);
     };
     w && d();
   }, [t]), { horizontalScrollPosition: e, verticalScrollPosition: r, scrollHorizontal: u, scrollVertical: i };
 }
-const se = () => {
-  const [t, e] = H(!1), s = l2(), r = i2();
+const te = () => {
+  const [t, e] = H(!1), s = r2(), r = c2();
   let c;
-  return a2(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: [
+  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: [
     /* @__PURE__ */ o.jsx("div", { className: "m-2 p-2 bg-danger rounded d-flex align-items-center", children: /* @__PURE__ */ o.jsx("span", { className: "fs-5 text-white", children: "We are sorry. Something went wrong." }) }),
     /* @__PURE__ */ o.jsx("button", { className: "btn btn-primary p-2", onClick: () => s(-1), children: "Go Back" }),
     /* @__PURE__ */ o.jsx("button", { className: "btn btn-primary p-2", onClick: () => e(!t), children: t ? "Hide error message" : "Show error message" }),
     t && /* @__PURE__ */ o.jsx("p", { children: c })
   ] });
-}, G2 = "_iconbtn_16qss_1", q2 = "_iconbtnvert_16qss_7", Y2 = "_iconsm_16qss_18", _1 = {
-  iconbtn: G2,
-  iconbtnvert: q2,
-  iconsm: Y2
-}, z2 = ({
+}, H2 = "_iconbtn_16qss_1", K2 = "_iconbtnvert_16qss_7", G2 = "_iconsm_16qss_18", _1 = {
+  iconbtn: H2,
+  iconbtnvert: K2,
+  iconsm: G2
+}, q2 = ({
   multiIcon: t,
   otherContent: e = null,
   vert: s = !1,
@@ -1570,18 +1568,18 @@ const se = () => {
       ]
     }
   );
-}, m = ({
+}, Z = ({
   ActiveImage: t,
   DisabledImage: e,
   EnabledImage: s,
   active: r,
   disabled: c
-}) => c ? e : r ? t : s, J2 = ({
+}) => c ? e : r ? t : s, Y2 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: /* @__PURE__ */ o.jsx(
       "svg",
@@ -1628,12 +1626,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), X2 = ({
+), z2 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-ban-active.svg */
@@ -1677,12 +1675,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), Q2 = ({
+), J2 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: /* @__PURE__ */ o.jsx(
       "svg",
@@ -1717,12 +1715,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), N2 = ({
+), X2 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-check-active.svg */
@@ -1766,14 +1764,14 @@ const se = () => {
     active: t,
     disabled: s
   }
-), e8 = ({
+), Q2 = ({
   active: t,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-controller-active.svg */
@@ -1835,12 +1833,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), t8 = ({
+), N2 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-down-active.svg */
@@ -1884,12 +1882,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), o8 = ({
+), e8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-elipses-active.svg */
@@ -1933,12 +1931,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), s8 = ({
+), t8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-flag-active.svg */
@@ -1982,12 +1980,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), n8 = ({
+), o8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* /Users/hvolmer/Downloads/SVG/icon-gear-active.svg */
@@ -2031,12 +2029,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), r8 = ({
+), s8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-glass-active.svg */
@@ -2080,14 +2078,14 @@ const se = () => {
     active: t,
     disabled: s
   }
-), c8 = ({
+), n8 = ({
   active: t,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-hdmi-active.svg */
@@ -2149,12 +2147,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), l8 = ({
+), r8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-laptop-active.svg */
@@ -2198,12 +2196,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), i8 = ({
+), c8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-left-active.svg */
@@ -2247,12 +2245,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), a8 = ({
+), l8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-light-active.svg */
@@ -2296,12 +2294,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), u8 = ({
+), i8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-moon-active.svg */
@@ -2345,12 +2343,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), d8 = ({
+), a8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-playstation-active.svg */
@@ -2367,12 +2365,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), h8 = ({
+), u8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-podium-active.svg */
@@ -2416,12 +2414,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), v8 = ({
+), d8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-power-active.svg */
@@ -2465,12 +2463,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), g8 = ({
+), h8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-privacy-active.svg */
@@ -2514,12 +2512,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), f8 = ({
+), v8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-question-active.svg */
@@ -2563,12 +2561,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), w8 = ({
+), g8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-right-active.svg */
@@ -2612,14 +2610,14 @@ const se = () => {
     active: t,
     disabled: s
   }
-), p8 = ({
+), f8 = ({
   active: t,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-roomPC-active.svg */
@@ -2681,12 +2679,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), x8 = ({
+), w8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-shade-active.svg */
@@ -2730,12 +2728,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), M8 = ({
+), p8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-sun-active.svg */
@@ -2779,12 +2777,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), m8 = ({
+), x8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-up-active.svg */
@@ -2828,12 +2826,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), Z8 = ({
+), M8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-volDown-active.svg */
@@ -2877,12 +2875,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), j8 = ({
+), m8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-volMute-active.svg */
@@ -2926,12 +2924,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), C8 = ({
+), Z8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-volUp-active.svg */
@@ -2975,12 +2973,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), S8 = ({
+), j8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-wireless-active.svg */
@@ -3024,12 +3022,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), b8 = ({
+), C8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-x-active.svg */
@@ -3073,12 +3071,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), I8 = ({
+), S8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-xbox-active.svg */
@@ -3122,12 +3120,12 @@ const se = () => {
     active: t,
     disabled: s
   }
-), y8 = ({
+), b8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-mic-active.svg */
@@ -3171,96 +3169,96 @@ const se = () => {
     active: t,
     disabled: s
   }
-), R8 = {
-  Alert: J2,
-  Camera: Q2,
-  DownArrow: t8,
-  Ban: X2,
-  Check: N2,
-  Controller: e8,
-  Elipses: o8,
-  Flag: s8,
-  Gear: n8,
-  Glass: r8,
-  Hdmi: c8,
-  Laptop: l8,
-  LeftArrow: i8,
-  Light: a8,
-  Mic: y8,
-  Moon: u8,
-  Playstation: d8,
-  Podium: h8,
-  Power: v8,
-  Privacy: g8,
-  Question: f8,
-  RightArrow: w8,
-  RoomPC: p8,
-  Shade: x8,
-  Sun: M8,
-  UpArrow: m8,
-  VolDown: Z8,
-  VolMute: j8,
-  VolUp: C8,
-  Wireless: S8,
-  X: b8,
-  Xbox: I8
+), I8 = {
+  Alert: Y2,
+  Camera: J2,
+  DownArrow: N2,
+  Ban: z2,
+  Check: X2,
+  Controller: Q2,
+  Elipses: e8,
+  Flag: t8,
+  Gear: o8,
+  Glass: s8,
+  Hdmi: n8,
+  Laptop: r8,
+  LeftArrow: c8,
+  Light: l8,
+  Mic: b8,
+  Moon: i8,
+  Playstation: a8,
+  Podium: u8,
+  Power: d8,
+  Privacy: h8,
+  Question: v8,
+  RightArrow: g8,
+  RoomPC: f8,
+  Shade: w8,
+  Sun: p8,
+  UpArrow: x8,
+  VolDown: M8,
+  VolMute: m8,
+  VolUp: Z8,
+  Wireless: j8,
+  X: C8,
+  Xbox: S8
 };
-function ne({
+function oe({
   name: t,
-  iconsDictionary: e = R8,
+  iconsDictionary: e = I8,
   ...s
 }) {
   const r = e[t] ?? null;
-  return r || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ o.jsx(z2, { multiIcon: r, ...s });
+  return r || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ o.jsx(q2, { multiIcon: r, ...s });
 }
-const E8 = "_grid_1cmpp_1", _8 = "_header_1cmpp_11", L8 = "_content_1cmpp_17", $8 = "_footer_1cmpp_23", P8 = "_volume_1cmpp_29", a1 = {
-  grid: E8,
-  header: _8,
-  content: L8,
-  footer: $8,
-  volume: P8
-}, re = ({ header: t, footer: e, content: s, volume: r, showVolume: c }) => /* @__PURE__ */ o.jsxs("div", { className: a1.grid, children: [
+const y8 = "_grid_1cmpp_1", R8 = "_header_1cmpp_11", E8 = "_content_1cmpp_17", _8 = "_footer_1cmpp_23", L8 = "_volume_1cmpp_29", a1 = {
+  grid: y8,
+  header: R8,
+  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: [
   /* @__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 })
-] }), T8 = "_grid_11w5q_1", D8 = "_header_11w5q_11", A8 = "_content_11w5q_17", p1 = {
-  grid: T8,
-  header: D8,
-  content: A8,
+] }), $8 = "_grid_11w5q_1", P8 = "_header_11w5q_11", T8 = "_content_11w5q_17", p1 = {
+  grid: $8,
+  header: P8,
+  content: T8,
   "left-nav": "_left-nav_11w5q_23"
-}, ce = ({ className: t, header: e, content: s, leftNav: r }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${p1.grid}`, children: [
+}, ne = ({ 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 })
-] }), B8 = "_grid_1uwfo_1", O8 = "_header_1uwfo_11", V8 = "_content_1uwfo_17", L1 = {
-  grid: B8,
-  header: O8,
-  content: V8
-}, le = ({ className: t, header: e, content: s }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${L1.grid}`, children: [
+] }), D8 = "_grid_1uwfo_1", A8 = "_header_1uwfo_11", B8 = "_content_1uwfo_17", L1 = {
+  grid: D8,
+  header: A8,
+  content: B8
+}, re = ({ 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 ie() {
+function ce() {
   return console.log(location.pathname), location.pathname;
 }
-var k8 = /* @__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))(k8 || {});
-class ae {
+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 {
   constructor(e, s) {
     V(this, "path");
     V(this, "handler");
     this.path = e, this.handler = s;
   }
 }
-const ue = "$off";
-class de {
+const ie = "$off";
+class ae {
   constructor() {
     V(this, "name", "");
     V(this, "iconUrl", "");
     V(this, "channel", "");
   }
 }
-class he {
+class ue {
   constructor() {
     V(this, "currentShareText");
     V(this, "enabled");
@@ -3268,138 +3266,139 @@ class he {
   }
 }
 export {
-  _6 as Clock,
-  k8 as DaysOfWeek,
-  se as ErrorBox,
-  z2 as IconButton,
-  J2 as IconMultiAlert,
-  X2 as IconMultiBan,
-  Q2 as IconMultiCamera,
-  N2 as IconMultiCheck,
-  e8 as IconMultiController,
-  t8 as IconMultiDownArrow,
-  o8 as IconMultiElipses,
-  s8 as IconMultiFlag,
-  n8 as IconMultiGear,
-  r8 as IconMultiGlass,
-  c8 as IconMultiHdmi,
-  l8 as IconMultiLaptop,
-  i8 as IconMultiLeftArrow,
-  a8 as IconMultiLight,
-  u8 as IconMultiMoon,
-  d8 as IconMultiPlaystation,
-  h8 as IconMultiPodium,
-  v8 as IconMultiPower,
-  g8 as IconMultiPrivacy,
-  f8 as IconMultiQuestion,
-  w8 as IconMultiRightArrow,
-  p8 as IconMultiRoomPC,
-  x8 as IconMultiShade,
-  M8 as IconMultiSun,
-  m8 as IconMultiUpArrow,
-  Z8 as IconMultiVolDown,
-  j8 as IconMultiVolMute,
-  C8 as IconMultiVolUp,
-  S8 as IconMultiWireless,
-  b8 as IconMultiX,
-  I8 as IconMultiXbox,
-  re as MainLayout,
-  ae as MessageHandler,
-  M6 as MobileControlProvider,
-  m as MultiStateIconContainer,
-  ne as NamedIconButton,
-  de as PresetChannel,
-  he as ShareState,
-  ce as TechLayout,
-  le as TechPinLayout,
-  ie as getBaseLocation,
-  P1 as httpClient,
-  ue as roomOffSourceKey,
-  C as store,
+  R6 as Clock,
+  O8 as DaysOfWeek,
+  te as ErrorBox,
+  q2 as IconButton,
+  Y2 as IconMultiAlert,
+  z2 as IconMultiBan,
+  J2 as IconMultiCamera,
+  X2 as IconMultiCheck,
+  Q2 as IconMultiController,
+  N2 as IconMultiDownArrow,
+  e8 as IconMultiElipses,
+  t8 as IconMultiFlag,
+  o8 as IconMultiGear,
+  s8 as IconMultiGlass,
+  n8 as IconMultiHdmi,
+  r8 as IconMultiLaptop,
+  c8 as IconMultiLeftArrow,
+  l8 as IconMultiLight,
+  i8 as IconMultiMoon,
+  a8 as IconMultiPlaystation,
+  u8 as IconMultiPodium,
+  d8 as IconMultiPower,
+  h8 as IconMultiPrivacy,
+  v8 as IconMultiQuestion,
+  g8 as IconMultiRightArrow,
+  f8 as IconMultiRoomPC,
+  w8 as IconMultiShade,
+  p8 as IconMultiSun,
+  x8 as IconMultiUpArrow,
+  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,
+  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,
   q as uiActions,
-  x2 as uiReducer,
-  q8 as useApiPath,
-  m2 as useAppConfig,
-  $2 as useAppDispatch,
-  Z6 as useAvrControl,
-  I2 as useClientId,
-  H2 as useDeviceIBasicVolumeWithFeedback,
-  j6 as useEndpoint,
-  _2 as useError,
-  X6 as useGetAllDeviceStateFromRoomConfiguration,
-  Z2 as useGetAllDevices,
-  p6 as useGetCurrentPopoverIdForGroup,
+  M2 as uiReducer,
+  K8 as useApiPath,
+  a2 as useAppConfig,
+  i2 as useAppDispatch,
+  p as useAppSelector,
+  M6 as useAvrControl,
+  b2 as useClientId,
+  F2 as useDeviceIBasicVolumeWithFeedback,
+  m6 as useEndpoint,
+  E2 as useError,
+  z6 as useGetAllDeviceStateFromRoomConfiguration,
+  u2 as useGetAllDevices,
+  f6 as useGetCurrentPopoverIdForGroup,
   $ as useGetDevice,
-  m6 as useGetIBasicVolumeWithFeedback,
-  a6 as useGetRoomDisplayStates,
-  u6 as useGetZoomRoomControllerKey,
-  Z3 as useIBasicVolumeWithFeedback,
-  C6 as useIChannelMessenger,
-  S6 as useIColor,
-  b6 as useICommunicationMonitor,
-  I6 as useIDPad,
-  y6 as useIDeviceInfoMessenger,
-  R6 as useIDspPresets,
-  E6 as useIDvr,
-  L6 as useIEssentialsRoomCombiner,
-  j3 as useIHasPowerControl,
-  D1 as useIHasSelectableItems,
-  $6 as useILevelControls,
-  P6 as useILightingScenes,
-  T6 as useIMatrixRouting,
-  D6 as useIMcCiscoCodecUserInterfaceAppControl,
-  A6 as useINumeric,
-  B6 as useIProjectorScreenLiftControl,
-  O6 as useIRoomEventSchedule,
-  z6 as useIRunDefaultPresentRoute,
-  V6 as useIRunDirectRouteAction,
-  k6 as useIRunRouteAction,
-  U6 as useISetTopBoxControls,
-  F6 as useIShadesOpenCloseStop,
-  W6 as useIShutdownPromptTimer,
-  H6 as useISwitchedOutput,
-  K6 as useITechPassword,
-  J6 as useITheme,
-  G6 as useITransport,
-  P2 as useInitialize,
-  v6 as useIsTouchpanel,
-  q6 as useMobileControlTouchpanelController,
-  te as useOverflow,
-  W2 as usePressHoldRelease,
-  l6 as useRoomAdvancedSharingActive,
-  X8 as useRoomAudioControlPointList,
-  o6 as useRoomCodecContentDestinationKey,
-  Y8 as useRoomConfiguration,
-  N8 as useRoomDestinationList,
-  Q8 as useRoomDestinations,
-  e6 as useRoomEnvironmentalDevices,
-  Q6 as useRoomIBasicVolumeWithFeedback,
-  s6 as useRoomInCall,
-  r6 as useRoomIsCoolingDown,
-  c6 as useRoomIsOn,
-  n6 as useRoomIsWarmingUp,
-  b2 as useRoomKey,
-  C2 as useRoomLevelControls,
-  z8 as useRoomName,
-  t6 as useRoomProgramAudioDestinationKey,
-  i6 as useRoomShareState,
-  J8 as useRoomSourceList,
-  A1 as useRoomState,
-  j2 as useRoomVolume,
-  d6 as useRuntimeInfo,
-  oe as useScroll,
-  E2 as useServerIsRunningOnProcessorHardware,
-  f6 as useShowIncomingCallModal,
-  w6 as useShowModal,
-  x6 as useShowPopoverById,
-  L2 as useShowReconnect,
-  g6 as useShowShutdownModal,
-  N6 as useSystemControl,
-  y2 as useSystemUuid,
-  ee as useTimeAndDate,
-  h6 as useTouchpanelKey,
-  Y6 as useTwoWayDisplayBase,
-  R2 as useUserCode,
+  x6 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,
+  $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,
+  F6 as useISwitchedOutput,
+  W6 as useITechPassword,
+  Y6 as useITheme,
+  H6 as useITransport,
+  L2 as useInitialize,
+  d6 as useIsTouchpanel,
+  K6 as useMobileControlTouchpanelController,
+  N6 as useOverflow,
+  U2 as usePressHoldRelease,
+  r6 as useRoomAdvancedSharingActive,
+  z8 as useRoomAudioControlPointList,
+  e6 as useRoomCodecContentDestinationKey,
+  G8 as useRoomConfiguration,
+  X8 as useRoomDestinationList,
+  J8 as useRoomDestinations,
+  Q8 as useRoomEnvironmentalDevices,
+  J6 as useRoomIBasicVolumeWithFeedback,
+  t6 as useRoomInCall,
+  s6 as useRoomIsCoolingDown,
+  n6 as useRoomIsOn,
+  o6 as useRoomIsWarmingUp,
+  S2 as useRoomKey,
+  j2 as useRoomLevelControls,
+  q8 as useRoomName,
+  N8 as useRoomProgramAudioDestinationKey,
+  c6 as useRoomShareState,
+  Y8 as useRoomSourceList,
+  D1 as useRoomState,
+  Z2 as useRoomVolume,
+  a6 as useRuntimeInfo,
+  ee as useScroll,
+  R2 as useServerIsRunningOnProcessorHardware,
+  v6 as useShowIncomingCallModal,
+  g6 as useShowModal,
+  w6 as useShowPopoverById,
+  _2 as useShowReconnect,
+  h6 as useShowShutdownModal,
+  X6 as useSystemControl,
+  I2 as useSystemUuid,
+  Q6 as useTimeAndDate,
+  u6 as useTouchpanelKey,
+  G6 as useTwoWayDisplayBase,
+  y2 as useUserCode,
   I as useWebsocketContext,
-  S2 as useWsIsConnected
+  C2 as useWsIsConnected
 };