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

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

@@ -1,13 +1,13 @@
 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 D = (t, e, s) => (X3(t, typeof e != "symbol" ? e + "" : e, s), 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 v3, { createContext as c2, useState as H, useRef as u1, useCallback as r1, useEffect as t1, useContext as r2, useLayoutEffect as h3 } from "react";
-import { useNavigate as l2 } from "react-router-dom";
-const i2 = {
+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 = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -19,45 +19,45 @@ const i2 = {
   }
 }, g3 = d1({
   name: "appConfig",
-  initialState: i2,
+  initialState: u2,
   reducers: {
     setAppConfig(t, e) {
       t.config = e.payload;
     }
   }
-}), a2 = g3.actions, u2 = g3.reducer, c3 = {}, f3 = d1({
+}), d2 = g3.actions, h2 = g3.reducer, r3 = {}, f3 = d1({
   name: "devices",
-  initialState: c3,
+  initialState: r3,
   reducers: {
     setDeviceState(t, e) {
-      const s = e.payload.type, c = s.slice(s.lastIndexOf("/") + 1);
-      if (!c)
+      const s = e.payload.type, r = s.slice(s.lastIndexOf("/") + 1);
+      if (!r)
         return;
-      const l = e.payload.content, i = t[c] ?? {}, u = d3.merge(i, l);
-      return t[c] = u, t;
+      const c = e.payload.content, u = t[r] ?? {}, i = d3.merge(u, c);
+      return t[r] = i, t;
     },
     clearDevices() {
-      return c3;
+      return r3;
     }
   }
-}), N = f3.actions, d2 = f3.reducer, r3 = {}, w3 = d1({
+}), N = f3.actions, v2 = f3.reducer, c3 = {}, w3 = d1({
   name: "rooms",
-  initialState: r3,
+  initialState: c3,
   reducers: {
     setRoomState(t, e) {
-      const s = e.payload.type, c = s.slice(s.lastIndexOf("/") + 1);
-      if (console.log(s, c), !c)
+      const s = e.payload.type, r = s.slice(s.lastIndexOf("/") + 1);
+      if (console.log(s, r), !r)
         return;
-      const l = e.payload.content;
-      console.log(l);
-      const i = t[c] ?? {}, u = d3.merge(i, l);
-      return t[c] = u, console.log(t), t;
+      const c = e.payload.content;
+      console.log(c);
+      const u = t[r] ?? {}, i = d3.merge(u, c);
+      return t[r] = i, console.log(t), t;
     },
     clearRooms() {
-      return r3;
+      return c3;
     }
   }
-}), e1 = w3.actions, v2 = w3.reducer, h2 = {
+}), e1 = w3.actions, g2 = w3.reducer, f2 = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -67,19 +67,27 @@ const i2 = {
   disconnectionMessage: "",
   token: "",
   currentRoomKey: "",
+  touchpanelKey: "",
   roomData: {
     clientId: "",
     roomKey: "",
     systemUuid: "",
     roomUuid: "",
     userAppUrl: "",
-    config: void 0,
+    config: {
+      runtimeInfo: {
+        pluginVersion: "",
+        essentialsVersion: "",
+        pepperDashCoreVersion: "",
+        essentialsPlugins: []
+      }
+    },
     userCode: "",
     qrUrl: ""
   }
 }, p3 = d1({
   name: "runtimeConfig",
-  initialState: h2,
+  initialState: f2,
   reducers: {
     setRuntimeConfig(t, e) {
       t.apiVersion = e.payload.apiVersion, t.serverIsRunningOnProcessorHardware = e.payload.serverIsRunningOnProcessorHardware;
@@ -101,9 +109,12 @@ const i2 = {
     },
     setUserCode(t, e) {
       t.roomData.userCode = e.payload.userCode, t.roomData.qrUrl = e.payload.qrUrl;
+    },
+    setTouchpanelKey(t, e) {
+      t.touchpanelKey = e.payload;
     }
   }
-}), W = p3.actions, g2 = p3.reducer, f2 = {
+}), W = p3.actions, w2 = p3.reducer, p2 = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -113,7 +124,7 @@ const i2 = {
   popoverVisibility: {}
 }, x3 = d1({
   name: "ui",
-  initialState: f2,
+  initialState: p2,
   reducers: {
     clearAllModals(t) {
       Object.entries(t.modalVisibility).forEach(([e]) => {
@@ -141,144 +152,147 @@ const i2 = {
       t.showReconnect = e.payload;
     }
   }
-}), q = x3.actions, w2 = x3.reducer, M3 = e2({
-  appConfig: u2,
-  runtimeConfig: g2,
-  rooms: v2,
-  devices: d2,
-  ui: w2
-}), p2 = u3({
+}), q = x3.actions, x2 = x3.reducer, M3 = e2({
+  appConfig: h2,
+  runtimeConfig: w2,
+  rooms: g2,
+  devices: v2,
+  ui: x2
+}), M2 = u3({
   reducer: M3
-}), $1 = p2, x = o2, x2 = () => x((t) => t.appConfig.config), K8 = () => x((t) => t.appConfig.config.apiPath), M2 = () => x((t) => t.devices);
-function A(t) {
-  return x((e) => e.devices[t] ? e.devices[t] : void 0);
+}), $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 G8 = (t) => x(
+const Y8 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.configuration : void 0;
   }
-), T1 = (t) => x(
+), A1 = (t) => p(
   (e) => e.rooms[t] ? e.rooms[t] : void 0
-), q8 = (t) => x(
+), z8 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.name : void 0;
   }
-), m2 = (t, e) => x(
+), j2 = (t, e) => p(
   (s) => {
-    var c;
-    return s.rooms[t] ? (c = s.rooms[t]) == null ? void 0 : c.volumes[e] : void 0;
+    var r;
+    return s.rooms[t] ? (r = s.rooms[t]) == null ? void 0 : r.volumes[e] : void 0;
   }
-), Z2 = (t) => x(
+), C2 = (t) => p(
   (e) => e.rooms[t] ? e.rooms[t] : void 0
-), Y8 = (t) => x(
+), J8 = (t) => p(
   (e) => {
-    var s, c;
-    return e.rooms[t] ? (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.sourceList : void 0;
+    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) => x(
+), X8 = (t) => p(
   (e) => {
-    var s, c;
-    return e.rooms[t] ? (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.levelControlList : void 0;
+    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) => x(
+), Q8 = (t) => p(
   (e) => {
-    var s, c;
-    return e.rooms[t] ? (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.destinations : void 0;
+    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) => x(
+), N8 = (t) => p(
   (e) => {
-    var s, c;
-    return e.rooms[t] ? (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.destinationList : void 0;
+    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) => x(
+), e6 = (t) => p(
   (e) => {
-    var s, c;
-    return e.rooms[t] ? (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.environmentalDevices : void 0;
+    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) => x(
+), t6 = (t) => p(
   (e) => {
-    var s, c, l, i, u, g, f, w;
-    return (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) != null && c.destinationList.programAudio ? (u = (i = (l = e.rooms[t]) == null ? void 0 : l.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : u.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, 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) || "";
   }
-), e6 = (t) => x(
+), o6 = (t) => p(
   (e) => {
-    var s, c, l;
-    return e.rooms[t] ? (l = (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.destinationList.codecContent) == null ? void 0 : l.sinkKey : void 0;
+    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) => x(
+), s6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isInCall : void 0;
   }
-), o6 = (t) => x(
+), n6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isWarmingUp : void 0;
   }
-), s6 = (t) => x(
+), r6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isCoolingDown : void 0;
   }
-), n6 = (t) => x(
+), c6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isOn : void 0;
   }
-), c6 = (t) => x(
+), l6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.advancedSharingActive : void 0;
   }
-), r6 = (t) => x(
+), i6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.share : void 0;
   }
-), l6 = (t) => t2(
+), a6 = (t) => t2(
   [
     (e, s) => s,
-    M2,
+    Z2,
     (e) => {
-      var s, c;
-      return (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.destinations;
+      var s, r;
+      return (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.destinations;
     }
   ],
-  (e, s, c) => {
-    if (console.log("roomKey", e), console.log("devices", s), console.log("destinations", c), !c)
+  (e, s, r) => {
+    if (console.log("roomKey", e), console.log("devices", s), console.log("destinations", r), !r)
       return;
-    const l = Object.entries(c).filter(([u]) => u !== "programAudio" && u !== "codecContent").map(([, u]) => u);
-    return Object.values(s).filter((u) => Object.values(l).includes(u.key));
+    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), i6 = (t) => x(
+)($1.getState(), t), u6 = (t) => p(
   (e) => {
-    var s, c;
-    return e.rooms[t] ? (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.zoomRoomControllerKey : void 0;
+    var s, r;
+    return e.rooms[t] ? (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.zoomRoomControllerKey : void 0;
   }
-), j2 = () => x((t) => t.runtimeConfig.websocket.isConnected), C2 = () => x((t) => t.runtimeConfig.currentRoomKey), S2 = () => x((t) => t.runtimeConfig.roomData.clientId), b2 = () => x((t) => t.runtimeConfig.roomData.systemUuid), I2 = () => x((t) => t.runtimeConfig.roomData.userCode), y2 = () => x((t) => t.runtimeConfig.serverIsRunningOnProcessorHardware), a6 = () => x((t) => t.ui.modalVisibility.showShutdownModal), u6 = () => x((t) => t.ui.modalVisibility.showIncomingCallModal), d6 = (t) => x((e) => e.ui.modalVisibility[t]), v6 = (t) => x((e) => {
+), 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) => {
+  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) => {
   const s = e.ui.popoverVisibility[t];
   if (s)
-    return Object.keys(s).find((c) => s[c]);
-}), h6 = (t, e) => x((s) => {
-  var c;
-  return (c = s.ui.popoverVisibility[t]) == null ? void 0 : c[e];
-}), R2 = () => x((t) => t.ui.error), E2 = () => x((t) => t.ui.showReconnect), C = u3({
+    return Object.keys(s).find((r) => s[r]);
+}), x6 = (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, D1 = Q3.create();
-function L2() {
-  const t = _2();
+}), $2 = s2, P1 = Q3.create();
+function P2() {
+  const t = $2();
   return async () => {
     try {
-      const e = location.pathname.split("/").filter((l) => l.length > 0);
+      const e = location.pathname.split("/").filter((c) => c.length > 0);
       e.length >= 5 ? e.length = 5 : e.length = 2;
-      const s = `/${e.join("/")}`, c = await D1.get("/_local-config/_config.local.json", { baseURL: s });
-      if (c.status == 200 && c.data) {
-        const l = c.data.apiPath;
-        t(a2.setAppConfig(c.data));
-        const i = await D1.get(`${l}/version`);
-        i.status == 200 && i.data && t(W.setRuntimeConfig(i.data));
+      const s = `/${e.join("/")}`, r = await P1.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`);
+        u.status == 200 && u.data && t(W.setRuntimeConfig(u.data));
       }
     } catch (e) {
       console.error("Error getting config", e);
@@ -286,7 +300,7 @@ function L2() {
     return !0;
   };
 }
-var A1 = { exports: {} }, l1 = {};
+var T1 = { exports: {} }, l1 = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -297,47 +311,47 @@ var A1 = { exports: {} }, l1 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var l3;
-function $2() {
+function T2() {
   return l3 || (l3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = v3, e = Symbol.for("react.element"), s = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), u = 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"), P = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), V = Symbol.iterator, z = "@@iterator";
+    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";
     function o1(n) {
       if (n === null || typeof n != "object")
         return null;
-      var r = V && n[V] || n[z];
-      return typeof r == "function" ? r : null;
+      var l = O && n[O] || n[z];
+      return typeof l == "function" ? l : null;
     }
-    var $ = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var P = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function L(n) {
       {
-        for (var r = arguments.length, a = new Array(r > 1 ? r - 1 : 0), v = 1; v < r; v++)
-          a[v - 1] = arguments[v];
+        for (var l = arguments.length, a = new Array(l > 1 ? l - 1 : 0), h = 1; h < l; h++)
+          a[h - 1] = arguments[h];
         x1("error", n, a);
       }
     }
-    function x1(n, r, a) {
+    function x1(n, l, a) {
       {
-        var v = $.ReactDebugCurrentFrame, j = v.getStackAddendum();
-        j !== "" && (r += "%s", a = a.concat([j]));
+        var h = P.ReactDebugCurrentFrame, j = h.getStackAddendum();
+        j !== "" && (l += "%s", a = a.concat([j]));
         var S = a.map(function(M) {
           return String(M);
         });
-        S.unshift("Warning: " + r), Function.prototype.apply.call(console[n], console, S);
+        S.unshift("Warning: " + l), Function.prototype.apply.call(console[n], console, S);
       }
     }
-    var M1 = !1, y = !1, Z = !1, v1 = !1, m1 = !1, K;
+    var M1 = !1, y = !1, Z = !1, h1 = !1, m1 = !1, K;
     K = Symbol.for("react.module.reference");
-    function B(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === c || n === i || m1 || n === l || n === w || n === d || v1 || n === F || M1 || y || Z || typeof n == "object" && n !== null && (n.$$typeof === P || n.$$typeof === b || n.$$typeof === u || n.$$typeof === g || n.$$typeof === f || // This needs to include all possible module reference object
+    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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       n.$$typeof === K || n.getModuleId !== void 0));
     }
-    function R(n, r, a) {
-      var v = n.displayName;
-      if (v)
-        return v;
-      var j = r.displayName || r.name || "";
+    function R(n, l, a) {
+      var h = n.displayName;
+      if (h)
+        return h;
+      var j = l.displayName || l.name || "";
       return j !== "" ? a + "(" + j + ")" : a;
     }
     function J(n) {
@@ -351,13 +365,13 @@ function $2() {
       if (typeof n == "string")
         return n;
       switch (n) {
-        case c:
+        case r:
           return "Fragment";
         case s:
           return "Portal";
-        case i:
+        case u:
           return "Profiler";
-        case l:
+        case c:
           return "StrictMode";
         case w:
           return "Suspense";
@@ -367,17 +381,17 @@ function $2() {
       if (typeof n == "object")
         switch (n.$$typeof) {
           case g:
-            var r = n;
-            return J(r) + ".Consumer";
-          case u:
+            var l = n;
+            return J(l) + ".Consumer";
+          case i:
             var a = n;
             return J(a._context) + ".Provider";
           case f:
             return R(n, n.render, "ForwardRef");
           case b:
-            var v = n.displayName || null;
-            return v !== null ? v : k(n.type) || "Memo";
-          case P: {
+            var h = n.displayName || null;
+            return h !== null ? h : k(n.type) || "Memo";
+          case T: {
             var j = n, S = j._payload, M = j._init;
             try {
               return k(M(S));
@@ -450,15 +464,15 @@ function $2() {
         s1 < 0 && L("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Z1 = $.ReactCurrentDispatcher, j1;
-    function h1(n, r, a) {
+    var Z1 = P.ReactCurrentDispatcher, j1;
+    function v1(n, l, a) {
       {
         if (j1 === void 0)
           try {
             throw Error();
           } catch (j) {
-            var v = j.stack.trim().match(/\n( *(at )?)/);
-            j1 = v && v[1] || "";
+            var h = j.stack.trim().match(/\n( *(at )?)/);
+            j1 = h && h[1] || "";
           }
         return `
 ` + j1 + n;
@@ -469,7 +483,7 @@ function $2() {
       var b3 = typeof WeakMap == "function" ? WeakMap : Map;
       g1 = new b3();
     }
-    function K1(n, r) {
+    function K1(n, l) {
       if (!n || C1)
         return "";
       {
@@ -477,14 +491,14 @@ function $2() {
         if (a !== void 0)
           return a;
       }
-      var v;
+      var h;
       C1 = !0;
       var j = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var S;
       S = Z1.current, Z1.current = null, C3();
       try {
-        if (r) {
+        if (l) {
           var M = function() {
             throw Error();
           };
@@ -495,39 +509,39 @@ function $2() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(M, []);
-            } catch (O) {
-              v = O;
+            } catch (B) {
+              h = B;
             }
             Reflect.construct(n, [], M);
           } else {
             try {
               M.call();
-            } catch (O) {
-              v = O;
+            } catch (B) {
+              h = B;
             }
             n.call(M.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (O) {
-            v = O;
+          } catch (B) {
+            h = B;
           }
           n();
         }
-      } catch (O) {
-        if (O && v && typeof O.stack == "string") {
-          for (var p = O.stack.split(`
-`), T = v.stack.split(`
-`), E = p.length - 1, _ = T.length - 1; E >= 1 && _ >= 0 && p[E] !== T[_]; )
+      } catch (B) {
+        if (B && h && typeof B.stack == "string") {
+          for (var x = B.stack.split(`
+`), D = h.stack.split(`
+`), E = x.length - 1, _ = D.length - 1; E >= 1 && _ >= 0 && x[E] !== D[_]; )
             _--;
           for (; E >= 1 && _ >= 0; E--, _--)
-            if (p[E] !== T[_]) {
+            if (x[E] !== D[_]) {
               if (E !== 1 || _ !== 1)
                 do
-                  if (E--, _--, _ < 0 || p[E] !== T[_]) {
+                  if (E--, _--, _ < 0 || x[E] !== D[_]) {
                     var U = `
-` + p[E].replace(" at new ", " at ");
+` + x[E].replace(" at new ", " at ");
                     return n.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", n.displayName)), typeof n == "function" && g1.set(n, U), U;
                   }
                 while (E >= 1 && _ >= 0);
@@ -537,69 +551,69 @@ function $2() {
       } finally {
         C1 = !1, Z1.current = S, S3(), Error.prepareStackTrace = j;
       }
-      var Q = n ? n.displayName || n.name : "", Y = Q ? h1(Q) : "";
+      var Q = n ? n.displayName || n.name : "", Y = Q ? v1(Q) : "";
       return typeof n == "function" && g1.set(n, Y), Y;
     }
-    function I3(n, r, a) {
+    function I3(n, l, a) {
       return K1(n, !1);
     }
     function y3(n) {
-      var r = n.prototype;
-      return !!(r && r.isReactComponent);
+      var l = n.prototype;
+      return !!(l && l.isReactComponent);
     }
-    function f1(n, r, a) {
+    function f1(n, l, a) {
       if (n == null)
         return "";
       if (typeof n == "function")
         return K1(n, y3(n));
       if (typeof n == "string")
-        return h1(n);
+        return v1(n);
       switch (n) {
         case w:
-          return h1("Suspense");
+          return v1("Suspense");
         case d:
-          return h1("SuspenseList");
+          return v1("SuspenseList");
       }
       if (typeof n == "object")
         switch (n.$$typeof) {
           case f:
             return I3(n.render);
           case b:
-            return f1(n.type, r, a);
-          case P: {
-            var v = n, j = v._payload, S = v._init;
+            return f1(n.type, l, a);
+          case T: {
+            var h = n, j = h._payload, S = h._init;
             try {
-              return f1(S(j), r, a);
+              return f1(S(j), l, a);
             } catch {
             }
           }
         }
       return "";
     }
-    var n1 = Object.prototype.hasOwnProperty, G1 = {}, q1 = $.ReactDebugCurrentFrame;
+    var n1 = Object.prototype.hasOwnProperty, G1 = {}, q1 = P.ReactDebugCurrentFrame;
     function w1(n) {
       if (n) {
-        var r = n._owner, a = f1(n.type, n._source, r ? r.type : null);
+        var l = n._owner, a = f1(n.type, n._source, l ? l.type : null);
         q1.setExtraStackFrame(a);
       } else
         q1.setExtraStackFrame(null);
     }
-    function R3(n, r, a, v, j) {
+    function R3(n, l, a, h, j) {
       {
         var S = Function.call.bind(n1);
         for (var M in n)
           if (S(n, M)) {
-            var p = void 0;
+            var x = void 0;
             try {
               if (typeof n[M] != "function") {
-                var T = Error((v || "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 T.name = "Invariant Violation", T;
+                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;
               }
-              p = n[M](r, M, v, 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) {
-              p = E;
+              x = E;
             }
-            p && !(p 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).", v || "React class", a, M, typeof p), w1(null)), p instanceof Error && !(p.message in G1) && (G1[p.message] = !0, w1(j), L("Failed %s type: %s", a, p.message), w1(null));
+            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));
           }
       }
     }
@@ -609,7 +623,7 @@ function $2() {
     }
     function _3(n) {
       {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, a = r && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        var l = typeof Symbol == "function" && Symbol.toStringTag, a = l && n[Symbol.toStringTag] || n.constructor.name || "Object";
         return a;
       }
     }
@@ -627,39 +641,39 @@ function $2() {
       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);
     }
-    var c1 = $.ReactCurrentOwner, $3 = {
+    var r1 = P.ReactCurrentOwner, $3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, J1, X1, b1;
     b1 = {};
-    function D3(n) {
+    function P3(n) {
       if (n1.call(n, "ref")) {
-        var r = Object.getOwnPropertyDescriptor(n, "ref").get;
-        if (r && r.isReactWarning)
+        var l = Object.getOwnPropertyDescriptor(n, "ref").get;
+        if (l && l.isReactWarning)
           return !1;
       }
       return n.ref !== void 0;
     }
-    function A3(n) {
+    function T3(n) {
       if (n1.call(n, "key")) {
-        var r = Object.getOwnPropertyDescriptor(n, "key").get;
-        if (r && r.isReactWarning)
+        var l = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (l && l.isReactWarning)
           return !1;
       }
       return n.key !== void 0;
     }
-    function P3(n, r) {
-      if (typeof n.ref == "string" && c1.current && r && c1.current.stateNode !== r) {
-        var a = k(c1.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(c1.current.type), n.ref), b1[a] = !0);
+    function D3(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 T3(n, r) {
+    function A3(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)", r));
+          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));
         };
         a.isReactWarning = !0, Object.defineProperty(n, "key", {
           get: a,
@@ -667,10 +681,10 @@ function $2() {
         });
       }
     }
-    function B3(n, r) {
+    function B3(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)", r));
+          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));
         };
         a.isReactWarning = !0, Object.defineProperty(n, "ref", {
           get: a,
@@ -678,57 +692,57 @@ function $2() {
         });
       }
     }
-    var O3 = function(n, r, a, v, j, S, M) {
-      var p = {
+    var O3 = function(n, l, a, h, j, S, M) {
+      var x = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
         // Built-in properties that belong on the element
         type: n,
-        key: r,
+        key: l,
         ref: a,
         props: M,
         // Record the component responsible for creating this element.
         _owner: S
       };
-      return p._store = {}, Object.defineProperty(p._store, "validated", {
+      return x._store = {}, Object.defineProperty(x._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(p, "_self", {
+      }), Object.defineProperty(x, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: v
-      }), Object.defineProperty(p, "_source", {
+        value: h
+      }), Object.defineProperty(x, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: j
-      }), Object.freeze && (Object.freeze(p.props), Object.freeze(p)), p;
+      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function V3(n, r, a, v, j) {
+    function V3(n, l, a, h, j) {
       {
-        var S, M = {}, p = null, T = null;
-        a !== void 0 && (z1(a), p = "" + a), A3(r) && (z1(r.key), p = "" + r.key), D3(r) && (T = r.ref, P3(r, j));
-        for (S in r)
-          n1.call(r, S) && !$3.hasOwnProperty(S) && (M[S] = r[S]);
+        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));
+        for (S in l)
+          n1.call(l, S) && !$3.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]);
         }
-        if (p || T) {
+        if (x || D) {
           var _ = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
-          p && T3(M, _), T && B3(M, _);
+          x && A3(M, _), D && B3(M, _);
         }
-        return O3(n, p, T, j, v, c1.current, M);
+        return O3(n, x, D, j, h, r1.current, M);
       }
     }
-    var I1 = $.ReactCurrentOwner, Q1 = $.ReactDebugCurrentFrame;
+    var I1 = P.ReactCurrentOwner, Q1 = P.ReactDebugCurrentFrame;
     function X(n) {
       if (n) {
-        var r = n._owner, a = f1(n.type, n._source, r ? r.type : null);
+        var l = n._owner, a = f1(n.type, n._source, l ? l.type : null);
         Q1.setExtraStackFrame(a);
       } else
         Q1.setExtraStackFrame(null);
@@ -753,10 +767,10 @@ Check the render method of \`` + n + "`.";
     function k3(n) {
       {
         if (n !== void 0) {
-          var r = n.fileName.replace(/^.*[\\\/]/, ""), a = n.lineNumber;
+          var l = n.fileName.replace(/^.*[\\\/]/, ""), a = n.lineNumber;
           return `
 
-Check your code at ` + r + ":" + a + ".";
+Check your code at ` + l + ":" + a + ".";
         }
         return "";
       }
@@ -764,37 +778,37 @@ Check your code at ` + r + ":" + a + ".";
     var e3 = {};
     function U3(n) {
       {
-        var r = N1();
-        if (!r) {
+        var l = N1();
+        if (!l) {
           var a = typeof n == "string" ? n : n.displayName || n.name;
-          a && (r = `
+          a && (l = `
 
 Check the top-level render call using <` + a + ">.");
         }
-        return r;
+        return l;
       }
     }
-    function t3(n, r) {
+    function t3(n, l) {
       {
         if (!n._store || n._store.validated || n.key != null)
           return;
         n._store.validated = !0;
-        var a = U3(r);
+        var a = U3(l);
         if (e3[a])
           return;
         e3[a] = !0;
-        var v = "";
-        n && n._owner && n._owner !== I1.current && (v = " 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, v), X(null);
+        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, r) {
+    function o3(n, l) {
       {
         if (typeof n != "object")
           return;
         if (S1(n))
           for (var a = 0; a < n.length; a++) {
-            var v = n[a];
-            R1(v) && t3(v, r);
+            var h = n[a];
+            R1(h) && t3(h, l);
           }
         else if (R1(n))
           n._store && (n._store.validated = !0);
@@ -802,41 +816,41 @@ Check the top-level render call using <` + a + ">.");
           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, r);
+              R1(M.value) && t3(M.value, l);
         }
       }
     }
     function F3(n) {
       {
-        var r = n.type;
-        if (r == null || typeof r == "string")
+        var l = n.type;
+        if (l == null || typeof l == "string")
           return;
         var a;
-        if (typeof r == "function")
-          a = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === f || // Note: Memo only checks outer props here.
+        if (typeof l == "function")
+          a = l.propTypes;
+        else if (typeof l == "object" && (l.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === b))
-          a = r.propTypes;
+        l.$$typeof === b))
+          a = l.propTypes;
         else
           return;
         if (a) {
-          var v = k(r);
-          R3(a, n.props, "prop", v, n);
-        } else if (r.PropTypes !== void 0 && !y1) {
+          var h = k(l);
+          R3(a, n.props, "prop", h, n);
+        } else if (l.PropTypes !== void 0 && !y1) {
           y1 = !0;
-          var j = k(r);
+          var j = k(l);
           L("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && L("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        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) {
       {
-        for (var r = Object.keys(n.props), a = 0; a < r.length; a++) {
-          var v = r[a];
-          if (v !== "children" && v !== "key") {
-            X(n), L("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), X(null);
+        for (var l = Object.keys(n.props), a = 0; a < l.length; a++) {
+          var h = l[a];
+          if (h !== "children" && h !== "key") {
+            X(n), L("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), X(null);
             break;
           }
         }
@@ -844,24 +858,24 @@ Check the top-level render call using <` + a + ">.");
       }
     }
     var s3 = {};
-    function n3(n, r, a, v, j, S) {
+    function n3(n, l, a, h, j, S) {
       {
-        var M = B(n);
+        var M = A(n);
         if (!M) {
-          var p = "";
-          (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (p += " 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 T = k3(j);
-          T ? p += T : p += N1();
+          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 E;
-          n === null ? E = "null" : S1(n) ? E = "array" : n !== void 0 && n.$$typeof === e ? (E = "<" + (k(n.type) || "Unknown") + " />", p = " 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, p);
+          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, r, a, j, S);
+        var _ = V3(n, l, a, j, S);
         if (_ == null)
           return _;
         if (M) {
-          var U = r.children;
+          var U = l.children;
           if (U !== void 0)
-            if (v)
+            if (h)
               if (S1(U)) {
                 for (var Q = 0; Q < U.length; Q++)
                   o3(U[Q], n);
@@ -871,12 +885,12 @@ Check the top-level render call using <` + a + ">.");
             else
               o3(U, n);
         }
-        if (n1.call(r, "key")) {
-          var Y = k(n), O = Object.keys(r).filter(function(z3) {
+        if (n1.call(l, "key")) {
+          var Y = k(n), B = Object.keys(l).filter(function(z3) {
             return z3 !== "key";
-          }), E1 = O.length > 0 ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}";
+          }), E1 = B.length > 0 ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!s3[Y + E1]) {
-            var Y3 = O.length > 0 ? "{" + O.join(": ..., ") + ": ...}" : "{}";
+            var Y3 = B.length > 0 ? "{" + B.join(": ..., ") + ": ...}" : "{}";
             L(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -885,17 +899,17 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, E1, Y, Y3, Y), s3[Y + E1] = !0;
           }
         }
-        return n === c ? W3(_) : F3(_), _;
+        return n === r ? W3(_) : F3(_), _;
       }
     }
-    function H3(n, r, a) {
-      return n3(n, r, a, !0);
+    function H3(n, l, a) {
+      return n3(n, l, a, !0);
     }
-    function K3(n, r, a) {
-      return n3(n, r, a, !1);
+    function K3(n, l, a) {
+      return n3(n, l, a, !1);
     }
     var G3 = K3, q3 = H3;
-    l1.Fragment = c, l1.jsx = G3, l1.jsxs = q3;
+    l1.Fragment = r, l1.jsx = G3, l1.jsxs = q3;
   }()), l1;
 }
 var i1 = {};
@@ -913,102 +927,103 @@ function D2() {
   if (i3)
     return i1;
   i3 = 1;
-  var t = v3, e = Symbol.for("react.element"), s = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, l = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(g, f, w) {
-    var d, b = {}, P = null, F = null;
-    w !== void 0 && (P = "" + w), f.key !== void 0 && (P = "" + f.key), f.ref !== void 0 && (F = f.ref);
+  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 };
+  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);
     for (d in f)
-      c.call(f, d) && !i.hasOwnProperty(d) && (b[d] = f[d]);
+      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: P, ref: F, props: b, _owner: l.current };
+    return { $$typeof: e, type: g, key: T, ref: F, props: b, _owner: c.current };
   }
-  return i1.Fragment = s, i1.jsx = u, i1.jsxs = u, i1;
+  return i1.Fragment = s, i1.jsx = i, i1.jsxs = i, i1;
 }
-process.env.NODE_ENV === "production" ? A1.exports = D2() : A1.exports = $2();
-var o = A1.exports;
-const A2 = "_mwfit_ppa3l_1", P2 = {
+process.env.NODE_ENV === "production" ? T1.exports = D2() : T1.exports = T2();
+var o = T1.exports;
+const A2 = "_mwfit_ppa3l_1", B2 = {
   mwfit: A2
-}, T2 = () => {
-  const { reconnect: t } = I(), e = R2(), s = E2();
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsxs("div", { className: `disconnected-message ${P2.mwfit} mx-auto text-center`, children: [
+}, 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: [
     /* @__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 B2 {
+class V2 {
   constructor() {
-    D(this, "uuid", "current-uuid");
-    D(this, "roomKey", "current-room-key");
-    D(this, "code", "current-code");
-    D(this, "expiry", "current-uuid-expires");
+    V(this, "uuid", "current-uuid");
+    V(this, "roomKey", "current-room-key");
+    V(this, "code", "current-code");
+    V(this, "expiry", "current-uuid-expires");
   }
 }
-const a3 = new B2(), m3 = c2({
+const a3 = new V2(), m3 = r2({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
   removeEventHandler: () => null,
   reconnect: () => null
 });
-function O2(t) {
+function k2(t) {
   return sessionStorage.getItem(t) || "";
 }
-function V2(t, e) {
+function U2(t, e) {
   sessionStorage.setItem(t, e);
 }
-const k2 = ({ children: t }) => {
-  const [e, s] = H(), c = j2(), l = C2(), i = S2(), u = L2(), g = x2(), f = b2(), w = I2(), d = y2(), b = u1(null), [P, F] = H(), V = u1({}), z = r1(
+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(
     async (y) => {
       try {
-        const Z = await D1.get(`${y}/ui/joinroom?token=${e}`);
+        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);
       }
     },
     [e, d]
-  ), o1 = r1(() => {
-    const y = `${g.gatewayAppPath}?uuid=${f}&roomKey=${l}`;
+  ), o1 = c1(() => {
+    const y = `${g.gatewayAppPath}?uuid=${f}&roomKey=${c}`;
     window.location.href = w ? `${y}&Code=${w}` : y;
-  }, [g.gatewayAppPath, l, f, w]), $ = r1(
+  }, [g.gatewayAppPath, c, f, w]), P = c1(
     (y, Z) => {
-      b.current && c && b.current.send(JSON.stringify({ type: y, clientId: i, content: Z }));
+      b.current && r && b.current.send(JSON.stringify({ type: y, clientId: u, content: Z }));
     },
-    [c, i]
+    [r, u]
   ), L = (y, Z) => {
-    $(y, { value: Z });
-  }, x1 = r1(
-    (y, Z, v1) => {
-      V.current[y] || (V.current[y] = {}), V.current[y][Z] = v1, console.log("event handler added", y, Z);
+    P(y, { value: Z });
+  }, x1 = c1(
+    (y, Z, h1) => {
+      O.current[y] || (O.current[y] = {}), O.current[y][Z] = h1, console.log("event handler added", y, Z);
     },
     []
-  ), M1 = r1((y, Z) => {
-    V.current[y] && (delete V.current[y][Z], console.log("event handler removed", y, Z));
+  ), M1 = c1((y, Z) => {
+    O.current[y] && (delete O.current[y][Z], console.log("event handler removed", y, Z));
   }, []);
   return t1(() => {
     let Z = new URLSearchParams(window.location.search).get("token");
-    Z ? (console.log("saving token: ", Z), V2(a3.uuid, Z)) : (Z = O2(a3.uuid), console.log("loading token: ", Z)), s(Z), u();
+    Z ? (console.log("saving token: ", Z), U2(a3.uuid, Z)) : (Z = k2(a3.uuid), console.log("loading token: ", Z)), s(Z), i();
   }, []), t1(() => {
     async function y() {
-      if (console.log("effect is running"), !(!g.apiPath || P || !e || !await z(g.apiPath)) && !b.current) {
+      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 = (B) => {
-          console.log("connected", B.type, B.target), C.dispatch(W.setWebsocketIsConnected(!0));
-        }, K.onerror = (B) => {
-          console.log(B);
-        }, K.onclose = (B) => {
-          if (console.log("disconnected: ", B.reason, B.code), B.code === 4e3) {
+        b.current = K, K.onopen = (A) => {
+          console.log("connected", A.type, A.target), C.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());
             return;
           }
-          if (B.code === 4001 && !d) {
+          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());
             return;
           }
-          if (B.code === 4002) {
+          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());
             return;
           }
@@ -1018,16 +1033,23 @@ const k2 = ({ children: t }) => {
             console.log("WebSocket closed by client.");
             return;
           }
-          P || (C.dispatch(W.setWebsocketIsConnected(!1)), C.dispatch(N.clearDevices()), C.dispatch(e1.clearRooms()), F(!0), setTimeout(() => F(void 0), 5e3));
-        }, K.onmessage = (B) => {
+          T || (C.dispatch(W.setWebsocketIsConnected(!1)), C.dispatch(N.clearDevices()), C.dispatch(e1.clearRooms()), F(!0), setTimeout(() => F(void 0), 5e3));
+        }, K.onmessage = (A) => {
           try {
-            const R = JSON.parse(B.data);
+            const R = JSON.parse(A.data);
             if (console.log(R), R.type === "close") {
               K.close(4001, R.content);
               return;
             }
             if (R.type.startsWith("/system/"))
               switch (R.type) {
+                case "/system/touchpanelKey":
+                  C.dispatch(
+                    W.setTouchpanelKey(
+                      R.content
+                    )
+                  );
+                  break;
                 case "/system/roomKey":
                   C.dispatch(
                     W.setCurrentRoomKey(
@@ -1051,7 +1073,7 @@ const k2 = ({ children: t }) => {
               }
             else if (R.type.startsWith("/event/")) {
               console.log("event message received", R);
-              const J = V.current[R.type];
+              const J = O.current[R.type];
               J || console.log("no handlers found for event type", R.type), J && Object.values(J).forEach((k) => {
                 try {
                   k(R);
@@ -1070,87 +1092,87 @@ const k2 = ({ children: t }) => {
     return y(), () => {
       b.current && b.current.close(), b.current = null;
     };
-  }, [g.apiPath, z, e, P, d]), t1(() => {
-    !l || !c || (console.log("clientId: ", i), i && (console.log("requesting status from room: ", l), $(`/room/${l}/status`, null)));
-  }, [l, i, c, $]), /* @__PURE__ */ o.jsx(
+  }, [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,
     {
       value: {
-        sendMessage: $,
+        sendMessage: P,
         sendSimpleMessage: L,
         addEventHandler: x1,
         removeEventHandler: M1,
         reconnect: o1
       },
-      children: c ? t : /* @__PURE__ */ o.jsx(T2, {})
+      children: r ? t : /* @__PURE__ */ o.jsx(O2, {})
     }
   );
-}, g6 = ({ children: t }) => /* @__PURE__ */ o.jsx(n2, { store: C, children: /* @__PURE__ */ o.jsx(k2, { children: t }) });
+}, M6 = ({ children: t }) => /* @__PURE__ */ o.jsx(n2, { store: C, children: /* @__PURE__ */ o.jsx(F2, { children: t }) });
 function I() {
-  return r2(m3);
+  return c2(m3);
 }
-function U2({
+function W2({
   onPress: t,
   onRelease: e,
   onHold: s,
-  holdTimeMs: c = 500
+  holdTimeMs: r = 500
 }) {
-  const l = u1(null), i = u1(!1);
-  function u() {
-    i.current = !0, t == null || t(), l.current = setTimeout(() => {
-      s == null || s(), l.current = null;
-    }, c);
+  const c = u1(null), u = u1(!1);
+  function i() {
+    u.current = !0, t == null || t(), c.current = setTimeout(() => {
+      s == null || s(), c.current = null;
+    }, r);
   }
   function g() {
-    i.current = !1, e == null || e(), l.current && (clearTimeout(l.current), l.current = null);
+    u.current = !1, e == null || e(), c.current && (clearTimeout(c.current), c.current = null);
   }
   function f() {
-    i.current && g();
+    u.current && g();
   }
   return {
-    onPointerDown: u,
+    onPointerDown: i,
     onPointerUp: g,
     onPointerLeave: f
   };
 }
-function h(t, e) {
-  const { sendMessage: c } = I(), l = u1(null);
-  function i() {
-    c(`${t}/${e}`, { value: "pressed" }), l.current || (l.current = setInterval(() => {
-      c(`${t}/${e}`, { value: "held" });
+function v(t, e) {
+  const { sendMessage: r } = I(), c = u1(null);
+  function u() {
+    r(`${t}/${e}`, { value: "pressed" }), c.current || (c.current = setInterval(() => {
+      r(`${t}/${e}`, { value: "held" });
     }, 250));
   }
-  function u() {
-    l.current && (clearInterval(l.current), l.current = null), c(`${t}/${e}`, { value: "released" });
+  function i() {
+    c.current && (clearInterval(c.current), c.current = null), r(`${t}/${e}`, { value: "released" });
   }
-  return U2({ onPress: i, onRelease: u });
+  return W2({ onPress: u, onRelease: i });
 }
 function Z3(t, e) {
-  const { sendMessage: s, sendSimpleMessage: c } = I(), l = h(`${t}`, "volumeUp"), i = h(`${t}`, "volumeDown");
+  const { sendMessage: s, sendSimpleMessage: r } = I(), c = v(`${t}`, "volumeUp"), u = v(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
-    volumeUp: l,
-    volumeDown: i,
-    setLevel: (d) => c(`${t}/level`, d),
+    volumeUp: c,
+    volumeDown: u,
+    setLevel: (d) => r(`${t}/level`, d),
     muteToggle: () => s(`${t}/muteToggle`, null),
     muteOn: () => s(`${t}/muteOn`, null),
     muteOff: () => s(`${t}/muteOff`, null)
   } : void 0;
 }
-function f6(t, e) {
-  const { sendMessage: s, sendSimpleMessage: c } = I(), l = h(`${t}`, "volumeUp"), i = h(`${t}`, "volumeDown");
+function m6(t, e) {
+  const { sendMessage: s, sendSimpleMessage: r } = I(), c = v(`${t}`, "volumeUp"), u = v(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
-    volumeUp: l,
-    volumeDown: i,
-    setLevel: (d) => c(`${t}/level`, d),
+    volumeUp: c,
+    volumeDown: u,
+    setLevel: (d) => r(`${t}/level`, d),
     muteToggle: () => s(`${t}/muteToggle`, null),
     muteOn: () => s(`${t}/muteOn`, null),
     muteOff: () => s(`${t}/muteOff`, null)
   } : void 0;
 }
-function F2(t) {
-  const e = A(t), s = `/device/${t}`;
+function H2(t) {
+  const e = $(t), s = `/device/${t}`;
   return Z3(s, e == null ? void 0 : e.volume);
 }
 function j3(t) {
@@ -1163,83 +1185,89 @@ function j3(t) {
     e(`/device/${t}/powerToggle`, null);
   } };
 }
-function P1(t) {
-  const { sendMessage: e } = I(), s = A(t);
-  return console.log("deviceState", s), s ? { itemsState: s, selectItem: (l) => {
-    e(`/device/${t}/${l}`, null);
+function D1(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 W2(t) {
-  const { sendMessage: e } = I(), s = A(t), c = () => {
+function K2(t) {
+  const { sendMessage: e } = I(), s = $(t), r = () => {
     e(`/device/${t}/setDefaultChannelLevels`, null);
-  }, l = () => {
+  }, c = () => {
     if ((s == null ? void 0 : s.levelControls) === void 0)
       return;
     Object.keys(s == null ? void 0 : s.levelControls).forEach((g) => {
       e(`/device/${t}/${g}/fullStatus`, null);
     });
   };
-  return s ? { levelControls: s.levelControls, setDefaultChannelLevels: c, getFullStatus: l } : void 0;
+  return s ? { levelControls: s.levelControls, setDefaultChannelLevels: r, getFullStatus: c } : void 0;
 }
-function w6(t) {
-  const e = A(t), s = j3(t), c = P1(t), l = P1(t), i = F2(t), u = W2(t);
+function Z6(t) {
+  const e = $(t), s = j3(t), r = D1(t), c = D1(t), u = H2(t), i = K2(t);
   if (e)
     return {
       avrState: e,
       powerControl: s,
-      inputControl: c,
-      surroundSoundModes: l,
-      surroundChannels: u,
-      mainVolumeControl: i
+      inputControl: r,
+      surroundSoundModes: c,
+      surroundChannels: i,
+      mainVolumeControl: u
     };
 }
-function p6(t) {
-  const e = A(t);
+function j6(t) {
+  const e = $(t);
   if (e)
     return { endpointState: e };
 }
-function x6(t) {
-  const e = `/device/${t}`, s = h(e, "chanUp"), c = h(e, "chanDown"), l = h(e, "lastChan"), i = h(e, "guide"), u = h(e, "info"), g = h(e, "exit");
-  return { channelUp: s, channelDown: c, lastChannel: l, guide: i, info: u, exit: g };
+function C6(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 M6(t) {
-  const e = `/device/${t}`, s = h(e, "red"), c = h(e, "green"), l = h(e, "yellow"), i = h(e, "blue");
-  return { red: s, green: c, yellow: l, blue: i };
+function S6(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 m6(t) {
-  const e = A(t);
+function b6(t) {
+  const e = $(t);
   if (e)
     return {
       communicationMonitorState: e
     };
 }
-function Z6(t) {
-  const e = `/device/${t}`, s = h(e, "up"), c = h(e, "down"), l = h(e, "left"), i = h(e, "right"), u = h(e, "select"), g = h(e, "menu"), f = h(e, "exit");
-  return { up: s, down: c, left: l, right: i, select: u, menu: g, exit: f };
+function I6(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 j6(t) {
-  const e = A(t);
+function y6(t) {
+  const e = $(t);
   if (e)
     return e.deviceInfo || void 0;
 }
-function C6(t) {
-  const e = `/device/${t}`, s = h(e, "dvrList"), c = h(e, "record");
-  return { dvrList: s, record: c };
+function R6(t) {
+  const { sendMessage: e } = I();
+  return { recallPreset: (r) => {
+    e(`/device/${t}/recallPreset`, r);
+  } };
+}
+function E6(t) {
+  const e = `/device/${t}`, s = v(e, "dvrList"), r = v(e, "record");
+  return { dvrList: s, record: r };
 }
-const S6 = ({ className: t }) => {
+const _6 = ({ className: t }) => {
   const [e, s] = H();
   return t1(() => {
     setInterval(() => {
-      const c = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
-      s(c);
+      const r = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
+      s(r);
     }, 1e3);
   }, []), /* @__PURE__ */ o.jsxs("div", { className: t, children: [
     e,
     " new change"
   ] });
 };
-function b6(t) {
-  const { sendMessage: e } = I(), s = A(t);
+function L6(t) {
+  const { sendMessage: e } = I(), s = $(t);
   return s ? { roomCombinerState: s, setAutoMode: () => {
     e(`/device/${t}/setAutoMode`, null);
   }, setManualMode: () => {
@@ -1252,70 +1280,70 @@ function b6(t) {
     e(`/device/${t}/setRoomCombinationScenario`, f);
   } } : void 0;
 }
-function I6(t) {
-  const { sendMessage: e, sendSimpleMessage: s } = I(), c = A(t), l = Z2(t), i = c || l;
-  return i ? {
-    levelState: i,
+function $6(t) {
+  const { sendMessage: e, sendSimpleMessage: s } = I(), r = $(t), c = C2(t), u = r || c;
+  return u ? {
+    levelState: u,
     setLevel: (d, b) => s(`${d}/level`, b),
     muteToggle: (d) => e(`${d}/muteToggle`, null),
     muteOn: (d) => e(`${d}/muteOn`, null),
     muteOff: (d) => e(`${d}/muteOff`, null)
   } : void 0;
 }
-function y6(t) {
-  const { sendMessage: e } = I(), s = A(t);
-  return s ? { lightingState: s, selectScene: (l) => {
-    e(`/device/${t}/selectScene`, l);
+function P6(t) {
+  const { sendMessage: e } = I(), s = $(t);
+  return s ? { lightingState: s, selectScene: (c) => {
+    e(`/device/${t}/selectScene`, c);
   } } : void 0;
 }
-function R6(t) {
-  const { sendMessage: e } = I(), s = A(t);
-  return s ? { matrixRoutingState: s, setRoute: (l) => {
-    e(`/device/${t}/route`, l);
+function T6(t) {
+  const { sendMessage: e } = I(), s = $(t);
+  return s ? { matrixRoutingState: s, setRoute: (c) => {
+    e(`/device/${t}/route`, c);
   } } : void 0;
 }
-function E6(t) {
+function D6(t) {
   const { sendMessage: e } = I();
   return { closeApp: () => {
     e(`/device/${t}/closeWebViewController`, null);
   } };
 }
-function _6(t) {
-  const e = `/device/${t}`, s = h(e, "num0"), c = h(e, "num1"), l = h(e, "num2"), i = h(e, "num3"), u = h(e, "num4"), g = h(e, "num5"), f = h(e, "num6"), w = h(e, "num7"), d = h(e, "num8"), b = h(e, "num9"), P = h(e, "numDash"), F = h(e, "numEnter");
-  return { digit0: s, digit1: c, digit2: l, digit3: i, digit4: u, digit5: g, digit6: f, digit7: w, digit8: d, digit9: b, keypadAccessoryButton1: P, keypadAccessoryButton2: F };
+function A6(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 L6(t) {
-  const { sendMessage: e } = I(), s = A(t);
+function B6(t) {
+  const { sendMessage: e } = I(), s = $(t);
   return s ? { projectorScreenLiftControlState: s, raise: () => {
     e(`/device/${t}/raise`, null);
   }, lower: () => {
     e(`/device/${t}/lower`, null);
   } } : void 0;
 }
-function $6(t) {
-  const { sendMessage: e } = I(), s = T1(t);
-  return s ? { roomEventScheduleState: s, save: (l) => {
-    e(`/room/${t}/saveScheduledEvents`, l);
+function O6(t) {
+  const { sendMessage: e } = I(), s = A1(t);
+  return s ? { roomEventScheduleState: s, save: (c) => {
+    e(`/room/${t}/saveScheduledEvents`, c);
   } } : void 0;
 }
-function D6(t) {
+function V6(t) {
   const { sendMessage: e } = I();
-  return { runDirectRoute: (c) => {
-    e(`/room/${t}/directRoute`, c);
+  return { runDirectRoute: (r) => {
+    e(`/room/${t}/directRoute`, r);
   } };
 }
-function A6(t) {
+function k6(t) {
   const { sendMessage: e } = I();
-  return { routingState: A(t), runRoute: (l) => {
-    e(`/room/${t}/source`, l);
+  return { routingState: $(t), runRoute: (c) => {
+    e(`/room/${t}/source`, c);
   } };
 }
-function P6(t) {
-  const e = `/device/${t}`, s = h(e, "chanUp"), c = h(e, "chanDown");
-  return { dvrList: s, replay: c };
+function U6(t) {
+  const e = `/device/${t}`, s = v(e, "chanUp"), r = v(e, "chanDown");
+  return { dvrList: s, replay: r };
 }
-function T6(t) {
-  const { sendMessage: e } = I(), s = A(t);
+function F6(t) {
+  const { sendMessage: e } = I(), s = $(t);
   return s ? { shadeState: s, shadeUp: () => {
     e(`/device/${t}/shadeUp`, null);
   }, shadeDown: () => {
@@ -1324,8 +1352,8 @@ function T6(t) {
     e(`/device/${t}/stopOrPreset`, null);
   } } : void 0;
 }
-function B6(t) {
-  const { sendMessage: e } = I(), s = T1(t);
+function W6(t) {
+  const { sendMessage: e } = I(), s = A1(t);
   return s ? { shutdownPromptTimerState: s, setShutdownPromptSeconds: (g) => {
     e(`/room/${t}/setShutdownPromptSeconds`, g);
   }, shutdownStart: () => {
@@ -1336,28 +1364,28 @@ function B6(t) {
     e(`/room/${t}/shutdownCancel`, null);
   } } : void 0;
 }
-function O6(t) {
-  const { sendMessage: e } = I(), s = A(t);
+function H6(t) {
+  const { sendMessage: e } = I(), s = $(t);
   return s ? { switchedOutputState: s, on: () => {
     e(`/device/${t}/on`, null);
   }, off: () => {
     e(`/device/${t}/off`, null);
   } } : void 0;
 }
-function V6(t) {
-  const { sendMessage: e } = I(), s = T1(t);
-  return s ? { techPasswordState: s, validatePassword: (i) => {
-    e(`/room/${t}/validateTechPassword`, { password: i });
-  }, setPassword: (i, u) => {
-    e(`/room/${t}/setTechPassword`, { oldPassword: i, newPassword: u });
+function K6(t) {
+  const { sendMessage: e } = I(), s = A1(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 k6(t) {
-  const e = `/device/${t}`, s = h(e, "play"), c = h(e, "pause"), l = h(e, "stop"), i = h(e, "prevTrack"), u = h(e, "nextTrack"), g = h(e, "rewind"), f = h(e, "ffwd"), w = h(e, "record");
-  return { play: s, pause: c, stop: l, prevTrack: i, nextTrack: u, rewind: g, fastForward: f, record: w };
+function G6(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 U6(t) {
-  const e = A(t), { sendMessage: s } = I();
+function q6(t) {
+  const e = $(t), { sendMessage: s } = I();
   return e ? {
     touchpanelState: e,
     appControl: { hideApp: () => {
@@ -1372,28 +1400,37 @@ function U6(t) {
     } }
   } : void 0;
 }
-function F6(t) {
-  const e = A(t), s = j3(t), c = P1(t);
+function Y6(t) {
+  const e = $(t), s = j3(t), r = D1(t);
   if (!e)
     return;
-  const l = (e.powerState || e.isWarming) && !e.isCooling, i = (!e.powerState || e.isCooling) && !e.isWarming;
+  const c = (e.powerState || e.isWarming) && !e.isCooling, u = (!e.powerState || e.isCooling) && !e.isWarming;
   return {
     displayState: e,
     powerControl: s,
-    inputControl: c,
-    powerFb: { powerOnFb: l, powerOffFb: i }
+    inputControl: r,
+    powerFb: { powerOnFb: c, powerOffFb: u }
   };
 }
-function W6(t) {
+function z6(t) {
   const { sendMessage: e } = I();
   return { runDefaultPresentRoute: () => {
     e(`/room/${t}/defaultsource`, {});
   } };
 }
-const H6 = ({ config: t }) => {
+function J6(t) {
+  const { sendMessage: e } = I(), s = $(t), r = (c) => {
+    e(`/device/${t}/saveTheme`, { value: c });
+  };
+  return {
+    currentTheme: s == null ? void 0 : s.theme,
+    saveTheme: r
+  };
+}
+const X6 = ({ config: t }) => {
   const { sendMessage: e } = I();
   t1(() => {
-    var c, l;
+    var r, c, u;
     if (!t)
       return;
     const s = [];
@@ -1401,13 +1438,13 @@ const H6 = ({ config: t }) => {
       s.push(i);
     }), Object.values(t.destinationList).forEach((i) => {
       s.push(i.sinkKey);
-    }), t.levelControlList && Object.values(t.levelControlList).forEach((i) => {
-      s.push(i.deviceKey);
+    }), t.audioControlPointList && Object.values((r = t.audioControlPointList) == null ? void 0 : r.levelControls).forEach((i) => {
+      s.push(i.parentDeviceKey + "--" + i.itemKey);
     }), (c = t.touchpanelKeys) == null || c.forEach((i) => {
       s.push(i);
     }), t.environmentalDevices.forEach((i) => {
       s.push(i.deviceKey);
-    }), (l = t.accessoryDeviceKeys) == null || l.forEach((i) => {
+    }), (u = t.accessoryDeviceKeys) == null || u.forEach((i) => {
       s.push(i);
     }), t.audioCodecKey && s.push(t.audioCodecKey), t.videoCodecKey && s.push(t.videoCodecKey), t.matrixRoutingKey && s.push(t.matrixRoutingKey), t.roomCombinerKey && s.push(t.roomCombinerKey), t.endpointKeys && t.endpointKeys.forEach((i) => {
       s.push(i);
@@ -1419,103 +1456,117 @@ const H6 = ({ config: t }) => {
     });
   }, [t, e]);
 };
-function K6(t, e) {
-  const s = m2(t, e), c = `/room/${t}/volumes/${e}`;
-  return Z3(c, s);
+function Q6(t, e) {
+  const s = j2(t, e), r = `/room/${t}/volumes/${e}`;
+  return Z3(r, s);
+}
+function N6() {
+  const { sendMessage: t } = I();
+  return {
+    reboot: () => {
+      t("/system/reboot", null);
+    },
+    programReset: () => {
+      t("/system/programReset", null);
+    }
+  };
 }
-function G6() {
-  const [t, e] = H(), [s, c] = H();
-  function l() {
+function ee() {
+  const [t, e] = H(), [s, r] = H();
+  function c() {
     e((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
-    const i = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
-    c(i);
+    const u = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
+    r(u);
   }
   return t1(() => {
-    l();
-    const i = setInterval(() => {
-      l();
+    c();
+    const u = setInterval(() => {
+      c();
     }, 1e3);
-    return () => clearInterval(i);
+    return () => clearInterval(u);
   }, []), { date: t, time: s };
 }
-function q6(t, e) {
-  const [s, c] = H(!1), [l, i] = H(!1);
-  return h3(() => {
-    const { current: u } = t, g = () => {
-      const f = u && u.scrollHeight > u.clientHeight, w = u && u.scrollWidth > u.clientWidth;
-      i(f ?? !1), c(w ?? !1), e && e(f ?? !1, w ?? !1);
+function te(t, e) {
+  const [s, r] = H(!1), [c, u] = H(!1);
+  return v3(() => {
+    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);
     };
-    u && g();
-  }, [t, e]), { overflowHorizontal: s, overflowVertical: l };
+    i && g();
+  }, [t, e]), { overflowHorizontal: s, overflowVertical: c };
 }
-function Y6(t) {
+function oe(t) {
   var g, f;
-  const [e, s] = H(((g = t == null ? void 0 : t.current) == null ? void 0 : g.scrollLeft) ?? 0), [c, l] = H(((f = t == null ? void 0 : t.current) == null ? void 0 : f.scrollTop) ?? 0), i = (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 = (w) => {
     const { current: d } = t;
     d && (console.log(d.scrollLeft), d.scrollLeft += w, console.log(d.scrollLeft));
-  }, u = (w) => {
+  }, i = (w) => {
     const { current: d } = t;
     d && (console.log(d.scrollTop), d.scrollTop += w, console.log(d.scrollTop));
   };
-  return h3(() => {
+  return v3(() => {
     const { current: w } = t, d = () => {
-      s((w == null ? void 0 : w.scrollLeft) ?? 0), l((w == null ? void 0 : w.scrollTop) ?? 0);
+      s((w == null ? void 0 : w.scrollLeft) ?? 0), c((w == null ? void 0 : w.scrollTop) ?? 0);
     };
     w && d();
-  }, [t]), { horizontalScrollPosition: e, verticalScrollPosition: c, scrollHorizontal: i, scrollVertical: u };
+  }, [t]), { horizontalScrollPosition: e, verticalScrollPosition: r, scrollHorizontal: u, scrollVertical: i };
 }
-const z6 = () => {
-  const t = l2();
-  return /* @__PURE__ */ o.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
+const se = () => {
+  const [t, e] = H(!1), s = l2(), r = i2();
+  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: [
     /* @__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: () => t(-1), children: "Go Back" })
+    /* @__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 })
   ] });
-}, H2 = "_iconbtn_16qss_1", K2 = "_iconbtnvert_16qss_7", G2 = "_iconsm_16qss_18", _1 = {
-  iconbtn: H2,
-  iconbtnvert: K2,
-  iconsm: G2
-}, q2 = ({
+}, G2 = "_iconbtn_16qss_1", q2 = "_iconbtnvert_16qss_7", Y2 = "_iconsm_16qss_18", _1 = {
+  iconbtn: G2,
+  iconbtnvert: q2,
+  iconsm: Y2
+}, z2 = ({
   multiIcon: t,
   otherContent: e = null,
   vert: s = !1,
-  className: c,
-  iconClassName: l = "",
-  otherContentClassName: i = "",
-  disabled: u,
+  className: r,
+  iconClassName: c = "",
+  otherContentClassName: u = "",
+  disabled: i,
   feedback: g,
   feedbackClassName: f,
   onPointerDown: w,
   onPointerUp: d,
   onPointerLeave: b,
-  ...P
+  ...T
 }) => {
-  const [F, V] = H(!1), z = !u && g ? f : "", o1 = !u && (F || g);
+  const [F, O] = H(!1), z = !i && g ? f : "", o1 = !i && (F || g);
   return /* @__PURE__ */ o.jsxs(
     "button",
     {
       type: "button",
-      className: `${_1.iconbtn} ${s ? _1.iconbtnvert : ""} ${c} ${z}`,
-      ...P,
-      disabled: u,
-      onPointerDown: ($) => {
-        V(!0), w == null || w($);
+      className: `${_1.iconbtn} ${s ? _1.iconbtnvert : ""} ${r} ${z}`,
+      ...T,
+      disabled: i,
+      onPointerDown: (P) => {
+        O(!0), w == null || w(P);
       },
-      onPointerUp: ($) => {
-        V(!1), d == null || d($);
+      onPointerUp: (P) => {
+        O(!1), d == null || d(P);
       },
-      onPointerLeave: ($) => {
-        V(!1), b == null || b($);
+      onPointerLeave: (P) => {
+        O(!1), b == null || b(P);
       },
       children: [
         t && /* @__PURE__ */ o.jsx(
           t,
           {
-            className: `${l || _1.iconsm}`,
+            className: `${c || _1.iconsm}`,
             active: o1,
-            disabled: u
+            disabled: i
           }
         ),
-        /* @__PURE__ */ o.jsx("div", { className: i, children: e })
+        /* @__PURE__ */ o.jsx("div", { className: u, children: e })
       ]
     }
   );
@@ -1523,9 +1574,9 @@ const z6 = () => {
   ActiveImage: t,
   DisabledImage: e,
   EnabledImage: s,
-  active: c,
-  disabled: l
-}) => l ? e : c ? t : s, Y2 = ({
+  active: r,
+  disabled: c
+}) => c ? e : r ? t : s, J2 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -1577,7 +1628,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), z2 = ({
+), X2 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -1626,7 +1677,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), J2 = ({
+), Q2 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -1666,7 +1717,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), X2 = ({
+), N2 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -1715,7 +1766,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), Q2 = ({
+), e8 = ({
   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
@@ -1784,7 +1835,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), N2 = ({
+), t8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -1833,7 +1884,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), e8 = ({
+), o8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -1882,7 +1933,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), t8 = ({
+), s8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -1931,7 +1982,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), o8 = ({
+), n8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -1980,7 +2031,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), s8 = ({
+), r8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2029,7 +2080,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), n8 = ({
+), c8 = ({
   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
@@ -2098,7 +2149,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), c8 = ({
+), l8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2147,7 +2198,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), r8 = ({
+), i8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2196,7 +2247,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), l8 = ({
+), a8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2245,7 +2296,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), i8 = ({
+), u8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2294,7 +2345,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), a8 = ({
+), d8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2316,7 +2367,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), u8 = ({
+), h8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2365,7 +2416,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), d8 = ({
+), v8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2414,7 +2465,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), v8 = ({
+), g8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2463,7 +2514,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), h8 = ({
+), f8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2512,7 +2563,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), g8 = ({
+), w8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2561,7 +2612,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), f8 = ({
+), p8 = ({
   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
@@ -2630,7 +2681,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), w8 = ({
+), x8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2679,7 +2730,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), p8 = ({
+), M8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2728,7 +2779,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), x8 = ({
+), m8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2777,7 +2828,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), M8 = ({
+), Z8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2826,7 +2877,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), m8 = ({
+), j8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2875,7 +2926,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), Z8 = ({
+), C8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2924,7 +2975,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), j8 = ({
+), S8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2973,7 +3024,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), C8 = ({
+), b8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -3022,7 +3073,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), S8 = ({
+), I8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -3071,7 +3122,7 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), b8 = ({
+), y8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -3120,243 +3171,235 @@ const z6 = () => {
     active: t,
     disabled: s
   }
-), I8 = {
-  Alert: Y2,
-  Camera: J2,
-  DownArrow: N2,
-  Ban: z2,
-  Check: X2,
-  Controller: Q2,
-  Elipses: e8,
-  Flag: t8,
-  Gear: o8,
-  Glass: s8,
-  Hdmi: n8,
-  Laptop: c8,
-  LeftArrow: r8,
-  Light: l8,
-  Mic: b8,
-  Moon: i8,
-  Playstation: a8,
-  Podium: u8,
-  Power: d8,
-  Privacy: v8,
-  Question: h8,
-  RightArrow: g8,
-  RoomPC: f8,
-  Shade: w8,
-  Sun: p8,
-  UpArrow: x8,
-  VolDown: M8,
-  VolMute: m8,
-  VolUp: Z8,
-  Wireless: j8,
-  X: C8,
-  Xbox: S8
+), 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
 };
-function J6({
+function ne({
   name: t,
-  iconsDictionary: e = I8,
+  iconsDictionary: e = R8,
   ...s
 }) {
-  const c = e[t] ?? null;
-  return c || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ o.jsx(q2, { multiIcon: c, ...s });
+  const r = e[t] ?? null;
+  return r || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ o.jsx(z2, { multiIcon: r, ...s });
 }
-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
-}, X6 = ({ header: t, footer: e, content: s, volume: c, showVolume: l }) => /* @__PURE__ */ o.jsxs("div", { className: a1.grid, children: [
+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: [
   /* @__PURE__ */ o.jsx("div", { className: a1.header, children: t }),
   /* @__PURE__ */ o.jsx("div", { className: a1.content, children: s }),
-  l && /* @__PURE__ */ o.jsx("div", { className: a1.volume, children: c }),
+  c && /* @__PURE__ */ o.jsx("div", { className: a1.volume, children: r }),
   /* @__PURE__ */ o.jsx("div", { className: a1.footer, children: e })
-] }), $8 = "_grid_11w5q_1", D8 = "_header_11w5q_11", A8 = "_content_11w5q_17", p1 = {
-  grid: $8,
+] }), T8 = "_grid_11w5q_1", D8 = "_header_11w5q_11", A8 = "_content_11w5q_17", p1 = {
+  grid: T8,
   header: D8,
   content: A8,
   "left-nav": "_left-nav_11w5q_23"
-}, Q6 = ({ className: t, header: e, content: s, leftNav: c }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${p1.grid}`, children: [
+}, ce = ({ 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 }),
-  c && /* @__PURE__ */ o.jsx("div", { className: p1.leftNav, children: c }),
+  r && /* @__PURE__ */ o.jsx("div", { className: p1.leftNav, children: r }),
   /* @__PURE__ */ o.jsx("div", { className: p1.content, children: s })
-] }), P8 = "_grid_1uwfo_1", T8 = "_header_1uwfo_11", B8 = "_content_1uwfo_17", L1 = {
-  grid: P8,
-  header: T8,
-  content: B8
-}, N6 = ({ className: t, header: e, content: s }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${L1.grid}`, children: [
+] }), 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: [
   /* @__PURE__ */ o.jsx("div", { className: L1.header, children: e }),
   /* @__PURE__ */ o.jsx("div", { className: L1.content, children: s })
 ] });
-function e5() {
+function ie() {
   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 t5 {
+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 {
   constructor(e, s) {
-    D(this, "path");
-    D(this, "handler");
+    V(this, "path");
+    V(this, "handler");
     this.path = e, this.handler = s;
   }
 }
-const o5 = "$off";
-class s5 {
-  constructor() {
-    D(this, "name", "");
-    D(this, "iconUrl", "");
-    D(this, "channel", "");
-  }
-}
-class n5 {
-  constructor() {
-    D(this, "deviceKey");
-    D(this, "deviceType");
-  }
-}
-class c5 {
+const ue = "$off";
+class de {
   constructor() {
-    D(this, "deviceKey");
-    D(this, "deviceType");
+    V(this, "name", "");
+    V(this, "iconUrl", "");
+    V(this, "channel", "");
   }
 }
-class r5 {
+class he {
   constructor() {
-    D(this, "currentShareText");
-    D(this, "enabled");
-    D(this, "isSharing");
+    V(this, "currentShareText");
+    V(this, "enabled");
+    V(this, "isSharing");
   }
 }
 export {
-  c5 as AccessoryDeviceConfiguration,
-  S6 as Clock,
-  O8 as DaysOfWeek,
-  n5 as EnvironmentalDeviceConfiguration,
-  z6 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,
-  c8 as IconMultiLaptop,
-  r8 as IconMultiLeftArrow,
-  l8 as IconMultiLight,
-  i8 as IconMultiMoon,
-  a8 as IconMultiPlaystation,
-  u8 as IconMultiPodium,
-  d8 as IconMultiPower,
-  v8 as IconMultiPrivacy,
-  h8 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,
-  X6 as MainLayout,
-  t5 as MessageHandler,
-  g6 as MobileControlProvider,
+  _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,
-  J6 as NamedIconButton,
-  s5 as PresetChannel,
-  r5 as ShareState,
-  Q6 as TechLayout,
-  N6 as TechPinLayout,
-  e5 as getBaseLocation,
-  D1 as httpClient,
-  o5 as roomOffSourceKey,
+  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,
   q as uiActions,
-  w2 as uiReducer,
-  K8 as useApiPath,
-  x2 as useAppConfig,
-  _2 as useAppDispatch,
-  w6 as useAvrControl,
-  S2 as useClientId,
-  F2 as useDeviceIBasicVolumeWithFeedback,
-  p6 as useEndpoint,
-  R2 as useError,
-  H6 as useGetAllDeviceStateFromRoomConfiguration,
-  M2 as useGetAllDevices,
-  v6 as useGetCurrentPopoverIdForGroup,
-  A as useGetDevice,
-  f6 as useGetIBasicVolumeWithFeedback,
-  l6 as useGetRoomDisplayStates,
-  i6 as useGetZoomRoomControllerKey,
+  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,
+  $ as useGetDevice,
+  m6 as useGetIBasicVolumeWithFeedback,
+  a6 as useGetRoomDisplayStates,
+  u6 as useGetZoomRoomControllerKey,
   Z3 as useIBasicVolumeWithFeedback,
-  x6 as useIChannelMessenger,
-  M6 as useIColor,
-  m6 as useICommunicationMonitor,
-  Z6 as useIDPad,
-  j6 as useIDeviceInfoMessenger,
-  C6 as useIDvr,
-  b6 as useIEssentialsRoomCombiner,
+  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,
-  P1 as useIHasSelectableItems,
-  I6 as useILevelControls,
-  y6 as useILightingScenes,
-  R6 as useIMatrixRouting,
-  E6 as useIMcCiscoCodecUserInterfaceAppControl,
-  _6 as useINumeric,
-  L6 as useIProjectorScreenLiftControl,
-  $6 as useIRoomEventSchedule,
-  W6 as useIRunDefaultPresentRoute,
-  D6 as useIRunDirectRouteAction,
-  A6 as useIRunRouteAction,
-  P6 as useISetTopBoxControls,
-  T6 as useIShadesOpenCloseStop,
-  B6 as useIShutdownPromptTimer,
-  O6 as useISwitchedOutput,
-  V6 as useITechPassword,
-  k6 as useITransport,
-  L2 as useInitialize,
-  U6 as useMobileControlTouchpanelController,
-  q6 as useOverflow,
-  U2 as usePressHoldRelease,
-  c6 as useRoomAdvancedSharingActive,
-  e6 as useRoomCodecContentDestinationKey,
-  G8 as useRoomConfiguration,
-  X8 as useRoomDestinationList,
-  J8 as useRoomDestinations,
-  Q8 as useRoomEnvironmentalDevices,
-  K6 as useRoomIBasicVolumeWithFeedback,
-  t6 as useRoomInCall,
-  s6 as useRoomIsCoolingDown,
-  n6 as useRoomIsOn,
-  o6 as useRoomIsWarmingUp,
-  C2 as useRoomKey,
-  z8 as useRoomLevelControlList,
-  Z2 as useRoomLevelControls,
-  q8 as useRoomName,
-  N8 as useRoomProgramAudioDestinationKey,
-  r6 as useRoomShareState,
-  Y8 as useRoomSourceList,
-  T1 as useRoomState,
-  m2 as useRoomVolume,
-  Y6 as useScroll,
-  y2 as useServerIsRunningOnProcessorHardware,
-  u6 as useShowIncomingCallModal,
-  d6 as useShowModal,
-  h6 as useShowPopoverById,
-  E2 as useShowReconnect,
-  a6 as useShowShutdownModal,
-  b2 as useSystemUuid,
-  G6 as useTimeAndDate,
-  F6 as useTwoWayDisplayBase,
-  I2 as useUserCode,
+  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,
   I as useWebsocketContext,
-  j2 as useWsIsConnected
+  S2 as useWsIsConnected
 };