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

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

@@ -1,13 +1,17 @@
-var J3 = Object.defineProperty;
-var X3 = (t, e, s) => e in t ? J3(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
-var D = (t, e, s) => (X3(t, typeof e != "symbol" ? e + "" : e, s), s);
-import Q3, { AxiosError as N3 } from "axios";
-import { createSlice as d1, combineReducers as e2, configureStore as u3, createSelector as t2 } from "@reduxjs/toolkit";
-import { useSelector as o2, useDispatch as s2, Provider as n2 } from "react-redux";
-import * as d3 from "lodash";
-import h3, { createContext as c2, useState as H, useRef as u1, useCallback as r1, useEffect as t1, useContext as r2, useLayoutEffect as v3 } from "react";
-import { useNavigate as l2, useRouteError as i2, isRouteErrorResponse as a2 } from "react-router-dom";
-const u2 = {
+var q3 = Object.defineProperty;
+var Y3 = (t, e, s) => e in t ? q3(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var V = (t, e, s) => (Y3(t, typeof e != "symbol" ? e + "" : e, s), s);
+import z3, { AxiosError as J3 } from "axios";
+import { useDispatch as X3, useSelector as Q3, Provider as N3 } from "react-redux";
+import { createSlice as d1, combineReducers as e2, configureStore as t2, createSelector as o2 } from "@reduxjs/toolkit";
+import * as a3 from "lodash";
+import u3, { createContext as s2, useState as H, useRef as u1, useCallback as c1, useEffect as t1, useContext as n2, useLayoutEffect as d3 } from "react";
+import { useNavigate as r2, useRouteError as c2, isRouteErrorResponse as l2 } from "react-router-dom";
+const i2 = X3.withTypes(), p = Q3.withTypes(), a2 = () => p((t) => t.appConfig.config), K8 = () => p((t) => t.appConfig.config.apiPath), u2 = () => p((t) => t.devices);
+function $(t) {
+  return p((e) => e.devices[t] ? e.devices[t] : void 0);
+}
+const d2 = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -17,47 +21,47 @@ const u2 = {
     loginMode: "",
     modes: {}
   }
-}, g3 = d1({
+}, h3 = d1({
   name: "appConfig",
-  initialState: u2,
+  initialState: d2,
   reducers: {
     setAppConfig(t, e) {
       t.config = e.payload;
     }
   }
-}), d2 = g3.actions, h2 = g3.reducer, c3 = {}, f3 = d1({
+}), h2 = h3.actions, v2 = h3.reducer, n3 = {}, v3 = d1({
   name: "devices",
-  initialState: c3,
+  initialState: n3,
   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 r = e.payload.content, i = t[c] ?? {}, u = d3.merge(i, r);
-      return t[c] = u, t;
+      const c = e.payload.content, u = t[r] ?? {}, i = a3.merge(u, c);
+      return t[r] = i, t;
     },
     clearDevices() {
-      return c3;
+      return n3;
     }
   }
-}), N = f3.actions, v2 = f3.reducer, r3 = {}, w3 = d1({
+}), N = v3.actions, g2 = v3.reducer, r3 = {}, g3 = d1({
   name: "rooms",
   initialState: r3,
   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 r = e.payload.content;
-      console.log(r);
-      const i = t[c] ?? {}, u = d3.merge(i, r);
-      return t[c] = u, console.log(t), t;
+      const c = e.payload.content;
+      console.log(c);
+      const u = t[r] ?? {}, i = a3.merge(u, c);
+      return t[r] = i, console.log(t), t;
     },
     clearRooms() {
       return r3;
     }
   }
-}), e1 = w3.actions, g2 = w3.reducer, f2 = {
+}), e1 = g3.actions, f2 = g3.reducer, w2 = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -74,13 +78,20 @@ const u2 = {
     systemUuid: "",
     roomUuid: "",
     userAppUrl: "",
-    config: void 0,
+    config: {
+      runtimeInfo: {
+        pluginVersion: "",
+        essentialsVersion: "",
+        pepperDashCoreVersion: "",
+        essentialsPlugins: []
+      }
+    },
     userCode: "",
     qrUrl: ""
   }
-}, p3 = d1({
+}, f3 = d1({
   name: "runtimeConfig",
-  initialState: f2,
+  initialState: w2,
   reducers: {
     setRuntimeConfig(t, e) {
       t.apiVersion = e.payload.apiVersion, t.serverIsRunningOnProcessorHardware = e.payload.serverIsRunningOnProcessorHardware;
@@ -98,7 +109,7 @@ const u2 = {
       t.roomData = e.payload;
     },
     setCurrentRoomKey(t, e) {
-      $1.dispatch(e1.clearRooms()), $1.dispatch(N.clearDevices()), t.currentRoomKey = e.payload;
+      m.dispatch(e1.clearRooms()), m.dispatch(N.clearDevices()), t.currentRoomKey = e.payload;
     },
     setUserCode(t, e) {
       t.roomData.userCode = e.payload.userCode, t.roomData.qrUrl = e.payload.qrUrl;
@@ -107,7 +118,7 @@ const u2 = {
       t.touchpanelKey = e.payload;
     }
   }
-}), W = p3.actions, w2 = p3.reducer, p2 = {
+}), W = f3.actions, p2 = f3.reducer, x2 = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -115,9 +126,9 @@ const u2 = {
     showIncomingCallModal: !1
   },
   popoverVisibility: {}
-}, x3 = d1({
+}, w3 = d1({
   name: "ui",
-  initialState: p2,
+  initialState: x2,
   reducers: {
     clearAllModals(t) {
       Object.entries(t.modalVisibility).forEach(([e]) => {
@@ -145,144 +156,141 @@ const u2 = {
       t.showReconnect = e.payload;
     }
   }
-}), q = x3.actions, x2 = x3.reducer, M3 = e2({
-  appConfig: h2,
-  runtimeConfig: w2,
-  rooms: g2,
-  devices: v2,
-  ui: x2
-}), M2 = u3({
-  reducer: M3
-}), $1 = M2, p = o2, m2 = () => p((t) => t.appConfig.config), q8 = () => p((t) => t.appConfig.config.apiPath), Z2 = () => p((t) => t.devices);
-function $(t) {
-  return p((e) => e.devices[t] ? e.devices[t] : void 0);
-}
-const Y8 = (t) => p(
+}), q = w3.actions, M2 = w3.reducer, m2 = e2({
+  appConfig: v2,
+  runtimeConfig: p2,
+  rooms: f2,
+  devices: g2,
+  ui: M2
+}), m = t2({
+  reducer: m2
+}), G8 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.configuration : void 0;
   }
-), P1 = (t) => p(
+), D1 = (t) => p(
   (e) => e.rooms[t] ? e.rooms[t] : void 0
-), z8 = (t) => p(
+), q8 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.name : void 0;
   }
-), j2 = (t, e) => p(
+), Z2 = (t, e) => p(
   (s) => {
-    var 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;
   }
-), C2 = (t) => p(
+), j2 = (t) => p(
   (e) => e.rooms[t] ? e.rooms[t] : void 0
+), Y8 = (t) => p(
+  (e) => {
+    var s, r;
+    return e.rooms[t] ? (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.sourceList : void 0;
+  }
+), z8 = (t) => p(
+  (e) => {
+    var s, r;
+    return e.rooms[t] ? (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.audioControlPointList : void 0;
+  }
 ), 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.destinations : void 0;
   }
 ), 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.destinationList : void 0;
   }
 ), 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.environmentalDevices : void 0;
   }
 ), 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, 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) => 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, c;
+    return e.rooms[t] ? (c = (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.destinationList.codecContent) == null ? void 0 : c.sinkKey : void 0;
   }
 ), t6 = (t) => p(
-  (e) => {
-    var s, c, r, i, u, g, f, w;
-    return (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) != null && c.destinationList.programAudio ? (u = (i = (r = e.rooms[t]) == null ? void 0 : r.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) || "";
-  }
-), o6 = (t) => p(
-  (e) => {
-    var s, c, r;
-    return e.rooms[t] ? (r = (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.destinationList.codecContent) == null ? void 0 : r.sinkKey : void 0;
-  }
-), s6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isInCall : void 0;
   }
-), n6 = (t) => p(
+), o6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isWarmingUp : void 0;
   }
-), c6 = (t) => p(
+), s6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isCoolingDown : void 0;
   }
-), r6 = (t) => p(
+), n6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isOn : void 0;
   }
-), l6 = (t) => p(
+), r6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.advancedSharingActive : void 0;
   }
-), i6 = (t) => p(
+), c6 = (t) => p(
   (e) => {
     var s;
     return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.share : void 0;
   }
-), a6 = (t) => t2(
+), l6 = (t) => o2(
   [
     (e, s) => s,
-    Z2,
+    u2,
     (e) => {
-      var s, 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 r = Object.entries(c).filter(([u]) => u !== "programAudio" && u !== "codecContent").map(([, u]) => u);
-    return Object.values(s).filter((u) => Object.values(r).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), u6 = (t) => p(
+)(m.getState(), t), i6 = (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;
   }
-), 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) => t.runtimeConfig.touchpanelKey), h6 = () => p((t) => t.runtimeConfig.touchpanelKey !== ""), v6 = () => p((t) => t.ui.modalVisibility.showShutdownModal), g6 = () => p((t) => t.ui.modalVisibility.showIncomingCallModal), f6 = (t) => p((e) => e.ui.modalVisibility[t]), w6 = (t) => p((e) => {
+), C2 = () => p((t) => t.runtimeConfig.websocket.isConnected), S2 = () => p((t) => t.runtimeConfig.currentRoomKey), b2 = () => p((t) => t.runtimeConfig.roomData.clientId), I2 = () => p((t) => t.runtimeConfig.roomData.systemUuid), y2 = () => p((t) => t.runtimeConfig.roomData.userCode), R2 = () => p((t) => t.runtimeConfig.serverIsRunningOnProcessorHardware), a6 = () => p((t) => {
+  var e;
+  return (e = t.runtimeConfig.roomData.config) == null ? void 0 : e.runtimeInfo;
+}), u6 = () => p((t) => t.runtimeConfig.touchpanelKey), d6 = () => p((t) => t.runtimeConfig.touchpanelKey !== ""), h6 = () => p((t) => t.ui.modalVisibility.showShutdownModal), v6 = () => p((t) => t.ui.modalVisibility.showIncomingCallModal), g6 = (t) => p((e) => e.ui.modalVisibility[t]), f6 = (t) => p((e) => {
   const s = e.ui.popoverVisibility[t];
   if (s)
-    return Object.keys(s).find((c) => s[c]);
-}), p6 = (t, e) => p((s) => {
-  var c;
-  return (c = s.ui.popoverVisibility[t]) == null ? void 0 : c[e];
-}), _2 = () => p((t) => t.ui.error), L2 = () => p((t) => t.ui.showReconnect), C = u3({
-  reducer: M3
-}), $2 = s2, T1 = Q3.create();
-function T2() {
-  const t = $2();
+    return Object.keys(s).find((r) => s[r]);
+}), w6 = (t, e) => p((s) => {
+  var r;
+  return (r = s.ui.popoverVisibility[t]) == null ? void 0 : r[e];
+}), E2 = () => p((t) => t.ui.error), _2 = () => p((t) => t.ui.showReconnect), $1 = z3.create();
+function L2() {
+  const t = i2();
   return async () => {
     try {
-      const e = location.pathname.split("/").filter((r) => r.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 T1.get("/_local-config/_config.local.json", { baseURL: s });
-      if (c.status == 200 && c.data) {
-        const r = c.data.apiPath;
-        t(d2.setAppConfig(c.data));
-        const i = await T1.get(`${r}/version`);
-        i.status == 200 && i.data && t(W.setRuntimeConfig(i.data));
+      const s = `/${e.join("/")}`, r = await $1.get("/_local-config/_config.local.json", { baseURL: s });
+      if (r.status == 200 && r.data) {
+        const c = r.data.apiPath;
+        t(h2.setAppConfig(r.data));
+        const u = await $1.get(`${c}/version`);
+        u.status == 200 && u.data && t(W.setRuntimeConfig(u.data));
       }
     } catch (e) {
       console.error("Error getting config", e);
@@ -290,7 +298,7 @@ function T2() {
     return !0;
   };
 }
-var D1 = { exports: {} }, l1 = {};
+var P1 = { exports: {} }, l1 = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -300,17 +308,17 @@ var D1 = { exports: {} }, l1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var l3;
-function D2() {
-  return l3 || (l3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = h3, e = Symbol.for("react.element"), s = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = 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"), A = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), V = Symbol.iterator, z = "@@iterator";
+var c3;
+function $2() {
+  return c3 || (c3 = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = u3, e = Symbol.for("react.element"), s = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), g = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), O = Symbol.iterator, z = "@@iterator";
     function o1(n) {
       if (n === null || typeof n != "object")
         return null;
-      var l = V && n[V] || n[z];
+      var l = O && n[O] || n[z];
       return typeof l == "function" ? l : null;
     }
-    var T = 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 l = arguments.length, a = new Array(l > 1 ? l - 1 : 0), h = 1; h < l; h++)
@@ -320,18 +328,18 @@ function D2() {
     }
     function x1(n, l, a) {
       {
-        var h = T.ReactDebugCurrentFrame, j = h.getStackAddendum();
-        j !== "" && (l += "%s", a = a.concat([j]));
+        var h = P.ReactDebugCurrentFrame, C = h.getStackAddendum();
+        C !== "" && (l += "%s", a = a.concat([C]));
         var S = a.map(function(M) {
           return String(M);
         });
         S.unshift("Warning: " + l), Function.prototype.apply.call(console[n], console, S);
       }
     }
-    var M1 = !1, y = !1, Z = !1, h1 = !1, m1 = !1, K;
+    var M1 = !1, y = !1, j = !1, h1 = !1, m1 = !1, K;
     K = Symbol.for("react.module.reference");
-    function B(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === c || n === i || m1 || n === r || n === w || n === d || h1 || n === F || M1 || y || Z || typeof n == "object" && n !== null && (n.$$typeof === A || 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 || j || typeof n == "object" && n !== null && (n.$$typeof === T || n.$$typeof === b || n.$$typeof === i || n.$$typeof === g || n.$$typeof === f || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -341,8 +349,8 @@ function D2() {
       var h = n.displayName;
       if (h)
         return h;
-      var j = l.displayName || l.name || "";
-      return j !== "" ? a + "(" + j + ")" : a;
+      var C = l.displayName || l.name || "";
+      return C !== "" ? a + "(" + C + ")" : a;
     }
     function J(n) {
       return n.displayName || "Context";
@@ -355,13 +363,13 @@ function D2() {
       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 r:
+        case c:
           return "StrictMode";
         case w:
           return "Suspense";
@@ -373,7 +381,7 @@ function D2() {
           case g:
             var l = n;
             return J(l) + ".Consumer";
-          case u:
+          case i:
             var a = n;
             return J(a._context) + ".Provider";
           case f:
@@ -381,8 +389,8 @@ function D2() {
           case b:
             var h = n.displayName || null;
             return h !== null ? h : k(n.type) || "Memo";
-          case A: {
-            var j = n, S = j._payload, M = j._init;
+          case T: {
+            var C = n, S = C._payload, M = C._init;
             try {
               return k(M(S));
             } catch {
@@ -392,18 +400,18 @@ function D2() {
         }
       return null;
     }
-    var G = Object.assign, s1 = 0, B1, O1, V1, k1, U1, F1, W1;
-    function H1() {
+    var G = Object.assign, s1 = 0, A1, B1, O1, V1, k1, U1, F1;
+    function W1() {
     }
-    H1.__reactDisabledLog = !0;
-    function C3() {
+    W1.__reactDisabledLog = !0;
+    function m3() {
       {
         if (s1 === 0) {
-          B1 = console.log, O1 = console.info, V1 = console.warn, k1 = console.error, U1 = console.group, F1 = console.groupCollapsed, W1 = console.groupEnd;
+          A1 = console.log, B1 = console.info, O1 = console.warn, V1 = console.error, k1 = console.group, U1 = console.groupCollapsed, F1 = console.groupEnd;
           var n = {
             configurable: !0,
             enumerable: !0,
-            value: H1,
+            value: W1,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -419,7 +427,7 @@ function D2() {
         s1++;
       }
     }
-    function S3() {
+    function Z3() {
       {
         if (s1--, s1 === 0) {
           var n = {
@@ -429,39 +437,39 @@ function D2() {
           };
           Object.defineProperties(console, {
             log: G({}, n, {
-              value: B1
+              value: A1
             }),
             info: G({}, n, {
-              value: O1
+              value: B1
             }),
             warn: G({}, n, {
-              value: V1
+              value: O1
             }),
             error: G({}, n, {
-              value: k1
+              value: V1
             }),
             group: G({}, n, {
-              value: U1
+              value: k1
             }),
             groupCollapsed: G({}, n, {
-              value: F1
+              value: U1
             }),
             groupEnd: G({}, n, {
-              value: W1
+              value: F1
             })
           });
         }
         s1 < 0 && L("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Z1 = T.ReactCurrentDispatcher, j1;
+    var Z1 = P.ReactCurrentDispatcher, j1;
     function v1(n, l, a) {
       {
         if (j1 === void 0)
           try {
             throw Error();
-          } catch (j) {
-            var h = j.stack.trim().match(/\n( *(at )?)/);
+          } catch (C) {
+            var h = C.stack.trim().match(/\n( *(at )?)/);
             j1 = h && h[1] || "";
           }
         return `
@@ -470,10 +478,10 @@ function D2() {
     }
     var C1 = !1, g1;
     {
-      var b3 = typeof WeakMap == "function" ? WeakMap : Map;
-      g1 = new b3();
+      var j3 = typeof WeakMap == "function" ? WeakMap : Map;
+      g1 = new j3();
     }
-    function K1(n, l) {
+    function H1(n, l) {
       if (!n || C1)
         return "";
       {
@@ -483,10 +491,10 @@ function D2() {
       }
       var h;
       C1 = !0;
-      var j = Error.prepareStackTrace;
+      var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var S;
-      S = Z1.current, Z1.current = null, C3();
+      S = Z1.current, Z1.current = null, m3();
       try {
         if (l) {
           var M = function() {
@@ -499,37 +507,37 @@ function D2() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(M, []);
-            } catch (O) {
-              h = O;
+            } catch (B) {
+              h = B;
             }
             Reflect.construct(n, [], M);
           } else {
             try {
               M.call();
-            } catch (O) {
-              h = O;
+            } catch (B) {
+              h = B;
             }
             n.call(M.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (O) {
-            h = O;
+          } catch (B) {
+            h = B;
           }
           n();
         }
-      } catch (O) {
-        if (O && h && typeof O.stack == "string") {
-          for (var x = O.stack.split(`
-`), P = h.stack.split(`
-`), E = x.length - 1, _ = P.length - 1; E >= 1 && _ >= 0 && x[E] !== P[_]; )
+      } 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 (x[E] !== P[_]) {
+            if (x[E] !== D[_]) {
               if (E !== 1 || _ !== 1)
                 do
-                  if (E--, _--, _ < 0 || x[E] !== P[_]) {
+                  if (E--, _--, _ < 0 || x[E] !== D[_]) {
                     var U = `
 ` + 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;
@@ -539,15 +547,15 @@ function D2() {
             }
         }
       } finally {
-        C1 = !1, Z1.current = S, S3(), Error.prepareStackTrace = j;
+        C1 = !1, Z1.current = S, Z3(), Error.prepareStackTrace = C;
       }
       var Q = n ? n.displayName || n.name : "", Y = Q ? v1(Q) : "";
       return typeof n == "function" && g1.set(n, Y), Y;
     }
-    function I3(n, l, a) {
-      return K1(n, !1);
+    function C3(n, l, a) {
+      return H1(n, !1);
     }
-    function y3(n) {
+    function S3(n) {
       var l = n.prototype;
       return !!(l && l.isReactComponent);
     }
@@ -555,7 +563,7 @@ function D2() {
       if (n == null)
         return "";
       if (typeof n == "function")
-        return K1(n, y3(n));
+        return H1(n, S3(n));
       if (typeof n == "string")
         return v1(n);
       switch (n) {
@@ -567,28 +575,28 @@ function D2() {
       if (typeof n == "object")
         switch (n.$$typeof) {
           case f:
-            return I3(n.render);
+            return C3(n.render);
           case b:
             return f1(n.type, l, a);
-          case A: {
-            var h = n, j = h._payload, S = h._init;
+          case T: {
+            var h = n, C = h._payload, S = h._init;
             try {
-              return f1(S(j), l, a);
+              return f1(S(C), l, a);
             } catch {
             }
           }
         }
       return "";
     }
-    var n1 = Object.prototype.hasOwnProperty, G1 = {}, q1 = T.ReactDebugCurrentFrame;
+    var n1 = Object.prototype.hasOwnProperty, K1 = {}, G1 = P.ReactDebugCurrentFrame;
     function w1(n) {
       if (n) {
         var l = n._owner, a = f1(n.type, n._source, l ? l.type : null);
-        q1.setExtraStackFrame(a);
+        G1.setExtraStackFrame(a);
       } else
-        q1.setExtraStackFrame(null);
+        G1.setExtraStackFrame(null);
     }
-    function R3(n, l, a, h, j) {
+    function b3(n, l, a, h, C) {
       {
         var S = Function.call.bind(n1);
         for (var M in n)
@@ -596,49 +604,49 @@ function D2() {
             var x = void 0;
             try {
               if (typeof n[M] != "function") {
-                var P = 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 P.name = "Invariant Violation", P;
+                var D = Error((h || "React class") + ": " + a + " type `" + M + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[M] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw D.name = "Invariant Violation", D;
               }
               x = n[M](l, M, h, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (E) {
               x = E;
             }
-            x && !(x instanceof Error) && (w1(j), L("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", h || "React class", a, M, typeof x), w1(null)), x instanceof Error && !(x.message in G1) && (G1[x.message] = !0, w1(j), L("Failed %s type: %s", a, x.message), w1(null));
+            x && !(x instanceof Error) && (w1(C), L("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", h || "React class", a, M, typeof x), w1(null)), x instanceof Error && !(x.message in K1) && (K1[x.message] = !0, w1(C), L("Failed %s type: %s", a, x.message), w1(null));
           }
       }
     }
-    var E3 = Array.isArray;
+    var I3 = Array.isArray;
     function S1(n) {
-      return E3(n);
+      return I3(n);
     }
-    function _3(n) {
+    function y3(n) {
       {
         var l = typeof Symbol == "function" && Symbol.toStringTag, a = l && n[Symbol.toStringTag] || n.constructor.name || "Object";
         return a;
       }
     }
-    function L3(n) {
+    function R3(n) {
       try {
-        return Y1(n), !1;
+        return q1(n), !1;
       } catch {
         return !0;
       }
     }
-    function Y1(n) {
+    function q1(n) {
       return "" + n;
     }
-    function z1(n) {
-      if (L3(n))
-        return L("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", _3(n)), Y1(n);
+    function Y1(n) {
+      if (R3(n))
+        return L("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", y3(n)), q1(n);
     }
-    var c1 = T.ReactCurrentOwner, $3 = {
+    var r1 = P.ReactCurrentOwner, E3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, J1, X1, b1;
+    }, z1, J1, b1;
     b1 = {};
-    function T3(n) {
+    function _3(n) {
       if (n1.call(n, "ref")) {
         var l = Object.getOwnPropertyDescriptor(n, "ref").get;
         if (l && l.isReactWarning)
@@ -646,7 +654,7 @@ function D2() {
       }
       return n.ref !== void 0;
     }
-    function D3(n) {
+    function L3(n) {
       if (n1.call(n, "key")) {
         var l = Object.getOwnPropertyDescriptor(n, "key").get;
         if (l && l.isReactWarning)
@@ -654,16 +662,16 @@ function D2() {
       }
       return n.key !== void 0;
     }
-    function A3(n, l) {
-      if (typeof n.ref == "string" && c1.current && l && c1.current.stateNode !== l) {
-        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 $3(n, l) {
+      if (typeof n.ref == "string" && r1.current && l && r1.current.stateNode !== l) {
+        var a = k(r1.current.type);
+        b1[a] || (L('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', k(r1.current.type), n.ref), b1[a] = !0);
       }
     }
     function P3(n, l) {
       {
         var a = function() {
-          J1 || (J1 = !0, L("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+          z1 || (z1 = !0, L("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
         };
         a.isReactWarning = !0, Object.defineProperty(n, "key", {
           get: a,
@@ -671,10 +679,10 @@ function D2() {
         });
       }
     }
-    function B3(n, l) {
+    function T3(n, l) {
       {
         var a = function() {
-          X1 || (X1 = !0, L("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+          J1 || (J1 = !0, L("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
         };
         a.isReactWarning = !0, Object.defineProperty(n, "ref", {
           get: a,
@@ -682,7 +690,7 @@ function D2() {
         });
       }
     }
-    var O3 = function(n, l, a, h, j, S, M) {
+    var D3 = function(n, l, a, h, C, S, M) {
       var x = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
@@ -708,41 +716,41 @@ function D2() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: j
+        value: C
       }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function V3(n, l, a, h, j) {
+    function A3(n, l, a, h, C) {
       {
-        var S, M = {}, x = null, P = null;
-        a !== void 0 && (z1(a), x = "" + a), D3(l) && (z1(l.key), x = "" + l.key), T3(l) && (P = l.ref, A3(l, j));
+        var S, M = {}, x = null, D = null;
+        a !== void 0 && (Y1(a), x = "" + a), L3(l) && (Y1(l.key), x = "" + l.key), _3(l) && (D = l.ref, $3(l, C));
         for (S in l)
-          n1.call(l, S) && !$3.hasOwnProperty(S) && (M[S] = l[S]);
+          n1.call(l, S) && !E3.hasOwnProperty(S) && (M[S] = l[S]);
         if (n && n.defaultProps) {
           var E = n.defaultProps;
           for (S in E)
             M[S] === void 0 && (M[S] = E[S]);
         }
-        if (x || P) {
+        if (x || D) {
           var _ = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
-          x && P3(M, _), P && B3(M, _);
+          x && P3(M, _), D && T3(M, _);
         }
-        return O3(n, x, P, j, h, c1.current, M);
+        return D3(n, x, D, C, h, r1.current, M);
       }
     }
-    var I1 = T.ReactCurrentOwner, Q1 = T.ReactDebugCurrentFrame;
+    var I1 = P.ReactCurrentOwner, X1 = P.ReactDebugCurrentFrame;
     function X(n) {
       if (n) {
         var l = n._owner, a = f1(n.type, n._source, l ? l.type : null);
-        Q1.setExtraStackFrame(a);
+        X1.setExtraStackFrame(a);
       } else
-        Q1.setExtraStackFrame(null);
+        X1.setExtraStackFrame(null);
     }
     var y1;
     y1 = !1;
     function R1(n) {
       return typeof n == "object" && n !== null && n.$$typeof === e;
     }
-    function N1() {
+    function Q1() {
       {
         if (I1.current) {
           var n = k(I1.current.type);
@@ -754,7 +762,7 @@ Check the render method of \`` + n + "`.";
         return "";
       }
     }
-    function k3(n) {
+    function B3(n) {
       {
         if (n !== void 0) {
           var l = n.fileName.replace(/^.*[\\\/]/, ""), a = n.lineNumber;
@@ -765,10 +773,10 @@ Check your code at ` + l + ":" + a + ".";
         return "";
       }
     }
-    var e3 = {};
-    function U3(n) {
+    var N1 = {};
+    function O3(n) {
       {
-        var l = N1();
+        var l = Q1();
         if (!l) {
           var a = typeof n == "string" ? n : n.displayName || n.name;
           a && (l = `
@@ -778,39 +786,39 @@ Check the top-level render call using <` + a + ">.");
         return l;
       }
     }
-    function t3(n, l) {
+    function e3(n, l) {
       {
         if (!n._store || n._store.validated || n.key != null)
           return;
         n._store.validated = !0;
-        var a = U3(l);
-        if (e3[a])
+        var a = O3(l);
+        if (N1[a])
           return;
-        e3[a] = !0;
+        N1[a] = !0;
         var h = "";
         n && n._owner && n._owner !== I1.current && (h = " It was passed a child from " + k(n._owner.type) + "."), X(n), L('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, h), X(null);
       }
     }
-    function o3(n, l) {
+    function t3(n, l) {
       {
         if (typeof n != "object")
           return;
         if (S1(n))
           for (var a = 0; a < n.length; a++) {
             var h = n[a];
-            R1(h) && t3(h, l);
+            R1(h) && e3(h, l);
           }
         else if (R1(n))
           n._store && (n._store.validated = !0);
         else if (n) {
-          var j = o1(n);
-          if (typeof j == "function" && j !== n.entries)
-            for (var S = j.call(n), M; !(M = S.next()).done; )
-              R1(M.value) && t3(M.value, l);
+          var C = o1(n);
+          if (typeof C == "function" && C !== n.entries)
+            for (var S = C.call(n), M; !(M = S.next()).done; )
+              R1(M.value) && e3(M.value, l);
         }
       }
     }
-    function F3(n) {
+    function V3(n) {
       {
         var l = n.type;
         if (l == null || typeof l == "string")
@@ -826,16 +834,16 @@ Check the top-level render call using <` + a + ">.");
           return;
         if (a) {
           var h = k(l);
-          R3(a, n.props, "prop", h, n);
+          b3(a, n.props, "prop", h, n);
         } else if (l.PropTypes !== void 0 && !y1) {
           y1 = !0;
-          var j = k(l);
-          L("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
+          var C = k(l);
+          L("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
         }
         typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && L("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function W3(n) {
+    function k3(n) {
       {
         for (var l = Object.keys(n.props), a = 0; a < l.length; a++) {
           var h = l[a];
@@ -847,19 +855,19 @@ Check the top-level render call using <` + a + ">.");
         n.ref !== null && (X(n), L("Invalid attribute `ref` supplied to `React.Fragment`."), X(null));
       }
     }
-    var s3 = {};
-    function n3(n, l, a, h, j, S) {
+    var o3 = {};
+    function s3(n, l, a, h, C, S) {
       {
-        var M = B(n);
+        var M = A(n);
         if (!M) {
           var x = "";
           (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (x += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var P = k3(j);
-          P ? x += P : x += N1();
+          var D = B3(C);
+          D ? x += D : x += Q1();
           var E;
           n === null ? E = "null" : S1(n) ? E = "array" : n !== void 0 && n.$$typeof === e ? (E = "<" + (k(n.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : E = typeof n, L("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, x);
         }
-        var _ = V3(n, l, a, j, S);
+        var _ = A3(n, l, a, C, S);
         if (_ == null)
           return _;
         if (M) {
@@ -868,38 +876,38 @@ Check the top-level render call using <` + a + ">.");
             if (h)
               if (S1(U)) {
                 for (var Q = 0; Q < U.length; Q++)
-                  o3(U[Q], n);
+                  t3(U[Q], n);
                 Object.freeze && Object.freeze(U);
               } else
                 L("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              o3(U, n);
+              t3(U, n);
         }
         if (n1.call(l, "key")) {
-          var Y = k(n), O = Object.keys(l).filter(function(z3) {
-            return z3 !== "key";
-          }), E1 = O.length > 0 ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!s3[Y + E1]) {
-            var Y3 = O.length > 0 ? "{" + O.join(": ..., ") + ": ...}" : "{}";
+          var Y = k(n), B = Object.keys(l).filter(function(G3) {
+            return G3 !== "key";
+          }), E1 = B.length > 0 ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!o3[Y + E1]) {
+            var K3 = B.length > 0 ? "{" + B.join(": ..., ") + ": ...}" : "{}";
             L(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, E1, Y, Y3, Y), s3[Y + E1] = !0;
+  <%s key={someKey} {...props} />`, E1, Y, K3, Y), o3[Y + E1] = !0;
           }
         }
-        return n === c ? W3(_) : F3(_), _;
+        return n === r ? k3(_) : V3(_), _;
       }
     }
-    function H3(n, l, a) {
-      return n3(n, l, a, !0);
+    function U3(n, l, a) {
+      return s3(n, l, a, !0);
     }
-    function K3(n, l, a) {
-      return n3(n, l, a, !1);
+    function F3(n, l, a) {
+      return s3(n, l, a, !1);
     }
-    var G3 = K3, q3 = H3;
-    l1.Fragment = c, l1.jsx = G3, l1.jsxs = q3;
+    var W3 = F3, H3 = U3;
+    l1.Fragment = r, l1.jsx = W3, l1.jsxs = H3;
   }()), l1;
 }
 var i1 = {};
@@ -912,108 +920,109 @@ var i1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var i3;
-function A2() {
-  if (i3)
+var l3;
+function P2() {
+  if (l3)
     return i1;
-  i3 = 1;
-  var t = h3, e = Symbol.for("react.element"), s = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, r = 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 = {}, A = null, F = null;
-    w !== void 0 && (A = "" + w), f.key !== void 0 && (A = "" + f.key), f.ref !== void 0 && (F = f.ref);
+  l3 = 1;
+  var t = u3, e = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, c = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(g, f, w) {
+    var d, b = {}, T = null, F = null;
+    w !== void 0 && (T = "" + w), f.key !== void 0 && (T = "" + f.key), f.ref !== void 0 && (F = f.ref);
     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: A, ref: F, props: b, _owner: r.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" ? D1.exports = A2() : D1.exports = D2();
-var o = D1.exports;
-const P2 = "_mwfit_ppa3l_1", B2 = {
-  mwfit: P2
-}, O2 = () => {
-  const { reconnect: t } = I(), e = _2(), s = L2();
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsxs("div", { className: `disconnected-message ${B2.mwfit} mx-auto text-center`, children: [
+process.env.NODE_ENV === "production" ? P1.exports = P2() : P1.exports = $2();
+var o = P1.exports;
+const T2 = "_mwfit_ppa3l_1", D2 = {
+  mwfit: T2
+}, A2 = () => {
+  const { reconnect: t } = I(), e = E2(), s = _2();
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsxs("div", { className: `disconnected-message ${D2.mwfit} mx-auto text-center`, children: [
     /* @__PURE__ */ o.jsx("h1", { children: "Disconnected" }),
     e && /* @__PURE__ */ o.jsx("h5", { children: e }),
     s && /* @__PURE__ */ o.jsx("button", { className: "btn btn-secondary btn-lg", onClick: t, children: "Reconnect" })
   ] }) });
 };
-class V2 {
+class B2 {
   constructor() {
-    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 V2(), m3 = c2({
+const i3 = new B2(), p3 = s2({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
   removeEventHandler: () => null,
   reconnect: () => null
 });
-function k2(t) {
+function O2(t) {
   return sessionStorage.getItem(t) || "";
 }
-function U2(t, e) {
+function V2(t, e) {
   sessionStorage.setItem(t, e);
 }
-const F2 = ({ children: t }) => {
-  const [e, s] = H(), c = S2(), r = b2(), i = I2(), u = T2(), g = m2(), f = y2(), w = R2(), d = E2(), b = u1(null), [A, F] = H(), V = u1({}), z = r1(
+const k2 = ({ children: t }) => {
+  const [e, s] = H(), r = C2(), c = S2(), u = b2(), i = L2(), g = a2(), f = I2(), w = y2(), d = R2(), b = u1(null), [T, F] = H(), O = u1({}), z = c1(
     async (y) => {
       try {
-        const Z = await T1.get(`${y}/ui/joinroom?token=${e}`);
-        return Z.status === 200 && Z.data ? (C.dispatch(W.setRoomData(Z.data)), !0) : !1;
-      } catch (Z) {
-        return console.log(Z), d ? !0 : Z instanceof N3 && Z.response && Z.response.status === 498 ? (console.error("Invalid token. Unable to join room"), C.dispatch(q.setErrorMessage(`Token ${e} is invalid. Unable to join room`)), !1) : (console.error("Error getting room data", Z), Z instanceof Error ? C.dispatch(q.setErrorMessage(Z.message)) : C.dispatch(q.setErrorMessage("Error getting room data")), !1);
+        const j = await $1.get(`${y}/ui/joinroom?token=${e}`);
+        return j.status === 200 && j.data ? (m.dispatch(W.setRoomData(j.data)), !0) : !1;
+      } catch (j) {
+        return console.log(j), d ? !0 : j instanceof J3 && j.response && j.response.status === 498 ? (console.error("Invalid token. Unable to join room"), m.dispatch(q.setErrorMessage(`Token ${e} is invalid. Unable to join room`)), !1) : (console.error("Error getting room data", j), j instanceof Error ? m.dispatch(q.setErrorMessage(j.message)) : m.dispatch(q.setErrorMessage("Error getting room data")), !1);
       }
     },
     [e, d]
-  ), o1 = r1(() => {
-    const y = `${g.gatewayAppPath}?uuid=${f}&roomKey=${r}`;
+  ), o1 = c1(() => {
+    const y = `${g.gatewayAppPath}?uuid=${f}&roomKey=${c}`;
     window.location.href = w ? `${y}&Code=${w}` : y;
-  }, [g.gatewayAppPath, r, f, w]), T = r1(
-    (y, Z) => {
-      b.current && c && b.current.send(JSON.stringify({ type: y, clientId: i, content: Z }));
+  }, [g.gatewayAppPath, c, f, w]), P = c1(
+    (y, j) => {
+      b.current && r && b.current.send(JSON.stringify({ type: y, clientId: u, content: j }));
     },
-    [c, i]
-  ), L = (y, Z) => {
-    T(y, { value: Z });
-  }, x1 = r1(
-    (y, Z, h1) => {
-      V.current[y] || (V.current[y] = {}), V.current[y][Z] = h1, console.log("event handler added", y, Z);
+    [r, u]
+  ), L = (y, j) => {
+    P(y, { value: j });
+  }, x1 = c1(
+    (y, j, h1) => {
+      O.current[y] || (O.current[y] = {}), O.current[y][j] = h1, console.log("event handler added", y, j);
     },
     []
-  ), M1 = r1((y, Z) => {
-    V.current[y] && (delete V.current[y][Z], console.log("event handler removed", y, Z));
+  ), M1 = c1((y, j) => {
+    O.current[y] && (delete O.current[y][j], console.log("event handler removed", y, j));
   }, []);
   return t1(() => {
-    let Z = new URLSearchParams(window.location.search).get("token");
-    Z ? (console.log("saving token: ", Z), U2(a3.uuid, Z)) : (Z = k2(a3.uuid), console.log("loading token: ", Z)), s(Z), u();
+    let j = new URLSearchParams(window.location.search).get("token");
+    j ? (console.log("saving token: ", j), V2(i3.uuid, j)) : (j = O2(i3.uuid), console.log("loading token: ", j)), s(j), i();
   }, []), t1(() => {
     async function y() {
-      if (console.log("effect is running"), !(!g.apiPath || A || !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) {
-            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());
+        b.current = K, K.onopen = (A) => {
+          console.log("connected", A.type, A.target), m.dispatch(W.setWebsocketIsConnected(!0));
+        }, K.onerror = (A) => {
+          console.log(A);
+        }, K.onclose = (A) => {
+          if (console.log("disconnected: ", A.reason, A.code), A.code === 4e3) {
+            console.log("user code changed"), m.dispatch(W.setUserCode({ userCode: "", qrUrl: "" })), m.dispatch(q.setErrorMessage("User code changed. Click reconnect to enter the new code")), m.dispatch(q.setShowReconnect(!0)), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
             return;
           }
-          if (B.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());
+          if (A.code === 4001 && !d) {
+            console.log("processor disconnected"), m.dispatch(q.setErrorMessage("Processor has disconnected. Click Reconnect")), m.dispatch(q.setShowReconnect(!0)), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
             return;
           }
-          if (B.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());
+          if (A.code === 4002) {
+            console.log("room combination changed"), m.dispatch(q.setErrorMessage("Room combination changed. Click Reconnect to re-join the room")), m.dispatch(q.setShowReconnect(!0)), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
             return;
           }
           if (b.current)
@@ -1022,10 +1031,10 @@ const F2 = ({ children: t }) => {
             console.log("WebSocket closed by client.");
             return;
           }
-          A || (C.dispatch(W.setWebsocketIsConnected(!1)), C.dispatch(N.clearDevices()), C.dispatch(e1.clearRooms()), F(!0), setTimeout(() => F(void 0), 5e3));
-        }, K.onmessage = (B) => {
+          T || (m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms()), F(!0), setTimeout(() => F(void 0), 5e3));
+        }, K.onmessage = (A) => {
           try {
-            const R = JSON.parse(B.data);
+            const R = JSON.parse(A.data);
             if (console.log(R), R.type === "close") {
               K.close(4001, R.content);
               return;
@@ -1033,21 +1042,21 @@ const F2 = ({ children: t }) => {
             if (R.type.startsWith("/system/"))
               switch (R.type) {
                 case "/system/touchpanelKey":
-                  C.dispatch(
+                  m.dispatch(
                     W.setTouchpanelKey(
                       R.content
                     )
                   );
                   break;
                 case "/system/roomKey":
-                  C.dispatch(
+                  m.dispatch(
                     W.setCurrentRoomKey(
                       R.content
                     )
                   );
                   break;
                 case "/system/userCodeChanged":
-                  C.dispatch(
+                  m.dispatch(
                     W.setUserCode(
                       R.content
                     )
@@ -1062,7 +1071,7 @@ const F2 = ({ 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);
@@ -1071,7 +1080,7 @@ const F2 = ({ children: t }) => {
                 }
               });
             } else
-              R.type.startsWith("/room/") ? C.dispatch(e1.setRoomState(R)) : R.type.startsWith("/device/") && C.dispatch(N.setDeviceState(R));
+              R.type.startsWith("/room/") ? m.dispatch(e1.setRoomState(R)) : R.type.startsWith("/device/") && m.dispatch(N.setDeviceState(R));
           } catch (R) {
             console.log(R);
           }
@@ -1081,90 +1090,90 @@ const F2 = ({ children: t }) => {
     return y(), () => {
       b.current && b.current.close(), b.current = null;
     };
-  }, [g.apiPath, z, e, A, d]), t1(() => {
-    !r || !c || (console.log("clientId: ", i), i && (console.log("requesting status from room: ", r), T(`/room/${r}/status`, null)));
-  }, [r, i, c, T]), /* @__PURE__ */ o.jsx(
-    m3.Provider,
+  }, [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(
+    p3.Provider,
     {
       value: {
-        sendMessage: T,
+        sendMessage: P,
         sendSimpleMessage: L,
         addEventHandler: x1,
         removeEventHandler: M1,
         reconnect: o1
       },
-      children: c ? t : /* @__PURE__ */ o.jsx(O2, {})
+      children: r ? t : /* @__PURE__ */ o.jsx(A2, {})
     }
   );
-}, x6 = ({ children: t }) => /* @__PURE__ */ o.jsx(n2, { store: C, children: /* @__PURE__ */ o.jsx(F2, { children: t }) });
+}, p6 = ({ children: t }) => /* @__PURE__ */ o.jsx(N3, { store: m, children: /* @__PURE__ */ o.jsx(k2, { children: t }) });
 function I() {
-  return r2(m3);
+  return n2(p3);
 }
-function W2({
+function U2({
   onPress: t,
   onRelease: e,
   onHold: s,
-  holdTimeMs: c = 500
+  holdTimeMs: r = 500
 }) {
-  const r = u1(null), i = u1(!1);
-  function u() {
-    i.current = !0, t == null || t(), r.current = setTimeout(() => {
-      s == null || s(), r.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(), r.current && (clearTimeout(r.current), r.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 v(t, e) {
-  const { sendMessage: c } = I(), r = u1(null);
-  function i() {
-    c(`${t}/${e}`, { value: "pressed" }), r.current || (r.current = setInterval(() => {
-      c(`${t}/${e}`, { value: "held" });
+  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() {
-    r.current && (clearInterval(r.current), r.current = null), c(`${t}/${e}`, { value: "released" });
+  function i() {
+    c.current && (clearInterval(c.current), c.current = null), r(`${t}/${e}`, { value: "released" });
   }
-  return W2({ onPress: i, onRelease: u });
+  return U2({ onPress: u, onRelease: i });
 }
-function Z3(t, e) {
-  const { sendMessage: s, sendSimpleMessage: c } = I(), r = v(`${t}`, "volumeUp"), i = v(`${t}`, "volumeDown");
+function x3(t, e) {
+  const { sendMessage: s, sendSimpleMessage: r } = I(), c = v(`${t}`, "volumeUp"), u = v(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
-    volumeUp: r,
-    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 M6(t, e) {
-  const { sendMessage: s, sendSimpleMessage: c } = I(), r = v(`${t}`, "volumeUp"), i = v(`${t}`, "volumeDown");
+function x6(t, e) {
+  const { sendMessage: s, sendSimpleMessage: r } = I(), c = v(`${t}`, "volumeUp"), u = v(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
-    volumeUp: r,
-    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 H2(t) {
+function F2(t) {
   const e = $(t), s = `/device/${t}`;
-  return Z3(s, e == null ? void 0 : e.volume);
+  return x3(s, e == null ? void 0 : e.volume);
 }
-function j3(t) {
+function M3(t) {
   const { sendMessage: e } = I();
   return { powerOn: () => {
     e(`/device/${t}/powerOn`, null);
@@ -1174,75 +1183,81 @@ function j3(t) {
     e(`/device/${t}/powerToggle`, null);
   } };
 }
-function A1(t) {
+function T1(t) {
   const { sendMessage: e } = I(), s = $(t);
-  return console.log("deviceState", s), s ? { itemsState: s, selectItem: (r) => {
-    e(`/device/${t}/${r}`, null);
+  return console.log("deviceState", s), s ? { itemsState: s, selectItem: (c) => {
+    e(`/device/${t}/${c}`, null);
   } } : void 0;
 }
-function K2(t) {
-  const { sendMessage: e } = I(), s = $(t), c = () => {
+function W2(t) {
+  const { sendMessage: e } = I(), s = $(t), r = () => {
     e(`/device/${t}/setDefaultChannelLevels`, null);
-  }, r = () => {
+  }, 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: r } : void 0;
+  return s ? { levelControls: s.levelControls, setDefaultChannelLevels: r, getFullStatus: c } : void 0;
 }
-function m6(t) {
-  const e = $(t), s = j3(t), c = A1(t), r = A1(t), i = H2(t), u = K2(t);
+function M6(t) {
+  const e = $(t), s = M3(t), r = T1(t), c = T1(t), u = F2(t), i = W2(t);
   if (e)
     return {
       avrState: e,
       powerControl: s,
-      inputControl: c,
-      surroundSoundModes: r,
-      surroundChannels: u,
-      mainVolumeControl: i
+      inputControl: r,
+      surroundSoundModes: c,
+      surroundChannels: i,
+      mainVolumeControl: u
     };
 }
-function Z6(t) {
+function m6(t) {
   const e = $(t);
   if (e)
     return { endpointState: e };
 }
+function Z6(t) {
+  const e = `/device/${t}`, s = v(e, "chanUp"), r = v(e, "chanDown"), c = v(e, "lastChan"), u = v(e, "guide"), i = v(e, "info"), g = v(e, "exit");
+  return { channelUp: s, channelDown: r, lastChannel: c, guide: u, info: i, exit: g };
+}
 function j6(t) {
-  const e = `/device/${t}`, s = v(e, "chanUp"), c = v(e, "chanDown"), r = v(e, "lastChan"), i = v(e, "guide"), u = v(e, "info"), g = v(e, "exit");
-  return { channelUp: s, channelDown: c, lastChannel: r, guide: i, info: u, exit: g };
+  const e = `/device/${t}`, s = v(e, "red"), r = v(e, "green"), c = v(e, "yellow"), u = v(e, "blue");
+  return { red: s, green: r, yellow: c, blue: u };
 }
 function C6(t) {
-  const e = `/device/${t}`, s = v(e, "red"), c = v(e, "green"), r = v(e, "yellow"), i = v(e, "blue");
-  return { red: s, green: c, yellow: r, blue: i };
-}
-function S6(t) {
   const e = $(t);
   if (e)
     return {
       communicationMonitorState: e
     };
 }
-function b6(t) {
-  const e = `/device/${t}`, s = v(e, "up"), c = v(e, "down"), r = v(e, "left"), i = v(e, "right"), u = v(e, "select"), g = v(e, "menu"), f = v(e, "exit");
-  return { up: s, down: c, left: r, right: i, select: u, menu: g, exit: f };
+function S6(t) {
+  const e = `/device/${t}`, s = v(e, "up"), r = v(e, "down"), c = v(e, "left"), u = v(e, "right"), i = v(e, "select"), g = v(e, "menu"), f = v(e, "exit");
+  return { up: s, down: r, left: c, right: u, select: i, menu: g, exit: f };
 }
-function I6(t) {
+function b6(t) {
   const e = $(t);
   if (e)
     return e.deviceInfo || void 0;
 }
+function I6(t) {
+  const { sendMessage: e } = I();
+  return { recallPreset: (r) => {
+    e(`/device/${t}/recallPreset`, r);
+  } };
+}
 function y6(t) {
-  const e = `/device/${t}`, s = v(e, "dvrList"), c = v(e, "record");
-  return { dvrList: s, record: c };
+  const e = `/device/${t}`, s = v(e, "dvrList"), r = v(e, "record");
+  return { dvrList: s, record: r };
 }
 const R6 = ({ 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,
@@ -1264,9 +1279,9 @@ function E6(t) {
   } } : void 0;
 }
 function _6(t) {
-  const { sendMessage: e, sendSimpleMessage: s } = I(), c = $(t), r = C2(t), i = c || r;
-  return i ? {
-    levelState: i,
+  const { sendMessage: e, sendSimpleMessage: s } = I(), r = $(t), c = j2(t), u = r || c;
+  return u ? {
+    levelState: u,
     setLevel: (d, b) => s(`${d}/level`, b),
     muteToggle: (d) => e(`${d}/muteToggle`, null),
     muteOn: (d) => e(`${d}/muteOn`, null),
@@ -1275,27 +1290,27 @@ function _6(t) {
 }
 function L6(t) {
   const { sendMessage: e } = I(), s = $(t);
-  return s ? { lightingState: s, selectScene: (r) => {
-    e(`/device/${t}/selectScene`, r);
+  return s ? { lightingState: s, selectScene: (c) => {
+    e(`/device/${t}/selectScene`, c);
   } } : void 0;
 }
 function $6(t) {
   const { sendMessage: e } = I(), s = $(t);
-  return s ? { matrixRoutingState: s, setRoute: (r) => {
-    e(`/device/${t}/route`, r);
+  return s ? { matrixRoutingState: s, setRoute: (c) => {
+    e(`/device/${t}/route`, c);
   } } : void 0;
 }
-function T6(t) {
+function P6(t) {
   const { sendMessage: e } = I();
   return { closeApp: () => {
     e(`/device/${t}/closeWebViewController`, null);
   } };
 }
-function D6(t) {
-  const e = `/device/${t}`, s = v(e, "num0"), c = v(e, "num1"), r = v(e, "num2"), i = v(e, "num3"), u = v(e, "num4"), g = v(e, "num5"), f = v(e, "num6"), w = v(e, "num7"), d = v(e, "num8"), b = v(e, "num9"), A = v(e, "numDash"), F = v(e, "numEnter");
-  return { digit0: s, digit1: c, digit2: r, digit3: i, digit4: u, digit5: g, digit6: f, digit7: w, digit8: d, digit9: b, keypadAccessoryButton1: A, keypadAccessoryButton2: F };
+function T6(t) {
+  const e = `/device/${t}`, s = v(e, "num0"), r = v(e, "num1"), c = v(e, "num2"), u = v(e, "num3"), i = v(e, "num4"), g = v(e, "num5"), f = v(e, "num6"), w = v(e, "num7"), d = v(e, "num8"), b = v(e, "num9"), T = v(e, "numDash"), F = v(e, "numEnter");
+  return { digit0: s, digit1: r, digit2: c, digit3: u, digit4: i, digit5: g, digit6: f, digit7: w, digit8: d, digit9: b, keypadAccessoryButton1: T, keypadAccessoryButton2: F };
 }
-function A6(t) {
+function D6(t) {
   const { sendMessage: e } = I(), s = $(t);
   return s ? { projectorScreenLiftControlState: s, raise: () => {
     e(`/device/${t}/raise`, null);
@@ -1303,27 +1318,27 @@ function A6(t) {
     e(`/device/${t}/lower`, null);
   } } : void 0;
 }
-function P6(t) {
-  const { sendMessage: e } = I(), s = P1(t);
-  return s ? { roomEventScheduleState: s, save: (r) => {
-    e(`/room/${t}/saveScheduledEvents`, r);
+function A6(t) {
+  const { sendMessage: e } = I(), s = D1(t);
+  return s ? { roomEventScheduleState: s, save: (c) => {
+    e(`/room/${t}/saveScheduledEvents`, c);
   } } : void 0;
 }
 function B6(t) {
   const { sendMessage: e } = I();
-  return { runDirectRoute: (c) => {
-    e(`/room/${t}/directRoute`, c);
+  return { runDirectRoute: (r) => {
+    e(`/room/${t}/directRoute`, r);
   } };
 }
 function O6(t) {
   const { sendMessage: e } = I();
-  return { routingState: $(t), runRoute: (r) => {
-    e(`/room/${t}/source`, r);
+  return { routingState: $(t), runRoute: (c) => {
+    e(`/room/${t}/source`, c);
   } };
 }
 function V6(t) {
-  const e = `/device/${t}`, s = v(e, "chanUp"), c = v(e, "chanDown");
-  return { dvrList: s, replay: c };
+  const e = `/device/${t}`, s = v(e, "chanUp"), r = v(e, "chanDown");
+  return { dvrList: s, replay: r };
 }
 function k6(t) {
   const { sendMessage: e } = I(), s = $(t);
@@ -1336,7 +1351,7 @@ function k6(t) {
   } } : void 0;
 }
 function U6(t) {
-  const { sendMessage: e } = I(), s = P1(t);
+  const { sendMessage: e } = I(), s = D1(t);
   return s ? { shutdownPromptTimerState: s, setShutdownPromptSeconds: (g) => {
     e(`/room/${t}/setShutdownPromptSeconds`, g);
   }, shutdownStart: () => {
@@ -1356,16 +1371,16 @@ function F6(t) {
   } } : void 0;
 }
 function W6(t) {
-  const { sendMessage: e } = I(), s = P1(t);
-  return s ? { techPasswordState: s, validatePassword: (i) => {
-    e(`/room/${t}/validateTechPassword`, { password: i });
-  }, setPassword: (i, u) => {
-    e(`/room/${t}/setTechPassword`, { oldPassword: i, newPassword: u });
+  const { sendMessage: e } = I(), s = D1(t);
+  return s ? { techPasswordState: s, validatePassword: (u) => {
+    e(`/room/${t}/validateTechPassword`, { password: u });
+  }, setPassword: (u, i) => {
+    e(`/room/${t}/setTechPassword`, { oldPassword: u, newPassword: i });
   } } : void 0;
 }
 function H6(t) {
-  const e = `/device/${t}`, s = v(e, "play"), c = v(e, "pause"), r = v(e, "stop"), i = v(e, "prevTrack"), u = v(e, "nextTrack"), g = v(e, "rewind"), f = v(e, "ffwd"), w = v(e, "record");
-  return { play: s, pause: c, stop: r, prevTrack: i, nextTrack: u, rewind: g, fastForward: f, record: w };
+  const e = `/device/${t}`, s = v(e, "play"), r = v(e, "pause"), c = v(e, "stop"), u = v(e, "prevTrack"), i = v(e, "nextTrack"), g = v(e, "rewind"), f = v(e, "ffwd"), w = v(e, "record");
+  return { play: s, pause: r, stop: c, prevTrack: u, nextTrack: i, rewind: g, fastForward: f, record: w };
 }
 function K6(t) {
   const e = $(t), { sendMessage: s } = I();
@@ -1384,15 +1399,15 @@ function K6(t) {
   } : void 0;
 }
 function G6(t) {
-  const e = $(t), s = j3(t), c = A1(t);
+  const e = $(t), s = M3(t), r = T1(t);
   if (!e)
     return;
-  const r = (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: r, powerOffFb: i }
+    inputControl: r,
+    powerFb: { powerOnFb: c, powerOffFb: u }
   };
 }
 function q6(t) {
@@ -1402,18 +1417,18 @@ function q6(t) {
   } };
 }
 function Y6(t) {
-  const { sendMessage: e } = I(), s = $(t), c = (r) => {
-    e(`/device/${t}/saveTheme`, { value: r });
+  const { sendMessage: e } = I(), s = $(t), r = (c) => {
+    e(`/device/${t}/saveTheme`, { value: c });
   };
   return {
     currentTheme: s == null ? void 0 : s.theme,
-    saveTheme: c
+    saveTheme: r
   };
 }
 const z6 = ({ config: t }) => {
   const { sendMessage: e } = I();
   t1(() => {
-    var c, r;
+    var r, c, u;
     if (!t)
       return;
     const s = [];
@@ -1421,13 +1436,13 @@ const z6 = ({ 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);
-    }), (r = t.accessoryDeviceKeys) == null || r.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);
@@ -1440,120 +1455,131 @@ const z6 = ({ config: t }) => {
   }, [t, e]);
 };
 function J6(t, e) {
-  const s = j2(t, e), c = `/room/${t}/volumes/${e}`;
-  return Z3(c, s);
+  const s = Z2(t, e), r = `/room/${t}/volumes/${e}`;
+  return x3(r, s);
 }
 function X6() {
-  const [t, e] = H(), [s, c] = H();
-  function r() {
+  const { sendMessage: t } = I();
+  return {
+    reboot: () => {
+      t("/system/reboot", null);
+    },
+    programReset: () => {
+      t("/system/programReset", null);
+    }
+  };
+}
+function Q6() {
+  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(() => {
-    r();
-    const i = setInterval(() => {
-      r();
+    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), [r, i] = H(!1);
-  return v3(() => {
-    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 N6(t, e) {
+  const [s, r] = H(!1), [c, u] = H(!1);
+  return d3(() => {
+    const { current: i } = t, g = () => {
+      const f = i && i.scrollHeight > i.clientHeight, w = i && i.scrollWidth > i.clientWidth;
+      u(f ?? !1), r(w ?? !1), e && e(f ?? !1, w ?? !1);
     };
-    u && g();
-  }, [t, e]), { overflowHorizontal: s, overflowVertical: r };
+    i && g();
+  }, [t, e]), { overflowHorizontal: s, overflowVertical: c };
 }
-function N6(t) {
+function ee(t) {
   var g, f;
-  const [e, s] = H(((g = t == null ? void 0 : t.current) == null ? void 0 : g.scrollLeft) ?? 0), [c, r] = 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 v3(() => {
+  return d3(() => {
     const { current: w } = t, d = () => {
-      s((w == null ? void 0 : w.scrollLeft) ?? 0), r((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 ee = () => {
-  const [t, e] = H(!1), s = l2(), c = i2();
-  let r;
-  return a2(c) ? r = c.statusText : c instanceof Error ? r = c.message : typeof c == "string" ? r = c : (console.error(c), r = "Unknown error"), /* @__PURE__ */ o.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
+const te = () => {
+  const [t, e] = H(!1), s = r2(), r = c2();
+  let c;
+  return l2(r) ? c = r.statusText : r instanceof Error ? c = r.message : typeof r == "string" ? c = r : (console.error(r), c = "Unknown error"), /* @__PURE__ */ o.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
     /* @__PURE__ */ o.jsx("div", { className: "m-2 p-2 bg-danger rounded d-flex align-items-center", children: /* @__PURE__ */ o.jsx("span", { className: "fs-5 text-white", children: "We are sorry. Something went wrong." }) }),
     /* @__PURE__ */ o.jsx("button", { className: "btn btn-primary p-2", onClick: () => s(-1), children: "Go Back" }),
     /* @__PURE__ */ o.jsx("button", { className: "btn btn-primary p-2", onClick: () => e(!t), children: t ? "Hide error message" : "Show error message" }),
-    t && /* @__PURE__ */ o.jsx("p", { children: r })
+    t && /* @__PURE__ */ o.jsx("p", { children: c })
   ] });
-}, G2 = "_iconbtn_16qss_1", q2 = "_iconbtnvert_16qss_7", Y2 = "_iconsm_16qss_18", _1 = {
-  iconbtn: G2,
-  iconbtnvert: q2,
-  iconsm: Y2
-}, z2 = ({
+}, H2 = "_iconbtn_16qss_1", K2 = "_iconbtnvert_16qss_7", G2 = "_iconsm_16qss_18", _1 = {
+  iconbtn: H2,
+  iconbtnvert: K2,
+  iconsm: G2
+}, q2 = ({
   multiIcon: t,
   otherContent: e = null,
   vert: s = !1,
-  className: c,
-  iconClassName: r = "",
-  otherContentClassName: i = "",
-  disabled: u,
+  className: r,
+  iconClassName: c = "",
+  otherContentClassName: u = "",
+  disabled: i,
   feedback: g,
   feedbackClassName: f,
   onPointerDown: w,
   onPointerUp: d,
   onPointerLeave: b,
-  ...A
+  ...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}`,
-      ...A,
-      disabled: u,
-      onPointerDown: (T) => {
-        V(!0), w == null || w(T);
+      className: `${_1.iconbtn} ${s ? _1.iconbtnvert : ""} ${r} ${z}`,
+      ...T,
+      disabled: i,
+      onPointerDown: (P) => {
+        O(!0), w == null || w(P);
       },
-      onPointerUp: (T) => {
-        V(!1), d == null || d(T);
+      onPointerUp: (P) => {
+        O(!1), d == null || d(P);
       },
-      onPointerLeave: (T) => {
-        V(!1), b == null || b(T);
+      onPointerLeave: (P) => {
+        O(!1), b == null || b(P);
       },
       children: [
         t && /* @__PURE__ */ o.jsx(
           t,
           {
-            className: `${r || _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 })
       ]
     }
   );
-}, m = ({
+}, Z = ({
   ActiveImage: t,
   DisabledImage: e,
   EnabledImage: s,
-  active: c,
-  disabled: r
-}) => r ? e : c ? t : s, J2 = ({
+  active: r,
+  disabled: c
+}) => c ? e : r ? t : s, Y2 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: /* @__PURE__ */ o.jsx(
       "svg",
@@ -1600,12 +1626,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), X2 = ({
+), z2 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-ban-active.svg */
@@ -1649,12 +1675,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), Q2 = ({
+), J2 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: /* @__PURE__ */ o.jsx(
       "svg",
@@ -1689,12 +1715,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), N2 = ({
+), X2 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-check-active.svg */
@@ -1738,14 +1764,14 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), e8 = ({
+), Q2 = ({
   active: t,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-controller-active.svg */
@@ -1807,12 +1833,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), t8 = ({
+), N2 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-down-active.svg */
@@ -1856,12 +1882,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), o8 = ({
+), e8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-elipses-active.svg */
@@ -1905,12 +1931,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), s8 = ({
+), t8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-flag-active.svg */
@@ -1954,12 +1980,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), n8 = ({
+), o8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* /Users/hvolmer/Downloads/SVG/icon-gear-active.svg */
@@ -2003,12 +2029,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), c8 = ({
+), s8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-glass-active.svg */
@@ -2052,14 +2078,14 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), r8 = ({
+), n8 = ({
   active: t,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-hdmi-active.svg */
@@ -2121,12 +2147,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), l8 = ({
+), r8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-laptop-active.svg */
@@ -2170,12 +2196,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), i8 = ({
+), c8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-left-active.svg */
@@ -2219,12 +2245,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), a8 = ({
+), l8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-light-active.svg */
@@ -2268,12 +2294,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), u8 = ({
+), i8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-moon-active.svg */
@@ -2317,12 +2343,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), d8 = ({
+), a8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-playstation-active.svg */
@@ -2339,12 +2365,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), h8 = ({
+), u8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-podium-active.svg */
@@ -2388,12 +2414,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), v8 = ({
+), d8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-power-active.svg */
@@ -2437,12 +2463,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), g8 = ({
+), h8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-privacy-active.svg */
@@ -2486,12 +2512,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), f8 = ({
+), v8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-question-active.svg */
@@ -2535,12 +2561,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), w8 = ({
+), g8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-right-active.svg */
@@ -2584,14 +2610,14 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), p8 = ({
+), f8 = ({
   active: t,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-roomPC-active.svg */
@@ -2653,12 +2679,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), x8 = ({
+), w8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-shade-active.svg */
@@ -2702,12 +2728,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), M8 = ({
+), p8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-sun-active.svg */
@@ -2751,12 +2777,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), m8 = ({
+), x8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-up-active.svg */
@@ -2800,12 +2826,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), Z8 = ({
+), M8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-volDown-active.svg */
@@ -2849,12 +2875,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), j8 = ({
+), m8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-volMute-active.svg */
@@ -2898,12 +2924,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), C8 = ({
+), Z8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-volUp-active.svg */
@@ -2947,12 +2973,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), S8 = ({
+), j8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-wireless-active.svg */
@@ -2996,12 +3022,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), b8 = ({
+), C8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-x-active.svg */
@@ -3045,12 +3071,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), I8 = ({
+), S8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-xbox-active.svg */
@@ -3094,12 +3120,12 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), y8 = ({
+), b8 = ({
   active: t,
   className: e = "",
   disabled: s
 }) => /* @__PURE__ */ o.jsx(
-  m,
+  Z,
   {
     ActiveImage: (
       /* icon-mic-active.svg */
@@ -3143,199 +3169,187 @@ const ee = () => {
     active: t,
     disabled: s
   }
-), R8 = {
-  Alert: J2,
-  Camera: Q2,
-  DownArrow: t8,
-  Ban: X2,
-  Check: N2,
-  Controller: e8,
-  Elipses: o8,
-  Flag: s8,
-  Gear: n8,
-  Glass: c8,
-  Hdmi: r8,
-  Laptop: l8,
-  LeftArrow: i8,
-  Light: a8,
-  Mic: y8,
-  Moon: u8,
-  Playstation: d8,
-  Podium: h8,
-  Power: v8,
-  Privacy: g8,
-  Question: f8,
-  RightArrow: w8,
-  RoomPC: p8,
-  Shade: x8,
-  Sun: M8,
-  UpArrow: m8,
-  VolDown: Z8,
-  VolMute: j8,
-  VolUp: C8,
-  Wireless: S8,
-  X: b8,
-  Xbox: I8
+), I8 = {
+  Alert: Y2,
+  Camera: J2,
+  DownArrow: N2,
+  Ban: z2,
+  Check: X2,
+  Controller: Q2,
+  Elipses: e8,
+  Flag: t8,
+  Gear: o8,
+  Glass: s8,
+  Hdmi: n8,
+  Laptop: r8,
+  LeftArrow: c8,
+  Light: l8,
+  Mic: b8,
+  Moon: i8,
+  Playstation: a8,
+  Podium: u8,
+  Power: d8,
+  Privacy: h8,
+  Question: v8,
+  RightArrow: g8,
+  RoomPC: f8,
+  Shade: w8,
+  Sun: p8,
+  UpArrow: x8,
+  VolDown: M8,
+  VolMute: m8,
+  VolUp: Z8,
+  Wireless: j8,
+  X: C8,
+  Xbox: S8
 };
-function te({
+function oe({
   name: t,
-  iconsDictionary: e = R8,
+  iconsDictionary: e = I8,
   ...s
 }) {
-  const c = e[t] ?? null;
-  return c || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ o.jsx(z2, { multiIcon: c, ...s });
+  const r = e[t] ?? null;
+  return r || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ o.jsx(q2, { multiIcon: r, ...s });
 }
-const E8 = "_grid_1cmpp_1", _8 = "_header_1cmpp_11", L8 = "_content_1cmpp_17", $8 = "_footer_1cmpp_23", T8 = "_volume_1cmpp_29", a1 = {
-  grid: E8,
-  header: _8,
-  content: L8,
-  footer: $8,
-  volume: T8
-}, oe = ({ header: t, footer: e, content: s, volume: c, showVolume: r }) => /* @__PURE__ */ o.jsxs("div", { className: a1.grid, children: [
+const y8 = "_grid_1cmpp_1", R8 = "_header_1cmpp_11", E8 = "_content_1cmpp_17", _8 = "_footer_1cmpp_23", L8 = "_volume_1cmpp_29", a1 = {
+  grid: y8,
+  header: R8,
+  content: E8,
+  footer: _8,
+  volume: L8
+}, se = ({ header: t, footer: e, content: s, volume: r, showVolume: c }) => /* @__PURE__ */ o.jsxs("div", { className: a1.grid, children: [
   /* @__PURE__ */ o.jsx("div", { className: a1.header, children: t }),
   /* @__PURE__ */ o.jsx("div", { className: a1.content, children: s }),
-  r && /* @__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 })
-] }), D8 = "_grid_11w5q_1", A8 = "_header_11w5q_11", P8 = "_content_11w5q_17", p1 = {
-  grid: D8,
-  header: A8,
-  content: P8,
+] }), $8 = "_grid_11w5q_1", P8 = "_header_11w5q_11", T8 = "_content_11w5q_17", p1 = {
+  grid: $8,
+  header: P8,
+  content: T8,
   "left-nav": "_left-nav_11w5q_23"
-}, se = ({ className: t, header: e, content: s, leftNav: c }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${p1.grid}`, children: [
+}, ne = ({ className: t, header: e, content: s, leftNav: r }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${p1.grid}`, children: [
   /* @__PURE__ */ o.jsx("div", { className: p1.header, children: e }),
-  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 })
-] }), B8 = "_grid_1uwfo_1", O8 = "_header_1uwfo_11", V8 = "_content_1uwfo_17", L1 = {
-  grid: B8,
-  header: O8,
-  content: V8
-}, ne = ({ className: t, header: e, content: s }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${L1.grid}`, children: [
+] }), D8 = "_grid_1uwfo_1", A8 = "_header_1uwfo_11", B8 = "_content_1uwfo_17", L1 = {
+  grid: D8,
+  header: A8,
+  content: B8
+}, re = ({ className: t, header: e, content: s }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${L1.grid}`, children: [
   /* @__PURE__ */ o.jsx("div", { className: L1.header, children: e }),
   /* @__PURE__ */ o.jsx("div", { className: L1.content, children: s })
 ] });
 function ce() {
   return console.log(location.pathname), location.pathname;
 }
-var k8 = /* @__PURE__ */ ((t) => (t[t.NotSet = 0] = "NotSet", t[t.Sunday = 1] = "Sunday", t[t.Monday = 2] = "Monday", t[t.Tuesday = 4] = "Tuesday", t[t.Wednesday = 8] = "Wednesday", t[t.Thursday = 16] = "Thursday", t[t.Friday = 32] = "Friday", t[t.Saturday = 64] = "Saturday", t))(k8 || {});
-class re {
+var O8 = /* @__PURE__ */ ((t) => (t[t.NotSet = 0] = "NotSet", t[t.Sunday = 1] = "Sunday", t[t.Monday = 2] = "Monday", t[t.Tuesday = 4] = "Tuesday", t[t.Wednesday = 8] = "Wednesday", t[t.Thursday = 16] = "Thursday", t[t.Friday = 32] = "Friday", t[t.Saturday = 64] = "Saturday", t))(O8 || {});
+class le {
   constructor(e, s) {
-    D(this, "path");
-    D(this, "handler");
+    V(this, "path");
+    V(this, "handler");
     this.path = e, this.handler = s;
   }
 }
-const le = "$off";
-class ie {
-  constructor() {
-    D(this, "name", "");
-    D(this, "iconUrl", "");
-    D(this, "channel", "");
-  }
-}
+const ie = "$off";
 class ae {
   constructor() {
-    D(this, "deviceKey");
-    D(this, "deviceType");
+    V(this, "name", "");
+    V(this, "iconUrl", "");
+    V(this, "channel", "");
   }
 }
 class ue {
   constructor() {
-    D(this, "deviceKey");
-    D(this, "deviceType");
-  }
-}
-class de {
-  constructor() {
-    D(this, "currentShareText");
-    D(this, "enabled");
-    D(this, "isSharing");
+    V(this, "currentShareText");
+    V(this, "enabled");
+    V(this, "isSharing");
   }
 }
 export {
-  ue as AccessoryDeviceConfiguration,
   R6 as Clock,
-  k8 as DaysOfWeek,
-  ae as EnvironmentalDeviceConfiguration,
-  ee 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,
-  c8 as IconMultiGlass,
-  r8 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,
-  oe as MainLayout,
-  re as MessageHandler,
-  x6 as MobileControlProvider,
-  m as MultiStateIconContainer,
-  te as NamedIconButton,
-  ie as PresetChannel,
-  de as ShareState,
-  se as TechLayout,
-  ne as TechPinLayout,
+  O8 as DaysOfWeek,
+  te as ErrorBox,
+  q2 as IconButton,
+  Y2 as IconMultiAlert,
+  z2 as IconMultiBan,
+  J2 as IconMultiCamera,
+  X2 as IconMultiCheck,
+  Q2 as IconMultiController,
+  N2 as IconMultiDownArrow,
+  e8 as IconMultiElipses,
+  t8 as IconMultiFlag,
+  o8 as IconMultiGear,
+  s8 as IconMultiGlass,
+  n8 as IconMultiHdmi,
+  r8 as IconMultiLaptop,
+  c8 as IconMultiLeftArrow,
+  l8 as IconMultiLight,
+  i8 as IconMultiMoon,
+  a8 as IconMultiPlaystation,
+  u8 as IconMultiPodium,
+  d8 as IconMultiPower,
+  h8 as IconMultiPrivacy,
+  v8 as IconMultiQuestion,
+  g8 as IconMultiRightArrow,
+  f8 as IconMultiRoomPC,
+  w8 as IconMultiShade,
+  p8 as IconMultiSun,
+  x8 as IconMultiUpArrow,
+  M8 as IconMultiVolDown,
+  m8 as IconMultiVolMute,
+  Z8 as IconMultiVolUp,
+  j8 as IconMultiWireless,
+  C8 as IconMultiX,
+  S8 as IconMultiXbox,
+  se as MainLayout,
+  le as MessageHandler,
+  p6 as MobileControlProvider,
+  Z as MultiStateIconContainer,
+  oe as NamedIconButton,
+  ae as PresetChannel,
+  ue as ShareState,
+  ne as TechLayout,
+  re as TechPinLayout,
   ce as getBaseLocation,
-  T1 as httpClient,
-  le as roomOffSourceKey,
-  C as store,
+  $1 as httpClient,
+  ie as roomOffSourceKey,
+  m as store,
   q as uiActions,
-  x2 as uiReducer,
-  q8 as useApiPath,
-  m2 as useAppConfig,
-  $2 as useAppDispatch,
-  m6 as useAvrControl,
-  I2 as useClientId,
-  H2 as useDeviceIBasicVolumeWithFeedback,
-  Z6 as useEndpoint,
-  _2 as useError,
+  M2 as uiReducer,
+  K8 as useApiPath,
+  a2 as useAppConfig,
+  i2 as useAppDispatch,
+  p as useAppSelector,
+  M6 as useAvrControl,
+  b2 as useClientId,
+  F2 as useDeviceIBasicVolumeWithFeedback,
+  m6 as useEndpoint,
+  E2 as useError,
   z6 as useGetAllDeviceStateFromRoomConfiguration,
-  Z2 as useGetAllDevices,
-  w6 as useGetCurrentPopoverIdForGroup,
+  u2 as useGetAllDevices,
+  f6 as useGetCurrentPopoverIdForGroup,
   $ as useGetDevice,
-  M6 as useGetIBasicVolumeWithFeedback,
-  a6 as useGetRoomDisplayStates,
-  u6 as useGetZoomRoomControllerKey,
-  Z3 as useIBasicVolumeWithFeedback,
-  j6 as useIChannelMessenger,
-  C6 as useIColor,
-  S6 as useICommunicationMonitor,
-  b6 as useIDPad,
-  I6 as useIDeviceInfoMessenger,
+  x6 as useGetIBasicVolumeWithFeedback,
+  l6 as useGetRoomDisplayStates,
+  i6 as useGetZoomRoomControllerKey,
+  x3 as useIBasicVolumeWithFeedback,
+  Z6 as useIChannelMessenger,
+  j6 as useIColor,
+  C6 as useICommunicationMonitor,
+  S6 as useIDPad,
+  b6 as useIDeviceInfoMessenger,
+  I6 as useIDspPresets,
   y6 as useIDvr,
   E6 as useIEssentialsRoomCombiner,
-  j3 as useIHasPowerControl,
-  A1 as useIHasSelectableItems,
+  M3 as useIHasPowerControl,
+  T1 as useIHasSelectableItems,
   _6 as useILevelControls,
   L6 as useILightingScenes,
   $6 as useIMatrixRouting,
-  T6 as useIMcCiscoCodecUserInterfaceAppControl,
-  D6 as useINumeric,
-  A6 as useIProjectorScreenLiftControl,
-  P6 as useIRoomEventSchedule,
+  P6 as useIMcCiscoCodecUserInterfaceAppControl,
+  T6 as useINumeric,
+  D6 as useIProjectorScreenLiftControl,
+  A6 as useIRoomEventSchedule,
   q6 as useIRunDefaultPresentRoute,
   B6 as useIRunDirectRouteAction,
   O6 as useIRunRouteAction,
@@ -3346,43 +3360,45 @@ export {
   W6 as useITechPassword,
   Y6 as useITheme,
   H6 as useITransport,
-  T2 as useInitialize,
-  h6 as useIsTouchpanel,
+  L2 as useInitialize,
+  d6 as useIsTouchpanel,
   K6 as useMobileControlTouchpanelController,
-  Q6 as useOverflow,
-  W2 as usePressHoldRelease,
-  l6 as useRoomAdvancedSharingActive,
-  o6 as useRoomCodecContentDestinationKey,
-  Y8 as useRoomConfiguration,
-  N8 as useRoomDestinationList,
-  Q8 as useRoomDestinations,
-  e6 as useRoomEnvironmentalDevices,
+  N6 as useOverflow,
+  U2 as usePressHoldRelease,
+  r6 as useRoomAdvancedSharingActive,
+  z8 as useRoomAudioControlPointList,
+  e6 as useRoomCodecContentDestinationKey,
+  G8 as useRoomConfiguration,
+  X8 as useRoomDestinationList,
+  J8 as useRoomDestinations,
+  Q8 as useRoomEnvironmentalDevices,
   J6 as useRoomIBasicVolumeWithFeedback,
-  s6 as useRoomInCall,
-  c6 as useRoomIsCoolingDown,
-  r6 as useRoomIsOn,
-  n6 as useRoomIsWarmingUp,
-  b2 as useRoomKey,
-  X8 as useRoomLevelControlList,
-  C2 as useRoomLevelControls,
-  z8 as useRoomName,
-  t6 as useRoomProgramAudioDestinationKey,
-  i6 as useRoomShareState,
-  J8 as useRoomSourceList,
-  P1 as useRoomState,
-  j2 as useRoomVolume,
-  N6 as useScroll,
-  E2 as useServerIsRunningOnProcessorHardware,
-  g6 as useShowIncomingCallModal,
-  f6 as useShowModal,
-  p6 as useShowPopoverById,
-  L2 as useShowReconnect,
-  v6 as useShowShutdownModal,
-  y2 as useSystemUuid,
-  X6 as useTimeAndDate,
-  d6 as useTouchpanelKey,
+  t6 as useRoomInCall,
+  s6 as useRoomIsCoolingDown,
+  n6 as useRoomIsOn,
+  o6 as useRoomIsWarmingUp,
+  S2 as useRoomKey,
+  j2 as useRoomLevelControls,
+  q8 as useRoomName,
+  N8 as useRoomProgramAudioDestinationKey,
+  c6 as useRoomShareState,
+  Y8 as useRoomSourceList,
+  D1 as useRoomState,
+  Z2 as useRoomVolume,
+  a6 as useRuntimeInfo,
+  ee as useScroll,
+  R2 as useServerIsRunningOnProcessorHardware,
+  v6 as useShowIncomingCallModal,
+  g6 as useShowModal,
+  w6 as useShowPopoverById,
+  _2 as useShowReconnect,
+  h6 as useShowShutdownModal,
+  X6 as useSystemControl,
+  I2 as useSystemUuid,
+  Q6 as useTimeAndDate,
+  u6 as useTouchpanelKey,
   G6 as useTwoWayDisplayBase,
-  R2 as useUserCode,
+  y2 as useUserCode,
   I as useWebsocketContext,
-  S2 as useWsIsConnected
+  C2 as useWsIsConnected
 };