@pepperdash/mobile-control-react-app-core 1.9.2 → 1.10.0

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

@@ -1,13 +1,13 @@
-var W3 = Object.defineProperty;
-var H3 = (t, e, c) => e in t ? W3(t, e, { enumerable: !0, configurable: !0, writable: !0, value: c }) : t[e] = c;
-var _ = (t, e, c) => (H3(t, typeof e != "symbol" ? e + "" : e, c), c);
-import K3 from "axios";
-import { createSlice as o1, combineReducers as G3, configureStore as n3, createSelector as q3 } from "@reduxjs/toolkit";
-import { useSelector as Y3, useDispatch as J3, Provider as z3 } from "react-redux";
-import * as c3 from "lodash";
-import s3, { createContext as X3, useState as q, useRef as s1, useCallback as u1, useEffect as G, useContext as Q3 } from "react";
-import { useNavigate as N3 } from "react-router-dom";
-const e2 = {
+var Y3 = Object.defineProperty;
+var J3 = (t, e, s) => e in t ? Y3(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var _ = (t, e, s) => (J3(t, typeof e != "symbol" ? e + "" : e, s), s);
+import z3 from "axios";
+import { createSlice as r1, combineReducers as X3, configureStore as l3, createSelector as Q3 } from "@reduxjs/toolkit";
+import { useSelector as N3, useDispatch as e2, Provider as t2 } from "react-redux";
+import * as i3 from "lodash";
+import a3, { createContext as n2, useState as q, useRef as c1, useCallback as v1, useEffect as G, useContext as s2 } from "react";
+import { useNavigate as o2 } from "react-router-dom";
+const c2 = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -17,41 +17,47 @@ const e2 = {
     loginMode: "",
     modes: {}
   }
-}, o3 = o1({
+}, u3 = r1({
   name: "appConfig",
-  initialState: e2,
+  initialState: c2,
   reducers: {
     setAppConfig(t, e) {
       t.config = e.payload;
     }
   }
-}), t2 = o3.actions, n2 = o3.reducer, c2 = {}, r3 = o1({
+}), r2 = u3.actions, l2 = u3.reducer, n3 = {}, d3 = r1({
   name: "devices",
-  initialState: c2,
+  initialState: n3,
   reducers: {
     setDeviceState(t, e) {
-      const c = e.payload.type, o = c.slice(c.lastIndexOf("/") + 1);
-      if (!o)
+      const s = e.payload.type, c = s.slice(s.lastIndexOf("/") + 1);
+      if (!c)
         return;
-      const l = e.payload.content, i = t[o] ?? {}, d = c3.merge(i, l);
-      return t[o] = d, t;
+      const l = e.payload.content, i = t[c] ?? {}, u = i3.merge(i, l);
+      return t[c] = u, t;
+    },
+    clearDevices() {
+      return n3;
     }
   }
-}), s2 = r3.actions, o2 = r3.reducer, r2 = {}, l3 = o1({
+}), I1 = d3.actions, i2 = d3.reducer, s3 = {}, v3 = r1({
   name: "rooms",
-  initialState: r2,
+  initialState: s3,
   reducers: {
     setRoomState(t, e) {
-      const c = e.payload.type, o = c.slice(c.lastIndexOf("/") + 1);
-      if (console.log(c, o), !o)
+      const s = e.payload.type, c = s.slice(s.lastIndexOf("/") + 1);
+      if (console.log(s, c), !c)
         return;
       const l = e.payload.content;
       console.log(l);
-      const i = t[o] ?? {}, d = c3.merge(i, l);
-      return t[o] = d, console.log(t), t;
+      const i = t[c] ?? {}, u = i3.merge(i, l);
+      return t[c] = u, console.log(t), t;
+    },
+    clearRooms() {
+      return s3;
     }
   }
-}), l2 = l3.actions, i2 = l3.reducer, a2 = {
+}), y1 = v3.actions, a2 = v3.reducer, u2 = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -60,6 +66,7 @@ const e2 = {
   pluginVersion: "",
   disconnectionMessage: "",
   token: "",
+  currentRoomKey: "",
   roomData: {
     clientId: "",
     roomKey: "",
@@ -70,9 +77,9 @@ const e2 = {
     userCode: "",
     qrUrl: ""
   }
-}, i3 = o1({
+}, h3 = r1({
   name: "runtimeConfig",
-  initialState: a2,
+  initialState: u2,
   reducers: {
     setRuntimeConfig(t, e) {
       t.apiVersion = e.payload.apiVersion, t.serverIsRunningOnProcessorHardware = e.payload.serverIsRunningOnProcessorHardware;
@@ -90,21 +97,21 @@ const e2 = {
       t.roomData = e.payload;
     },
     setCurrentRoomKey(t, e) {
-      t.roomData.roomKey = e.payload;
+      R1.dispatch(y1.clearRooms()), R1.dispatch(I1.clearDevices()), t.currentRoomKey = e.payload;
     },
     setUserCode(t, e) {
       t.roomData.userCode = e.payload.userCode, t.roomData.qrUrl = e.payload.qrUrl;
     }
   }
-}), K = i3.actions, u2 = i3.reducer, d2 = {
+}), K = h3.actions, d2 = h3.reducer, v2 = {
   modalVisibility: {
     showShutdownModal: !1,
     showIncomingCallModal: !1
   },
   popoverVisibility: {}
-}, a3 = o1({
+}, g3 = r1({
   name: "ui",
-  initialState: d2,
+  initialState: v2,
   reducers: {
     clearAllModals(t) {
       Object.entries(t.modalVisibility).forEach(([e]) => {
@@ -121,141 +128,148 @@ const e2 = {
       t.modalVisibility.showIncomingCallModal = e.payload;
     },
     setPopoverState(t, e) {
-      t.popoverVisibility[e.payload.popoverGroup] || (t.popoverVisibility[e.payload.popoverGroup] = {}), Object.entries(t.popoverVisibility[e.payload.popoverGroup]).forEach(([c]) => {
-        t.popoverVisibility[e.payload.popoverGroup][c] = !1;
+      t.popoverVisibility[e.payload.popoverGroup] || (t.popoverVisibility[e.payload.popoverGroup] = {}), Object.entries(t.popoverVisibility[e.payload.popoverGroup]).forEach(([s]) => {
+        t.popoverVisibility[e.payload.popoverGroup][s] = !1;
       }), t.popoverVisibility[e.payload.popoverGroup][e.payload.popoverId] = e.payload.value;
     }
   }
-}), A8 = a3.actions, v2 = a3.reducer, u3 = G3({
-  appConfig: n2,
-  runtimeConfig: u2,
-  rooms: i2,
-  devices: o2,
-  ui: v2
-}), h2 = n3({
-  reducer: u3
-}), Z = Y3, g2 = () => Z((t) => t.appConfig.config), B8 = () => Z((t) => t.appConfig.config.apiPath), f2 = () => Z((t) => t.devices);
+}), B8 = g3.actions, h2 = g3.reducer, f3 = X3({
+  appConfig: l2,
+  runtimeConfig: d2,
+  rooms: a2,
+  devices: i2,
+  ui: h2
+}), g2 = l3({
+  reducer: f3
+}), R1 = g2, Z = N3, f2 = () => Z((t) => t.appConfig.config), T8 = () => Z((t) => t.appConfig.config.apiPath), w2 = () => Z((t) => t.devices);
 function L(t) {
   return Z((e) => e.devices[t] ? e.devices[t] : void 0);
 }
-const T8 = (t) => Z(
+const P8 = (t) => Z(
   (e) => {
-    var c;
-    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.configuration : void 0;
+    var s;
+    return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.configuration : void 0;
   }
-), R1 = (t) => Z(
+), $1 = (t) => Z(
   (e) => e.rooms[t] ? e.rooms[t] : void 0
-), D8 = (t) => Z(
-  (e) => {
-    var c;
-    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.name : void 0;
-  }
-), w2 = (t, e) => Z(
-  (c) => {
-    var o;
-    return c.rooms[t] ? (o = c.rooms[t]) == null ? void 0 : o.volumes[e] : void 0;
-  }
-), P8 = (t) => Z(
-  (e) => {
-    var c, o;
-    return e.rooms[t] ? (o = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : o.sourceList : void 0;
-  }
 ), O8 = (t) => Z(
   (e) => {
-    var c, o;
-    return e.rooms[t] ? (o = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : o.destinations : void 0;
+    var s;
+    return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.name : void 0;
   }
+), p2 = (t, e) => Z(
+  (s) => {
+    var c;
+    return s.rooms[t] ? (c = s.rooms[t]) == null ? void 0 : c.volumes[e] : void 0;
+  }
+), x2 = (t) => Z(
+  (e) => e.rooms[t] ? e.rooms[t] : void 0
 ), V8 = (t) => Z(
   (e) => {
-    var c, o;
-    return e.rooms[t] ? (o = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : o.destinationList : void 0;
+    var s, c;
+    return e.rooms[t] ? (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.sourceList : void 0;
   }
-), F8 = (t) => Z(
+), k8 = (t) => Z(
   (e) => {
-    var c, o;
-    return e.rooms[t] ? (o = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : o.environmentalDevices : void 0;
+    var s, c;
+    return e.rooms[t] ? (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.levelControlList : void 0;
   }
-), k8 = (t) => Z(
+), F8 = (t) => Z(
   (e) => {
-    var c, o, l, i, d, f, u, S;
-    return (o = (c = e.rooms[t]) == null ? void 0 : c.configuration) != null && o.destinationList.programAudio ? (d = (i = (l = e.rooms[t]) == null ? void 0 : l.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : d.sinkKey : ((S = (u = (f = e.rooms[t]) == null ? void 0 : f.configuration) == null ? void 0 : u.destinationList.defaultDisplay) == null ? void 0 : S.sinkKey) || "";
+    var s, c;
+    return e.rooms[t] ? (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.destinations : void 0;
   }
 ), U8 = (t) => Z(
   (e) => {
-    var c, o, l;
-    return e.rooms[t] ? (l = (o = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : o.destinationList.codecContent) == null ? void 0 : l.sinkKey : void 0;
+    var s, c;
+    return e.rooms[t] ? (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.destinationList : void 0;
   }
 ), W8 = (t) => Z(
   (e) => {
-    var c;
-    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.isInCall : void 0;
+    var s, c;
+    return e.rooms[t] ? (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.environmentalDevices : void 0;
   }
 ), H8 = (t) => Z(
   (e) => {
-    var c;
-    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.isWarmingUp : void 0;
+    var s, c, l, i, u, f, h, S;
+    return (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) != null && c.destinationList.programAudio ? (u = (i = (l = e.rooms[t]) == null ? void 0 : l.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : u.sinkKey : ((S = (h = (f = e.rooms[t]) == null ? void 0 : f.configuration) == null ? void 0 : h.destinationList.defaultDisplay) == null ? void 0 : S.sinkKey) || "";
   }
 ), K8 = (t) => Z(
   (e) => {
-    var c;
-    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.isCoolingDown : void 0;
+    var s, c, l;
+    return e.rooms[t] ? (l = (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.destinationList.codecContent) == null ? void 0 : l.sinkKey : void 0;
   }
 ), G8 = (t) => Z(
   (e) => {
-    var c;
-    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.isOn : void 0;
+    var s;
+    return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isInCall : void 0;
   }
 ), q8 = (t) => Z(
   (e) => {
-    var c;
-    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.advancedSharingActive : void 0;
+    var s;
+    return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isWarmingUp : void 0;
   }
 ), Y8 = (t) => Z(
   (e) => {
-    var c;
-    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.share : void 0;
+    var s;
+    return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isCoolingDown : void 0;
+  }
+), J8 = (t) => Z(
+  (e) => {
+    var s;
+    return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.isOn : void 0;
+  }
+), z8 = (t) => Z(
+  (e) => {
+    var s;
+    return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.advancedSharingActive : void 0;
   }
-), J8 = (t) => q3(
+), X8 = (t) => Z(
+  (e) => {
+    var s;
+    return e.rooms[t] ? (s = e.rooms[t]) == null ? void 0 : s.share : void 0;
+  }
+), Q8 = (t) => Q3(
   [
-    (e, c) => c,
-    f2,
+    (e, s) => s,
+    w2,
     (e) => {
-      var c, o;
-      return (o = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : o.destinations;
+      var s, c;
+      return (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.destinations;
     }
   ],
-  (e, c, o) => {
-    if (console.log("roomKey", e), console.log("devices", c), console.log("destinations", o), !o)
+  (e, s, c) => {
+    if (console.log("roomKey", e), console.log("devices", s), console.log("destinations", c), !c)
       return;
-    const l = Object.entries(o).filter(([d]) => d !== "programAudio" && d !== "codecContent").map(([, d]) => d);
-    return Object.values(c).filter((d) => Object.values(l).includes(d.key));
+    const l = Object.entries(c).filter(([u]) => u !== "programAudio" && u !== "codecContent").map(([, u]) => u);
+    return Object.values(s).filter((u) => Object.values(l).includes(u.key));
   }
-)(h2.getState(), t), z8 = (t) => Z(
+)(R1.getState(), t), N8 = (t) => Z(
   (e) => {
-    var c, o;
-    return e.rooms[t] ? (o = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : o.zoomRoomControllerKey : void 0;
-  }
-), p2 = () => Z((t) => t.runtimeConfig.websocket.isConnected), x2 = () => Z((t) => t.runtimeConfig.roomData.roomKey), M2 = () => Z((t) => t.runtimeConfig.roomData.clientId), X8 = () => Z((t) => t.ui.modalVisibility.showShutdownModal), Q8 = () => Z((t) => t.ui.modalVisibility.showIncomingCallModal), N8 = (t) => Z((e) => e.ui.modalVisibility[t]), e6 = (t) => Z((e) => {
-  const c = e.ui.popoverVisibility[t];
-  if (c)
-    return Object.keys(c).find((o) => c[o]);
-}), t6 = (t, e) => Z((c) => {
-  var o;
-  return (o = c.ui.popoverVisibility[t]) == null ? void 0 : o[e];
-}), F = n3({
-  reducer: u3
-}), m2 = J3, b1 = K3.create();
-function Z2() {
-  const t = m2();
+    var s, c;
+    return e.rooms[t] ? (c = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : c.zoomRoomControllerKey : void 0;
+  }
+), M2 = () => Z((t) => t.runtimeConfig.websocket.isConnected), m2 = () => Z((t) => t.runtimeConfig.currentRoomKey), Z2 = () => Z((t) => t.runtimeConfig.roomData.clientId), e6 = () => Z((t) => t.ui.modalVisibility.showShutdownModal), t6 = () => Z((t) => t.ui.modalVisibility.showIncomingCallModal), n6 = (t) => Z((e) => e.ui.modalVisibility[t]), s6 = (t) => Z((e) => {
+  const s = e.ui.popoverVisibility[t];
+  if (s)
+    return Object.keys(s).find((c) => s[c]);
+}), o6 = (t, e) => Z((s) => {
+  var c;
+  return (c = s.ui.popoverVisibility[t]) == null ? void 0 : c[e];
+}), O = l3({
+  reducer: f3
+}), j2 = e2, E1 = z3.create();
+function C2() {
+  const t = j2();
   return async () => {
     try {
       const e = location.pathname.split("/").filter((l) => l.length > 0);
       e.length >= 5 ? e.length = 5 : e.length = 2;
-      const c = `/${e.join("/")}`, o = await b1.get("/_local-config/_config.local.json", { baseURL: c });
-      if (o.status == 200 && o.data) {
-        const l = o.data.apiPath;
-        t(t2.setAppConfig(o.data));
-        const i = await b1.get(`${l}/version`);
+      const s = `/${e.join("/")}`, c = await E1.get("/_local-config/_config.local.json", { baseURL: s });
+      if (c.status == 200 && c.data) {
+        const l = c.data.apiPath;
+        t(r2.setAppConfig(c.data));
+        const i = await E1.get(`${l}/version`);
         i.status == 200 && i.data && t(K.setRuntimeConfig(i.data));
       }
     } catch (e) {
@@ -264,7 +278,7 @@ function Z2() {
     return !0;
   };
 }
-var I1 = { exports: {} }, t1 = {};
+var _1 = { exports: {} }, n1 = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -274,64 +288,64 @@ var I1 = { exports: {} }, t1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var N1;
-function j2() {
-  return N1 || (N1 = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = s3, e = Symbol.for("react.element"), c = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), f = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), V = Symbol.iterator, Y = "@@iterator";
-    function J(s) {
-      if (s === null || typeof s != "object")
+var o3;
+function S2() {
+  return o3 || (o3 = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = a3, e = Symbol.for("react.element"), s = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), f = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), B = Symbol.for("react.offscreen"), V = Symbol.iterator, Y = "@@iterator";
+    function J(o) {
+      if (o === null || typeof o != "object")
         return null;
-      var r = V && s[V] || s[Y];
+      var r = V && o[V] || o[Y];
       return typeof r == "function" ? r : null;
     }
-    var m = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function g(s) {
+    var j = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function g(o) {
       {
-        for (var r = arguments.length, a = new Array(r > 1 ? r - 1 : 0), v = 1; v < r; v++)
-          a[v - 1] = arguments[v];
-        O("error", s, a);
+        for (var r = arguments.length, a = new Array(r > 1 ? r - 1 : 0), d = 1; d < r; d++)
+          a[d - 1] = arguments[d];
+        z("error", o, a);
       }
     }
-    function O(s, r, a) {
+    function z(o, r, a) {
       {
-        var v = m.ReactDebugCurrentFrame, M = v.getStackAddendum();
-        M !== "" && (r += "%s", a = a.concat([M]));
-        var j = a.map(function(p) {
-          return String(p);
+        var d = j.ReactDebugCurrentFrame, m = d.getStackAddendum();
+        m !== "" && (r += "%s", a = a.concat([m]));
+        var C = a.map(function(x) {
+          return String(x);
         });
-        j.unshift("Warning: " + r), Function.prototype.apply.call(console[s], console, j);
+        C.unshift("Warning: " + r), Function.prototype.apply.call(console[o], console, C);
       }
     }
-    var z = !1, E = !1, X = !1, v1 = !1, h1 = !1, E1;
-    E1 = Symbol.for("react.module.reference");
-    function g3(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === o || s === i || h1 || s === l || s === S || s === C || v1 || s === T || z || E || X || typeof s == "object" && s !== null && (s.$$typeof === A || s.$$typeof === b || s.$$typeof === d || s.$$typeof === f || s.$$typeof === u || // This needs to include all possible module reference object
+    var k = !1, X = !1, E = !1, Q = !1, g1 = !1, l1;
+    l1 = Symbol.for("react.module.reference");
+    function M3(o) {
+      return !!(typeof o == "string" || typeof o == "function" || o === c || o === i || g1 || o === l || o === S || o === p || Q || o === B || k || X || E || typeof o == "object" && o !== null && (o.$$typeof === A || o.$$typeof === b || o.$$typeof === u || o.$$typeof === f || o.$$typeof === h || // 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.
-      s.$$typeof === E1 || s.getModuleId !== void 0));
+      o.$$typeof === l1 || o.getModuleId !== void 0));
     }
-    function f3(s, r, a) {
-      var v = s.displayName;
-      if (v)
-        return v;
-      var M = r.displayName || r.name || "";
-      return M !== "" ? a + "(" + M + ")" : a;
+    function m3(o, r, a) {
+      var d = o.displayName;
+      if (d)
+        return d;
+      var m = r.displayName || r.name || "";
+      return m !== "" ? a + "(" + m + ")" : a;
     }
-    function _1(s) {
-      return s.displayName || "Context";
+    function A1(o) {
+      return o.displayName || "Context";
     }
-    function P(s) {
-      if (s == null)
+    function P(o) {
+      if (o == null)
         return null;
-      if (typeof s.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
-        return s.displayName || s.name || null;
-      if (typeof s == "string")
-        return s;
-      switch (s) {
-        case o:
-          return "Fragment";
+      if (typeof o.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
+        return o.displayName || o.name || null;
+      if (typeof o == "string")
+        return o;
+      switch (o) {
         case c:
+          return "Fragment";
+        case s:
           return "Portal";
         case i:
           return "Profiler";
@@ -339,26 +353,26 @@ function j2() {
           return "StrictMode";
         case S:
           return "Suspense";
-        case C:
+        case p:
           return "SuspenseList";
       }
-      if (typeof s == "object")
-        switch (s.$$typeof) {
+      if (typeof o == "object")
+        switch (o.$$typeof) {
           case f:
-            var r = s;
-            return _1(r) + ".Consumer";
-          case d:
-            var a = s;
-            return _1(a._context) + ".Provider";
+            var r = o;
+            return A1(r) + ".Consumer";
           case u:
-            return f3(s, s.render, "ForwardRef");
+            var a = o;
+            return A1(a._context) + ".Provider";
+          case h:
+            return m3(o, o.render, "ForwardRef");
           case b:
-            var v = s.displayName || null;
-            return v !== null ? v : P(s.type) || "Memo";
+            var d = o.displayName || null;
+            return d !== null ? d : P(o.type) || "Memo";
           case A: {
-            var M = s, j = M._payload, p = M._init;
+            var m = o, C = m._payload, x = m._init;
             try {
-              return P(p(j));
+              return P(x(C));
             } catch {
               return null;
             }
@@ -366,307 +380,307 @@ function j2() {
         }
       return null;
     }
-    var k = Object.assign, Q = 0, L1, $1, A1, B1, T1, D1, P1;
-    function O1() {
+    var F = Object.assign, N = 0, D1, B1, T1, P1, O1, V1, k1;
+    function F1() {
     }
-    O1.__reactDisabledLog = !0;
-    function w3() {
+    F1.__reactDisabledLog = !0;
+    function Z3() {
       {
-        if (Q === 0) {
-          L1 = console.log, $1 = console.info, A1 = console.warn, B1 = console.error, T1 = console.group, D1 = console.groupCollapsed, P1 = console.groupEnd;
-          var s = {
+        if (N === 0) {
+          D1 = console.log, B1 = console.info, T1 = console.warn, P1 = console.error, O1 = console.group, V1 = console.groupCollapsed, k1 = console.groupEnd;
+          var o = {
             configurable: !0,
             enumerable: !0,
-            value: O1,
+            value: F1,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: s,
-            log: s,
-            warn: s,
-            error: s,
-            group: s,
-            groupCollapsed: s,
-            groupEnd: s
+            info: o,
+            log: o,
+            warn: o,
+            error: o,
+            group: o,
+            groupCollapsed: o,
+            groupEnd: o
           });
         }
-        Q++;
+        N++;
       }
     }
-    function p3() {
+    function j3() {
       {
-        if (Q--, Q === 0) {
-          var s = {
+        if (N--, N === 0) {
+          var o = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: k({}, s, {
-              value: L1
-            }),
-            info: k({}, s, {
-              value: $1
-            }),
-            warn: k({}, s, {
-              value: A1
+            log: F({}, o, {
+              value: D1
             }),
-            error: k({}, s, {
+            info: F({}, o, {
               value: B1
             }),
-            group: k({}, s, {
+            warn: F({}, o, {
               value: T1
             }),
-            groupCollapsed: k({}, s, {
-              value: D1
-            }),
-            groupEnd: k({}, s, {
+            error: F({}, o, {
               value: P1
+            }),
+            group: F({}, o, {
+              value: O1
+            }),
+            groupCollapsed: F({}, o, {
+              value: V1
+            }),
+            groupEnd: F({}, o, {
+              value: k1
             })
           });
         }
-        Q < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        N < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var g1 = m.ReactCurrentDispatcher, f1;
-    function r1(s, r, a) {
+    var f1 = j.ReactCurrentDispatcher, w1;
+    function i1(o, r, a) {
       {
-        if (f1 === void 0)
+        if (w1 === void 0)
           try {
             throw Error();
-          } catch (M) {
-            var v = M.stack.trim().match(/\n( *(at )?)/);
-            f1 = v && v[1] || "";
+          } catch (m) {
+            var d = m.stack.trim().match(/\n( *(at )?)/);
+            w1 = d && d[1] || "";
           }
         return `
-` + f1 + s;
+` + w1 + o;
       }
     }
-    var w1 = !1, l1;
+    var p1 = !1, a1;
     {
-      var x3 = typeof WeakMap == "function" ? WeakMap : Map;
-      l1 = new x3();
+      var C3 = typeof WeakMap == "function" ? WeakMap : Map;
+      a1 = new C3();
     }
-    function V1(s, r) {
-      if (!s || w1)
+    function U1(o, r) {
+      if (!o || p1)
         return "";
       {
-        var a = l1.get(s);
+        var a = a1.get(o);
         if (a !== void 0)
           return a;
       }
-      var v;
-      w1 = !0;
-      var M = Error.prepareStackTrace;
+      var d;
+      p1 = !0;
+      var m = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var j;
-      j = g1.current, g1.current = null, w3();
+      var C;
+      C = f1.current, f1.current = null, Z3();
       try {
         if (r) {
-          var p = function() {
+          var x = function() {
             throw Error();
           };
-          if (Object.defineProperty(p.prototype, "props", {
+          if (Object.defineProperty(x.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(p, []);
-            } catch (B) {
-              v = B;
+              Reflect.construct(x, []);
+            } catch (D) {
+              d = D;
             }
-            Reflect.construct(s, [], p);
+            Reflect.construct(o, [], x);
           } else {
             try {
-              p.call();
-            } catch (B) {
-              v = B;
+              x.call();
+            } catch (D) {
+              d = D;
             }
-            s.call(p.prototype);
+            o.call(x.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (B) {
-            v = B;
+          } catch (D) {
+            d = D;
           }
-          s();
+          o();
         }
-      } catch (B) {
-        if (B && v && typeof B.stack == "string") {
-          for (var w = B.stack.split(`
-`), $ = v.stack.split(`
-`), I = w.length - 1, R = $.length - 1; I >= 1 && R >= 0 && w[I] !== $[R]; )
+      } catch (D) {
+        if (D && d && typeof D.stack == "string") {
+          for (var w = D.stack.split(`
+`), $ = d.stack.split(`
+`), y = w.length - 1, R = $.length - 1; y >= 1 && R >= 0 && w[y] !== $[R]; )
             R--;
-          for (; I >= 1 && R >= 0; I--, R--)
-            if (w[I] !== $[R]) {
-              if (I !== 1 || R !== 1)
+          for (; y >= 1 && R >= 0; y--, R--)
+            if (w[y] !== $[R]) {
+              if (y !== 1 || R !== 1)
                 do
-                  if (I--, R--, R < 0 || w[I] !== $[R]) {
-                    var D = `
-` + w[I].replace(" at new ", " at ");
-                    return s.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", s.displayName)), typeof s == "function" && l1.set(s, D), D;
+                  if (y--, R--, R < 0 || w[y] !== $[R]) {
+                    var T = `
+` + w[y].replace(" at new ", " at ");
+                    return o.displayName && T.includes("<anonymous>") && (T = T.replace("<anonymous>", o.displayName)), typeof o == "function" && a1.set(o, T), T;
                   }
-                while (I >= 1 && R >= 0);
+                while (y >= 1 && R >= 0);
               break;
             }
         }
       } finally {
-        w1 = !1, g1.current = j, p3(), Error.prepareStackTrace = M;
+        p1 = !1, f1.current = C, j3(), Error.prepareStackTrace = m;
       }
-      var H = s ? s.displayName || s.name : "", U = H ? r1(H) : "";
-      return typeof s == "function" && l1.set(s, U), U;
+      var H = o ? o.displayName || o.name : "", U = H ? i1(H) : "";
+      return typeof o == "function" && a1.set(o, U), U;
     }
-    function M3(s, r, a) {
-      return V1(s, !1);
+    function S3(o, r, a) {
+      return U1(o, !1);
     }
-    function m3(s) {
-      var r = s.prototype;
+    function b3(o) {
+      var r = o.prototype;
       return !!(r && r.isReactComponent);
     }
-    function i1(s, r, a) {
-      if (s == null)
+    function u1(o, r, a) {
+      if (o == null)
         return "";
-      if (typeof s == "function")
-        return V1(s, m3(s));
-      if (typeof s == "string")
-        return r1(s);
-      switch (s) {
+      if (typeof o == "function")
+        return U1(o, b3(o));
+      if (typeof o == "string")
+        return i1(o);
+      switch (o) {
         case S:
-          return r1("Suspense");
-        case C:
-          return r1("SuspenseList");
+          return i1("Suspense");
+        case p:
+          return i1("SuspenseList");
       }
-      if (typeof s == "object")
-        switch (s.$$typeof) {
-          case u:
-            return M3(s.render);
+      if (typeof o == "object")
+        switch (o.$$typeof) {
+          case h:
+            return S3(o.render);
           case b:
-            return i1(s.type, r, a);
+            return u1(o.type, r, a);
           case A: {
-            var v = s, M = v._payload, j = v._init;
+            var d = o, m = d._payload, C = d._init;
             try {
-              return i1(j(M), r, a);
+              return u1(C(m), r, a);
             } catch {
             }
           }
         }
       return "";
     }
-    var N = Object.prototype.hasOwnProperty, F1 = {}, k1 = m.ReactDebugCurrentFrame;
-    function a1(s) {
-      if (s) {
-        var r = s._owner, a = i1(s.type, s._source, r ? r.type : null);
-        k1.setExtraStackFrame(a);
+    var e1 = Object.prototype.hasOwnProperty, W1 = {}, H1 = j.ReactDebugCurrentFrame;
+    function d1(o) {
+      if (o) {
+        var r = o._owner, a = u1(o.type, o._source, r ? r.type : null);
+        H1.setExtraStackFrame(a);
       } else
-        k1.setExtraStackFrame(null);
+        H1.setExtraStackFrame(null);
     }
-    function Z3(s, r, a, v, M) {
+    function I3(o, r, a, d, m) {
       {
-        var j = Function.call.bind(N);
-        for (var p in s)
-          if (j(s, p)) {
+        var C = Function.call.bind(e1);
+        for (var x in o)
+          if (C(o, x)) {
             var w = void 0;
             try {
-              if (typeof s[p] != "function") {
-                var $ = Error((v || "React class") + ": " + a + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof o[x] != "function") {
+                var $ = Error((d || "React class") + ": " + a + " type `" + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[x] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw $.name = "Invariant Violation", $;
               }
-              w = s[p](r, p, v, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (I) {
-              w = I;
+              w = o[x](r, x, d, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (y) {
+              w = y;
             }
-            w && !(w instanceof Error) && (a1(M), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", a, p, typeof w), a1(null)), w instanceof Error && !(w.message in F1) && (F1[w.message] = !0, a1(M), g("Failed %s type: %s", a, w.message), a1(null));
+            w && !(w instanceof Error) && (d1(m), g("%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).", d || "React class", a, x, typeof w), d1(null)), w instanceof Error && !(w.message in W1) && (W1[w.message] = !0, d1(m), g("Failed %s type: %s", a, w.message), d1(null));
           }
       }
     }
-    var j3 = Array.isArray;
-    function p1(s) {
-      return j3(s);
+    var y3 = Array.isArray;
+    function x1(o) {
+      return y3(o);
     }
-    function C3(s) {
+    function R3(o) {
       {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, a = r && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        var r = typeof Symbol == "function" && Symbol.toStringTag, a = r && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return a;
       }
     }
-    function S3(s) {
+    function E3(o) {
       try {
-        return U1(s), !1;
+        return K1(o), !1;
       } catch {
         return !0;
       }
     }
-    function U1(s) {
-      return "" + s;
+    function K1(o) {
+      return "" + o;
     }
-    function W1(s) {
-      if (S3(s))
-        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", C3(s)), U1(s);
+    function G1(o) {
+      if (E3(o))
+        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", R3(o)), K1(o);
     }
-    var e1 = m.ReactCurrentOwner, b3 = {
+    var t1 = j.ReactCurrentOwner, _3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, H1, K1, x1;
-    x1 = {};
-    function I3(s) {
-      if (N.call(s, "ref")) {
-        var r = Object.getOwnPropertyDescriptor(s, "ref").get;
+    }, q1, Y1, M1;
+    M1 = {};
+    function L3(o) {
+      if (e1.call(o, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(o, "ref").get;
         if (r && r.isReactWarning)
           return !1;
       }
-      return s.ref !== void 0;
+      return o.ref !== void 0;
     }
-    function y3(s) {
-      if (N.call(s, "key")) {
-        var r = Object.getOwnPropertyDescriptor(s, "key").get;
+    function $3(o) {
+      if (e1.call(o, "key")) {
+        var r = Object.getOwnPropertyDescriptor(o, "key").get;
         if (r && r.isReactWarning)
           return !1;
       }
-      return s.key !== void 0;
+      return o.key !== void 0;
     }
-    function R3(s, r) {
-      if (typeof s.ref == "string" && e1.current && r && e1.current.stateNode !== r) {
-        var a = P(e1.current.type);
-        x1[a] || (g('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', P(e1.current.type), s.ref), x1[a] = !0);
+    function A3(o, r) {
+      if (typeof o.ref == "string" && t1.current && r && t1.current.stateNode !== r) {
+        var a = P(t1.current.type);
+        M1[a] || (g('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', P(t1.current.type), o.ref), M1[a] = !0);
       }
     }
-    function E3(s, r) {
+    function D3(o, r) {
       {
         var a = function() {
-          H1 || (H1 = !0, g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          q1 || (q1 = !0, g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
-        a.isReactWarning = !0, Object.defineProperty(s, "key", {
+        a.isReactWarning = !0, Object.defineProperty(o, "key", {
           get: a,
           configurable: !0
         });
       }
     }
-    function _3(s, r) {
+    function B3(o, r) {
       {
         var a = function() {
-          K1 || (K1 = !0, g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          Y1 || (Y1 = !0, g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
-        a.isReactWarning = !0, Object.defineProperty(s, "ref", {
+        a.isReactWarning = !0, Object.defineProperty(o, "ref", {
           get: a,
           configurable: !0
         });
       }
     }
-    var L3 = function(s, r, a, v, M, j, p) {
+    var T3 = function(o, r, a, d, m, C, x) {
       var w = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
         // Built-in properties that belong on the element
-        type: s,
+        type: o,
         key: r,
         ref: a,
-        props: p,
+        props: x,
         // Record the component responsible for creating this element.
-        _owner: j
+        _owner: C
       };
       return w._store = {}, Object.defineProperty(w._store, "validated", {
         configurable: !1,
@@ -677,61 +691,61 @@ function j2() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: v
+        value: d
       }), Object.defineProperty(w, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: M
+        value: m
       }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w;
     };
-    function $3(s, r, a, v, M) {
+    function P3(o, r, a, d, m) {
       {
-        var j, p = {}, w = null, $ = null;
-        a !== void 0 && (W1(a), w = "" + a), y3(r) && (W1(r.key), w = "" + r.key), I3(r) && ($ = r.ref, R3(r, M));
-        for (j in r)
-          N.call(r, j) && !b3.hasOwnProperty(j) && (p[j] = r[j]);
-        if (s && s.defaultProps) {
-          var I = s.defaultProps;
-          for (j in I)
-            p[j] === void 0 && (p[j] = I[j]);
+        var C, x = {}, w = null, $ = null;
+        a !== void 0 && (G1(a), w = "" + a), $3(r) && (G1(r.key), w = "" + r.key), L3(r) && ($ = r.ref, A3(r, m));
+        for (C in r)
+          e1.call(r, C) && !_3.hasOwnProperty(C) && (x[C] = r[C]);
+        if (o && o.defaultProps) {
+          var y = o.defaultProps;
+          for (C in y)
+            x[C] === void 0 && (x[C] = y[C]);
         }
         if (w || $) {
-          var R = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          w && E3(p, R), $ && _3(p, R);
+          var R = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
+          w && D3(x, R), $ && B3(x, R);
         }
-        return L3(s, w, $, M, v, e1.current, p);
+        return T3(o, w, $, m, d, t1.current, x);
       }
     }
-    var M1 = m.ReactCurrentOwner, G1 = m.ReactDebugCurrentFrame;
-    function W(s) {
-      if (s) {
-        var r = s._owner, a = i1(s.type, s._source, r ? r.type : null);
-        G1.setExtraStackFrame(a);
+    var m1 = j.ReactCurrentOwner, J1 = j.ReactDebugCurrentFrame;
+    function W(o) {
+      if (o) {
+        var r = o._owner, a = u1(o.type, o._source, r ? r.type : null);
+        J1.setExtraStackFrame(a);
       } else
-        G1.setExtraStackFrame(null);
+        J1.setExtraStackFrame(null);
     }
-    var m1;
-    m1 = !1;
-    function Z1(s) {
-      return typeof s == "object" && s !== null && s.$$typeof === e;
+    var Z1;
+    Z1 = !1;
+    function j1(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === e;
     }
-    function q1() {
+    function z1() {
       {
-        if (M1.current) {
-          var s = P(M1.current.type);
-          if (s)
+        if (m1.current) {
+          var o = P(m1.current.type);
+          if (o)
             return `
 
-Check the render method of \`` + s + "`.";
+Check the render method of \`` + o + "`.";
         }
         return "";
       }
     }
-    function A3(s) {
+    function O3(o) {
       {
-        if (s !== void 0) {
-          var r = s.fileName.replace(/^.*[\\\/]/, ""), a = s.lineNumber;
+        if (o !== void 0) {
+          var r = o.fileName.replace(/^.*[\\\/]/, ""), a = o.lineNumber;
           return `
 
 Check your code at ` + r + ":" + a + ".";
@@ -739,12 +753,12 @@ Check your code at ` + r + ":" + a + ".";
         return "";
       }
     }
-    var Y1 = {};
-    function B3(s) {
+    var X1 = {};
+    function V3(o) {
       {
-        var r = q1();
+        var r = z1();
         if (!r) {
-          var a = typeof s == "string" ? s : s.displayName || s.name;
+          var a = typeof o == "string" ? o : o.displayName || o.name;
           a && (r = `
 
 Check the top-level render call using <` + a + ">.");
@@ -752,131 +766,131 @@ Check the top-level render call using <` + a + ">.");
         return r;
       }
     }
-    function J1(s, r) {
+    function Q1(o, r) {
       {
-        if (!s._store || s._store.validated || s.key != null)
+        if (!o._store || o._store.validated || o.key != null)
           return;
-        s._store.validated = !0;
-        var a = B3(r);
-        if (Y1[a])
+        o._store.validated = !0;
+        var a = V3(r);
+        if (X1[a])
           return;
-        Y1[a] = !0;
-        var v = "";
-        s && s._owner && s._owner !== M1.current && (v = " It was passed a child from " + P(s._owner.type) + "."), W(s), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, v), W(null);
+        X1[a] = !0;
+        var d = "";
+        o && o._owner && o._owner !== m1.current && (d = " It was passed a child from " + P(o._owner.type) + "."), W(o), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, d), W(null);
       }
     }
-    function z1(s, r) {
+    function N1(o, r) {
       {
-        if (typeof s != "object")
+        if (typeof o != "object")
           return;
-        if (p1(s))
-          for (var a = 0; a < s.length; a++) {
-            var v = s[a];
-            Z1(v) && J1(v, r);
+        if (x1(o))
+          for (var a = 0; a < o.length; a++) {
+            var d = o[a];
+            j1(d) && Q1(d, r);
           }
-        else if (Z1(s))
-          s._store && (s._store.validated = !0);
-        else if (s) {
-          var M = J(s);
-          if (typeof M == "function" && M !== s.entries)
-            for (var j = M.call(s), p; !(p = j.next()).done; )
-              Z1(p.value) && J1(p.value, r);
+        else if (j1(o))
+          o._store && (o._store.validated = !0);
+        else if (o) {
+          var m = J(o);
+          if (typeof m == "function" && m !== o.entries)
+            for (var C = m.call(o), x; !(x = C.next()).done; )
+              j1(x.value) && Q1(x.value, r);
         }
       }
     }
-    function T3(s) {
+    function k3(o) {
       {
-        var r = s.type;
+        var r = o.type;
         if (r == null || typeof r == "string")
           return;
         var a;
         if (typeof r == "function")
           a = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === u || // Note: Memo only checks outer props here.
+        else if (typeof r == "object" && (r.$$typeof === h || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         r.$$typeof === b))
           a = r.propTypes;
         else
           return;
         if (a) {
-          var v = P(r);
-          Z3(a, s.props, "prop", v, s);
-        } else if (r.PropTypes !== void 0 && !m1) {
-          m1 = !0;
-          var M = P(r);
-          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", M || "Unknown");
+          var d = P(r);
+          I3(a, o.props, "prop", d, o);
+        } else if (r.PropTypes !== void 0 && !Z1) {
+          Z1 = !0;
+          var m = P(r);
+          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", m || "Unknown");
         }
         typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function D3(s) {
+    function F3(o) {
       {
-        for (var r = Object.keys(s.props), a = 0; a < r.length; a++) {
-          var v = r[a];
-          if (v !== "children" && v !== "key") {
-            W(s), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), W(null);
+        for (var r = Object.keys(o.props), a = 0; a < r.length; a++) {
+          var d = r[a];
+          if (d !== "children" && d !== "key") {
+            W(o), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", d), W(null);
             break;
           }
         }
-        s.ref !== null && (W(s), g("Invalid attribute `ref` supplied to `React.Fragment`."), W(null));
+        o.ref !== null && (W(o), g("Invalid attribute `ref` supplied to `React.Fragment`."), W(null));
       }
     }
-    var X1 = {};
-    function Q1(s, r, a, v, M, j) {
+    var e3 = {};
+    function t3(o, r, a, d, m, C) {
       {
-        var p = g3(s);
-        if (!p) {
+        var x = M3(o);
+        if (!x) {
           var w = "";
-          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (w += " 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 $ = A3(M);
-          $ ? w += $ : w += q1();
-          var I;
-          s === null ? I = "null" : p1(s) ? I = "array" : s !== void 0 && s.$$typeof === e ? (I = "<" + (P(s.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : I = typeof s, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", I, w);
+          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (w += " 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 $ = O3(m);
+          $ ? w += $ : w += z1();
+          var y;
+          o === null ? y = "null" : x1(o) ? y = "array" : o !== void 0 && o.$$typeof === e ? (y = "<" + (P(o.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : y = typeof o, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", y, w);
         }
-        var R = $3(s, r, a, M, j);
+        var R = P3(o, r, a, m, C);
         if (R == null)
           return R;
-        if (p) {
-          var D = r.children;
-          if (D !== void 0)
-            if (v)
-              if (p1(D)) {
-                for (var H = 0; H < D.length; H++)
-                  z1(D[H], s);
-                Object.freeze && Object.freeze(D);
+        if (x) {
+          var T = r.children;
+          if (T !== void 0)
+            if (d)
+              if (x1(T)) {
+                for (var H = 0; H < T.length; H++)
+                  N1(T[H], o);
+                Object.freeze && Object.freeze(T);
               } else
                 g("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
-              z1(D, s);
-        }
-        if (N.call(r, "key")) {
-          var U = P(s), B = Object.keys(r).filter(function(U3) {
-            return U3 !== "key";
-          }), j1 = B.length > 0 ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!X1[U + j1]) {
-            var k3 = B.length > 0 ? "{" + B.join(": ..., ") + ": ...}" : "{}";
+              N1(T, o);
+        }
+        if (e1.call(r, "key")) {
+          var U = P(o), D = Object.keys(r).filter(function(q3) {
+            return q3 !== "key";
+          }), C1 = D.length > 0 ? "{key: someKey, " + D.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!e3[U + C1]) {
+            var G3 = D.length > 0 ? "{" + D.join(": ..., ") + ": ...}" : "{}";
             g(`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} />`, j1, U, k3, U), X1[U + j1] = !0;
+  <%s key={someKey} {...props} />`, C1, U, G3, U), e3[U + C1] = !0;
           }
         }
-        return s === o ? D3(R) : T3(R), R;
+        return o === c ? F3(R) : k3(R), R;
       }
     }
-    function P3(s, r, a) {
-      return Q1(s, r, a, !0);
+    function U3(o, r, a) {
+      return t3(o, r, a, !0);
     }
-    function O3(s, r, a) {
-      return Q1(s, r, a, !1);
+    function W3(o, r, a) {
+      return t3(o, r, a, !1);
     }
-    var V3 = O3, F3 = P3;
-    t1.Fragment = o, t1.jsx = V3, t1.jsxs = F3;
-  }()), t1;
+    var H3 = W3, K3 = U3;
+    n1.Fragment = c, n1.jsx = H3, n1.jsxs = K3;
+  }()), n1;
 }
-var n1 = {};
+var s1 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -886,31 +900,31 @@ var n1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var e3;
-function C2() {
-  if (e3)
-    return n1;
-  e3 = 1;
-  var t = s3, e = Symbol.for("react.element"), c = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, l = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function d(f, u, S) {
-    var C, b = {}, A = null, T = null;
-    S !== void 0 && (A = "" + S), u.key !== void 0 && (A = "" + u.key), u.ref !== void 0 && (T = u.ref);
-    for (C in u)
-      o.call(u, C) && !i.hasOwnProperty(C) && (b[C] = u[C]);
+var c3;
+function b2() {
+  if (c3)
+    return s1;
+  c3 = 1;
+  var t = a3, e = Symbol.for("react.element"), s = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, l = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(f, h, S) {
+    var p, b = {}, A = null, B = null;
+    S !== void 0 && (A = "" + S), h.key !== void 0 && (A = "" + h.key), h.ref !== void 0 && (B = h.ref);
+    for (p in h)
+      c.call(h, p) && !i.hasOwnProperty(p) && (b[p] = h[p]);
     if (f && f.defaultProps)
-      for (C in u = f.defaultProps, u)
-        b[C] === void 0 && (b[C] = u[C]);
-    return { $$typeof: e, type: f, key: A, ref: T, props: b, _owner: l.current };
+      for (p in h = f.defaultProps, h)
+        b[p] === void 0 && (b[p] = h[p]);
+    return { $$typeof: e, type: f, key: A, ref: B, props: b, _owner: l.current };
   }
-  return n1.Fragment = c, n1.jsx = d, n1.jsxs = d, n1;
+  return s1.Fragment = s, s1.jsx = u, s1.jsxs = u, s1;
 }
-process.env.NODE_ENV === "production" ? I1.exports = C2() : I1.exports = j2();
-var n = I1.exports;
-const S2 = () => /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs("div", { className: "disconnected-message", children: [
+process.env.NODE_ENV === "production" ? _1.exports = b2() : _1.exports = S2();
+var n = _1.exports;
+const I2 = () => /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs("div", { className: "disconnected-message", children: [
   /* @__PURE__ */ n.jsx("h1", { children: "Disconnected" }),
   /* @__PURE__ */ n.jsx("p", { children: "Reconnecting..." })
 ] }) });
-class b2 {
+class y2 {
   constructor() {
     _(this, "uuid", "current-uuid");
     _(this, "roomKey", "current-room-key");
@@ -918,177 +932,196 @@ class b2 {
     _(this, "expiry", "current-uuid-expires");
   }
 }
-const t3 = new b2(), d3 = X3({
+const r3 = new y2(), w3 = n2({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
   removeEventHandler: () => null
 });
-function I2(t) {
+function R2(t) {
   return sessionStorage.getItem(t) || "";
 }
-function y2(t, e) {
+function E2(t, e) {
   sessionStorage.setItem(t, e);
 }
-const R2 = ({ children: t }) => {
-  const [e, c] = q(), o = p2(), l = x2(), i = M2(), d = Z2(), f = g2(), u = s1(null), [S, C] = q(), b = s1({}), A = u1(
-    async (m) => {
-      await b1.get(`${m}/ui/joinroom?token=${e}`).then((g) => {
-        g.status === 200 && g.data && F.dispatch(K.setRoomData(g.data));
+const _2 = ({ children: t }) => {
+  const [e, s] = q(), c = M2(), l = m2(), i = Z2(), u = C2(), f = f2(), h = c1(null), [S, p] = q(), b = c1({}), A = v1(
+    async (j) => {
+      await E1.get(`${j}/ui/joinroom?token=${e}`).then((g) => {
+        g.status === 200 && g.data && O.dispatch(K.setRoomData(g.data));
       }).catch((g) => {
         console.log(g), g.repsonse && g.response.status === 498 && console.error("Invalid token. Unable to join room");
       });
     },
     [e]
-  ), T = u1(
-    (m, g) => {
-      u.current && o && u.current.send(JSON.stringify({ type: m, clientId: i, content: g }));
-    },
-    [o, i]
-  ), V = (m, g) => {
-    T(m, { value: g });
-  }, Y = u1(
-    (m, g, O) => {
-      b.current[m] || (b.current[m] = {}), b.current[m][g] = O, console.log("event handler added", m, g);
+  ), B = v1(
+    (j, g) => {
+      h.current && c && h.current.send(JSON.stringify({ type: j, clientId: i, content: g }));
     },
-    []
-  ), J = u1(
-    (m, g) => {
-      b.current[m] && (delete b.current[m][g], console.log("event handler removed", m, g));
+    [c, i]
+  ), V = (j, g) => {
+    B(j, { value: g });
+  }, Y = v1(
+    (j, g, z) => {
+      b.current[j] || (b.current[j] = {}), b.current[j][g] = z, console.log("event handler added", j, g);
     },
     []
-  );
+  ), J = v1((j, g) => {
+    b.current[j] && (delete b.current[j][g], console.log("event handler removed", j, g));
+  }, []);
   return G(() => {
     let g = new URLSearchParams(window.location.search).get("token");
-    g ? (console.log("saving token: ", g), y2(t3.uuid, g)) : (g = I2(t3.uuid), console.log("loading token: ", g)), c(g), d();
+    g ? (console.log("saving token: ", g), E2(r3.uuid, g)) : (g = R2(r3.uuid), console.log("loading token: ", g)), s(g), u();
   }, []), G(() => {
-    if (!(!f.apiPath || S || !e)) {
-      if (A(f.apiPath), !u.current) {
-        const g = `${f.apiPath.replace("http", "ws")}/ui/join/${e}`, O = new WebSocket(g);
-        u.current = O, O.onopen = () => {
-          console.log("connected"), F.dispatch(K.setWebsocketIsConnected(!0));
-        }, O.onerror = (z) => {
-          console.log(z);
-        }, O.onclose = () => {
-          if (console.log("disconnected"), u.current)
-            console.log("WebSocket closed by server.");
-          else {
-            console.log("WebSocket closed by client.");
-            return;
-          }
-          S || (F.dispatch(K.setWebsocketIsConnected(!1)), C(!0), setTimeout(() => C(void 0), 5e3));
-        }, O.onmessage = (z) => {
-          try {
-            const E = JSON.parse(z.data);
-            if (console.log(E), E.type.startsWith("/system/"))
-              switch (E.type) {
-                case "/system/roomKey":
-                  F.dispatch(
-                    K.setCurrentRoomKey(
-                      E.content
-                    )
-                  );
-                  break;
-                case "/system/userCodeChanged":
-                  F.dispatch(
-                    K.setUserCode(E.content)
-                  );
-                  break;
-              }
-            else if (E.type.startsWith("/event/")) {
-              console.log("event message received", E);
-              const X = b.current[E.type];
-              X || console.log("no handlers found for event type", E.type), X && Object.values(X).forEach((v1) => {
-                try {
-                  v1(E);
-                } catch (h1) {
-                  console.error(h1);
+    async function j() {
+      if (!(!f.apiPath || S || !e)) {
+        if (await A(f.apiPath), !h.current) {
+          const z = `${f.apiPath.replace("http", "ws")}/ui/join/${e}`, k = new WebSocket(z);
+          h.current = k, k.onopen = () => {
+            console.log("connected"), O.dispatch(K.setWebsocketIsConnected(!0));
+          }, k.onerror = (X) => {
+            console.log(X);
+          }, k.onclose = () => {
+            if (console.log("disconnected"), h.current)
+              console.log("WebSocket closed by server.");
+            else {
+              console.log("WebSocket closed by client.");
+              return;
+            }
+            S || (O.dispatch(K.setWebsocketIsConnected(!1)), O.dispatch(I1.clearDevices()), O.dispatch(y1.clearRooms()), p(!0), setTimeout(() => p(void 0), 5e3));
+          }, k.onmessage = (X) => {
+            try {
+              const E = JSON.parse(X.data);
+              if (console.log(E), E.type.startsWith("/system/"))
+                switch (E.type) {
+                  case "/system/roomKey":
+                    O.dispatch(
+                      K.setCurrentRoomKey(
+                        E.content
+                      )
+                    );
+                    break;
+                  case "/system/userCodeChanged":
+                    O.dispatch(
+                      K.setUserCode(
+                        E.content
+                      )
+                    );
+                    break;
+                  case "/system/roomCombinationChanged":
+                    window.location.reload();
+                    break;
+                  default:
+                    console.log("unhandled system message", E);
+                    break;
                 }
-              });
-            } else
-              E.type.startsWith("/room/") ? F.dispatch(l2.setRoomState(E)) : E.type.startsWith("/device/") && F.dispatch(s2.setDeviceState(E));
-          } catch (E) {
-            console.log(E);
-          }
+              else if (E.type.startsWith("/event/")) {
+                console.log("event message received", E);
+                const Q = b.current[E.type];
+                Q || console.log("no handlers found for event type", E.type), Q && Object.values(Q).forEach((g1) => {
+                  try {
+                    g1(E);
+                  } catch (l1) {
+                    console.error(l1);
+                  }
+                });
+              } else
+                E.type.startsWith("/room/") ? O.dispatch(y1.setRoomState(E)) : E.type.startsWith("/device/") && O.dispatch(I1.setDeviceState(E));
+            } catch (E) {
+              console.log(E);
+            }
+          };
+        }
+        return () => {
+          h.current && h.current.close(), h.current = null;
         };
       }
-      return () => {
-        u.current && u.current.close(), u.current = null;
-      };
     }
+    j();
   }, [f.apiPath, A, e, S]), G(() => {
-    l && T(`/room/${l}/status`, null);
-  }, [l, T]), /* @__PURE__ */ n.jsx(d3.Provider, { value: { sendMessage: T, sendSimpleMessage: V, addEventHandler: Y, removeEventHandler: J }, children: o ? t : /* @__PURE__ */ n.jsx(S2, {}) });
-}, n6 = ({ children: t }) => /* @__PURE__ */ n.jsx(z3, { store: F, children: /* @__PURE__ */ n.jsx(R2, { children: t }) });
-function y() {
-  return Q3(d3);
+    !l || !c || (console.log("clientId: ", i), i && (console.log("requesting status from room: ", l), B(`/room/${l}/status`, null)));
+  }, [l, i, c, B]), /* @__PURE__ */ n.jsx(
+    w3.Provider,
+    {
+      value: {
+        sendMessage: B,
+        sendSimpleMessage: V,
+        addEventHandler: Y,
+        removeEventHandler: J
+      },
+      children: c ? t : /* @__PURE__ */ n.jsx(I2, {})
+    }
+  );
+}, c6 = ({ children: t }) => /* @__PURE__ */ n.jsx(t2, { store: O, children: /* @__PURE__ */ n.jsx(_2, { children: t }) });
+function I() {
+  return s2(w3);
 }
-function E2({
+function L2({
   onPress: t,
   onRelease: e,
-  onHold: c,
-  holdTimeMs: o = 500
+  onHold: s,
+  holdTimeMs: c = 500
 }) {
-  const l = s1(null), i = s1(!1);
-  function d() {
+  const l = c1(null), i = c1(!1);
+  function u() {
     i.current = !0, t == null || t(), l.current = setTimeout(() => {
-      c == null || c(), l.current = null;
-    }, o);
+      s == null || s(), l.current = null;
+    }, c);
   }
   function f() {
     i.current = !1, e == null || e(), l.current && (clearTimeout(l.current), l.current = null);
   }
-  function u() {
+  function h() {
     i.current && f();
   }
   return {
-    onPointerDown: d,
+    onPointerDown: u,
     onPointerUp: f,
-    onPointerLeave: u
+    onPointerLeave: h
   };
 }
-function h(t, e) {
-  const { sendMessage: o } = y(), l = s1(null);
+function v(t, e) {
+  const { sendMessage: c } = I(), l = c1(null);
   function i() {
-    o(`${t}/${e}`, { value: "pressed" }), l.current || (l.current = setInterval(() => {
-      o(`${t}/${e}`, { value: "held" });
+    c(`${t}/${e}`, { value: "pressed" }), l.current || (l.current = setInterval(() => {
+      c(`${t}/${e}`, { value: "held" });
     }, 250));
   }
-  function d() {
-    l.current && (clearInterval(l.current), l.current = null), o(`${t}/${e}`, { value: "released" });
+  function u() {
+    l.current && (clearInterval(l.current), l.current = null), c(`${t}/${e}`, { value: "released" });
   }
-  return E2({ onPress: i, onRelease: d });
+  return L2({ onPress: i, onRelease: u });
 }
-function v3(t, e) {
-  const { sendMessage: c, sendSimpleMessage: o } = y(), l = h(`${t}`, "volumeUp"), i = h(`${t}`, "volumeDown");
+function p3(t, e) {
+  const { sendMessage: s, sendSimpleMessage: c } = I(), l = v(`${t}`, "volumeUp"), i = v(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
     volumeUp: l,
     volumeDown: i,
-    setLevel: (C) => o(`${t}/level`, C),
-    muteToggle: () => c(`${t}/muteToggle`, null),
-    muteOn: () => c(`${t}/muteOn`, null),
-    muteOff: () => c(`${t}/muteOff`, null)
+    setLevel: (p) => c(`${t}/level`, p),
+    muteToggle: () => s(`${t}/muteToggle`, null),
+    muteOn: () => s(`${t}/muteOn`, null),
+    muteOff: () => s(`${t}/muteOff`, null)
   } : void 0;
 }
-function c6(t, e) {
-  const { sendMessage: c, sendSimpleMessage: o } = y(), l = h(`${t}`, "volumeUp"), i = h(`${t}`, "volumeDown");
+function r6(t, e) {
+  const { sendMessage: s, sendSimpleMessage: c } = I(), l = v(`${t}`, "volumeUp"), i = v(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
     volumeUp: l,
     volumeDown: i,
-    setLevel: (C) => o(`${t}/level`, C),
-    muteToggle: () => c(`${t}/muteToggle`, null),
-    muteOn: () => c(`${t}/muteOn`, null),
-    muteOff: () => c(`${t}/muteOff`, null)
+    setLevel: (p) => c(`${t}/level`, p),
+    muteToggle: () => s(`${t}/muteToggle`, null),
+    muteOn: () => s(`${t}/muteOn`, null),
+    muteOff: () => s(`${t}/muteOff`, null)
   } : void 0;
 }
-function _2(t) {
-  const e = L(t), c = `/device/${t}`;
-  return v3(c, e == null ? void 0 : e.volume);
+function $2(t) {
+  const e = L(t), s = `/device/${t}`;
+  return p3(s, e == null ? void 0 : e.volume);
 }
-function h3(t) {
-  const { sendMessage: e } = y();
+function x3(t) {
+  const { sendMessage: e } = I();
   return { powerOn: () => {
     e(`/device/${t}/powerOn`, null);
   }, powerOff: () => {
@@ -1097,160 +1130,160 @@ function h3(t) {
     e(`/device/${t}/powerToggle`, null);
   } };
 }
-function y1(t) {
-  const { sendMessage: e } = y(), c = L(t);
-  return console.log("deviceState", c), c ? { itemsState: c, selectItem: (l) => {
+function L1(t) {
+  const { sendMessage: e } = I(), s = L(t);
+  return console.log("deviceState", s), s ? { itemsState: s, selectItem: (l) => {
     e(`/device/${t}/${l}`, null);
   } } : void 0;
 }
-function L2(t) {
-  const { sendMessage: e } = y(), c = L(t), o = () => {
+function A2(t) {
+  const { sendMessage: e } = I(), s = L(t), c = () => {
     e(`/device/${t}/setDefaultChannelLevels`, null);
   }, l = () => {
-    if ((c == null ? void 0 : c.levelControls) === void 0)
+    if ((s == null ? void 0 : s.levelControls) === void 0)
       return;
-    Object.keys(c == null ? void 0 : c.levelControls).forEach((f) => {
+    Object.keys(s == null ? void 0 : s.levelControls).forEach((f) => {
       e(`/device/${t}/${f}/fullStatus`, null);
     });
   };
-  return c ? { levelControls: c.levelControls, setDefaultChannelLevels: o, getFullStatus: l } : void 0;
+  return s ? { levelControls: s.levelControls, setDefaultChannelLevels: c, getFullStatus: l } : void 0;
 }
-function s6(t) {
-  const e = L(t), c = h3(t), o = y1(t), l = y1(t), i = _2(t), d = L2(t);
+function l6(t) {
+  const e = L(t), s = x3(t), c = L1(t), l = L1(t), i = $2(t), u = A2(t);
   if (e)
     return {
       avrState: e,
-      powerControl: c,
-      inputControl: o,
+      powerControl: s,
+      inputControl: c,
       surroundSoundModes: l,
-      surroundChannels: d,
+      surroundChannels: u,
       mainVolumeControl: i
     };
 }
-function o6(t) {
+function i6(t) {
   const e = L(t);
   if (e)
     return { endpointState: e };
 }
-function r6(t) {
-  const e = `/device/${t}`, c = h(e, "chanUp"), o = h(e, "chanDown"), l = h(e, "lastChan"), i = h(e, "guide"), d = h(e, "info"), f = h(e, "exit");
-  return { channelUp: c, channelDown: o, lastChannel: l, guide: i, info: d, exit: f };
+function a6(t) {
+  const e = `/device/${t}`, s = v(e, "chanUp"), c = v(e, "chanDown"), l = v(e, "lastChan"), i = v(e, "guide"), u = v(e, "info"), f = v(e, "exit");
+  return { channelUp: s, channelDown: c, lastChannel: l, guide: i, info: u, exit: f };
 }
-function l6(t) {
-  const e = `/device/${t}`, c = h(e, "red"), o = h(e, "green"), l = h(e, "yellow"), i = h(e, "blue");
-  return { red: c, green: o, yellow: l, blue: i };
+function u6(t) {
+  const e = `/device/${t}`, s = v(e, "red"), c = v(e, "green"), l = v(e, "yellow"), i = v(e, "blue");
+  return { red: s, green: c, yellow: l, blue: i };
 }
-function i6(t) {
+function d6(t) {
   const e = L(t);
   if (e)
     return {
       communicationMonitorState: e
     };
 }
-function a6(t) {
-  const e = `/device/${t}`, c = h(e, "up"), o = h(e, "down"), l = h(e, "left"), i = h(e, "right"), d = h(e, "select"), f = h(e, "menu"), u = h(e, "exit");
-  return { up: c, down: o, left: l, right: i, select: d, menu: f, exit: u };
+function v6(t) {
+  const e = `/device/${t}`, s = v(e, "up"), c = v(e, "down"), l = v(e, "left"), i = v(e, "right"), u = v(e, "select"), f = v(e, "menu"), h = v(e, "exit");
+  return { up: s, down: c, left: l, right: i, select: u, menu: f, exit: h };
 }
-function u6(t) {
+function h6(t) {
   const e = L(t);
   if (e)
     return e.deviceInfo || void 0;
 }
-function d6(t) {
-  const e = `/device/${t}`, c = h(e, "dvrList"), o = h(e, "record");
-  return { dvrList: c, record: o };
+function g6(t) {
+  const e = `/device/${t}`, s = v(e, "dvrList"), c = v(e, "record");
+  return { dvrList: s, record: c };
 }
-const v6 = ({ className: t }) => {
-  const [e, c] = q();
+const f6 = ({ className: t }) => {
+  const [e, s] = q();
   return G(() => {
     setInterval(() => {
-      const o = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
-      c(o);
+      const c = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
+      s(c);
     }, 1e3);
   }, []), /* @__PURE__ */ n.jsxs("div", { className: t, children: [
     e,
     " new change"
   ] });
 };
-function h6(t) {
-  const { sendMessage: e } = y(), c = L(t);
-  return c ? { roomCombinerState: c, setAutoMode: () => {
+function w6(t) {
+  const { sendMessage: e } = I(), s = L(t);
+  return s ? { roomCombinerState: s, setAutoMode: () => {
     e(`/device/${t}/setAutoMode`, null);
   }, setManualMode: () => {
     e(`/device/${t}/setManualMode`, null);
   }, toggleMode: () => {
     e(`/device/${t}/toggleMode`, null);
-  }, togglePartitionState: (u) => {
-    e(`/device/${t}/togglePartitionState`, u);
-  }, setRoomCombinationScenario: (u) => {
-    e(`/device/${t}/setRoomCombinationScenario`, u);
+  }, togglePartitionState: (h) => {
+    e(`/device/${t}/togglePartitionState`, h);
+  }, setRoomCombinationScenario: (h) => {
+    e(`/device/${t}/setRoomCombinationScenario`, h);
   } } : void 0;
 }
-function g6(t) {
-  const { sendMessage: e, sendSimpleMessage: c } = y(), o = L(t);
-  return o ? {
-    levelState: o,
-    setLevel: (u, S) => c(`${u}/level`, S),
-    muteToggle: (u) => e(`${u}/muteToggle`, null),
-    muteOn: (u) => e(`${u}/muteOn`, null),
-    muteOff: (u) => e(`${u}/muteOff`, null)
+function p6(t) {
+  const { sendMessage: e, sendSimpleMessage: s } = I(), c = L(t), l = x2(t), i = c || l;
+  return i ? {
+    levelState: i,
+    setLevel: (p, b) => s(`${p}/level`, b),
+    muteToggle: (p) => e(`${p}/muteToggle`, null),
+    muteOn: (p) => e(`${p}/muteOn`, null),
+    muteOff: (p) => e(`${p}/muteOff`, null)
   } : void 0;
 }
-function f6(t) {
-  const { sendMessage: e } = y(), c = L(t);
-  return c ? { lightingState: c, selectScene: (l) => {
+function x6(t) {
+  const { sendMessage: e } = I(), s = L(t);
+  return s ? { lightingState: s, selectScene: (l) => {
     e(`/device/${t}/selectScene`, l);
   } } : void 0;
 }
-function w6(t) {
-  const { sendMessage: e } = y(), c = L(t);
-  return c ? { matrixRoutingState: c, setRoute: (l) => {
+function M6(t) {
+  const { sendMessage: e } = I(), s = L(t);
+  return s ? { matrixRoutingState: s, setRoute: (l) => {
     e(`/device/${t}/route`, l);
   } } : void 0;
 }
-function p6(t) {
-  const { sendMessage: e } = y();
+function m6(t) {
+  const { sendMessage: e } = I();
   return { closeApp: () => {
     e(`/device/${t}/closeWebViewController`, null);
   } };
 }
-function x6(t) {
-  const e = `/device/${t}`, c = h(e, "num0"), o = h(e, "num1"), l = h(e, "num2"), i = h(e, "num3"), d = h(e, "num4"), f = h(e, "num5"), u = h(e, "num6"), S = h(e, "num7"), C = h(e, "num8"), b = h(e, "num9"), A = h(e, "numDash"), T = h(e, "numEnter");
-  return { digit0: c, digit1: o, digit2: l, digit3: i, digit4: d, digit5: f, digit6: u, digit7: S, digit8: C, digit9: b, keypadAccessoryButton1: A, keypadAccessoryButton2: T };
+function Z6(t) {
+  const e = `/device/${t}`, s = v(e, "num0"), c = v(e, "num1"), l = v(e, "num2"), i = v(e, "num3"), u = v(e, "num4"), f = v(e, "num5"), h = v(e, "num6"), S = v(e, "num7"), p = v(e, "num8"), b = v(e, "num9"), A = v(e, "numDash"), B = v(e, "numEnter");
+  return { digit0: s, digit1: c, digit2: l, digit3: i, digit4: u, digit5: f, digit6: h, digit7: S, digit8: p, digit9: b, keypadAccessoryButton1: A, keypadAccessoryButton2: B };
 }
-function M6(t) {
-  const { sendMessage: e } = y(), c = L(t);
-  return c ? { projectorScreenLiftControlState: c, raise: () => {
+function j6(t) {
+  const { sendMessage: e } = I(), s = L(t);
+  return s ? { projectorScreenLiftControlState: s, raise: () => {
     e(`/device/${t}/raise`, null);
   }, lower: () => {
     e(`/device/${t}/lower`, null);
   } } : void 0;
 }
-function m6(t) {
-  const { sendMessage: e } = y(), c = R1(t);
-  return c ? { roomEventScheduleState: c, save: (l) => {
+function C6(t) {
+  const { sendMessage: e } = I(), s = $1(t);
+  return s ? { roomEventScheduleState: s, save: (l) => {
     e(`/room/${t}/saveScheduledEvents`, l);
   } } : void 0;
 }
-function Z6(t) {
-  const { sendMessage: e } = y();
-  return { runDirectRoute: (o) => {
-    e(`/room/${t}/directRoute`, o);
+function S6(t) {
+  const { sendMessage: e } = I();
+  return { runDirectRoute: (c) => {
+    e(`/room/${t}/directRoute`, c);
   } };
 }
-function j6(t) {
-  const { sendMessage: e } = y();
+function b6(t) {
+  const { sendMessage: e } = I();
   return { routingState: L(t), runRoute: (l) => {
     e(`/room/${t}/source`, l);
   } };
 }
-function C6(t) {
-  const e = `/device/${t}`, c = h(e, "chanUp"), o = h(e, "chanDown");
-  return { dvrList: c, replay: o };
+function I6(t) {
+  const e = `/device/${t}`, s = v(e, "chanUp"), c = v(e, "chanDown");
+  return { dvrList: s, replay: c };
 }
-function S6(t) {
-  const { sendMessage: e } = y(), c = L(t);
-  return c ? { shadeState: c, shadeUp: () => {
+function y6(t) {
+  const { sendMessage: e } = I(), s = L(t);
+  return s ? { shadeState: s, shadeUp: () => {
     e(`/device/${t}/shadeUp`, null);
   }, shadeDown: () => {
     e(`/device/${t}/shadeDown`, null);
@@ -1258,9 +1291,9 @@ function S6(t) {
     e(`/device/${t}/stopOrPreset`, null);
   } } : void 0;
 }
-function b6(t) {
-  const { sendMessage: e } = y(), c = R1(t);
-  return c ? { shutdownPromptTimerState: c, setShutdownPromptSeconds: (f) => {
+function R6(t) {
+  const { sendMessage: e } = I(), s = $1(t);
+  return s ? { shutdownPromptTimerState: s, setShutdownPromptSeconds: (f) => {
     e(`/room/${t}/setShutdownPromptSeconds`, f);
   }, shutdownStart: () => {
     e(`/room/${t}/shutdownStart`, null);
@@ -1270,91 +1303,99 @@ function b6(t) {
     e(`/room/${t}/shutdownCancel`, null);
   } } : void 0;
 }
-function I6(t) {
-  const { sendMessage: e } = y(), c = L(t);
-  return c ? { switchedOutputState: c, on: () => {
+function E6(t) {
+  const { sendMessage: e } = I(), s = L(t);
+  return s ? { switchedOutputState: s, on: () => {
     e(`/device/${t}/on`, null);
   }, off: () => {
     e(`/device/${t}/off`, null);
   } } : void 0;
 }
-function y6(t) {
-  const { sendMessage: e } = y(), c = R1(t);
-  return c ? { techPasswordState: c, validatePassword: (i) => {
+function _6(t) {
+  const { sendMessage: e } = I(), s = $1(t);
+  return s ? { techPasswordState: s, validatePassword: (i) => {
     e(`/room/${t}/validateTechPassword`, { password: i });
-  }, setPassword: (i, d) => {
-    e(`/room/${t}/setTechPassword`, { oldPassword: i, newPassword: d });
+  }, setPassword: (i, u) => {
+    e(`/room/${t}/setTechPassword`, { oldPassword: i, newPassword: u });
   } } : void 0;
 }
-function R6(t) {
-  const e = `/device/${t}`, c = h(e, "play"), o = h(e, "pause"), l = h(e, "stop"), i = h(e, "prevTrack"), d = h(e, "nextTrack"), f = h(e, "rewind"), u = h(e, "ffwd"), S = h(e, "record");
-  return { play: c, pause: o, stop: l, prevTrack: i, nextTrack: d, rewind: f, fastForward: u, record: S };
+function L6(t) {
+  const e = `/device/${t}`, s = v(e, "play"), c = v(e, "pause"), l = v(e, "stop"), i = v(e, "prevTrack"), u = v(e, "nextTrack"), f = v(e, "rewind"), h = v(e, "ffwd"), S = v(e, "record");
+  return { play: s, pause: c, stop: l, prevTrack: i, nextTrack: u, rewind: f, fastForward: h, record: S };
 }
-function E6(t) {
-  const e = L(t), { sendMessage: c } = y();
+function $6(t) {
+  const e = L(t), { sendMessage: s } = I();
   return e ? {
     touchpanelState: e,
     appControl: { hideApp: () => {
-      c(`/device/${t}/hideApp`, null);
+      s(`/device/${t}/hideApp`, null);
     }, openApp: () => {
-      c(`/device/${t}/openApp`, null);
+      s(`/device/${t}/openApp`, null);
     }, closeApp: () => {
-      c(`/device/${t}/closeApp`, null);
+      s(`/device/${t}/closeApp`, null);
     } },
     zoomControl: { endCall: () => {
-      c(`/device/${t}/endCall`, null);
+      s(`/device/${t}/endCall`, null);
     } }
   } : void 0;
 }
-function _6(t) {
-  const e = L(t), c = h3(t), o = y1(t);
+function A6(t) {
+  const e = L(t), s = x3(t), c = L1(t);
   if (!e)
     return;
   const l = (e.powerState || e.isWarming) && !e.isCooling, i = (!e.powerState || e.isCooling) && !e.isWarming;
   return {
     displayState: e,
-    powerControl: c,
-    inputControl: o,
+    powerControl: s,
+    inputControl: c,
     powerFb: { powerOnFb: l, powerOffFb: i }
   };
 }
-const L6 = ({ config: t }) => {
-  const { sendMessage: e } = y();
+function D6(t) {
+  const { sendMessage: e } = I();
+  return { runDefaultPresentRoute: () => {
+    e(`/room/${t}/defaultsource`, {});
+  } };
+}
+const B6 = ({ config: t }) => {
+  const { sendMessage: e } = I();
   G(() => {
-    var o, l;
+    var c, l;
     if (!t)
       return;
-    const c = [];
+    const s = [];
     Object.values(t.destinations).forEach((i) => {
-      c.push(i);
+      s.push(i);
     }), Object.values(t.destinationList).forEach((i) => {
-      c.push(i.sinkKey);
-    }), (o = t.touchpanelKeys) == null || o.forEach((i) => {
-      c.push(i);
+      s.push(i.sinkKey);
+    }), t.levelControlList && Object.values(t.levelControlList).forEach((i) => {
+      s.push(i.deviceKey);
+    }), (c = t.touchpanelKeys) == null || c.forEach((i) => {
+      s.push(i);
     }), t.environmentalDevices.forEach((i) => {
-      c.push(i.deviceKey);
+      s.push(i.deviceKey);
     }), (l = t.accessoryDeviceKeys) == null || l.forEach((i) => {
-      c.push(i);
-    }), t.audioCodecKey && c.push(t.audioCodecKey), t.videoCodecKey && c.push(t.videoCodecKey), t.matrixRoutingKey && c.push(t.matrixRoutingKey), t.roomCombinerKey && c.push(t.roomCombinerKey), t.endpointKeys && t.endpointKeys.forEach((i) => {
-      c.push(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);
     });
     for (const i of Object.values(t.sourceList))
-      i.sourceKey && i.sourceKey !== "$off" && c.push(i.sourceKey);
-    console.log("deviceKeys", c), c.forEach((i) => {
+      i.sourceKey && i.sourceKey !== "$off" && s.push(i.sourceKey);
+    console.log("deviceKeys", s), s.forEach((i) => {
       e(`/device/${i}/fullStatus`, { deviceKey: i });
     });
   }, [t, e]);
 };
-function $6(t, e) {
-  const c = w2(t, e), o = `/room/${t}/volumes/${e}`;
-  return v3(o, c);
+function T6(t, e) {
+  const s = p2(t, e), c = `/room/${t}/volumes/${e}`;
+  return p3(c, s);
 }
-function A6() {
-  const [t, e] = q(), [c, o] = q();
+function P6() {
+  const [t, e] = q(), [s, c] = q();
   function l() {
     e((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
     const i = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
-    o(i);
+    c(i);
   }
   return G(() => {
     l();
@@ -1362,75 +1403,75 @@ function A6() {
       l();
     }, 1e3);
     return () => clearInterval(i);
-  }, []), { date: t, time: c };
+  }, []), { date: t, time: s };
 }
-const B6 = () => {
-  const t = N3();
+const O6 = () => {
+  const t = o2();
   return /* @__PURE__ */ n.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
     /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger rounded d-flex align-items-center", children: /* @__PURE__ */ n.jsx("span", { className: "fs-5 text-white", children: "We are sorry. Something went wrong." }) }),
     /* @__PURE__ */ n.jsx("button", { className: "btn btn-primary p-2", onClick: () => t(-1), children: "Go Back" })
   ] });
-}, $2 = "_iconbtn_16qss_1", A2 = "_iconbtnvert_16qss_7", B2 = "_iconsm_16qss_18", C1 = {
-  iconbtn: $2,
-  iconbtnvert: A2,
-  iconsm: B2
-}, T2 = ({
+}, D2 = "_iconbtn_16qss_1", B2 = "_iconbtnvert_16qss_7", T2 = "_iconsm_16qss_18", S1 = {
+  iconbtn: D2,
+  iconbtnvert: B2,
+  iconsm: T2
+}, P2 = ({
   multiIcon: t,
   otherContent: e = null,
-  vert: c = !1,
-  className: o,
+  vert: s = !1,
+  className: c,
   iconClassName: l = "",
   otherContentClassName: i = "",
-  disabled: d,
+  disabled: u,
   feedback: f,
-  feedbackClassName: u,
+  feedbackClassName: h,
   onPointerDown: S,
-  onPointerUp: C,
+  onPointerUp: p,
   onPointerLeave: b,
   ...A
 }) => {
-  const [T, V] = q(!1), Y = !d && f ? u : "", J = !d && (T || f);
+  const [B, V] = q(!1), Y = !u && f ? h : "", J = !u && (B || f);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
       type: "button",
-      className: `${C1.iconbtn} ${c ? C1.iconbtnvert : ""} ${o} ${Y}`,
+      className: `${S1.iconbtn} ${s ? S1.iconbtnvert : ""} ${c} ${Y}`,
       ...A,
-      disabled: d,
-      onPointerDown: (m) => {
-        V(!0), S == null || S(m);
+      disabled: u,
+      onPointerDown: (j) => {
+        V(!0), S == null || S(j);
       },
-      onPointerUp: (m) => {
-        V(!1), C == null || C(m);
+      onPointerUp: (j) => {
+        V(!1), p == null || p(j);
       },
-      onPointerLeave: (m) => {
-        V(!1), b == null || b(m);
+      onPointerLeave: (j) => {
+        V(!1), b == null || b(j);
       },
       children: [
         t && /* @__PURE__ */ n.jsx(
           t,
           {
-            className: `${l || C1.iconsm}`,
+            className: `${l || S1.iconsm}`,
             active: J,
-            disabled: d
+            disabled: u
           }
         ),
         /* @__PURE__ */ n.jsx("div", { className: i, children: e })
       ]
     }
   );
-}, x = ({
+}, M = ({
   ActiveImage: t,
   DisabledImage: e,
-  EnabledImage: c,
-  active: o,
+  EnabledImage: s,
+  active: c,
   disabled: l
-}) => l ? e : o ? t : c, D2 = ({
+}) => l ? e : c ? t : s, O2 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: /* @__PURE__ */ n.jsx(
       "svg",
@@ -1475,14 +1516,14 @@ const B6 = () => {
       }
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), P2 = ({
+), V2 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-ban-active.svg */
@@ -1524,14 +1565,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), O2 = ({
+), k2 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: /* @__PURE__ */ n.jsx(
       "svg",
@@ -1564,14 +1605,14 @@ const B6 = () => {
       }
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), V2 = ({
+), F2 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-check-active.svg */
@@ -1613,16 +1654,16 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), F2 = ({
+), U2 = ({
   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: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-controller-active.svg */
@@ -1656,7 +1697,6 @@ const B6 = () => {
             "path",
             {
               d: "M96.54,86.55l5.04-5.04c.04.26.07.52.07.8,0,1.22-.41,2.25-1.24,3.07-.83.83-1.85,1.24-3.07,1.24-.28,0-.54-.03-.8-.07ZM105.97,77.99c1.22,0,2.25-.41,3.07-1.24.83-.83,1.24-1.85,1.24-3.07,0-.28-.03-.54-.07-.8l-5.04,5.04c.26.04.52.07.8.07ZM129.04,97.07l-8.6-34.41-7.15,7.15,7.35,29.31c.14,1.44.22,2.12.22,2.05-.07,2.01-.83,3.68-2.26,5.01-1.44,1.33-3.16,1.99-5.17,1.99-1.37,0-2.6-.36-3.72-1.08-1.11-.72-1.96-1.69-2.53-2.91l-3.02-6.14c-1.15-2.16-2.77-3.88-4.85-5.17-2.08-1.29-4.35-1.94-6.79-1.94h-.33l-8.62,8.62h8.95c.79,0,1.55.18,2.26.54.72.36,1.26.9,1.62,1.62l3.02,6.25c1.29,2.73,3.23,4.89,5.82,6.47,2.59,1.58,5.39,2.37,8.41,2.37,4.38,0,8.14-1.53,11.27-4.58,3.13-3.05,4.69-6.77,4.69-11.16,0-.65-.05-1.31-.16-1.99s-.23-1.35-.38-1.99ZM43.77,102.35c-.07-.42-.12-.84-.12-1.29,0-.86.07-1.51.22-1.94l9.06-36.11c.43-1.94,1.42-3.52,2.96-4.74,1.54-1.22,3.32-1.83,5.34-1.83h28.46l8.62-8.62h-37.09c-3.95,0-7.47,1.2-10.56,3.61-3.09,2.41-5.14,5.55-6.14,9.43l-9.06,36.22c-.14.65-.25,1.29-.32,1.94-.07.65-.11,1.29-.11,1.94.1,2.92.85,5.55,2.24,7.9l6.5-6.5ZM74.7,70.45h-4.31v-4.31c0-.93-.31-1.71-.92-2.32-.61-.61-1.38-.92-2.32-.92s-1.71.31-2.32.92c-.61.61-.92,1.38-.92,2.32v4.31h-4.31c-.93,0-1.71.31-2.32.92s-.92,1.38-.92,2.32.31,1.71.92,2.32c.61.61,1.38.92,2.32.92h4.31v4.31c0,.31.05.59.11.86l11.53-11.53c-.27-.07-.56-.11-.86-.11ZM164.61,82.3c0,45.38-36.92,82.3-82.3,82.3S0,127.69,0,82.3,36.92,0,82.3,0s82.3,36.92,82.3,82.3ZM5,82.3c0,19.83,7.51,37.93,19.82,51.63L133.93,24.83c-13.7-12.32-31.8-19.83-51.63-19.83C39.68,5,5,39.68,5,82.3ZM159.61,82.3c0-19.83-7.51-37.93-19.83-51.63L30.68,139.78c13.7,12.32,31.8,19.83,51.63,19.83,42.63,0,77.3-34.68,77.3-77.3Z",
-              fill: "#090a0e",
               "stroke-width": "0"
             }
           ) })
@@ -1676,7 +1716,6 @@ const B6 = () => {
             "path",
             {
               d: "M50.88,116.8c-4.31,0-8-1.55-11.05-4.64-3.05-3.09-4.65-6.83-4.8-11.21,0-.65.04-1.29.11-1.94s.18-1.29.32-1.94l9.06-36.22c1.01-3.88,3.05-7.03,6.14-9.43s6.61-3.61,10.56-3.61h42.04c3.95,0,7.47,1.2,10.56,3.61s5.14,5.55,6.14,9.43l9.06,36.22c.14.65.27,1.31.38,1.99s.16,1.35.16,1.99c0,4.38-1.56,8.1-4.69,11.16s-6.88,4.58-11.27,4.58c-3.02,0-5.82-.79-8.41-2.37s-4.53-3.74-5.82-6.47l-3.02-6.25c-.36-.72-.9-1.26-1.62-1.62s-1.47-.54-2.26-.54h-20.48c-.79,0-1.55.18-2.26.54s-1.26.9-1.62,1.62l-3.02,6.25c-1.29,2.73-3.23,4.89-5.82,6.47s-5.39,2.37-8.41,2.37ZM51.2,108.18c1.37,0,2.61-.36,3.72-1.08,1.11-.72,1.96-1.69,2.53-2.91l3.02-6.14c1.08-2.23,2.66-3.97,4.74-5.23s4.35-1.89,6.79-1.89h20.48c2.44,0,4.71.65,6.79,1.94s3.7,3.02,4.85,5.17l3.02,6.14c.57,1.22,1.42,2.19,2.53,2.91,1.11.72,2.35,1.08,3.72,1.08,2.01,0,3.74-.66,5.17-1.99,1.44-1.33,2.19-3,2.26-5.01,0,.07-.07-.61-.22-2.05l-9.06-36.11c-.5-1.94-1.51-3.52-3.02-4.74s-3.27-1.83-5.28-1.83h-42.04c-2.01,0-3.79.61-5.34,1.83s-2.53,2.8-2.96,4.74l-9.06,36.11c-.14.43-.22,1.08-.22,1.94,0,2.01.74,3.7,2.21,5.07,1.47,1.37,3.25,2.05,5.34,2.05ZM88.72,77.99c1.22,0,2.25-.41,3.07-1.24s1.24-1.85,1.24-3.07-.41-2.25-1.24-3.07-1.85-1.24-3.07-1.24-2.25.41-3.07,1.24c-.83.83-1.24,1.85-1.24,3.07s.41,2.25,1.24,3.07c.83.83,1.85,1.24,3.07,1.24ZM97.34,69.37c1.22,0,2.25-.41,3.07-1.24s1.24-1.85,1.24-3.07-.41-2.25-1.24-3.07-1.85-1.24-3.07-1.24-2.25.41-3.07,1.24-1.24,1.85-1.24,3.07.41,2.25,1.24,3.07,1.85,1.24,3.07,1.24ZM97.34,86.62c1.22,0,2.25-.41,3.07-1.24s1.24-1.85,1.24-3.07-.41-2.25-1.24-3.07c-.83-.83-1.85-1.24-3.07-1.24s-2.25.41-3.07,1.24c-.83.83-1.24,1.85-1.24,3.07s.41,2.25,1.24,3.07,1.85,1.24,3.07,1.24ZM105.97,77.99c1.22,0,2.25-.41,3.07-1.24s1.24-1.85,1.24-3.07-.41-2.25-1.24-3.07-1.85-1.24-3.07-1.24-2.25.41-3.07,1.24-1.24,1.85-1.24,3.07.41,2.25,1.24,3.07,1.85,1.24,3.07,1.24ZM67.16,84.46c.93,0,1.71-.31,2.32-.92s.92-1.38.92-2.32v-4.31h4.31c.93,0,1.71-.31,2.32-.92s.92-1.38.92-2.32-.31-1.71-.92-2.32-1.38-.92-2.32-.92h-4.31v-4.31c0-.93-.31-1.71-.92-2.32s-1.38-.92-2.32-.92-1.71.31-2.32.92-.92,1.38-.92,2.32v4.31h-4.31c-.93,0-1.71.31-2.32.92s-.92,1.38-.92,2.32.31,1.71.92,2.32,1.38.92,2.32.92h4.31v4.31c0,.93.31,1.71.92,2.32s1.38.92,2.32.92ZM82.3,164.61C36.92,164.61,0,127.69,0,82.3S36.92,0,82.3,0s82.3,36.92,82.3,82.3-36.92,82.3-82.3,82.3ZM82.3,5C39.68,5,5,39.68,5,82.3s34.68,77.3,77.3,77.3,77.3-34.68,77.3-77.3S124.93,5,82.3,5Z",
-              fill: "#090a0e",
               "stroke-width": "0"
             }
           ) })
@@ -1684,14 +1723,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), k2 = ({
+), W2 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-down-active.svg */
@@ -1733,14 +1772,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), U2 = ({
+), H2 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-elipses-active.svg */
@@ -1782,14 +1821,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), W2 = ({
+), K2 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-flag-active.svg */
@@ -1831,14 +1870,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), H2 = ({
+), G2 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* /Users/hvolmer/Downloads/SVG/icon-gear-active.svg */
@@ -1880,14 +1919,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), K2 = ({
+), q2 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-glass-active.svg */
@@ -1929,16 +1968,16 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), G2 = ({
+), Y2 = ({
   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: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-hdmi-active.svg */
@@ -1998,14 +2037,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), q2 = ({
+), J2 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-laptop-active.svg */
@@ -2047,14 +2086,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), Y2 = ({
+), z2 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-left-active.svg */
@@ -2096,14 +2135,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), J2 = ({
+), X2 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-light-active.svg */
@@ -2145,14 +2184,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), z2 = ({
+), Q2 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-moon-active.svg */
@@ -2194,14 +2233,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), X2 = ({
+), N2 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-playstation-active.svg */
@@ -2216,14 +2255,14 @@ const B6 = () => {
       /* @__PURE__ */ n.jsx("svg", { className: e, fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 164.61 164.61", children: /* @__PURE__ */ n.jsx("g", { children: /* @__PURE__ */ n.jsx("path", { d: "M131.62,102.87c-1.96,2.47-6.77,4.24-6.77,4.24l-35.75,12.84v-9.47l26.31-9.37c2.99-1.07,3.44-2.58,1.02-3.38-2.42-.8-6.81-.57-9.8.51l-17.53,6.17v-9.83l1.01-.34s5.07-1.79,12.19-2.58c7.12-.78,15.85.11,22.69,2.7,7.72,2.44,8.59,6.03,6.63,8.51ZM92.51,86.75v-24.22c0-2.84-.52-5.46-3.19-6.2-2.04-.65-3.31,1.24-3.31,4.09v60.65l-16.36-5.19V43.55c6.95,1.29,17.09,4.34,22.53,6.18,13.85,4.76,18.55,10.67,18.55,24.01s-8.02,17.93-18.22,13ZM39.63,109.49c-7.92-2.23-9.24-6.88-5.63-9.56,3.34-2.47,9.01-4.33,9.01-4.33l23.45-8.34v9.51l-16.88,6.04c-2.98,1.07-3.44,2.58-1.02,3.38,2.42.79,6.81.57,9.8-.5l8.1-2.94v8.51c-.51.09-1.09.18-1.61.27-8.1,1.32-16.72.77-25.22-2.03h0ZM82.3,164.61C36.92,164.61,0,127.69,0,82.3S36.92,0,82.3,0s82.3,36.92,82.3,82.3-36.92,82.3-82.3,82.3ZM82.3,5C39.68,5,5,39.68,5,82.3s34.68,77.3,77.3,77.3,77.3-34.68,77.3-77.3S124.93,5,82.3,5Z" }) }) })
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), Q2 = ({
+), e8 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-podium-active.svg */
@@ -2265,14 +2304,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), N2 = ({
+), t8 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-power-active.svg */
@@ -2314,14 +2353,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), e8 = ({
+), n8 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-privacy-active.svg */
@@ -2363,14 +2402,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), t8 = ({
+), s8 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-question-active.svg */
@@ -2412,14 +2451,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), n8 = ({
+), o8 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-right-active.svg */
@@ -2461,16 +2500,16 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
 ), c8 = ({
   active: t,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-roomPC-active.svg */
@@ -2530,14 +2569,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), s8 = ({
+), r8 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-shade-active.svg */
@@ -2579,14 +2618,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), o8 = ({
+), l8 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-sun-active.svg */
@@ -2628,14 +2667,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), r8 = ({
+), i8 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-up-active.svg */
@@ -2677,14 +2716,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), l8 = ({
+), a8 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-volDown-active.svg */
@@ -2726,14 +2765,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), i8 = ({
+), u8 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-volMute-active.svg */
@@ -2775,14 +2814,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), a8 = ({
+), d8 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-volUp-active.svg */
@@ -2824,14 +2863,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), u8 = ({
+), v8 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-wireless-active.svg */
@@ -2873,14 +2912,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), d8 = ({
+), h8 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-x-active.svg */
@@ -2922,14 +2961,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), v8 = ({
+), g8 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-xbox-active.svg */
@@ -2971,14 +3010,14 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
+    disabled: s
   }
-), h8 = ({
+), f8 = ({
   active: t,
   className: e = "",
-  disabled: c
+  disabled: s
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-mic-active.svg */
@@ -3020,110 +3059,110 @@ const B6 = () => {
       )
     ),
     active: t,
-    disabled: c
-  }
-), g8 = {
-  Alert: D2,
-  Camera: O2,
-  DownArrow: k2,
-  Ban: P2,
-  Check: V2,
-  Controller: F2,
-  Elipses: U2,
-  Flag: W2,
-  Gear: H2,
-  Glass: K2,
-  Hdmi: G2,
-  Laptop: q2,
-  LeftArrow: Y2,
-  Light: J2,
-  Mic: h8,
-  Moon: z2,
-  Playstation: X2,
-  Podium: Q2,
-  Power: N2,
-  Privacy: e8,
-  Question: t8,
-  RightArrow: n8,
+    disabled: s
+  }
+), w8 = {
+  Alert: O2,
+  Camera: k2,
+  DownArrow: W2,
+  Ban: V2,
+  Check: F2,
+  Controller: U2,
+  Elipses: H2,
+  Flag: K2,
+  Gear: G2,
+  Glass: q2,
+  Hdmi: Y2,
+  Laptop: J2,
+  LeftArrow: z2,
+  Light: X2,
+  Mic: f8,
+  Moon: Q2,
+  Playstation: N2,
+  Podium: e8,
+  Power: t8,
+  Privacy: n8,
+  Question: s8,
+  RightArrow: o8,
   RoomPC: c8,
-  Shade: s8,
-  Sun: o8,
-  UpArrow: r8,
-  VolDown: l8,
-  VolMute: i8,
-  VolUp: a8,
-  Wireless: u8,
-  X: d8,
-  Xbox: v8
+  Shade: r8,
+  Sun: l8,
+  UpArrow: i8,
+  VolDown: a8,
+  VolMute: u8,
+  VolUp: d8,
+  Wireless: v8,
+  X: h8,
+  Xbox: g8
 };
-function T6({
+function V6({
   name: t,
-  iconsDictionary: e = g8,
-  ...c
+  iconsDictionary: e = w8,
+  ...s
 }) {
-  const o = e[t] ?? null;
-  return o || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ n.jsx(T2, { multiIcon: o, ...c });
+  const c = e[t] ?? null;
+  return c || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ n.jsx(P2, { multiIcon: c, ...s });
 }
-const f8 = "_grid_1cmpp_1", w8 = "_header_1cmpp_11", p8 = "_content_1cmpp_17", x8 = "_footer_1cmpp_23", M8 = "_volume_1cmpp_29", c1 = {
-  grid: f8,
-  header: w8,
-  content: p8,
-  footer: x8,
-  volume: M8
-}, D6 = ({ header: t, footer: e, content: c, volume: o, showVolume: l }) => /* @__PURE__ */ n.jsxs("div", { className: c1.grid, children: [
-  /* @__PURE__ */ n.jsx("div", { className: c1.header, children: t }),
-  /* @__PURE__ */ n.jsx("div", { className: c1.content, children: c }),
-  l && /* @__PURE__ */ n.jsx("div", { className: c1.volume, children: o }),
-  /* @__PURE__ */ n.jsx("div", { className: c1.footer, children: e })
-] }), m8 = "_grid_11w5q_1", Z8 = "_header_11w5q_11", j8 = "_content_11w5q_17", d1 = {
-  grid: m8,
-  header: Z8,
-  content: j8,
+const p8 = "_grid_1cmpp_1", x8 = "_header_1cmpp_11", M8 = "_content_1cmpp_17", m8 = "_footer_1cmpp_23", Z8 = "_volume_1cmpp_29", o1 = {
+  grid: p8,
+  header: x8,
+  content: M8,
+  footer: m8,
+  volume: Z8
+}, k6 = ({ header: t, footer: e, content: s, volume: c, showVolume: l }) => /* @__PURE__ */ n.jsxs("div", { className: o1.grid, children: [
+  /* @__PURE__ */ n.jsx("div", { className: o1.header, children: t }),
+  /* @__PURE__ */ n.jsx("div", { className: o1.content, children: s }),
+  l && /* @__PURE__ */ n.jsx("div", { className: o1.volume, children: c }),
+  /* @__PURE__ */ n.jsx("div", { className: o1.footer, children: e })
+] }), j8 = "_grid_11w5q_1", C8 = "_header_11w5q_11", S8 = "_content_11w5q_17", h1 = {
+  grid: j8,
+  header: C8,
+  content: S8,
   "left-nav": "_left-nav_11w5q_23"
-}, P6 = ({ className: t, header: e, content: c, leftNav: o }) => /* @__PURE__ */ n.jsxs("div", { className: `${t} ${d1.grid}`, children: [
-  /* @__PURE__ */ n.jsx("div", { className: d1.header, children: e }),
-  o && /* @__PURE__ */ n.jsx("div", { className: d1.leftNav, children: o }),
-  /* @__PURE__ */ n.jsx("div", { className: d1.content, children: c })
-] }), C8 = "_grid_1uwfo_1", S8 = "_header_1uwfo_11", b8 = "_content_1uwfo_17", S1 = {
-  grid: C8,
-  header: S8,
-  content: b8
-}, O6 = ({ className: t, header: e, content: c }) => /* @__PURE__ */ n.jsxs("div", { className: `${t} ${S1.grid}`, children: [
-  /* @__PURE__ */ n.jsx("div", { className: S1.header, children: e }),
-  /* @__PURE__ */ n.jsx("div", { className: S1.content, children: c })
+}, F6 = ({ className: t, header: e, content: s, leftNav: c }) => /* @__PURE__ */ n.jsxs("div", { className: `${t} ${h1.grid}`, children: [
+  /* @__PURE__ */ n.jsx("div", { className: h1.header, children: e }),
+  c && /* @__PURE__ */ n.jsx("div", { className: h1.leftNav, children: c }),
+  /* @__PURE__ */ n.jsx("div", { className: h1.content, children: s })
+] }), b8 = "_grid_1uwfo_1", I8 = "_header_1uwfo_11", y8 = "_content_1uwfo_17", b1 = {
+  grid: b8,
+  header: I8,
+  content: y8
+}, U6 = ({ className: t, header: e, content: s }) => /* @__PURE__ */ n.jsxs("div", { className: `${t} ${b1.grid}`, children: [
+  /* @__PURE__ */ n.jsx("div", { className: b1.header, children: e }),
+  /* @__PURE__ */ n.jsx("div", { className: b1.content, children: s })
 ] });
-function V6() {
+function W6() {
   return console.log(location.pathname), location.pathname;
 }
-var I8 = /* @__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))(I8 || {});
-class F6 {
-  constructor(e, c) {
+var R8 = /* @__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))(R8 || {});
+class H6 {
+  constructor(e, s) {
     _(this, "path");
     _(this, "handler");
-    this.path = e, this.handler = c;
+    this.path = e, this.handler = s;
   }
 }
-const k6 = "$off";
-class U6 {
+const K6 = "$off";
+class G6 {
   constructor() {
     _(this, "name", "");
     _(this, "iconUrl", "");
     _(this, "channel", "");
   }
 }
-class W6 {
+class q6 {
   constructor() {
     _(this, "deviceKey");
     _(this, "deviceType");
   }
 }
-class H6 {
+class Y6 {
   constructor() {
     _(this, "deviceKey");
     _(this, "deviceType");
   }
 }
-class K6 {
+class J6 {
   constructor() {
     _(this, "currentShareText");
     _(this, "enabled");
@@ -3131,124 +3170,127 @@ class K6 {
   }
 }
 export {
-  H6 as AccessoryDeviceConfiguration,
-  v6 as Clock,
-  I8 as DaysOfWeek,
-  W6 as EnvironmentalDeviceConfiguration,
-  B6 as ErrorBox,
-  T2 as IconButton,
-  D2 as IconMultiAlert,
-  P2 as IconMultiBan,
-  O2 as IconMultiCamera,
-  V2 as IconMultiCheck,
-  F2 as IconMultiController,
-  k2 as IconMultiDownArrow,
-  U2 as IconMultiElipses,
-  W2 as IconMultiFlag,
-  H2 as IconMultiGear,
-  K2 as IconMultiGlass,
-  G2 as IconMultiHdmi,
-  q2 as IconMultiLaptop,
-  Y2 as IconMultiLeftArrow,
-  J2 as IconMultiLight,
-  z2 as IconMultiMoon,
-  X2 as IconMultiPlaystation,
-  Q2 as IconMultiPodium,
-  N2 as IconMultiPower,
-  e8 as IconMultiPrivacy,
-  t8 as IconMultiQuestion,
-  n8 as IconMultiRightArrow,
+  Y6 as AccessoryDeviceConfiguration,
+  f6 as Clock,
+  R8 as DaysOfWeek,
+  q6 as EnvironmentalDeviceConfiguration,
+  O6 as ErrorBox,
+  P2 as IconButton,
+  O2 as IconMultiAlert,
+  V2 as IconMultiBan,
+  k2 as IconMultiCamera,
+  F2 as IconMultiCheck,
+  U2 as IconMultiController,
+  W2 as IconMultiDownArrow,
+  H2 as IconMultiElipses,
+  K2 as IconMultiFlag,
+  G2 as IconMultiGear,
+  q2 as IconMultiGlass,
+  Y2 as IconMultiHdmi,
+  J2 as IconMultiLaptop,
+  z2 as IconMultiLeftArrow,
+  X2 as IconMultiLight,
+  Q2 as IconMultiMoon,
+  N2 as IconMultiPlaystation,
+  e8 as IconMultiPodium,
+  t8 as IconMultiPower,
+  n8 as IconMultiPrivacy,
+  s8 as IconMultiQuestion,
+  o8 as IconMultiRightArrow,
   c8 as IconMultiRoomPC,
-  s8 as IconMultiShade,
-  o8 as IconMultiSun,
-  r8 as IconMultiUpArrow,
-  l8 as IconMultiVolDown,
-  i8 as IconMultiVolMute,
-  a8 as IconMultiVolUp,
-  u8 as IconMultiWireless,
-  d8 as IconMultiX,
-  v8 as IconMultiXbox,
-  D6 as MainLayout,
-  F6 as MessageHandler,
-  n6 as MobileControlProvider,
-  x as MultiStateIconContainer,
-  T6 as NamedIconButton,
-  U6 as PresetChannel,
-  K6 as ShareState,
-  P6 as TechLayout,
-  O6 as TechPinLayout,
-  V6 as getBaseLocation,
-  b1 as httpClient,
-  k6 as roomOffSourceKey,
-  F as store,
-  A8 as uiActions,
-  v2 as uiReducer,
-  B8 as useApiPath,
-  g2 as useAppConfig,
-  m2 as useAppDispatch,
-  s6 as useAvrControl,
-  M2 as useClientId,
-  _2 as useDeviceIBasicVolumeWithFeedback,
-  o6 as useEndpoint,
-  L6 as useGetAllDeviceStateFromRoomConfiguration,
-  f2 as useGetAllDevices,
-  e6 as useGetCurrentPopoverIdForGroup,
+  r8 as IconMultiShade,
+  l8 as IconMultiSun,
+  i8 as IconMultiUpArrow,
+  a8 as IconMultiVolDown,
+  u8 as IconMultiVolMute,
+  d8 as IconMultiVolUp,
+  v8 as IconMultiWireless,
+  h8 as IconMultiX,
+  g8 as IconMultiXbox,
+  k6 as MainLayout,
+  H6 as MessageHandler,
+  c6 as MobileControlProvider,
+  M as MultiStateIconContainer,
+  V6 as NamedIconButton,
+  G6 as PresetChannel,
+  J6 as ShareState,
+  F6 as TechLayout,
+  U6 as TechPinLayout,
+  W6 as getBaseLocation,
+  E1 as httpClient,
+  K6 as roomOffSourceKey,
+  O as store,
+  B8 as uiActions,
+  h2 as uiReducer,
+  T8 as useApiPath,
+  f2 as useAppConfig,
+  j2 as useAppDispatch,
+  l6 as useAvrControl,
+  Z2 as useClientId,
+  $2 as useDeviceIBasicVolumeWithFeedback,
+  i6 as useEndpoint,
+  B6 as useGetAllDeviceStateFromRoomConfiguration,
+  w2 as useGetAllDevices,
+  s6 as useGetCurrentPopoverIdForGroup,
   L as useGetDevice,
-  c6 as useGetIBasicVolumeWithFeedback,
-  J8 as useGetRoomDisplayStates,
-  z8 as useGetZoomRoomControllerKey,
-  v3 as useIBasicVolumeWithFeedback,
-  r6 as useIChannelMessenger,
-  l6 as useIColor,
-  i6 as useICommunicationMonitor,
-  a6 as useIDPad,
-  u6 as useIDeviceInfoMessenger,
-  d6 as useIDvr,
-  h6 as useIEssentialsRoomCombiner,
-  h3 as useIHasPowerControl,
-  y1 as useIHasSelectableItems,
-  g6 as useILevelControls,
-  f6 as useILightingScenes,
-  w6 as useIMatrixRouting,
-  p6 as useIMcCiscoCodecUserInterfaceAppControl,
-  x6 as useINumeric,
-  M6 as useIProjectorScreenLiftControl,
-  m6 as useIRoomEventSchedule,
-  Z6 as useIRunDirectRouteAction,
-  j6 as useIRunRouteAction,
-  C6 as useISetTopBoxControls,
-  S6 as useIShadesOpenCloseStop,
-  b6 as useIShutdownPromptTimer,
-  I6 as useISwitchedOutput,
-  y6 as useITechPassword,
-  R6 as useITransport,
-  Z2 as useInitialize,
-  E6 as useMobileControlTouchpanelController,
-  E2 as usePressHoldRelease,
-  q8 as useRoomAdvancedSharingActive,
-  U8 as useRoomCodecContentDestinationKey,
-  T8 as useRoomConfiguration,
-  V8 as useRoomDestinationList,
-  O8 as useRoomDestinations,
-  F8 as useRoomEnvironmentalDevices,
-  $6 as useRoomIBasicVolumeWithFeedback,
-  W8 as useRoomInCall,
-  K8 as useRoomIsCoolingDown,
-  G8 as useRoomIsOn,
-  H8 as useRoomIsWarmingUp,
-  x2 as useRoomKey,
-  D8 as useRoomName,
-  k8 as useRoomProgramAudioDestinationKey,
-  Y8 as useRoomShareState,
-  P8 as useRoomSourceList,
-  R1 as useRoomState,
-  w2 as useRoomVolume,
-  Q8 as useShowIncomingCallModal,
-  N8 as useShowModal,
-  t6 as useShowPopoverById,
-  X8 as useShowShutdownModal,
-  A6 as useTimeAndDate,
-  _6 as useTwoWayDisplayBase,
-  y as useWebsocketContext,
-  p2 as useWsIsConnected
+  r6 as useGetIBasicVolumeWithFeedback,
+  Q8 as useGetRoomDisplayStates,
+  N8 as useGetZoomRoomControllerKey,
+  p3 as useIBasicVolumeWithFeedback,
+  a6 as useIChannelMessenger,
+  u6 as useIColor,
+  d6 as useICommunicationMonitor,
+  v6 as useIDPad,
+  h6 as useIDeviceInfoMessenger,
+  g6 as useIDvr,
+  w6 as useIEssentialsRoomCombiner,
+  x3 as useIHasPowerControl,
+  L1 as useIHasSelectableItems,
+  p6 as useILevelControls,
+  x6 as useILightingScenes,
+  M6 as useIMatrixRouting,
+  m6 as useIMcCiscoCodecUserInterfaceAppControl,
+  Z6 as useINumeric,
+  j6 as useIProjectorScreenLiftControl,
+  C6 as useIRoomEventSchedule,
+  D6 as useIRunDefaultPresentRoute,
+  S6 as useIRunDirectRouteAction,
+  b6 as useIRunRouteAction,
+  I6 as useISetTopBoxControls,
+  y6 as useIShadesOpenCloseStop,
+  R6 as useIShutdownPromptTimer,
+  E6 as useISwitchedOutput,
+  _6 as useITechPassword,
+  L6 as useITransport,
+  C2 as useInitialize,
+  $6 as useMobileControlTouchpanelController,
+  L2 as usePressHoldRelease,
+  z8 as useRoomAdvancedSharingActive,
+  K8 as useRoomCodecContentDestinationKey,
+  P8 as useRoomConfiguration,
+  U8 as useRoomDestinationList,
+  F8 as useRoomDestinations,
+  W8 as useRoomEnvironmentalDevices,
+  T6 as useRoomIBasicVolumeWithFeedback,
+  G8 as useRoomInCall,
+  Y8 as useRoomIsCoolingDown,
+  J8 as useRoomIsOn,
+  q8 as useRoomIsWarmingUp,
+  m2 as useRoomKey,
+  k8 as useRoomLevelControlList,
+  x2 as useRoomLevelControls,
+  O8 as useRoomName,
+  H8 as useRoomProgramAudioDestinationKey,
+  X8 as useRoomShareState,
+  V8 as useRoomSourceList,
+  $1 as useRoomState,
+  p2 as useRoomVolume,
+  t6 as useShowIncomingCallModal,
+  n6 as useShowModal,
+  o6 as useShowPopoverById,
+  e6 as useShowShutdownModal,
+  P6 as useTimeAndDate,
+  A6 as useTwoWayDisplayBase,
+  I as useWebsocketContext,
+  M2 as useWsIsConnected
 };