@pepperdash/mobile-control-react-app-core 1.7.0 → 1.9.0

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

@@ -1,12 +1,13 @@
-var U1 = Object.defineProperty;
-var H1 = (t, e, r) => e in t ? U1(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var _ = (t, e, r) => (H1(t, typeof e != "symbol" ? e + "" : e, r), r);
-import K1 from "axios";
-import { createSlice as o3, combineReducers as G1, configureStore as n1, createSelector as q1 } from "@reduxjs/toolkit";
-import { useSelector as Y1, useDispatch as J1, Provider as z1 } from "react-redux";
-import * as r1 from "lodash";
-import o1, { createContext as X1, useState as d3, useRef as r3, useCallback as a3, useEffect as n3, useContext as Q1 } from "react";
-const N1 = {
+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 = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -16,41 +17,41 @@ const N1 = {
     loginMode: "",
     modes: {}
   }
-}, s1 = o3({
+}, o3 = o1({
   name: "appConfig",
-  initialState: N1,
+  initialState: e2,
   reducers: {
     setAppConfig(t, e) {
       t.config = e.payload;
     }
   }
-}), e2 = s1.actions, t2 = s1.reducer, n2 = {}, c1 = o3({
+}), t2 = o3.actions, n2 = o3.reducer, c2 = {}, r3 = o1({
   name: "devices",
-  initialState: n2,
+  initialState: c2,
   reducers: {
     setDeviceState(t, e) {
-      const r = e.payload.type, s = r.slice(r.lastIndexOf("/") + 1);
-      if (!s)
+      const c = e.payload.type, o = c.slice(c.lastIndexOf("/") + 1);
+      if (!o)
         return;
-      const l = e.payload.content, a = t[s] ?? {}, u = r1.merge(a, l);
-      return t[s] = u, t;
+      const l = e.payload.content, i = t[o] ?? {}, d = c3.merge(i, l);
+      return t[o] = d, t;
     }
   }
-}), r2 = c1.actions, o2 = c1.reducer, s2 = {}, l1 = o3({
+}), s2 = r3.actions, o2 = r3.reducer, r2 = {}, l3 = o1({
   name: "rooms",
-  initialState: s2,
+  initialState: r2,
   reducers: {
     setRoomState(t, e) {
-      const r = e.payload.type, s = r.slice(r.lastIndexOf("/") + 1);
-      if (console.log(r, s), !s)
+      const c = e.payload.type, o = c.slice(c.lastIndexOf("/") + 1);
+      if (console.log(c, o), !o)
         return;
       const l = e.payload.content;
       console.log(l);
-      const a = t[s] ?? {}, u = r1.merge(a, l);
-      return t[s] = u, console.log(t), t;
+      const i = t[o] ?? {}, d = c3.merge(i, l);
+      return t[o] = d, console.log(t), t;
     }
   }
-}), c2 = l1.actions, l2 = l1.reducer, i2 = {
+}), l2 = l3.actions, i2 = l3.reducer, a2 = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -69,9 +70,9 @@ const N1 = {
     userCode: "",
     qrUrl: ""
   }
-}, i1 = o3({
+}, i3 = o1({
   name: "runtimeConfig",
-  initialState: i2,
+  initialState: a2,
   reducers: {
     setRuntimeConfig(t, e) {
       t.apiVersion = e.payload.apiVersion, t.serverIsRunningOnProcessorHardware = e.payload.serverIsRunningOnProcessorHardware;
@@ -95,15 +96,15 @@ const N1 = {
       t.roomData.userCode = e.payload.userCode, t.roomData.qrUrl = e.payload.qrUrl;
     }
   }
-}), K = i1.actions, a2 = i1.reducer, u2 = {
+}), K = i3.actions, u2 = i3.reducer, d2 = {
   modalVisibility: {
     showShutdownModal: !1,
     showIncomingCallModal: !1
   },
   popoverVisibility: {}
-}, a1 = o3({
+}, a3 = o1({
   name: "ui",
-  initialState: u2,
+  initialState: d2,
   reducers: {
     clearAllModals(t) {
       Object.entries(t.modalVisibility).forEach(([e]) => {
@@ -120,142 +121,142 @@ const N1 = {
       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(([r]) => {
-        t.popoverVisibility[e.payload.popoverGroup][r] = !1;
+      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][e.payload.popoverId] = e.payload.value;
     }
   }
-}), E8 = a1.actions, d2 = a1.reducer, u1 = G1({
-  appConfig: t2,
-  runtimeConfig: a2,
-  rooms: l2,
+}), A8 = a3.actions, v2 = a3.reducer, u3 = G3({
+  appConfig: n2,
+  runtimeConfig: u2,
+  rooms: i2,
   devices: o2,
-  ui: d2
-}), v2 = n1({
-  reducer: u1
-}), Z = Y1, h2 = () => Z((t) => t.appConfig.config), _8 = () => Z((t) => t.appConfig.config.apiPath), g2 = () => Z((t) => t.devices);
-function $(t) {
+  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);
+function L(t) {
   return Z((e) => e.devices[t] ? e.devices[t] : void 0);
 }
-const L8 = (t) => Z(
+const T8 = (t) => Z(
   (e) => {
-    var r;
-    return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.configuration : void 0;
+    var c;
+    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.configuration : void 0;
   }
-), R3 = (t) => Z(
+), R1 = (t) => Z(
   (e) => e.rooms[t] ? e.rooms[t] : void 0
-), $8 = (t) => Z(
+), D8 = (t) => Z(
   (e) => {
-    var r;
-    return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.name : void 0;
+    var c;
+    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.name : void 0;
   }
-), f2 = (t, e) => Z(
-  (r) => {
-    var s;
-    return r.rooms[t] ? (s = r.rooms[t]) == null ? void 0 : s.volumes[e] : 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;
   }
-), A8 = (t) => Z(
+), P8 = (t) => Z(
   (e) => {
-    var r, s;
-    return e.rooms[t] ? (s = (r = e.rooms[t]) == null ? void 0 : r.configuration) == null ? void 0 : s.sourceList : void 0;
+    var c, o;
+    return e.rooms[t] ? (o = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : o.sourceList : void 0;
   }
-), B8 = (t) => Z(
+), O8 = (t) => Z(
   (e) => {
-    var r, s;
-    return e.rooms[t] ? (s = (r = e.rooms[t]) == null ? void 0 : r.configuration) == null ? void 0 : s.destinations : void 0;
+    var c, o;
+    return e.rooms[t] ? (o = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : o.destinations : void 0;
   }
-), T8 = (t) => Z(
+), V8 = (t) => Z(
   (e) => {
-    var r, s;
-    return e.rooms[t] ? (s = (r = e.rooms[t]) == null ? void 0 : r.configuration) == null ? void 0 : s.destinationList : void 0;
+    var c, o;
+    return e.rooms[t] ? (o = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : o.destinationList : void 0;
   }
-), D8 = (t) => Z(
+), F8 = (t) => Z(
   (e) => {
-    var r, s;
-    return e.rooms[t] ? (s = (r = e.rooms[t]) == null ? void 0 : r.configuration) == null ? void 0 : s.environmentalDevices : void 0;
+    var c, o;
+    return e.rooms[t] ? (o = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : o.environmentalDevices : void 0;
   }
-), P8 = (t) => Z(
+), k8 = (t) => Z(
   (e) => {
-    var r, s, l, a, u, f, d, C;
-    return (s = (r = e.rooms[t]) == null ? void 0 : r.configuration) != null && s.destinationList.programAudio ? (u = (a = (l = e.rooms[t]) == null ? void 0 : l.configuration) == null ? void 0 : a.destinationList.programAudio) == null ? void 0 : u.sinkKey : ((C = (d = (f = e.rooms[t]) == null ? void 0 : f.configuration) == null ? void 0 : d.destinationList.defaultDisplay) == null ? void 0 : C.sinkKey) || "";
+    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) || "";
   }
-), O8 = (t) => Z(
+), U8 = (t) => Z(
   (e) => {
-    var r, s, l;
-    return e.rooms[t] ? (l = (s = (r = e.rooms[t]) == null ? void 0 : r.configuration) == null ? void 0 : s.destinationList.codecContent) == null ? void 0 : l.sinkKey : void 0;
+    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;
   }
-), V8 = (t) => Z(
+), W8 = (t) => Z(
   (e) => {
-    var r;
-    return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.isInCall : void 0;
+    var c;
+    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.isInCall : void 0;
   }
-), F8 = (t) => Z(
+), H8 = (t) => Z(
   (e) => {
-    var r;
-    return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.isWarmingUp : void 0;
+    var c;
+    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.isWarmingUp : void 0;
   }
-), k8 = (t) => Z(
+), K8 = (t) => Z(
   (e) => {
-    var r;
-    return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.isCoolingDown : void 0;
+    var c;
+    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.isCoolingDown : void 0;
   }
-), W8 = (t) => Z(
+), G8 = (t) => Z(
   (e) => {
-    var r;
-    return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.isOn : void 0;
+    var c;
+    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.isOn : void 0;
   }
-), U8 = (t) => Z(
+), q8 = (t) => Z(
   (e) => {
-    var r;
-    return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.advancedSharingActive : void 0;
+    var c;
+    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.advancedSharingActive : void 0;
   }
-), H8 = (t) => Z(
+), Y8 = (t) => Z(
   (e) => {
-    var r;
-    return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.share : void 0;
+    var c;
+    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.share : void 0;
   }
-), K8 = (t) => q1(
+), J8 = (t) => q3(
   [
-    (e, r) => r,
-    g2,
+    (e, c) => c,
+    f2,
     (e) => {
-      var r, s;
-      return (s = (r = e.rooms[t]) == null ? void 0 : r.configuration) == null ? void 0 : s.destinations;
+      var c, o;
+      return (o = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : o.destinations;
     }
   ],
-  (e, r, s) => {
-    if (console.log("roomKey", e), console.log("devices", r), console.log("destinations", s), !s)
+  (e, c, o) => {
+    if (console.log("roomKey", e), console.log("devices", c), console.log("destinations", o), !o)
       return;
-    const l = Object.entries(s).filter(([u]) => u !== "programAudio" && u !== "codecContent").map(([, u]) => u);
-    return Object.values(r).filter((u) => Object.values(l).includes(u.key));
+    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));
   }
-)(v2.getState(), t), G8 = (t) => Z(
+)(h2.getState(), t), z8 = (t) => Z(
   (e) => {
-    var r, s;
-    return e.rooms[t] ? (s = (r = e.rooms[t]) == null ? void 0 : r.configuration) == null ? void 0 : s.zoomRoomControllerKey : void 0;
-  }
-), w2 = () => Z((t) => t.runtimeConfig.websocket.isConnected), p2 = () => Z((t) => t.runtimeConfig.roomData.roomKey), x2 = () => Z((t) => t.runtimeConfig.roomData.clientId), q8 = () => Z((t) => t.ui.modalVisibility.showShutdownModal), Y8 = () => Z((t) => t.ui.modalVisibility.showIncomingCallModal), J8 = (t) => Z((e) => e.ui.modalVisibility[t]), z8 = (t) => Z((e) => {
-  const r = e.ui.popoverVisibility[t];
-  if (r)
-    return Object.keys(r).find((s) => r[s]);
-}), X8 = (t, e) => Z((r) => {
-  var s;
-  return (s = r.ui.popoverVisibility[t]) == null ? void 0 : s[e];
-}), F = n1({
-  reducer: u1
-}), M2 = J1, b3 = K1.create();
-function m2() {
-  const t = M2();
+    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();
   return async () => {
     try {
       const e = location.pathname.split("/").filter((l) => l.length > 0);
       e.length >= 5 ? e.length = 5 : e.length = 2;
-      const r = `/${e.join("/")}`, s = await b3.get("/_local-config/_config.local.json", { baseURL: r });
-      if (s.status == 200 && s.data) {
-        const l = s.data.apiPath;
-        t(e2.setAppConfig(s.data));
-        const a = await b3.get(`${l}/version`);
-        a.status == 200 && a.data && t(K.setRuntimeConfig(a.data));
+      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`);
+        i.status == 200 && i.data && t(K.setRuntimeConfig(i.data));
       }
     } catch (e) {
       console.error("Error getting config", e);
@@ -263,7 +264,7 @@ function m2() {
     return !0;
   };
 }
-var I3 = { exports: {} }, N = {};
+var I1 = { exports: {} }, t1 = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -273,89 +274,89 @@ var I3 = { exports: {} }, N = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var N3;
-function Z2() {
-  return N3 || (N3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = o1, e = Symbol.for("react.element"), r = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), f = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), V = Symbol.iterator, G = "@@iterator";
-    function q(o) {
-      if (o === null || typeof o != "object")
+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")
         return null;
-      var c = V && o[V] || o[G];
-      return typeof c == "function" ? c : null;
+      var r = V && s[V] || s[Y];
+      return typeof r == "function" ? r : null;
     }
     var m = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function g(o) {
+    function g(s) {
       {
-        for (var c = arguments.length, i = new Array(c > 1 ? c - 1 : 0), v = 1; v < c; v++)
-          i[v - 1] = arguments[v];
-        O("error", o, i);
+        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);
       }
     }
-    function O(o, c, i) {
+    function O(s, r, a) {
       {
-        var v = m.ReactDebugCurrentFrame, x = v.getStackAddendum();
-        x !== "" && (c += "%s", i = i.concat([x]));
-        var j = i.map(function(p) {
+        var v = m.ReactDebugCurrentFrame, M = v.getStackAddendum();
+        M !== "" && (r += "%s", a = a.concat([M]));
+        var j = a.map(function(p) {
           return String(p);
         });
-        j.unshift("Warning: " + c), Function.prototype.apply.call(console[o], console, j);
+        j.unshift("Warning: " + r), Function.prototype.apply.call(console[s], console, j);
       }
     }
-    var Y = !1, R = !1, J = !1, v3 = !1, h3 = !1, E3;
-    E3 = Symbol.for("react.module.reference");
-    function g1(o) {
-      return !!(typeof o == "string" || typeof o == "function" || o === s || o === a || h3 || o === l || o === C || o === S || v3 || o === T || Y || R || J || typeof o == "object" && o !== null && (o.$$typeof === A || o.$$typeof === b || o.$$typeof === u || o.$$typeof === f || o.$$typeof === d || // This needs to include all possible module reference object
+    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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      o.$$typeof === E3 || o.getModuleId !== void 0));
+      s.$$typeof === E1 || s.getModuleId !== void 0));
     }
-    function f1(o, c, i) {
-      var v = o.displayName;
+    function f3(s, r, a) {
+      var v = s.displayName;
       if (v)
         return v;
-      var x = c.displayName || c.name || "";
-      return x !== "" ? i + "(" + x + ")" : i;
+      var M = r.displayName || r.name || "";
+      return M !== "" ? a + "(" + M + ")" : a;
     }
-    function _3(o) {
-      return o.displayName || "Context";
+    function _1(s) {
+      return s.displayName || "Context";
     }
-    function P(o) {
-      if (o == null)
+    function P(s) {
+      if (s == null)
         return null;
-      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 s:
+      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";
-        case r:
+        case c:
           return "Portal";
-        case a:
+        case i:
           return "Profiler";
         case l:
           return "StrictMode";
-        case C:
-          return "Suspense";
         case S:
+          return "Suspense";
+        case C:
           return "SuspenseList";
       }
-      if (typeof o == "object")
-        switch (o.$$typeof) {
+      if (typeof s == "object")
+        switch (s.$$typeof) {
           case f:
-            var c = o;
-            return _3(c) + ".Consumer";
-          case u:
-            var i = o;
-            return _3(i._context) + ".Provider";
+            var r = s;
+            return _1(r) + ".Consumer";
           case d:
-            return f1(o, o.render, "ForwardRef");
+            var a = s;
+            return _1(a._context) + ".Provider";
+          case u:
+            return f3(s, s.render, "ForwardRef");
           case b:
-            var v = o.displayName || null;
-            return v !== null ? v : P(o.type) || "Memo";
+            var v = s.displayName || null;
+            return v !== null ? v : P(s.type) || "Memo";
           case A: {
-            var x = o, j = x._payload, p = x._init;
+            var M = s, j = M._payload, p = M._init;
             try {
               return P(p(j));
             } catch {
@@ -365,103 +366,103 @@ function Z2() {
         }
       return null;
     }
-    var k = Object.assign, z = 0, L3, $3, A3, B3, T3, D3, P3;
-    function O3() {
+    var k = Object.assign, Q = 0, L1, $1, A1, B1, T1, D1, P1;
+    function O1() {
     }
-    O3.__reactDisabledLog = !0;
-    function w1() {
+    O1.__reactDisabledLog = !0;
+    function w3() {
       {
-        if (z === 0) {
-          L3 = console.log, $3 = console.info, A3 = console.warn, B3 = console.error, T3 = console.group, D3 = console.groupCollapsed, P3 = console.groupEnd;
-          var o = {
+        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 = {
             configurable: !0,
             enumerable: !0,
-            value: O3,
+            value: O1,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: o,
-            log: o,
-            warn: o,
-            error: o,
-            group: o,
-            groupCollapsed: o,
-            groupEnd: o
+            info: s,
+            log: s,
+            warn: s,
+            error: s,
+            group: s,
+            groupCollapsed: s,
+            groupEnd: s
           });
         }
-        z++;
+        Q++;
       }
     }
-    function p1() {
+    function p3() {
       {
-        if (z--, z === 0) {
-          var o = {
+        if (Q--, Q === 0) {
+          var s = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: k({}, o, {
-              value: L3
+            log: k({}, s, {
+              value: L1
             }),
-            info: k({}, o, {
-              value: $3
+            info: k({}, s, {
+              value: $1
             }),
-            warn: k({}, o, {
-              value: A3
+            warn: k({}, s, {
+              value: A1
             }),
-            error: k({}, o, {
-              value: B3
+            error: k({}, s, {
+              value: B1
             }),
-            group: k({}, o, {
-              value: T3
+            group: k({}, s, {
+              value: T1
             }),
-            groupCollapsed: k({}, o, {
-              value: D3
+            groupCollapsed: k({}, s, {
+              value: D1
             }),
-            groupEnd: k({}, o, {
-              value: P3
+            groupEnd: k({}, s, {
+              value: P1
             })
           });
         }
-        z < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Q < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var g3 = m.ReactCurrentDispatcher, f3;
-    function s3(o, c, i) {
+    var g1 = m.ReactCurrentDispatcher, f1;
+    function r1(s, r, a) {
       {
-        if (f3 === void 0)
+        if (f1 === void 0)
           try {
             throw Error();
-          } catch (x) {
-            var v = x.stack.trim().match(/\n( *(at )?)/);
-            f3 = v && v[1] || "";
+          } catch (M) {
+            var v = M.stack.trim().match(/\n( *(at )?)/);
+            f1 = v && v[1] || "";
           }
         return `
-` + f3 + o;
+` + f1 + s;
       }
     }
-    var w3 = !1, c3;
+    var w1 = !1, l1;
     {
-      var x1 = typeof WeakMap == "function" ? WeakMap : Map;
-      c3 = new x1();
+      var x3 = typeof WeakMap == "function" ? WeakMap : Map;
+      l1 = new x3();
     }
-    function V3(o, c) {
-      if (!o || w3)
+    function V1(s, r) {
+      if (!s || w1)
         return "";
       {
-        var i = c3.get(o);
-        if (i !== void 0)
-          return i;
+        var a = l1.get(s);
+        if (a !== void 0)
+          return a;
       }
       var v;
-      w3 = !0;
-      var x = Error.prepareStackTrace;
+      w1 = !0;
+      var M = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var j;
-      j = g3.current, g3.current = null, w1();
+      j = g1.current, g1.current = null, w3();
       try {
-        if (c) {
+        if (r) {
           var p = function() {
             throw Error();
           };
@@ -475,14 +476,14 @@ function Z2() {
             } catch (B) {
               v = B;
             }
-            Reflect.construct(o, [], p);
+            Reflect.construct(s, [], p);
           } else {
             try {
               p.call();
             } catch (B) {
               v = B;
             }
-            o.call(p.prototype);
+            s.call(p.prototype);
           }
         } else {
           try {
@@ -490,179 +491,179 @@ function Z2() {
           } catch (B) {
             v = B;
           }
-          o();
+          s();
         }
       } catch (B) {
         if (B && v && typeof B.stack == "string") {
           for (var w = B.stack.split(`
-`), L = v.stack.split(`
-`), I = w.length - 1, y = L.length - 1; I >= 1 && y >= 0 && w[I] !== L[y]; )
-            y--;
-          for (; I >= 1 && y >= 0; I--, y--)
-            if (w[I] !== L[y]) {
-              if (I !== 1 || y !== 1)
+`), $ = v.stack.split(`
+`), I = w.length - 1, R = $.length - 1; I >= 1 && R >= 0 && w[I] !== $[R]; )
+            R--;
+          for (; I >= 1 && R >= 0; I--, R--)
+            if (w[I] !== $[R]) {
+              if (I !== 1 || R !== 1)
                 do
-                  if (I--, y--, y < 0 || w[I] !== L[y]) {
+                  if (I--, R--, R < 0 || w[I] !== $[R]) {
                     var D = `
 ` + w[I].replace(" at new ", " at ");
-                    return o.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", o.displayName)), typeof o == "function" && c3.set(o, D), D;
+                    return s.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", s.displayName)), typeof s == "function" && l1.set(s, D), D;
                   }
-                while (I >= 1 && y >= 0);
+                while (I >= 1 && R >= 0);
               break;
             }
         }
       } finally {
-        w3 = !1, g3.current = j, p1(), Error.prepareStackTrace = x;
+        w1 = !1, g1.current = j, p3(), Error.prepareStackTrace = M;
       }
-      var H = o ? o.displayName || o.name : "", W = H ? s3(H) : "";
-      return typeof o == "function" && c3.set(o, W), W;
+      var H = s ? s.displayName || s.name : "", U = H ? r1(H) : "";
+      return typeof s == "function" && l1.set(s, U), U;
     }
-    function M1(o, c, i) {
-      return V3(o, !1);
+    function M3(s, r, a) {
+      return V1(s, !1);
     }
-    function m1(o) {
-      var c = o.prototype;
-      return !!(c && c.isReactComponent);
+    function m3(s) {
+      var r = s.prototype;
+      return !!(r && r.isReactComponent);
     }
-    function l3(o, c, i) {
-      if (o == null)
+    function i1(s, r, a) {
+      if (s == null)
         return "";
-      if (typeof o == "function")
-        return V3(o, m1(o));
-      if (typeof o == "string")
-        return s3(o);
-      switch (o) {
-        case C:
-          return s3("Suspense");
+      if (typeof s == "function")
+        return V1(s, m3(s));
+      if (typeof s == "string")
+        return r1(s);
+      switch (s) {
         case S:
-          return s3("SuspenseList");
+          return r1("Suspense");
+        case C:
+          return r1("SuspenseList");
       }
-      if (typeof o == "object")
-        switch (o.$$typeof) {
-          case d:
-            return M1(o.render);
+      if (typeof s == "object")
+        switch (s.$$typeof) {
+          case u:
+            return M3(s.render);
           case b:
-            return l3(o.type, c, i);
+            return i1(s.type, r, a);
           case A: {
-            var v = o, x = v._payload, j = v._init;
+            var v = s, M = v._payload, j = v._init;
             try {
-              return l3(j(x), c, i);
+              return i1(j(M), r, a);
             } catch {
             }
           }
         }
       return "";
     }
-    var X = Object.prototype.hasOwnProperty, F3 = {}, k3 = m.ReactDebugCurrentFrame;
-    function i3(o) {
-      if (o) {
-        var c = o._owner, i = l3(o.type, o._source, c ? c.type : null);
-        k3.setExtraStackFrame(i);
+    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);
       } else
-        k3.setExtraStackFrame(null);
+        k1.setExtraStackFrame(null);
     }
-    function Z1(o, c, i, v, x) {
+    function Z3(s, r, a, v, M) {
       {
-        var j = Function.call.bind(X);
-        for (var p in o)
-          if (j(o, p)) {
+        var j = Function.call.bind(N);
+        for (var p in s)
+          if (j(s, p)) {
             var w = void 0;
             try {
-              if (typeof o[p] != "function") {
-                var L = Error((v || "React class") + ": " + i + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw L.name = "Invariant Violation", L;
+              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`.");
+                throw $.name = "Invariant Violation", $;
               }
-              w = o[p](c, p, v, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              w = s[p](r, p, v, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (I) {
               w = I;
             }
-            w && !(w instanceof Error) && (i3(x), 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", i, p, typeof w), i3(null)), w instanceof Error && !(w.message in F3) && (F3[w.message] = !0, i3(x), g("Failed %s type: %s", i, w.message), i3(null));
+            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));
           }
       }
     }
-    var j1 = Array.isArray;
-    function p3(o) {
-      return j1(o);
+    var j3 = Array.isArray;
+    function p1(s) {
+      return j3(s);
     }
-    function S1(o) {
+    function C3(s) {
       {
-        var c = typeof Symbol == "function" && Symbol.toStringTag, i = c && o[Symbol.toStringTag] || o.constructor.name || "Object";
-        return i;
+        var r = typeof Symbol == "function" && Symbol.toStringTag, a = r && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return a;
       }
     }
-    function C1(o) {
+    function S3(s) {
       try {
-        return W3(o), !1;
+        return U1(s), !1;
       } catch {
         return !0;
       }
     }
-    function W3(o) {
-      return "" + o;
+    function U1(s) {
+      return "" + s;
     }
-    function U3(o) {
-      if (C1(o))
-        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", S1(o)), W3(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);
     }
-    var Q = m.ReactCurrentOwner, b1 = {
+    var e1 = m.ReactCurrentOwner, b3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, H3, K3, x3;
-    x3 = {};
-    function I1(o) {
-      if (X.call(o, "ref")) {
-        var c = Object.getOwnPropertyDescriptor(o, "ref").get;
-        if (c && c.isReactWarning)
+    }, H1, K1, x1;
+    x1 = {};
+    function I3(s) {
+      if (N.call(s, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(s, "ref").get;
+        if (r && r.isReactWarning)
           return !1;
       }
-      return o.ref !== void 0;
+      return s.ref !== void 0;
     }
-    function y1(o) {
-      if (X.call(o, "key")) {
-        var c = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (c && c.isReactWarning)
+    function y3(s) {
+      if (N.call(s, "key")) {
+        var r = Object.getOwnPropertyDescriptor(s, "key").get;
+        if (r && r.isReactWarning)
           return !1;
       }
-      return o.key !== void 0;
+      return s.key !== void 0;
     }
-    function R1(o, c) {
-      if (typeof o.ref == "string" && Q.current && c && Q.current.stateNode !== c) {
-        var i = P(Q.current.type);
-        x3[i] || (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(Q.current.type), o.ref), x3[i] = !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 E1(o, c) {
+    function E3(s, r) {
       {
-        var i = function() {
-          H3 || (H3 = !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)", c));
+        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));
         };
-        i.isReactWarning = !0, Object.defineProperty(o, "key", {
-          get: i,
+        a.isReactWarning = !0, Object.defineProperty(s, "key", {
+          get: a,
           configurable: !0
         });
       }
     }
-    function _1(o, c) {
+    function _3(s, r) {
       {
-        var i = function() {
-          K3 || (K3 = !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)", c));
+        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));
         };
-        i.isReactWarning = !0, Object.defineProperty(o, "ref", {
-          get: i,
+        a.isReactWarning = !0, Object.defineProperty(s, "ref", {
+          get: a,
           configurable: !0
         });
       }
     }
-    var L1 = function(o, c, i, v, x, j, p) {
+    var L3 = function(s, r, a, v, M, j, p) {
       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: o,
-        key: c,
-        ref: i,
+        type: s,
+        key: r,
+        ref: a,
         props: p,
         // Record the component responsible for creating this element.
         _owner: j
@@ -681,201 +682,201 @@ function Z2() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: x
+        value: M
       }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w;
     };
-    function $1(o, c, i, v, x) {
+    function $3(s, r, a, v, M) {
       {
-        var j, p = {}, w = null, L = null;
-        i !== void 0 && (U3(i), w = "" + i), y1(c) && (U3(c.key), w = "" + c.key), I1(c) && (L = c.ref, R1(c, x));
-        for (j in c)
-          X.call(c, j) && !b1.hasOwnProperty(j) && (p[j] = c[j]);
-        if (o && o.defaultProps) {
-          var I = o.defaultProps;
+        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]);
         }
-        if (w || L) {
-          var y = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
-          w && E1(p, y), L && _1(p, y);
+        if (w || $) {
+          var R = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
+          w && E3(p, R), $ && _3(p, R);
         }
-        return L1(o, w, L, x, v, Q.current, p);
+        return L3(s, w, $, M, v, e1.current, p);
       }
     }
-    var M3 = m.ReactCurrentOwner, G3 = m.ReactDebugCurrentFrame;
-    function U(o) {
-      if (o) {
-        var c = o._owner, i = l3(o.type, o._source, c ? c.type : null);
-        G3.setExtraStackFrame(i);
+    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);
       } else
-        G3.setExtraStackFrame(null);
+        G1.setExtraStackFrame(null);
     }
-    var m3;
-    m3 = !1;
-    function Z3(o) {
-      return typeof o == "object" && o !== null && o.$$typeof === e;
+    var m1;
+    m1 = !1;
+    function Z1(s) {
+      return typeof s == "object" && s !== null && s.$$typeof === e;
     }
-    function q3() {
+    function q1() {
       {
-        if (M3.current) {
-          var o = P(M3.current.type);
-          if (o)
+        if (M1.current) {
+          var s = P(M1.current.type);
+          if (s)
             return `
 
-Check the render method of \`` + o + "`.";
+Check the render method of \`` + s + "`.";
         }
         return "";
       }
     }
-    function A1(o) {
+    function A3(s) {
       {
-        if (o !== void 0) {
-          var c = o.fileName.replace(/^.*[\\\/]/, ""), i = o.lineNumber;
+        if (s !== void 0) {
+          var r = s.fileName.replace(/^.*[\\\/]/, ""), a = s.lineNumber;
           return `
 
-Check your code at ` + c + ":" + i + ".";
+Check your code at ` + r + ":" + a + ".";
         }
         return "";
       }
     }
-    var Y3 = {};
-    function B1(o) {
+    var Y1 = {};
+    function B3(s) {
       {
-        var c = q3();
-        if (!c) {
-          var i = typeof o == "string" ? o : o.displayName || o.name;
-          i && (c = `
+        var r = q1();
+        if (!r) {
+          var a = typeof s == "string" ? s : s.displayName || s.name;
+          a && (r = `
 
-Check the top-level render call using <` + i + ">.");
+Check the top-level render call using <` + a + ">.");
         }
-        return c;
+        return r;
       }
     }
-    function J3(o, c) {
+    function J1(s, r) {
       {
-        if (!o._store || o._store.validated || o.key != null)
+        if (!s._store || s._store.validated || s.key != null)
           return;
-        o._store.validated = !0;
-        var i = B1(c);
-        if (Y3[i])
+        s._store.validated = !0;
+        var a = B3(r);
+        if (Y1[a])
           return;
-        Y3[i] = !0;
+        Y1[a] = !0;
         var v = "";
-        o && o._owner && o._owner !== M3.current && (v = " It was passed a child from " + P(o._owner.type) + "."), U(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.', i, v), U(null);
+        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);
       }
     }
-    function z3(o, c) {
+    function z1(s, r) {
       {
-        if (typeof o != "object")
+        if (typeof s != "object")
           return;
-        if (p3(o))
-          for (var i = 0; i < o.length; i++) {
-            var v = o[i];
-            Z3(v) && J3(v, c);
+        if (p1(s))
+          for (var a = 0; a < s.length; a++) {
+            var v = s[a];
+            Z1(v) && J1(v, r);
           }
-        else if (Z3(o))
-          o._store && (o._store.validated = !0);
-        else if (o) {
-          var x = q(o);
-          if (typeof x == "function" && x !== o.entries)
-            for (var j = x.call(o), p; !(p = j.next()).done; )
-              Z3(p.value) && J3(p.value, c);
+        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);
         }
       }
     }
-    function T1(o) {
+    function T3(s) {
       {
-        var c = o.type;
-        if (c == null || typeof c == "string")
+        var r = s.type;
+        if (r == null || typeof r == "string")
           return;
-        var i;
-        if (typeof c == "function")
-          i = c.propTypes;
-        else if (typeof c == "object" && (c.$$typeof === d || // Note: Memo only checks outer props here.
+        var a;
+        if (typeof r == "function")
+          a = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        c.$$typeof === b))
-          i = c.propTypes;
+        r.$$typeof === b))
+          a = r.propTypes;
         else
           return;
-        if (i) {
-          var v = P(c);
-          Z1(i, o.props, "prop", v, o);
-        } else if (c.PropTypes !== void 0 && !m3) {
-          m3 = !0;
-          var x = P(c);
-          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
-        }
-        typeof c.getDefaultProps == "function" && !c.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        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");
+        }
+        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 D1(o) {
+    function D3(s) {
       {
-        for (var c = Object.keys(o.props), i = 0; i < c.length; i++) {
-          var v = c[i];
+        for (var r = Object.keys(s.props), a = 0; a < r.length; a++) {
+          var v = r[a];
           if (v !== "children" && v !== "key") {
-            U(o), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), U(null);
+            W(s), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), W(null);
             break;
           }
         }
-        o.ref !== null && (U(o), g("Invalid attribute `ref` supplied to `React.Fragment`."), U(null));
+        s.ref !== null && (W(s), g("Invalid attribute `ref` supplied to `React.Fragment`."), W(null));
       }
     }
-    var X3 = {};
-    function Q3(o, c, i, v, x, j) {
+    var X1 = {};
+    function Q1(s, r, a, v, M, j) {
       {
-        var p = g1(o);
+        var p = g3(s);
         if (!p) {
           var 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 L = A1(x);
-          L ? w += L : w += q3();
+          (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;
-          o === null ? I = "null" : p3(o) ? I = "array" : o !== void 0 && o.$$typeof === e ? (I = "<" + (P(o.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : I = 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", I, w);
+          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);
         }
-        var y = $1(o, c, i, x, j);
-        if (y == null)
-          return y;
+        var R = $3(s, r, a, M, j);
+        if (R == null)
+          return R;
         if (p) {
-          var D = c.children;
+          var D = r.children;
           if (D !== void 0)
             if (v)
-              if (p3(D)) {
+              if (p1(D)) {
                 for (var H = 0; H < D.length; H++)
-                  z3(D[H], o);
+                  z1(D[H], s);
                 Object.freeze && Object.freeze(D);
               } 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
-              z3(D, o);
-        }
-        if (X.call(c, "key")) {
-          var W = P(o), B = Object.keys(c).filter(function(W1) {
-            return W1 !== "key";
-          }), j3 = B.length > 0 ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!X3[W + j3]) {
-            var k1 = B.length > 0 ? "{" + B.join(": ..., ") + ": ...}" : "{}";
+              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(": ..., ") + ": ...}" : "{}";
             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} />`, j3, W, k1, W), X3[W + j3] = !0;
+  <%s key={someKey} {...props} />`, j1, U, k3, U), X1[U + j1] = !0;
           }
         }
-        return o === s ? D1(y) : T1(y), y;
+        return s === o ? D3(R) : T3(R), R;
       }
     }
-    function P1(o, c, i) {
-      return Q3(o, c, i, !0);
+    function P3(s, r, a) {
+      return Q1(s, r, a, !0);
     }
-    function O1(o, c, i) {
-      return Q3(o, c, i, !1);
+    function O3(s, r, a) {
+      return Q1(s, r, a, !1);
     }
-    var V1 = O1, F1 = P1;
-    N.Fragment = s, N.jsx = V1, N.jsxs = F1;
-  }()), N;
+    var V3 = O3, F3 = P3;
+    t1.Fragment = o, t1.jsx = V3, t1.jsxs = F3;
+  }()), t1;
 }
-var e3 = {};
+var n1 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -885,31 +886,31 @@ var e3 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var e1;
-function j2() {
-  if (e1)
-    return e3;
-  e1 = 1;
-  var t = o1, e = Symbol.for("react.element"), r = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, l = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(f, d, C) {
-    var S, b = {}, A = null, T = null;
-    C !== void 0 && (A = "" + C), d.key !== void 0 && (A = "" + d.key), d.ref !== void 0 && (T = d.ref);
-    for (S in d)
-      s.call(d, S) && !a.hasOwnProperty(S) && (b[S] = d[S]);
+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]);
     if (f && f.defaultProps)
-      for (S in d = f.defaultProps, d)
-        b[S] === void 0 && (b[S] = d[S]);
+      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 };
   }
-  return e3.Fragment = r, e3.jsx = u, e3.jsxs = u, e3;
+  return n1.Fragment = c, n1.jsx = d, n1.jsxs = d, n1;
 }
-process.env.NODE_ENV === "production" ? I3.exports = j2() : I3.exports = Z2();
-var n = I3.exports;
+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: [
   /* @__PURE__ */ n.jsx("h1", { children: "Disconnected" }),
   /* @__PURE__ */ n.jsx("p", { children: "Reconnecting..." })
 ] }) });
-class C2 {
+class b2 {
   constructor() {
     _(this, "uuid", "current-uuid");
     _(this, "roomKey", "current-room-key");
@@ -917,177 +918,177 @@ class C2 {
     _(this, "expiry", "current-uuid-expires");
   }
 }
-const t1 = new C2(), d1 = X1({
+const t3 = new b2(), d3 = X3({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
   removeEventHandler: () => null
 });
-function b2(t) {
+function I2(t) {
   return sessionStorage.getItem(t) || "";
 }
-function I2(t, e) {
+function y2(t, e) {
   sessionStorage.setItem(t, e);
 }
-const y2 = ({ children: t }) => {
-  const [e, r] = d3(), s = w2(), l = p2(), a = x2(), u = m2(), f = h2(), d = r3(null), [C, S] = d3(), b = r3({}), A = a3(
+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 b3.get(`${m}/ui/joinroom?token=${e}`).then((g) => {
+      await b1.get(`${m}/ui/joinroom?token=${e}`).then((g) => {
         g.status === 200 && g.data && F.dispatch(K.setRoomData(g.data));
       }).catch((g) => {
-        console.log(g);
+        console.log(g), g.repsonse && g.response.status === 498 && console.error("Invalid token. Unable to join room");
       });
     },
     [e]
-  ), T = a3(
+  ), T = u1(
     (m, g) => {
-      d.current && s && d.current.send(JSON.stringify({ type: m, clientId: a, content: g }));
+      u.current && o && u.current.send(JSON.stringify({ type: m, clientId: i, content: g }));
     },
-    [s, a]
+    [o, i]
   ), V = (m, g) => {
     T(m, { value: g });
-  }, G = a3(
+  }, Y = u1(
     (m, g, O) => {
       b.current[m] || (b.current[m] = {}), b.current[m][g] = O, console.log("event handler added", m, g);
     },
     []
-  ), q = a3(
+  ), J = u1(
     (m, g) => {
       b.current[m] && (delete b.current[m][g], console.log("event handler removed", m, g));
     },
     []
   );
-  return n3(() => {
+  return G(() => {
     let g = new URLSearchParams(window.location.search).get("token");
-    g ? (console.log("saving token: ", g), I2(t1.uuid, g)) : (g = b2(t1.uuid), console.log("loading token: ", g)), r(g), u();
-  }, []), n3(() => {
-    if (!(!f.apiPath || C || !e)) {
-      if (A(f.apiPath), !d.current) {
+    g ? (console.log("saving token: ", g), y2(t3.uuid, g)) : (g = I2(t3.uuid), console.log("loading token: ", g)), c(g), d();
+  }, []), 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);
-        d.current = O, O.onopen = () => {
+        u.current = O, O.onopen = () => {
           console.log("connected"), F.dispatch(K.setWebsocketIsConnected(!0));
-        }, O.onerror = (Y) => {
-          console.log(Y);
+        }, O.onerror = (z) => {
+          console.log(z);
         }, O.onclose = () => {
-          if (console.log("disconnected"), d.current)
+          if (console.log("disconnected"), u.current)
             console.log("WebSocket closed by server.");
           else {
             console.log("WebSocket closed by client.");
             return;
           }
-          C || (F.dispatch(K.setWebsocketIsConnected(!1)), S(!0), setTimeout(() => S(void 0), 5e3));
-        }, O.onmessage = (Y) => {
+          S || (F.dispatch(K.setWebsocketIsConnected(!1)), C(!0), setTimeout(() => C(void 0), 5e3));
+        }, O.onmessage = (z) => {
           try {
-            const R = JSON.parse(Y.data);
-            if (console.log(R), R.type.startsWith("/system/"))
-              switch (R.type) {
+            const E = JSON.parse(z.data);
+            if (console.log(E), E.type.startsWith("/system/"))
+              switch (E.type) {
                 case "/system/roomKey":
                   F.dispatch(
                     K.setCurrentRoomKey(
-                      R.content
+                      E.content
                     )
                   );
                   break;
                 case "/system/userCodeChanged":
                   F.dispatch(
-                    K.setUserCode(R.content)
+                    K.setUserCode(E.content)
                   );
                   break;
               }
-            else if (R.type.startsWith("/event/")) {
-              console.log("event message received", R);
-              const J = b.current[R.type];
-              J || console.log("no handlers found for event type", R.type), J && Object.values(J).forEach((v3) => {
+            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 {
-                  v3(R);
-                } catch (h3) {
-                  console.error(h3);
+                  v1(E);
+                } catch (h1) {
+                  console.error(h1);
                 }
               });
             } else
-              R.type.startsWith("/room/") ? F.dispatch(c2.setRoomState(R)) : R.type.startsWith("/device/") && F.dispatch(r2.setDeviceState(R));
-          } catch (R) {
-            console.log(R);
+              E.type.startsWith("/room/") ? F.dispatch(l2.setRoomState(E)) : E.type.startsWith("/device/") && F.dispatch(s2.setDeviceState(E));
+          } catch (E) {
+            console.log(E);
           }
         };
       }
       return () => {
-        d.current && d.current.close(), d.current = null;
+        u.current && u.current.close(), u.current = null;
       };
     }
-  }, [f.apiPath, A, e, C]), n3(() => {
+  }, [f.apiPath, A, e, S]), G(() => {
     l && T(`/room/${l}/status`, null);
-  }, [l, T]), /* @__PURE__ */ n.jsx(d1.Provider, { value: { sendMessage: T, sendSimpleMessage: V, addEventHandler: G, removeEventHandler: q }, children: s ? t : /* @__PURE__ */ n.jsx(S2, {}) });
-}, Q8 = ({ children: t }) => /* @__PURE__ */ n.jsx(z1, { store: F, children: /* @__PURE__ */ n.jsx(y2, { children: t }) });
-function E() {
-  return Q1(d1);
+  }, [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);
 }
-function R2({
+function E2({
   onPress: t,
   onRelease: e,
-  onHold: r,
-  holdTimeMs: s = 500
+  onHold: c,
+  holdTimeMs: o = 500
 }) {
-  const l = r3(null), a = r3(!1);
-  function u() {
-    a.current = !0, t == null || t(), l.current = setTimeout(() => {
-      r == null || r(), l.current = null;
-    }, s);
+  const l = s1(null), i = s1(!1);
+  function d() {
+    i.current = !0, t == null || t(), l.current = setTimeout(() => {
+      c == null || c(), l.current = null;
+    }, o);
   }
   function f() {
-    a.current = !1, e == null || e(), l.current && (clearTimeout(l.current), l.current = null);
+    i.current = !1, e == null || e(), l.current && (clearTimeout(l.current), l.current = null);
   }
-  function d() {
-    a.current && f();
+  function u() {
+    i.current && f();
   }
   return {
-    onPointerDown: u,
+    onPointerDown: d,
     onPointerUp: f,
-    onPointerLeave: d
+    onPointerLeave: u
   };
 }
 function h(t, e) {
-  const { sendMessage: s } = E(), l = r3(null);
-  function a() {
-    s(`${t}/${e}`, { value: "pressed" }), l.current || (l.current = setInterval(() => {
-      s(`${t}/${e}`, { value: "held" });
+  const { sendMessage: o } = y(), l = s1(null);
+  function i() {
+    o(`${t}/${e}`, { value: "pressed" }), l.current || (l.current = setInterval(() => {
+      o(`${t}/${e}`, { value: "held" });
     }, 250));
   }
-  function u() {
-    l.current && (clearInterval(l.current), l.current = null), s(`${t}/${e}`, { value: "released" });
+  function d() {
+    l.current && (clearInterval(l.current), l.current = null), o(`${t}/${e}`, { value: "released" });
   }
-  return R2({ onPress: a, onRelease: u });
+  return E2({ onPress: i, onRelease: d });
 }
-function v1(t, e) {
-  const { sendMessage: r, sendSimpleMessage: s } = E(), l = h(`${t}`, "volumeUp"), a = h(`${t}`, "volumeDown");
+function v3(t, e) {
+  const { sendMessage: c, sendSimpleMessage: o } = y(), l = h(`${t}`, "volumeUp"), i = h(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
     volumeUp: l,
-    volumeDown: a,
-    setLevel: (S) => s(`${t}/level`, S),
-    muteToggle: () => r(`${t}/muteToggle`, null),
-    muteOn: () => r(`${t}/muteOn`, null),
-    muteOff: () => r(`${t}/muteOff`, null)
+    volumeDown: i,
+    setLevel: (C) => o(`${t}/level`, C),
+    muteToggle: () => c(`${t}/muteToggle`, null),
+    muteOn: () => c(`${t}/muteOn`, null),
+    muteOff: () => c(`${t}/muteOff`, null)
   } : void 0;
 }
-function N8(t, e) {
-  const { sendMessage: r, sendSimpleMessage: s } = E(), l = h(`${t}`, "volumeUp"), a = h(`${t}`, "volumeDown");
+function c6(t, e) {
+  const { sendMessage: c, sendSimpleMessage: o } = y(), l = h(`${t}`, "volumeUp"), i = h(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
     volumeUp: l,
-    volumeDown: a,
-    setLevel: (S) => s(`${t}/level`, S),
-    muteToggle: () => r(`${t}/muteToggle`, null),
-    muteOn: () => r(`${t}/muteOn`, null),
-    muteOff: () => r(`${t}/muteOff`, null)
+    volumeDown: i,
+    setLevel: (C) => o(`${t}/level`, C),
+    muteToggle: () => c(`${t}/muteToggle`, null),
+    muteOn: () => c(`${t}/muteOn`, null),
+    muteOff: () => c(`${t}/muteOff`, null)
   } : void 0;
 }
-function E2(t) {
-  const e = $(t), r = `/device/${t}`;
-  return v1(r, e == null ? void 0 : e.volume);
+function _2(t) {
+  const e = L(t), c = `/device/${t}`;
+  return v3(c, e == null ? void 0 : e.volume);
 }
-function h1(t) {
-  const { sendMessage: e } = E();
+function h3(t) {
+  const { sendMessage: e } = y();
   return { powerOn: () => {
     e(`/device/${t}/powerOn`, null);
   }, powerOff: () => {
@@ -1096,120 +1097,160 @@ function h1(t) {
     e(`/device/${t}/powerToggle`, null);
   } };
 }
-function y3(t) {
-  const { sendMessage: e } = E(), r = $(t);
-  return console.log("deviceState", r), r ? { itemsState: r, selectItem: (l) => {
+function y1(t) {
+  const { sendMessage: e } = y(), c = L(t);
+  return console.log("deviceState", c), c ? { itemsState: c, selectItem: (l) => {
     e(`/device/${t}/${l}`, null);
   } } : void 0;
 }
-function _2(t) {
-  const { sendMessage: e } = E(), r = $(t), s = () => {
+function L2(t) {
+  const { sendMessage: e } = y(), c = L(t), o = () => {
     e(`/device/${t}/setDefaultChannelLevels`, null);
   }, l = () => {
-    if ((r == null ? void 0 : r.levelControls) === void 0)
+    if ((c == null ? void 0 : c.levelControls) === void 0)
       return;
-    Object.keys(r == null ? void 0 : r.levelControls).forEach((f) => {
+    Object.keys(c == null ? void 0 : c.levelControls).forEach((f) => {
       e(`/device/${t}/${f}/fullStatus`, null);
     });
   };
-  return r ? { levelControls: r.levelControls, setDefaultChannelLevels: s, getFullStatus: l } : void 0;
+  return c ? { levelControls: c.levelControls, setDefaultChannelLevels: o, getFullStatus: l } : void 0;
 }
-function e6(t) {
-  const e = $(t), r = h1(t), s = y3(t), l = y3(t), a = E2(t), u = _2(t);
+function s6(t) {
+  const e = L(t), c = h3(t), o = y1(t), l = y1(t), i = _2(t), d = L2(t);
   if (e)
     return {
       avrState: e,
-      powerControl: r,
-      inputControl: s,
+      powerControl: c,
+      inputControl: o,
       surroundSoundModes: l,
-      surroundChannels: u,
-      mainVolumeControl: a
+      surroundChannels: d,
+      mainVolumeControl: i
     };
 }
-function t6(t) {
-  const e = $(t);
+function o6(t) {
+  const e = L(t);
   if (e)
     return { endpointState: e };
 }
-function n6(t) {
-  const e = `/device/${t}`, r = h(e, "chanUp"), s = h(e, "chanDown"), l = h(e, "lastChan"), a = h(e, "guide"), u = h(e, "info"), f = h(e, "exit");
-  return { channelUp: r, channelDown: s, lastChannel: l, guide: a, info: u, exit: f };
-}
 function r6(t) {
-  const e = `/device/${t}`, r = h(e, "red"), s = h(e, "green"), l = h(e, "yellow"), a = h(e, "blue");
-  return { red: r, green: s, yellow: l, blue: a };
+  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 o6(t) {
-  const e = $(t);
+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 i6(t) {
+  const e = L(t);
   if (e)
     return {
       communicationMonitorState: e
     };
 }
-function s6(t) {
-  const e = `/device/${t}`, r = h(e, "up"), s = h(e, "down"), l = h(e, "left"), a = h(e, "right"), u = h(e, "select"), f = h(e, "menu"), d = h(e, "exit");
-  return { up: r, down: s, left: l, right: a, select: u, menu: f, exit: d };
+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 c6(t) {
-  const e = $(t);
+function u6(t) {
+  const e = L(t);
   if (e)
     return e.deviceInfo || void 0;
 }
-function l6(t) {
-  const e = `/device/${t}`, r = h(e, "dvrList"), s = h(e, "record");
-  return { dvrList: r, record: s };
+function d6(t) {
+  const e = `/device/${t}`, c = h(e, "dvrList"), o = h(e, "record");
+  return { dvrList: c, record: o };
 }
-function i6(t) {
-  const { sendMessage: e, sendSimpleMessage: r } = E(), s = $(t);
-  return s ? {
-    levelState: s,
-    setLevel: (d, C) => r(`${d}/level`, C),
-    muteToggle: (d) => e(`${d}/muteToggle`, null),
-    muteOn: (d) => e(`${d}/muteOn`, null),
-    muteOff: (d) => e(`${d}/muteOff`, null)
+const v6 = ({ className: t }) => {
+  const [e, c] = q();
+  return G(() => {
+    setInterval(() => {
+      const o = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
+      c(o);
+    }, 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: () => {
+    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);
+  } } : 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)
   } : void 0;
 }
-function a6(t) {
-  const { sendMessage: e } = E(), r = $(t);
-  return r ? { lightingState: r, selectScene: (l) => {
+function f6(t) {
+  const { sendMessage: e } = y(), c = L(t);
+  return c ? { lightingState: c, selectScene: (l) => {
     e(`/device/${t}/selectScene`, l);
   } } : void 0;
 }
-function u6(t) {
-  const { sendMessage: e } = E(), r = $(t);
-  return r ? { matrixRoutingState: r, setRoute: (l) => {
+function w6(t) {
+  const { sendMessage: e } = y(), c = L(t);
+  return c ? { matrixRoutingState: c, setRoute: (l) => {
     e(`/device/${t}/route`, l);
   } } : void 0;
 }
-function d6(t) {
-  const e = `/device/${t}`, r = h(e, "num0"), s = h(e, "num1"), l = h(e, "num2"), a = h(e, "num3"), u = h(e, "num4"), f = h(e, "num5"), d = h(e, "num6"), C = h(e, "num7"), S = h(e, "num8"), b = h(e, "num9"), A = h(e, "numDash"), T = h(e, "numEnter");
-  return { digit0: r, digit1: s, digit2: l, digit3: a, digit4: u, digit5: f, digit6: d, digit7: C, digit8: S, digit9: b, keypadAccessoryButton1: A, keypadAccessoryButton2: T };
+function p6(t) {
+  const { sendMessage: e } = y();
+  return { closeApp: () => {
+    e(`/device/${t}/closeWebViewController`, null);
+  } };
 }
-function v6(t) {
-  const { sendMessage: e } = E(), r = R3(t);
-  return r ? { roomEventScheduleState: r, save: (l) => {
+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 M6(t) {
+  const { sendMessage: e } = y(), c = L(t);
+  return c ? { projectorScreenLiftControlState: c, 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) => {
     e(`/room/${t}/saveScheduledEvents`, l);
   } } : void 0;
 }
-function h6(t) {
-  const { sendMessage: e } = E();
-  return { runDirectRoute: (s) => {
-    e(`/room/${t}/directRoute`, s);
+function Z6(t) {
+  const { sendMessage: e } = y();
+  return { runDirectRoute: (o) => {
+    e(`/room/${t}/directRoute`, o);
   } };
 }
-function g6(t) {
-  const { sendMessage: e } = E();
-  return { routingState: $(t), runRoute: (l) => {
+function j6(t) {
+  const { sendMessage: e } = y();
+  return { routingState: L(t), runRoute: (l) => {
     e(`/room/${t}/source`, l);
   } };
 }
-function f6(t) {
-  const e = `/device/${t}`, r = h(e, "chanUp"), s = h(e, "chanDown");
-  return { dvrList: r, replay: s };
+function C6(t) {
+  const e = `/device/${t}`, c = h(e, "chanUp"), o = h(e, "chanDown");
+  return { dvrList: c, replay: o };
 }
-function w6(t) {
-  const { sendMessage: e } = E(), r = $(t);
-  return r ? { shadeState: r, shadeUp: () => {
+function S6(t) {
+  const { sendMessage: e } = y(), c = L(t);
+  return c ? { shadeState: c, shadeUp: () => {
     e(`/device/${t}/shadeUp`, null);
   }, shadeDown: () => {
     e(`/device/${t}/shadeDown`, null);
@@ -1217,9 +1258,9 @@ function w6(t) {
     e(`/device/${t}/stopOrPreset`, null);
   } } : void 0;
 }
-function p6(t) {
-  const { sendMessage: e } = E(), r = R3(t);
-  return r ? { shutdownPromptTimerState: r, setShutdownPromptSeconds: (f) => {
+function b6(t) {
+  const { sendMessage: e } = y(), c = R1(t);
+  return c ? { shutdownPromptTimerState: c, setShutdownPromptSeconds: (f) => {
     e(`/room/${t}/setShutdownPromptSeconds`, f);
   }, shutdownStart: () => {
     e(`/room/${t}/shutdownStart`, null);
@@ -1229,127 +1270,138 @@ function p6(t) {
     e(`/room/${t}/shutdownCancel`, null);
   } } : void 0;
 }
-function x6(t) {
-  const { sendMessage: e } = E(), r = $(t);
-  return r ? { switchedOutputState: r, on: () => {
+function I6(t) {
+  const { sendMessage: e } = y(), c = L(t);
+  return c ? { switchedOutputState: c, on: () => {
     e(`/device/${t}/on`, null);
   }, off: () => {
     e(`/device/${t}/off`, null);
   } } : void 0;
 }
-const M6 = ({ className: t }) => {
-  const [e, r] = d3();
-  return n3(() => {
-    setInterval(() => {
-      const s = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
-      r(s);
-    }, 1e3);
-  }, []), /* @__PURE__ */ n.jsxs("div", { className: t, children: [
-    e,
-    " new change"
-  ] });
-};
-function m6(t) {
-  const { sendMessage: e } = E(), r = R3(t);
-  return r ? { techPasswordState: r, validatePassword: (a) => {
-    e(`/room/${t}/validateTechPassword`, { password: a });
-  }, setPassword: (a, u) => {
-    e(`/room/${t}/setTechPassword`, { oldPassword: a, newPassword: u });
+function y6(t) {
+  const { sendMessage: e } = y(), c = R1(t);
+  return c ? { techPasswordState: c, validatePassword: (i) => {
+    e(`/room/${t}/validateTechPassword`, { password: i });
+  }, setPassword: (i, d) => {
+    e(`/room/${t}/setTechPassword`, { oldPassword: i, newPassword: d });
   } } : void 0;
 }
-function Z6(t) {
-  const e = `/device/${t}`, r = h(e, "play"), s = h(e, "pause"), l = h(e, "stop"), a = h(e, "prevTrack"), u = h(e, "nextTrack"), f = h(e, "rewind"), d = h(e, "ffwd"), C = h(e, "record");
-  return { play: r, pause: s, stop: l, prevTrack: a, nextTrack: u, rewind: f, fastForward: d, record: C };
+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 j6(t) {
-  const e = $(t), { sendMessage: r } = E();
+function E6(t) {
+  const e = L(t), { sendMessage: c } = y();
   return e ? {
     touchpanelState: e,
     appControl: { hideApp: () => {
-      r(`/device/${t}/hideApp`, null);
+      c(`/device/${t}/hideApp`, null);
     }, openApp: () => {
-      r(`/device/${t}/openApp`, null);
+      c(`/device/${t}/openApp`, null);
     }, closeApp: () => {
-      r(`/device/${t}/closeApp`, null);
+      c(`/device/${t}/closeApp`, null);
     } },
     zoomControl: { endCall: () => {
-      r(`/device/${t}/endCall`, null);
+      c(`/device/${t}/endCall`, null);
     } }
   } : void 0;
 }
-function S6(t) {
-  const e = $(t), r = h1(t), s = y3(t);
+function _6(t) {
+  const e = L(t), c = h3(t), o = y1(t);
   if (!e)
     return;
-  const l = (e.powerState || e.isWarming) && !e.isCooling, a = (!e.powerState || e.isCooling) && !e.isWarming;
+  const l = (e.powerState || e.isWarming) && !e.isCooling, i = (!e.powerState || e.isCooling) && !e.isWarming;
   return {
     displayState: e,
-    powerControl: r,
-    inputControl: s,
-    powerFb: { powerOnFb: l, powerOffFb: a }
+    powerControl: c,
+    inputControl: o,
+    powerFb: { powerOnFb: l, powerOffFb: i }
   };
 }
-const C6 = ({ config: t }) => {
-  const { sendMessage: e } = E();
-  n3(() => {
-    var s, l;
+const L6 = ({ config: t }) => {
+  const { sendMessage: e } = y();
+  G(() => {
+    var o, l;
     if (!t)
       return;
-    const r = [];
-    Object.values(t.destinations).forEach((a) => {
-      r.push(a);
-    }), (s = t.touchpanelKeys) == null || s.forEach((a) => {
-      r.push(a);
-    }), t.environmentalDevices.forEach((a) => {
-      r.push(a.deviceKey);
-    }), (l = t.accessoryDevices) == null || l.forEach((a) => {
-      r.push(a.deviceKey);
-    }), t.audioCodecKey && r.push(t.audioCodecKey), t.videoCodecKey && r.push(t.videoCodecKey), t.matrixRoutingKey && r.push(t.matrixRoutingKey), t.endpointKeys && t.endpointKeys.forEach((a) => {
-      r.push(a);
+    const c = [];
+    Object.values(t.destinations).forEach((i) => {
+      c.push(i);
+    }), Object.values(t.destinationList).forEach((i) => {
+      c.push(i.sinkKey);
+    }), (o = t.touchpanelKeys) == null || o.forEach((i) => {
+      c.push(i);
+    }), t.environmentalDevices.forEach((i) => {
+      c.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);
     });
-    for (const a of Object.values(t.sourceList))
-      a.sourceKey && a.sourceKey !== "$off" && r.push(a.sourceKey);
-    r.forEach((a) => {
-      e(`/device/${a}/fullStatus`, { deviceKey: a });
+    for (const i of Object.values(t.sourceList))
+      i.sourceKey && i.sourceKey !== "$off" && c.push(i.sourceKey);
+    console.log("deviceKeys", c), c.forEach((i) => {
+      e(`/device/${i}/fullStatus`, { deviceKey: i });
     });
   }, [t, e]);
 };
-function b6(t, e) {
-  const r = f2(t, e), s = `/room/${t}/volumes/${e}`;
-  return v1(s, r);
+function $6(t, e) {
+  const c = w2(t, e), o = `/room/${t}/volumes/${e}`;
+  return v3(o, c);
+}
+function A6() {
+  const [t, e] = q(), [c, o] = 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);
+  }
+  return G(() => {
+    l();
+    const i = setInterval(() => {
+      l();
+    }, 1e3);
+    return () => clearInterval(i);
+  }, []), { date: t, time: c };
 }
-const I6 = () => /* @__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." }) }), L2 = "_iconbtn_16qss_1", $2 = "_iconbtnvert_16qss_7", A2 = "_iconsm_16qss_18", S3 = {
-  iconbtn: L2,
-  iconbtnvert: $2,
-  iconsm: A2
-}, B2 = ({
+const B6 = () => {
+  const t = N3();
+  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 = ({
   multiIcon: t,
   otherContent: e = null,
-  vert: r = !1,
-  className: s,
+  vert: c = !1,
+  className: o,
   iconClassName: l = "",
-  otherContentClassName: a = "",
-  disabled: u,
+  otherContentClassName: i = "",
+  disabled: d,
   feedback: f,
-  feedbackClassName: d,
-  onPointerDown: C,
-  onPointerUp: S,
+  feedbackClassName: u,
+  onPointerDown: S,
+  onPointerUp: C,
   onPointerLeave: b,
   ...A
 }) => {
-  const [T, V] = d3(!1), G = !u && f ? d : "", q = !u && (T || f);
+  const [T, V] = q(!1), Y = !d && f ? u : "", J = !d && (T || f);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
       type: "button",
-      className: `${S3.iconbtn} ${r ? S3.iconbtnvert : ""} ${s} ${G}`,
+      className: `${C1.iconbtn} ${c ? C1.iconbtnvert : ""} ${o} ${Y}`,
       ...A,
-      disabled: u,
+      disabled: d,
       onPointerDown: (m) => {
-        V(!0), C == null || C(m);
+        V(!0), S == null || S(m);
       },
       onPointerUp: (m) => {
-        V(!1), S == null || S(m);
+        V(!1), C == null || C(m);
       },
       onPointerLeave: (m) => {
         V(!1), b == null || b(m);
@@ -1358,76 +1410,27 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
         t && /* @__PURE__ */ n.jsx(
           t,
           {
-            className: `${l || S3.iconsm}`,
-            active: q,
-            disabled: u
+            className: `${l || C1.iconsm}`,
+            active: J,
+            disabled: d
           }
         ),
-        /* @__PURE__ */ n.jsx("div", { className: a, children: e })
+        /* @__PURE__ */ n.jsx("div", { className: i, children: e })
       ]
     }
   );
-}, M = ({
+}, x = ({
   ActiveImage: t,
   DisabledImage: e,
-  EnabledImage: r,
-  active: s,
+  EnabledImage: c,
+  active: o,
   disabled: l
-}) => l ? e : s ? t : r, T2 = ({
+}) => l ? e : o ? t : c, D2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
-  {
-    ActiveImage: (
-      /* icon-mic-active.svg */
-      /* @__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: "M82.3,0C36.92,0,0,36.92,0,82.3s36.92,82.3,82.3,82.3,82.3-36.92,82.3-82.3S127.69,0,82.3,0ZM64.9,44.59c0-4.83,1.69-8.94,5.08-12.33,3.38-3.38,7.49-5.08,12.33-5.08s8.94,1.69,12.33,5.08c3.38,3.38,5.08,7.49,5.08,12.33v34.81c0,4.83-1.69,8.94-5.08,12.33s-7.49,5.08-12.33,5.08-8.94-1.69-12.33-5.08-5.08-7.49-5.08-12.33v-34.81ZM113.05,106.09c-6.58,7.64-14.89,12.14-24.95,13.49v17.84h-11.6v-17.84c-10.06-1.35-18.37-5.85-24.95-13.49-6.58-7.64-9.86-16.54-9.86-26.69h11.6c0,8.03,2.83,14.87,8.49,20.52s12.5,8.49,20.52,8.49,14.87-2.83,20.52-8.49,8.49-12.5,8.49-20.52h11.6c0,10.15-3.29,19.05-9.86,26.69Z" }) })
-        }
-      )
-    ),
-    DisabledImage: (
-      /* icon-mic-disabled.svg */
-      /* @__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: "M82.3,0C36.92,0,0,36.92,0,82.3s36.92,82.3,82.3,82.3,82.3-36.92,82.3-82.3S127.69,0,82.3,0ZM82.3,5c19.83,0,37.93,7.51,51.63,19.83L24.82,133.93c-12.32-13.7-19.82-31.8-19.82-51.63C5,39.68,39.68,5,82.3,5ZM82.3,159.61c-19.83,0-37.93-7.51-51.63-19.83L139.78,30.68c12.32,13.7,19.83,31.8,19.83,51.63,0,42.63-34.68,77.3-77.3,77.3ZM94.63,91.73c-2.26,2.26-4.86,3.75-7.78,4.5l12.28-12.28c-.75,2.91-2.24,5.51-4.5,7.78ZM64.98,81.15c-.05-.57-.08-1.15-.08-1.74v-34.81c0-4.83,1.69-8.94,5.08-12.33s7.49-5.08,12.33-5.08,8.94,1.69,12.33,5.08,5.08,7.49,5.08,12.33v1.82l-34.73,34.73ZM111.31,79.4h11.6c0,10.15-3.29,19.05-9.86,26.69-6.58,7.64-14.89,12.14-24.95,13.49v17.84h-11.6v-17.84c-3.65-.49-7.07-1.4-10.27-2.72l9.2-9.2c2.18.5,4.47.76,6.86.76,8.03,0,14.87-2.83,20.52-8.49s8.49-12.5,8.49-20.52ZM46.79,99.33c-3.39-6-5.1-12.64-5.1-19.93h11.6c0,4.06.72,7.81,2.17,11.26l-8.67,8.67Z" }) })
-        }
-      )
-    ),
-    EnabledImage: (
-      /* icon-mic-enabled.svg */
-      /* @__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: "M82.3,96.81c-4.83,0-8.94-1.69-12.33-5.08-3.38-3.38-5.08-7.49-5.08-12.33v-34.81c0-4.83,1.69-8.94,5.08-12.33s7.49-5.08,12.33-5.08,8.94,1.69,12.33,5.08,5.08,7.49,5.08,12.33v34.81c0,4.83-1.69,8.94-5.08,12.33-3.38,3.38-7.49,5.08-12.33,5.08ZM76.5,137.42v-17.84c-10.06-1.35-18.37-5.85-24.95-13.49-6.58-7.64-9.86-16.54-9.86-26.69h11.6c0,8.03,2.83,14.87,8.49,20.52s12.5,8.49,20.52,8.49,14.87-2.83,20.52-8.49,8.49-12.5,8.49-20.52h11.6c0,10.15-3.29,19.05-9.86,26.69-6.58,7.64-14.89,12.14-24.95,13.49v17.84h-11.6ZM82.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: r
-  }
-), D2 = ({
-  active: t,
-  className: e = "",
-  disabled: r
-}) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: /* @__PURE__ */ n.jsx(
       "svg",
@@ -1472,14 +1475,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       }
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
 ), P2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-ban-active.svg */
@@ -1521,14 +1524,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
 ), O2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: /* @__PURE__ */ n.jsx(
       "svg",
@@ -1561,14 +1564,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       }
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
 ), V2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-check-active.svg */
@@ -1610,14 +1613,86 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
 ), F2 = ({
   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: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
+  {
+    ActiveImage: (
+      /* icon-controller-active.svg */
+      /* @__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: "M111.57,63.01c-.5-1.94-1.51-3.52-3.02-4.74-1.51-1.22-3.27-1.83-5.28-1.83h-42.04c-2.01,0-3.79.61-5.34,1.83-1.54,1.22-2.53,2.8-2.96,4.74l-9.06,36.11c-.14.43-.22,1.08-.22,1.94,0,2.01.74,3.7,2.21,5.07,1.47,1.37,3.25,2.05,5.34,2.05,1.37,0,2.6-.36,3.72-1.08,1.11-.72,1.96-1.69,2.53-2.91l3.02-6.14c1.08-2.23,2.66-3.97,4.74-5.23,2.08-1.26,4.35-1.89,6.79-1.89h20.48c2.44,0,4.71.65,6.79,1.94,2.08,1.29,3.7,3.02,4.85,5.17l3.02,6.14c.58,1.22,1.42,2.19,2.53,2.91,1.11.72,2.35,1.08,3.72,1.08,2.01,0,3.74-.66,5.17-1.99,1.44-1.33,2.19-3,2.26-5.01,0,.07-.07-.61-.22-2.05l-9.06-36.11ZM94.27,61.98c.83-.83,1.85-1.24,3.07-1.24s2.25.41,3.07,1.24c.83.83,1.24,1.85,1.24,3.07s-.41,2.25-1.24,3.07c-.83.83-1.85,1.24-3.07,1.24s-2.25-.41-3.07-1.24c-.83-.83-1.24-1.85-1.24-3.07s.41-2.25,1.24-3.07ZM77.02,76c-.61.61-1.38.92-2.32.92h-4.31v4.31c0,.93-.31,1.71-.92,2.32-.61.61-1.38.92-2.32.92s-1.71-.31-2.32-.92c-.61-.61-.92-1.38-.92-2.32v-4.31h-4.31c-.93,0-1.71-.31-2.32-.92-.61-.61-.92-1.38-.92-2.32s.31-1.71.92-2.32c.61-.61,1.38-.92,2.32-.92h4.31v-4.31c0-.93.31-1.71.92-2.32.61-.61,1.38-.92,2.32-.92s1.71.31,2.32.92c.61.61.92,1.38.92,2.32v4.31h4.31c.93,0,1.71.31,2.32.92s.92,1.38.92,2.32-.31,1.71-.92,2.32ZM91.79,76.75c-.83.83-1.85,1.24-3.07,1.24s-2.25-.41-3.07-1.24c-.83-.83-1.24-1.85-1.24-3.07s.41-2.25,1.24-3.07c.83-.83,1.85-1.24,3.07-1.24s2.25.41,3.07,1.24c.83.83,1.24,1.85,1.24,3.07s-.41,2.25-1.24,3.07ZM100.41,85.38c-.83.83-1.85,1.24-3.07,1.24s-2.25-.41-3.07-1.24c-.83-.83-1.24-1.85-1.24-3.07s.41-2.25,1.24-3.07c.83-.83,1.85-1.24,3.07-1.24s2.25.41,3.07,1.24c.83.83,1.24,1.85,1.24,3.07s-.41,2.25-1.24,3.07ZM109.04,76.75c-.83.83-1.85,1.24-3.07,1.24s-2.25-.41-3.07-1.24c-.83-.83-1.24-1.85-1.24-3.07s.41-2.25,1.24-3.07c.83-.83,1.85-1.24,3.07-1.24s2.25.41,3.07,1.24,1.24,1.85,1.24,3.07-.41,2.25-1.24,3.07ZM82.3,0C36.92,0,0,36.92,0,82.3s36.92,82.3,82.3,82.3,82.3-36.92,82.3-82.3S127.69,0,82.3,0ZM124.89,112.22c-3.13,3.05-6.88,4.58-11.27,4.58-3.02,0-5.82-.79-8.41-2.37-2.59-1.58-4.53-3.74-5.82-6.47l-3.02-6.25c-.36-.72-.9-1.26-1.62-1.62-.72-.36-1.47-.54-2.26-.54h-20.48c-.79,0-1.55.18-2.26.54-.72.36-1.26.9-1.62,1.62l-3.02,6.25c-1.29,2.73-3.23,4.89-5.82,6.47-2.59,1.58-5.39,2.37-8.41,2.37-4.31,0-8-1.55-11.05-4.64-3.05-3.09-4.65-6.83-4.8-11.21,0-.65.04-1.29.11-1.94.07-.65.18-1.29.32-1.94l9.06-36.22c1.01-3.88,3.05-7.03,6.15-9.43,3.09-2.41,6.61-3.61,10.56-3.61h42.04c3.95,0,7.47,1.2,10.56,3.61,3.09,2.41,5.14,5.55,6.14,9.43l9.06,36.22c.14.65.27,1.31.38,1.99s.16,1.35.16,1.99c0,4.38-1.56,8.1-4.69,11.16Z",
+              fill: "#000",
+              "stroke-width": "0"
+            }
+          ) })
+        }
+      )
+    ),
+    DisabledImage: (
+      /* icon-controller-disabled.svg */
+      /* @__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: "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"
+            }
+          ) })
+        }
+      )
+    ),
+    EnabledImage: (
+      /* icon-controller-enabled.svg */
+      /* @__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: "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"
+            }
+          ) })
+        }
+      )
+    ),
+    active: t,
+    disabled: c
+  }
+), k2 = ({
+  active: t,
+  className: e = "",
+  disabled: c
+}) => /* @__PURE__ */ n.jsx(
+  x,
   {
     ActiveImage: (
       /* icon-down-active.svg */
@@ -1659,14 +1734,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), k2 = ({
+), U2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-elipses-active.svg */
@@ -1708,14 +1783,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
 ), W2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-flag-active.svg */
@@ -1757,14 +1832,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), U2 = ({
+), H2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* /Users/hvolmer/Downloads/SVG/icon-gear-active.svg */
@@ -1806,14 +1881,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), H2 = ({
+), K2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-glass-active.svg */
@@ -1855,16 +1930,16 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), K2 = ({
+), G2 = ({
   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: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-hdmi-active.svg */
@@ -1924,14 +1999,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), G2 = ({
+), q2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-laptop-active.svg */
@@ -1973,14 +2048,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), q2 = ({
+), Y2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-left-active.svg */
@@ -2022,14 +2097,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), Y2 = ({
+), J2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-light-active.svg */
@@ -2071,14 +2146,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), J2 = ({
+), z2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-moon-active.svg */
@@ -2120,14 +2195,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), z2 = ({
+), X2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-playstation-active.svg */
@@ -2142,14 +2217,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       /* @__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: r
+    disabled: c
   }
-), X2 = ({
+), Q2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-podium-active.svg */
@@ -2191,14 +2266,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), Q2 = ({
+), N2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-power-active.svg */
@@ -2240,14 +2315,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), N2 = ({
+), e8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-privacy-active.svg */
@@ -2289,14 +2364,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), e8 = ({
+), t8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-question-active.svg */
@@ -2338,14 +2413,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), t8 = ({
+), n8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-right-active.svg */
@@ -2387,14 +2462,86 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), n8 = ({
+), c8 = ({
   active: t,
+  // Just to shut up the linter on this template. Prefer deleting this lint rule
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
+  {
+    ActiveImage: (
+      /* icon-roomPC-active.svg */
+      /* @__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: "M78.42,76.11v.67c0,1.66-1.34,3-3,3h-28.5c-1.66,0-3-1.34-3-3v-.67c0-1.66,1.34-3,3-3h28.5c1.66,0,3,1.34,3,3ZM75.42,63.11h-28.5c-1.66,0-3,1.34-3,3v.67c0,1.66,1.34,3,3,3h28.5c1.66,0,3-1.34,3-3v-.67c0-1.66-1.34-3-3-3ZM74.67,110.78c-2.07,0-3.75,1.68-3.75,3.75s1.68,3.75,3.75,3.75,3.75-1.68,3.75-3.75-1.68-3.75-3.75-3.75ZM164.61,82.3c0,45.38-36.92,82.3-82.3,82.3S0,127.69,0,82.3,36.92,0,82.3,0s82.3,36.92,82.3,82.3ZM82.63,60.68c0-2.15-1.74-3.89-3.89-3.89h-34.83c-2.15,0-3.89,1.74-3.89,3.89v59.64c0,2.15,1.74,3.89,3.89,3.89h34.83c2.15,0,3.89-1.74,3.89-3.89v-59.64ZM124.59,44.82c0-2.44-1.98-4.43-4.43-4.43H54.78c-2.44,0-4.43,1.98-4.43,4.43v6.96h6.06v-1.66c0-1.47,1.19-2.66,2.66-2.66h56.8c1.47,0,2.66,1.19,2.66,2.66v32.53c0,1.47-1.19,2.66-2.66,2.66h-28.24v20.48h21.98c0-4.6-5.41-11.57-13.23-13.41h23.77c2.44,0,4.43-1.98,4.43-4.43v-43.13Z",
+              fill: "#000",
+              "stroke-width": "0"
+            }
+          ) })
+        }
+      )
+    ),
+    DisabledImage: (
+      /* icon-roomPC-disabled.svg */
+      /* @__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: "M82.3,0C36.92,0,0,36.92,0,82.3s36.92,82.3,82.3,82.3,82.3-36.92,82.3-82.3S127.69,0,82.3,0ZM82.3,5c19.83,0,37.93,7.51,51.63,19.83L24.83,133.93c-12.32-13.7-19.83-31.8-19.83-51.63C5,39.68,39.68,5,82.3,5ZM82.3,159.61c-19.83,0-37.93-7.51-51.63-19.83L139.78,30.68c12.32,13.7,19.82,31.8,19.82,51.63,0,42.63-34.68,77.3-77.3,77.3ZM56.41,51.79h-6.06v-6.96c0-2.44,1.98-4.43,4.43-4.43h50.95l-7.07,7.07h-39.58c-1.47,0-2.66,1.19-2.66,2.66v1.66ZM40.02,106.1v-45.42c0-2.15,1.74-3.89,3.89-3.89h34.83c2.15,0,3.89,1.74,3.89,3.89v2.81l-4.45,4.45c.15-.36.23-.75.23-1.16v-.67c0-1.66-1.34-3-3-3h-28.5c-1.66,0-3,1.34-3,3v.67c0,1.66,1.34,3,3,3h28.5c.41,0,.8-.08,1.16-.23l-3.57,3.57h-26.09c-1.66,0-3,1.34-3,3v.67c0,1.66,1.34,3,3,3h19.43l-26.32,26.32ZM124.59,58.5v29.46c0,2.44-1.98,4.43-4.43,4.43h-23.77c7.81,1.84,13.23,8.81,13.23,13.41h-21.98v-10.34l10.15-10.15h18.09c1.47,0,2.66-1.19,2.66-2.66v-18.09l6.06-6.06ZM58.88,124.21h19.86c2.15,0,3.89-1.74,3.89-3.89v-19.86l-23.75,23.75ZM74.67,118.28c-2.07,0-3.75-1.68-3.75-3.75s1.68-3.75,3.75-3.75,3.75,1.68,3.75,3.75-1.68,3.75-3.75,3.75Z",
+              fill: "#000",
+              "stroke-width": "0"
+            }
+          ) })
+        }
+      )
+    ),
+    EnabledImage: (
+      /* icon-roomPC-enabled.svg */
+      /* @__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("g", { children: /* @__PURE__ */ n.jsx(
+            "path",
+            {
+              d: "M78.74,56.79h-34.83c-2.15,0-3.89,1.74-3.89,3.89v59.64c0,2.15,1.74,3.89,3.89,3.89h34.83c2.15,0,3.89-1.74,3.89-3.89v-59.64c0-2.15-1.74-3.89-3.89-3.89ZM74.67,118.28c-2.07,0-3.75-1.68-3.75-3.75s1.68-3.75,3.75-3.75,3.75,1.68,3.75,3.75-1.68,3.75-3.75,3.75ZM78.42,76.78c0,1.66-1.34,3-3,3h-28.5c-1.66,0-3-1.34-3-3v-.67c0-1.66,1.34-3,3-3h28.5c1.66,0,3,1.34,3,3v.67ZM78.42,66.78c0,1.66-1.34,3-3,3h-28.5c-1.66,0-3-1.34-3-3v-.67c0-1.66,1.34-3,3-3h28.5c1.66,0,3,1.34,3,3v.67ZM124.59,44.82v43.13c0,2.44-1.98,4.43-4.43,4.43h-23.77c7.81,1.84,13.23,8.81,13.23,13.41h-21.98v-20.48h28.24c1.47,0,2.66-1.19,2.66-2.66v-32.53c0-1.47-1.19-2.66-2.66-2.66h-56.8c-1.47,0-2.66,1.19-2.66,2.66v1.66h-6.06v-6.96c0-2.44,1.98-4.43,4.43-4.43h65.38c2.44,0,4.43,1.98,4.43,4.43ZM82.3,164.61C36.92,164.61,0,127.69,0,82.3S36.92,0,82.3,0s82.3,36.92,82.3,82.3-36.92,82.3-82.3,82.3ZM82.3,5C39.68,5,5,39.68,5,82.3s34.68,77.3,77.3,77.3,77.3-34.68,77.3-77.3S124.93,5,82.3,5Z",
+              fill: "#000",
+              "stroke-width": "0"
+            }
+          ) }) })
+        }
+      )
+    ),
+    active: t,
+    disabled: c
+  }
+), s8 = ({
+  active: t,
+  className: e = "",
+  disabled: c
+}) => /* @__PURE__ */ n.jsx(
+  x,
   {
     ActiveImage: (
       /* icon-shade-active.svg */
@@ -2436,14 +2583,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), r8 = ({
+), o8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-sun-active.svg */
@@ -2485,14 +2632,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), o8 = ({
+), r8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-up-active.svg */
@@ -2534,14 +2681,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), s8 = ({
+), l8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-volDown-active.svg */
@@ -2583,14 +2730,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), c8 = ({
+), i8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-volMute-active.svg */
@@ -2632,14 +2779,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), l8 = ({
+), a8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-volUp-active.svg */
@@ -2681,14 +2828,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), i8 = ({
+), u8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-wireless-active.svg */
@@ -2730,14 +2877,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), a8 = ({
+), d8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-x-active.svg */
@@ -2779,14 +2926,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
   }
-), u8 = ({
+), v8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-xbox-active.svg */
@@ -2828,108 +2975,159 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: c
+  }
+), h8 = ({
+  active: t,
+  className: e = "",
+  disabled: c
+}) => /* @__PURE__ */ n.jsx(
+  x,
+  {
+    ActiveImage: (
+      /* icon-mic-active.svg */
+      /* @__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: "M82.3,0C36.92,0,0,36.92,0,82.3s36.92,82.3,82.3,82.3,82.3-36.92,82.3-82.3S127.69,0,82.3,0ZM64.9,44.59c0-4.83,1.69-8.94,5.08-12.33,3.38-3.38,7.49-5.08,12.33-5.08s8.94,1.69,12.33,5.08c3.38,3.38,5.08,7.49,5.08,12.33v34.81c0,4.83-1.69,8.94-5.08,12.33s-7.49,5.08-12.33,5.08-8.94-1.69-12.33-5.08-5.08-7.49-5.08-12.33v-34.81ZM113.05,106.09c-6.58,7.64-14.89,12.14-24.95,13.49v17.84h-11.6v-17.84c-10.06-1.35-18.37-5.85-24.95-13.49-6.58-7.64-9.86-16.54-9.86-26.69h11.6c0,8.03,2.83,14.87,8.49,20.52s12.5,8.49,20.52,8.49,14.87-2.83,20.52-8.49,8.49-12.5,8.49-20.52h11.6c0,10.15-3.29,19.05-9.86,26.69Z" }) })
+        }
+      )
+    ),
+    DisabledImage: (
+      /* icon-mic-disabled.svg */
+      /* @__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: "M82.3,0C36.92,0,0,36.92,0,82.3s36.92,82.3,82.3,82.3,82.3-36.92,82.3-82.3S127.69,0,82.3,0ZM82.3,5c19.83,0,37.93,7.51,51.63,19.83L24.82,133.93c-12.32-13.7-19.82-31.8-19.82-51.63C5,39.68,39.68,5,82.3,5ZM82.3,159.61c-19.83,0-37.93-7.51-51.63-19.83L139.78,30.68c12.32,13.7,19.83,31.8,19.83,51.63,0,42.63-34.68,77.3-77.3,77.3ZM94.63,91.73c-2.26,2.26-4.86,3.75-7.78,4.5l12.28-12.28c-.75,2.91-2.24,5.51-4.5,7.78ZM64.98,81.15c-.05-.57-.08-1.15-.08-1.74v-34.81c0-4.83,1.69-8.94,5.08-12.33s7.49-5.08,12.33-5.08,8.94,1.69,12.33,5.08,5.08,7.49,5.08,12.33v1.82l-34.73,34.73ZM111.31,79.4h11.6c0,10.15-3.29,19.05-9.86,26.69-6.58,7.64-14.89,12.14-24.95,13.49v17.84h-11.6v-17.84c-3.65-.49-7.07-1.4-10.27-2.72l9.2-9.2c2.18.5,4.47.76,6.86.76,8.03,0,14.87-2.83,20.52-8.49s8.49-12.5,8.49-20.52ZM46.79,99.33c-3.39-6-5.1-12.64-5.1-19.93h11.6c0,4.06.72,7.81,2.17,11.26l-8.67,8.67Z" }) })
+        }
+      )
+    ),
+    EnabledImage: (
+      /* icon-mic-enabled.svg */
+      /* @__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: "M82.3,96.81c-4.83,0-8.94-1.69-12.33-5.08-3.38-3.38-5.08-7.49-5.08-12.33v-34.81c0-4.83,1.69-8.94,5.08-12.33s7.49-5.08,12.33-5.08,8.94,1.69,12.33,5.08,5.08,7.49,5.08,12.33v34.81c0,4.83-1.69,8.94-5.08,12.33-3.38,3.38-7.49,5.08-12.33,5.08ZM76.5,137.42v-17.84c-10.06-1.35-18.37-5.85-24.95-13.49-6.58-7.64-9.86-16.54-9.86-26.69h11.6c0,8.03,2.83,14.87,8.49,20.52s12.5,8.49,20.52,8.49,14.87-2.83,20.52-8.49,8.49-12.5,8.49-20.52h11.6c0,10.15-3.29,19.05-9.86,26.69-6.58,7.64-14.89,12.14-24.95,13.49v17.84h-11.6ZM82.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
   }
-), d8 = {
+), g8 = {
   Alert: D2,
   Camera: O2,
-  DownArrow: F2,
+  DownArrow: k2,
   Ban: P2,
   Check: V2,
-  Elipses: k2,
+  Controller: F2,
+  Elipses: U2,
   Flag: W2,
-  Gear: U2,
-  Glass: H2,
-  Hdmi: K2,
-  Laptop: G2,
-  LeftArrow: q2,
-  Light: Y2,
-  Mic: T2,
-  Moon: J2,
-  Playstation: z2,
-  Podium: X2,
-  Power: Q2,
-  Privacy: N2,
-  Question: e8,
-  RightArrow: t8,
-  Shade: n8,
-  Sun: r8,
-  UpArrow: o8,
-  VolDown: s8,
-  VolMute: c8,
-  VolUp: l8,
-  Wireless: i8,
-  X: a8,
-  Xbox: u8
+  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,
+  RoomPC: c8,
+  Shade: s8,
+  Sun: o8,
+  UpArrow: r8,
+  VolDown: l8,
+  VolMute: i8,
+  VolUp: a8,
+  Wireless: u8,
+  X: d8,
+  Xbox: v8
 };
-function y6({
+function T6({
   name: t,
-  iconsDictionary: e = d8,
-  ...r
+  iconsDictionary: e = g8,
+  ...c
 }) {
-  const s = e[t] ?? null;
-  return s || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ n.jsx(B2, { multiIcon: s, ...r });
+  const o = e[t] ?? null;
+  return o || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ n.jsx(T2, { multiIcon: o, ...c });
 }
-const v8 = "_grid_1cmpp_1", h8 = "_header_1cmpp_11", g8 = "_content_1cmpp_17", f8 = "_footer_1cmpp_23", w8 = "_volume_1cmpp_29", t3 = {
-  grid: v8,
-  header: h8,
-  content: g8,
-  footer: f8,
-  volume: w8
-}, R6 = ({ header: t, footer: e, content: r, volume: s, showVolume: l }) => /* @__PURE__ */ n.jsxs("div", { className: t3.grid, children: [
-  /* @__PURE__ */ n.jsx("div", { className: t3.header, children: t }),
-  /* @__PURE__ */ n.jsx("div", { className: t3.content, children: r }),
-  l && /* @__PURE__ */ n.jsx("div", { className: t3.volume, children: s }),
-  /* @__PURE__ */ n.jsx("div", { className: t3.footer, children: e })
-] }), p8 = "_grid_11w5q_1", x8 = "_header_11w5q_11", M8 = "_content_11w5q_17", u3 = {
-  grid: p8,
-  header: x8,
-  content: M8,
-  "left-nav": "_left-nav_11w5q_23"
-}, E6 = ({ className: t, header: e, content: r, leftNav: s }) => /* @__PURE__ */ n.jsxs("div", { className: `${t} ${u3.grid}`, children: [
-  /* @__PURE__ */ n.jsx("div", { className: u3.header, children: e }),
-  s && /* @__PURE__ */ n.jsx("div", { className: u3.leftNav, children: s }),
-  /* @__PURE__ */ n.jsx("div", { className: u3.content, children: r })
-] }), m8 = "_grid_1uwfo_1", Z8 = "_header_1uwfo_11", j8 = "_content_1uwfo_17", C3 = {
+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
-}, _6 = ({ className: t, header: e, content: r }) => /* @__PURE__ */ n.jsxs("div", { className: `${t} ${C3.grid}`, children: [
-  /* @__PURE__ */ n.jsx("div", { className: C3.header, children: e }),
-  /* @__PURE__ */ n.jsx("div", { className: C3.content, children: r })
+  content: j8,
+  "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 })
 ] });
-function L6() {
+function V6() {
   return console.log(location.pathname), location.pathname;
 }
-var S8 = /* @__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))(S8 || {});
-class $6 {
-  constructor(e, r) {
+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) {
     _(this, "path");
     _(this, "handler");
-    this.path = e, this.handler = r;
+    this.path = e, this.handler = c;
   }
 }
-const A6 = "$off";
-class B6 {
+const k6 = "$off";
+class U6 {
   constructor() {
     _(this, "name", "");
     _(this, "iconUrl", "");
     _(this, "channel", "");
   }
 }
-class T6 {
+class W6 {
   constructor() {
     _(this, "deviceKey");
     _(this, "deviceType");
   }
 }
-class D6 {
+class H6 {
   constructor() {
     _(this, "deviceKey");
     _(this, "deviceType");
   }
 }
-class P6 {
+class K6 {
   constructor() {
     _(this, "currentShareText");
     _(this, "enabled");
@@ -2937,118 +3135,124 @@ class P6 {
   }
 }
 export {
-  D6 as AccessoryDeviceConfiguration,
-  M6 as Clock,
-  S8 as DaysOfWeek,
-  T6 as EnvironmentalDeviceConfiguration,
-  I6 as ErrorBox,
-  B2 as IconButton,
+  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 IconMultiDownArrow,
-  k2 as IconMultiElipses,
+  F2 as IconMultiController,
+  k2 as IconMultiDownArrow,
+  U2 as IconMultiElipses,
   W2 as IconMultiFlag,
-  U2 as IconMultiGear,
-  H2 as IconMultiGlass,
-  K2 as IconMultiHdmi,
-  G2 as IconMultiLaptop,
-  q2 as IconMultiLeftArrow,
-  Y2 as IconMultiLight,
-  J2 as IconMultiMoon,
-  z2 as IconMultiPlaystation,
-  X2 as IconMultiPodium,
-  Q2 as IconMultiPower,
-  N2 as IconMultiPrivacy,
-  e8 as IconMultiQuestion,
-  t8 as IconMultiRightArrow,
-  n8 as IconMultiShade,
-  r8 as IconMultiSun,
-  o8 as IconMultiUpArrow,
-  s8 as IconMultiVolDown,
-  c8 as IconMultiVolMute,
-  l8 as IconMultiVolUp,
-  i8 as IconMultiWireless,
-  a8 as IconMultiX,
-  u8 as IconMultiXbox,
-  R6 as MainLayout,
-  $6 as MessageHandler,
-  Q8 as MobileControlProvider,
-  M as MultiStateIconContainer,
-  y6 as NamedIconButton,
-  B6 as PresetChannel,
-  P6 as ShareState,
-  E6 as TechLayout,
-  _6 as TechPinLayout,
-  L6 as getBaseLocation,
-  b3 as httpClient,
-  A6 as roomOffSourceKey,
+  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,
+  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,
-  E8 as uiActions,
-  d2 as uiReducer,
-  _8 as useApiPath,
-  h2 as useAppConfig,
-  M2 as useAppDispatch,
-  e6 as useAvrControl,
-  x2 as useClientId,
-  E2 as useDeviceIBasicVolumeWithFeedback,
-  t6 as useEndpoint,
-  C6 as useGetAllDeviceStateFromRoomConfiguration,
-  g2 as useGetAllDevices,
-  z8 as useGetCurrentPopoverIdForGroup,
-  $ as useGetDevice,
-  N8 as useGetIBasicVolumeWithFeedback,
-  K8 as useGetRoomDisplayStates,
-  G8 as useGetZoomRoomControllerKey,
-  v1 as useIBasicVolumeWithFeedback,
-  n6 as useIChannelMessenger,
-  r6 as useIColor,
-  o6 as useICommunicationMonitor,
-  s6 as useIDPad,
-  c6 as useIDeviceInfoMessenger,
-  l6 as useIDvr,
-  h1 as useIHasPowerControl,
-  y3 as useIHasSelectableItems,
-  i6 as useILevelControls,
-  a6 as useILightingScenes,
-  u6 as useIMatrixRouting,
-  d6 as useINumeric,
-  v6 as useIRoomEventSchedule,
-  h6 as useIRunDirectRouteAction,
-  g6 as useIRunRouteAction,
-  f6 as useISetTopBoxControls,
-  w6 as useIShadesOpenCloseStop,
-  p6 as useIShutdownPromptTimer,
-  x6 as useISwitchedOutput,
-  m6 as useITechPassword,
-  Z6 as useITransport,
-  m2 as useInitialize,
-  j6 as useMobileControlTouchpanelController,
-  R2 as usePressHoldRelease,
-  U8 as useRoomAdvancedSharingActive,
-  O8 as useRoomCodecContentDestinationKey,
-  L8 as useRoomConfiguration,
-  T8 as useRoomDestinationList,
-  B8 as useRoomDestinations,
-  D8 as useRoomEnvironmentalDevices,
-  b6 as useRoomIBasicVolumeWithFeedback,
-  V8 as useRoomInCall,
-  k8 as useRoomIsCoolingDown,
-  W8 as useRoomIsOn,
-  F8 as useRoomIsWarmingUp,
-  p2 as useRoomKey,
-  $8 as useRoomName,
-  P8 as useRoomProgramAudioDestinationKey,
-  H8 as useRoomShareState,
-  A8 as useRoomSourceList,
-  R3 as useRoomState,
-  f2 as useRoomVolume,
-  Y8 as useShowIncomingCallModal,
-  J8 as useShowModal,
-  X8 as useShowPopoverById,
-  q8 as useShowShutdownModal,
-  S6 as useTwoWayDisplayBase,
-  E as useWebsocketContext,
-  w2 as useWsIsConnected
+  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,
+  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
 };