@pepperdash/mobile-control-react-app-core 1.1.1 → 1.3.0

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

@@ -1,12 +1,12 @@
-var _1 = Object.defineProperty;
-var B1 = (s, r, t) => r in s ? _1(s, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[r] = t;
-var V = (s, r, t) => (B1(s, typeof r != "symbol" ? r + "" : r, t), t);
-import L1 from "axios";
-import { createSlice as K, combineReducers as A1, configureStore as F3 } from "@reduxjs/toolkit";
-import { useSelector as T1, useDispatch as P1, Provider as D1 } from "react-redux";
-import * as W3 from "lodash";
-import U3, { createContext as O1, useContext as V1, useState as r3, useRef as k1, useCallback as O3, useEffect as H } from "react";
-const $1 = {
+var B1 = Object.defineProperty;
+var L1 = (c, r, t) => r in c ? B1(c, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[r] = t;
+var d = (c, r, t) => (L1(c, typeof r != "symbol" ? r + "" : r, t), t);
+import A1 from "axios";
+import { createSlice as K, combineReducers as T1, configureStore as W3 } from "@reduxjs/toolkit";
+import { useSelector as P1, useDispatch as D1, Provider as O1 } from "react-redux";
+import * as U3 from "lodash";
+import H3, { createContext as V1, useContext as k1, useState as r3, useRef as $1, useCallback as V3, useEffect as Y } from "react";
+const F1 = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -18,43 +18,43 @@ const $1 = {
   }
 }, q3 = K({
   name: "appConfig",
-  initialState: $1,
+  initialState: F1,
   reducers: {
-    setAppConfig(s, r) {
-      s.config = r.payload;
+    setAppConfig(c, r) {
+      c.config = r.payload;
     }
   }
-}), F1 = q3.actions, W1 = q3.reducer, U1 = {}, Y3 = K({
+}), W1 = q3.actions, U1 = q3.reducer, H1 = {}, G3 = K({
   name: "devices",
-  initialState: U1,
+  initialState: H1,
   reducers: {
-    setDeviceState(s, r) {
+    setDeviceState(c, r) {
       const t = r.payload.type, l = t.slice(t.lastIndexOf("/") + 1);
       if (!l)
         return;
-      const w = r.payload.content, j = s[l] ?? {}, S = W3.merge(j, w);
+      const g = r.payload.content, m = c[l] ?? {}, S = U3.merge(m, g);
       return {
-        ...s,
+        ...c,
         [l]: S
       };
     }
   }
-}), q1 = Y3.actions, Y1 = Y3.reducer, G1 = {}, G3 = K({
+}), q1 = G3.actions, G1 = G3.reducer, Y1 = {}, Y3 = K({
   name: "rooms",
-  initialState: G1,
+  initialState: Y1,
   reducers: {
-    setRoomState(s, r) {
+    setRoomState(c, r) {
       const l = r.payload.type.match("/room/(.*)/status");
       if (!l)
         return;
-      const w = l[1], j = r.payload.content, S = s[w] ?? {}, C = W3.merge(S, j);
+      const g = l[1], m = r.payload.content, S = c[g] ?? {}, b = U3.merge(S, m);
       return {
-        ...s,
-        [w]: C
+        ...c,
+        [g]: b
       };
     }
   }
-}), H1 = G3.actions, K1 = G3.reducer, J1 = {
+}), K1 = Y3.actions, J1 = Y3.reducer, z1 = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -73,159 +73,165 @@ const $1 = {
     userCode: "",
     qrUrl: ""
   }
-}, H3 = K({
+}, K3 = K({
   name: "runtimeConfig",
-  initialState: J1,
+  initialState: z1,
   reducers: {
-    setRuntimeConfig(s, r) {
-      s.apiVersion = r.payload.apiVersion, s.serverIsRunningOnProcessorHardware = r.payload.serverIsRunningOnProcessorHardware;
+    setRuntimeConfig(c, r) {
+      c.apiVersion = r.payload.apiVersion, c.serverIsRunningOnProcessorHardware = r.payload.serverIsRunningOnProcessorHardware;
     },
-    setToken(s, r) {
-      s.token = r.payload;
+    setToken(c, r) {
+      c.token = r.payload;
     },
-    setWebsocketIsConnected(s, r) {
-      s.websocket.isConnected = r.payload;
+    setWebsocketIsConnected(c, r) {
+      c.websocket.isConnected = r.payload;
     },
-    setPluginVersion(s, r) {
-      s.pluginVersion = r.payload;
+    setPluginVersion(c, r) {
+      c.pluginVersion = r.payload;
     },
-    setRoomData(s, r) {
-      s.roomData = r.payload;
+    setRoomData(c, r) {
+      c.roomData = r.payload;
     },
-    setCurrentRoomKey(s, r) {
-      s.roomData.roomKey = r.payload;
+    setCurrentRoomKey(c, r) {
+      c.roomData.roomKey = r.payload;
     },
-    setUserCode(s, r) {
-      s.roomData.userCode = r.payload.userCode, s.roomData.qrUrl = r.payload.qrUrl;
+    setUserCode(c, r) {
+      c.roomData.userCode = r.payload.userCode, c.roomData.qrUrl = r.payload.qrUrl;
     }
   }
-}), F = H3.actions, z1 = H3.reducer, X1 = {
+}), F = K3.actions, X1 = K3.reducer, Q1 = {
   modalVisibility: {
     showShutdownModal: !1,
     showIncomingCallModal: !1
   },
   popoverVisibility: {}
-}, K3 = K({
+}, J3 = K({
   name: "ui",
-  initialState: X1,
+  initialState: Q1,
   reducers: {
-    clearAllModals(s) {
-      Object.entries(s.modalVisibility).forEach(([r]) => {
-        s.modalVisibility[r] = !1;
+    clearAllModals(c) {
+      Object.entries(c.modalVisibility).forEach(([r]) => {
+        c.modalVisibility[r] = !1;
       });
     },
-    setModalState(s, r) {
-      s.modalVisibility[r.payload.modalType] = r.payload.value;
+    setModalState(c, r) {
+      c.modalVisibility[r.payload.modalType] = r.payload.value;
     },
-    setShowShutdownModal(s, r) {
-      s.modalVisibility.showShutdownModal = r.payload;
+    setShowShutdownModal(c, r) {
+      c.modalVisibility.showShutdownModal = r.payload;
     },
-    setIncomingCallModal(s, r) {
-      s.modalVisibility.showIncomingCallModal = r.payload;
+    setIncomingCallModal(c, r) {
+      c.modalVisibility.showIncomingCallModal = r.payload;
     },
-    setPopoverState(s, r) {
-      s.popoverVisibility[r.payload.popoverGroup] || (s.popoverVisibility[r.payload.popoverGroup] = {}), Object.entries(s.popoverVisibility[r.payload.popoverGroup]).forEach(([t]) => {
-        s.popoverVisibility[r.payload.popoverGroup][t] = !1;
-      }), s.popoverVisibility[r.payload.popoverGroup][r.payload.popoverId] = r.payload.value;
+    setPopoverState(c, r) {
+      c.popoverVisibility[r.payload.popoverGroup] || (c.popoverVisibility[r.payload.popoverGroup] = {}), Object.entries(c.popoverVisibility[r.payload.popoverGroup]).forEach(([t]) => {
+        c.popoverVisibility[r.payload.popoverGroup][t] = !1;
+      }), c.popoverVisibility[r.payload.popoverGroup][r.payload.popoverId] = r.payload.value;
     }
   }
-}), l8 = K3.actions, Q1 = K3.reducer, J3 = A1({
-  appConfig: W1,
-  runtimeConfig: z1,
-  rooms: K1,
-  devices: Y1,
-  ui: Q1
+}), v8 = J3.actions, N1 = J3.reducer, z3 = T1({
+  appConfig: U1,
+  runtimeConfig: X1,
+  rooms: J1,
+  devices: G1,
+  ui: N1
 });
-F3({
-  reducer: J3
+W3({
+  reducer: z3
 });
-const f = T1, N1 = () => f((s) => s.appConfig.config), i8 = () => f((s) => s.appConfig.config.apiPath), a8 = () => f((s) => Object.values(s.devices)), h8 = (s) => f((r) => r.devices[s]), v8 = (s) => f(
+const f = P1, e2 = () => f((c) => c.appConfig.config), h8 = () => f((c) => c.appConfig.config.apiPath), d8 = () => f((c) => Object.values(c.devices)), r2 = (c) => f((r) => r.devices[c]), u8 = (c) => f(
   (r) => {
     var t;
-    return r.rooms[s] ? (t = r.rooms[s]) == null ? void 0 : t.configuration : void 0;
+    return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.configuration : void 0;
   }
-), u8 = (s) => f(
-  (r) => r.rooms[s] ? r.rooms[s] : void 0
-), d8 = (s) => f(
+), g8 = (c) => f(
+  (r) => r.rooms[c] ? r.rooms[c] : void 0
+), w8 = (c) => f(
   (r) => {
     var t;
-    return r.rooms[s] ? (t = r.rooms[s]) == null ? void 0 : t.name : void 0;
+    return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.name : void 0;
   }
-), g8 = (s) => f(
+), x8 = (c) => f(
   (r) => {
     var t, l;
-    return r.rooms[s] ? (l = (t = r.rooms[s]) == null ? void 0 : t.volumes) == null ? void 0 : l.master : void 0;
+    return r.rooms[c] ? (l = (t = r.rooms[c]) == null ? void 0 : t.volumes) == null ? void 0 : l.master : void 0;
   }
-), w8 = (s) => f(
+), f8 = (c) => f(
   (r) => {
     var t, l;
-    return r.rooms[s] ? (l = (t = r.rooms[s]) == null ? void 0 : t.configuration) == null ? void 0 : l.sourceList : void 0;
+    return r.rooms[c] ? (l = (t = r.rooms[c]) == null ? void 0 : t.configuration) == null ? void 0 : l.sourceList : void 0;
   }
-), x8 = (s) => f(
+), p8 = (c) => f(
   (r) => {
     var t, l;
-    return r.rooms[s] ? (l = (t = r.rooms[s]) == null ? void 0 : t.configuration) == null ? void 0 : l.displayKeys : void 0;
+    return r.rooms[c] ? (l = (t = r.rooms[c]) == null ? void 0 : t.configuration) == null ? void 0 : l.displayKeys : void 0;
   }
-), f8 = (s) => f(
+), M8 = (c) => f(
   (r) => {
     var t;
-    return r.rooms[s] ? (t = r.rooms[s]) == null ? void 0 : t.isInCall : void 0;
+    return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isInCall : void 0;
   }
-), M8 = (s) => f(
+), Z8 = (c) => f(
   (r) => {
     var t;
-    return r.rooms[s] ? (t = r.rooms[s]) == null ? void 0 : t.isWarmingUp : void 0;
+    return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isWarmingUp : void 0;
   }
-), p8 = (s) => f(
+), m8 = (c) => f(
   (r) => {
     var t;
-    return r.rooms[s] ? (t = r.rooms[s]) == null ? void 0 : t.isCoolingDown : void 0;
+    return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isCoolingDown : void 0;
   }
-), Z8 = (s) => f(
+), j8 = (c) => f(
   (r) => {
     var t;
-    return r.rooms[s] ? (t = r.rooms[s]) == null ? void 0 : t.isOn : void 0;
+    return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isOn : void 0;
   }
-), m8 = (s) => f(
+), C8 = (c) => f(
   (r) => {
     var t;
-    return r.rooms[s] ? (t = r.rooms[s]) == null ? void 0 : t.advancedSharingActive : void 0;
+    return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.advancedSharingActive : void 0;
   }
-), j8 = (s) => f(
+), S8 = (c) => f(
   (r) => {
     var t;
-    return r.rooms[s] ? (t = r.rooms[s]) == null ? void 0 : t.share : void 0;
+    return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.share : void 0;
   }
-), e2 = () => f((s) => s.runtimeConfig.websocket.isConnected), r2 = () => f((s) => s.runtimeConfig.roomData.roomKey), c2 = () => f((s) => s.runtimeConfig.roomData.clientId), C8 = () => f((s) => s.ui.modalVisibility.showShutdownModal), S8 = () => f((s) => s.ui.modalVisibility.showIncomingCallModal), b8 = (s) => f((r) => r.ui.modalVisibility[s]), y8 = (s) => f((r) => {
-  const t = r.ui.popoverVisibility[s];
+), b8 = (c) => f((r) => {
+  var g, m;
+  const t = (m = (g = r.rooms[c]) == null ? void 0 : g.configuration) == null ? void 0 : m.displayKeys;
+  return t && Object.values(r.devices).filter(
+    (S) => t.includes(S.key)
+  ) || void 0;
+}), c2 = () => f((c) => c.runtimeConfig.websocket.isConnected), s2 = () => f((c) => c.runtimeConfig.roomData.roomKey), t2 = () => f((c) => c.runtimeConfig.roomData.clientId), y8 = () => f((c) => c.ui.modalVisibility.showShutdownModal), I8 = () => f((c) => c.ui.modalVisibility.showIncomingCallModal), R8 = (c) => f((r) => r.ui.modalVisibility[c]), E8 = (c) => f((r) => {
+  const t = r.ui.popoverVisibility[c];
   if (t)
     return Object.keys(t).find((l) => t[l]);
-}), I8 = (s, r) => f((t) => {
+}), _8 = (c, r) => f((t) => {
   var l;
-  return (l = t.ui.popoverVisibility[s]) == null ? void 0 : l[r];
-}), P = F3({
-  reducer: J3
-}), s2 = P1, v3 = L1.create();
-function t2() {
-  const s = s2();
+  return (l = t.ui.popoverVisibility[c]) == null ? void 0 : l[r];
+}), D = W3({
+  reducer: z3
+}), o2 = D1, h3 = A1.create();
+function n2() {
+  const c = o2();
   return async () => {
     try {
-      const r = location.pathname.split("/").filter((w) => w.length > 0);
+      const r = location.pathname.split("/").filter((g) => g.length > 0);
       r.length >= 5 ? r.length = 5 : r.length = 2;
-      const t = `/${r.join("/")}`, l = await v3.get("/_local-config/_config.local.json", { baseURL: t });
-      if (console.log("configRes", l), l.status == 200 && l.data) {
-        const w = l.data.apiPath;
-        s(F1.setAppConfig(l.data));
-        const j = await v3.get(`${w}/version`);
-        j.status == 200 && j.data && (console.log("versionRes", j.data), s(F.setRuntimeConfig(j.data)));
+      const t = `/${r.join("/")}`, l = await h3.get("/_local-config/_config.local.json", { baseURL: t });
+      if (l.status == 200 && l.data) {
+        const g = l.data.apiPath;
+        c(W1.setAppConfig(l.data));
+        const m = await h3.get(`${g}/version`);
+        m.status == 200 && m.data && c(F.setRuntimeConfig(m.data));
       }
     } catch (r) {
-      console.log("Error getting config", r);
+      console.error("Error getting config", r);
     }
     return !0;
   };
 }
-var u3 = { exports: {} }, q = {};
+var d3 = { exports: {} }, H = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -235,91 +241,91 @@ var u3 = { exports: {} }, q = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var V3;
-function n2() {
-  return V3 || (V3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var s = U3, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), S = Symbol.for("react.provider"), C = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), Z = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), _ = Symbol.for("react.offscreen"), M = Symbol.iterator, L = "@@iterator";
-    function D(c) {
-      if (c === null || typeof c != "object")
+var k3;
+function l2() {
+  return k3 || (k3 = 1, process.env.NODE_ENV !== "production" && function() {
+    var c = H3, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), S = Symbol.for("react.provider"), b = Symbol.for("react.context"), x = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), B = Symbol.for("react.offscreen"), M = Symbol.iterator, A = "@@iterator";
+    function O(s) {
+      if (s === null || typeof s != "object")
         return null;
-      var n = M && c[M] || c[L];
-      return typeof n == "function" ? n : null;
+      var o = M && s[M] || s[A];
+      return typeof o == "function" ? o : null;
     }
-    var x = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function y(c) {
+    var p = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function I(s) {
       {
-        for (var n = arguments.length, o = new Array(n > 1 ? n - 1 : 0), i = 1; i < n; i++)
-          o[i - 1] = arguments[i];
-        X3("error", c, o);
+        for (var o = arguments.length, n = new Array(o > 1 ? o - 1 : 0), i = 1; i < o; i++)
+          n[i - 1] = arguments[i];
+        Q3("error", s, n);
       }
     }
-    function X3(c, n, o) {
+    function Q3(s, o, n) {
       {
-        var i = x.ReactDebugCurrentFrame, v = i.getStackAddendum();
-        v !== "" && (n += "%s", o = o.concat([v]));
-        var d = o.map(function(h) {
-          return String(h);
+        var i = p.ReactDebugCurrentFrame, h = i.getStackAddendum();
+        h !== "" && (o += "%s", n = n.concat([h]));
+        var w = n.map(function(v) {
+          return String(v);
         });
-        d.unshift("Warning: " + n), Function.prototype.apply.call(console[c], console, d);
+        w.unshift("Warning: " + o), Function.prototype.apply.call(console[s], console, w);
       }
     }
-    var Q3 = !1, N3 = !1, e1 = !1, r1 = !1, c1 = !1, d3;
-    d3 = Symbol.for("react.module.reference");
-    function s1(c) {
-      return !!(typeof c == "string" || typeof c == "function" || c === l || c === j || c1 || c === w || c === R || c === Z || r1 || c === _ || Q3 || N3 || e1 || typeof c == "object" && c !== null && (c.$$typeof === E || c.$$typeof === b || c.$$typeof === S || c.$$typeof === C || c.$$typeof === g || // This needs to include all possible module reference object
+    var N3 = !1, e1 = !1, r1 = !1, c1 = !1, s1 = !1, g3;
+    g3 = Symbol.for("react.module.reference");
+    function t1(s) {
+      return !!(typeof s == "string" || typeof s == "function" || s === l || s === m || s1 || s === g || s === E || s === j || c1 || s === B || N3 || e1 || r1 || typeof s == "object" && s !== null && (s.$$typeof === _ || s.$$typeof === y || s.$$typeof === S || s.$$typeof === b || s.$$typeof === x || // 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.
-      c.$$typeof === d3 || c.getModuleId !== void 0));
+      s.$$typeof === g3 || s.getModuleId !== void 0));
     }
-    function t1(c, n, o) {
-      var i = c.displayName;
+    function o1(s, o, n) {
+      var i = s.displayName;
       if (i)
         return i;
-      var v = n.displayName || n.name || "";
-      return v !== "" ? o + "(" + v + ")" : o;
+      var h = o.displayName || o.name || "";
+      return h !== "" ? n + "(" + h + ")" : n;
     }
-    function g3(c) {
-      return c.displayName || "Context";
+    function w3(s) {
+      return s.displayName || "Context";
     }
-    function A(c) {
-      if (c == null)
+    function T(s) {
+      if (s == null)
         return null;
-      if (typeof c.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof c == "function")
-        return c.displayName || c.name || null;
-      if (typeof c == "string")
-        return c;
-      switch (c) {
+      if (typeof s.tag == "number" && I("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 l:
           return "Fragment";
         case t:
           return "Portal";
-        case j:
+        case m:
           return "Profiler";
-        case w:
+        case g:
           return "StrictMode";
-        case R:
+        case E:
           return "Suspense";
-        case Z:
+        case j:
           return "SuspenseList";
       }
-      if (typeof c == "object")
-        switch (c.$$typeof) {
-          case C:
-            var n = c;
-            return g3(n) + ".Consumer";
-          case S:
-            var o = c;
-            return g3(o._context) + ".Provider";
-          case g:
-            return t1(c, c.render, "ForwardRef");
+      if (typeof s == "object")
+        switch (s.$$typeof) {
           case b:
-            var i = c.displayName || null;
-            return i !== null ? i : A(c.type) || "Memo";
-          case E: {
-            var v = c, d = v._payload, h = v._init;
+            var o = s;
+            return w3(o) + ".Consumer";
+          case S:
+            var n = s;
+            return w3(n._context) + ".Provider";
+          case x:
+            return o1(s, s.render, "ForwardRef");
+          case y:
+            var i = s.displayName || null;
+            return i !== null ? i : T(s.type) || "Memo";
+          case _: {
+            var h = s, w = h._payload, v = h._init;
             try {
-              return A(h(d));
+              return T(v(w));
             } catch {
               return null;
             }
@@ -327,307 +333,307 @@ function n2() {
         }
       return null;
     }
-    var O = Object.assign, W = 0, w3, x3, f3, M3, p3, Z3, m3;
-    function j3() {
+    var V = Object.assign, W = 0, x3, f3, p3, M3, Z3, m3, j3;
+    function C3() {
     }
-    j3.__reactDisabledLog = !0;
+    C3.__reactDisabledLog = !0;
     function n1() {
       {
         if (W === 0) {
-          w3 = console.log, x3 = console.info, f3 = console.warn, M3 = console.error, p3 = console.group, Z3 = console.groupCollapsed, m3 = console.groupEnd;
-          var c = {
+          x3 = console.log, f3 = console.info, p3 = console.warn, M3 = console.error, Z3 = console.group, m3 = console.groupCollapsed, j3 = console.groupEnd;
+          var s = {
             configurable: !0,
             enumerable: !0,
-            value: j3,
+            value: C3,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: c,
-            log: c,
-            warn: c,
-            error: c,
-            group: c,
-            groupCollapsed: c,
-            groupEnd: c
+            info: s,
+            log: s,
+            warn: s,
+            error: s,
+            group: s,
+            groupCollapsed: s,
+            groupEnd: s
           });
         }
         W++;
       }
     }
-    function o1() {
+    function l1() {
       {
         if (W--, W === 0) {
-          var c = {
+          var s = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: O({}, c, {
-              value: w3
-            }),
-            info: O({}, c, {
+            log: V({}, s, {
               value: x3
             }),
-            warn: O({}, c, {
+            info: V({}, s, {
               value: f3
             }),
-            error: O({}, c, {
-              value: M3
-            }),
-            group: O({}, c, {
+            warn: V({}, s, {
               value: p3
             }),
-            groupCollapsed: O({}, c, {
+            error: V({}, s, {
+              value: M3
+            }),
+            group: V({}, s, {
               value: Z3
             }),
-            groupEnd: O({}, c, {
+            groupCollapsed: V({}, s, {
               value: m3
+            }),
+            groupEnd: V({}, s, {
+              value: j3
             })
           });
         }
-        W < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        W < 0 && I("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var c3 = x.ReactCurrentDispatcher, s3;
-    function J(c, n, o) {
+    var c3 = p.ReactCurrentDispatcher, s3;
+    function J(s, o, n) {
       {
         if (s3 === void 0)
           try {
             throw Error();
-          } catch (v) {
-            var i = v.stack.trim().match(/\n( *(at )?)/);
+          } catch (h) {
+            var i = h.stack.trim().match(/\n( *(at )?)/);
             s3 = i && i[1] || "";
           }
         return `
-` + s3 + c;
+` + s3 + s;
       }
     }
     var t3 = !1, z;
     {
-      var l1 = typeof WeakMap == "function" ? WeakMap : Map;
-      z = new l1();
+      var i1 = typeof WeakMap == "function" ? WeakMap : Map;
+      z = new i1();
     }
-    function C3(c, n) {
-      if (!c || t3)
+    function S3(s, o) {
+      if (!s || t3)
         return "";
       {
-        var o = z.get(c);
-        if (o !== void 0)
-          return o;
+        var n = z.get(s);
+        if (n !== void 0)
+          return n;
       }
       var i;
       t3 = !0;
-      var v = Error.prepareStackTrace;
+      var h = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var d;
-      d = c3.current, c3.current = null, n1();
+      var w;
+      w = c3.current, c3.current = null, n1();
       try {
-        if (n) {
-          var h = function() {
+        if (o) {
+          var v = function() {
             throw Error();
           };
-          if (Object.defineProperty(h.prototype, "props", {
+          if (Object.defineProperty(v.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(h, []);
-            } catch (T) {
-              i = T;
+              Reflect.construct(v, []);
+            } catch (P) {
+              i = P;
             }
-            Reflect.construct(c, [], h);
+            Reflect.construct(s, [], v);
           } else {
             try {
-              h.call();
-            } catch (T) {
-              i = T;
+              v.call();
+            } catch (P) {
+              i = P;
             }
-            c.call(h.prototype);
+            s.call(v.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (T) {
-            i = T;
+          } catch (P) {
+            i = P;
           }
-          c();
-        }
-      } catch (T) {
-        if (T && i && typeof T.stack == "string") {
-          for (var a = T.stack.split(`
-`), I = i.stack.split(`
-`), p = a.length - 1, m = I.length - 1; p >= 1 && m >= 0 && a[p] !== I[m]; )
-            m--;
-          for (; p >= 1 && m >= 0; p--, m--)
-            if (a[p] !== I[m]) {
-              if (p !== 1 || m !== 1)
+          s();
+        }
+      } catch (P) {
+        if (P && i && typeof P.stack == "string") {
+          for (var a = P.stack.split(`
+`), R = i.stack.split(`
+`), Z = a.length - 1, C = R.length - 1; Z >= 1 && C >= 0 && a[Z] !== R[C]; )
+            C--;
+          for (; Z >= 1 && C >= 0; Z--, C--)
+            if (a[Z] !== R[C]) {
+              if (Z !== 1 || C !== 1)
                 do
-                  if (p--, m--, m < 0 || a[p] !== I[m]) {
-                    var B = `
-` + a[p].replace(" at new ", " at ");
-                    return c.displayName && B.includes("<anonymous>") && (B = B.replace("<anonymous>", c.displayName)), typeof c == "function" && z.set(c, B), B;
+                  if (Z--, C--, C < 0 || a[Z] !== R[C]) {
+                    var L = `
+` + a[Z].replace(" at new ", " at ");
+                    return s.displayName && L.includes("<anonymous>") && (L = L.replace("<anonymous>", s.displayName)), typeof s == "function" && z.set(s, L), L;
                   }
-                while (p >= 1 && m >= 0);
+                while (Z >= 1 && C >= 0);
               break;
             }
         }
       } finally {
-        t3 = !1, c3.current = d, o1(), Error.prepareStackTrace = v;
+        t3 = !1, c3.current = w, l1(), Error.prepareStackTrace = h;
       }
-      var $ = c ? c.displayName || c.name : "", D3 = $ ? J($) : "";
-      return typeof c == "function" && z.set(c, D3), D3;
+      var $ = s ? s.displayName || s.name : "", O3 = $ ? J($) : "";
+      return typeof s == "function" && z.set(s, O3), O3;
     }
-    function i1(c, n, o) {
-      return C3(c, !1);
+    function a1(s, o, n) {
+      return S3(s, !1);
     }
-    function a1(c) {
-      var n = c.prototype;
-      return !!(n && n.isReactComponent);
+    function v1(s) {
+      var o = s.prototype;
+      return !!(o && o.isReactComponent);
     }
-    function X(c, n, o) {
-      if (c == null)
+    function X(s, o, n) {
+      if (s == null)
         return "";
-      if (typeof c == "function")
-        return C3(c, a1(c));
-      if (typeof c == "string")
-        return J(c);
-      switch (c) {
-        case R:
+      if (typeof s == "function")
+        return S3(s, v1(s));
+      if (typeof s == "string")
+        return J(s);
+      switch (s) {
+        case E:
           return J("Suspense");
-        case Z:
+        case j:
           return J("SuspenseList");
       }
-      if (typeof c == "object")
-        switch (c.$$typeof) {
-          case g:
-            return i1(c.render);
-          case b:
-            return X(c.type, n, o);
-          case E: {
-            var i = c, v = i._payload, d = i._init;
+      if (typeof s == "object")
+        switch (s.$$typeof) {
+          case x:
+            return a1(s.render);
+          case y:
+            return X(s.type, o, n);
+          case _: {
+            var i = s, h = i._payload, w = i._init;
             try {
-              return X(d(v), n, o);
+              return X(w(h), o, n);
             } catch {
             }
           }
         }
       return "";
     }
-    var Q = Object.prototype.hasOwnProperty, S3 = {}, b3 = x.ReactDebugCurrentFrame;
-    function N(c) {
-      if (c) {
-        var n = c._owner, o = X(c.type, c._source, n ? n.type : null);
-        b3.setExtraStackFrame(o);
+    var Q = Object.prototype.hasOwnProperty, b3 = {}, y3 = p.ReactDebugCurrentFrame;
+    function N(s) {
+      if (s) {
+        var o = s._owner, n = X(s.type, s._source, o ? o.type : null);
+        y3.setExtraStackFrame(n);
       } else
-        b3.setExtraStackFrame(null);
+        y3.setExtraStackFrame(null);
     }
-    function h1(c, n, o, i, v) {
+    function h1(s, o, n, i, h) {
       {
-        var d = Function.call.bind(Q);
-        for (var h in c)
-          if (d(c, h)) {
+        var w = Function.call.bind(Q);
+        for (var v in s)
+          if (w(s, v)) {
             var a = void 0;
             try {
-              if (typeof c[h] != "function") {
-                var I = Error((i || "React class") + ": " + o + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof c[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw I.name = "Invariant Violation", I;
+              if (typeof s[v] != "function") {
+                var R = Error((i || "React class") + ": " + n + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw R.name = "Invariant Violation", R;
               }
-              a = c[h](n, h, i, o, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (p) {
-              a = p;
+              a = s[v](o, v, i, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (Z) {
+              a = Z;
             }
-            a && !(a instanceof Error) && (N(v), y("%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).", i || "React class", o, h, typeof a), N(null)), a instanceof Error && !(a.message in S3) && (S3[a.message] = !0, N(v), y("Failed %s type: %s", o, a.message), N(null));
+            a && !(a instanceof Error) && (N(h), I("%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).", i || "React class", n, v, typeof a), N(null)), a instanceof Error && !(a.message in b3) && (b3[a.message] = !0, N(h), I("Failed %s type: %s", n, a.message), N(null));
           }
       }
     }
-    var v1 = Array.isArray;
-    function n3(c) {
-      return v1(c);
+    var d1 = Array.isArray;
+    function o3(s) {
+      return d1(s);
     }
-    function u1(c) {
+    function u1(s) {
       {
-        var n = typeof Symbol == "function" && Symbol.toStringTag, o = n && c[Symbol.toStringTag] || c.constructor.name || "Object";
-        return o;
+        var o = typeof Symbol == "function" && Symbol.toStringTag, n = o && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return n;
       }
     }
-    function d1(c) {
+    function g1(s) {
       try {
-        return y3(c), !1;
+        return I3(s), !1;
       } catch {
         return !0;
       }
     }
-    function y3(c) {
-      return "" + c;
+    function I3(s) {
+      return "" + s;
     }
-    function I3(c) {
-      if (d1(c))
-        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", u1(c)), y3(c);
+    function R3(s) {
+      if (g1(s))
+        return I("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", u1(s)), I3(s);
     }
-    var U = x.ReactCurrentOwner, g1 = {
+    var U = p.ReactCurrentOwner, w1 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, R3, E3, o3;
-    o3 = {};
-    function w1(c) {
-      if (Q.call(c, "ref")) {
-        var n = Object.getOwnPropertyDescriptor(c, "ref").get;
-        if (n && n.isReactWarning)
+    }, E3, _3, n3;
+    n3 = {};
+    function x1(s) {
+      if (Q.call(s, "ref")) {
+        var o = Object.getOwnPropertyDescriptor(s, "ref").get;
+        if (o && o.isReactWarning)
           return !1;
       }
-      return c.ref !== void 0;
+      return s.ref !== void 0;
     }
-    function x1(c) {
-      if (Q.call(c, "key")) {
-        var n = Object.getOwnPropertyDescriptor(c, "key").get;
-        if (n && n.isReactWarning)
+    function f1(s) {
+      if (Q.call(s, "key")) {
+        var o = Object.getOwnPropertyDescriptor(s, "key").get;
+        if (o && o.isReactWarning)
           return !1;
       }
-      return c.key !== void 0;
+      return s.key !== void 0;
     }
-    function f1(c, n) {
-      if (typeof c.ref == "string" && U.current && n && U.current.stateNode !== n) {
-        var o = A(U.current.type);
-        o3[o] || (y('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', A(U.current.type), c.ref), o3[o] = !0);
+    function p1(s, o) {
+      if (typeof s.ref == "string" && U.current && o && U.current.stateNode !== o) {
+        var n = T(U.current.type);
+        n3[n] || (I('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', T(U.current.type), s.ref), n3[n] = !0);
       }
     }
-    function M1(c, n) {
+    function M1(s, o) {
       {
-        var o = function() {
-          R3 || (R3 = !0, y("%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)", n));
+        var n = function() {
+          E3 || (E3 = !0, I("%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)", o));
         };
-        o.isReactWarning = !0, Object.defineProperty(c, "key", {
-          get: o,
+        n.isReactWarning = !0, Object.defineProperty(s, "key", {
+          get: n,
           configurable: !0
         });
       }
     }
-    function p1(c, n) {
+    function Z1(s, o) {
       {
-        var o = function() {
-          E3 || (E3 = !0, y("%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)", n));
+        var n = function() {
+          _3 || (_3 = !0, I("%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)", o));
         };
-        o.isReactWarning = !0, Object.defineProperty(c, "ref", {
-          get: o,
+        n.isReactWarning = !0, Object.defineProperty(s, "ref", {
+          get: n,
           configurable: !0
         });
       }
     }
-    var Z1 = function(c, n, o, i, v, d, h) {
+    var m1 = function(s, o, n, i, h, w, v) {
       var a = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
         // Built-in properties that belong on the element
-        type: c,
-        key: n,
-        ref: o,
-        props: h,
+        type: s,
+        key: o,
+        ref: n,
+        props: v,
         // Record the component responsible for creating this element.
-        _owner: d
+        _owner: w
       };
       return a._store = {}, Object.defineProperty(a._store, "validated", {
         configurable: !1,
@@ -643,186 +649,186 @@ function n2() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: v
+        value: h
       }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
     };
-    function m1(c, n, o, i, v) {
+    function j1(s, o, n, i, h) {
       {
-        var d, h = {}, a = null, I = null;
-        o !== void 0 && (I3(o), a = "" + o), x1(n) && (I3(n.key), a = "" + n.key), w1(n) && (I = n.ref, f1(n, v));
-        for (d in n)
-          Q.call(n, d) && !g1.hasOwnProperty(d) && (h[d] = n[d]);
-        if (c && c.defaultProps) {
-          var p = c.defaultProps;
-          for (d in p)
-            h[d] === void 0 && (h[d] = p[d]);
-        }
-        if (a || I) {
-          var m = typeof c == "function" ? c.displayName || c.name || "Unknown" : c;
-          a && M1(h, m), I && p1(h, m);
-        }
-        return Z1(c, a, I, v, i, U.current, h);
+        var w, v = {}, a = null, R = null;
+        n !== void 0 && (R3(n), a = "" + n), f1(o) && (R3(o.key), a = "" + o.key), x1(o) && (R = o.ref, p1(o, h));
+        for (w in o)
+          Q.call(o, w) && !w1.hasOwnProperty(w) && (v[w] = o[w]);
+        if (s && s.defaultProps) {
+          var Z = s.defaultProps;
+          for (w in Z)
+            v[w] === void 0 && (v[w] = Z[w]);
+        }
+        if (a || R) {
+          var C = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
+          a && M1(v, C), R && Z1(v, C);
+        }
+        return m1(s, a, R, h, i, U.current, v);
       }
     }
-    var l3 = x.ReactCurrentOwner, _3 = x.ReactDebugCurrentFrame;
-    function k(c) {
-      if (c) {
-        var n = c._owner, o = X(c.type, c._source, n ? n.type : null);
-        _3.setExtraStackFrame(o);
+    var l3 = p.ReactCurrentOwner, B3 = p.ReactDebugCurrentFrame;
+    function k(s) {
+      if (s) {
+        var o = s._owner, n = X(s.type, s._source, o ? o.type : null);
+        B3.setExtraStackFrame(n);
       } else
-        _3.setExtraStackFrame(null);
+        B3.setExtraStackFrame(null);
     }
     var i3;
     i3 = !1;
-    function a3(c) {
-      return typeof c == "object" && c !== null && c.$$typeof === r;
+    function a3(s) {
+      return typeof s == "object" && s !== null && s.$$typeof === r;
     }
-    function B3() {
+    function L3() {
       {
         if (l3.current) {
-          var c = A(l3.current.type);
-          if (c)
+          var s = T(l3.current.type);
+          if (s)
             return `
 
-Check the render method of \`` + c + "`.";
+Check the render method of \`` + s + "`.";
         }
         return "";
       }
     }
-    function j1(c) {
+    function C1(s) {
       {
-        if (c !== void 0) {
-          var n = c.fileName.replace(/^.*[\\\/]/, ""), o = c.lineNumber;
+        if (s !== void 0) {
+          var o = s.fileName.replace(/^.*[\\\/]/, ""), n = s.lineNumber;
           return `
 
-Check your code at ` + n + ":" + o + ".";
+Check your code at ` + o + ":" + n + ".";
         }
         return "";
       }
     }
-    var L3 = {};
-    function C1(c) {
+    var A3 = {};
+    function S1(s) {
       {
-        var n = B3();
-        if (!n) {
-          var o = typeof c == "string" ? c : c.displayName || c.name;
-          o && (n = `
+        var o = L3();
+        if (!o) {
+          var n = typeof s == "string" ? s : s.displayName || s.name;
+          n && (o = `
 
-Check the top-level render call using <` + o + ">.");
+Check the top-level render call using <` + n + ">.");
         }
-        return n;
+        return o;
       }
     }
-    function A3(c, n) {
+    function T3(s, o) {
       {
-        if (!c._store || c._store.validated || c.key != null)
+        if (!s._store || s._store.validated || s.key != null)
           return;
-        c._store.validated = !0;
-        var o = C1(n);
-        if (L3[o])
+        s._store.validated = !0;
+        var n = S1(o);
+        if (A3[n])
           return;
-        L3[o] = !0;
+        A3[n] = !0;
         var i = "";
-        c && c._owner && c._owner !== l3.current && (i = " It was passed a child from " + A(c._owner.type) + "."), k(c), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', o, i), k(null);
+        s && s._owner && s._owner !== l3.current && (i = " It was passed a child from " + T(s._owner.type) + "."), k(s), I('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, i), k(null);
       }
     }
-    function T3(c, n) {
+    function P3(s, o) {
       {
-        if (typeof c != "object")
+        if (typeof s != "object")
           return;
-        if (n3(c))
-          for (var o = 0; o < c.length; o++) {
-            var i = c[o];
-            a3(i) && A3(i, n);
+        if (o3(s))
+          for (var n = 0; n < s.length; n++) {
+            var i = s[n];
+            a3(i) && T3(i, o);
           }
-        else if (a3(c))
-          c._store && (c._store.validated = !0);
-        else if (c) {
-          var v = D(c);
-          if (typeof v == "function" && v !== c.entries)
-            for (var d = v.call(c), h; !(h = d.next()).done; )
-              a3(h.value) && A3(h.value, n);
+        else if (a3(s))
+          s._store && (s._store.validated = !0);
+        else if (s) {
+          var h = O(s);
+          if (typeof h == "function" && h !== s.entries)
+            for (var w = h.call(s), v; !(v = w.next()).done; )
+              a3(v.value) && T3(v.value, o);
         }
       }
     }
-    function S1(c) {
+    function b1(s) {
       {
-        var n = c.type;
-        if (n == null || typeof n == "string")
+        var o = s.type;
+        if (o == null || typeof o == "string")
           return;
-        var o;
-        if (typeof n == "function")
-          o = n.propTypes;
-        else if (typeof n == "object" && (n.$$typeof === g || // Note: Memo only checks outer props here.
+        var n;
+        if (typeof o == "function")
+          n = o.propTypes;
+        else if (typeof o == "object" && (o.$$typeof === x || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        n.$$typeof === b))
-          o = n.propTypes;
+        o.$$typeof === y))
+          n = o.propTypes;
         else
           return;
-        if (o) {
-          var i = A(n);
-          h1(o, c.props, "prop", i, c);
-        } else if (n.PropTypes !== void 0 && !i3) {
+        if (n) {
+          var i = T(o);
+          h1(n, s.props, "prop", i, s);
+        } else if (o.PropTypes !== void 0 && !i3) {
           i3 = !0;
-          var v = A(n);
-          y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", v || "Unknown");
+          var h = T(o);
+          I("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", h || "Unknown");
         }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && I("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function b1(c) {
+    function y1(s) {
       {
-        for (var n = Object.keys(c.props), o = 0; o < n.length; o++) {
-          var i = n[o];
+        for (var o = Object.keys(s.props), n = 0; n < o.length; n++) {
+          var i = o[n];
           if (i !== "children" && i !== "key") {
-            k(c), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), k(null);
+            k(s), I("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), k(null);
             break;
           }
         }
-        c.ref !== null && (k(c), y("Invalid attribute `ref` supplied to `React.Fragment`."), k(null));
+        s.ref !== null && (k(s), I("Invalid attribute `ref` supplied to `React.Fragment`."), k(null));
       }
     }
-    function P3(c, n, o, i, v, d) {
+    function D3(s, o, n, i, h, w) {
       {
-        var h = s1(c);
-        if (!h) {
+        var v = t1(s);
+        if (!v) {
           var a = "";
-          (c === void 0 || typeof c == "object" && c !== null && Object.keys(c).length === 0) && (a += " 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 I = j1(v);
-          I ? a += I : a += B3();
-          var p;
-          c === null ? p = "null" : n3(c) ? p = "array" : c !== void 0 && c.$$typeof === r ? (p = "<" + (A(c.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : p = typeof c, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", p, a);
-        }
-        var m = m1(c, n, o, v, d);
-        if (m == null)
-          return m;
-        if (h) {
-          var B = n.children;
-          if (B !== void 0)
+          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (a += " 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 R = C1(h);
+          R ? a += R : a += L3();
+          var Z;
+          s === null ? Z = "null" : o3(s) ? Z = "array" : s !== void 0 && s.$$typeof === r ? (Z = "<" + (T(s.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : Z = typeof s, I("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Z, a);
+        }
+        var C = j1(s, o, n, h, w);
+        if (C == null)
+          return C;
+        if (v) {
+          var L = o.children;
+          if (L !== void 0)
             if (i)
-              if (n3(B)) {
-                for (var $ = 0; $ < B.length; $++)
-                  T3(B[$], c);
-                Object.freeze && Object.freeze(B);
+              if (o3(L)) {
+                for (var $ = 0; $ < L.length; $++)
+                  P3(L[$], s);
+                Object.freeze && Object.freeze(L);
               } else
-                y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                I("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
-              T3(B, c);
+              P3(L, s);
         }
-        return c === l ? b1(m) : S1(m), m;
+        return s === l ? y1(C) : b1(C), C;
       }
     }
-    function y1(c, n, o) {
-      return P3(c, n, o, !0);
+    function I1(s, o, n) {
+      return D3(s, o, n, !0);
     }
-    function I1(c, n, o) {
-      return P3(c, n, o, !1);
+    function R1(s, o, n) {
+      return D3(s, o, n, !1);
     }
-    var R1 = I1, E1 = y1;
-    q.Fragment = l, q.jsx = R1, q.jsxs = E1;
-  }()), q;
+    var E1 = R1, _1 = I1;
+    H.Fragment = l, H.jsx = E1, H.jsxs = _1;
+  }()), H;
 }
-var Y = {};
+var q = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -832,192 +838,213 @@ var Y = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var k3;
-function o2() {
-  if (k3)
-    return Y;
-  k3 = 1;
-  var s = U3, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, w = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, j = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function S(C, g, R) {
-    var Z, b = {}, E = null, _ = null;
-    R !== void 0 && (E = "" + R), g.key !== void 0 && (E = "" + g.key), g.ref !== void 0 && (_ = g.ref);
-    for (Z in g)
-      l.call(g, Z) && !j.hasOwnProperty(Z) && (b[Z] = g[Z]);
-    if (C && C.defaultProps)
-      for (Z in g = C.defaultProps, g)
-        b[Z] === void 0 && (b[Z] = g[Z]);
-    return { $$typeof: r, type: C, key: E, ref: _, props: b, _owner: w.current };
+var $3;
+function i2() {
+  if ($3)
+    return q;
+  $3 = 1;
+  var c = H3, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, g = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, m = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function S(b, x, E) {
+    var j, y = {}, _ = null, B = null;
+    E !== void 0 && (_ = "" + E), x.key !== void 0 && (_ = "" + x.key), x.ref !== void 0 && (B = x.ref);
+    for (j in x)
+      l.call(x, j) && !m.hasOwnProperty(j) && (y[j] = x[j]);
+    if (b && b.defaultProps)
+      for (j in x = b.defaultProps, x)
+        y[j] === void 0 && (y[j] = x[j]);
+    return { $$typeof: r, type: b, key: _, ref: B, props: y, _owner: g.current };
   }
-  return Y.Fragment = t, Y.jsx = S, Y.jsxs = S, Y;
+  return q.Fragment = t, q.jsx = S, q.jsxs = S, q;
 }
-process.env.NODE_ENV === "production" ? u3.exports = o2() : u3.exports = n2();
-var e = u3.exports;
-const l2 = () => /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "disconnected-message", children: [
+process.env.NODE_ENV === "production" ? d3.exports = i2() : d3.exports = l2();
+var e = d3.exports;
+const a2 = () => /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "disconnected-message", children: [
   /* @__PURE__ */ e.jsx("h1", { children: "Disconnected" }),
   /* @__PURE__ */ e.jsx("p", { children: "Reconnecting..." })
 ] }) });
-class i2 {
+class v2 {
   constructor() {
-    V(this, "uuid", "current-uuid");
-    V(this, "roomKey", "current-room-key");
-    V(this, "code", "current-code");
-    V(this, "expiry", "current-uuid-expires");
+    d(this, "uuid", "current-uuid");
+    d(this, "roomKey", "current-room-key");
+    d(this, "code", "current-code");
+    d(this, "expiry", "current-uuid-expires");
   }
 }
-const $3 = new i2();
-function a2(s) {
-  return sessionStorage.getItem(s) || "";
+const F3 = new v2();
+function h2(c) {
+  return sessionStorage.getItem(c) || "";
 }
-function h2(s, r) {
-  sessionStorage.setItem(s, r);
+function d2(c, r) {
+  sessionStorage.setItem(c, r);
 }
-const z3 = O1({
+const X3 = V1({
   sendMessage: () => null
 });
-function v2() {
-  return V1(z3);
+function u3() {
+  return k1(X3);
 }
-const u2 = ({ children: s }) => {
-  const [r, t] = r3(), l = e2(), w = r2(), j = c2(), S = t2(), C = N1(), g = k1(null), [R, Z] = r3(), b = O3(
-    async (_) => {
-      await v3.get(`${_}/ui/joinroom?token=${r}`).then((M) => {
-        M.status === 200 && M.data && P.dispatch(F.setRoomData(M.data));
+const u2 = ({ children: c }) => {
+  const [r, t] = r3(), l = c2(), g = s2(), m = t2(), S = n2(), b = e2(), x = $1(null), [E, j] = r3(), y = V3(
+    async (B) => {
+      await h3.get(`${B}/ui/joinroom?token=${r}`).then((M) => {
+        M.status === 200 && M.data && D.dispatch(F.setRoomData(M.data));
       }).catch((M) => {
         console.log(M);
       });
     },
     [r]
-  ), E = O3(
-    (_, M) => {
-      g.current && l && g.current.send(JSON.stringify({ type: _, clientId: j, content: M }));
+  ), _ = V3(
+    (B, M) => {
+      x.current && l && x.current.send(JSON.stringify({ type: B, clientId: m, content: M }));
     },
-    [l, j]
+    [l, m]
   );
-  return H(() => {
+  return Y(() => {
     let M = new URLSearchParams(window.location.search).get("token");
-    M ? (console.log("saving token: ", M), h2($3.uuid, M)) : (M = a2($3.uuid), console.log("loading token: ", M)), t(M), S();
-  }, []), H(() => {
-    if (!(!C.apiPath || R || !r)) {
-      if (b(C.apiPath), !g.current) {
-        const M = `${C.apiPath.replace("http", "ws")}/ui/join/${r}`, L = new WebSocket(M);
-        g.current = L, L.onopen = () => {
-          console.log("connected"), P.dispatch(F.setWebsocketIsConnected(!0));
-        }, L.onerror = (D) => {
-          console.log(D);
-        }, L.onclose = () => {
-          if (console.log("disconnected"), g.current)
+    M ? (console.log("saving token: ", M), d2(F3.uuid, M)) : (M = h2(F3.uuid), console.log("loading token: ", M)), t(M), S();
+  }, []), Y(() => {
+    if (!(!b.apiPath || E || !r)) {
+      if (y(b.apiPath), !x.current) {
+        const M = `${b.apiPath.replace("http", "ws")}/ui/join/${r}`, A = new WebSocket(M);
+        x.current = A, A.onopen = () => {
+          console.log("connected"), D.dispatch(F.setWebsocketIsConnected(!0));
+        }, A.onerror = (O) => {
+          console.log(O);
+        }, A.onclose = () => {
+          if (console.log("disconnected"), x.current)
             console.log("WebSocket closed by server.");
           else {
             console.log("WebSocket closed by client.");
             return;
           }
-          R || (P.dispatch(F.setWebsocketIsConnected(!1)), Z(!0), setTimeout(() => Z(void 0), 5e3));
-        }, L.onmessage = (D) => {
+          E || (D.dispatch(F.setWebsocketIsConnected(!1)), j(!0), setTimeout(() => j(void 0), 5e3));
+        }, A.onmessage = (O) => {
           try {
-            const x = JSON.parse(D.data);
-            if (console.log(x), x.type.startsWith("/system/"))
-              switch (x.type) {
+            const p = JSON.parse(O.data);
+            if (console.log(p), p.type.startsWith("/system/"))
+              switch (p.type) {
                 case "/system/roomKey":
-                  P.dispatch(
+                  D.dispatch(
                     F.setCurrentRoomKey(
-                      x.content
+                      p.content
                     )
                   );
                   break;
                 case "/system/userCodeChanged":
-                  P.dispatch(
-                    F.setUserCode(x.content)
+                  D.dispatch(
+                    F.setUserCode(p.content)
                   );
                   break;
               }
             else
-              x.type.startsWith("/room/") ? P.dispatch(H1.setRoomState(x)) : x.type.startsWith("/device/") && P.dispatch(q1.setDeviceState(x));
-          } catch (x) {
-            console.log(x);
+              p.type.startsWith("/room/") ? D.dispatch(K1.setRoomState(p)) : p.type.startsWith("/device/") && D.dispatch(q1.setDeviceState(p));
+          } catch (p) {
+            console.log(p);
           }
         };
       }
       return () => {
-        g.current && g.current.close(), g.current = null;
+        x.current && x.current.close(), x.current = null;
       };
     }
-  }, [C.apiPath, b, r, R]), H(() => {
-    w && E(`/room/${w}/status`, null);
-  }, [w, E]), /* @__PURE__ */ e.jsx(z3.Provider, { value: { sendMessage: E }, children: l ? s : /* @__PURE__ */ e.jsx(l2, {}) });
-}, R8 = ({ children: s }) => /* @__PURE__ */ e.jsx(D1, { store: P, children: /* @__PURE__ */ e.jsx(u2, { children: s }) }), E8 = ({ config: s }) => {
-  const { sendMessage: r } = v2();
-  H(() => {
-    if (!s)
+  }, [b.apiPath, y, r, E]), Y(() => {
+    g && _(`/room/${g}/status`, null);
+  }, [g, _]), /* @__PURE__ */ e.jsx(X3.Provider, { value: { sendMessage: _ }, children: l ? c : /* @__PURE__ */ e.jsx(a2, {}) });
+}, B8 = ({ children: c }) => /* @__PURE__ */ e.jsx(O1, { store: D, children: /* @__PURE__ */ e.jsx(u2, { children: c }) }), L8 = ({ config: c }) => {
+  const { sendMessage: r } = u3();
+  Y(() => {
+    if (!c)
       return;
     const t = [];
-    s.displayKeys.forEach((l) => {
+    c.displayKeys.forEach((l) => {
       t.push(l);
-    }), s.environmentalDevices.forEach((l) => {
+    }), c.environmentalDevices.forEach((l) => {
       t.push(l);
-    }), s.audioCodecKey && t.push(s.audioCodecKey), s.videoCodecKey && t.push(s.videoCodecKey);
-    for (const [l, w] of Object.entries(s.sourceList))
-      t.push(w.sourceKey);
+    }), c.audioCodecKey && t.push(c.audioCodecKey), c.videoCodecKey && t.push(c.videoCodecKey);
+    for (const l of Object.values(c.sourceList))
+      t.push(l.sourceKey);
     t.forEach((l) => {
       r(`/device/${l}/fullStatus`, { deviceKey: l });
     });
-  }, [s, r]);
-}, _8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger rounded d-flex align-items-center", children: /* @__PURE__ */ e.jsx("span", { className: "fs-5 text-white", children: "We are sorry. Something went wrong." }) }), d2 = "_iconbtn_16qss_1", g2 = "_iconbtnvert_16qss_7", w2 = "_iconsm_16qss_18", h3 = {
-  iconbtn: d2,
-  iconbtnvert: g2,
-  iconsm: w2
-}, x2 = ({
-  multiIcon: s,
+  }, [c, r]);
+};
+function g2(c) {
+  const { sendMessage: r } = u3();
+  return { powerOn: () => {
+    r(`/device/${c}/powerOn`, null);
+  }, powerOff: () => {
+    r(`/device/${c}/powerOff`, null);
+  }, powerToggle: () => {
+    r(`/device/${c}/powerToggle`, null);
+  } };
+}
+function A8(c) {
+  const { sendMessage: r } = u3();
+  return { runDirectRoute: (l) => {
+    r(`/room/${c}/directRoute`, l);
+  } };
+}
+function T8(c) {
+  const r = r2(c), t = g2(c);
+  return { state: r, powerControl: t };
+}
+const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger rounded d-flex align-items-center", children: /* @__PURE__ */ e.jsx("span", { className: "fs-5 text-white", children: "We are sorry. Something went wrong." }) }), w2 = "_iconbtn_16qss_1", x2 = "_iconbtnvert_16qss_7", f2 = "_iconsm_16qss_18", v3 = {
+  iconbtn: w2,
+  iconbtnvert: x2,
+  iconsm: f2
+}, p2 = ({
+  multiIcon: c,
   otherContent: r = null,
   vert: t = !1,
   className: l,
-  iconClassName: w = "",
-  otherContentClassName: j = "",
+  iconClassName: g = "",
+  otherContentClassName: m = "",
   disabled: S,
-  feedback: C,
-  feedbackClassName: g,
-  onPointerDown: R,
-  onPointerUp: Z,
-  onPointerLeave: b,
-  ...E
+  feedback: b,
+  feedbackClassName: x,
+  onPointerDown: E,
+  onPointerUp: j,
+  onPointerLeave: y,
+  ..._
 }) => {
-  const [_, M] = r3(!1), L = !S && C ? g : "", D = !S && (_ || C);
+  const [B, M] = r3(!1), A = !S && b ? x : "", O = !S && (B || b);
   return /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
-      className: `${h3.iconbtn} ${t ? h3.iconbtnvert : ""} ${l} ${L}`,
-      ...E,
+      className: `${v3.iconbtn} ${t ? v3.iconbtnvert : ""} ${l} ${A}`,
+      ..._,
       disabled: S,
-      onPointerDown: (x) => {
-        M(!0), R == null || R(x);
+      onPointerDown: (p) => {
+        M(!0), E == null || E(p);
       },
-      onPointerUp: (x) => {
-        M(!1), Z == null || Z(x);
+      onPointerUp: (p) => {
+        M(!1), j == null || j(p);
       },
-      onPointerLeave: (x) => {
-        M(!1), b == null || b(x);
+      onPointerLeave: (p) => {
+        M(!1), y == null || y(p);
       },
       children: [
         /* @__PURE__ */ e.jsx(
-          s,
+          c,
           {
-            className: `${w || h3.iconsm}`,
-            active: D,
+            className: `${g || v3.iconsm}`,
+            active: O,
             disabled: S
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: j, children: r })
+        /* @__PURE__ */ e.jsx("div", { className: m, children: r })
       ]
     }
   );
 }, u = ({
-  ActiveImage: s,
+  ActiveImage: c,
   DisabledImage: r,
   EnabledImage: t,
   active: l,
-  disabled: w
-}) => w ? r : l ? s : t, f2 = ({
-  active: s,
+  disabled: g
+}) => g ? r : l ? c : t, M2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1062,11 +1089,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), M2 = ({
-  active: s,
+), Z2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1114,11 +1141,11 @@ const u2 = ({ children: s }) => {
         ) })
       }
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), p2 = ({
-  active: s,
+), m2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1163,11 +1190,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), Z2 = ({
-  active: s,
+), j2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1203,11 +1230,11 @@ const u2 = ({ children: s }) => {
         children: /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsx("path", { d: "M82.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,5ZM99.38,108.04h-59.68c-4.58,0-8.3-3.71-8.3-8.3v-43.17h59.43c4.72,0,8.55,3.83,8.55,8.55v42.92ZM133.2,106.05v-47.49c0-2.29-2.58-3.63-4.46-2.31l-22.73,16.02c-.75.53-1.2,1.39-1.2,2.31v15.45c0,.92.45,1.78,1.2,2.31l22.73,16.02c1.87,1.32,4.46-.02,4.46-2.31Z" }) })
       }
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), m2 = ({
-  active: s,
+), C2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1252,11 +1279,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), j2 = ({
-  active: s,
+), S2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1301,11 +1328,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), C2 = ({
-  active: s,
+), b2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1350,11 +1377,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), S2 = ({
-  active: s,
+), y2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1399,11 +1426,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), b2 = ({
-  active: s,
+), I2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1448,11 +1475,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), y2 = ({
-  active: s,
+), R2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1497,11 +1524,80 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), I2 = ({
-  active: s,
+), E2 = ({
+  active: c,
+  // Just to shut up the linter on this template. Prefer deleting this lint rule
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  className: r = "",
+  disabled: t
+}) => /* @__PURE__ */ e.jsx(
+  u,
+  {
+    ActiveImage: (
+      /* icon-hdmi-active.svg */
+      /* @__PURE__ */ e.jsx(
+        "svg",
+        {
+          className: r,
+          fill: "currentcolor",
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 164.61 164.61",
+          children: /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              d: "M71.55,55.43h-10.75v-16.12h43v16.12h-10.75v-10.75h-5.37v10.75h-10.75v-10.75h-5.37v10.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.3ZM119.93,55.43h-5.37v-16.12c0-2.96-1.05-5.49-3.16-7.59-2.11-2.11-4.64-3.16-7.59-3.16h-43c-2.96,0-5.49,1.05-7.59,3.16s-3.16,4.64-3.16,7.59v16.12h-5.38v32.25l16.12,32.25v16.12h43v-16.12l16.12-32.25v-32.25ZM55.43,84.99l16.12,32.25v8.06h21.5v-8.06l16.12-32.25v-18.81h-53.75v18.81Z",
+              strokeWidth: "0"
+            }
+          ) })
+        }
+      )
+    ),
+    DisabledImage: (
+      /* icon-hdmi-disabled.svg */
+      /* @__PURE__ */ e.jsx(
+        "svg",
+        {
+          className: r,
+          fill: "currentcolor",
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 164.61 164.61",
+          children: /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              d: "M49.27,96.86l-4.59-9.18v-32.25h5.37v-16.12c0-2.96,1.05-5.49,3.16-7.59,2.11-2.11,4.64-3.16,7.59-3.16h43c2.96,0,5.49,1.05,7.59,3.16.52.52.98,1.07,1.37,1.64l-8.96,8.96v-3.02h-43v16.12h10.75v-10.75h5.37v10.75h10.75v-10.75h5.37v8.39l-13.11,13.11h-24.52v18.81l1.9,3.8-8.06,8.06ZM109.18,73.91v11.08l-16.12,32.25v8.06h-21.5v-8.06l-1.9-3.8-8.85,8.85v13.77h43v-16.12l16.12-32.25v-24.52l-10.75,10.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.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",
+              strokeWidth: "0"
+            }
+          ) })
+        }
+      )
+    ),
+    EnabledImage: (
+      /* icon-hdmi-enabled.svg */
+      /* @__PURE__ */ e.jsx(
+        "svg",
+        {
+          className: r,
+          fill: "currentcolor",
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 164.61 164.61",
+          children: /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              d: "M60.8,136.05v-16.12l-16.12-32.25v-32.25h5.37v-16.12c0-2.96,1.05-5.49,3.16-7.59,2.11-2.11,4.64-3.16,7.59-3.16h43c2.96,0,5.49,1.05,7.59,3.16s3.16,4.64,3.16,7.59v16.12h5.37v32.25l-16.12,32.25v16.12h-43ZM60.8,55.43h10.75v-10.75h5.37v10.75h10.75v-10.75h5.37v10.75h10.75v-16.12h-43v16.12ZM71.55,125.3h21.5v-8.06l16.12-32.25v-18.81h-53.75v18.81l16.12,32.25v8.06ZM82.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",
+              strokeWidth: "0"
+            }
+          ) })
+        }
+      )
+    ),
+    active: c,
+    disabled: t
+  }
+), _2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1546,11 +1642,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), R2 = ({
-  active: s,
+), B2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1595,11 +1691,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), E2 = ({
-  active: s,
+), L2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1644,11 +1740,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), _2 = ({
-  active: s,
+), A2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1693,11 +1789,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), B2 = ({
-  active: s,
+), T2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1715,11 +1811,11 @@ const u2 = ({ children: s }) => {
       /* icon-playstation-enabled.svg */
       /* @__PURE__ */ e.jsx("svg", { className: r, fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 164.61 164.61", children: /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.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: s,
+    active: c,
     disabled: t
   }
-), L2 = ({
-  active: s,
+), P2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1764,11 +1860,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), A2 = ({
-  active: s,
+), D2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1813,11 +1909,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), T2 = ({
-  active: s,
+), O2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1862,11 +1958,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), P2 = ({
-  active: s,
+), V2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1911,11 +2007,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), D2 = ({
-  active: s,
+), k2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -1960,11 +2056,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), O2 = ({
-  active: s,
+), $2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -2009,11 +2105,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), V2 = ({
-  active: s,
+), F2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -2058,11 +2154,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), k2 = ({
-  active: s,
+), W2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -2107,11 +2203,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), $2 = ({
-  active: s,
+), U2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -2156,11 +2252,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), F2 = ({
-  active: s,
+), H2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -2205,11 +2301,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), W2 = ({
-  active: s,
+), q2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -2254,11 +2350,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), U2 = ({
-  active: s,
+), G2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -2303,11 +2399,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), q2 = ({
-  active: s,
+), Y2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -2352,11 +2448,11 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), Y2 = ({
-  active: s,
+), K2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
@@ -2401,159 +2497,208 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), G2 = {
-  Alert: M2,
-  Camera: Z2,
-  DownArrow: j2,
-  Ban: p2,
-  Check: m2,
-  Elipses: C2,
-  Flag: S2,
-  Gear: b2,
-  Glass: y2,
-  Laptop: I2,
-  LeftArrow: R2,
-  Light: E2,
-  Mic: f2,
-  Moon: _2,
-  Playstation: B2,
-  Podium: L2,
-  Power: A2,
-  Privacy: T2,
-  Question: P2,
-  RightArrow: D2,
-  Shade: O2,
-  Sun: V2,
-  UpArrow: k2,
-  VolDown: $2,
-  VolMute: F2,
-  VolUp: W2,
-  Wireless: U2,
-  X: q2,
-  Xbox: Y2
+), J2 = {
+  Alert: Z2,
+  Camera: j2,
+  DownArrow: S2,
+  Ban: m2,
+  Check: C2,
+  Elipses: b2,
+  Flag: y2,
+  Gear: I2,
+  Glass: R2,
+  Hdmi: E2,
+  Laptop: _2,
+  LeftArrow: B2,
+  Light: L2,
+  Mic: M2,
+  Moon: A2,
+  Playstation: T2,
+  Podium: P2,
+  Power: D2,
+  Privacy: O2,
+  Question: V2,
+  RightArrow: k2,
+  Shade: $2,
+  Sun: F2,
+  UpArrow: W2,
+  VolDown: U2,
+  VolMute: H2,
+  VolUp: q2,
+  Wireless: G2,
+  X: Y2,
+  Xbox: K2
 };
-function B8({
-  name: s,
+function D8({
+  name: c,
   ...r
 }) {
-  return /* @__PURE__ */ e.jsx(x2, { multiIcon: G2[s], ...r });
+  return /* @__PURE__ */ e.jsx(p2, { multiIcon: J2[c], ...r });
 }
-const H2 = "_grid_1cmpp_1", K2 = "_header_1cmpp_11", J2 = "_content_1cmpp_17", z2 = "_footer_1cmpp_23", X2 = "_volume_1cmpp_29", G = {
-  grid: H2,
-  header: K2,
-  content: J2,
-  footer: z2,
-  volume: X2
-}, L8 = ({ header: s, footer: r, content: t, volume: l, showVolume: w }) => /* @__PURE__ */ e.jsxs("div", { className: G.grid, children: [
-  /* @__PURE__ */ e.jsx("div", { className: G.header, children: s }),
+const z2 = "_grid_1cmpp_1", X2 = "_header_1cmpp_11", Q2 = "_content_1cmpp_17", N2 = "_footer_1cmpp_23", e8 = "_volume_1cmpp_29", G = {
+  grid: z2,
+  header: X2,
+  content: Q2,
+  footer: N2,
+  volume: e8
+}, O8 = ({ header: c, footer: r, content: t, volume: l, showVolume: g }) => /* @__PURE__ */ e.jsxs("div", { className: G.grid, children: [
+  /* @__PURE__ */ e.jsx("div", { className: G.header, children: c }),
   /* @__PURE__ */ e.jsx("div", { className: G.content, children: t }),
-  w && /* @__PURE__ */ e.jsx("div", { className: G.volume, children: l }),
+  g && /* @__PURE__ */ e.jsx("div", { className: G.volume, children: l }),
   /* @__PURE__ */ e.jsx("div", { className: G.footer, children: r })
-] }), Q2 = "_grid_11w5q_1", N2 = "_header_11w5q_11", e8 = "_content_11w5q_17", e3 = {
-  grid: Q2,
-  header: N2,
-  content: e8,
+] }), r8 = "_grid_11w5q_1", c8 = "_header_11w5q_11", s8 = "_content_11w5q_17", e3 = {
+  grid: r8,
+  header: c8,
+  content: s8,
   "left-nav": "_left-nav_11w5q_23"
-}, A8 = ({ className: s, header: r, content: t, leftNav: l }) => /* @__PURE__ */ e.jsxs("div", { className: `${s} ${e3.grid}`, children: [
+}, V8 = ({ className: c, header: r, content: t, leftNav: l }) => /* @__PURE__ */ e.jsxs("div", { className: `${c} ${e3.grid}`, children: [
   /* @__PURE__ */ e.jsx("div", { className: e3.header, children: r }),
   /* @__PURE__ */ e.jsx("div", { className: e3.leftNav, children: l }),
   /* @__PURE__ */ e.jsx("div", { className: e3.content, children: t })
 ] });
-function T8() {
+function k8() {
   return console.log(location.pathname), location.pathname;
 }
-var r8 = /* @__PURE__ */ ((s) => (s[s.NotSet = 0] = "NotSet", s[s.Sunday = 1] = "Sunday", s[s.Monday = 2] = "Monday", s[s.Tuesday = 4] = "Tuesday", s[s.Wednesday = 8] = "Wednesday", s[s.Thursday = 16] = "Thursday", s[s.Friday = 32] = "Friday", s[s.Saturday = 64] = "Saturday", s))(r8 || {});
-class P8 {
+var t8 = /* @__PURE__ */ ((c) => (c[c.NotSet = 0] = "NotSet", c[c.Sunday = 1] = "Sunday", c[c.Monday = 2] = "Monday", c[c.Tuesday = 4] = "Tuesday", c[c.Wednesday = 8] = "Wednesday", c[c.Thursday = 16] = "Thursday", c[c.Friday = 32] = "Friday", c[c.Saturday = 64] = "Saturday", c))(t8 || {});
+class $8 {
   constructor(r, t) {
-    V(this, "path");
-    V(this, "handler");
+    d(this, "path");
+    d(this, "handler");
     this.path = r, this.handler = t;
   }
 }
-const D8 = ({ className: s }) => {
+class F8 {
+  constructor() {
+    d(this, "name", "");
+    d(this, "iconUrl", "");
+    d(this, "channel", "");
+  }
+}
+class W8 {
+  constructor() {
+    d(this, "audioCodecKey");
+    d(this, "defaultDisplayKey");
+    d(this, "defaultPresentationSourceKey", "");
+    d(this, "displayKeys", []);
+    d(this, "environmentalDevices", []);
+    d(this, "hasAudioConferencing");
+    d(this, "hasEnvironmentalControls");
+    d(this, "hasVideoConferencing");
+    d(this, "helpMessage");
+    d(this, "sourceList", {});
+    d(this, "supportsAdvancedSharing");
+    d(this, "uiBehavior");
+    d(this, "userCanChangeShareMode");
+    d(this, "videoCodecIsZoomRoom");
+    d(this, "videoCodecKey");
+  }
+}
+class U8 {
+  constructor() {
+    d(this, "deviceKey");
+    d(this, "deviceType");
+  }
+}
+class H8 {
+  constructor() {
+    d(this, "currentShareText");
+    d(this, "enabled");
+    d(this, "isSharing");
+  }
+}
+const q8 = ({ className: c }) => {
   const [r, t] = r3();
-  return H(() => {
+  return Y(() => {
     setInterval(() => {
       const l = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
       t(l);
     }, 1e3);
-  }, []), /* @__PURE__ */ e.jsxs("div", { className: s, children: [
+  }, []), /* @__PURE__ */ e.jsxs("div", { className: c, children: [
     r,
     " new change"
   ] });
 };
 export {
-  D8 as Clock,
-  r8 as DaysOfWeek,
-  _8 as ErrorBox,
-  x2 as IconButton,
-  M2 as IconMultiAlert,
-  p2 as IconMultiBan,
-  Z2 as IconMultiCamera,
-  m2 as IconMultiCheck,
-  j2 as IconMultiDownArrow,
-  C2 as IconMultiElipses,
-  S2 as IconMultiFlag,
-  b2 as IconMultiGear,
-  y2 as IconMultiGlass,
-  I2 as IconMultiLaptop,
-  R2 as IconMultiLeftArrow,
-  E2 as IconMultiLight,
-  _2 as IconMultiMoon,
-  B2 as IconMultiPlaystation,
-  L2 as IconMultiPodium,
-  A2 as IconMultiPower,
-  T2 as IconMultiPrivacy,
-  P2 as IconMultiQuestion,
-  D2 as IconMultiRightArrow,
-  O2 as IconMultiShade,
-  V2 as IconMultiSun,
-  k2 as IconMultiUpArrow,
-  $2 as IconMultiVolDown,
-  F2 as IconMultiVolMute,
-  W2 as IconMultiVolUp,
-  U2 as IconMultiWireless,
-  q2 as IconMultiX,
-  Y2 as IconMultiXbox,
-  L8 as MainLayout,
-  P8 as MessageHandler,
-  R8 as MobileControlProvider,
+  q8 as Clock,
+  t8 as DaysOfWeek,
+  U8 as EnvironmentalDeviceConfiguration,
+  P8 as ErrorBox,
+  p2 as IconButton,
+  Z2 as IconMultiAlert,
+  m2 as IconMultiBan,
+  j2 as IconMultiCamera,
+  C2 as IconMultiCheck,
+  S2 as IconMultiDownArrow,
+  b2 as IconMultiElipses,
+  y2 as IconMultiFlag,
+  I2 as IconMultiGear,
+  R2 as IconMultiGlass,
+  E2 as IconMultiHdmi,
+  _2 as IconMultiLaptop,
+  B2 as IconMultiLeftArrow,
+  L2 as IconMultiLight,
+  A2 as IconMultiMoon,
+  T2 as IconMultiPlaystation,
+  P2 as IconMultiPodium,
+  D2 as IconMultiPower,
+  O2 as IconMultiPrivacy,
+  V2 as IconMultiQuestion,
+  k2 as IconMultiRightArrow,
+  $2 as IconMultiShade,
+  F2 as IconMultiSun,
+  W2 as IconMultiUpArrow,
+  U2 as IconMultiVolDown,
+  H2 as IconMultiVolMute,
+  q2 as IconMultiVolUp,
+  G2 as IconMultiWireless,
+  Y2 as IconMultiX,
+  K2 as IconMultiXbox,
+  O8 as MainLayout,
+  $8 as MessageHandler,
+  B8 as MobileControlProvider,
   u as MultiStateIconContainer,
-  B8 as NamedIconButton,
-  A8 as TechLayout,
-  T8 as getBaseLocation,
-  v3 as httpClient,
-  P as store,
-  l8 as uiActions,
-  Q1 as uiReducer,
-  i8 as useApiPath,
-  N1 as useAppConfig,
-  s2 as useAppDispatch,
-  c2 as useClientId,
-  E8 as useGetAllDeviceStateFromRoomConfiguration,
-  a8 as useGetAllDevices,
-  y8 as useGetCurrentPopoverIdForGroup,
-  h8 as useGetDevice,
-  t2 as useInitialize,
-  m8 as useRoomAdvancedSharingActive,
-  v8 as useRoomConfiguration,
-  x8 as useRoomDestinationKeys,
-  f8 as useRoomInCall,
-  p8 as useRoomIsCoolingDown,
-  Z8 as useRoomIsOn,
-  M8 as useRoomIsWarmingUp,
-  r2 as useRoomKey,
-  g8 as useRoomMasterVolume,
-  d8 as useRoomName,
-  j8 as useRoomShareState,
-  w8 as useRoomSourceList,
-  u8 as useRoomState,
-  S8 as useShowIncomingCallModal,
-  b8 as useShowModal,
-  I8 as useShowPopoverById,
-  C8 as useShowShutdownModal,
-  e2 as useWsIsConnected
+  D8 as NamedIconButton,
+  F8 as PresetChannel,
+  W8 as RoomConfiguration,
+  H8 as ShareState,
+  V8 as TechLayout,
+  k8 as getBaseLocation,
+  h3 as httpClient,
+  D as store,
+  v8 as uiActions,
+  N1 as uiReducer,
+  h8 as useApiPath,
+  e2 as useAppConfig,
+  o2 as useAppDispatch,
+  t2 as useClientId,
+  L8 as useGetAllDeviceStateFromRoomConfiguration,
+  d8 as useGetAllDevices,
+  E8 as useGetCurrentPopoverIdForGroup,
+  r2 as useGetDevice,
+  b8 as useGetRoomDisplays,
+  g2 as useIHasPowerControl,
+  A8 as useIRunDirectRouteAction,
+  n2 as useInitialize,
+  C8 as useRoomAdvancedSharingActive,
+  u8 as useRoomConfiguration,
+  p8 as useRoomDestinationKeys,
+  M8 as useRoomInCall,
+  m8 as useRoomIsCoolingDown,
+  j8 as useRoomIsOn,
+  Z8 as useRoomIsWarmingUp,
+  s2 as useRoomKey,
+  x8 as useRoomMasterVolume,
+  w8 as useRoomName,
+  S8 as useRoomShareState,
+  f8 as useRoomSourceList,
+  g8 as useRoomState,
+  I8 as useShowIncomingCallModal,
+  R8 as useShowModal,
+  _8 as useShowPopoverById,
+  y8 as useShowShutdownModal,
+  T8 as useTwoWayDisplayBase,
+  c2 as useWsIsConnected
 };