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

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

@@ -1,12 +1,12 @@
-var _1 = Object.defineProperty;
-var B1 = (c, r, t) => r in c ? _1(c, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[r] = t;
-var k = (c, r, t) => (B1(c, 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 k1, useState as r3, useRef as V1, useCallback as O3, useEffect as G } 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: "",
@@ -16,30 +16,30 @@ const $1 = {
     loginMode: "",
     modes: {}
   }
-}, H3 = K({
+}, q3 = K({
   name: "appConfig",
-  initialState: $1,
+  initialState: F1,
   reducers: {
     setAppConfig(c, r) {
       c.config = r.payload;
     }
   }
-}), F1 = H3.actions, W1 = H3.reducer, U1 = {}, q3 = K({
+}), W1 = q3.actions, U1 = q3.reducer, H1 = {}, G3 = K({
   name: "devices",
-  initialState: U1,
+  initialState: H1,
   reducers: {
     setDeviceState(c, r) {
       const t = r.payload.type, l = t.slice(t.lastIndexOf("/") + 1);
       if (!l)
         return;
-      const w = r.payload.content, j = c[l] ?? {}, S = W3.merge(j, w);
+      const g = r.payload.content, m = c[l] ?? {}, S = U3.merge(m, g);
       return {
         ...c,
         [l]: S
       };
     }
   }
-}), H1 = q3.actions, q1 = q3.reducer, Y1 = {}, Y3 = K({
+}), q1 = G3.actions, G1 = G3.reducer, Y1 = {}, Y3 = K({
   name: "rooms",
   initialState: Y1,
   reducers: {
@@ -47,14 +47,14 @@ const $1 = {
       const l = r.payload.type.match("/room/(.*)/status");
       if (!l)
         return;
-      const w = l[1], j = r.payload.content, S = c[w] ?? {}, C = W3.merge(S, j);
+      const g = l[1], m = r.payload.content, S = c[g] ?? {}, b = U3.merge(S, m);
       return {
         ...c,
-        [w]: C
+        [g]: b
       };
     }
   }
-}), G1 = Y3.actions, K1 = Y3.reducer, J1 = {
+}), K1 = Y3.actions, J1 = Y3.reducer, z1 = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -73,9 +73,9 @@ const $1 = {
     userCode: "",
     qrUrl: ""
   }
-}, G3 = K({
+}, K3 = K({
   name: "runtimeConfig",
-  initialState: J1,
+  initialState: z1,
   reducers: {
     setRuntimeConfig(c, r) {
       c.apiVersion = r.payload.apiVersion, c.serverIsRunningOnProcessorHardware = r.payload.serverIsRunningOnProcessorHardware;
@@ -99,15 +99,15 @@ const $1 = {
       c.roomData.userCode = r.payload.userCode, c.roomData.qrUrl = r.payload.qrUrl;
     }
   }
-}), F = G3.actions, z1 = G3.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(c) {
       Object.entries(c.modalVisibility).forEach(([r]) => {
@@ -129,39 +129,39 @@ const $1 = {
       }), c.popoverVisibility[r.payload.popoverGroup][r.payload.popoverId] = r.payload.value;
     }
   }
-}), i8 = K3.actions, Q1 = K3.reducer, J3 = A1({
-  appConfig: W1,
-  runtimeConfig: z1,
-  rooms: K1,
-  devices: q1,
-  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((c) => c.appConfig.config), a8 = () => f((c) => c.appConfig.config.apiPath), h8 = () => f((c) => Object.values(c.devices)), v8 = (c) => f((r) => r.devices[c]), d8 = (c) => 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[c] ? (t = r.rooms[c]) == null ? void 0 : t.configuration : void 0;
   }
-), u8 = (c) => f(
-  (r) => r.rooms[c] ? r.rooms[c] : void 0
 ), g8 = (c) => f(
+  (r) => r.rooms[c] ? r.rooms[c] : void 0
+), w8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.name : void 0;
   }
-), w8 = (c) => f(
+), x8 = (c) => f(
   (r) => {
     var t, l;
     return r.rooms[c] ? (l = (t = r.rooms[c]) == null ? void 0 : t.volumes) == null ? void 0 : l.master : void 0;
   }
-), x8 = (c) => f(
+), f8 = (c) => f(
   (r) => {
     var t, l;
     return r.rooms[c] ? (l = (t = r.rooms[c]) == null ? void 0 : t.configuration) == null ? void 0 : l.sourceList : void 0;
   }
-), f8 = (c) => f(
+), p8 = (c) => f(
   (r) => {
     var t, l;
     return r.rooms[c] ? (l = (t = r.rooms[c]) == null ? void 0 : t.configuration) == null ? void 0 : l.displayKeys : void 0;
@@ -171,56 +171,62 @@ const f = T1, N1 = () => f((c) => c.appConfig.config), a8 = () => f((c) => c.app
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isInCall : void 0;
   }
-), p8 = (c) => f(
+), Z8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isWarmingUp : void 0;
   }
-), Z8 = (c) => f(
+), m8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isCoolingDown : void 0;
   }
-), m8 = (c) => f(
+), j8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isOn : void 0;
   }
-), j8 = (c) => f(
+), C8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.advancedSharingActive : void 0;
   }
-), C8 = (c) => f(
+), S8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.share : void 0;
   }
-), e2 = () => f((c) => c.runtimeConfig.websocket.isConnected), r2 = () => f((c) => c.runtimeConfig.roomData.roomKey), c2 = () => f((c) => c.runtimeConfig.roomData.clientId), S8 = () => f((c) => c.ui.modalVisibility.showShutdownModal), b8 = () => f((c) => c.ui.modalVisibility.showIncomingCallModal), y8 = (c) => f((r) => r.ui.modalVisibility[c]), I8 = (c) => f((r) => {
+), 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]);
-}), R8 = (c, r) => f((t) => {
+}), _8 = (c, r) => f((t) => {
   var l;
   return (l = t.ui.popoverVisibility[c]) == null ? void 0 : l[r];
-}), P = F3({
-  reducer: J3
-}), s2 = P1, v3 = L1.create();
-function t2() {
-  const c = s2();
+}), 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;
-        c(F1.setAppConfig(l.data));
-        const j = await v3.get(`${w}/version`);
-        j.status == 200 && j.data && (console.log("versionRes", j.data), c(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;
   };
@@ -236,56 +242,56 @@ var d3 = { exports: {} }, H = {};
  * LICENSE file in the root directory of this source tree.
  */
 var k3;
-function o2() {
+function l2() {
   return k3 || (k3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var c = 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(s) {
+    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 o = M && s[M] || s[L];
+      var o = M && s[M] || s[A];
       return typeof o == "function" ? o : null;
     }
-    var x = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function y(s) {
+    var p = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function I(s) {
       {
         for (var o = arguments.length, n = new Array(o > 1 ? o - 1 : 0), i = 1; i < o; i++)
           n[i - 1] = arguments[i];
-        X3("error", s, n);
+        Q3("error", s, n);
       }
     }
-    function X3(s, o, n) {
+    function Q3(s, o, n) {
       {
-        var i = x.ReactDebugCurrentFrame, v = i.getStackAddendum();
-        v !== "" && (o += "%s", n = n.concat([v]));
-        var u = n.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);
         });
-        u.unshift("Warning: " + o), Function.prototype.apply.call(console[s], console, u);
+        w.unshift("Warning: " + o), Function.prototype.apply.call(console[s], console, w);
       }
     }
-    var Q3 = !1, N3 = !1, e1 = !1, r1 = !1, c1 = !1, u3;
-    u3 = Symbol.for("react.module.reference");
-    function s1(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === l || s === j || c1 || s === w || s === R || s === Z || r1 || s === _ || Q3 || N3 || e1 || typeof s == "object" && s !== null && (s.$$typeof === E || s.$$typeof === b || s.$$typeof === S || s.$$typeof === C || s.$$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.
-      s.$$typeof === u3 || s.getModuleId !== void 0));
+      s.$$typeof === g3 || s.getModuleId !== void 0));
     }
-    function t1(s, o, n) {
+    function o1(s, o, n) {
       var i = s.displayName;
       if (i)
         return i;
-      var v = o.displayName || o.name || "";
-      return v !== "" ? n + "(" + v + ")" : n;
+      var h = o.displayName || o.name || "";
+      return h !== "" ? n + "(" + h + ")" : n;
     }
-    function g3(s) {
+    function w3(s) {
       return s.displayName || "Context";
     }
-    function A(s) {
+    function T(s) {
       if (s == null)
         return null;
-      if (typeof s.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
+      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;
@@ -294,32 +300,32 @@ function o2() {
           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 s == "object")
         switch (s.$$typeof) {
-          case C:
+          case b:
             var o = s;
-            return g3(o) + ".Consumer";
+            return w3(o) + ".Consumer";
           case S:
             var n = s;
-            return g3(n._context) + ".Provider";
-          case g:
-            return t1(s, s.render, "ForwardRef");
-          case b:
+            return w3(n._context) + ".Provider";
+          case x:
+            return o1(s, s.render, "ForwardRef");
+          case y:
             var i = s.displayName || null;
-            return i !== null ? i : A(s.type) || "Memo";
-          case E: {
-            var v = s, u = v._payload, h = v._init;
+            return i !== null ? i : T(s.type) || "Memo";
+          case _: {
+            var h = s, w = h._payload, v = h._init;
             try {
-              return A(h(u));
+              return T(v(w));
             } catch {
               return null;
             }
@@ -327,18 +333,18 @@ function o2() {
         }
       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;
-    function o1() {
+    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;
+          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, {
@@ -354,7 +360,7 @@ function o2() {
         W++;
       }
     }
-    function n1() {
+    function l1() {
       {
         if (W--, W === 0) {
           var s = {
@@ -363,40 +369,40 @@ function o2() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: O({}, s, {
-              value: w3
-            }),
-            info: O({}, s, {
+            log: V({}, s, {
               value: x3
             }),
-            warn: O({}, s, {
+            info: V({}, s, {
               value: f3
             }),
-            error: O({}, s, {
-              value: M3
-            }),
-            group: O({}, s, {
+            warn: V({}, s, {
               value: p3
             }),
-            groupCollapsed: O({}, s, {
+            error: V({}, s, {
+              value: M3
+            }),
+            group: V({}, s, {
               value: Z3
             }),
-            groupEnd: O({}, s, {
+            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;
+    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 `
@@ -405,10 +411,10 @@ function o2() {
     }
     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(s, o) {
+    function S3(s, o) {
       if (!s || t3)
         return "";
       {
@@ -418,71 +424,71 @@ function o2() {
       }
       var i;
       t3 = !0;
-      var v = Error.prepareStackTrace;
+      var h = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var u;
-      u = c3.current, c3.current = null, o1();
+      var w;
+      w = c3.current, c3.current = null, n1();
       try {
         if (o) {
-          var h = function() {
+          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(s, [], h);
+            Reflect.construct(s, [], v);
           } else {
             try {
-              h.call();
-            } catch (T) {
-              i = T;
+              v.call();
+            } catch (P) {
+              i = P;
             }
-            s.call(h.prototype);
+            s.call(v.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (T) {
-            i = T;
+          } catch (P) {
+            i = P;
           }
           s();
         }
-      } 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)
+      } 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 s.displayName && B.includes("<anonymous>") && (B = B.replace("<anonymous>", s.displayName)), typeof s == "function" && z.set(s, 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 = u, n1(), Error.prepareStackTrace = v;
+        t3 = !1, c3.current = w, l1(), Error.prepareStackTrace = h;
       }
-      var $ = s ? s.displayName || s.name : "", D3 = $ ? J($) : "";
-      return typeof s == "function" && z.set(s, D3), D3;
+      var $ = s ? s.displayName || s.name : "", O3 = $ ? J($) : "";
+      return typeof s == "function" && z.set(s, O3), O3;
     }
-    function i1(s, o, n) {
-      return C3(s, !1);
+    function a1(s, o, n) {
+      return S3(s, !1);
     }
-    function a1(s) {
+    function v1(s) {
       var o = s.prototype;
       return !!(o && o.isReactComponent);
     }
@@ -490,90 +496,90 @@ function o2() {
       if (s == null)
         return "";
       if (typeof s == "function")
-        return C3(s, a1(s));
+        return S3(s, v1(s));
       if (typeof s == "string")
         return J(s);
       switch (s) {
-        case R:
+        case E:
           return J("Suspense");
-        case Z:
+        case j:
           return J("SuspenseList");
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
-          case g:
-            return i1(s.render);
-          case b:
+          case x:
+            return a1(s.render);
+          case y:
             return X(s.type, o, n);
-          case E: {
-            var i = s, v = i._payload, u = i._init;
+          case _: {
+            var i = s, h = i._payload, w = i._init;
             try {
-              return X(u(v), o, n);
+              return X(w(h), o, n);
             } catch {
             }
           }
         }
       return "";
     }
-    var Q = Object.prototype.hasOwnProperty, S3 = {}, b3 = x.ReactDebugCurrentFrame;
+    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);
-        b3.setExtraStackFrame(n);
+        y3.setExtraStackFrame(n);
       } else
-        b3.setExtraStackFrame(null);
+        y3.setExtraStackFrame(null);
     }
-    function h1(s, o, n, i, v) {
+    function h1(s, o, n, i, h) {
       {
-        var u = Function.call.bind(Q);
-        for (var h in s)
-          if (u(s, h)) {
+        var w = Function.call.bind(Q);
+        for (var v in s)
+          if (w(s, v)) {
             var a = void 0;
             try {
-              if (typeof s[h] != "function") {
-                var I = Error((i || "React class") + ": " + n + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[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 = s[h](o, h, i, n, 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", n, h, typeof a), N(null)), a instanceof Error && !(a.message in S3) && (S3[a.message] = !0, N(v), y("Failed %s type: %s", n, 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;
+    var d1 = Array.isArray;
     function o3(s) {
-      return v1(s);
+      return d1(s);
     }
-    function d1(s) {
+    function u1(s) {
       {
         var o = typeof Symbol == "function" && Symbol.toStringTag, n = o && s[Symbol.toStringTag] || s.constructor.name || "Object";
         return n;
       }
     }
-    function u1(s) {
+    function g1(s) {
       try {
-        return y3(s), !1;
+        return I3(s), !1;
       } catch {
         return !0;
       }
     }
-    function y3(s) {
+    function I3(s) {
       return "" + s;
     }
-    function I3(s) {
-      if (u1(s))
-        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", d1(s)), y3(s);
+    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, n3;
+    }, E3, _3, n3;
     n3 = {};
-    function w1(s) {
+    function x1(s) {
       if (Q.call(s, "ref")) {
         var o = Object.getOwnPropertyDescriptor(s, "ref").get;
         if (o && o.isReactWarning)
@@ -581,7 +587,7 @@ function o2() {
       }
       return s.ref !== void 0;
     }
-    function x1(s) {
+    function f1(s) {
       if (Q.call(s, "key")) {
         var o = Object.getOwnPropertyDescriptor(s, "key").get;
         if (o && o.isReactWarning)
@@ -589,16 +595,16 @@ function o2() {
       }
       return s.key !== void 0;
     }
-    function f1(s, o) {
+    function p1(s, o) {
       if (typeof s.ref == "string" && U.current && o && U.current.stateNode !== o) {
-        var n = A(U.current.type);
-        n3[n] || (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), s.ref), n3[n] = !0);
+        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(s, o) {
       {
         var n = 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)", o));
+          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));
         };
         n.isReactWarning = !0, Object.defineProperty(s, "key", {
           get: n,
@@ -606,10 +612,10 @@ function o2() {
         });
       }
     }
-    function p1(s, o) {
+    function Z1(s, o) {
       {
         var n = 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)", o));
+          _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));
         };
         n.isReactWarning = !0, Object.defineProperty(s, "ref", {
           get: n,
@@ -617,7 +623,7 @@ function o2() {
         });
       }
     }
-    var Z1 = function(s, o, n, i, v, u, 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,
@@ -625,9 +631,9 @@ function o2() {
         type: s,
         key: o,
         ref: n,
-        props: h,
+        props: v,
         // Record the component responsible for creating this element.
-        _owner: u
+        _owner: w
       };
       return a._store = {}, Object.defineProperty(a._store, "validated", {
         configurable: !1,
@@ -643,44 +649,44 @@ function o2() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: v
+        value: h
       }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
     };
-    function m1(s, o, n, i, v) {
+    function j1(s, o, n, i, h) {
       {
-        var u, h = {}, a = null, I = null;
-        n !== void 0 && (I3(n), a = "" + n), x1(o) && (I3(o.key), a = "" + o.key), w1(o) && (I = o.ref, f1(o, v));
-        for (u in o)
-          Q.call(o, u) && !g1.hasOwnProperty(u) && (h[u] = o[u]);
+        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 p = s.defaultProps;
-          for (u in p)
-            h[u] === void 0 && (h[u] = p[u]);
+          var Z = s.defaultProps;
+          for (w in Z)
+            v[w] === void 0 && (v[w] = Z[w]);
         }
-        if (a || I) {
-          var m = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          a && M1(h, m), I && p1(h, m);
+        if (a || R) {
+          var C = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
+          a && M1(v, C), R && Z1(v, C);
         }
-        return Z1(s, a, I, v, i, U.current, h);
+        return m1(s, a, R, h, i, U.current, v);
       }
     }
-    var l3 = x.ReactCurrentOwner, _3 = x.ReactDebugCurrentFrame;
-    function V(s) {
+    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);
-        _3.setExtraStackFrame(n);
+        B3.setExtraStackFrame(n);
       } else
-        _3.setExtraStackFrame(null);
+        B3.setExtraStackFrame(null);
     }
     var i3;
     i3 = !1;
     function a3(s) {
       return typeof s == "object" && s !== null && s.$$typeof === r;
     }
-    function B3() {
+    function L3() {
       {
         if (l3.current) {
-          var s = A(l3.current.type);
+          var s = T(l3.current.type);
           if (s)
             return `
 
@@ -689,7 +695,7 @@ Check the render method of \`` + s + "`.";
         return "";
       }
     }
-    function j1(s) {
+    function C1(s) {
       {
         if (s !== void 0) {
           var o = s.fileName.replace(/^.*[\\\/]/, ""), n = s.lineNumber;
@@ -700,10 +706,10 @@ Check your code at ` + o + ":" + n + ".";
         return "";
       }
     }
-    var L3 = {};
-    function C1(s) {
+    var A3 = {};
+    function S1(s) {
       {
-        var o = B3();
+        var o = L3();
         if (!o) {
           var n = typeof s == "string" ? s : s.displayName || s.name;
           n && (o = `
@@ -713,39 +719,39 @@ Check the top-level render call using <` + n + ">.");
         return o;
       }
     }
-    function A3(s, o) {
+    function T3(s, o) {
       {
         if (!s._store || s._store.validated || s.key != null)
           return;
         s._store.validated = !0;
-        var n = C1(o);
-        if (L3[n])
+        var n = S1(o);
+        if (A3[n])
           return;
-        L3[n] = !0;
+        A3[n] = !0;
         var i = "";
-        s && s._owner && s._owner !== l3.current && (i = " It was passed a child from " + A(s._owner.type) + "."), V(s), y('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), V(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(s, o) {
+    function P3(s, o) {
       {
         if (typeof s != "object")
           return;
         if (o3(s))
           for (var n = 0; n < s.length; n++) {
             var i = s[n];
-            a3(i) && A3(i, o);
+            a3(i) && T3(i, o);
           }
         else if (a3(s))
           s._store && (s._store.validated = !0);
         else if (s) {
-          var v = D(s);
-          if (typeof v == "function" && v !== s.entries)
-            for (var u = v.call(s), h; !(h = u.next()).done; )
-              a3(h.value) && A3(h.value, o);
+          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(s) {
+    function b1(s) {
       {
         var o = s.type;
         if (o == null || typeof o == "string")
@@ -753,73 +759,73 @@ Check the top-level render call using <` + n + ">.");
         var n;
         if (typeof o == "function")
           n = o.propTypes;
-        else if (typeof o == "object" && (o.$$typeof === g || // Note: Memo only checks outer props here.
+        else if (typeof o == "object" && (o.$$typeof === x || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        o.$$typeof === b))
+        o.$$typeof === y))
           n = o.propTypes;
         else
           return;
         if (n) {
-          var i = A(o);
+          var i = T(o);
           h1(n, s.props, "prop", i, s);
         } else if (o.PropTypes !== void 0 && !i3) {
           i3 = !0;
-          var v = A(o);
-          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 o.getDefaultProps == "function" && !o.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(s) {
+    function y1(s) {
       {
         for (var o = Object.keys(s.props), n = 0; n < o.length; n++) {
           var i = o[n];
           if (i !== "children" && i !== "key") {
-            V(s), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), V(null);
+            k(s), I("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), k(null);
             break;
           }
         }
-        s.ref !== null && (V(s), y("Invalid attribute `ref` supplied to `React.Fragment`."), V(null));
+        s.ref !== null && (k(s), I("Invalid attribute `ref` supplied to `React.Fragment`."), k(null));
       }
     }
-    function P3(s, o, n, i, v, u) {
+    function D3(s, o, n, i, h, w) {
       {
-        var h = s1(s);
-        if (!h) {
+        var v = t1(s);
+        if (!v) {
           var a = "";
           (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 I = j1(v);
-          I ? a += I : a += B3();
-          var p;
-          s === null ? p = "null" : o3(s) ? p = "array" : s !== void 0 && s.$$typeof === r ? (p = "<" + (A(s.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : p = typeof s, 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(s, o, n, v, u);
-        if (m == null)
-          return m;
-        if (h) {
-          var B = o.children;
-          if (B !== void 0)
+          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 (o3(B)) {
-                for (var $ = 0; $ < B.length; $++)
-                  T3(B[$], s);
-                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, s);
+              P3(L, s);
         }
-        return s === l ? b1(m) : S1(m), m;
+        return s === l ? y1(C) : b1(C), C;
       }
     }
-    function y1(s, o, n) {
-      return P3(s, o, n, !0);
-    }
     function I1(s, o, n) {
-      return P3(s, o, n, !1);
+      return D3(s, o, n, !0);
+    }
+    function R1(s, o, n) {
+      return D3(s, o, n, !1);
     }
-    var R1 = I1, E1 = y1;
-    H.Fragment = l, H.jsx = R1, H.jsxs = E1;
+    var E1 = R1, _1 = I1;
+    H.Fragment = l, H.jsx = E1, H.jsxs = _1;
   }()), H;
 }
 var q = {};
@@ -832,121 +838,121 @@ var 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() {
-  if (V3)
+var $3;
+function i2() {
+  if ($3)
     return q;
-  V3 = 1;
-  var c = U3, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, w = c.__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 };
+  $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 q.Fragment = t, q.jsx = S, q.jsxs = S, q;
 }
-process.env.NODE_ENV === "production" ? d3.exports = n2() : d3.exports = o2();
+process.env.NODE_ENV === "production" ? d3.exports = i2() : d3.exports = l2();
 var e = d3.exports;
-const l2 = () => /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "disconnected-message", children: [
+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() {
-    k(this, "uuid", "current-uuid");
-    k(this, "roomKey", "current-room-key");
-    k(this, "code", "current-code");
-    k(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(c) {
+const F3 = new v2();
+function h2(c) {
   return sessionStorage.getItem(c) || "";
 }
-function h2(c, r) {
+function d2(c, r) {
   sessionStorage.setItem(c, r);
 }
-const z3 = O1({
+const X3 = V1({
   sendMessage: () => null
 });
-function v2() {
-  return k1(z3);
+function u3() {
+  return k1(X3);
 }
-const d2 = ({ children: c }) => {
-  const [r, t] = r3(), l = e2(), w = r2(), j = c2(), S = t2(), C = N1(), g = V1(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 G(() => {
+  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();
-  }, []), G(() => {
-    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(G1.setRoomState(x)) : x.type.startsWith("/device/") && P.dispatch(H1.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]), G(() => {
-    w && E(`/room/${w}/status`, null);
-  }, [w, E]), /* @__PURE__ */ e.jsx(z3.Provider, { value: { sendMessage: E }, children: l ? c : /* @__PURE__ */ e.jsx(l2, {}) });
-}, E8 = ({ children: c }) => /* @__PURE__ */ e.jsx(D1, { store: P, children: /* @__PURE__ */ e.jsx(d2, { children: c }) }), _8 = ({ config: c }) => {
-  const { sendMessage: r } = v2();
-  G(() => {
+  }, [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 = [];
@@ -955,73 +961,94 @@ const d2 = ({ children: c }) => {
     }), c.environmentalDevices.forEach((l) => {
       t.push(l);
     }), c.audioCodecKey && t.push(c.audioCodecKey), c.videoCodecKey && t.push(c.videoCodecKey);
-    for (const [l, w] of Object.entries(c.sourceList))
-      t.push(w.sourceKey);
+    for (const l of Object.values(c.sourceList))
+      t.push(l.sourceKey);
     t.forEach((l) => {
       r(`/device/${l}/fullStatus`, { deviceKey: l });
     });
   }, [c, r]);
-}, B8 = () => /* @__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." }) }), u2 = "_iconbtn_16qss_1", g2 = "_iconbtnvert_16qss_7", w2 = "_iconsm_16qss_18", h3 = {
-  iconbtn: u2,
-  iconbtnvert: g2,
-  iconsm: w2
-}, x2 = ({
+};
+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(
           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 })
       ]
     }
   );
-}, d = ({
+}, u = ({
   ActiveImage: c,
   DisabledImage: r,
   EnabledImage: t,
   active: l,
-  disabled: w
-}) => w ? r : l ? c : t, f2 = ({
+  disabled: g
+}) => g ? r : l ? c : t, M2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-mic-active.svg */
@@ -1065,12 +1092,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), M2 = ({
+), Z2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: /* @__PURE__ */ e.jsx(
       "svg",
@@ -1117,12 +1144,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), p2 = ({
+), m2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-ban-active.svg */
@@ -1166,12 +1193,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), Z2 = ({
+), j2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: /* @__PURE__ */ e.jsx(
       "svg",
@@ -1206,12 +1233,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), m2 = ({
+), C2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-check-active.svg */
@@ -1255,12 +1282,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), j2 = ({
+), S2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-down-active.svg */
@@ -1304,12 +1331,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), C2 = ({
+), b2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-elipses-active.svg */
@@ -1353,12 +1380,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), S2 = ({
+), y2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-flag-active.svg */
@@ -1402,12 +1429,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), b2 = ({
+), I2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* /Users/hvolmer/Downloads/SVG/icon-gear-active.svg */
@@ -1451,12 +1478,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), y2 = ({
+), R2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-glass-active.svg */
@@ -1500,14 +1527,14 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), I2 = ({
+), 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(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-hdmi-active.svg */
@@ -1522,7 +1549,7 @@ const d2 = ({ children: c }) => {
             "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",
-              "stroke-width": "0"
+              strokeWidth: "0"
             }
           ) })
         }
@@ -1541,7 +1568,7 @@ const d2 = ({ children: c }) => {
             "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",
-              "stroke-width": "0"
+              strokeWidth: "0"
             }
           ) })
         }
@@ -1560,7 +1587,7 @@ const d2 = ({ children: c }) => {
             "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",
-              "stroke-width": "0"
+              strokeWidth: "0"
             }
           ) })
         }
@@ -1569,12 +1596,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), R2 = ({
+), _2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-laptop-active.svg */
@@ -1618,12 +1645,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), E2 = ({
+), B2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-left-active.svg */
@@ -1667,12 +1694,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), _2 = ({
+), L2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-light-active.svg */
@@ -1716,12 +1743,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), B2 = ({
+), A2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-moon-active.svg */
@@ -1765,12 +1792,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), L2 = ({
+), T2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-playstation-active.svg */
@@ -1787,12 +1814,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), A2 = ({
+), P2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-podium-active.svg */
@@ -1836,12 +1863,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), T2 = ({
+), D2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-power-active.svg */
@@ -1885,12 +1912,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), P2 = ({
+), O2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-privacy-active.svg */
@@ -1934,12 +1961,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), D2 = ({
+), V2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-question-active.svg */
@@ -1983,12 +2010,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), O2 = ({
+), k2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-right-active.svg */
@@ -2032,12 +2059,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), k2 = ({
+), $2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-shade-active.svg */
@@ -2081,12 +2108,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), V2 = ({
+), F2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-sun-active.svg */
@@ -2130,12 +2157,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), $2 = ({
+), W2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-up-active.svg */
@@ -2179,12 +2206,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), F2 = ({
+), U2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-volDown-active.svg */
@@ -2228,12 +2255,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), W2 = ({
+), H2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-volMute-active.svg */
@@ -2277,12 +2304,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), U2 = ({
+), q2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-volUp-active.svg */
@@ -2326,12 +2353,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), H2 = ({
+), G2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-wireless-active.svg */
@@ -2375,12 +2402,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), q2 = ({
+), Y2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-x-active.svg */
@@ -2424,12 +2451,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), Y2 = ({
+), K2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  u,
   {
     ActiveImage: (
       /* icon-xbox-active.svg */
@@ -2473,79 +2500,118 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), G2 = {
-  Alert: M2,
-  Camera: Z2,
-  DownArrow: j2,
-  Ban: p2,
-  Check: m2,
-  Elipses: C2,
-  Flag: S2,
-  Gear: b2,
-  Glass: y2,
-  Hdmi: I2,
-  Laptop: R2,
-  LeftArrow: E2,
-  Light: _2,
-  Mic: f2,
-  Moon: B2,
-  Playstation: L2,
-  Podium: A2,
-  Power: T2,
-  Privacy: P2,
-  Question: D2,
-  RightArrow: O2,
-  Shade: k2,
-  Sun: V2,
-  UpArrow: $2,
-  VolDown: F2,
-  VolMute: W2,
-  VolUp: U2,
-  Wireless: H2,
-  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 L8({
+function D8({
   name: c,
   ...r
 }) {
-  return /* @__PURE__ */ e.jsx(x2, { multiIcon: G2[c], ...r });
+  return /* @__PURE__ */ e.jsx(p2, { multiIcon: J2[c], ...r });
 }
-const K2 = "_grid_1cmpp_1", J2 = "_header_1cmpp_11", z2 = "_content_1cmpp_17", X2 = "_footer_1cmpp_23", Q2 = "_volume_1cmpp_29", Y = {
-  grid: K2,
-  header: J2,
-  content: z2,
-  footer: X2,
-  volume: Q2
-}, A8 = ({ header: c, footer: r, content: t, volume: l, showVolume: w }) => /* @__PURE__ */ e.jsxs("div", { className: Y.grid, children: [
-  /* @__PURE__ */ e.jsx("div", { className: Y.header, children: c }),
-  /* @__PURE__ */ e.jsx("div", { className: Y.content, children: t }),
-  w && /* @__PURE__ */ e.jsx("div", { className: Y.volume, children: l }),
-  /* @__PURE__ */ e.jsx("div", { className: Y.footer, children: r })
-] }), N2 = "_grid_11w5q_1", e8 = "_header_11w5q_11", r8 = "_content_11w5q_17", e3 = {
-  grid: N2,
-  header: e8,
-  content: r8,
+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 }),
+  g && /* @__PURE__ */ e.jsx("div", { className: G.volume, children: l }),
+  /* @__PURE__ */ e.jsx("div", { className: G.footer, children: r })
+] }), 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"
-}, T8 = ({ className: c, header: r, content: t, leftNav: l }) => /* @__PURE__ */ e.jsxs("div", { className: `${c} ${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 P8() {
+function k8() {
   return console.log(location.pathname), location.pathname;
 }
-var c8 = /* @__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))(c8 || {});
-class D8 {
+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) {
-    k(this, "path");
-    k(this, "handler");
+    d(this, "path");
+    d(this, "handler");
     this.path = r, this.handler = t;
   }
 }
-const O8 = ({ className: c }) => {
+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 G(() => {
+  return Y(() => {
     setInterval(() => {
       const l = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
       t(l);
@@ -2556,75 +2622,83 @@ const O8 = ({ className: c }) => {
   ] });
 };
 export {
-  O8 as Clock,
-  c8 as DaysOfWeek,
-  B8 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 IconMultiHdmi,
-  R2 as IconMultiLaptop,
-  E2 as IconMultiLeftArrow,
-  _2 as IconMultiLight,
-  B2 as IconMultiMoon,
-  L2 as IconMultiPlaystation,
-  A2 as IconMultiPodium,
-  T2 as IconMultiPower,
-  P2 as IconMultiPrivacy,
-  D2 as IconMultiQuestion,
-  O2 as IconMultiRightArrow,
-  k2 as IconMultiShade,
-  V2 as IconMultiSun,
-  $2 as IconMultiUpArrow,
-  F2 as IconMultiVolDown,
-  W2 as IconMultiVolMute,
-  U2 as IconMultiVolUp,
-  H2 as IconMultiWireless,
-  q2 as IconMultiX,
-  Y2 as IconMultiXbox,
-  A8 as MainLayout,
-  D8 as MessageHandler,
-  E8 as MobileControlProvider,
-  d as MultiStateIconContainer,
-  L8 as NamedIconButton,
-  T8 as TechLayout,
-  P8 as getBaseLocation,
-  v3 as httpClient,
-  P as store,
-  i8 as uiActions,
-  Q1 as uiReducer,
-  a8 as useApiPath,
-  N1 as useAppConfig,
-  s2 as useAppDispatch,
-  c2 as useClientId,
-  _8 as useGetAllDeviceStateFromRoomConfiguration,
-  h8 as useGetAllDevices,
-  I8 as useGetCurrentPopoverIdForGroup,
-  v8 as useGetDevice,
-  t2 as useInitialize,
-  j8 as useRoomAdvancedSharingActive,
-  d8 as useRoomConfiguration,
-  f8 as useRoomDestinationKeys,
+  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,
+  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,
-  Z8 as useRoomIsCoolingDown,
-  m8 as useRoomIsOn,
-  p8 as useRoomIsWarmingUp,
-  r2 as useRoomKey,
-  w8 as useRoomMasterVolume,
-  g8 as useRoomName,
-  C8 as useRoomShareState,
-  x8 as useRoomSourceList,
-  u8 as useRoomState,
-  b8 as useShowIncomingCallModal,
-  y8 as useShowModal,
-  R8 as useShowPopoverById,
-  S8 as useShowShutdownModal,
-  e2 as useWsIsConnected
+  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
 };