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

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

@@ -1,12 +1,12 @@
-var W1 = Object.defineProperty;
-var H1 = (t, e, o) => e in t ? W1(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var _ = (t, e, o) => (H1(t, typeof e != "symbol" ? e + "" : e, o), o);
-import K1 from "axios";
-import { createSlice as s3, 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 o1 from "lodash";
-import r1, { createContext as X1, useState as q, useRef as r3, useCallback as u3, useEffect as G, useContext as Q1 } from "react";
-import { useNavigate as N1 } from "react-router-dom";
+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,
@@ -17,7 +17,7 @@ const e2 = {
     loginMode: "",
     modes: {}
   }
-}, s1 = s3({
+}, o3 = o1({
   name: "appConfig",
   initialState: e2,
   reducers: {
@@ -25,33 +25,33 @@ const e2 = {
       t.config = e.payload;
     }
   }
-}), t2 = s1.actions, n2 = s1.reducer, o2 = {}, c1 = s3({
+}), t2 = o3.actions, n2 = o3.reducer, c2 = {}, r3 = o1({
   name: "devices",
-  initialState: o2,
+  initialState: c2,
   reducers: {
     setDeviceState(t, e) {
-      const o = e.payload.type, s = o.slice(o.lastIndexOf("/") + 1);
-      if (!s)
+      const c = e.payload.type, o = c.slice(c.lastIndexOf("/") + 1);
+      if (!o)
         return;
-      const l = e.payload.content, i = t[s] ?? {}, d = o1.merge(i, l);
-      return t[s] = d, t;
+      const l = e.payload.content, i = t[o] ?? {}, d = c3.merge(i, l);
+      return t[o] = d, t;
     }
   }
-}), r2 = c1.actions, s2 = c1.reducer, c2 = {}, l1 = s3({
+}), s2 = r3.actions, o2 = r3.reducer, r2 = {}, l3 = o1({
   name: "rooms",
-  initialState: c2,
+  initialState: r2,
   reducers: {
     setRoomState(t, e) {
-      const o = e.payload.type, s = o.slice(o.lastIndexOf("/") + 1);
-      if (console.log(o, 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 i = t[s] ?? {}, d = o1.merge(i, l);
-      return t[s] = d, console.log(t), t;
+      const i = t[o] ?? {}, d = c3.merge(i, l);
+      return t[o] = d, console.log(t), t;
     }
   }
-}), l2 = l1.actions, i2 = l1.reducer, a2 = {
+}), l2 = l3.actions, i2 = l3.reducer, a2 = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -70,7 +70,7 @@ const e2 = {
     userCode: "",
     qrUrl: ""
   }
-}, i1 = s3({
+}, i3 = o1({
   name: "runtimeConfig",
   initialState: a2,
   reducers: {
@@ -96,13 +96,13 @@ const e2 = {
       t.roomData.userCode = e.payload.userCode, t.roomData.qrUrl = e.payload.qrUrl;
     }
   }
-}), K = i1.actions, u2 = i1.reducer, d2 = {
+}), K = i3.actions, u2 = i3.reducer, d2 = {
   modalVisibility: {
     showShutdownModal: !1,
     showIncomingCallModal: !1
   },
   popoverVisibility: {}
-}, a1 = s3({
+}, a3 = o1({
   name: "ui",
   initialState: d2,
   reducers: {
@@ -121,141 +121,141 @@ const e2 = {
       t.modalVisibility.showIncomingCallModal = e.payload;
     },
     setPopoverState(t, e) {
-      t.popoverVisibility[e.payload.popoverGroup] || (t.popoverVisibility[e.payload.popoverGroup] = {}), Object.entries(t.popoverVisibility[e.payload.popoverGroup]).forEach(([o]) => {
-        t.popoverVisibility[e.payload.popoverGroup][o] = !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;
     }
   }
-}), L8 = a1.actions, v2 = a1.reducer, u1 = G1({
+}), A8 = a3.actions, v2 = a3.reducer, u3 = G3({
   appConfig: n2,
   runtimeConfig: u2,
   rooms: i2,
-  devices: s2,
+  devices: o2,
   ui: v2
-}), h2 = n1({
-  reducer: u1
-}), Z = Y1, g2 = () => Z((t) => t.appConfig.config), $8 = () => Z((t) => t.appConfig.config.apiPath), f2 = () => Z((t) => t.devices);
+}), 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 A8 = (t) => Z(
+const T8 = (t) => Z(
   (e) => {
-    var o;
-    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.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
-), T8 = (t) => Z(
-  (e) => {
-    var o;
-    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.name : void 0;
-  }
-), w2 = (t, e) => Z(
-  (o) => {
-    var s;
-    return o.rooms[t] ? (s = o.rooms[t]) == null ? void 0 : s.volumes[e] : void 0;
-  }
 ), D8 = (t) => Z(
   (e) => {
-    var o, s;
-    return e.rooms[t] ? (s = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : s.sourceList : void 0;
+    var c;
+    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.name : void 0;
   }
-), B8 = (t) => Z(
-  (e) => {
-    var o, s;
-    return e.rooms[t] ? (s = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : s.destinations : void 0;
+), w2 = (t, e) => Z(
+  (c) => {
+    var o;
+    return c.rooms[t] ? (o = c.rooms[t]) == null ? void 0 : o.volumes[e] : void 0;
   }
 ), P8 = (t) => Z(
   (e) => {
-    var o, s;
-    return e.rooms[t] ? (s = (o = e.rooms[t]) == null ? void 0 : o.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.sourceList : void 0;
   }
 ), O8 = (t) => Z(
   (e) => {
-    var o, s;
-    return e.rooms[t] ? (s = (o = e.rooms[t]) == null ? void 0 : o.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.destinations : void 0;
   }
 ), V8 = (t) => Z(
   (e) => {
-    var o, s, l, i, d, f, u, C;
-    return (s = (o = e.rooms[t]) == null ? void 0 : o.configuration) != null && s.destinationList.programAudio ? (d = (i = (l = e.rooms[t]) == null ? void 0 : l.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : d.sinkKey : ((C = (u = (f = e.rooms[t]) == null ? void 0 : f.configuration) == null ? void 0 : u.destinationList.defaultDisplay) == null ? void 0 : C.sinkKey) || "";
+    var c, o;
+    return e.rooms[t] ? (o = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : o.destinationList : void 0;
   }
 ), F8 = (t) => Z(
   (e) => {
-    var o, s, l;
-    return e.rooms[t] ? (l = (s = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : s.destinationList.codecContent) == null ? void 0 : l.sinkKey : 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;
   }
 ), k8 = (t) => Z(
   (e) => {
-    var o;
-    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.isInCall : void 0;
+    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) || "";
   }
 ), U8 = (t) => Z(
   (e) => {
-    var o;
-    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.isWarmingUp : 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;
   }
 ), W8 = (t) => Z(
   (e) => {
-    var o;
-    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.isCoolingDown : void 0;
+    var c;
+    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.isInCall : void 0;
   }
 ), H8 = (t) => Z(
   (e) => {
-    var o;
-    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.isOn : void 0;
+    var c;
+    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.isWarmingUp : void 0;
   }
 ), K8 = (t) => Z(
   (e) => {
-    var o;
-    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.advancedSharingActive : void 0;
+    var c;
+    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.isCoolingDown : void 0;
   }
 ), G8 = (t) => Z(
   (e) => {
-    var o;
-    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.share : void 0;
+    var c;
+    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.isOn : void 0;
   }
-), q8 = (t) => q1(
+), q8 = (t) => Z(
+  (e) => {
+    var c;
+    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.advancedSharingActive : void 0;
+  }
+), Y8 = (t) => Z(
+  (e) => {
+    var c;
+    return e.rooms[t] ? (c = e.rooms[t]) == null ? void 0 : c.share : void 0;
+  }
+), J8 = (t) => q3(
   [
-    (e, o) => o,
+    (e, c) => c,
     f2,
     (e) => {
-      var o, s;
-      return (s = (o = e.rooms[t]) == null ? void 0 : o.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, o, s) => {
-    if (console.log("roomKey", e), console.log("devices", o), 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(([d]) => d !== "programAudio" && d !== "codecContent").map(([, d]) => d);
-    return Object.values(o).filter((d) => Object.values(l).includes(d.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));
   }
-)(h2.getState(), t), Y8 = (t) => Z(
+)(h2.getState(), t), z8 = (t) => Z(
   (e) => {
-    var o, s;
-    return e.rooms[t] ? (s = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : s.zoomRoomControllerKey : void 0;
-  }
-), p2 = () => Z((t) => t.runtimeConfig.websocket.isConnected), x2 = () => Z((t) => t.runtimeConfig.roomData.roomKey), M2 = () => Z((t) => t.runtimeConfig.roomData.clientId), J8 = () => Z((t) => t.ui.modalVisibility.showShutdownModal), z8 = () => Z((t) => t.ui.modalVisibility.showIncomingCallModal), X8 = (t) => Z((e) => e.ui.modalVisibility[t]), Q8 = (t) => Z((e) => {
-  const o = e.ui.popoverVisibility[t];
-  if (o)
-    return Object.keys(o).find((s) => o[s]);
-}), N8 = (t, e) => Z((o) => {
-  var s;
-  return (s = o.ui.popoverVisibility[t]) == null ? void 0 : s[e];
-}), F = n1({
-  reducer: u1
-}), m2 = J1, b3 = K1.create();
+    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 o = `/${e.join("/")}`, s = await b3.get("/_local-config/_config.local.json", { baseURL: o });
-      if (s.status == 200 && s.data) {
-        const l = s.data.apiPath;
-        t(t2.setAppConfig(s.data));
-        const i = await b3.get(`${l}/version`);
+      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) {
@@ -264,7 +264,7 @@ function Z2() {
     return !0;
   };
 }
-var I3 = { exports: {} }, t3 = {};
+var I1 = { exports: {} }, t1 = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -274,89 +274,89 @@ var I3 = { exports: {} }, t3 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var N3;
+var N1;
 function j2() {
-  return N3 || (N3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = r1, e = Symbol.for("react.element"), o = Symbol.for("react.portal"), s = 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"), C = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), D = Symbol.for("react.offscreen"), V = Symbol.iterator, Y = "@@iterator";
-    function J(r) {
-      if (r === null || typeof r != "object")
+  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 && r[V] || r[Y];
-      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(r) {
+    function g(s) {
       {
-        for (var c = arguments.length, a = new Array(c > 1 ? c - 1 : 0), v = 1; v < c; v++)
+        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", r, a);
+        O("error", s, a);
       }
     }
-    function O(r, c, a) {
+    function O(s, r, a) {
       {
-        var v = m.ReactDebugCurrentFrame, x = v.getStackAddendum();
-        x !== "" && (c += "%s", a = a.concat([x]));
+        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[r], console, j);
+        j.unshift("Warning: " + r), Function.prototype.apply.call(console[s], console, j);
       }
     }
-    var z = !1, E = !1, X = !1, v3 = !1, h3 = !1, E3;
-    E3 = Symbol.for("react.module.reference");
-    function g1(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === s || r === i || h3 || r === l || r === C || r === S || v3 || r === D || z || E || X || typeof r == "object" && r !== null && (r.$$typeof === A || r.$$typeof === b || r.$$typeof === d || r.$$typeof === f || r.$$typeof === u || // 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.
-      r.$$typeof === E3 || r.getModuleId !== void 0));
+      s.$$typeof === E1 || s.getModuleId !== void 0));
     }
-    function f1(r, c, a) {
-      var v = r.displayName;
+    function f3(s, r, a) {
+      var v = s.displayName;
       if (v)
         return v;
-      var x = c.displayName || c.name || "";
-      return x !== "" ? a + "(" + x + ")" : a;
+      var M = r.displayName || r.name || "";
+      return M !== "" ? a + "(" + M + ")" : a;
     }
-    function _3(r) {
-      return r.displayName || "Context";
+    function _1(s) {
+      return s.displayName || "Context";
     }
-    function P(r) {
-      if (r == null)
+    function P(s) {
+      if (s == null)
         return null;
-      if (typeof r.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
-        return r.displayName || r.name || null;
-      if (typeof r == "string")
-        return r;
-      switch (r) {
-        case s:
-          return "Fragment";
+      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 c:
           return "Portal";
         case i:
           return "Profiler";
         case l:
           return "StrictMode";
-        case C:
-          return "Suspense";
         case S:
+          return "Suspense";
+        case C:
           return "SuspenseList";
       }
-      if (typeof r == "object")
-        switch (r.$$typeof) {
+      if (typeof s == "object")
+        switch (s.$$typeof) {
           case f:
-            var c = r;
-            return _3(c) + ".Consumer";
+            var r = s;
+            return _1(r) + ".Consumer";
           case d:
-            var a = r;
-            return _3(a._context) + ".Provider";
+            var a = s;
+            return _1(a._context) + ".Provider";
           case u:
-            return f1(r, r.render, "ForwardRef");
+            return f3(s, s.render, "ForwardRef");
           case b:
-            var v = r.displayName || null;
-            return v !== null ? v : P(r.type) || "Memo";
+            var v = s.displayName || null;
+            return v !== null ? v : P(s.type) || "Memo";
           case A: {
-            var x = r, j = x._payload, p = x._init;
+            var M = s, j = M._payload, p = M._init;
             try {
               return P(p(j));
             } catch {
@@ -366,103 +366,103 @@ function j2() {
         }
       return null;
     }
-    var k = Object.assign, Q = 0, L3, $3, A3, T3, D3, B3, 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 (Q === 0) {
-          L3 = console.log, $3 = console.info, A3 = console.warn, T3 = console.error, D3 = console.group, B3 = console.groupCollapsed, P3 = console.groupEnd;
-          var r = {
+          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: r,
-            log: r,
-            warn: r,
-            error: r,
-            group: r,
-            groupCollapsed: r,
-            groupEnd: r
+            info: s,
+            log: s,
+            warn: s,
+            error: s,
+            group: s,
+            groupCollapsed: s,
+            groupEnd: s
           });
         }
         Q++;
       }
     }
-    function p1() {
+    function p3() {
       {
         if (Q--, Q === 0) {
-          var r = {
+          var s = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: k({}, r, {
-              value: L3
+            log: k({}, s, {
+              value: L1
             }),
-            info: k({}, r, {
-              value: $3
+            info: k({}, s, {
+              value: $1
             }),
-            warn: k({}, r, {
-              value: A3
+            warn: k({}, s, {
+              value: A1
             }),
-            error: k({}, r, {
-              value: T3
+            error: k({}, s, {
+              value: B1
             }),
-            group: k({}, r, {
-              value: D3
+            group: k({}, s, {
+              value: T1
             }),
-            groupCollapsed: k({}, r, {
-              value: B3
+            groupCollapsed: k({}, s, {
+              value: D1
             }),
-            groupEnd: k({}, r, {
-              value: P3
+            groupEnd: k({}, s, {
+              value: P1
             })
           });
         }
         Q < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var g3 = m.ReactCurrentDispatcher, f3;
-    function c3(r, c, a) {
+    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 + r;
+` + f1 + s;
       }
     }
-    var w3 = !1, l3;
+    var w1 = !1, l1;
     {
-      var x1 = typeof WeakMap == "function" ? WeakMap : Map;
-      l3 = new x1();
+      var x3 = typeof WeakMap == "function" ? WeakMap : Map;
+      l1 = new x3();
     }
-    function V3(r, c) {
-      if (!r || w3)
+    function V1(s, r) {
+      if (!s || w1)
         return "";
       {
-        var a = l3.get(r);
+        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();
           };
@@ -473,29 +473,29 @@ function j2() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(p, []);
-            } catch (T) {
-              v = T;
+            } catch (B) {
+              v = B;
             }
-            Reflect.construct(r, [], p);
+            Reflect.construct(s, [], p);
           } else {
             try {
               p.call();
-            } catch (T) {
-              v = T;
+            } catch (B) {
+              v = B;
             }
-            r.call(p.prototype);
+            s.call(p.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (T) {
-            v = T;
+          } catch (B) {
+            v = B;
           }
-          r();
+          s();
         }
-      } catch (T) {
-        if (T && v && typeof T.stack == "string") {
-          for (var w = T.stack.split(`
+      } catch (B) {
+        if (B && v && typeof B.stack == "string") {
+          for (var w = B.stack.split(`
 `), $ = v.stack.split(`
 `), I = w.length - 1, R = $.length - 1; I >= 1 && R >= 0 && w[I] !== $[R]; )
             R--;
@@ -504,165 +504,165 @@ function j2() {
               if (I !== 1 || R !== 1)
                 do
                   if (I--, R--, R < 0 || w[I] !== $[R]) {
-                    var B = `
+                    var D = `
 ` + w[I].replace(" at new ", " at ");
-                    return r.displayName && B.includes("<anonymous>") && (B = B.replace("<anonymous>", r.displayName)), typeof r == "function" && l3.set(r, B), B;
+                    return s.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", s.displayName)), typeof s == "function" && l1.set(s, D), D;
                   }
                 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 = r ? r.displayName || r.name : "", U = H ? c3(H) : "";
-      return typeof r == "function" && l3.set(r, U), U;
+      var H = s ? s.displayName || s.name : "", U = H ? r1(H) : "";
+      return typeof s == "function" && l1.set(s, U), U;
     }
-    function M1(r, c, a) {
-      return V3(r, !1);
+    function M3(s, r, a) {
+      return V1(s, !1);
     }
-    function m1(r) {
-      var c = r.prototype;
-      return !!(c && c.isReactComponent);
+    function m3(s) {
+      var r = s.prototype;
+      return !!(r && r.isReactComponent);
     }
-    function i3(r, c, a) {
-      if (r == null)
+    function i1(s, r, a) {
+      if (s == null)
         return "";
-      if (typeof r == "function")
-        return V3(r, m1(r));
-      if (typeof r == "string")
-        return c3(r);
-      switch (r) {
-        case C:
-          return c3("Suspense");
+      if (typeof s == "function")
+        return V1(s, m3(s));
+      if (typeof s == "string")
+        return r1(s);
+      switch (s) {
         case S:
-          return c3("SuspenseList");
+          return r1("Suspense");
+        case C:
+          return r1("SuspenseList");
       }
-      if (typeof r == "object")
-        switch (r.$$typeof) {
+      if (typeof s == "object")
+        switch (s.$$typeof) {
           case u:
-            return M1(r.render);
+            return M3(s.render);
           case b:
-            return i3(r.type, c, a);
+            return i1(s.type, r, a);
           case A: {
-            var v = r, x = v._payload, j = v._init;
+            var v = s, M = v._payload, j = v._init;
             try {
-              return i3(j(x), c, a);
+              return i1(j(M), r, a);
             } catch {
             }
           }
         }
       return "";
     }
-    var N = Object.prototype.hasOwnProperty, F3 = {}, k3 = m.ReactDebugCurrentFrame;
-    function a3(r) {
-      if (r) {
-        var c = r._owner, a = i3(r.type, r._source, c ? c.type : null);
-        k3.setExtraStackFrame(a);
+    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(r, c, a, v, x) {
+    function Z3(s, r, a, v, M) {
       {
         var j = Function.call.bind(N);
-        for (var p in r)
-          if (j(r, p)) {
+        for (var p in s)
+          if (j(s, p)) {
             var w = void 0;
             try {
-              if (typeof r[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 r[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              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 = r[p](c, p, v, a, 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) && (a3(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", a, p, typeof w), a3(null)), w instanceof Error && !(w.message in F3) && (F3[w.message] = !0, a3(x), g("Failed %s type: %s", a, w.message), a3(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(r) {
-      return j1(r);
+    var j3 = Array.isArray;
+    function p1(s) {
+      return j3(s);
     }
-    function S1(r) {
+    function C3(s) {
       {
-        var c = typeof Symbol == "function" && Symbol.toStringTag, a = c && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        var r = typeof Symbol == "function" && Symbol.toStringTag, a = r && s[Symbol.toStringTag] || s.constructor.name || "Object";
         return a;
       }
     }
-    function C1(r) {
+    function S3(s) {
       try {
-        return U3(r), !1;
+        return U1(s), !1;
       } catch {
         return !0;
       }
     }
-    function U3(r) {
-      return "" + r;
+    function U1(s) {
+      return "" + s;
     }
-    function W3(r) {
-      if (C1(r))
-        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", S1(r)), U3(r);
+    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 e3 = m.ReactCurrentOwner, b1 = {
+    var e1 = m.ReactCurrentOwner, b3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, H3, K3, x3;
-    x3 = {};
-    function I1(r) {
-      if (N.call(r, "ref")) {
-        var c = Object.getOwnPropertyDescriptor(r, "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 r.ref !== void 0;
+      return s.ref !== void 0;
     }
-    function y1(r) {
-      if (N.call(r, "key")) {
-        var c = Object.getOwnPropertyDescriptor(r, "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 r.key !== void 0;
+      return s.key !== void 0;
     }
-    function R1(r, c) {
-      if (typeof r.ref == "string" && e3.current && c && e3.current.stateNode !== c) {
-        var a = P(e3.current.type);
-        x3[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(e3.current.type), r.ref), x3[a] = !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(r, c) {
+    function E3(s, r) {
       {
         var a = 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));
+          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));
         };
-        a.isReactWarning = !0, Object.defineProperty(r, "key", {
+        a.isReactWarning = !0, Object.defineProperty(s, "key", {
           get: a,
           configurable: !0
         });
       }
     }
-    function _1(r, c) {
+    function _3(s, r) {
       {
         var a = 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));
+          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));
         };
-        a.isReactWarning = !0, Object.defineProperty(r, "ref", {
+        a.isReactWarning = !0, Object.defineProperty(s, "ref", {
           get: a,
           configurable: !0
         });
       }
     }
-    var L1 = function(r, c, a, 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: r,
-        key: c,
+        type: s,
+        key: r,
         ref: a,
         props: p,
         // Record the component responsible for creating this element.
@@ -682,201 +682,201 @@ function j2() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: x
+        value: M
       }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w;
     };
-    function $1(r, c, a, v, x) {
+    function $3(s, r, a, v, M) {
       {
         var j, p = {}, w = null, $ = null;
-        a !== void 0 && (W3(a), w = "" + a), y1(c) && (W3(c.key), w = "" + c.key), I1(c) && ($ = c.ref, R1(c, x));
-        for (j in c)
-          N.call(c, j) && !b1.hasOwnProperty(j) && (p[j] = c[j]);
-        if (r && r.defaultProps) {
-          var I = r.defaultProps;
+        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 || $) {
-          var R = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          w && E1(p, R), $ && _1(p, R);
+          var R = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
+          w && E3(p, R), $ && _3(p, R);
         }
-        return L1(r, w, $, x, v, e3.current, p);
+        return L3(s, w, $, M, v, e1.current, p);
       }
     }
-    var M3 = m.ReactCurrentOwner, G3 = m.ReactDebugCurrentFrame;
-    function W(r) {
-      if (r) {
-        var c = r._owner, a = i3(r.type, r._source, c ? c.type : null);
-        G3.setExtraStackFrame(a);
+    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(r) {
-      return typeof r == "object" && r !== null && r.$$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 r = P(M3.current.type);
-          if (r)
+        if (M1.current) {
+          var s = P(M1.current.type);
+          if (s)
             return `
 
-Check the render method of \`` + r + "`.";
+Check the render method of \`` + s + "`.";
         }
         return "";
       }
     }
-    function A1(r) {
+    function A3(s) {
       {
-        if (r !== void 0) {
-          var c = r.fileName.replace(/^.*[\\\/]/, ""), a = r.lineNumber;
+        if (s !== void 0) {
+          var r = s.fileName.replace(/^.*[\\\/]/, ""), a = s.lineNumber;
           return `
 
-Check your code at ` + c + ":" + a + ".";
+Check your code at ` + r + ":" + a + ".";
         }
         return "";
       }
     }
-    var Y3 = {};
-    function T1(r) {
+    var Y1 = {};
+    function B3(s) {
       {
-        var c = q3();
-        if (!c) {
-          var a = typeof r == "string" ? r : r.displayName || r.name;
-          a && (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 <` + a + ">.");
         }
-        return c;
+        return r;
       }
     }
-    function J3(r, c) {
+    function J1(s, r) {
       {
-        if (!r._store || r._store.validated || r.key != null)
+        if (!s._store || s._store.validated || s.key != null)
           return;
-        r._store.validated = !0;
-        var a = T1(c);
-        if (Y3[a])
+        s._store.validated = !0;
+        var a = B3(r);
+        if (Y1[a])
           return;
-        Y3[a] = !0;
+        Y1[a] = !0;
         var v = "";
-        r && r._owner && r._owner !== M3.current && (v = " It was passed a child from " + P(r._owner.type) + "."), W(r), 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);
+        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(r, c) {
+    function z1(s, r) {
       {
-        if (typeof r != "object")
+        if (typeof s != "object")
           return;
-        if (p3(r))
-          for (var a = 0; a < r.length; a++) {
-            var v = r[a];
-            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(r))
-          r._store && (r._store.validated = !0);
-        else if (r) {
-          var x = J(r);
-          if (typeof x == "function" && x !== r.entries)
-            for (var j = x.call(r), 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 D1(r) {
+    function T3(s) {
       {
-        var c = r.type;
-        if (c == null || typeof c == "string")
+        var r = s.type;
+        if (r == null || typeof r == "string")
           return;
         var a;
-        if (typeof c == "function")
-          a = c.propTypes;
-        else if (typeof c == "object" && (c.$$typeof === u || // Note: Memo only checks outer props here.
+        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))
-          a = c.propTypes;
+        r.$$typeof === b))
+          a = r.propTypes;
         else
           return;
         if (a) {
-          var v = P(c);
-          Z1(a, r.props, "prop", v, r);
-        } 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.");
+          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 B1(r) {
+    function D3(s) {
       {
-        for (var c = Object.keys(r.props), a = 0; a < c.length; a++) {
-          var v = c[a];
+        for (var r = Object.keys(s.props), a = 0; a < r.length; a++) {
+          var v = r[a];
           if (v !== "children" && v !== "key") {
-            W(r), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), W(null);
+            W(s), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), W(null);
             break;
           }
         }
-        r.ref !== null && (W(r), g("Invalid attribute `ref` supplied to `React.Fragment`."), W(null));
+        s.ref !== null && (W(s), g("Invalid attribute `ref` supplied to `React.Fragment`."), W(null));
       }
     }
-    var X3 = {};
-    function Q3(r, c, a, v, x, j) {
+    var X1 = {};
+    function Q1(s, r, a, v, M, j) {
       {
-        var p = g1(r);
+        var p = g3(s);
         if (!p) {
           var w = "";
-          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).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 $ = A1(x);
-          $ ? w += $ : 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;
-          r === null ? I = "null" : p3(r) ? I = "array" : r !== void 0 && r.$$typeof === e ? (I = "<" + (P(r.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : I = typeof r, 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 R = $1(r, c, a, x, j);
+        var R = $3(s, r, a, M, j);
         if (R == null)
           return R;
         if (p) {
-          var B = c.children;
-          if (B !== void 0)
+          var D = r.children;
+          if (D !== void 0)
             if (v)
-              if (p3(B)) {
-                for (var H = 0; H < B.length; H++)
-                  z3(B[H], r);
-                Object.freeze && Object.freeze(B);
+              if (p1(D)) {
+                for (var H = 0; H < D.length; H++)
+                  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(B, r);
-        }
-        if (N.call(c, "key")) {
-          var U = P(r), T = Object.keys(c).filter(function(U1) {
-            return U1 !== "key";
-          }), j3 = T.length > 0 ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!X3[U + j3]) {
-            var k1 = T.length > 0 ? "{" + T.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, U, k1, U), X3[U + j3] = !0;
+  <%s key={someKey} {...props} />`, j1, U, k3, U), X1[U + j1] = !0;
           }
         }
-        return r === s ? B1(R) : D1(R), R;
+        return s === o ? D3(R) : T3(R), R;
       }
     }
-    function P1(r, c, a) {
-      return Q3(r, c, a, !0);
+    function P3(s, r, a) {
+      return Q1(s, r, a, !0);
     }
-    function O1(r, c, a) {
-      return Q3(r, c, a, !1);
+    function O3(s, r, a) {
+      return Q1(s, r, a, !1);
     }
-    var V1 = O1, F1 = P1;
-    t3.Fragment = s, t3.jsx = V1, t3.jsxs = F1;
-  }()), t3;
+    var V3 = O3, F3 = P3;
+    t1.Fragment = o, t1.jsx = V3, t1.jsxs = F3;
+  }()), t1;
 }
-var n3 = {};
+var n1 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -886,27 +886,27 @@ var n3 = {};
  * 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 S2() {
-  if (e1)
-    return n3;
-  e1 = 1;
-  var t = r1, e = Symbol.for("react.element"), o = Symbol.for("react.fragment"), s = 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, C) {
-    var S, b = {}, A = null, D = null;
-    C !== void 0 && (A = "" + C), u.key !== void 0 && (A = "" + u.key), u.ref !== void 0 && (D = u.ref);
-    for (S in u)
-      s.call(u, S) && !i.hasOwnProperty(S) && (b[S] = u[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 u = f.defaultProps, u)
-        b[S] === void 0 && (b[S] = u[S]);
-    return { $$typeof: e, type: f, key: A, ref: D, props: b, _owner: l.current };
+      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 n3.Fragment = o, n3.jsx = d, n3.jsxs = d, n3;
+  return n1.Fragment = c, n1.jsx = d, n1.jsxs = d, n1;
 }
-process.env.NODE_ENV === "production" ? I3.exports = S2() : I3.exports = j2();
-var n = I3.exports;
-const C2 = () => /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs("div", { className: "disconnected-message", children: [
+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..." })
 ] }) });
@@ -918,7 +918,7 @@ class b2 {
     _(this, "expiry", "current-uuid-expires");
   }
 }
-const t1 = new b2(), d1 = X1({
+const t3 = new b2(), d3 = X3({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
@@ -931,28 +931,28 @@ function y2(t, e) {
   sessionStorage.setItem(t, e);
 }
 const R2 = ({ children: t }) => {
-  const [e, o] = q(), s = p2(), l = x2(), i = M2(), d = Z2(), f = g2(), u = r3(null), [C, S] = q(), b = r3({}), A = u3(
+  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), g.repsonse && g.response.status === 498 && console.error("Invalid token. Unable to join room");
       });
     },
     [e]
-  ), D = u3(
+  ), T = u1(
     (m, g) => {
-      u.current && s && u.current.send(JSON.stringify({ type: m, clientId: i, content: g }));
+      u.current && o && u.current.send(JSON.stringify({ type: m, clientId: i, content: g }));
     },
-    [s, i]
+    [o, i]
   ), V = (m, g) => {
-    D(m, { value: g });
-  }, Y = u3(
+    T(m, { value: g });
+  }, Y = u1(
     (m, g, O) => {
       b.current[m] || (b.current[m] = {}), b.current[m][g] = O, console.log("event handler added", m, g);
     },
     []
-  ), J = u3(
+  ), J = u1(
     (m, g) => {
       b.current[m] && (delete b.current[m][g], console.log("event handler removed", m, g));
     },
@@ -960,9 +960,9 @@ const R2 = ({ children: t }) => {
   );
   return G(() => {
     let g = new URLSearchParams(window.location.search).get("token");
-    g ? (console.log("saving token: ", g), y2(t1.uuid, g)) : (g = I2(t1.uuid), console.log("loading token: ", g)), o(g), d();
+    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 || C || !e)) {
+    if (!(!f.apiPath || S || !e)) {
       if (A(f.apiPath), !u.current) {
         const g = `${f.apiPath.replace("http", "ws")}/ui/join/${e}`, O = new WebSocket(g);
         u.current = O, O.onopen = () => {
@@ -976,7 +976,7 @@ const R2 = ({ children: t }) => {
             console.log("WebSocket closed by client.");
             return;
           }
-          C || (F.dispatch(K.setWebsocketIsConnected(!1)), S(!0), setTimeout(() => S(void 0), 5e3));
+          S || (F.dispatch(K.setWebsocketIsConnected(!1)), C(!0), setTimeout(() => C(void 0), 5e3));
         }, O.onmessage = (z) => {
           try {
             const E = JSON.parse(z.data);
@@ -998,15 +998,15 @@ const R2 = ({ children: t }) => {
             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((v3) => {
+              X || console.log("no handlers found for event type", E.type), X && Object.values(X).forEach((v1) => {
                 try {
-                  v3(E);
-                } catch (h3) {
-                  console.error(h3);
+                  v1(E);
+                } catch (h1) {
+                  console.error(h1);
                 }
               });
             } else
-              E.type.startsWith("/room/") ? F.dispatch(l2.setRoomState(E)) : E.type.startsWith("/device/") && F.dispatch(r2.setDeviceState(E));
+              E.type.startsWith("/room/") ? F.dispatch(l2.setRoomState(E)) : E.type.startsWith("/device/") && F.dispatch(s2.setDeviceState(E));
           } catch (E) {
             console.log(E);
           }
@@ -1016,24 +1016,24 @@ const R2 = ({ children: t }) => {
         u.current && u.current.close(), u.current = null;
       };
     }
-  }, [f.apiPath, A, e, C]), G(() => {
-    l && D(`/room/${l}/status`, null);
-  }, [l, D]), /* @__PURE__ */ n.jsx(d1.Provider, { value: { sendMessage: D, sendSimpleMessage: V, addEventHandler: Y, removeEventHandler: J }, children: s ? t : /* @__PURE__ */ n.jsx(C2, {}) });
-}, e6 = ({ children: t }) => /* @__PURE__ */ n.jsx(z1, { store: F, children: /* @__PURE__ */ n.jsx(R2, { children: t }) });
+  }, [f.apiPath, A, e, S]), G(() => {
+    l && T(`/room/${l}/status`, null);
+  }, [l, T]), /* @__PURE__ */ n.jsx(d3.Provider, { value: { sendMessage: T, sendSimpleMessage: V, addEventHandler: Y, removeEventHandler: J }, children: o ? t : /* @__PURE__ */ n.jsx(S2, {}) });
+}, n6 = ({ children: t }) => /* @__PURE__ */ n.jsx(z3, { store: F, children: /* @__PURE__ */ n.jsx(R2, { children: t }) });
 function y() {
-  return Q1(d1);
+  return Q3(d3);
 }
 function E2({
   onPress: t,
   onRelease: e,
-  onHold: o,
-  holdTimeMs: s = 500
+  onHold: c,
+  holdTimeMs: o = 500
 }) {
-  const l = r3(null), i = r3(!1);
+  const l = s1(null), i = s1(!1);
   function d() {
     i.current = !0, t == null || t(), l.current = setTimeout(() => {
-      o == null || o(), l.current = null;
-    }, s);
+      c == null || c(), l.current = null;
+    }, o);
   }
   function f() {
     i.current = !1, e == null || e(), l.current && (clearTimeout(l.current), l.current = null);
@@ -1048,46 +1048,46 @@ function E2({
   };
 }
 function h(t, e) {
-  const { sendMessage: s } = y(), l = r3(null);
+  const { sendMessage: o } = y(), l = s1(null);
   function i() {
-    s(`${t}/${e}`, { value: "pressed" }), l.current || (l.current = setInterval(() => {
-      s(`${t}/${e}`, { value: "held" });
+    o(`${t}/${e}`, { value: "pressed" }), l.current || (l.current = setInterval(() => {
+      o(`${t}/${e}`, { value: "held" });
     }, 250));
   }
   function d() {
-    l.current && (clearInterval(l.current), l.current = null), s(`${t}/${e}`, { value: "released" });
+    l.current && (clearInterval(l.current), l.current = null), o(`${t}/${e}`, { value: "released" });
   }
   return E2({ onPress: i, onRelease: d });
 }
-function v1(t, e) {
-  const { sendMessage: o, sendSimpleMessage: s } = y(), l = h(`${t}`, "volumeUp"), i = 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: i,
-    setLevel: (S) => s(`${t}/level`, S),
-    muteToggle: () => o(`${t}/muteToggle`, null),
-    muteOn: () => o(`${t}/muteOn`, null),
-    muteOff: () => o(`${t}/muteOff`, null)
+    setLevel: (C) => o(`${t}/level`, C),
+    muteToggle: () => c(`${t}/muteToggle`, null),
+    muteOn: () => c(`${t}/muteOn`, null),
+    muteOff: () => c(`${t}/muteOff`, null)
   } : void 0;
 }
-function t6(t, e) {
-  const { sendMessage: o, sendSimpleMessage: s } = y(), l = h(`${t}`, "volumeUp"), i = 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: i,
-    setLevel: (S) => s(`${t}/level`, S),
-    muteToggle: () => o(`${t}/muteToggle`, null),
-    muteOn: () => o(`${t}/muteOn`, null),
-    muteOff: () => o(`${t}/muteOff`, null)
+    setLevel: (C) => o(`${t}/level`, C),
+    muteToggle: () => c(`${t}/muteToggle`, null),
+    muteOn: () => c(`${t}/muteOn`, null),
+    muteOff: () => c(`${t}/muteOff`, null)
   } : void 0;
 }
 function _2(t) {
-  const e = L(t), o = `/device/${t}`;
-  return v1(o, e == null ? void 0 : e.volume);
+  const e = L(t), c = `/device/${t}`;
+  return v3(c, e == null ? void 0 : e.volume);
 }
-function h1(t) {
+function h3(t) {
   const { sendMessage: e } = y();
   return { powerOn: () => {
     e(`/device/${t}/powerOn`, null);
@@ -1097,31 +1097,31 @@ function h1(t) {
     e(`/device/${t}/powerToggle`, null);
   } };
 }
-function y3(t) {
-  const { sendMessage: e } = y(), o = L(t);
-  return console.log("deviceState", o), o ? { itemsState: o, 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 L2(t) {
-  const { sendMessage: e } = y(), o = L(t), s = () => {
+  const { sendMessage: e } = y(), c = L(t), o = () => {
     e(`/device/${t}/setDefaultChannelLevels`, null);
   }, l = () => {
-    if ((o == null ? void 0 : o.levelControls) === void 0)
+    if ((c == null ? void 0 : c.levelControls) === void 0)
       return;
-    Object.keys(o == null ? void 0 : o.levelControls).forEach((f) => {
+    Object.keys(c == null ? void 0 : c.levelControls).forEach((f) => {
       e(`/device/${t}/${f}/fullStatus`, null);
     });
   };
-  return o ? { levelControls: o.levelControls, setDefaultChannelLevels: s, getFullStatus: l } : void 0;
+  return c ? { levelControls: c.levelControls, setDefaultChannelLevels: o, getFullStatus: l } : void 0;
 }
-function n6(t) {
-  const e = L(t), o = h1(t), s = y3(t), l = y3(t), i = _2(t), d = L2(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: o,
-      inputControl: s,
+      powerControl: c,
+      inputControl: o,
       surroundSoundModes: l,
       surroundChannels: d,
       mainVolumeControl: i
@@ -1133,48 +1133,48 @@ function o6(t) {
     return { endpointState: e };
 }
 function r6(t) {
-  const e = `/device/${t}`, o = h(e, "chanUp"), s = h(e, "chanDown"), l = h(e, "lastChan"), i = h(e, "guide"), d = h(e, "info"), f = h(e, "exit");
-  return { channelUp: o, channelDown: s, lastChannel: l, guide: i, info: d, exit: f };
+  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 s6(t) {
-  const e = `/device/${t}`, o = h(e, "red"), s = h(e, "green"), l = h(e, "yellow"), i = h(e, "blue");
-  return { red: o, green: s, yellow: l, blue: i };
+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 c6(t) {
+function i6(t) {
   const e = L(t);
   if (e)
     return {
       communicationMonitorState: e
     };
 }
-function l6(t) {
-  const e = `/device/${t}`, o = h(e, "up"), s = 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: o, down: s, left: l, right: i, select: d, menu: f, exit: u };
+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 i6(t) {
+function u6(t) {
   const e = L(t);
   if (e)
     return e.deviceInfo || void 0;
 }
-function a6(t) {
-  const e = `/device/${t}`, o = h(e, "dvrList"), s = h(e, "record");
-  return { dvrList: o, record: s };
+function d6(t) {
+  const e = `/device/${t}`, c = h(e, "dvrList"), o = h(e, "record");
+  return { dvrList: c, record: o };
 }
-const u6 = ({ className: t }) => {
-  const [e, o] = q();
+const v6 = ({ className: t }) => {
+  const [e, c] = q();
   return G(() => {
     setInterval(() => {
-      const s = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
-      o(s);
+      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 d6(t) {
-  const { sendMessage: e } = y(), o = L(t);
-  return o ? { roomCombinerState: o, setAutoMode: () => {
+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);
@@ -1186,71 +1186,71 @@ function d6(t) {
     e(`/device/${t}/setRoomCombinationScenario`, u);
   } } : void 0;
 }
-function v6(t) {
-  const { sendMessage: e, sendSimpleMessage: o } = y(), s = L(t);
-  return s ? {
-    levelState: s,
-    setLevel: (u, C) => o(`${u}/level`, C),
+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 h6(t) {
-  const { sendMessage: e } = y(), o = L(t);
-  return o ? { lightingState: o, 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 g6(t) {
-  const { sendMessage: e } = y(), o = L(t);
-  return o ? { matrixRoutingState: o, 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 f6(t) {
+function p6(t) {
   const { sendMessage: e } = y();
   return { closeApp: () => {
     e(`/device/${t}/closeWebViewController`, null);
   } };
 }
-function w6(t) {
-  const e = `/device/${t}`, o = h(e, "num0"), s = h(e, "num1"), l = h(e, "num2"), i = h(e, "num3"), d = h(e, "num4"), f = h(e, "num5"), u = h(e, "num6"), C = h(e, "num7"), S = h(e, "num8"), b = h(e, "num9"), A = h(e, "numDash"), D = h(e, "numEnter");
-  return { digit0: o, digit1: s, digit2: l, digit3: i, digit4: d, digit5: f, digit6: u, digit7: C, digit8: S, digit9: b, keypadAccessoryButton1: A, keypadAccessoryButton2: D };
+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 p6(t) {
-  const { sendMessage: e } = y(), o = L(t);
-  return o ? { projectorScreenLiftControlState: o, raise: () => {
+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 x6(t) {
-  const { sendMessage: e } = y(), o = R3(t);
-  return o ? { roomEventScheduleState: o, save: (l) => {
+function m6(t) {
+  const { sendMessage: e } = y(), c = R1(t);
+  return c ? { roomEventScheduleState: c, save: (l) => {
     e(`/room/${t}/saveScheduledEvents`, l);
   } } : void 0;
 }
-function M6(t) {
+function Z6(t) {
   const { sendMessage: e } = y();
-  return { runDirectRoute: (s) => {
-    e(`/room/${t}/directRoute`, s);
+  return { runDirectRoute: (o) => {
+    e(`/room/${t}/directRoute`, o);
   } };
 }
-function m6(t) {
+function j6(t) {
   const { sendMessage: e } = y();
   return { routingState: L(t), runRoute: (l) => {
     e(`/room/${t}/source`, l);
   } };
 }
-function Z6(t) {
-  const e = `/device/${t}`, o = h(e, "chanUp"), s = h(e, "chanDown");
-  return { dvrList: o, replay: s };
+function C6(t) {
+  const e = `/device/${t}`, c = h(e, "chanUp"), o = h(e, "chanDown");
+  return { dvrList: c, replay: o };
 }
-function j6(t) {
-  const { sendMessage: e } = y(), o = L(t);
-  return o ? { shadeState: o, 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);
@@ -1258,9 +1258,9 @@ function j6(t) {
     e(`/device/${t}/stopOrPreset`, null);
   } } : void 0;
 }
-function S6(t) {
-  const { sendMessage: e } = y(), o = R3(t);
-  return o ? { shutdownPromptTimerState: o, 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);
@@ -1270,91 +1270,91 @@ function S6(t) {
     e(`/room/${t}/shutdownCancel`, null);
   } } : void 0;
 }
-function C6(t) {
-  const { sendMessage: e } = y(), o = L(t);
-  return o ? { switchedOutputState: o, 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;
 }
-function b6(t) {
-  const { sendMessage: e } = y(), o = R3(t);
-  return o ? { techPasswordState: o, validatePassword: (i) => {
+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 I6(t) {
-  const e = `/device/${t}`, o = h(e, "play"), s = h(e, "pause"), l = h(e, "stop"), i = h(e, "prevTrack"), d = h(e, "nextTrack"), f = h(e, "rewind"), u = h(e, "ffwd"), C = h(e, "record");
-  return { play: o, pause: s, stop: l, prevTrack: i, nextTrack: d, rewind: f, fastForward: u, 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 y6(t) {
-  const e = L(t), { sendMessage: o } = y();
+function E6(t) {
+  const e = L(t), { sendMessage: c } = y();
   return e ? {
     touchpanelState: e,
     appControl: { hideApp: () => {
-      o(`/device/${t}/hideApp`, null);
+      c(`/device/${t}/hideApp`, null);
     }, openApp: () => {
-      o(`/device/${t}/openApp`, null);
+      c(`/device/${t}/openApp`, null);
     }, closeApp: () => {
-      o(`/device/${t}/closeApp`, null);
+      c(`/device/${t}/closeApp`, null);
     } },
     zoomControl: { endCall: () => {
-      o(`/device/${t}/endCall`, null);
+      c(`/device/${t}/endCall`, null);
     } }
   } : void 0;
 }
-function R6(t) {
-  const e = L(t), o = 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, i = (!e.powerState || e.isCooling) && !e.isWarming;
   return {
     displayState: e,
-    powerControl: o,
-    inputControl: s,
+    powerControl: c,
+    inputControl: o,
     powerFb: { powerOnFb: l, powerOffFb: i }
   };
 }
-const E6 = ({ config: t }) => {
+const L6 = ({ config: t }) => {
   const { sendMessage: e } = y();
   G(() => {
-    var s, l;
+    var o, l;
     if (!t)
       return;
-    const o = [];
+    const c = [];
     Object.values(t.destinations).forEach((i) => {
-      o.push(i);
+      c.push(i);
     }), Object.values(t.destinationList).forEach((i) => {
-      o.push(i.sinkKey);
-    }), (s = t.touchpanelKeys) == null || s.forEach((i) => {
-      o.push(i);
+      c.push(i.sinkKey);
+    }), (o = t.touchpanelKeys) == null || o.forEach((i) => {
+      c.push(i);
     }), t.environmentalDevices.forEach((i) => {
-      o.push(i.deviceKey);
+      c.push(i.deviceKey);
     }), (l = t.accessoryDeviceKeys) == null || l.forEach((i) => {
-      o.push(i);
-    }), t.audioCodecKey && o.push(t.audioCodecKey), t.videoCodecKey && o.push(t.videoCodecKey), t.matrixRoutingKey && o.push(t.matrixRoutingKey), t.roomCombinerKey && o.push(t.roomCombinerKey), t.endpointKeys && t.endpointKeys.forEach((i) => {
-      o.push(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 i of Object.values(t.sourceList))
-      i.sourceKey && i.sourceKey !== "$off" && o.push(i.sourceKey);
-    console.log("deviceKeys", o), o.forEach((i) => {
+      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 _6(t, e) {
-  const o = w2(t, e), s = `/room/${t}/volumes/${e}`;
-  return v1(s, o);
+function $6(t, e) {
+  const c = w2(t, e), o = `/room/${t}/volumes/${e}`;
+  return v3(o, c);
 }
-function L6() {
-  const [t, e] = q(), [o, s] = q();
+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" });
-    s(i);
+    o(i);
   }
   return G(() => {
     l();
@@ -1362,46 +1362,46 @@ function L6() {
       l();
     }, 1e3);
     return () => clearInterval(i);
-  }, []), { date: t, time: o };
+  }, []), { date: t, time: c };
 }
-const $6 = () => {
-  const t = N1();
+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", T2 = "_iconsm_16qss_18", S3 = {
+}, $2 = "_iconbtn_16qss_1", A2 = "_iconbtnvert_16qss_7", B2 = "_iconsm_16qss_18", C1 = {
   iconbtn: $2,
   iconbtnvert: A2,
-  iconsm: T2
-}, D2 = ({
+  iconsm: B2
+}, T2 = ({
   multiIcon: t,
   otherContent: e = null,
-  vert: o = !1,
-  className: s,
+  vert: c = !1,
+  className: o,
   iconClassName: l = "",
   otherContentClassName: i = "",
   disabled: d,
   feedback: f,
   feedbackClassName: u,
-  onPointerDown: C,
-  onPointerUp: S,
+  onPointerDown: S,
+  onPointerUp: C,
   onPointerLeave: b,
   ...A
 }) => {
-  const [D, V] = q(!1), Y = !d && f ? u : "", J = !d && (D || f);
+  const [T, V] = q(!1), Y = !d && f ? u : "", J = !d && (T || f);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
       type: "button",
-      className: `${S3.iconbtn} ${o ? S3.iconbtnvert : ""} ${s} ${Y}`,
+      className: `${C1.iconbtn} ${c ? C1.iconbtnvert : ""} ${o} ${Y}`,
       ...A,
       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);
@@ -1410,7 +1410,7 @@ const $6 = () => {
         t && /* @__PURE__ */ n.jsx(
           t,
           {
-            className: `${l || S3.iconsm}`,
+            className: `${l || C1.iconsm}`,
             active: J,
             disabled: d
           }
@@ -1419,67 +1419,18 @@ const $6 = () => {
       ]
     }
   );
-}, M = ({
+}, x = ({
   ActiveImage: t,
   DisabledImage: e,
-  EnabledImage: o,
-  active: s,
+  EnabledImage: c,
+  active: o,
   disabled: l
-}) => l ? e : s ? t : o, B2 = ({
+}) => l ? e : o ? t : c, D2 = ({
   active: t,
   className: e = "",
-  disabled: o
+  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: o
-  }
-), P2 = ({
-  active: t,
-  className: e = "",
-  disabled: o
-}) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: /* @__PURE__ */ n.jsx(
       "svg",
@@ -1524,14 +1475,14 @@ const $6 = () => {
       }
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
-), O2 = ({
+), P2 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-ban-active.svg */
@@ -1573,14 +1524,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
-), V2 = ({
+), O2 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: /* @__PURE__ */ n.jsx(
       "svg",
@@ -1613,14 +1564,14 @@ const $6 = () => {
       }
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
-), F2 = ({
+), V2 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-check-active.svg */
@@ -1662,14 +1613,86 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    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: c
+}) => /* @__PURE__ */ n.jsx(
+  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: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-down-active.svg */
@@ -1711,14 +1734,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
 ), U2 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-elipses-active.svg */
@@ -1760,14 +1783,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
 ), W2 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-flag-active.svg */
@@ -1809,14 +1832,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
 ), H2 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* /Users/hvolmer/Downloads/SVG/icon-gear-active.svg */
@@ -1858,14 +1881,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
 ), K2 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-glass-active.svg */
@@ -1907,16 +1930,16 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
 ), 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: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-hdmi-active.svg */
@@ -1976,14 +1999,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
 ), q2 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-laptop-active.svg */
@@ -2025,14 +2048,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
 ), Y2 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-left-active.svg */
@@ -2074,14 +2097,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
 ), J2 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-light-active.svg */
@@ -2123,14 +2146,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
 ), z2 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-moon-active.svg */
@@ -2172,14 +2195,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
 ), X2 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-playstation-active.svg */
@@ -2194,14 +2217,14 @@ const $6 = () => {
       /* @__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: o
+    disabled: c
   }
 ), Q2 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-podium-active.svg */
@@ -2243,14 +2266,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
 ), N2 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-power-active.svg */
@@ -2292,14 +2315,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
 ), e8 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-privacy-active.svg */
@@ -2341,14 +2364,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
 ), t8 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-question-active.svg */
@@ -2390,14 +2413,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
 ), n8 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-right-active.svg */
@@ -2439,14 +2462,86 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
-), o8 = ({
+), c8 = ({
+  active: t,
+  // Just to shut up the linter on this template. Prefer deleting this lint rule
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  className: e = "",
+  disabled: c
+}) => /* @__PURE__ */ n.jsx(
+  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: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-shade-active.svg */
@@ -2488,14 +2583,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
-), r8 = ({
+), o8 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-sun-active.svg */
@@ -2537,14 +2632,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
-), s8 = ({
+), r8 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-up-active.svg */
@@ -2586,14 +2681,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
-), c8 = ({
+), l8 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-volDown-active.svg */
@@ -2635,14 +2730,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
-), l8 = ({
+), i8 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-volMute-active.svg */
@@ -2684,14 +2779,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
-), i8 = ({
+), a8 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-volUp-active.svg */
@@ -2733,14 +2828,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
-), a8 = ({
+), u8 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-wireless-active.svg */
@@ -2782,14 +2877,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
-), u8 = ({
+), d8 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-x-active.svg */
@@ -2831,14 +2926,14 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    disabled: c
   }
-), d8 = ({
+), v8 = ({
   active: t,
   className: e = "",
-  disabled: o
+  disabled: c
 }) => /* @__PURE__ */ n.jsx(
-  M,
+  x,
   {
     ActiveImage: (
       /* icon-xbox-active.svg */
@@ -2880,14 +2975,64 @@ const $6 = () => {
       )
     ),
     active: t,
-    disabled: o
+    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
   }
-), v8 = {
-  Alert: P2,
-  Camera: V2,
+), g8 = {
+  Alert: D2,
+  Camera: O2,
   DownArrow: k2,
-  Ban: O2,
-  Check: F2,
+  Ban: P2,
+  Check: V2,
+  Controller: F2,
   Elipses: U2,
   Flag: W2,
   Gear: H2,
@@ -2896,7 +3041,7 @@ const $6 = () => {
   Laptop: q2,
   LeftArrow: Y2,
   Light: J2,
-  Mic: B2,
+  Mic: h8,
   Moon: z2,
   Playstation: X2,
   Podium: Q2,
@@ -2904,84 +3049,85 @@ const $6 = () => {
   Privacy: e8,
   Question: t8,
   RightArrow: n8,
-  Shade: o8,
-  Sun: r8,
-  UpArrow: s8,
-  VolDown: c8,
-  VolMute: l8,
-  VolUp: i8,
-  Wireless: a8,
-  X: u8,
-  Xbox: d8
+  RoomPC: c8,
+  Shade: s8,
+  Sun: o8,
+  UpArrow: r8,
+  VolDown: l8,
+  VolMute: i8,
+  VolUp: a8,
+  Wireless: u8,
+  X: d8,
+  Xbox: v8
 };
-function A6({
+function T6({
   name: t,
-  iconsDictionary: e = v8,
-  ...o
+  iconsDictionary: e = g8,
+  ...c
 }) {
-  const s = e[t] ?? null;
-  return s || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ n.jsx(D2, { multiIcon: s, ...o });
+  const o = e[t] ?? null;
+  return o || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ n.jsx(T2, { multiIcon: o, ...c });
 }
-const h8 = "_grid_1cmpp_1", g8 = "_header_1cmpp_11", f8 = "_content_1cmpp_17", w8 = "_footer_1cmpp_23", p8 = "_volume_1cmpp_29", o3 = {
-  grid: h8,
-  header: g8,
-  content: f8,
-  footer: w8,
-  volume: p8
-}, T6 = ({ header: t, footer: e, content: o, volume: s, showVolume: l }) => /* @__PURE__ */ n.jsxs("div", { className: o3.grid, children: [
-  /* @__PURE__ */ n.jsx("div", { className: o3.header, children: t }),
-  /* @__PURE__ */ n.jsx("div", { className: o3.content, children: o }),
-  l && /* @__PURE__ */ n.jsx("div", { className: o3.volume, children: s }),
-  /* @__PURE__ */ n.jsx("div", { className: o3.footer, children: e })
-] }), x8 = "_grid_11w5q_1", M8 = "_header_11w5q_11", m8 = "_content_11w5q_17", d3 = {
-  grid: x8,
-  header: M8,
-  content: m8,
+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,
   "left-nav": "_left-nav_11w5q_23"
-}, D6 = ({ className: t, header: e, content: o, leftNav: s }) => /* @__PURE__ */ n.jsxs("div", { className: `${t} ${d3.grid}`, children: [
-  /* @__PURE__ */ n.jsx("div", { className: d3.header, children: e }),
-  s && /* @__PURE__ */ n.jsx("div", { className: d3.leftNav, children: s }),
-  /* @__PURE__ */ n.jsx("div", { className: d3.content, children: o })
-] }), Z8 = "_grid_1uwfo_1", j8 = "_header_1uwfo_11", S8 = "_content_1uwfo_17", C3 = {
-  grid: Z8,
-  header: j8,
-  content: S8
-}, B6 = ({ className: t, header: e, content: o }) => /* @__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: o })
+}, 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 P6() {
+function V6() {
   return console.log(location.pathname), location.pathname;
 }
-var C8 = /* @__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))(C8 || {});
-class O6 {
-  constructor(e, o) {
+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 = o;
+    this.path = e, this.handler = c;
   }
 }
-const V6 = "$off";
-class F6 {
+const k6 = "$off";
+class U6 {
   constructor() {
     _(this, "name", "");
     _(this, "iconUrl", "");
     _(this, "channel", "");
   }
 }
-class k6 {
+class W6 {
   constructor() {
     _(this, "deviceKey");
     _(this, "deviceType");
   }
 }
-class U6 {
+class H6 {
   constructor() {
     _(this, "deviceKey");
     _(this, "deviceType");
   }
 }
-class W6 {
+class K6 {
   constructor() {
     _(this, "currentShareText");
     _(this, "enabled");
@@ -2989,16 +3135,17 @@ class W6 {
   }
 }
 export {
-  U6 as AccessoryDeviceConfiguration,
-  u6 as Clock,
-  C8 as DaysOfWeek,
-  k6 as EnvironmentalDeviceConfiguration,
-  $6 as ErrorBox,
-  D2 as IconButton,
-  P2 as IconMultiAlert,
-  O2 as IconMultiBan,
-  V2 as IconMultiCamera,
-  F2 as IconMultiCheck,
+  H6 as AccessoryDeviceConfiguration,
+  v6 as Clock,
+  I8 as DaysOfWeek,
+  W6 as EnvironmentalDeviceConfiguration,
+  B6 as ErrorBox,
+  T2 as IconButton,
+  D2 as IconMultiAlert,
+  P2 as IconMultiBan,
+  O2 as IconMultiCamera,
+  V2 as IconMultiCheck,
+  F2 as IconMultiController,
   k2 as IconMultiDownArrow,
   U2 as IconMultiElipses,
   W2 as IconMultiFlag,
@@ -3015,96 +3162,97 @@ export {
   e8 as IconMultiPrivacy,
   t8 as IconMultiQuestion,
   n8 as IconMultiRightArrow,
-  o8 as IconMultiShade,
-  r8 as IconMultiSun,
-  s8 as IconMultiUpArrow,
-  c8 as IconMultiVolDown,
-  l8 as IconMultiVolMute,
-  i8 as IconMultiVolUp,
-  a8 as IconMultiWireless,
-  u8 as IconMultiX,
-  d8 as IconMultiXbox,
-  T6 as MainLayout,
-  O6 as MessageHandler,
-  e6 as MobileControlProvider,
-  M as MultiStateIconContainer,
-  A6 as NamedIconButton,
-  F6 as PresetChannel,
-  W6 as ShareState,
-  D6 as TechLayout,
-  B6 as TechPinLayout,
-  P6 as getBaseLocation,
-  b3 as httpClient,
-  V6 as roomOffSourceKey,
+  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,
-  L8 as uiActions,
+  A8 as uiActions,
   v2 as uiReducer,
-  $8 as useApiPath,
+  B8 as useApiPath,
   g2 as useAppConfig,
   m2 as useAppDispatch,
-  n6 as useAvrControl,
+  s6 as useAvrControl,
   M2 as useClientId,
   _2 as useDeviceIBasicVolumeWithFeedback,
   o6 as useEndpoint,
-  E6 as useGetAllDeviceStateFromRoomConfiguration,
+  L6 as useGetAllDeviceStateFromRoomConfiguration,
   f2 as useGetAllDevices,
-  Q8 as useGetCurrentPopoverIdForGroup,
+  e6 as useGetCurrentPopoverIdForGroup,
   L as useGetDevice,
-  t6 as useGetIBasicVolumeWithFeedback,
-  q8 as useGetRoomDisplayStates,
-  Y8 as useGetZoomRoomControllerKey,
-  v1 as useIBasicVolumeWithFeedback,
+  c6 as useGetIBasicVolumeWithFeedback,
+  J8 as useGetRoomDisplayStates,
+  z8 as useGetZoomRoomControllerKey,
+  v3 as useIBasicVolumeWithFeedback,
   r6 as useIChannelMessenger,
-  s6 as useIColor,
-  c6 as useICommunicationMonitor,
-  l6 as useIDPad,
-  i6 as useIDeviceInfoMessenger,
-  a6 as useIDvr,
-  d6 as useIEssentialsRoomCombiner,
-  h1 as useIHasPowerControl,
-  y3 as useIHasSelectableItems,
-  v6 as useILevelControls,
-  h6 as useILightingScenes,
-  g6 as useIMatrixRouting,
-  f6 as useIMcCiscoCodecUserInterfaceAppControl,
-  w6 as useINumeric,
-  p6 as useIProjectorScreenLiftControl,
-  x6 as useIRoomEventSchedule,
-  M6 as useIRunDirectRouteAction,
-  m6 as useIRunRouteAction,
-  Z6 as useISetTopBoxControls,
-  j6 as useIShadesOpenCloseStop,
-  S6 as useIShutdownPromptTimer,
-  C6 as useISwitchedOutput,
-  b6 as useITechPassword,
-  I6 as useITransport,
+  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,
-  y6 as useMobileControlTouchpanelController,
+  E6 as useMobileControlTouchpanelController,
   E2 as usePressHoldRelease,
-  K8 as useRoomAdvancedSharingActive,
-  F8 as useRoomCodecContentDestinationKey,
-  A8 as useRoomConfiguration,
-  P8 as useRoomDestinationList,
-  B8 as useRoomDestinations,
-  O8 as useRoomEnvironmentalDevices,
-  _6 as useRoomIBasicVolumeWithFeedback,
-  k8 as useRoomInCall,
-  W8 as useRoomIsCoolingDown,
-  H8 as useRoomIsOn,
-  U8 as useRoomIsWarmingUp,
+  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,
-  T8 as useRoomName,
-  V8 as useRoomProgramAudioDestinationKey,
-  G8 as useRoomShareState,
-  D8 as useRoomSourceList,
-  R3 as useRoomState,
+  D8 as useRoomName,
+  k8 as useRoomProgramAudioDestinationKey,
+  Y8 as useRoomShareState,
+  P8 as useRoomSourceList,
+  R1 as useRoomState,
   w2 as useRoomVolume,
-  z8 as useShowIncomingCallModal,
-  X8 as useShowModal,
-  N8 as useShowPopoverById,
-  J8 as useShowShutdownModal,
-  L6 as useTimeAndDate,
-  R6 as useTwoWayDisplayBase,
+  Q8 as useShowIncomingCallModal,
+  N8 as useShowModal,
+  t6 as useShowPopoverById,
+  X8 as useShowShutdownModal,
+  A6 as useTimeAndDate,
+  _6 as useTwoWayDisplayBase,
   y as useWebsocketContext,
   p2 as useWsIsConnected
 };