@pepperdash/mobile-control-react-app-core 1.2.0 → 1.4.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 A1 = Object.defineProperty;
+var L1 = (c, r, t) => r in c ? A1(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 T1 from "axios";
+import { createSlice as Y, combineReducers as P1, configureStore as W3, createSelector as D1 } from "@reduxjs/toolkit";
+import { useSelector as O1, useDispatch as V1, Provider as k1 } from "react-redux";
+import * as U3 from "lodash";
+import H3, { createContext as $1, useContext as F1, useState as r3, useRef as W1, useCallback as V3, useEffect as K } from "react";
+const U1 = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -16,45 +16,39 @@ const $1 = {
     loginMode: "",
     modes: {}
   }
-}, H3 = K({
+}, G3 = Y({
   name: "appConfig",
-  initialState: $1,
+  initialState: U1,
   reducers: {
     setAppConfig(c, r) {
       c.config = r.payload;
     }
   }
-}), F1 = H3.actions, W1 = H3.reducer, U1 = {}, q3 = K({
+}), H1 = G3.actions, G1 = G3.reducer, q1 = {}, q3 = Y({
   name: "devices",
-  initialState: U1,
+  initialState: q1,
   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);
-      return {
-        ...c,
-        [l]: S
-      };
+      const a = r.payload.content, Z = c[l] ?? {}, S = U3.merge(Z, a);
+      return c[l] = S, c;
     }
   }
-}), H1 = q3.actions, q1 = q3.reducer, Y1 = {}, Y3 = K({
+}), K1 = q3.actions, Y1 = q3.reducer, z1 = {}, K3 = Y({
   name: "rooms",
-  initialState: Y1,
+  initialState: z1,
   reducers: {
     setRoomState(c, r) {
       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);
-      return {
-        ...c,
-        [w]: C
-      };
+      const a = l[1], Z = r.payload.content, S = c[a] ?? {}, b = U3.merge(S, Z);
+      return c[a] = b, c;
     }
   }
-}), G1 = Y3.actions, K1 = Y3.reducer, J1 = {
+}), J1 = K3.actions, X1 = K3.reducer, Q1 = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -73,9 +67,9 @@ const $1 = {
     userCode: "",
     qrUrl: ""
   }
-}, G3 = K({
+}, Y3 = Y({
   name: "runtimeConfig",
-  initialState: J1,
+  initialState: Q1,
   reducers: {
     setRuntimeConfig(c, r) {
       c.apiVersion = r.payload.apiVersion, c.serverIsRunningOnProcessorHardware = r.payload.serverIsRunningOnProcessorHardware;
@@ -99,15 +93,15 @@ const $1 = {
       c.roomData.userCode = r.payload.userCode, c.roomData.qrUrl = r.payload.qrUrl;
     }
   }
-}), F = G3.actions, z1 = G3.reducer, X1 = {
+}), F = Y3.actions, N1 = Y3.reducer, e2 = {
   modalVisibility: {
     showShutdownModal: !1,
     showIncomingCallModal: !1
   },
   popoverVisibility: {}
-}, K3 = K({
+}, z3 = Y({
   name: "ui",
-  initialState: X1,
+  initialState: e2,
   reducers: {
     clearAllModals(c) {
       Object.entries(c.modalVisibility).forEach(([r]) => {
@@ -129,103 +123,115 @@ 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
-});
-F3({
+}), d8 = z3.actions, r2 = z3.reducer, J3 = P1({
+  appConfig: G1,
+  runtimeConfig: N1,
+  rooms: X1,
+  devices: Y1,
+  ui: r2
+}), c2 = W3({
   reducer: J3
-});
-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(
+}), f = O1, s2 = () => f((c) => c.appConfig.config), u8 = () => f((c) => c.appConfig.config.apiPath), g8 = () => D1(
+  [(c) => c.devices],
+  (c) => c ? Object.values(c) : void 0
+)(c2.getState()), X3 = (c) => f((r) => r.devices[c] ? r.devices[c] : void 0), w8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.configuration : void 0;
   }
-), u8 = (c) => f(
+), x8 = (c) => f(
   (r) => r.rooms[c] ? r.rooms[c] : void 0
-), g8 = (c) => f(
+), f8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.name : void 0;
   }
-), w8 = (c) => f(
+), p8 = (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(
+), M8 = (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(
+), Z8 = (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;
   }
-), M8 = (c) => f(
+), m8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isInCall : void 0;
   }
-), p8 = (c) => f(
+), j8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isWarmingUp : void 0;
   }
-), Z8 = (c) => f(
+), C8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isCoolingDown : void 0;
   }
-), m8 = (c) => f(
+), S8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isOn : void 0;
   }
-), j8 = (c) => f(
+), b8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.advancedSharingActive : void 0;
   }
-), C8 = (c) => f(
+), y8 = (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) => {
+), I8 = (c) => f((r) => {
+  var a, Z;
+  const t = (Z = (a = r.rooms[c]) == null ? void 0 : a.configuration) == null ? void 0 : Z.displayKeys;
+  return t && Object.values(r.devices).filter(
+    (S) => t.includes(S.key)
+  ) || void 0;
+}), R8 = (c) => f(
+  (r) => {
+    var t, l;
+    return r.rooms[c] ? (l = (t = r.rooms[c]) == null ? void 0 : t.configuration) == null ? void 0 : l.zoomRoomControllerKey : void 0;
+  }
+), t2 = () => f((c) => c.runtimeConfig.websocket.isConnected), o2 = () => f((c) => c.runtimeConfig.roomData.roomKey), n2 = () => f((c) => c.runtimeConfig.roomData.clientId), E8 = () => f((c) => c.ui.modalVisibility.showShutdownModal), _8 = () => f((c) => c.ui.modalVisibility.showIncomingCallModal), B8 = (c) => f((r) => r.ui.modalVisibility[c]), A8 = (c) => f((r) => {
   const t = r.ui.popoverVisibility[c];
   if (t)
     return Object.keys(t).find((l) => t[l]);
-}), R8 = (c, r) => f((t) => {
+}), L8 = (c, r) => f((t) => {
   var l;
   return (l = t.ui.popoverVisibility[c]) == null ? void 0 : l[r];
-}), P = F3({
+}), D = W3({
   reducer: J3
-}), s2 = P1, v3 = L1.create();
-function t2() {
-  const c = s2();
+}), l2 = V1, d3 = T1.create();
+function i2() {
+  const c = l2();
   return async () => {
     try {
-      const r = location.pathname.split("/").filter((w) => w.length > 0);
+      const r = location.pathname.split("/").filter((a) => a.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 d3.get("/_local-config/_config.local.json", { baseURL: t });
+      if (l.status == 200 && l.data) {
+        const a = l.data.apiPath;
+        c(H1.setAppConfig(l.data));
+        const Z = await d3.get(`${a}/version`);
+        Z.status == 200 && Z.data && c(F.setRuntimeConfig(Z.data));
       }
     } catch (r) {
-      console.log("Error getting config", r);
+      console.error("Error getting config", r);
     }
     return !0;
   };
 }
-var d3 = { exports: {} }, H = {};
+var u3 = { exports: {} }, H = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -236,56 +242,56 @@ var d3 = { exports: {} }, H = {};
  * LICENSE file in the root directory of this source tree.
  */
 var k3;
-function o2() {
+function a2() {
   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"), a = Symbol.for("react.strict_mode"), Z = 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, L = "@@iterator";
+    function O(s) {
       if (s === null || typeof s != "object")
         return null;
       var o = M && s[M] || s[L];
       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);
+        N3("error", s, n);
       }
     }
-    function X3(s, o, n) {
+    function N3(s, o, n) {
       {
-        var i = x.ReactDebugCurrentFrame, v = i.getStackAddendum();
-        v !== "" && (o += "%s", n = n.concat([v]));
-        var u = n.map(function(h) {
+        var i = p.ReactDebugCurrentFrame, u = i.getStackAddendum();
+        u !== "" && (o += "%s", n = n.concat([u]));
+        var w = n.map(function(h) {
           return String(h);
         });
-        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 e1 = !1, r1 = !1, c1 = !1, s1 = !1, t1 = !1, g3;
+    g3 = Symbol.for("react.module.reference");
+    function o1(s) {
+      return !!(typeof s == "string" || typeof s == "function" || s === l || s === Z || t1 || s === a || s === E || s === j || s1 || s === B || e1 || r1 || c1 || 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 n1(s, o, n) {
       var i = s.displayName;
       if (i)
         return i;
-      var v = o.displayName || o.name || "";
-      return v !== "" ? n + "(" + v + ")" : n;
+      var u = o.displayName || o.name || "";
+      return u !== "" ? n + "(" + u + ")" : 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 Z:
           return "Profiler";
-        case w:
+        case a:
           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 n1(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 u = s, w = u._payload, h = u._init;
             try {
-              return A(h(u));
+              return T(h(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 l1() {
       {
         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 i1() {
       {
         if (W--, W === 0) {
           var s = {
@@ -363,65 +369,65 @@ 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;
-    function J(s, o, n) {
+    var s3 = p.ReactCurrentDispatcher, t3;
+    function z(s, o, n) {
       {
-        if (s3 === void 0)
+        if (t3 === void 0)
           try {
             throw Error();
-          } catch (v) {
-            var i = v.stack.trim().match(/\n( *(at )?)/);
-            s3 = i && i[1] || "";
+          } catch (u) {
+            var i = u.stack.trim().match(/\n( *(at )?)/);
+            t3 = i && i[1] || "";
           }
         return `
-` + s3 + s;
+` + t3 + s;
       }
     }
-    var t3 = !1, z;
+    var o3 = !1, J;
     {
-      var l1 = typeof WeakMap == "function" ? WeakMap : Map;
-      z = new l1();
+      var a1 = typeof WeakMap == "function" ? WeakMap : Map;
+      J = new a1();
     }
-    function C3(s, o) {
-      if (!s || t3)
+    function S3(s, o) {
+      if (!s || o3)
         return "";
       {
-        var n = z.get(s);
+        var n = J.get(s);
         if (n !== void 0)
           return n;
       }
       var i;
-      t3 = !0;
-      var v = Error.prepareStackTrace;
+      o3 = !0;
+      var u = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var u;
-      u = c3.current, c3.current = null, o1();
+      var w;
+      w = s3.current, s3.current = null, l1();
       try {
         if (o) {
           var h = function() {
@@ -434,55 +440,55 @@ function o2() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(h, []);
-            } catch (T) {
-              i = T;
+            } catch (P) {
+              i = P;
             }
             Reflect.construct(s, [], h);
           } else {
             try {
               h.call();
-            } catch (T) {
-              i = T;
+            } catch (P) {
+              i = P;
             }
             s.call(h.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 v = P.stack.split(`
+`), R = i.stack.split(`
+`), m = v.length - 1, C = R.length - 1; m >= 1 && C >= 0 && v[m] !== R[C]; )
+            C--;
+          for (; m >= 1 && C >= 0; m--, C--)
+            if (v[m] !== R[C]) {
+              if (m !== 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 (m--, C--, C < 0 || v[m] !== R[C]) {
+                    var A = `
+` + v[m].replace(" at new ", " at ");
+                    return s.displayName && A.includes("<anonymous>") && (A = A.replace("<anonymous>", s.displayName)), typeof s == "function" && J.set(s, A), A;
                   }
-                while (p >= 1 && m >= 0);
+                while (m >= 1 && C >= 0);
               break;
             }
         }
       } finally {
-        t3 = !1, c3.current = u, n1(), Error.prepareStackTrace = v;
+        o3 = !1, s3.current = w, i1(), Error.prepareStackTrace = u;
       }
-      var $ = s ? s.displayName || s.name : "", D3 = $ ? J($) : "";
-      return typeof s == "function" && z.set(s, D3), D3;
+      var $ = s ? s.displayName || s.name : "", O3 = $ ? z($) : "";
+      return typeof s == "function" && J.set(s, O3), O3;
     }
-    function i1(s, o, n) {
-      return C3(s, !1);
+    function v1(s, o, n) {
+      return S3(s, !1);
     }
-    function a1(s) {
+    function h1(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, h1(s));
       if (typeof s == "string")
-        return J(s);
+        return z(s);
       switch (s) {
-        case R:
-          return J("Suspense");
-        case Z:
-          return J("SuspenseList");
+        case E:
+          return z("Suspense");
+        case j:
+          return z("SuspenseList");
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
-          case g:
-            return i1(s.render);
-          case b:
+          case x:
+            return v1(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, u = i._payload, w = i._init;
             try {
-              return X(u(v), o, n);
+              return X(w(u), 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 d1(s, o, n, i, u) {
       {
-        var u = Function.call.bind(Q);
+        var w = Function.call.bind(Q);
         for (var h in s)
-          if (u(s, h)) {
-            var a = void 0;
+          if (w(s, h)) {
+            var v = 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;
+                var R = 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 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;
+              v = s[h](o, h, i, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (m) {
+              v = m;
             }
-            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));
+            v && !(v instanceof Error) && (N(u), 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, h, typeof v), N(null)), v instanceof Error && !(v.message in b3) && (b3[v.message] = !0, N(u), I("Failed %s type: %s", n, v.message), N(null));
           }
       }
     }
-    var v1 = Array.isArray;
-    function o3(s) {
-      return v1(s);
+    var u1 = Array.isArray;
+    function n3(s) {
+      return u1(s);
     }
-    function d1(s) {
+    function g1(s) {
       {
         var o = typeof Symbol == "function" && Symbol.toStringTag, n = o && s[Symbol.toStringTag] || s.constructor.name || "Object";
         return n;
       }
     }
-    function u1(s) {
+    function w1(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 (w1(s))
+        return I("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", g1(s)), I3(s);
     }
-    var U = x.ReactCurrentOwner, g1 = {
+    var U = p.ReactCurrentOwner, x1 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, R3, E3, n3;
-    n3 = {};
-    function w1(s) {
+    }, E3, _3, l3;
+    l3 = {};
+    function f1(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 p1(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 M1(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);
+        l3[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), l3[n] = !0);
       }
     }
-    function M1(s, o) {
+    function Z1(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 m1(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,8 +623,8 @@ function o2() {
         });
       }
     }
-    var Z1 = function(s, o, n, i, v, u, h) {
-      var a = {
+    var j1 = function(s, o, n, i, u, w, h) {
+      var v = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
         // Built-in properties that belong on the element
@@ -627,60 +633,60 @@ function o2() {
         ref: n,
         props: h,
         // Record the component responsible for creating this element.
-        _owner: u
+        _owner: w
       };
-      return a._store = {}, Object.defineProperty(a._store, "validated", {
+      return v._store = {}, Object.defineProperty(v._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(a, "_self", {
+      }), Object.defineProperty(v, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: i
-      }), Object.defineProperty(a, "_source", {
+      }), Object.defineProperty(v, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: v
-      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
+        value: u
+      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
     };
-    function m1(s, o, n, i, v) {
+    function C1(s, o, n, i, u) {
       {
-        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, h = {}, v = null, R = null;
+        n !== void 0 && (R3(n), v = "" + n), p1(o) && (R3(o.key), v = "" + o.key), f1(o) && (R = o.ref, M1(o, u));
+        for (w in o)
+          Q.call(o, w) && !x1.hasOwnProperty(w) && (h[w] = o[w]);
         if (s && s.defaultProps) {
-          var p = s.defaultProps;
-          for (u in p)
-            h[u] === void 0 && (h[u] = p[u]);
+          var m = s.defaultProps;
+          for (w in m)
+            h[w] === void 0 && (h[w] = m[w]);
         }
-        if (a || I) {
-          var m = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          a && M1(h, m), I && p1(h, m);
+        if (v || R) {
+          var C = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
+          v && Z1(h, C), R && m1(h, C);
         }
-        return Z1(s, a, I, v, i, U.current, h);
+        return j1(s, v, R, u, i, U.current, h);
       }
     }
-    var l3 = x.ReactCurrentOwner, _3 = x.ReactDebugCurrentFrame;
-    function V(s) {
+    var i3 = 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) {
+    var a3;
+    a3 = !1;
+    function v3(s) {
       return typeof s == "object" && s !== null && s.$$typeof === r;
     }
-    function B3() {
+    function A3() {
       {
-        if (l3.current) {
-          var s = A(l3.current.type);
+        if (i3.current) {
+          var s = T(i3.current.type);
           if (s)
             return `
 
@@ -689,7 +695,7 @@ Check the render method of \`` + s + "`.";
         return "";
       }
     }
-    function j1(s) {
+    function S1(s) {
       {
         if (s !== void 0) {
           var o = s.fileName.replace(/^.*[\\\/]/, ""), n = s.lineNumber;
@@ -701,9 +707,9 @@ Check your code at ` + o + ":" + n + ".";
       }
     }
     var L3 = {};
-    function C1(s) {
+    function b1(s) {
       {
-        var o = B3();
+        var o = A3();
         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);
+        var n = b1(o);
         if (L3[n])
           return;
         L3[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 !== i3.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))
+        if (n3(s))
           for (var n = 0; n < s.length; n++) {
             var i = s[n];
-            a3(i) && A3(i, o);
+            v3(i) && T3(i, o);
           }
-        else if (a3(s))
+        else if (v3(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 u = O(s);
+          if (typeof u == "function" && u !== s.entries)
+            for (var w = u.call(s), h; !(h = w.next()).done; )
+              v3(h.value) && T3(h.value, o);
         }
       }
     }
-    function S1(s) {
+    function y1(s) {
       {
         var o = s.type;
         if (o == null || typeof o == "string")
@@ -753,76 +759,76 @@ 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);
-          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");
-        }
-        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+          var i = T(o);
+          d1(n, s.props, "prop", i, s);
+        } else if (o.PropTypes !== void 0 && !a3) {
+          a3 = !0;
+          var u = T(o);
+          I("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", u || "Unknown");
+        }
+        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 I1(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, u, w) {
       {
-        var h = s1(s);
+        var h = o1(s);
         if (!h) {
-          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;
+          var v = "";
+          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (v += " 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 = S1(u);
+          R ? v += R : v += A3();
+          var m;
+          s === null ? m = "null" : n3(s) ? m = "array" : s !== void 0 && s.$$typeof === r ? (m = "<" + (T(s.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : m = 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", m, v);
+        }
+        var C = C1(s, o, n, u, w);
+        if (C == null)
+          return C;
         if (h) {
-          var B = o.children;
-          if (B !== void 0)
+          var A = o.children;
+          if (A !== void 0)
             if (i)
-              if (o3(B)) {
-                for (var $ = 0; $ < B.length; $++)
-                  T3(B[$], s);
-                Object.freeze && Object.freeze(B);
+              if (n3(A)) {
+                for (var $ = 0; $ < A.length; $++)
+                  P3(A[$], s);
+                Object.freeze && Object.freeze(A);
               } 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(A, s);
         }
-        return s === l ? b1(m) : S1(m), m;
+        return s === l ? I1(C) : y1(C), C;
       }
     }
-    function y1(s, o, n) {
-      return P3(s, o, n, !0);
+    function R1(s, o, n) {
+      return D3(s, o, n, !0);
     }
-    function I1(s, o, n) {
-      return P3(s, o, n, !1);
+    function E1(s, o, n) {
+      return D3(s, o, n, !1);
     }
-    var R1 = I1, E1 = y1;
-    H.Fragment = l, H.jsx = R1, H.jsxs = E1;
+    var _1 = E1, B1 = R1;
+    H.Fragment = l, H.jsx = _1, H.jsxs = B1;
   }()), H;
 }
-var q = {};
+var G = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -832,196 +838,242 @@ 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)
-    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 };
+var $3;
+function v2() {
+  if ($3)
+    return G;
+  $3 = 1;
+  var c = H3, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, a = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Z = { 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) && !Z.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: a.current };
   }
-  return q.Fragment = t, q.jsx = S, q.jsxs = S, q;
+  return G.Fragment = t, G.jsx = S, G.jsxs = S, G;
 }
-process.env.NODE_ENV === "production" ? d3.exports = n2() : d3.exports = o2();
-var e = d3.exports;
-const l2 = () => /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "disconnected-message", children: [
+process.env.NODE_ENV === "production" ? u3.exports = v2() : u3.exports = a2();
+var e = u3.exports;
+const h2 = () => /* @__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 d2 {
   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 d2();
+function u2(c) {
   return sessionStorage.getItem(c) || "";
 }
-function h2(c, r) {
+function g2(c, r) {
   sessionStorage.setItem(c, r);
 }
-const z3 = O1({
-  sendMessage: () => null
-});
-function v2() {
-  return k1(z3);
+function c3() {
+  return F1(Q3);
 }
-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 Q3 = $1({
+  sendMessage: () => null
+}), w2 = ({ children: c }) => {
+  const [r, t] = r3(), l = t2(), a = o2(), Z = n2(), S = i2(), b = s2(), x = W1(null), [E, j] = r3(), y = V3(
+    async (B) => {
+      await d3.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: Z, content: M }));
     },
-    [l, j]
+    [l, Z]
   );
-  return G(() => {
+  return K(() => {
     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);
+    M ? (console.log("saving token: ", M), g2(F3.uuid, M)) : (M = u2(F3.uuid), console.log("loading token: ", M)), t(M), S();
+  }, []), K(() => {
+    if (!(!b.apiPath || E || !r)) {
+      if (y(b.apiPath), !x.current) {
+        const M = `${b.apiPath.replace("http", "ws")}/ui/join/${r}`, L = new WebSocket(M);
+        x.current = L, L.onopen = () => {
+          console.log("connected"), D.dispatch(F.setWebsocketIsConnected(!0));
+        }, L.onerror = (O) => {
+          console.log(O);
         }, L.onclose = () => {
-          if (console.log("disconnected"), g.current)
+          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));
+        }, L.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(J1.setRoomState(p)) : p.type.startsWith("/device/") && D.dispatch(K1.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]), K(() => {
+    a && _(`/room/${a}/status`, null);
+  }, [a, _]), /* @__PURE__ */ e.jsx(Q3.Provider, { value: { sendMessage: _ }, children: l ? c : /* @__PURE__ */ e.jsx(h2, {}) });
+}, T8 = ({ children: c }) => /* @__PURE__ */ e.jsx(k1, { store: D, children: /* @__PURE__ */ e.jsx(w2, { children: c }) }), P8 = ({ config: c }) => {
+  const { sendMessage: r } = c3();
+  K(() => {
+    var l;
     if (!c)
       return;
     const t = [];
-    c.displayKeys.forEach((l) => {
-      t.push(l);
-    }), c.environmentalDevices.forEach((l) => {
-      t.push(l);
+    c.displayKeys.forEach((a) => {
+      t.push(a);
+    }), (l = c.touchpanelKeys) == null || l.forEach((a) => {
+      t.push(a);
+    }), c.environmentalDevices.forEach((a) => {
+      t.push(a);
     }), 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);
-    t.forEach((l) => {
-      r(`/device/${l}/fullStatus`, { deviceKey: l });
+    for (const a of Object.values(c.sourceList))
+      t.push(a.sourceKey);
+    t.forEach((a) => {
+      r(`/device/${a}/fullStatus`, { deviceKey: a });
     });
   }, [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 x2(c) {
+  const { sendMessage: r } = c3();
+  return { powerOn: () => {
+    r(`/device/${c}/powerOn`, null);
+  }, powerOff: () => {
+    r(`/device/${c}/powerOff`, null);
+  }, powerToggle: () => {
+    r(`/device/${c}/powerToggle`, null);
+  } };
+}
+function D8(c) {
+  const { sendMessage: r } = c3();
+  return { runDirectRoute: (l) => {
+    r(`/room/${c}/directRoute`, l);
+  } };
+}
+function O8(c) {
+  const r = X3(c), { sendMessage: t } = c3();
+  return r ? {
+    touchpanelState: r,
+    appControl: { hideApp: () => {
+      t(`/device/${c}/hideApp`, null);
+    }, openApp: () => {
+      t(`/device/${c}/openApp`, null);
+    }, closeApp: () => {
+      t(`/device/${c}/closeApp`, null);
+    } },
+    zoomControl: { endCall: () => {
+      t(`/device/${c}/endCall`, null);
+    } }
+  } : void 0;
+}
+function V8(c) {
+  const r = X3(c), t = x2(c);
+  if (!r)
+    return;
+  const l = (r.powerState || r.isWarming) && !r.isCooling, a = (!r.powerState || r.isCooling) && !r.isWarming;
+  return {
+    displayState: r,
+    powerControl: t,
+    powerFb: { powerOnFb: l, powerOffFb: a }
+  };
+}
+const k8 = () => /* @__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." }) }), f2 = "_iconbtn_16qss_1", p2 = "_iconbtnvert_16qss_7", M2 = "_iconsm_16qss_18", h3 = {
+  iconbtn: f2,
+  iconbtnvert: p2,
+  iconsm: M2
+}, Z2 = ({
   multiIcon: c,
   otherContent: r = null,
   vert: t = !1,
   className: l,
-  iconClassName: w = "",
-  otherContentClassName: j = "",
+  iconClassName: a = "",
+  otherContentClassName: Z = "",
   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), L = !S && b ? x : "", O = !S && (B || b);
   return /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
       className: `${h3.iconbtn} ${t ? h3.iconbtnvert : ""} ${l} ${L}`,
-      ...E,
+      ..._,
       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: `${a || h3.iconsm}`,
+            active: O,
             disabled: S
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: j, children: r })
+        /* @__PURE__ */ e.jsx("div", { className: Z, children: r })
       ]
     }
   );
-}, d = ({
+}, g = ({
   ActiveImage: c,
   DisabledImage: r,
   EnabledImage: t,
   active: l,
-  disabled: w
-}) => w ? r : l ? c : t, f2 = ({
+  disabled: a
+}) => a ? r : l ? c : t, m2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-mic-active.svg */
@@ -1065,12 +1117,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), M2 = ({
+), j2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: /* @__PURE__ */ e.jsx(
       "svg",
@@ -1117,12 +1169,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), p2 = ({
+), C2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-ban-active.svg */
@@ -1166,12 +1218,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), Z2 = ({
+), S2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: /* @__PURE__ */ e.jsx(
       "svg",
@@ -1206,12 +1258,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), m2 = ({
+), b2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-check-active.svg */
@@ -1255,12 +1307,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), j2 = ({
+), y2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-down-active.svg */
@@ -1304,12 +1356,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), C2 = ({
+), I2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-elipses-active.svg */
@@ -1353,12 +1405,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), S2 = ({
+), R2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-flag-active.svg */
@@ -1402,12 +1454,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), b2 = ({
+), E2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* /Users/hvolmer/Downloads/SVG/icon-gear-active.svg */
@@ -1451,12 +1503,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), y2 = ({
+), _2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-glass-active.svg */
@@ -1500,14 +1552,14 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), I2 = ({
+), B2 = ({
   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,
+  g,
   {
     ActiveImage: (
       /* icon-hdmi-active.svg */
@@ -1522,7 +1574,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 +1593,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 +1612,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 +1621,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), R2 = ({
+), A2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-laptop-active.svg */
@@ -1618,12 +1670,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), E2 = ({
+), L2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-left-active.svg */
@@ -1667,12 +1719,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), _2 = ({
+), T2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-light-active.svg */
@@ -1716,12 +1768,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), B2 = ({
+), P2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-moon-active.svg */
@@ -1765,12 +1817,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), L2 = ({
+), D2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-playstation-active.svg */
@@ -1787,12 +1839,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), A2 = ({
+), O2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-podium-active.svg */
@@ -1836,12 +1888,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), T2 = ({
+), V2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-power-active.svg */
@@ -1885,12 +1937,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), P2 = ({
+), k2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-privacy-active.svg */
@@ -1934,12 +1986,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), D2 = ({
+), $2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-question-active.svg */
@@ -1983,12 +2035,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), O2 = ({
+), F2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-right-active.svg */
@@ -2032,12 +2084,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), k2 = ({
+), W2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-shade-active.svg */
@@ -2081,12 +2133,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), V2 = ({
+), U2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-sun-active.svg */
@@ -2130,12 +2182,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), $2 = ({
+), H2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-up-active.svg */
@@ -2179,12 +2231,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), F2 = ({
+), G2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-volDown-active.svg */
@@ -2228,12 +2280,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), W2 = ({
+), q2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-volMute-active.svg */
@@ -2277,12 +2329,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), U2 = ({
+), K2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-volUp-active.svg */
@@ -2326,12 +2378,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), H2 = ({
+), Y2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-wireless-active.svg */
@@ -2375,12 +2427,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), q2 = ({
+), z2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-x-active.svg */
@@ -2424,12 +2476,12 @@ const d2 = ({ children: c }) => {
     active: c,
     disabled: t
   }
-), Y2 = ({
+), J2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  d,
+  g,
   {
     ActiveImage: (
       /* icon-xbox-active.svg */
@@ -2473,79 +2525,120 @@ 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
+), X2 = {
+  Alert: j2,
+  Camera: S2,
+  DownArrow: y2,
+  Ban: C2,
+  Check: b2,
+  Elipses: I2,
+  Flag: R2,
+  Gear: E2,
+  Glass: _2,
+  Hdmi: B2,
+  Laptop: A2,
+  LeftArrow: L2,
+  Light: T2,
+  Mic: m2,
+  Moon: P2,
+  Playstation: D2,
+  Podium: O2,
+  Power: V2,
+  Privacy: k2,
+  Question: $2,
+  RightArrow: F2,
+  Shade: W2,
+  Sun: U2,
+  UpArrow: H2,
+  VolDown: G2,
+  VolMute: q2,
+  VolUp: K2,
+  Wireless: Y2,
+  X: z2,
+  Xbox: J2
 };
-function L8({
+function $8({
   name: c,
   ...r
 }) {
-  return /* @__PURE__ */ e.jsx(x2, { multiIcon: G2[c], ...r });
+  return /* @__PURE__ */ e.jsx(Z2, { multiIcon: X2[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 Q2 = "_grid_1cmpp_1", N2 = "_header_1cmpp_11", e8 = "_content_1cmpp_17", r8 = "_footer_1cmpp_23", c8 = "_volume_1cmpp_29", q = {
+  grid: Q2,
+  header: N2,
+  content: e8,
+  footer: r8,
+  volume: c8
+}, F8 = ({ header: c, footer: r, content: t, volume: l, showVolume: a }) => /* @__PURE__ */ e.jsxs("div", { className: q.grid, children: [
+  /* @__PURE__ */ e.jsx("div", { className: q.header, children: c }),
+  /* @__PURE__ */ e.jsx("div", { className: q.content, children: t }),
+  a && /* @__PURE__ */ e.jsx("div", { className: q.volume, children: l }),
+  /* @__PURE__ */ e.jsx("div", { className: q.footer, children: r })
+] }), s8 = "_grid_11w5q_1", t8 = "_header_11w5q_11", o8 = "_content_11w5q_17", e3 = {
+  grid: s8,
+  header: t8,
+  content: o8,
   "left-nav": "_left-nav_11w5q_23"
-}, T8 = ({ className: c, header: r, content: t, leftNav: l }) => /* @__PURE__ */ e.jsxs("div", { className: `${c} ${e3.grid}`, children: [
+}, W8 = ({ 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 U8() {
   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 n8 = /* @__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))(n8 || {});
+class H8 {
   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 G8 {
+  constructor() {
+    d(this, "name", "");
+    d(this, "iconUrl", "");
+    d(this, "channel", "");
+  }
+}
+class q8 {
+  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");
+    d(this, "touchpanelKeys");
+    d(this, "zoomRoomControllerKey");
+  }
+}
+class K8 {
+  constructor() {
+    d(this, "deviceKey");
+    d(this, "deviceType");
+  }
+}
+class Y8 {
+  constructor() {
+    d(this, "currentShareText");
+    d(this, "enabled");
+    d(this, "isSharing");
+  }
+}
+const z8 = ({ className: c }) => {
   const [r, t] = r3();
-  return G(() => {
+  return K(() => {
     setInterval(() => {
       const l = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
       t(l);
@@ -2556,75 +2649,85 @@ 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,
-  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
+  z8 as Clock,
+  n8 as DaysOfWeek,
+  K8 as EnvironmentalDeviceConfiguration,
+  k8 as ErrorBox,
+  Z2 as IconButton,
+  j2 as IconMultiAlert,
+  C2 as IconMultiBan,
+  S2 as IconMultiCamera,
+  b2 as IconMultiCheck,
+  y2 as IconMultiDownArrow,
+  I2 as IconMultiElipses,
+  R2 as IconMultiFlag,
+  E2 as IconMultiGear,
+  _2 as IconMultiGlass,
+  B2 as IconMultiHdmi,
+  A2 as IconMultiLaptop,
+  L2 as IconMultiLeftArrow,
+  T2 as IconMultiLight,
+  P2 as IconMultiMoon,
+  D2 as IconMultiPlaystation,
+  O2 as IconMultiPodium,
+  V2 as IconMultiPower,
+  k2 as IconMultiPrivacy,
+  $2 as IconMultiQuestion,
+  F2 as IconMultiRightArrow,
+  W2 as IconMultiShade,
+  U2 as IconMultiSun,
+  H2 as IconMultiUpArrow,
+  G2 as IconMultiVolDown,
+  q2 as IconMultiVolMute,
+  K2 as IconMultiVolUp,
+  Y2 as IconMultiWireless,
+  z2 as IconMultiX,
+  J2 as IconMultiXbox,
+  F8 as MainLayout,
+  H8 as MessageHandler,
+  T8 as MobileControlProvider,
+  g as MultiStateIconContainer,
+  $8 as NamedIconButton,
+  G8 as PresetChannel,
+  q8 as RoomConfiguration,
+  Y8 as ShareState,
+  W8 as TechLayout,
+  U8 as getBaseLocation,
+  d3 as httpClient,
+  D as store,
+  d8 as uiActions,
+  r2 as uiReducer,
+  u8 as useApiPath,
+  s2 as useAppConfig,
+  l2 as useAppDispatch,
+  n2 as useClientId,
+  P8 as useGetAllDeviceStateFromRoomConfiguration,
+  g8 as useGetAllDevices,
+  A8 as useGetCurrentPopoverIdForGroup,
+  X3 as useGetDevice,
+  I8 as useGetRoomDisplays,
+  R8 as useGetZoomRoomControllerKey,
+  x2 as useIHasPowerControl,
+  D8 as useIRunDirectRouteAction,
+  i2 as useInitialize,
+  O8 as useMobileControlTouchpanelController,
+  b8 as useRoomAdvancedSharingActive,
+  w8 as useRoomConfiguration,
+  Z8 as useRoomDestinationKeys,
+  m8 as useRoomInCall,
+  C8 as useRoomIsCoolingDown,
+  S8 as useRoomIsOn,
+  j8 as useRoomIsWarmingUp,
+  o2 as useRoomKey,
+  p8 as useRoomMasterVolume,
+  f8 as useRoomName,
+  y8 as useRoomShareState,
+  M8 as useRoomSourceList,
+  x8 as useRoomState,
+  _8 as useShowIncomingCallModal,
+  B8 as useShowModal,
+  L8 as useShowPopoverById,
+  E8 as useShowShutdownModal,
+  V8 as useTwoWayDisplayBase,
+  t2 as useWsIsConnected
 };