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

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

@@ -1,11 +1,11 @@
 var _1 = Object.defineProperty;
-var B1 = (s, r, t) => r in s ? _1(s, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[r] = t;
-var V = (s, r, t) => (B1(s, typeof r != "symbol" ? r + "" : r, t), t);
+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 V1, useState as r3, useRef as k1, useCallback as O3, useEffect as H } from "react";
+import U3, { createContext as O1, useContext as k1, useState as r3, useRef as V1, useCallback as O3, useEffect as G } from "react";
 const $1 = {
   config: {
     enableDev: !1,
@@ -16,45 +16,45 @@ const $1 = {
     loginMode: "",
     modes: {}
   }
-}, q3 = K({
+}, H3 = K({
   name: "appConfig",
   initialState: $1,
   reducers: {
-    setAppConfig(s, r) {
-      s.config = r.payload;
+    setAppConfig(c, r) {
+      c.config = r.payload;
     }
   }
-}), F1 = q3.actions, W1 = q3.reducer, U1 = {}, Y3 = K({
+}), F1 = H3.actions, W1 = H3.reducer, U1 = {}, q3 = K({
   name: "devices",
   initialState: U1,
   reducers: {
-    setDeviceState(s, r) {
+    setDeviceState(c, r) {
       const t = r.payload.type, l = t.slice(t.lastIndexOf("/") + 1);
       if (!l)
         return;
-      const w = r.payload.content, j = s[l] ?? {}, S = W3.merge(j, w);
+      const w = r.payload.content, j = c[l] ?? {}, S = W3.merge(j, w);
       return {
-        ...s,
+        ...c,
         [l]: S
       };
     }
   }
-}), q1 = Y3.actions, Y1 = Y3.reducer, G1 = {}, G3 = K({
+}), H1 = q3.actions, q1 = q3.reducer, Y1 = {}, Y3 = K({
   name: "rooms",
-  initialState: G1,
+  initialState: Y1,
   reducers: {
-    setRoomState(s, r) {
+    setRoomState(c, r) {
       const l = r.payload.type.match("/room/(.*)/status");
       if (!l)
         return;
-      const w = l[1], j = r.payload.content, S = s[w] ?? {}, C = W3.merge(S, j);
+      const w = l[1], j = r.payload.content, S = c[w] ?? {}, C = W3.merge(S, j);
       return {
-        ...s,
+        ...c,
         [w]: C
       };
     }
   }
-}), H1 = G3.actions, K1 = G3.reducer, J1 = {
+}), G1 = Y3.actions, K1 = Y3.reducer, J1 = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -73,33 +73,33 @@ const $1 = {
     userCode: "",
     qrUrl: ""
   }
-}, H3 = K({
+}, G3 = K({
   name: "runtimeConfig",
   initialState: J1,
   reducers: {
-    setRuntimeConfig(s, r) {
-      s.apiVersion = r.payload.apiVersion, s.serverIsRunningOnProcessorHardware = r.payload.serverIsRunningOnProcessorHardware;
+    setRuntimeConfig(c, r) {
+      c.apiVersion = r.payload.apiVersion, c.serverIsRunningOnProcessorHardware = r.payload.serverIsRunningOnProcessorHardware;
     },
-    setToken(s, r) {
-      s.token = r.payload;
+    setToken(c, r) {
+      c.token = r.payload;
     },
-    setWebsocketIsConnected(s, r) {
-      s.websocket.isConnected = r.payload;
+    setWebsocketIsConnected(c, r) {
+      c.websocket.isConnected = r.payload;
     },
-    setPluginVersion(s, r) {
-      s.pluginVersion = r.payload;
+    setPluginVersion(c, r) {
+      c.pluginVersion = r.payload;
     },
-    setRoomData(s, r) {
-      s.roomData = r.payload;
+    setRoomData(c, r) {
+      c.roomData = r.payload;
     },
-    setCurrentRoomKey(s, r) {
-      s.roomData.roomKey = r.payload;
+    setCurrentRoomKey(c, r) {
+      c.roomData.roomKey = r.payload;
     },
-    setUserCode(s, r) {
-      s.roomData.userCode = r.payload.userCode, s.roomData.qrUrl = r.payload.qrUrl;
+    setUserCode(c, r) {
+      c.roomData.userCode = r.payload.userCode, c.roomData.qrUrl = r.payload.qrUrl;
     }
   }
-}), F = H3.actions, z1 = H3.reducer, X1 = {
+}), F = G3.actions, z1 = G3.reducer, X1 = {
   modalVisibility: {
     showShutdownModal: !1,
     showIncomingCallModal: !1
@@ -109,105 +109,105 @@ const $1 = {
   name: "ui",
   initialState: X1,
   reducers: {
-    clearAllModals(s) {
-      Object.entries(s.modalVisibility).forEach(([r]) => {
-        s.modalVisibility[r] = !1;
+    clearAllModals(c) {
+      Object.entries(c.modalVisibility).forEach(([r]) => {
+        c.modalVisibility[r] = !1;
       });
     },
-    setModalState(s, r) {
-      s.modalVisibility[r.payload.modalType] = r.payload.value;
+    setModalState(c, r) {
+      c.modalVisibility[r.payload.modalType] = r.payload.value;
     },
-    setShowShutdownModal(s, r) {
-      s.modalVisibility.showShutdownModal = r.payload;
+    setShowShutdownModal(c, r) {
+      c.modalVisibility.showShutdownModal = r.payload;
     },
-    setIncomingCallModal(s, r) {
-      s.modalVisibility.showIncomingCallModal = r.payload;
+    setIncomingCallModal(c, r) {
+      c.modalVisibility.showIncomingCallModal = r.payload;
     },
-    setPopoverState(s, r) {
-      s.popoverVisibility[r.payload.popoverGroup] || (s.popoverVisibility[r.payload.popoverGroup] = {}), Object.entries(s.popoverVisibility[r.payload.popoverGroup]).forEach(([t]) => {
-        s.popoverVisibility[r.payload.popoverGroup][t] = !1;
-      }), s.popoverVisibility[r.payload.popoverGroup][r.payload.popoverId] = r.payload.value;
+    setPopoverState(c, r) {
+      c.popoverVisibility[r.payload.popoverGroup] || (c.popoverVisibility[r.payload.popoverGroup] = {}), Object.entries(c.popoverVisibility[r.payload.popoverGroup]).forEach(([t]) => {
+        c.popoverVisibility[r.payload.popoverGroup][t] = !1;
+      }), c.popoverVisibility[r.payload.popoverGroup][r.payload.popoverId] = r.payload.value;
     }
   }
-}), l8 = K3.actions, Q1 = K3.reducer, J3 = A1({
+}), i8 = K3.actions, Q1 = K3.reducer, J3 = A1({
   appConfig: W1,
   runtimeConfig: z1,
   rooms: K1,
-  devices: Y1,
+  devices: q1,
   ui: Q1
 });
 F3({
   reducer: J3
 });
-const f = T1, N1 = () => f((s) => s.appConfig.config), i8 = () => f((s) => s.appConfig.config.apiPath), a8 = () => f((s) => Object.values(s.devices)), h8 = (s) => f((r) => r.devices[s]), v8 = (s) => f(
+const f = 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(
   (r) => {
     var t;
-    return r.rooms[s] ? (t = r.rooms[s]) == null ? void 0 : t.configuration : void 0;
+    return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.configuration : void 0;
   }
-), u8 = (s) => f(
-  (r) => r.rooms[s] ? r.rooms[s] : void 0
-), d8 = (s) => f(
+), u8 = (c) => f(
+  (r) => r.rooms[c] ? r.rooms[c] : void 0
+), g8 = (c) => f(
   (r) => {
     var t;
-    return r.rooms[s] ? (t = r.rooms[s]) == null ? void 0 : t.name : void 0;
+    return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.name : void 0;
   }
-), g8 = (s) => f(
+), w8 = (c) => f(
   (r) => {
     var t, l;
-    return r.rooms[s] ? (l = (t = r.rooms[s]) == null ? void 0 : t.volumes) == null ? void 0 : l.master : void 0;
+    return r.rooms[c] ? (l = (t = r.rooms[c]) == null ? void 0 : t.volumes) == null ? void 0 : l.master : void 0;
   }
-), w8 = (s) => f(
+), x8 = (c) => f(
   (r) => {
     var t, l;
-    return r.rooms[s] ? (l = (t = r.rooms[s]) == null ? void 0 : t.configuration) == null ? void 0 : l.sourceList : void 0;
+    return r.rooms[c] ? (l = (t = r.rooms[c]) == null ? void 0 : t.configuration) == null ? void 0 : l.sourceList : void 0;
   }
-), x8 = (s) => f(
+), f8 = (c) => f(
   (r) => {
     var t, l;
-    return r.rooms[s] ? (l = (t = r.rooms[s]) == null ? void 0 : t.configuration) == null ? void 0 : l.displayKeys : void 0;
+    return r.rooms[c] ? (l = (t = r.rooms[c]) == null ? void 0 : t.configuration) == null ? void 0 : l.displayKeys : void 0;
   }
-), f8 = (s) => f(
+), M8 = (c) => f(
   (r) => {
     var t;
-    return r.rooms[s] ? (t = r.rooms[s]) == null ? void 0 : t.isInCall : void 0;
+    return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isInCall : void 0;
   }
-), M8 = (s) => f(
+), p8 = (c) => f(
   (r) => {
     var t;
-    return r.rooms[s] ? (t = r.rooms[s]) == null ? void 0 : t.isWarmingUp : void 0;
+    return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isWarmingUp : void 0;
   }
-), p8 = (s) => f(
+), Z8 = (c) => f(
   (r) => {
     var t;
-    return r.rooms[s] ? (t = r.rooms[s]) == null ? void 0 : t.isCoolingDown : void 0;
+    return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isCoolingDown : void 0;
   }
-), Z8 = (s) => f(
+), m8 = (c) => f(
   (r) => {
     var t;
-    return r.rooms[s] ? (t = r.rooms[s]) == null ? void 0 : t.isOn : void 0;
+    return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isOn : void 0;
   }
-), m8 = (s) => f(
+), j8 = (c) => f(
   (r) => {
     var t;
-    return r.rooms[s] ? (t = r.rooms[s]) == null ? void 0 : t.advancedSharingActive : void 0;
+    return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.advancedSharingActive : void 0;
   }
-), j8 = (s) => f(
+), C8 = (c) => f(
   (r) => {
     var t;
-    return r.rooms[s] ? (t = r.rooms[s]) == null ? void 0 : t.share : void 0;
+    return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.share : void 0;
   }
-), e2 = () => f((s) => s.runtimeConfig.websocket.isConnected), r2 = () => f((s) => s.runtimeConfig.roomData.roomKey), c2 = () => f((s) => s.runtimeConfig.roomData.clientId), C8 = () => f((s) => s.ui.modalVisibility.showShutdownModal), S8 = () => f((s) => s.ui.modalVisibility.showIncomingCallModal), b8 = (s) => f((r) => r.ui.modalVisibility[s]), y8 = (s) => f((r) => {
-  const t = r.ui.popoverVisibility[s];
+), 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) => {
+  const t = r.ui.popoverVisibility[c];
   if (t)
     return Object.keys(t).find((l) => t[l]);
-}), I8 = (s, r) => f((t) => {
+}), R8 = (c, r) => f((t) => {
   var l;
-  return (l = t.ui.popoverVisibility[s]) == null ? void 0 : l[r];
+  return (l = t.ui.popoverVisibility[c]) == null ? void 0 : l[r];
 }), P = F3({
   reducer: J3
 }), s2 = P1, v3 = L1.create();
 function t2() {
-  const s = s2();
+  const c = s2();
   return async () => {
     try {
       const r = location.pathname.split("/").filter((w) => w.length > 0);
@@ -215,9 +215,9 @@ function t2() {
       const t = `/${r.join("/")}`, l = await v3.get("/_local-config/_config.local.json", { baseURL: t });
       if (console.log("configRes", l), l.status == 200 && l.data) {
         const w = l.data.apiPath;
-        s(F1.setAppConfig(l.data));
+        c(F1.setAppConfig(l.data));
         const j = await v3.get(`${w}/version`);
-        j.status == 200 && j.data && (console.log("versionRes", j.data), s(F.setRuntimeConfig(j.data)));
+        j.status == 200 && j.data && (console.log("versionRes", j.data), c(F.setRuntimeConfig(j.data)));
       }
     } catch (r) {
       console.log("Error getting config", r);
@@ -225,7 +225,7 @@ function t2() {
     return !0;
   };
 }
-var u3 = { exports: {} }, q = {};
+var d3 = { exports: {} }, H = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -235,61 +235,61 @@ var u3 = { exports: {} }, q = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var V3;
-function n2() {
-  return V3 || (V3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var s = U3, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), S = Symbol.for("react.provider"), C = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), Z = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), _ = Symbol.for("react.offscreen"), M = Symbol.iterator, L = "@@iterator";
-    function D(c) {
-      if (c === null || typeof c != "object")
+var k3;
+function o2() {
+  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) {
+      if (s === null || typeof s != "object")
         return null;
-      var n = M && c[M] || c[L];
-      return typeof n == "function" ? n : null;
+      var o = M && s[M] || s[L];
+      return typeof o == "function" ? o : null;
     }
-    var x = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function y(c) {
+    var x = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function y(s) {
       {
-        for (var n = arguments.length, o = new Array(n > 1 ? n - 1 : 0), i = 1; i < n; i++)
-          o[i - 1] = arguments[i];
-        X3("error", c, o);
+        for (var o = arguments.length, n = new Array(o > 1 ? o - 1 : 0), i = 1; i < o; i++)
+          n[i - 1] = arguments[i];
+        X3("error", s, n);
       }
     }
-    function X3(c, n, o) {
+    function X3(s, o, n) {
       {
         var i = x.ReactDebugCurrentFrame, v = i.getStackAddendum();
-        v !== "" && (n += "%s", o = o.concat([v]));
-        var d = o.map(function(h) {
+        v !== "" && (o += "%s", n = n.concat([v]));
+        var u = n.map(function(h) {
           return String(h);
         });
-        d.unshift("Warning: " + n), Function.prototype.apply.call(console[c], console, d);
+        u.unshift("Warning: " + o), Function.prototype.apply.call(console[s], console, u);
       }
     }
-    var Q3 = !1, N3 = !1, e1 = !1, r1 = !1, c1 = !1, d3;
-    d3 = Symbol.for("react.module.reference");
-    function s1(c) {
-      return !!(typeof c == "string" || typeof c == "function" || c === l || c === j || c1 || c === w || c === R || c === Z || r1 || c === _ || Q3 || N3 || e1 || typeof c == "object" && c !== null && (c.$$typeof === E || c.$$typeof === b || c.$$typeof === S || c.$$typeof === C || c.$$typeof === g || // This needs to include all possible module reference object
+    var 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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      c.$$typeof === d3 || c.getModuleId !== void 0));
+      s.$$typeof === u3 || s.getModuleId !== void 0));
     }
-    function t1(c, n, o) {
-      var i = c.displayName;
+    function t1(s, o, n) {
+      var i = s.displayName;
       if (i)
         return i;
-      var v = n.displayName || n.name || "";
-      return v !== "" ? o + "(" + v + ")" : o;
+      var v = o.displayName || o.name || "";
+      return v !== "" ? n + "(" + v + ")" : n;
     }
-    function g3(c) {
-      return c.displayName || "Context";
+    function g3(s) {
+      return s.displayName || "Context";
     }
-    function A(c) {
-      if (c == null)
+    function A(s) {
+      if (s == null)
         return null;
-      if (typeof c.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof c == "function")
-        return c.displayName || c.name || null;
-      if (typeof c == "string")
-        return c;
-      switch (c) {
+      if (typeof s.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
+        return s.displayName || s.name || null;
+      if (typeof s == "string")
+        return s;
+      switch (s) {
         case l:
           return "Fragment";
         case t:
@@ -303,23 +303,23 @@ function n2() {
         case Z:
           return "SuspenseList";
       }
-      if (typeof c == "object")
-        switch (c.$$typeof) {
+      if (typeof s == "object")
+        switch (s.$$typeof) {
           case C:
-            var n = c;
-            return g3(n) + ".Consumer";
+            var o = s;
+            return g3(o) + ".Consumer";
           case S:
-            var o = c;
-            return g3(o._context) + ".Provider";
+            var n = s;
+            return g3(n._context) + ".Provider";
           case g:
-            return t1(c, c.render, "ForwardRef");
+            return t1(s, s.render, "ForwardRef");
           case b:
-            var i = c.displayName || null;
-            return i !== null ? i : A(c.type) || "Memo";
+            var i = s.displayName || null;
+            return i !== null ? i : A(s.type) || "Memo";
           case E: {
-            var v = c, d = v._payload, h = v._init;
+            var v = s, u = v._payload, h = v._init;
             try {
-              return A(h(d));
+              return A(h(u));
             } catch {
               return null;
             }
@@ -331,57 +331,57 @@ function n2() {
     function j3() {
     }
     j3.__reactDisabledLog = !0;
-    function n1() {
+    function o1() {
       {
         if (W === 0) {
           w3 = console.log, x3 = console.info, f3 = console.warn, M3 = console.error, p3 = console.group, Z3 = console.groupCollapsed, m3 = console.groupEnd;
-          var c = {
+          var s = {
             configurable: !0,
             enumerable: !0,
             value: j3,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: c,
-            log: c,
-            warn: c,
-            error: c,
-            group: c,
-            groupCollapsed: c,
-            groupEnd: c
+            info: s,
+            log: s,
+            warn: s,
+            error: s,
+            group: s,
+            groupCollapsed: s,
+            groupEnd: s
           });
         }
         W++;
       }
     }
-    function o1() {
+    function n1() {
       {
         if (W--, W === 0) {
-          var c = {
+          var s = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: O({}, c, {
+            log: O({}, s, {
               value: w3
             }),
-            info: O({}, c, {
+            info: O({}, s, {
               value: x3
             }),
-            warn: O({}, c, {
+            warn: O({}, s, {
               value: f3
             }),
-            error: O({}, c, {
+            error: O({}, s, {
               value: M3
             }),
-            group: O({}, c, {
+            group: O({}, s, {
               value: p3
             }),
-            groupCollapsed: O({}, c, {
+            groupCollapsed: O({}, s, {
               value: Z3
             }),
-            groupEnd: O({}, c, {
+            groupEnd: O({}, s, {
               value: m3
             })
           });
@@ -390,7 +390,7 @@ function n2() {
       }
     }
     var c3 = x.ReactCurrentDispatcher, s3;
-    function J(c, n, o) {
+    function J(s, o, n) {
       {
         if (s3 === void 0)
           try {
@@ -400,7 +400,7 @@ function n2() {
             s3 = i && i[1] || "";
           }
         return `
-` + s3 + c;
+` + s3 + s;
       }
     }
     var t3 = !1, z;
@@ -408,22 +408,22 @@ function n2() {
       var l1 = typeof WeakMap == "function" ? WeakMap : Map;
       z = new l1();
     }
-    function C3(c, n) {
-      if (!c || t3)
+    function C3(s, o) {
+      if (!s || t3)
         return "";
       {
-        var o = z.get(c);
-        if (o !== void 0)
-          return o;
+        var n = z.get(s);
+        if (n !== void 0)
+          return n;
       }
       var i;
       t3 = !0;
       var v = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var d;
-      d = c3.current, c3.current = null, n1();
+      var u;
+      u = c3.current, c3.current = null, o1();
       try {
-        if (n) {
+        if (o) {
           var h = function() {
             throw Error();
           };
@@ -437,14 +437,14 @@ function n2() {
             } catch (T) {
               i = T;
             }
-            Reflect.construct(c, [], h);
+            Reflect.construct(s, [], h);
           } else {
             try {
               h.call();
             } catch (T) {
               i = T;
             }
-            c.call(h.prototype);
+            s.call(h.prototype);
           }
         } else {
           try {
@@ -452,7 +452,7 @@ function n2() {
           } catch (T) {
             i = T;
           }
-          c();
+          s();
         }
       } catch (T) {
         if (T && i && typeof T.stack == "string") {
@@ -467,48 +467,48 @@ function n2() {
                   if (p--, m--, m < 0 || a[p] !== I[m]) {
                     var B = `
 ` + a[p].replace(" at new ", " at ");
-                    return c.displayName && B.includes("<anonymous>") && (B = B.replace("<anonymous>", c.displayName)), typeof c == "function" && z.set(c, B), B;
+                    return s.displayName && B.includes("<anonymous>") && (B = B.replace("<anonymous>", s.displayName)), typeof s == "function" && z.set(s, B), B;
                   }
                 while (p >= 1 && m >= 0);
               break;
             }
         }
       } finally {
-        t3 = !1, c3.current = d, o1(), Error.prepareStackTrace = v;
+        t3 = !1, c3.current = u, n1(), Error.prepareStackTrace = v;
       }
-      var $ = c ? c.displayName || c.name : "", D3 = $ ? J($) : "";
-      return typeof c == "function" && z.set(c, D3), D3;
+      var $ = s ? s.displayName || s.name : "", D3 = $ ? J($) : "";
+      return typeof s == "function" && z.set(s, D3), D3;
     }
-    function i1(c, n, o) {
-      return C3(c, !1);
+    function i1(s, o, n) {
+      return C3(s, !1);
     }
-    function a1(c) {
-      var n = c.prototype;
-      return !!(n && n.isReactComponent);
+    function a1(s) {
+      var o = s.prototype;
+      return !!(o && o.isReactComponent);
     }
-    function X(c, n, o) {
-      if (c == null)
+    function X(s, o, n) {
+      if (s == null)
         return "";
-      if (typeof c == "function")
-        return C3(c, a1(c));
-      if (typeof c == "string")
-        return J(c);
-      switch (c) {
+      if (typeof s == "function")
+        return C3(s, a1(s));
+      if (typeof s == "string")
+        return J(s);
+      switch (s) {
         case R:
           return J("Suspense");
         case Z:
           return J("SuspenseList");
       }
-      if (typeof c == "object")
-        switch (c.$$typeof) {
+      if (typeof s == "object")
+        switch (s.$$typeof) {
           case g:
-            return i1(c.render);
+            return i1(s.render);
           case b:
-            return X(c.type, n, o);
+            return X(s.type, o, n);
           case E: {
-            var i = c, v = i._payload, d = i._init;
+            var i = s, v = i._payload, u = i._init;
             try {
-              return X(d(v), n, o);
+              return X(u(v), o, n);
             } catch {
             }
           }
@@ -516,118 +516,118 @@ function n2() {
       return "";
     }
     var Q = Object.prototype.hasOwnProperty, S3 = {}, b3 = x.ReactDebugCurrentFrame;
-    function N(c) {
-      if (c) {
-        var n = c._owner, o = X(c.type, c._source, n ? n.type : null);
-        b3.setExtraStackFrame(o);
+    function N(s) {
+      if (s) {
+        var o = s._owner, n = X(s.type, s._source, o ? o.type : null);
+        b3.setExtraStackFrame(n);
       } else
         b3.setExtraStackFrame(null);
     }
-    function h1(c, n, o, i, v) {
+    function h1(s, o, n, i, v) {
       {
-        var d = Function.call.bind(Q);
-        for (var h in c)
-          if (d(c, h)) {
+        var u = Function.call.bind(Q);
+        for (var h in s)
+          if (u(s, h)) {
             var a = void 0;
             try {
-              if (typeof c[h] != "function") {
-                var I = Error((i || "React class") + ": " + o + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof c[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              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;
               }
-              a = c[h](n, h, i, o, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              a = s[h](o, h, i, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (p) {
               a = p;
             }
-            a && !(a instanceof Error) && (N(v), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", o, h, typeof a), N(null)), a instanceof Error && !(a.message in S3) && (S3[a.message] = !0, N(v), y("Failed %s type: %s", o, a.message), N(null));
+            a && !(a instanceof Error) && (N(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));
           }
       }
     }
     var v1 = Array.isArray;
-    function n3(c) {
-      return v1(c);
+    function o3(s) {
+      return v1(s);
     }
-    function u1(c) {
+    function d1(s) {
       {
-        var n = typeof Symbol == "function" && Symbol.toStringTag, o = n && c[Symbol.toStringTag] || c.constructor.name || "Object";
-        return o;
+        var o = typeof Symbol == "function" && Symbol.toStringTag, n = o && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return n;
       }
     }
-    function d1(c) {
+    function u1(s) {
       try {
-        return y3(c), !1;
+        return y3(s), !1;
       } catch {
         return !0;
       }
     }
-    function y3(c) {
-      return "" + c;
+    function y3(s) {
+      return "" + s;
     }
-    function I3(c) {
-      if (d1(c))
-        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", u1(c)), y3(c);
+    function 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);
     }
     var U = x.ReactCurrentOwner, g1 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, R3, E3, o3;
-    o3 = {};
-    function w1(c) {
-      if (Q.call(c, "ref")) {
-        var n = Object.getOwnPropertyDescriptor(c, "ref").get;
-        if (n && n.isReactWarning)
+    }, R3, E3, n3;
+    n3 = {};
+    function w1(s) {
+      if (Q.call(s, "ref")) {
+        var o = Object.getOwnPropertyDescriptor(s, "ref").get;
+        if (o && o.isReactWarning)
           return !1;
       }
-      return c.ref !== void 0;
+      return s.ref !== void 0;
     }
-    function x1(c) {
-      if (Q.call(c, "key")) {
-        var n = Object.getOwnPropertyDescriptor(c, "key").get;
-        if (n && n.isReactWarning)
+    function x1(s) {
+      if (Q.call(s, "key")) {
+        var o = Object.getOwnPropertyDescriptor(s, "key").get;
+        if (o && o.isReactWarning)
           return !1;
       }
-      return c.key !== void 0;
+      return s.key !== void 0;
     }
-    function f1(c, n) {
-      if (typeof c.ref == "string" && U.current && n && U.current.stateNode !== n) {
-        var o = A(U.current.type);
-        o3[o] || (y('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', A(U.current.type), c.ref), o3[o] = !0);
+    function f1(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);
       }
     }
-    function M1(c, n) {
+    function M1(s, o) {
       {
-        var o = function() {
-          R3 || (R3 = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        var n = function() {
+          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));
         };
-        o.isReactWarning = !0, Object.defineProperty(c, "key", {
-          get: o,
+        n.isReactWarning = !0, Object.defineProperty(s, "key", {
+          get: n,
           configurable: !0
         });
       }
     }
-    function p1(c, n) {
+    function p1(s, o) {
       {
-        var o = function() {
-          E3 || (E3 = !0, y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        var n = function() {
+          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));
         };
-        o.isReactWarning = !0, Object.defineProperty(c, "ref", {
-          get: o,
+        n.isReactWarning = !0, Object.defineProperty(s, "ref", {
+          get: n,
           configurable: !0
         });
       }
     }
-    var Z1 = function(c, n, o, i, v, d, h) {
+    var Z1 = function(s, o, n, i, v, u, h) {
       var a = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
         // Built-in properties that belong on the element
-        type: c,
-        key: n,
-        ref: o,
+        type: s,
+        key: o,
+        ref: n,
         props: h,
         // Record the component responsible for creating this element.
-        _owner: d
+        _owner: u
       };
       return a._store = {}, Object.defineProperty(a._store, "validated", {
         configurable: !1,
@@ -646,183 +646,183 @@ function n2() {
         value: v
       }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
     };
-    function m1(c, n, o, i, v) {
+    function m1(s, o, n, i, v) {
       {
-        var d, h = {}, a = null, I = null;
-        o !== void 0 && (I3(o), a = "" + o), x1(n) && (I3(n.key), a = "" + n.key), w1(n) && (I = n.ref, f1(n, v));
-        for (d in n)
-          Q.call(n, d) && !g1.hasOwnProperty(d) && (h[d] = n[d]);
-        if (c && c.defaultProps) {
-          var p = c.defaultProps;
-          for (d in p)
-            h[d] === void 0 && (h[d] = p[d]);
+        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]);
+        if (s && s.defaultProps) {
+          var p = s.defaultProps;
+          for (u in p)
+            h[u] === void 0 && (h[u] = p[u]);
         }
         if (a || I) {
-          var m = typeof c == "function" ? c.displayName || c.name || "Unknown" : c;
+          var m = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
           a && M1(h, m), I && p1(h, m);
         }
-        return Z1(c, a, I, v, i, U.current, h);
+        return Z1(s, a, I, v, i, U.current, h);
       }
     }
     var l3 = x.ReactCurrentOwner, _3 = x.ReactDebugCurrentFrame;
-    function k(c) {
-      if (c) {
-        var n = c._owner, o = X(c.type, c._source, n ? n.type : null);
-        _3.setExtraStackFrame(o);
+    function V(s) {
+      if (s) {
+        var o = s._owner, n = X(s.type, s._source, o ? o.type : null);
+        _3.setExtraStackFrame(n);
       } else
         _3.setExtraStackFrame(null);
     }
     var i3;
     i3 = !1;
-    function a3(c) {
-      return typeof c == "object" && c !== null && c.$$typeof === r;
+    function a3(s) {
+      return typeof s == "object" && s !== null && s.$$typeof === r;
     }
     function B3() {
       {
         if (l3.current) {
-          var c = A(l3.current.type);
-          if (c)
+          var s = A(l3.current.type);
+          if (s)
             return `
 
-Check the render method of \`` + c + "`.";
+Check the render method of \`` + s + "`.";
         }
         return "";
       }
     }
-    function j1(c) {
+    function j1(s) {
       {
-        if (c !== void 0) {
-          var n = c.fileName.replace(/^.*[\\\/]/, ""), o = c.lineNumber;
+        if (s !== void 0) {
+          var o = s.fileName.replace(/^.*[\\\/]/, ""), n = s.lineNumber;
           return `
 
-Check your code at ` + n + ":" + o + ".";
+Check your code at ` + o + ":" + n + ".";
         }
         return "";
       }
     }
     var L3 = {};
-    function C1(c) {
+    function C1(s) {
       {
-        var n = B3();
-        if (!n) {
-          var o = typeof c == "string" ? c : c.displayName || c.name;
-          o && (n = `
+        var o = B3();
+        if (!o) {
+          var n = typeof s == "string" ? s : s.displayName || s.name;
+          n && (o = `
 
-Check the top-level render call using <` + o + ">.");
+Check the top-level render call using <` + n + ">.");
         }
-        return n;
+        return o;
       }
     }
-    function A3(c, n) {
+    function A3(s, o) {
       {
-        if (!c._store || c._store.validated || c.key != null)
+        if (!s._store || s._store.validated || s.key != null)
           return;
-        c._store.validated = !0;
-        var o = C1(n);
-        if (L3[o])
+        s._store.validated = !0;
+        var n = C1(o);
+        if (L3[n])
           return;
-        L3[o] = !0;
+        L3[n] = !0;
         var i = "";
-        c && c._owner && c._owner !== l3.current && (i = " It was passed a child from " + A(c._owner.type) + "."), k(c), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', o, i), k(null);
+        s && s._owner && s._owner !== l3.current && (i = " It was passed a child from " + 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);
       }
     }
-    function T3(c, n) {
+    function T3(s, o) {
       {
-        if (typeof c != "object")
+        if (typeof s != "object")
           return;
-        if (n3(c))
-          for (var o = 0; o < c.length; o++) {
-            var i = c[o];
-            a3(i) && A3(i, n);
+        if (o3(s))
+          for (var n = 0; n < s.length; n++) {
+            var i = s[n];
+            a3(i) && A3(i, o);
           }
-        else if (a3(c))
-          c._store && (c._store.validated = !0);
-        else if (c) {
-          var v = D(c);
-          if (typeof v == "function" && v !== c.entries)
-            for (var d = v.call(c), h; !(h = d.next()).done; )
-              a3(h.value) && A3(h.value, n);
+        else if (a3(s))
+          s._store && (s._store.validated = !0);
+        else if (s) {
+          var 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);
         }
       }
     }
-    function S1(c) {
+    function S1(s) {
       {
-        var n = c.type;
-        if (n == null || typeof n == "string")
+        var o = s.type;
+        if (o == null || typeof o == "string")
           return;
-        var o;
-        if (typeof n == "function")
-          o = n.propTypes;
-        else if (typeof n == "object" && (n.$$typeof === g || // Note: Memo only checks outer props here.
+        var n;
+        if (typeof o == "function")
+          n = o.propTypes;
+        else if (typeof o == "object" && (o.$$typeof === g || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        n.$$typeof === b))
-          o = n.propTypes;
+        o.$$typeof === b))
+          n = o.propTypes;
         else
           return;
-        if (o) {
-          var i = A(n);
-          h1(o, c.props, "prop", i, c);
-        } else if (n.PropTypes !== void 0 && !i3) {
+        if (n) {
+          var i = A(o);
+          h1(n, s.props, "prop", i, s);
+        } else if (o.PropTypes !== void 0 && !i3) {
           i3 = !0;
-          var v = A(n);
+          var v = A(o);
           y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", v || "Unknown");
         }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function b1(c) {
+    function b1(s) {
       {
-        for (var n = Object.keys(c.props), o = 0; o < n.length; o++) {
-          var i = n[o];
+        for (var o = Object.keys(s.props), n = 0; n < o.length; n++) {
+          var i = o[n];
           if (i !== "children" && i !== "key") {
-            k(c), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), k(null);
+            V(s), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), V(null);
             break;
           }
         }
-        c.ref !== null && (k(c), y("Invalid attribute `ref` supplied to `React.Fragment`."), k(null));
+        s.ref !== null && (V(s), y("Invalid attribute `ref` supplied to `React.Fragment`."), V(null));
       }
     }
-    function P3(c, n, o, i, v, d) {
+    function P3(s, o, n, i, v, u) {
       {
-        var h = s1(c);
+        var h = s1(s);
         if (!h) {
           var a = "";
-          (c === void 0 || typeof c == "object" && c !== null && Object.keys(c).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          (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;
-          c === null ? p = "null" : n3(c) ? p = "array" : c !== void 0 && c.$$typeof === r ? (p = "<" + (A(c.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : p = typeof c, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", p, a);
+          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(c, n, o, v, d);
+        var m = m1(s, o, n, v, u);
         if (m == null)
           return m;
         if (h) {
-          var B = n.children;
+          var B = o.children;
           if (B !== void 0)
             if (i)
-              if (n3(B)) {
+              if (o3(B)) {
                 for (var $ = 0; $ < B.length; $++)
-                  T3(B[$], c);
+                  T3(B[$], s);
                 Object.freeze && Object.freeze(B);
               } 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.");
             else
-              T3(B, c);
+              T3(B, s);
         }
-        return c === l ? b1(m) : S1(m), m;
+        return s === l ? b1(m) : S1(m), m;
       }
     }
-    function y1(c, n, o) {
-      return P3(c, n, o, !0);
+    function y1(s, o, n) {
+      return P3(s, o, n, !0);
     }
-    function I1(c, n, o) {
-      return P3(c, n, o, !1);
+    function I1(s, o, n) {
+      return P3(s, o, n, !1);
     }
     var R1 = I1, E1 = y1;
-    q.Fragment = l, q.jsx = R1, q.jsxs = E1;
-  }()), q;
+    H.Fragment = l, H.jsx = R1, H.jsxs = E1;
+  }()), H;
 }
-var Y = {};
+var q = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -832,12 +832,12 @@ var Y = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var k3;
-function o2() {
-  if (k3)
-    return Y;
-  k3 = 1;
-  var s = U3, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, w = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, j = { key: !0, ref: !0, __self: !0, __source: !0 };
+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);
@@ -848,37 +848,37 @@ function o2() {
         b[Z] === void 0 && (b[Z] = g[Z]);
     return { $$typeof: r, type: C, key: E, ref: _, props: b, _owner: w.current };
   }
-  return Y.Fragment = t, Y.jsx = S, Y.jsxs = S, Y;
+  return q.Fragment = t, q.jsx = S, q.jsxs = S, q;
 }
-process.env.NODE_ENV === "production" ? u3.exports = o2() : u3.exports = n2();
-var e = u3.exports;
+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: [
   /* @__PURE__ */ e.jsx("h1", { children: "Disconnected" }),
   /* @__PURE__ */ e.jsx("p", { children: "Reconnecting..." })
 ] }) });
 class i2 {
   constructor() {
-    V(this, "uuid", "current-uuid");
-    V(this, "roomKey", "current-room-key");
-    V(this, "code", "current-code");
-    V(this, "expiry", "current-uuid-expires");
+    k(this, "uuid", "current-uuid");
+    k(this, "roomKey", "current-room-key");
+    k(this, "code", "current-code");
+    k(this, "expiry", "current-uuid-expires");
   }
 }
 const $3 = new i2();
-function a2(s) {
-  return sessionStorage.getItem(s) || "";
+function a2(c) {
+  return sessionStorage.getItem(c) || "";
 }
-function h2(s, r) {
-  sessionStorage.setItem(s, r);
+function h2(c, r) {
+  sessionStorage.setItem(c, r);
 }
 const z3 = O1({
   sendMessage: () => null
 });
 function v2() {
-  return V1(z3);
+  return k1(z3);
 }
-const u2 = ({ children: s }) => {
-  const [r, t] = r3(), l = e2(), w = r2(), j = c2(), S = t2(), C = N1(), g = k1(null), [R, Z] = r3(), b = O3(
+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));
@@ -893,10 +893,10 @@ const u2 = ({ children: s }) => {
     },
     [l, j]
   );
-  return H(() => {
+  return G(() => {
     let M = new URLSearchParams(window.location.search).get("token");
     M ? (console.log("saving token: ", M), h2($3.uuid, M)) : (M = a2($3.uuid), console.log("loading token: ", M)), t(M), S();
-  }, []), H(() => {
+  }, []), 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);
@@ -931,7 +931,7 @@ const u2 = ({ children: s }) => {
                   break;
               }
             else
-              x.type.startsWith("/room/") ? P.dispatch(H1.setRoomState(x)) : x.type.startsWith("/device/") && P.dispatch(q1.setDeviceState(x));
+              x.type.startsWith("/room/") ? P.dispatch(G1.setRoomState(x)) : x.type.startsWith("/device/") && P.dispatch(H1.setDeviceState(x));
           } catch (x) {
             console.log(x);
           }
@@ -941,32 +941,32 @@ const u2 = ({ children: s }) => {
         g.current && g.current.close(), g.current = null;
       };
     }
-  }, [C.apiPath, b, r, R]), H(() => {
+  }, [C.apiPath, b, r, R]), G(() => {
     w && E(`/room/${w}/status`, null);
-  }, [w, E]), /* @__PURE__ */ e.jsx(z3.Provider, { value: { sendMessage: E }, children: l ? s : /* @__PURE__ */ e.jsx(l2, {}) });
-}, R8 = ({ children: s }) => /* @__PURE__ */ e.jsx(D1, { store: P, children: /* @__PURE__ */ e.jsx(u2, { children: s }) }), E8 = ({ config: s }) => {
+  }, [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();
-  H(() => {
-    if (!s)
+  G(() => {
+    if (!c)
       return;
     const t = [];
-    s.displayKeys.forEach((l) => {
+    c.displayKeys.forEach((l) => {
       t.push(l);
-    }), s.environmentalDevices.forEach((l) => {
+    }), c.environmentalDevices.forEach((l) => {
       t.push(l);
-    }), s.audioCodecKey && t.push(s.audioCodecKey), s.videoCodecKey && t.push(s.videoCodecKey);
-    for (const [l, w] of Object.entries(s.sourceList))
+    }), 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 });
     });
-  }, [s, r]);
-}, _8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger rounded d-flex align-items-center", children: /* @__PURE__ */ e.jsx("span", { className: "fs-5 text-white", children: "We are sorry. Something went wrong." }) }), d2 = "_iconbtn_16qss_1", g2 = "_iconbtnvert_16qss_7", w2 = "_iconsm_16qss_18", h3 = {
-  iconbtn: d2,
+  }, [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 = ({
-  multiIcon: s,
+  multiIcon: c,
   otherContent: r = null,
   vert: t = !1,
   className: l,
@@ -999,7 +999,7 @@ const u2 = ({ children: s }) => {
       },
       children: [
         /* @__PURE__ */ e.jsx(
-          s,
+          c,
           {
             className: `${w || h3.iconsm}`,
             active: D,
@@ -1010,18 +1010,18 @@ const u2 = ({ children: s }) => {
       ]
     }
   );
-}, u = ({
-  ActiveImage: s,
+}, d = ({
+  ActiveImage: c,
   DisabledImage: r,
   EnabledImage: t,
   active: l,
   disabled: w
-}) => w ? r : l ? s : t, f2 = ({
-  active: s,
+}) => w ? r : l ? c : t, f2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-mic-active.svg */
@@ -1062,15 +1062,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
 ), M2 = ({
-  active: s,
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: /* @__PURE__ */ e.jsx(
       "svg",
@@ -1114,15 +1114,15 @@ const u2 = ({ children: s }) => {
         ) })
       }
     ),
-    active: s,
+    active: c,
     disabled: t
   }
 ), p2 = ({
-  active: s,
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-ban-active.svg */
@@ -1163,15 +1163,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
 ), Z2 = ({
-  active: s,
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: /* @__PURE__ */ e.jsx(
       "svg",
@@ -1203,15 +1203,15 @@ const u2 = ({ children: s }) => {
         children: /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsx("path", { d: "M82.3,164.61C36.92,164.61,0,127.69,0,82.3S36.92,0,82.3,0s82.3,36.92,82.3,82.3-36.92,82.3-82.3,82.3ZM82.3,5C39.68,5,5,39.68,5,82.3s34.68,77.3,77.3,77.3,77.3-34.68,77.3-77.3S124.93,5,82.3,5ZM99.38,108.04h-59.68c-4.58,0-8.3-3.71-8.3-8.3v-43.17h59.43c4.72,0,8.55,3.83,8.55,8.55v42.92ZM133.2,106.05v-47.49c0-2.29-2.58-3.63-4.46-2.31l-22.73,16.02c-.75.53-1.2,1.39-1.2,2.31v15.45c0,.92.45,1.78,1.2,2.31l22.73,16.02c1.87,1.32,4.46-.02,4.46-2.31Z" }) })
       }
     ),
-    active: s,
+    active: c,
     disabled: t
   }
 ), m2 = ({
-  active: s,
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-check-active.svg */
@@ -1252,15 +1252,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
 ), j2 = ({
-  active: s,
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-down-active.svg */
@@ -1301,15 +1301,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
 ), C2 = ({
-  active: s,
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-elipses-active.svg */
@@ -1350,15 +1350,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
 ), S2 = ({
-  active: s,
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-flag-active.svg */
@@ -1399,15 +1399,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
 ), b2 = ({
-  active: s,
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* /Users/hvolmer/Downloads/SVG/icon-gear-active.svg */
@@ -1448,15 +1448,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
 ), y2 = ({
-  active: s,
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-glass-active.svg */
@@ -1497,15 +1497,84 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
 ), I2 = ({
-  active: s,
+  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,
+  {
+    ActiveImage: (
+      /* icon-hdmi-active.svg */
+      /* @__PURE__ */ e.jsx(
+        "svg",
+        {
+          className: r,
+          fill: "currentcolor",
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 164.61 164.61",
+          children: /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              d: "M71.55,55.43h-10.75v-16.12h43v16.12h-10.75v-10.75h-5.37v10.75h-10.75v-10.75h-5.37v10.75ZM164.61,82.3c0,45.38-36.92,82.3-82.3,82.3S0,127.69,0,82.3,36.92,0,82.3,0s82.3,36.92,82.3,82.3ZM119.93,55.43h-5.37v-16.12c0-2.96-1.05-5.49-3.16-7.59-2.11-2.11-4.64-3.16-7.59-3.16h-43c-2.96,0-5.49,1.05-7.59,3.16s-3.16,4.64-3.16,7.59v16.12h-5.38v32.25l16.12,32.25v16.12h43v-16.12l16.12-32.25v-32.25ZM55.43,84.99l16.12,32.25v8.06h21.5v-8.06l16.12-32.25v-18.81h-53.75v18.81Z",
+              "stroke-width": "0"
+            }
+          ) })
+        }
+      )
+    ),
+    DisabledImage: (
+      /* icon-hdmi-disabled.svg */
+      /* @__PURE__ */ e.jsx(
+        "svg",
+        {
+          className: r,
+          fill: "currentcolor",
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 164.61 164.61",
+          children: /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              d: "M49.27,96.86l-4.59-9.18v-32.25h5.37v-16.12c0-2.96,1.05-5.49,3.16-7.59,2.11-2.11,4.64-3.16,7.59-3.16h43c2.96,0,5.49,1.05,7.59,3.16.52.52.98,1.07,1.37,1.64l-8.96,8.96v-3.02h-43v16.12h10.75v-10.75h5.37v10.75h10.75v-10.75h5.37v8.39l-13.11,13.11h-24.52v18.81l1.9,3.8-8.06,8.06ZM109.18,73.91v11.08l-16.12,32.25v8.06h-21.5v-8.06l-1.9-3.8-8.85,8.85v13.77h43v-16.12l16.12-32.25v-24.52l-10.75,10.75ZM164.61,82.3c0,45.38-36.92,82.3-82.3,82.3S0,127.69,0,82.3,36.92,0,82.3,0s82.3,36.92,82.3,82.3ZM5,82.3c0,19.83,7.51,37.93,19.82,51.63L133.93,24.83c-13.7-12.32-31.8-19.83-51.63-19.83C39.68,5,5,39.68,5,82.3ZM159.61,82.3c0-19.83-7.51-37.93-19.83-51.63L30.68,139.78c13.7,12.32,31.8,19.83,51.63,19.83,42.63,0,77.3-34.68,77.3-77.3Z",
+              "stroke-width": "0"
+            }
+          ) })
+        }
+      )
+    ),
+    EnabledImage: (
+      /* icon-hdmi-enabled.svg */
+      /* @__PURE__ */ e.jsx(
+        "svg",
+        {
+          className: r,
+          fill: "currentcolor",
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 164.61 164.61",
+          children: /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              d: "M60.8,136.05v-16.12l-16.12-32.25v-32.25h5.37v-16.12c0-2.96,1.05-5.49,3.16-7.59,2.11-2.11,4.64-3.16,7.59-3.16h43c2.96,0,5.49,1.05,7.59,3.16s3.16,4.64,3.16,7.59v16.12h5.37v32.25l-16.12,32.25v16.12h-43ZM60.8,55.43h10.75v-10.75h5.37v10.75h10.75v-10.75h5.37v10.75h10.75v-16.12h-43v16.12ZM71.55,125.3h21.5v-8.06l16.12-32.25v-18.81h-53.75v18.81l16.12,32.25v8.06ZM82.3,164.61C36.92,164.61,0,127.69,0,82.3S36.92,0,82.3,0s82.3,36.92,82.3,82.3-36.92,82.3-82.3,82.3ZM82.3,5C39.68,5,5,39.68,5,82.3s34.68,77.3,77.3,77.3,77.3-34.68,77.3-77.3S124.93,5,82.3,5Z",
+              "stroke-width": "0"
+            }
+          ) })
+        }
+      )
+    ),
+    active: c,
+    disabled: t
+  }
+), R2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-laptop-active.svg */
@@ -1546,15 +1615,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), R2 = ({
-  active: s,
+), E2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-left-active.svg */
@@ -1595,15 +1664,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), E2 = ({
-  active: s,
+), _2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-light-active.svg */
@@ -1644,15 +1713,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), _2 = ({
-  active: s,
+), B2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-moon-active.svg */
@@ -1693,15 +1762,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), B2 = ({
-  active: s,
+), L2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-playstation-active.svg */
@@ -1715,15 +1784,15 @@ const u2 = ({ children: s }) => {
       /* icon-playstation-enabled.svg */
       /* @__PURE__ */ e.jsx("svg", { className: r, fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 164.61 164.61", children: /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsx("path", { d: "M131.62,102.87c-1.96,2.47-6.77,4.24-6.77,4.24l-35.75,12.84v-9.47l26.31-9.37c2.99-1.07,3.44-2.58,1.02-3.38-2.42-.8-6.81-.57-9.8.51l-17.53,6.17v-9.83l1.01-.34s5.07-1.79,12.19-2.58c7.12-.78,15.85.11,22.69,2.7,7.72,2.44,8.59,6.03,6.63,8.51ZM92.51,86.75v-24.22c0-2.84-.52-5.46-3.19-6.2-2.04-.65-3.31,1.24-3.31,4.09v60.65l-16.36-5.19V43.55c6.95,1.29,17.09,4.34,22.53,6.18,13.85,4.76,18.55,10.67,18.55,24.01s-8.02,17.93-18.22,13ZM39.63,109.49c-7.92-2.23-9.24-6.88-5.63-9.56,3.34-2.47,9.01-4.33,9.01-4.33l23.45-8.34v9.51l-16.88,6.04c-2.98,1.07-3.44,2.58-1.02,3.38,2.42.79,6.81.57,9.8-.5l8.1-2.94v8.51c-.51.09-1.09.18-1.61.27-8.1,1.32-16.72.77-25.22-2.03h0ZM82.3,164.61C36.92,164.61,0,127.69,0,82.3S36.92,0,82.3,0s82.3,36.92,82.3,82.3-36.92,82.3-82.3,82.3ZM82.3,5C39.68,5,5,39.68,5,82.3s34.68,77.3,77.3,77.3,77.3-34.68,77.3-77.3S124.93,5,82.3,5Z" }) }) })
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), L2 = ({
-  active: s,
+), A2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-podium-active.svg */
@@ -1764,15 +1833,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), A2 = ({
-  active: s,
+), T2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-power-active.svg */
@@ -1813,15 +1882,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), T2 = ({
-  active: s,
+), P2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-privacy-active.svg */
@@ -1862,15 +1931,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), P2 = ({
-  active: s,
+), D2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-question-active.svg */
@@ -1911,15 +1980,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), D2 = ({
-  active: s,
+), O2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-right-active.svg */
@@ -1960,15 +2029,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), O2 = ({
-  active: s,
+), k2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-shade-active.svg */
@@ -2009,15 +2078,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
 ), V2 = ({
-  active: s,
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-sun-active.svg */
@@ -2058,15 +2127,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), k2 = ({
-  active: s,
+), $2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-up-active.svg */
@@ -2107,15 +2176,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), $2 = ({
-  active: s,
+), F2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-volDown-active.svg */
@@ -2156,15 +2225,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), F2 = ({
-  active: s,
+), W2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-volMute-active.svg */
@@ -2205,15 +2274,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), W2 = ({
-  active: s,
+), U2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-volUp-active.svg */
@@ -2254,15 +2323,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
-), U2 = ({
-  active: s,
+), H2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-wireless-active.svg */
@@ -2303,15 +2372,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
 ), q2 = ({
-  active: s,
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-x-active.svg */
@@ -2352,15 +2421,15 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
 ), Y2 = ({
-  active: s,
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-xbox-active.svg */
@@ -2401,7 +2470,7 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
 ), G2 = {
@@ -2414,81 +2483,82 @@ const u2 = ({ children: s }) => {
   Flag: S2,
   Gear: b2,
   Glass: y2,
-  Laptop: I2,
-  LeftArrow: R2,
-  Light: E2,
+  Hdmi: I2,
+  Laptop: R2,
+  LeftArrow: E2,
+  Light: _2,
   Mic: f2,
-  Moon: _2,
-  Playstation: B2,
-  Podium: L2,
-  Power: A2,
-  Privacy: T2,
-  Question: P2,
-  RightArrow: D2,
-  Shade: O2,
+  Moon: B2,
+  Playstation: L2,
+  Podium: A2,
+  Power: T2,
+  Privacy: P2,
+  Question: D2,
+  RightArrow: O2,
+  Shade: k2,
   Sun: V2,
-  UpArrow: k2,
-  VolDown: $2,
-  VolMute: F2,
-  VolUp: W2,
-  Wireless: U2,
+  UpArrow: $2,
+  VolDown: F2,
+  VolMute: W2,
+  VolUp: U2,
+  Wireless: H2,
   X: q2,
   Xbox: Y2
 };
-function B8({
-  name: s,
+function L8({
+  name: c,
   ...r
 }) {
-  return /* @__PURE__ */ e.jsx(x2, { multiIcon: G2[s], ...r });
+  return /* @__PURE__ */ e.jsx(x2, { multiIcon: G2[c], ...r });
 }
-const H2 = "_grid_1cmpp_1", K2 = "_header_1cmpp_11", J2 = "_content_1cmpp_17", z2 = "_footer_1cmpp_23", X2 = "_volume_1cmpp_29", G = {
-  grid: H2,
-  header: K2,
-  content: J2,
-  footer: z2,
-  volume: X2
-}, L8 = ({ header: s, footer: r, content: t, volume: l, showVolume: w }) => /* @__PURE__ */ e.jsxs("div", { className: G.grid, children: [
-  /* @__PURE__ */ e.jsx("div", { className: G.header, children: s }),
-  /* @__PURE__ */ e.jsx("div", { className: G.content, children: t }),
-  w && /* @__PURE__ */ e.jsx("div", { className: G.volume, children: l }),
-  /* @__PURE__ */ e.jsx("div", { className: G.footer, children: r })
-] }), Q2 = "_grid_11w5q_1", N2 = "_header_11w5q_11", e8 = "_content_11w5q_17", e3 = {
-  grid: Q2,
-  header: N2,
-  content: e8,
+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,
   "left-nav": "_left-nav_11w5q_23"
-}, A8 = ({ className: s, header: r, content: t, leftNav: l }) => /* @__PURE__ */ e.jsxs("div", { className: `${s} ${e3.grid}`, children: [
+}, T8 = ({ className: c, header: r, content: t, leftNav: l }) => /* @__PURE__ */ e.jsxs("div", { className: `${c} ${e3.grid}`, children: [
   /* @__PURE__ */ e.jsx("div", { className: e3.header, children: r }),
   /* @__PURE__ */ e.jsx("div", { className: e3.leftNav, children: l }),
   /* @__PURE__ */ e.jsx("div", { className: e3.content, children: t })
 ] });
-function T8() {
+function P8() {
   return console.log(location.pathname), location.pathname;
 }
-var r8 = /* @__PURE__ */ ((s) => (s[s.NotSet = 0] = "NotSet", s[s.Sunday = 1] = "Sunday", s[s.Monday = 2] = "Monday", s[s.Tuesday = 4] = "Tuesday", s[s.Wednesday = 8] = "Wednesday", s[s.Thursday = 16] = "Thursday", s[s.Friday = 32] = "Friday", s[s.Saturday = 64] = "Saturday", s))(r8 || {});
-class P8 {
+var 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 {
   constructor(r, t) {
-    V(this, "path");
-    V(this, "handler");
+    k(this, "path");
+    k(this, "handler");
     this.path = r, this.handler = t;
   }
 }
-const D8 = ({ className: s }) => {
+const O8 = ({ className: c }) => {
   const [r, t] = r3();
-  return H(() => {
+  return G(() => {
     setInterval(() => {
       const l = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
       t(l);
     }, 1e3);
-  }, []), /* @__PURE__ */ e.jsxs("div", { className: s, children: [
+  }, []), /* @__PURE__ */ e.jsxs("div", { className: c, children: [
     r,
     " new change"
   ] });
 };
 export {
-  D8 as Clock,
-  r8 as DaysOfWeek,
-  _8 as ErrorBox,
+  O8 as Clock,
+  c8 as DaysOfWeek,
+  B8 as ErrorBox,
   x2 as IconButton,
   M2 as IconMultiAlert,
   p2 as IconMultiBan,
@@ -2499,61 +2569,62 @@ export {
   S2 as IconMultiFlag,
   b2 as IconMultiGear,
   y2 as IconMultiGlass,
-  I2 as IconMultiLaptop,
-  R2 as IconMultiLeftArrow,
-  E2 as IconMultiLight,
-  _2 as IconMultiMoon,
-  B2 as IconMultiPlaystation,
-  L2 as IconMultiPodium,
-  A2 as IconMultiPower,
-  T2 as IconMultiPrivacy,
-  P2 as IconMultiQuestion,
-  D2 as IconMultiRightArrow,
-  O2 as IconMultiShade,
+  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,
-  k2 as IconMultiUpArrow,
-  $2 as IconMultiVolDown,
-  F2 as IconMultiVolMute,
-  W2 as IconMultiVolUp,
-  U2 as IconMultiWireless,
+  $2 as IconMultiUpArrow,
+  F2 as IconMultiVolDown,
+  W2 as IconMultiVolMute,
+  U2 as IconMultiVolUp,
+  H2 as IconMultiWireless,
   q2 as IconMultiX,
   Y2 as IconMultiXbox,
-  L8 as MainLayout,
-  P8 as MessageHandler,
-  R8 as MobileControlProvider,
-  u as MultiStateIconContainer,
-  B8 as NamedIconButton,
-  A8 as TechLayout,
-  T8 as getBaseLocation,
+  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,
-  l8 as uiActions,
+  i8 as uiActions,
   Q1 as uiReducer,
-  i8 as useApiPath,
+  a8 as useApiPath,
   N1 as useAppConfig,
   s2 as useAppDispatch,
   c2 as useClientId,
-  E8 as useGetAllDeviceStateFromRoomConfiguration,
-  a8 as useGetAllDevices,
-  y8 as useGetCurrentPopoverIdForGroup,
-  h8 as useGetDevice,
+  _8 as useGetAllDeviceStateFromRoomConfiguration,
+  h8 as useGetAllDevices,
+  I8 as useGetCurrentPopoverIdForGroup,
+  v8 as useGetDevice,
   t2 as useInitialize,
-  m8 as useRoomAdvancedSharingActive,
-  v8 as useRoomConfiguration,
-  x8 as useRoomDestinationKeys,
-  f8 as useRoomInCall,
-  p8 as useRoomIsCoolingDown,
-  Z8 as useRoomIsOn,
-  M8 as useRoomIsWarmingUp,
+  j8 as useRoomAdvancedSharingActive,
+  d8 as useRoomConfiguration,
+  f8 as useRoomDestinationKeys,
+  M8 as useRoomInCall,
+  Z8 as useRoomIsCoolingDown,
+  m8 as useRoomIsOn,
+  p8 as useRoomIsWarmingUp,
   r2 as useRoomKey,
-  g8 as useRoomMasterVolume,
-  d8 as useRoomName,
-  j8 as useRoomShareState,
-  w8 as useRoomSourceList,
+  w8 as useRoomMasterVolume,
+  g8 as useRoomName,
+  C8 as useRoomShareState,
+  x8 as useRoomSourceList,
   u8 as useRoomState,
-  S8 as useShowIncomingCallModal,
-  b8 as useShowModal,
-  I8 as useShowPopoverById,
-  C8 as useShowShutdownModal,
+  b8 as useShowIncomingCallModal,
+  y8 as useShowModal,
+  R8 as useShowPopoverById,
+  S8 as useShowShutdownModal,
   e2 as useWsIsConnected
 };