@pepperdash/mobile-control-react-app-core 1.1.0 → 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 M = r.payload.content, R = s[l] ?? {}, C = W3.merge(R, M);
+      const w = r.payload.content, j = c[l] ?? {}, S = W3.merge(j, w);
       return {
-        ...s,
-        [l]: C
+        ...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 M = l[1], R = r.payload.content, C = s[M] ?? {}, j = W3.merge(C, R);
+      const w = l[1], j = r.payload.content, S = c[w] ?? {}, C = W3.merge(S, j);
       return {
-        ...s,
-        [M]: j
+        ...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,113 +109,115 @@ 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 x = T1, N1 = () => x((s) => s.appConfig.config), i8 = () => x((s) => s.appConfig.config.apiPath), a8 = () => x((s) => Object.values(s.devices)), h8 = (s) => x((r) => r.devices[s]), v8 = (s) => x(
+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) => x(
-  (r) => r.rooms[s] ? r.rooms[s] : void 0
-), d8 = (s) => x(
+), 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) => x(
+), 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) => x(
+), 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) => x(
+), 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) => x(
+), 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) => x(
+), 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) => x(
+), 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) => x(
+), 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) => x(
+), 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) => x(
+), 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 = () => x((s) => s.runtimeConfig.websocket.isConnected), r2 = () => x((s) => s.runtimeConfig.roomData.roomKey), c2 = () => x((s) => s.runtimeConfig.roomData.clientId), C8 = () => x((s) => s.ui.modalVisibility.showShutdownModal), S8 = () => x((s) => s.ui.modalVisibility.showIncomingCallModal), b8 = (s) => x((r) => r.ui.modalVisibility[s]), y8 = (s) => x((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) => x((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 = await v3.get("/_local-config/_config.local.json");
-      if (console.log("configRes", r), r.status == 200 && r.data) {
-        const t = r.data.apiPath;
-        s(F1.setAppConfig(r.data));
-        const l = await v3.get(`${t}/version`);
-        l.status == 200 && l.data && (console.log("versionRes", l.data), s(F.setRuntimeConfig(l.data)));
+      const r = location.pathname.split("/").filter((w) => w.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)));
       }
     } catch (r) {
       console.log("Error getting config", r);
@@ -223,7 +225,7 @@ function t2() {
     return !0;
   };
 }
-var u3 = { exports: {} }, q = {};
+var d3 = { exports: {} }, H = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -233,91 +235,91 @@ var u3 = { exports: {} }, q = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var V3;
+var k3;
 function o2() {
-  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"), M = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), C = Symbol.for("react.provider"), j = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), Z = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), _ = Symbol.for("react.offscreen"), f = Symbol.iterator, L = "@@iterator";
-    function D(c) {
-      if (c === null || typeof c != "object")
+  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 o = f && c[f] || c[L];
+      var o = M && s[M] || s[L];
       return typeof o == "function" ? o : null;
     }
-    var w = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function b(c) {
+    var x = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function y(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", c, n);
+        X3("error", s, n);
       }
     }
-    function X3(c, o, n) {
+    function X3(s, o, n) {
       {
-        var i = w.ReactDebugCurrentFrame, v = i.getStackAddendum();
+        var i = x.ReactDebugCurrentFrame, v = i.getStackAddendum();
         v !== "" && (o += "%s", n = n.concat([v]));
-        var d = n.map(function(h) {
+        var u = n.map(function(h) {
           return String(h);
         });
-        d.unshift("Warning: " + o), 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 === R || c1 || c === M || c === I || c === Z || r1 || c === _ || Q3 || N3 || e1 || typeof c == "object" && c !== null && (c.$$typeof === E || c.$$typeof === S || c.$$typeof === C || c.$$typeof === j || 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, o, n) {
-      var i = c.displayName;
+    function t1(s, o, n) {
+      var i = s.displayName;
       if (i)
         return i;
       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" && b("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:
           return "Portal";
-        case R:
+        case j:
           return "Profiler";
-        case M:
+        case w:
           return "StrictMode";
-        case I:
+        case R:
           return "Suspense";
         case Z:
           return "SuspenseList";
       }
-      if (typeof c == "object")
-        switch (c.$$typeof) {
-          case j:
-            var o = c;
-            return g3(o) + ".Consumer";
+      if (typeof s == "object")
+        switch (s.$$typeof) {
           case C:
-            var n = c;
+            var o = s;
+            return g3(o) + ".Consumer";
+          case S:
+            var n = s;
             return g3(n._context) + ".Provider";
           case g:
-            return t1(c, c.render, "ForwardRef");
-          case S:
-            var i = c.displayName || null;
-            return i !== null ? i : A(c.type) || "Memo";
+            return t1(s, s.render, "ForwardRef");
+          case b:
+            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;
             }
@@ -333,20 +335,20 @@ function o2() {
       {
         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++;
@@ -355,40 +357,40 @@ function o2() {
     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
             })
           });
         }
-        W < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        W < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var c3 = w.ReactCurrentDispatcher, s3;
-    function J(c, o, n) {
+    var c3 = x.ReactCurrentDispatcher, s3;
+    function J(s, o, n) {
       {
         if (s3 === void 0)
           try {
@@ -398,7 +400,7 @@ function o2() {
             s3 = i && i[1] || "";
           }
         return `
-` + s3 + c;
+` + s3 + s;
       }
     }
     var t3 = !1, z;
@@ -406,11 +408,11 @@ function o2() {
       var l1 = typeof WeakMap == "function" ? WeakMap : Map;
       z = new l1();
     }
-    function C3(c, o) {
-      if (!c || t3)
+    function C3(s, o) {
+      if (!s || t3)
         return "";
       {
-        var n = z.get(c);
+        var n = z.get(s);
         if (n !== void 0)
           return n;
       }
@@ -418,8 +420,8 @@ function o2() {
       t3 = !0;
       var v = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var d;
-      d = c3.current, c3.current = null, o1();
+      var u;
+      u = c3.current, c3.current = null, o1();
       try {
         if (o) {
           var h = function() {
@@ -435,14 +437,14 @@ function o2() {
             } 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 {
@@ -450,182 +452,182 @@ function o2() {
           } catch (T) {
             i = T;
           }
-          c();
+          s();
         }
       } catch (T) {
         if (T && i && typeof T.stack == "string") {
           for (var a = T.stack.split(`
-`), y = i.stack.split(`
-`), p = a.length - 1, m = y.length - 1; p >= 1 && m >= 0 && a[p] !== y[m]; )
+`), 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] !== y[m]) {
+            if (a[p] !== I[m]) {
               if (p !== 1 || m !== 1)
                 do
-                  if (p--, m--, m < 0 || a[p] !== y[m]) {
+                  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, n1(), 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, o, n) {
-      return C3(c, !1);
+    function i1(s, o, n) {
+      return C3(s, !1);
     }
-    function a1(c) {
-      var o = c.prototype;
+    function a1(s) {
+      var o = s.prototype;
       return !!(o && o.isReactComponent);
     }
-    function X(c, o, n) {
-      if (c == null)
+    function X(s, o, n) {
+      if (s == null)
         return "";
-      if (typeof c == "function")
-        return C3(c, a1(c));
-      if (typeof c == "string")
-        return J(c);
-      switch (c) {
-        case I:
+      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);
-          case S:
-            return X(c.type, o, n);
+            return i1(s.render);
+          case b:
+            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), o, n);
+              return X(u(v), o, n);
             } catch {
             }
           }
         }
       return "";
     }
-    var Q = Object.prototype.hasOwnProperty, S3 = {}, b3 = w.ReactDebugCurrentFrame;
-    function N(c) {
-      if (c) {
-        var o = c._owner, n = X(c.type, c._source, o ? o.type : null);
+    var Q = Object.prototype.hasOwnProperty, S3 = {}, b3 = x.ReactDebugCurrentFrame;
+    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, o, n, 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 y = Error((i || "React class") + ": " + n + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof c[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw y.name = "Invariant Violation", y;
+              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](o, h, i, n, 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), b("%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), b("Failed %s type: %s", n, 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 o3(c) {
-      return v1(c);
+    function o3(s) {
+      return v1(s);
     }
-    function u1(c) {
+    function d1(s) {
       {
-        var o = typeof Symbol == "function" && Symbol.toStringTag, n = o && c[Symbol.toStringTag] || c.constructor.name || "Object";
+        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 b("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 = w.ReactCurrentOwner, g1 = {
+    var U = x.ReactCurrentOwner, g1 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, R3, E3, n3;
     n3 = {};
-    function w1(c) {
-      if (Q.call(c, "ref")) {
-        var o = Object.getOwnPropertyDescriptor(c, "ref").get;
+    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 o = Object.getOwnPropertyDescriptor(c, "key").get;
+    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, o) {
-      if (typeof c.ref == "string" && U.current && o && U.current.stateNode !== o) {
+    function f1(s, o) {
+      if (typeof s.ref == "string" && U.current && o && U.current.stateNode !== o) {
         var n = A(U.current.type);
-        n3[n] || (b('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), n3[n] = !0);
+        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, o) {
+    function M1(s, o) {
       {
         var n = function() {
-          R3 || (R3 = !0, b("%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));
+          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));
         };
-        n.isReactWarning = !0, Object.defineProperty(c, "key", {
+        n.isReactWarning = !0, Object.defineProperty(s, "key", {
           get: n,
           configurable: !0
         });
       }
     }
-    function p1(c, o) {
+    function p1(s, o) {
       {
         var n = function() {
-          E3 || (E3 = !0, b("%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));
+          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));
         };
-        n.isReactWarning = !0, Object.defineProperty(c, "ref", {
+        n.isReactWarning = !0, Object.defineProperty(s, "ref", {
           get: n,
           configurable: !0
         });
       }
     }
-    var Z1 = function(c, o, n, 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,
+        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,
@@ -644,53 +646,53 @@ function o2() {
         value: v
       }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
     };
-    function m1(c, o, n, i, v) {
+    function m1(s, o, n, i, v) {
       {
-        var d, h = {}, a = null, y = null;
-        n !== void 0 && (I3(n), a = "" + n), x1(o) && (I3(o.key), a = "" + o.key), w1(o) && (y = o.ref, f1(o, v));
-        for (d in o)
-          Q.call(o, d) && !g1.hasOwnProperty(d) && (h[d] = o[d]);
-        if (c && c.defaultProps) {
-          var p = c.defaultProps;
-          for (d in p)
-            h[d] === void 0 && (h[d] = p[d]);
-        }
-        if (a || y) {
-          var m = typeof c == "function" ? c.displayName || c.name || "Unknown" : c;
-          a && M1(h, m), y && p1(h, m);
-        }
-        return Z1(c, a, y, v, i, U.current, h);
+        var u, h = {}, a = null, I = null;
+        n !== void 0 && (I3(n), a = "" + n), x1(o) && (I3(o.key), a = "" + o.key), w1(o) && (I = o.ref, f1(o, v));
+        for (u in o)
+          Q.call(o, u) && !g1.hasOwnProperty(u) && (h[u] = o[u]);
+        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 s == "function" ? s.displayName || s.name || "Unknown" : s;
+          a && M1(h, m), I && p1(h, m);
+        }
+        return Z1(s, a, I, v, i, U.current, h);
       }
     }
-    var l3 = w.ReactCurrentOwner, _3 = w.ReactDebugCurrentFrame;
-    function k(c) {
-      if (c) {
-        var o = c._owner, n = X(c.type, c._source, o ? o.type : null);
+    var l3 = x.ReactCurrentOwner, _3 = x.ReactDebugCurrentFrame;
+    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 o = c.fileName.replace(/^.*[\\\/]/, ""), n = c.lineNumber;
+        if (s !== void 0) {
+          var o = s.fileName.replace(/^.*[\\\/]/, ""), n = s.lineNumber;
           return `
 
 Check your code at ` + o + ":" + n + ".";
@@ -699,11 +701,11 @@ Check your code at ` + o + ":" + n + ".";
       }
     }
     var L3 = {};
-    function C1(c) {
+    function C1(s) {
       {
         var o = B3();
         if (!o) {
-          var n = typeof c == "string" ? c : c.displayName || c.name;
+          var n = typeof s == "string" ? s : s.displayName || s.name;
           n && (o = `
 
 Check the top-level render call using <` + n + ">.");
@@ -711,41 +713,41 @@ Check the top-level render call using <` + n + ">.");
         return o;
       }
     }
-    function A3(c, o) {
+    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;
+        s._store.validated = !0;
         var n = C1(o);
         if (L3[n])
           return;
         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), b('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);
+        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, o) {
+    function T3(s, o) {
       {
-        if (typeof c != "object")
+        if (typeof s != "object")
           return;
-        if (o3(c))
-          for (var n = 0; n < c.length; n++) {
-            var i = c[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; )
+        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 o = c.type;
+        var o = s.type;
         if (o == null || typeof o == "string")
           return;
         var n;
@@ -753,45 +755,45 @@ Check the top-level render call using <` + n + ">.");
           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.
-        o.$$typeof === S))
+        o.$$typeof === b))
           n = o.propTypes;
         else
           return;
         if (n) {
           var i = A(o);
-          h1(n, c.props, "prop", i, c);
+          h1(n, s.props, "prop", i, s);
         } else if (o.PropTypes !== void 0 && !i3) {
           i3 = !0;
           var v = A(o);
-          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", v || "Unknown");
+          y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", v || "Unknown");
         }
-        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && b("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 o = Object.keys(c.props), n = 0; n < o.length; n++) {
+        for (var o = Object.keys(s.props), n = 0; n < o.length; n++) {
           var i = o[n];
           if (i !== "children" && i !== "key") {
-            k(c), b("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), b("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, o, n, 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.");
-          var y = j1(v);
-          y ? a += y : a += B3();
+          (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" : o3(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, b("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, o, n, v, d);
+        var m = m1(s, o, n, v, u);
         if (m == null)
           return m;
         if (h) {
@@ -800,27 +802,27 @@ Check the top-level render call using <` + n + ">.");
             if (i)
               if (o3(B)) {
                 for (var $ = 0; $ < B.length; $++)
-                  T3(B[$], c);
+                  T3(B[$], s);
                 Object.freeze && Object.freeze(B);
               } else
-                b("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                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, o, n) {
-      return P3(c, o, n, !0);
+    function y1(s, o, n) {
+      return P3(s, o, n, !0);
     }
-    function I1(c, o, n) {
-      return P3(c, o, n, !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
@@ -830,74 +832,74 @@ 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;
+var V3;
 function n2() {
-  if (k3)
-    return Y;
-  k3 = 1;
-  var s = U3, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, M = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, R = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function C(j, g, I) {
-    var Z, S = {}, E = null, _ = null;
-    I !== void 0 && (E = "" + I), g.key !== void 0 && (E = "" + g.key), g.ref !== void 0 && (_ = g.ref);
+  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) && !R.hasOwnProperty(Z) && (S[Z] = g[Z]);
-    if (j && j.defaultProps)
-      for (Z in g = j.defaultProps, g)
-        S[Z] === void 0 && (S[Z] = g[Z]);
-    return { $$typeof: r, type: j, key: E, ref: _, props: S, _owner: M.current };
+      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 };
   }
-  return Y.Fragment = t, Y.jsx = C, Y.jsxs = C, Y;
+  return q.Fragment = t, q.jsx = S, q.jsxs = S, q;
 }
-process.env.NODE_ENV === "production" ? u3.exports = n2() : u3.exports = o2();
-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(), M = r2(), R = c2(), C = t2(), j = N1(), g = k1(null), [I, Z] = r3(), S = 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((f) => {
-        f.status === 200 && f.data && P.dispatch(F.setRoomData(f.data));
-      }).catch((f) => {
-        console.log(f);
+      await v3.get(`${_}/ui/joinroom?token=${r}`).then((M) => {
+        M.status === 200 && M.data && P.dispatch(F.setRoomData(M.data));
+      }).catch((M) => {
+        console.log(M);
       });
     },
     [r]
   ), E = O3(
-    (_, f) => {
-      g.current && l && g.current.send(JSON.stringify({ type: _, clientId: R, content: f }));
+    (_, M) => {
+      g.current && l && g.current.send(JSON.stringify({ type: _, clientId: j, content: M }));
     },
-    [l, R]
+    [l, j]
   );
-  return H(() => {
-    let f = new URLSearchParams(window.location.search).get("token");
-    f ? (console.log("saving token: ", f), h2($3.uuid, f)) : (f = a2($3.uuid), console.log("loading token: ", f)), t(f), C();
-  }, []), H(() => {
-    if (!(!j.apiPath || I || !r)) {
-      if (S(j.apiPath), !g.current) {
-        const f = `${j.apiPath.replace("http", "ws")}/ui/join/${r}`, L = new WebSocket(f);
+  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();
+  }, []), 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) => {
@@ -909,29 +911,29 @@ const u2 = ({ children: s }) => {
             console.log("WebSocket closed by client.");
             return;
           }
-          I || (P.dispatch(F.setWebsocketIsConnected(!1)), Z(!0), setTimeout(() => Z(void 0), 5e3));
+          R || (P.dispatch(F.setWebsocketIsConnected(!1)), Z(!0), setTimeout(() => Z(void 0), 5e3));
         }, L.onmessage = (D) => {
           try {
-            const w = JSON.parse(D.data);
-            if (console.log(w), w.type.startsWith("/system/"))
-              switch (w.type) {
+            const x = JSON.parse(D.data);
+            if (console.log(x), x.type.startsWith("/system/"))
+              switch (x.type) {
                 case "/system/roomKey":
                   P.dispatch(
                     F.setCurrentRoomKey(
-                      w.content
+                      x.content
                     )
                   );
                   break;
                 case "/system/userCodeChanged":
                   P.dispatch(
-                    F.setUserCode(w.content)
+                    F.setUserCode(x.content)
                   );
                   break;
               }
             else
-              w.type.startsWith("/room/") ? P.dispatch(H1.setRoomState(w)) : w.type.startsWith("/device/") && P.dispatch(q1.setDeviceState(w));
-          } catch (w) {
-            console.log(w);
+              x.type.startsWith("/room/") ? P.dispatch(G1.setRoomState(x)) : x.type.startsWith("/device/") && P.dispatch(H1.setDeviceState(x));
+          } catch (x) {
+            console.log(x);
           }
         };
       }
@@ -939,87 +941,87 @@ const u2 = ({ children: s }) => {
         g.current && g.current.close(), g.current = null;
       };
     }
-  }, [j.apiPath, S, r, I]), H(() => {
-    M && E(`/room/${M}/status`, null);
-  }, [M, 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 }) => {
+  }, [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();
-  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, M] of Object.entries(s.sourceList))
-      t.push(M.sourceKey);
+    }), 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,
-  iconClassName: M = "",
-  otherContentClassName: R = "",
-  disabled: C,
-  feedback: j,
+  iconClassName: w = "",
+  otherContentClassName: j = "",
+  disabled: S,
+  feedback: C,
   feedbackClassName: g,
-  onPointerDown: I,
+  onPointerDown: R,
   onPointerUp: Z,
-  onPointerLeave: S,
+  onPointerLeave: b,
   ...E
 }) => {
-  const [_, f] = r3(!1), L = !C && j ? g : "", D = !C && (_ || j);
+  const [_, M] = r3(!1), L = !S && C ? g : "", D = !S && (_ || C);
   return /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
       className: `${h3.iconbtn} ${t ? h3.iconbtnvert : ""} ${l} ${L}`,
       ...E,
-      disabled: C,
-      onPointerDown: (w) => {
-        f(!0), I == null || I(w);
+      disabled: S,
+      onPointerDown: (x) => {
+        M(!0), R == null || R(x);
       },
-      onPointerUp: (w) => {
-        f(!1), Z == null || Z(w);
+      onPointerUp: (x) => {
+        M(!1), Z == null || Z(x);
       },
-      onPointerLeave: (w) => {
-        f(!1), S == null || S(w);
+      onPointerLeave: (x) => {
+        M(!1), b == null || b(x);
       },
       children: [
         /* @__PURE__ */ e.jsx(
-          s,
+          c,
           {
-            className: `${M || h3.iconsm}`,
+            className: `${w || h3.iconsm}`,
             active: D,
-            disabled: C
+            disabled: S
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: R, children: r })
+        /* @__PURE__ */ e.jsx("div", { className: j, children: r })
       ]
     }
   );
-}, u = ({
-  ActiveImage: s,
+}, d = ({
+  ActiveImage: c,
   DisabledImage: r,
   EnabledImage: t,
   active: l,
-  disabled: M
-}) => M ? r : l ? s : t, f2 = ({
-  active: s,
+  disabled: w
+}) => w ? r : l ? c : t, f2 = ({
+  active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  d,
   {
     ActiveImage: (
       /* icon-mic-active.svg */
@@ -1060,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",
@@ -1112,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 */
@@ -1161,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",
@@ -1201,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 */
@@ -1250,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 */
@@ -1299,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 */
@@ -1348,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 */
@@ -1397,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 */
@@ -1446,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 */
@@ -1495,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 */
@@ -1544,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 */
@@ -1593,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 */
@@ -1642,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 */
@@ -1691,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 */
@@ -1713,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 */
@@ -1762,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 */
@@ -1811,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 */
@@ -1860,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 */
@@ -1909,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 */
@@ -1958,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 */
@@ -2007,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 */
@@ -2056,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 */
@@ -2105,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 */
@@ -2154,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 */
@@ -2203,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 */
@@ -2252,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 */
@@ -2301,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 */
@@ -2350,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 */
@@ -2399,7 +2470,7 @@ const u2 = ({ children: s }) => {
         }
       )
     ),
-    active: s,
+    active: c,
     disabled: t
   }
 ), G2 = {
@@ -2412,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: M }) => /* @__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 }),
-  M && /* @__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,
@@ -2497,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
 };