@pepperdash/mobile-control-react-app-core 1.20.4 → 1.20.5

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

@@ -1,17 +1,35 @@
-var q3 = Object.defineProperty;
-var Y3 = (t, e, o) => e in t ? q3(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var H = (t, e, o) => Y3(t, typeof e != "symbol" ? e + "" : e, o);
-import z3, { AxiosError as J3 } from "axios";
-import { useDispatch as X3, useSelector as Q3, Provider as N3 } from "react-redux";
-import { createSlice as d1, combineReducers as e2, configureStore as t2, createSelector as s2 } from "@reduxjs/toolkit";
-import * as a3 from "lodash";
-import u3, { createContext as o2, useState as W, useRef as u1, useCallback as c1, useEffect as t1, useContext as n2, useLayoutEffect as d3 } from "react";
-import { useNavigate as r2, useRouteError as c2, isRouteErrorResponse as l2 } from "react-router-dom";
-const i2 = X3.withTypes(), p = Q3.withTypes(), a2 = () => p((t) => t.appConfig.config), K8 = () => p((t) => t.appConfig.config.apiPath), G8 = () => p((t) => t.appConfig.config.logoPath), q8 = () => p((t) => t.appConfig.config.partnerMetadata), u2 = () => p((t) => t.devices);
-function _(t) {
-  return p((e) => e.devices[t] ? e.devices[t] : void 0);
+var Q3 = Object.defineProperty;
+var N3 = (e, t, n) => t in e ? Q3(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var G = (e, t, n) => N3(e, typeof t != "symbol" ? t + "" : t, n);
+import e2, { AxiosError as t2 } from "axios";
+import { useDispatch as s2, useSelector as n2, Provider as o2 } from "react-redux";
+import { createSelector as M, createSlice as v1, combineReducers as c2, configureStore as r2 } from "@reduxjs/toolkit";
+import * as f3 from "lodash";
+import p3, { createContext as l2, useState as H, useRef as h1, useCallback as i1, useEffect as o1, useContext as i2, useLayoutEffect as w3 } from "react";
+import { useNavigate as a2, useRouteError as u2, isRouteErrorResponse as d2 } from "react-router-dom";
+const h2 = s2.withTypes(), p = n2.withTypes(), Z1 = (e) => e.appConfig, v2 = M(
+  Z1,
+  (e) => e.config
+), g2 = M(
+  Z1,
+  (e) => e.config.apiPath
+), f2 = M(
+  Z1,
+  (e) => e.config.logoPath
+), p2 = M(
+  Z1,
+  (e) => e.config.partnerMetadata
+), w2 = () => p(v2), T6 = () => p(g2), L6 = () => p(f2), P6 = () => p(p2), x3 = (e) => e.devices, x2 = M(
+  x3,
+  (e) => e.devices
+), M2 = (e) => M(
+  x3,
+  (t) => t[e] ? t[e] : void 0
+), m2 = () => p(x2);
+function T(e) {
+  return p(M2(e));
 }
-const d2 = {
+const Z2 = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -21,45 +39,49 @@ const d2 = {
     loginMode: "",
     modes: {}
   }
-}, h3 = d1({
+}, M3 = v1({
   name: "appConfig",
-  initialState: d2,
+  initialState: Z2,
   reducers: {
-    setAppConfig(t, e) {
-      t.config = e.payload;
+    setAppConfig(e, t) {
+      e.config = t.payload;
     }
   }
-}), h2 = h3.actions, v2 = h3.reducer, n3 = {}, v3 = d1({
+}), j2 = M3.actions, C2 = M3.reducer, a3 = {}, A1 = v1({
   name: "devices",
-  initialState: n3,
+  initialState: a3,
   reducers: {
-    setDeviceState(t, e) {
-      const o = e.payload.type, r = o.slice(o.lastIndexOf("/") + 1);
-      if (!r) return;
-      const c = e.payload.content, i = t[r] ?? {}, d = a3.merge(i, c);
-      return t[r] = d, t;
+    setDeviceState(e, t) {
+      const n = t.payload.type, c = n.slice(n.lastIndexOf("/") + 1);
+      if (!c) return;
+      const r = t.payload.content, i = e[c] ?? {}, d = f3.merge(i, r);
+      e[c] = d;
     },
     clearDevices() {
-      return n3;
+      return a3;
     }
   }
-}), N = v3.actions, g2 = v3.reducer, r3 = {}, g3 = d1({
+}), s1 = {
+  setDeviceState: A1.actions.setDeviceState,
+  clearDevices: A1.actions.clearDevices
+}, S2 = A1.reducer, u3 = {}, B1 = v1({
   name: "rooms",
-  initialState: r3,
+  initialState: u3,
   reducers: {
-    setRoomState(t, e) {
-      const o = e.payload.type, r = o.slice(o.lastIndexOf("/") + 1);
-      if (console.log(o, r), !r) return;
-      const c = e.payload.content;
-      console.log(c);
-      const i = t[r] ?? {}, d = a3.merge(i, c);
-      return t[r] = d, console.log(t), t;
+    setRoomState(e, t) {
+      const n = t.payload.type, c = n.slice(n.lastIndexOf("/") + 1);
+      if (!c) return;
+      const r = t.payload.content, i = e[c] ?? {}, d = f3.merge(i, r);
+      e[c] = d;
     },
     clearRooms() {
-      return r3;
+      return u3;
     }
   }
-}), e1 = g3.actions, f2 = g3.reducer, p2 = {
+}), n1 = {
+  setRoomState: B1.actions.setRoomState,
+  clearRooms: B1.actions.clearRooms
+}, b2 = B1.reducer, I2 = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -89,36 +111,36 @@ const d2 = {
     userCode: "",
     qrUrl: ""
   }
-}, f3 = d1({
+}, m3 = v1({
   name: "runtimeConfig",
-  initialState: p2,
+  initialState: I2,
   reducers: {
-    setRuntimeConfig(t, e) {
-      t.apiVersion = e.payload.apiVersion, t.serverIsRunningOnProcessorHardware = e.payload.serverIsRunningOnProcessorHardware;
+    setRuntimeConfig(e, t) {
+      e.apiVersion = t.payload.apiVersion, e.serverIsRunningOnProcessorHardware = t.payload.serverIsRunningOnProcessorHardware;
     },
-    setToken(t, e) {
-      t.token = e.payload;
+    setToken(e, t) {
+      e.token = t.payload;
     },
-    setWebsocketIsConnected(t, e) {
-      t.websocket.isConnected = e.payload;
+    setWebsocketIsConnected(e, t) {
+      e.websocket.isConnected = t.payload;
     },
-    setPluginVersion(t, e) {
-      t.pluginVersion = e.payload;
+    setPluginVersion(e, t) {
+      e.pluginVersion = t.payload;
     },
-    setRoomData(t, e) {
-      t.roomData = e.payload;
+    setRoomData(e, t) {
+      e.roomData = t.payload;
     },
-    setCurrentRoomKey(t, e) {
-      t.currentRoomKey = e.payload;
+    setCurrentRoomKey(e, t) {
+      e.currentRoomKey = t.payload;
     },
-    setUserCode(t, e) {
-      t.roomData.userCode = e.payload.userCode, t.roomData.qrUrl = e.payload.qrUrl;
+    setUserCode(e, t) {
+      e.roomData.userCode = t.payload.userCode, e.roomData.qrUrl = t.payload.qrUrl;
     },
-    setTouchpanelKey(t, e) {
-      t.touchpanelKey = e.payload;
+    setTouchpanelKey(e, t) {
+      e.touchpanelKey = t.payload;
     }
   }
-}), F = f3.actions, w2 = f3.reducer, x2 = {
+}), W = m3.actions, R2 = m3.reducer, y2 = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -126,181 +148,237 @@ const d2 = {
     showIncomingCallModal: !1
   },
   popoverVisibility: {}
-}, p3 = d1({
+}, Z3 = v1({
   name: "ui",
-  initialState: x2,
+  initialState: y2,
   reducers: {
-    clearAllModals(t) {
-      Object.entries(t.modalVisibility).forEach(([e]) => {
-        t.modalVisibility[e] = !1;
+    clearAllModals(e) {
+      Object.entries(e.modalVisibility).forEach(([t]) => {
+        e.modalVisibility[t] = !1;
       });
     },
-    setModalState(t, e) {
-      t.modalVisibility[e.payload.modalType] = e.payload.value;
+    setModalState(e, t) {
+      e.modalVisibility[t.payload.modalType] = t.payload.value;
     },
-    setShowShutdownModal(t, e) {
-      t.modalVisibility.showShutdownModal = e.payload;
+    setShowShutdownModal(e, t) {
+      e.modalVisibility.showShutdownModal = t.payload;
     },
-    setIncomingCallModal(t, e) {
-      t.modalVisibility.showIncomingCallModal = e.payload;
+    setIncomingCallModal(e, t) {
+      e.modalVisibility.showIncomingCallModal = t.payload;
     },
-    setPopoverState(t, e) {
-      t.popoverVisibility[e.payload.popoverGroup] || (t.popoverVisibility[e.payload.popoverGroup] = {}), Object.entries(t.popoverVisibility[e.payload.popoverGroup]).forEach(([o]) => {
-        t.popoverVisibility[e.payload.popoverGroup][o] = !1;
-      }), t.popoverVisibility[e.payload.popoverGroup][e.payload.popoverId] = e.payload.value;
+    setPopoverState(e, t) {
+      e.popoverVisibility[t.payload.popoverGroup] || (e.popoverVisibility[t.payload.popoverGroup] = {}), Object.entries(e.popoverVisibility[t.payload.popoverGroup]).forEach(([n]) => {
+        e.popoverVisibility[t.payload.popoverGroup][n] = !1;
+      }), e.popoverVisibility[t.payload.popoverGroup][t.payload.popoverId] = t.payload.value;
     },
-    setErrorMessage(t, e) {
-      t.error = e.payload;
+    setErrorMessage(e, t) {
+      e.error = t.payload;
     },
-    setShowReconnect(t, e) {
-      t.showReconnect = e.payload;
+    setShowReconnect(e, t) {
+      e.showReconnect = t.payload;
     },
-    setTheme(t, e) {
-      t.theme = e.payload;
+    setTheme(e, t) {
+      e.theme = t.payload;
     }
   }
-}), q = p3.actions, M2 = p3.reducer, m2 = e2({
-  appConfig: v2,
-  runtimeConfig: w2,
-  rooms: f2,
-  devices: g2,
-  ui: M2
-}), m = t2({
-  reducer: m2
-}), Y8 = (t) => p(
-  (e) => {
-    var o;
-    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.configuration : void 0;
-  }
-), D1 = (t) => p(
-  (e) => e.rooms[t] ? e.rooms[t] : void 0
-), z8 = (t) => p(
-  (e) => {
-    var o;
-    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.name : void 0;
-  }
-), Z2 = (t, e) => p(
-  (o) => {
-    var r;
-    return o.rooms[t] ? (r = o.rooms[t]) == null ? void 0 : r.volumes[e] : void 0;
-  }
-), j2 = (t) => p(
-  (e) => e.rooms[t] ? e.rooms[t] : void 0
-), J8 = (t) => p(
-  (e) => {
-    var o, r;
-    return e.rooms[t] ? (r = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : r.sourceList : void 0;
-  }
-), X8 = (t) => p(
-  (e) => {
-    var o, r;
-    return e.rooms[t] ? (r = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : r.audioControlPointList : void 0;
-  }
-), Q8 = (t) => p(
-  (e) => {
-    var o, r;
-    return e.rooms[t] ? (r = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : r.destinations : void 0;
-  }
-), N8 = (t) => p(
-  (e) => {
-    var o, r;
-    return e.rooms[t] ? (r = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : r.destinationList : void 0;
-  }
-), e6 = (t) => p(
-  (e) => {
-    var o, r;
-    return e.rooms[t] ? (r = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : r.environmentalDevices : void 0;
-  }
-), t6 = (t) => p(
-  (e) => {
-    var o, r, c, i, d, u, f, w;
-    return (r = (o = e.rooms[t]) == null ? void 0 : o.configuration) != null && r.destinationList.programAudio ? (d = (i = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : d.sinkKey : ((w = (f = (u = e.rooms[t]) == null ? void 0 : u.configuration) == null ? void 0 : f.destinationList.defaultDisplay) == null ? void 0 : w.sinkKey) || "";
-  }
-), s6 = (t) => p(
-  (e) => {
-    var o, r, c;
-    return e.rooms[t] ? (c = (r = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : r.destinationList.codecContent) == null ? void 0 : c.sinkKey : void 0;
-  }
-), o6 = (t) => p(
-  (e) => {
-    var o;
-    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.isInCall : void 0;
-  }
-), n6 = (t) => p(
-  (e) => {
-    var o;
-    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.isWarmingUp : void 0;
-  }
-), r6 = (t) => p(
-  (e) => {
-    var o;
-    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.isCoolingDown : void 0;
-  }
-), c6 = (t) => p(
-  (e) => {
-    var o;
-    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.isOn : void 0;
-  }
-), l6 = (t) => p(
-  (e) => {
-    var o;
-    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.advancedSharingActive : void 0;
-  }
-), i6 = (t) => p(
-  (e) => {
-    var o;
-    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.share : void 0;
-  }
-), a6 = (t) => s2(
+}), z = Z3.actions, E2 = Z3.reducer, _2 = c2({
+  appConfig: C2,
+  runtimeConfig: R2,
+  rooms: b2,
+  devices: S2,
+  ui: E2
+}), Z = r2({
+  reducer: _2
+}), P = (e) => e.rooms, T2 = (e) => M(
+  P,
+  (t) => t[e] ? t[e].configuration : void 0
+), L2 = M(
+  P,
+  (e) => e.rooms
+), P2 = (e) => M(
+  P,
+  (t) => t[e] ? t[e] : void 0
+), D2 = (e) => M(
+  P,
+  (t) => t[e] ? t[e].name : void 0
+), $2 = (e, t) => M(
+  P,
+  (n) => n[e] ? n[e].volumes[t] : void 0
+), A2 = (e) => M(
+  P,
+  (t) => t[e] ? t[e] : void 0
+), B2 = (e) => M(
+  P,
+  (t) => {
+    var n, c;
+    return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.sourceList : void 0;
+  }
+), O2 = (e) => M(
+  P,
+  (t) => {
+    var n, c;
+    return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.audioControlPointList : void 0;
+  }
+), V2 = (e) => M(
+  P,
+  (t) => {
+    var n, c;
+    return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.destinations : void 0;
+  }
+), k2 = (e) => M(
+  P,
+  (t) => {
+    var n, c;
+    return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.destinationList : void 0;
+  }
+), U2 = (e) => M(
+  P,
+  (t) => {
+    var n, c;
+    return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.environmentalDevices : void 0;
+  }
+), F2 = (e) => M(
+  P,
+  (t) => {
+    var n, c, r, i, d, a, f, w;
+    return (c = (n = t[e]) == null ? void 0 : n.configuration) != null && c.destinationList.programAudio ? (d = (i = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : d.sinkKey : ((w = (f = (a = t[e]) == null ? void 0 : a.configuration) == null ? void 0 : f.destinationList.defaultDisplay) == null ? void 0 : w.sinkKey) || "";
+  }
+), W2 = (e) => M(
+  P,
+  (t) => {
+    var n, c, r;
+    return t[e] ? (r = (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.destinationList.codecContent) == null ? void 0 : r.sinkKey : void 0;
+  }
+), H2 = (e) => M(
+  P,
+  (t) => {
+    var n;
+    return t[e] ? (n = t[e]) == null ? void 0 : n.isInCall : void 0;
+  }
+), K2 = (e) => M(
+  P,
+  (t) => {
+    var n;
+    return t[e] ? (n = t[e]) == null ? void 0 : n.isWarmingUp : void 0;
+  }
+), G2 = (e) => M(
+  P,
+  (t) => {
+    var n;
+    return t[e] ? (n = t[e]) == null ? void 0 : n.isCoolingDown : void 0;
+  }
+), q2 = (e) => M(
+  P,
+  (t) => {
+    var n;
+    return t[e] ? (n = t[e]) == null ? void 0 : n.isOn : void 0;
+  }
+), Y2 = (e) => M(
+  P,
+  (t) => {
+    var n;
+    return t[e] ? (n = t[e]) == null ? void 0 : n.advancedSharingActive : void 0;
+  }
+), z2 = (e) => M(
+  P,
+  (t) => {
+    var n;
+    return t[e] ? (n = t[e]) == null ? void 0 : n.share : void 0;
+  }
+), J2 = (e) => M(
+  P,
+  (t) => {
+    var n, c;
+    return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.zoomRoomControllerKey : void 0;
+  }
+);
+function D6(e) {
+  return p(
+    T2(e)
+  );
+}
+function $6() {
+  return p(L2);
+}
+function j1(e) {
+  return p(P2(e));
+}
+const A6 = j1, B6 = (e) => p(
+  D2(e)
+), X2 = (e, t) => p(
+  $2(e, t)
+), Q2 = (e) => p(A2(e)) || void 0, O6 = (e) => p(B2(e)), V6 = (e) => p(O2(e)), k6 = (e) => p(V2(e)), U6 = (e) => p(k2(e)), F6 = (e) => p(U2(e)), W6 = (e) => p(F2(e)), H6 = (e) => p(W2(e)), K6 = (e) => p(H2(e)), G6 = (e) => p(K2(e)), q6 = (e) => p(G2(e)), Y6 = (e) => p(q2(e)), z6 = (e) => p(Y2(e)), J6 = (e) => p(z2(e)), X6 = (e) => M(
   [
-    (e, o) => o,
-    u2,
-    (e) => {
-      var o, r;
-      return (r = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : r.destinations;
+    (t, n) => n,
+    m2,
+    (t) => {
+      var n, c;
+      return (c = (n = t.rooms[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.destinations;
     }
   ],
-  (e, o, r) => {
-    if (console.log("roomKey", e), console.log("devices", o), console.log("destinations", r), !r) return;
-    const c = Object.entries(r).filter(([d]) => d !== "programAudio" && d !== "codecContent").map(([, d]) => d);
-    return Object.values(o).filter((d) => Object.values(c).includes(d.key));
-  }
-)(m.getState(), t), u6 = (t) => p(
+  (t, n, c) => {
+    if (console.log("roomKey", t), console.log("devices", n), console.log("destinations", c), !c) return;
+    const r = Object.entries(c).filter(([d]) => d !== "programAudio" && d !== "codecContent").map(([, d]) => d);
+    return Object.values(n).filter((d) => Object.values(r).includes(d.key));
+  }
+)(Z.getState(), e), Q6 = (e) => p(J2(e)), J = (e) => e.runtimeConfig, N2 = M(
+  J,
+  (e) => e.websocket.isConnected
+), e8 = M(
+  J,
+  (e) => e.currentRoomKey
+), t8 = M(
+  J,
+  (e) => e.roomData.clientId
+), s8 = M(
+  J,
+  (e) => e.roomData.systemUuid
+), n8 = M(
+  J,
+  (e) => e.roomData.userCode
+), o8 = M(
+  J,
+  (e) => e.serverIsRunningOnProcessorHardware
+), c8 = M(
+  J,
   (e) => {
-    var o, r;
-    return e.rooms[t] ? (r = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : r.zoomRoomControllerKey : void 0;
-  }
-), C2 = () => p((t) => t.runtimeConfig.websocket.isConnected), S2 = () => p((t) => t.runtimeConfig.currentRoomKey), b2 = () => p((t) => t.runtimeConfig.roomData.clientId), I2 = () => p((t) => t.runtimeConfig.roomData.systemUuid), y2 = () => p((t) => t.runtimeConfig.roomData.userCode), R2 = () => p((t) => t.runtimeConfig.serverIsRunningOnProcessorHardware), d6 = () => p((t) => {
-  var e;
-  return (e = t.runtimeConfig.roomData.config) == null ? void 0 : e.runtimeInfo;
-}), h6 = () => p((t) => t.runtimeConfig.touchpanelKey), v6 = () => p((t) => t.runtimeConfig.touchpanelKey !== ""), g6 = () => p((t) => t.ui.modalVisibility.showShutdownModal), f6 = () => p((t) => t.ui.modalVisibility.showIncomingCallModal), p6 = (t) => p((e) => e.ui.modalVisibility[t]), w6 = (t) => p((e) => {
-  const o = e.ui.popoverVisibility[t];
-  if (o)
-    return Object.keys(o).find((r) => o[r]);
-}), x6 = (t, e) => p((o) => {
-  var r;
-  return (r = o.ui.popoverVisibility[t]) == null ? void 0 : r[e];
-}), E2 = () => p((t) => t.ui.error), _2 = () => p((t) => t.ui.showReconnect), M6 = () => p((t) => t.ui.theme), L1 = z3.create();
-function T2() {
-  const t = i2();
+    var t;
+    return (t = e.roomData.config) == null ? void 0 : t.runtimeInfo;
+  }
+), r8 = M(
+  J,
+  (e) => e.touchpanelKey
+), l8 = M(
+  J,
+  (e) => e.touchpanelKey !== ""
+), i8 = () => p(N2), a8 = () => p(e8), u8 = () => p(t8), d8 = () => p(s8), h8 = () => p(n8), v8 = () => p(o8), N6 = () => p(c8), ee = () => p(r8), te = () => p(l8), se = () => p((e) => e.ui.modalVisibility.showShutdownModal), ne = () => p((e) => e.ui.modalVisibility.showIncomingCallModal), oe = (e) => p((t) => t.ui.modalVisibility[e]), ce = (e) => p((t) => {
+  const n = t.ui.popoverVisibility[e];
+  if (n)
+    return Object.keys(n).find((c) => n[c]);
+}), re = (e, t) => p((n) => {
+  var c;
+  return (c = n.ui.popoverVisibility[e]) == null ? void 0 : c[t];
+}), g8 = () => p((e) => e.ui.error), f8 = () => p((e) => e.ui.showReconnect), le = () => p((e) => e.ui.theme), O1 = e2.create();
+function p8() {
+  const e = h2();
   return async () => {
     try {
-      const e = location.pathname.split("/").filter((c) => c.length > 0);
-      e.length >= 5 ? e.length = 5 : e.length = 2;
-      const o = `/${e.join("/")}`, r = await L1.get("/_local-config/_config.local.json", { baseURL: o });
-      if (r.status == 200 && r.data) {
-        const c = r.data.apiPath;
-        t(h2.setAppConfig(r.data));
-        const i = await L1.get(`${c}/version`);
-        i.status == 200 && i.data && t(F.setRuntimeConfig(i.data));
+      const t = location.pathname.split("/").filter((r) => r.length > 0);
+      t.length >= 5 ? t.length = 5 : t.length = 2;
+      const n = `/${t.join("/")}`, c = await O1.get("/_local-config/_config.local.json", { baseURL: n });
+      if (c.status == 200 && c.data) {
+        const r = c.data.apiPath;
+        e(j2.setAppConfig(c.data));
+        const i = await O1.get(`${r}/version`);
+        i.status == 200 && i.data && e(W.setRuntimeConfig(i.data));
       }
-    } catch (e) {
-      console.error("Error getting config", e);
+    } catch (t) {
+      console.error("Error getting config", t);
     }
     return !0;
   };
 }
-var P1 = { exports: {} }, l1 = {};
+var M1 = { exports: {} }, a1 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -310,21 +388,21 @@ var P1 = { exports: {} }, l1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var c3;
-function L2() {
-  if (c3) return l1;
-  c3 = 1;
-  var t = u3, e = Symbol.for("react.element"), o = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, c = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function d(u, f, w) {
-    var h, I = {}, $ = null, U = null;
-    w !== void 0 && ($ = "" + w), f.key !== void 0 && ($ = "" + f.key), f.ref !== void 0 && (U = f.ref);
-    for (h in f) r.call(f, h) && !i.hasOwnProperty(h) && (I[h] = f[h]);
-    if (u && u.defaultProps) for (h in f = u.defaultProps, f) I[h] === void 0 && (I[h] = f[h]);
-    return { $$typeof: e, type: u, key: $, ref: U, props: I, _owner: c.current };
-  }
-  return l1.Fragment = o, l1.jsx = d, l1.jsxs = d, l1;
+var d3;
+function w8() {
+  if (d3) return a1;
+  d3 = 1;
+  var e = p3, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function d(a, f, w) {
+    var h, R = {}, A = null, F = null;
+    w !== void 0 && (A = "" + w), f.key !== void 0 && (A = "" + f.key), f.ref !== void 0 && (F = f.ref);
+    for (h in f) c.call(f, h) && !i.hasOwnProperty(h) && (R[h] = f[h]);
+    if (a && a.defaultProps) for (h in f = a.defaultProps, f) R[h] === void 0 && (R[h] = f[h]);
+    return { $$typeof: t, type: a, key: A, ref: F, props: R, _owner: r.current };
+  }
+  return a1.Fragment = n, a1.jsx = d, a1.jsxs = d, a1;
 }
-var i1 = {};
+var u1 = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -334,91 +412,91 @@ var i1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var l3;
-function P2() {
-  return l3 || (l3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = u3, e = Symbol.for("react.element"), o = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), u = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), $ = Symbol.for("react.lazy"), U = Symbol.for("react.offscreen"), O = Symbol.iterator, z = "@@iterator";
-    function s1(n) {
-      if (n === null || typeof n != "object")
+var h3;
+function x8() {
+  return h3 || (h3 = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = p3, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), a = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), k = Symbol.iterator, Q = "@@iterator";
+    function c1(o) {
+      if (o === null || typeof o != "object")
         return null;
-      var l = O && n[O] || n[z];
+      var l = k && o[k] || o[Q];
       return typeof l == "function" ? l : null;
     }
-    var P = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function L(n) {
+    var D = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function $(o) {
       {
-        for (var l = arguments.length, a = new Array(l > 1 ? l - 1 : 0), v = 1; v < l; v++)
-          a[v - 1] = arguments[v];
-        x1("error", n, a);
+        for (var l = arguments.length, u = new Array(l > 1 ? l - 1 : 0), v = 1; v < l; v++)
+          u[v - 1] = arguments[v];
+        C1("error", o, u);
       }
     }
-    function x1(n, l, a) {
+    function C1(o, l, u) {
       {
-        var v = P.ReactDebugCurrentFrame, C = v.getStackAddendum();
-        C !== "" && (l += "%s", a = a.concat([C]));
-        var b = a.map(function(M) {
-          return String(M);
+        var v = D.ReactDebugCurrentFrame, S = v.getStackAddendum();
+        S !== "" && (l += "%s", u = u.concat([S]));
+        var I = u.map(function(m) {
+          return String(m);
         });
-        b.unshift("Warning: " + l), Function.prototype.apply.call(console[n], console, b);
+        I.unshift("Warning: " + l), Function.prototype.apply.call(console[o], console, I);
       }
     }
-    var M1 = !1, y = !1, j = !1, h1 = !1, m1 = !1, K;
-    K = Symbol.for("react.module.reference");
-    function A(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === r || n === i || m1 || n === c || n === w || n === h || h1 || n === U || M1 || y || j || typeof n == "object" && n !== null && (n.$$typeof === $ || n.$$typeof === I || n.$$typeof === d || n.$$typeof === u || n.$$typeof === f || // This needs to include all possible module reference object
+    var S1 = !1, y = !1, C = !1, g1 = !1, b1 = !1, q;
+    q = Symbol.for("react.module.reference");
+    function O(o) {
+      return !!(typeof o == "string" || typeof o == "function" || o === c || o === i || b1 || o === r || o === w || o === h || g1 || o === F || S1 || y || C || typeof o == "object" && o !== null && (o.$$typeof === A || o.$$typeof === R || o.$$typeof === d || o.$$typeof === a || o.$$typeof === f || // 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.
-      n.$$typeof === K || n.getModuleId !== void 0));
+      o.$$typeof === q || o.getModuleId !== void 0));
     }
-    function R(n, l, a) {
-      var v = n.displayName;
+    function E(o, l, u) {
+      var v = o.displayName;
       if (v)
         return v;
-      var C = l.displayName || l.name || "";
-      return C !== "" ? a + "(" + C + ")" : a;
+      var S = l.displayName || l.name || "";
+      return S !== "" ? u + "(" + S + ")" : u;
     }
-    function J(n) {
-      return n.displayName || "Context";
+    function N(o) {
+      return o.displayName || "Context";
     }
-    function V(n) {
-      if (n == null)
+    function K(o) {
+      if (o == null)
         return null;
-      if (typeof n.tag == "number" && L("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
-        return n.displayName || n.name || null;
-      if (typeof n == "string")
-        return n;
-      switch (n) {
-        case r:
+      if (typeof o.tag == "number" && $("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
+        return o.displayName || o.name || null;
+      if (typeof o == "string")
+        return o;
+      switch (o) {
+        case c:
           return "Fragment";
-        case o:
+        case n:
           return "Portal";
         case i:
           return "Profiler";
-        case c:
+        case r:
           return "StrictMode";
         case w:
           return "Suspense";
         case h:
           return "SuspenseList";
       }
-      if (typeof n == "object")
-        switch (n.$$typeof) {
-          case u:
-            var l = n;
-            return J(l) + ".Consumer";
+      if (typeof o == "object")
+        switch (o.$$typeof) {
+          case a:
+            var l = o;
+            return N(l) + ".Consumer";
           case d:
-            var a = n;
-            return J(a._context) + ".Provider";
+            var u = o;
+            return N(u._context) + ".Provider";
           case f:
-            return R(n, n.render, "ForwardRef");
-          case I:
-            var v = n.displayName || null;
-            return v !== null ? v : V(n.type) || "Memo";
-          case $: {
-            var C = n, b = C._payload, M = C._init;
+            return E(o, o.render, "ForwardRef");
+          case R:
+            var v = o.displayName || null;
+            return v !== null ? v : K(o.type) || "Memo";
+          case A: {
+            var S = o, I = S._payload, m = S._init;
             try {
-              return V(M(b));
+              return K(m(I));
             } catch {
               return null;
             }
@@ -426,307 +504,303 @@ function P2() {
         }
       return null;
     }
-    var G = Object.assign, o1 = 0, A1, B1, O1, V1, k1, U1, F1;
-    function W1() {
+    var Y = Object.assign, r1 = 0, k1, U1, F1, W1, H1, K1, G1;
+    function q1() {
     }
-    W1.__reactDisabledLog = !0;
-    function m3() {
+    q1.__reactDisabledLog = !0;
+    function b3() {
       {
-        if (o1 === 0) {
-          A1 = console.log, B1 = console.info, O1 = console.warn, V1 = console.error, k1 = console.group, U1 = console.groupCollapsed, F1 = console.groupEnd;
-          var n = {
+        if (r1 === 0) {
+          k1 = console.log, U1 = console.info, F1 = console.warn, W1 = console.error, H1 = console.group, K1 = console.groupCollapsed, G1 = console.groupEnd;
+          var o = {
             configurable: !0,
             enumerable: !0,
-            value: W1,
+            value: q1,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: n,
-            log: n,
-            warn: n,
-            error: n,
-            group: n,
-            groupCollapsed: n,
-            groupEnd: n
+            info: o,
+            log: o,
+            warn: o,
+            error: o,
+            group: o,
+            groupCollapsed: o,
+            groupEnd: o
           });
         }
-        o1++;
+        r1++;
       }
     }
-    function Z3() {
+    function I3() {
       {
-        if (o1--, o1 === 0) {
-          var n = {
+        if (r1--, r1 === 0) {
+          var o = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: G({}, n, {
-              value: A1
+            log: Y({}, o, {
+              value: k1
             }),
-            info: G({}, n, {
-              value: B1
+            info: Y({}, o, {
+              value: U1
             }),
-            warn: G({}, n, {
-              value: O1
+            warn: Y({}, o, {
+              value: F1
             }),
-            error: G({}, n, {
-              value: V1
+            error: Y({}, o, {
+              value: W1
             }),
-            group: G({}, n, {
-              value: k1
+            group: Y({}, o, {
+              value: H1
             }),
-            groupCollapsed: G({}, n, {
-              value: U1
+            groupCollapsed: Y({}, o, {
+              value: K1
             }),
-            groupEnd: G({}, n, {
-              value: F1
+            groupEnd: Y({}, o, {
+              value: G1
             })
           });
         }
-        o1 < 0 && L("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        r1 < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Z1 = P.ReactCurrentDispatcher, j1;
-    function v1(n, l, a) {
+    var I1 = D.ReactCurrentDispatcher, R1;
+    function f1(o, l, u) {
       {
-        if (j1 === void 0)
+        if (R1 === void 0)
           try {
             throw Error();
-          } catch (C) {
-            var v = C.stack.trim().match(/\n( *(at )?)/);
-            j1 = v && v[1] || "";
+          } catch (S) {
+            var v = S.stack.trim().match(/\n( *(at )?)/);
+            R1 = v && v[1] || "";
           }
         return `
-` + j1 + n;
+` + R1 + o;
       }
     }
-    var C1 = !1, g1;
+    var y1 = !1, p1;
     {
-      var j3 = typeof WeakMap == "function" ? WeakMap : Map;
-      g1 = new j3();
+      var R3 = typeof WeakMap == "function" ? WeakMap : Map;
+      p1 = new R3();
     }
-    function H1(n, l) {
-      if (!n || C1)
+    function Y1(o, l) {
+      if (!o || y1)
         return "";
       {
-        var a = g1.get(n);
-        if (a !== void 0)
-          return a;
+        var u = p1.get(o);
+        if (u !== void 0)
+          return u;
       }
       var v;
-      C1 = !0;
-      var C = Error.prepareStackTrace;
+      y1 = !0;
+      var S = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var b;
-      b = Z1.current, Z1.current = null, m3();
+      var I;
+      I = I1.current, I1.current = null, b3();
       try {
         if (l) {
-          var M = function() {
+          var m = function() {
             throw Error();
           };
-          if (Object.defineProperty(M.prototype, "props", {
+          if (Object.defineProperty(m.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(M, []);
-            } catch (B) {
-              v = B;
+              Reflect.construct(m, []);
+            } catch (V) {
+              v = V;
             }
-            Reflect.construct(n, [], M);
+            Reflect.construct(o, [], m);
           } else {
             try {
-              M.call();
-            } catch (B) {
-              v = B;
+              m.call();
+            } catch (V) {
+              v = V;
             }
-            n.call(M.prototype);
+            o.call(m.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (B) {
-            v = B;
+          } catch (V) {
+            v = V;
           }
-          n();
-        }
-      } catch (B) {
-        if (B && v && typeof B.stack == "string") {
-          for (var x = B.stack.split(`
-`), D = v.stack.split(`
-`), E = x.length - 1, T = D.length - 1; E >= 1 && T >= 0 && x[E] !== D[T]; )
-            T--;
-          for (; E >= 1 && T >= 0; E--, T--)
-            if (x[E] !== D[T]) {
-              if (E !== 1 || T !== 1)
+          o();
+        }
+      } catch (V) {
+        if (V && v && typeof V.stack == "string") {
+          for (var x = V.stack.split(`
+`), B = v.stack.split(`
+`), _ = x.length - 1, L = B.length - 1; _ >= 1 && L >= 0 && x[_] !== B[L]; )
+            L--;
+          for (; _ >= 1 && L >= 0; _--, L--)
+            if (x[_] !== B[L]) {
+              if (_ !== 1 || L !== 1)
                 do
-                  if (E--, T--, T < 0 || x[E] !== D[T]) {
-                    var k = `
-` + x[E].replace(" at new ", " at ");
-                    return n.displayName && k.includes("<anonymous>") && (k = k.replace("<anonymous>", n.displayName)), typeof n == "function" && g1.set(n, k), k;
+                  if (_--, L--, L < 0 || x[_] !== B[L]) {
+                    var U = `
+` + x[_].replace(" at new ", " at ");
+                    return o.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", o.displayName)), typeof o == "function" && p1.set(o, U), U;
                   }
-                while (E >= 1 && T >= 0);
+                while (_ >= 1 && L >= 0);
               break;
             }
         }
       } finally {
-        C1 = !1, Z1.current = b, Z3(), Error.prepareStackTrace = C;
+        y1 = !1, I1.current = I, I3(), Error.prepareStackTrace = S;
       }
-      var Q = n ? n.displayName || n.name : "", Y = Q ? v1(Q) : "";
-      return typeof n == "function" && g1.set(n, Y), Y;
+      var t1 = o ? o.displayName || o.name : "", X = t1 ? f1(t1) : "";
+      return typeof o == "function" && p1.set(o, X), X;
     }
-    function C3(n, l, a) {
-      return H1(n, !1);
+    function y3(o, l, u) {
+      return Y1(o, !1);
     }
-    function S3(n) {
-      var l = n.prototype;
+    function E3(o) {
+      var l = o.prototype;
       return !!(l && l.isReactComponent);
     }
-    function f1(n, l, a) {
-      if (n == null)
+    function w1(o, l, u) {
+      if (o == null)
         return "";
-      if (typeof n == "function")
-        return H1(n, S3(n));
-      if (typeof n == "string")
-        return v1(n);
-      switch (n) {
+      if (typeof o == "function")
+        return Y1(o, E3(o));
+      if (typeof o == "string")
+        return f1(o);
+      switch (o) {
         case w:
-          return v1("Suspense");
+          return f1("Suspense");
         case h:
-          return v1("SuspenseList");
+          return f1("SuspenseList");
       }
-      if (typeof n == "object")
-        switch (n.$$typeof) {
+      if (typeof o == "object")
+        switch (o.$$typeof) {
           case f:
-            return C3(n.render);
-          case I:
-            return f1(n.type, l, a);
-          case $: {
-            var v = n, C = v._payload, b = v._init;
+            return y3(o.render);
+          case R:
+            return w1(o.type, l, u);
+          case A: {
+            var v = o, S = v._payload, I = v._init;
             try {
-              return f1(b(C), l, a);
+              return w1(I(S), l, u);
             } catch {
             }
           }
         }
       return "";
     }
-    var n1 = Object.prototype.hasOwnProperty, K1 = {}, G1 = P.ReactDebugCurrentFrame;
-    function p1(n) {
-      if (n) {
-        var l = n._owner, a = f1(n.type, n._source, l ? l.type : null);
-        G1.setExtraStackFrame(a);
+    var l1 = Object.prototype.hasOwnProperty, z1 = {}, J1 = D.ReactDebugCurrentFrame;
+    function x1(o) {
+      if (o) {
+        var l = o._owner, u = w1(o.type, o._source, l ? l.type : null);
+        J1.setExtraStackFrame(u);
       } else
-        G1.setExtraStackFrame(null);
+        J1.setExtraStackFrame(null);
     }
-    function b3(n, l, a, v, C) {
+    function _3(o, l, u, v, S) {
       {
-        var b = Function.call.bind(n1);
-        for (var M in n)
-          if (b(n, M)) {
+        var I = Function.call.bind(l1);
+        for (var m in o)
+          if (I(o, m)) {
             var x = void 0;
             try {
-              if (typeof n[M] != "function") {
-                var D = Error((v || "React class") + ": " + a + " type `" + M + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[M] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw D.name = "Invariant Violation", D;
+              if (typeof o[m] != "function") {
+                var B = Error((v || "React class") + ": " + u + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw B.name = "Invariant Violation", B;
               }
-              x = n[M](l, M, v, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (E) {
-              x = E;
+              x = o[m](l, m, v, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (_) {
+              x = _;
             }
-            x && !(x instanceof Error) && (p1(C), L("%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).", v || "React class", a, M, typeof x), p1(null)), x instanceof Error && !(x.message in K1) && (K1[x.message] = !0, p1(C), L("Failed %s type: %s", a, x.message), p1(null));
+            x && !(x instanceof Error) && (x1(S), $("%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).", v || "React class", u, m, typeof x), x1(null)), x instanceof Error && !(x.message in z1) && (z1[x.message] = !0, x1(S), $("Failed %s type: %s", u, x.message), x1(null));
           }
       }
     }
-    var I3 = Array.isArray;
-    function S1(n) {
-      return I3(n);
+    var T3 = Array.isArray;
+    function E1(o) {
+      return T3(o);
     }
-    function y3(n) {
+    function L3(o) {
       {
-        var l = typeof Symbol == "function" && Symbol.toStringTag, a = l && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return a;
+        var l = typeof Symbol == "function" && Symbol.toStringTag, u = l && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return u;
       }
     }
-    function R3(n) {
+    function P3(o) {
       try {
-        return q1(n), !1;
+        return X1(o), !1;
       } catch {
         return !0;
       }
     }
-    function q1(n) {
-      return "" + n;
+    function X1(o) {
+      return "" + o;
     }
-    function Y1(n) {
-      if (R3(n))
-        return L("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", y3(n)), q1(n);
+    function Q1(o) {
+      if (P3(o))
+        return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", L3(o)), X1(o);
     }
-    var r1 = P.ReactCurrentOwner, E3 = {
+    var N1 = D.ReactCurrentOwner, D3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, z1, J1, b1;
-    b1 = {};
-    function _3(n) {
-      if (n1.call(n, "ref")) {
-        var l = Object.getOwnPropertyDescriptor(n, "ref").get;
+    }, e3, t3;
+    function $3(o) {
+      if (l1.call(o, "ref")) {
+        var l = Object.getOwnPropertyDescriptor(o, "ref").get;
         if (l && l.isReactWarning)
           return !1;
       }
-      return n.ref !== void 0;
+      return o.ref !== void 0;
     }
-    function T3(n) {
-      if (n1.call(n, "key")) {
-        var l = Object.getOwnPropertyDescriptor(n, "key").get;
+    function A3(o) {
+      if (l1.call(o, "key")) {
+        var l = Object.getOwnPropertyDescriptor(o, "key").get;
         if (l && l.isReactWarning)
           return !1;
       }
-      return n.key !== void 0;
+      return o.key !== void 0;
     }
-    function L3(n, l) {
-      if (typeof n.ref == "string" && r1.current && l && r1.current.stateNode !== l) {
-        var a = V(r1.current.type);
-        b1[a] || (L('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', V(r1.current.type), n.ref), b1[a] = !0);
-      }
+    function B3(o, l) {
+      typeof o.ref == "string" && N1.current;
     }
-    function P3(n, l) {
+    function O3(o, l) {
       {
-        var a = function() {
-          z1 || (z1 = !0, L("%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)", l));
+        var u = function() {
+          e3 || (e3 = !0, $("%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)", l));
         };
-        a.isReactWarning = !0, Object.defineProperty(n, "key", {
-          get: a,
+        u.isReactWarning = !0, Object.defineProperty(o, "key", {
+          get: u,
           configurable: !0
         });
       }
     }
-    function $3(n, l) {
+    function V3(o, l) {
       {
-        var a = function() {
-          J1 || (J1 = !0, L("%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)", l));
+        var u = function() {
+          t3 || (t3 = !0, $("%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)", l));
         };
-        a.isReactWarning = !0, Object.defineProperty(n, "ref", {
-          get: a,
+        u.isReactWarning = !0, Object.defineProperty(o, "ref", {
+          get: u,
           configurable: !0
         });
       }
     }
-    var D3 = function(n, l, a, v, C, b, M) {
+    var k3 = function(o, l, u, v, S, I, m) {
       var x = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: e,
+        $$typeof: t,
         // Built-in properties that belong on the element
-        type: n,
+        type: o,
         key: l,
-        ref: a,
-        props: M,
+        ref: u,
+        props: m,
         // Record the component responsible for creating this element.
-        _owner: b
+        _owner: I
       };
       return x._store = {}, Object.defineProperty(x._store, "validated", {
         configurable: !1,
@@ -742,314 +816,317 @@ function P2() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: C
+        value: S
       }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function A3(n, l, a, v, C) {
+    function U3(o, l, u, v, S) {
       {
-        var b, M = {}, x = null, D = null;
-        a !== void 0 && (Y1(a), x = "" + a), T3(l) && (Y1(l.key), x = "" + l.key), _3(l) && (D = l.ref, L3(l, C));
-        for (b in l)
-          n1.call(l, b) && !E3.hasOwnProperty(b) && (M[b] = l[b]);
-        if (n && n.defaultProps) {
-          var E = n.defaultProps;
-          for (b in E)
-            M[b] === void 0 && (M[b] = E[b]);
-        }
-        if (x || D) {
-          var T = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
-          x && P3(M, T), D && $3(M, T);
-        }
-        return D3(n, x, D, C, v, r1.current, M);
+        var I, m = {}, x = null, B = null;
+        u !== void 0 && (Q1(u), x = "" + u), A3(l) && (Q1(l.key), x = "" + l.key), $3(l) && (B = l.ref, B3(l, S));
+        for (I in l)
+          l1.call(l, I) && !D3.hasOwnProperty(I) && (m[I] = l[I]);
+        if (o && o.defaultProps) {
+          var _ = o.defaultProps;
+          for (I in _)
+            m[I] === void 0 && (m[I] = _[I]);
+        }
+        if (x || B) {
+          var L = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
+          x && O3(m, L), B && V3(m, L);
+        }
+        return k3(o, x, B, S, v, N1.current, m);
       }
     }
-    var I1 = P.ReactCurrentOwner, X1 = P.ReactDebugCurrentFrame;
-    function X(n) {
-      if (n) {
-        var l = n._owner, a = f1(n.type, n._source, l ? l.type : null);
-        X1.setExtraStackFrame(a);
+    var _1 = D.ReactCurrentOwner, s3 = D.ReactDebugCurrentFrame;
+    function e1(o) {
+      if (o) {
+        var l = o._owner, u = w1(o.type, o._source, l ? l.type : null);
+        s3.setExtraStackFrame(u);
       } else
-        X1.setExtraStackFrame(null);
+        s3.setExtraStackFrame(null);
     }
-    var y1;
-    y1 = !1;
-    function R1(n) {
-      return typeof n == "object" && n !== null && n.$$typeof === e;
+    var T1;
+    T1 = !1;
+    function L1(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === t;
     }
-    function Q1() {
+    function n3() {
       {
-        if (I1.current) {
-          var n = V(I1.current.type);
-          if (n)
+        if (_1.current) {
+          var o = K(_1.current.type);
+          if (o)
             return `
 
-Check the render method of \`` + n + "`.";
+Check the render method of \`` + o + "`.";
         }
         return "";
       }
     }
-    function B3(n) {
+    function F3(o) {
       return "";
     }
-    var N1 = {};
-    function O3(n) {
+    var o3 = {};
+    function W3(o) {
       {
-        var l = Q1();
+        var l = n3();
         if (!l) {
-          var a = typeof n == "string" ? n : n.displayName || n.name;
-          a && (l = `
+          var u = typeof o == "string" ? o : o.displayName || o.name;
+          u && (l = `
 
-Check the top-level render call using <` + a + ">.");
+Check the top-level render call using <` + u + ">.");
         }
         return l;
       }
     }
-    function e3(n, l) {
+    function c3(o, l) {
       {
-        if (!n._store || n._store.validated || n.key != null)
+        if (!o._store || o._store.validated || o.key != null)
           return;
-        n._store.validated = !0;
-        var a = O3(l);
-        if (N1[a])
+        o._store.validated = !0;
+        var u = W3(l);
+        if (o3[u])
           return;
-        N1[a] = !0;
+        o3[u] = !0;
         var v = "";
-        n && n._owner && n._owner !== I1.current && (v = " It was passed a child from " + V(n._owner.type) + "."), X(n), L('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, v), X(null);
+        o && o._owner && o._owner !== _1.current && (v = " It was passed a child from " + K(o._owner.type) + "."), e1(o), $('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, v), e1(null);
       }
     }
-    function t3(n, l) {
+    function r3(o, l) {
       {
-        if (typeof n != "object")
+        if (typeof o != "object")
           return;
-        if (S1(n))
-          for (var a = 0; a < n.length; a++) {
-            var v = n[a];
-            R1(v) && e3(v, l);
+        if (E1(o))
+          for (var u = 0; u < o.length; u++) {
+            var v = o[u];
+            L1(v) && c3(v, l);
           }
-        else if (R1(n))
-          n._store && (n._store.validated = !0);
-        else if (n) {
-          var C = s1(n);
-          if (typeof C == "function" && C !== n.entries)
-            for (var b = C.call(n), M; !(M = b.next()).done; )
-              R1(M.value) && e3(M.value, l);
+        else if (L1(o))
+          o._store && (o._store.validated = !0);
+        else if (o) {
+          var S = c1(o);
+          if (typeof S == "function" && S !== o.entries)
+            for (var I = S.call(o), m; !(m = I.next()).done; )
+              L1(m.value) && c3(m.value, l);
         }
       }
     }
-    function V3(n) {
+    function H3(o) {
       {
-        var l = n.type;
+        var l = o.type;
         if (l == null || typeof l == "string")
           return;
-        var a;
+        var u;
         if (typeof l == "function")
-          a = l.propTypes;
+          u = l.propTypes;
         else if (typeof l == "object" && (l.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        l.$$typeof === I))
-          a = l.propTypes;
+        l.$$typeof === R))
+          u = l.propTypes;
         else
           return;
-        if (a) {
-          var v = V(l);
-          b3(a, n.props, "prop", v, n);
-        } else if (l.PropTypes !== void 0 && !y1) {
-          y1 = !0;
-          var C = V(l);
-          L("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
-        }
-        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && L("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        if (u) {
+          var v = K(l);
+          _3(u, o.props, "prop", v, o);
+        } else if (l.PropTypes !== void 0 && !T1) {
+          T1 = !0;
+          var S = K(l);
+          $("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", S || "Unknown");
+        }
+        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && $("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function k3(n) {
+    function K3(o) {
       {
-        for (var l = Object.keys(n.props), a = 0; a < l.length; a++) {
-          var v = l[a];
+        for (var l = Object.keys(o.props), u = 0; u < l.length; u++) {
+          var v = l[u];
           if (v !== "children" && v !== "key") {
-            X(n), L("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), X(null);
+            e1(o), $("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), e1(null);
             break;
           }
         }
-        n.ref !== null && (X(n), L("Invalid attribute `ref` supplied to `React.Fragment`."), X(null));
+        o.ref !== null && (e1(o), $("Invalid attribute `ref` supplied to `React.Fragment`."), e1(null));
       }
     }
-    var s3 = {};
-    function o3(n, l, a, v, C, b) {
+    var l3 = {};
+    function i3(o, l, u, v, S, I) {
       {
-        var M = A(n);
-        if (!M) {
+        var m = O(o);
+        if (!m) {
           var x = "";
-          (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (x += " 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 D = B3();
-          D ? x += D : x += Q1();
-          var E;
-          n === null ? E = "null" : S1(n) ? E = "array" : n !== void 0 && n.$$typeof === e ? (E = "<" + (V(n.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : E = typeof n, L("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, x);
-        }
-        var T = A3(n, l, a, C, b);
-        if (T == null)
-          return T;
-        if (M) {
-          var k = l.children;
-          if (k !== void 0)
+          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (x += " 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 B = F3();
+          B ? x += B : x += n3();
+          var _;
+          o === null ? _ = "null" : E1(o) ? _ = "array" : o !== void 0 && o.$$typeof === t ? (_ = "<" + (K(o.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : _ = typeof o, $("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", _, x);
+        }
+        var L = U3(o, l, u, S, I);
+        if (L == null)
+          return L;
+        if (m) {
+          var U = l.children;
+          if (U !== void 0)
             if (v)
-              if (S1(k)) {
-                for (var Q = 0; Q < k.length; Q++)
-                  t3(k[Q], n);
-                Object.freeze && Object.freeze(k);
+              if (E1(U)) {
+                for (var t1 = 0; t1 < U.length; t1++)
+                  r3(U[t1], o);
+                Object.freeze && Object.freeze(U);
               } else
-                L("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                $("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(k, n);
-        }
-        if (n1.call(l, "key")) {
-          var Y = V(n), B = Object.keys(l).filter(function(G3) {
-            return G3 !== "key";
-          }), E1 = B.length > 0 ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!s3[Y + E1]) {
-            var K3 = B.length > 0 ? "{" + B.join(": ..., ") + ": ...}" : "{}";
-            L(`A props object containing a "key" prop is being spread into JSX:
+              r3(U, o);
+        }
+        if (l1.call(l, "key")) {
+          var X = K(o), V = Object.keys(l).filter(function(X3) {
+            return X3 !== "key";
+          }), P1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!l3[X + P1]) {
+            var J3 = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
+            $(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, E1, Y, K3, Y), s3[Y + E1] = !0;
+  <%s key={someKey} {...props} />`, P1, X, J3, X), l3[X + P1] = !0;
           }
         }
-        return n === r ? k3(T) : V3(T), T;
+        return o === c ? K3(L) : H3(L), L;
       }
     }
-    function U3(n, l, a) {
-      return o3(n, l, a, !0);
+    function G3(o, l, u) {
+      return i3(o, l, u, !0);
     }
-    function F3(n, l, a) {
-      return o3(n, l, a, !1);
+    function q3(o, l, u) {
+      return i3(o, l, u, !1);
     }
-    var W3 = F3, H3 = U3;
-    i1.Fragment = r, i1.jsx = W3, i1.jsxs = H3;
-  }()), i1;
+    var Y3 = q3, z3 = G3;
+    u1.Fragment = c, u1.jsx = Y3, u1.jsxs = z3;
+  }()), u1;
+}
+var v3;
+function M8() {
+  return v3 || (v3 = 1, process.env.NODE_ENV === "production" ? M1.exports = w8() : M1.exports = x8()), M1.exports;
 }
-process.env.NODE_ENV === "production" ? P1.exports = L2() : P1.exports = P2();
-var s = P1.exports;
-const $2 = "_mwfit_ppa3l_1", D2 = {
-  mwfit: $2
-}, A2 = () => {
-  const { reconnect: t } = S(), e = E2(), o = _2();
-  return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs("div", { className: `disconnected-message ${D2.mwfit} mx-auto text-center`, children: [
+var s = M8();
+const m8 = "_mwfit_ppa3l_1", Z8 = {
+  mwfit: m8
+}, j8 = () => {
+  const { reconnect: e } = b(), t = g8(), n = f8();
+  return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs("div", { className: `disconnected-message ${Z8.mwfit} mx-auto text-center`, children: [
     /* @__PURE__ */ s.jsx("h1", { children: "Disconnected" }),
-    e && /* @__PURE__ */ s.jsx("h5", { children: e }),
-    o && /* @__PURE__ */ s.jsx("button", { className: "btn btn-secondary btn-lg", onClick: t, children: "Reconnect" })
+    t && /* @__PURE__ */ s.jsx("h5", { children: t }),
+    n && /* @__PURE__ */ s.jsx("button", { className: "btn btn-secondary btn-lg", onClick: e, children: "Reconnect" })
   ] }) });
 };
-class B2 {
+class C8 {
   constructor() {
-    H(this, "uuid", "current-uuid");
-    H(this, "roomKey", "current-room-key");
-    H(this, "code", "current-code");
-    H(this, "expiry", "current-uuid-expires");
+    G(this, "uuid", "current-uuid");
+    G(this, "roomKey", "current-room-key");
+    G(this, "code", "current-code");
+    G(this, "expiry", "current-uuid-expires");
   }
 }
-const i3 = new B2(), w3 = o2({
+const g3 = new C8(), j3 = l2({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
   removeEventHandler: () => null,
   reconnect: () => null
 });
-function O2(t) {
-  return sessionStorage.getItem(t) || "";
+function S8(e) {
+  return sessionStorage.getItem(e) || "";
 }
-function V2(t, e) {
-  sessionStorage.setItem(t, e);
+function b8(e, t) {
+  sessionStorage.setItem(e, t);
 }
-const k2 = ({ children: t }) => {
-  const [e, o] = W(), r = C2(), c = S2(), i = b2(), d = T2(), u = a2(), f = I2(), w = y2(), h = R2(), I = u1(null), [$, U] = W(), O = u1({}), z = c1(
+const I8 = ({ children: e }) => {
+  const [t, n] = H(), c = i8(), r = a8(), i = u8(), d = p8(), a = w2(), f = d8(), w = h8(), h = v8(), R = h1(null), [A, F] = H(), k = h1({}), Q = i1(
     async (y) => {
       try {
-        const j = await L1.get(`${y}/ui/joinroom?token=${e}`);
-        return j.status === 200 && j.data ? (m.dispatch(F.setRoomData(j.data)), !0) : !1;
-      } catch (j) {
-        return console.log(j), h ? !0 : j instanceof J3 && j.response && j.response.status === 498 ? (console.error("Invalid token. Unable to join room"), m.dispatch(q.setErrorMessage(`Token ${e} is invalid. Unable to join room`)), !1) : (console.error("Error getting room data", j), j instanceof Error ? m.dispatch(q.setErrorMessage(j.message)) : m.dispatch(q.setErrorMessage("Error getting room data")), !1);
+        const C = await O1.get(`${y}/ui/joinroom?token=${t}`);
+        return C.status === 200 && C.data ? (Z.dispatch(W.setRoomData(C.data)), !0) : !1;
+      } catch (C) {
+        return console.log(C), h ? !0 : C instanceof t2 && C.response && C.response.status === 498 ? (console.error("Invalid token. Unable to join room"), Z.dispatch(z.setErrorMessage(`Token ${t} is invalid. Unable to join room`)), !1) : (console.error("Error getting room data", C), C instanceof Error ? Z.dispatch(z.setErrorMessage(C.message)) : Z.dispatch(z.setErrorMessage("Error getting room data")), !1);
       }
     },
-    [e, h]
-  ), s1 = c1(() => {
-    const y = `${u.gatewayAppPath}?uuid=${f}&roomKey=${c}`;
+    [t, h]
+  ), c1 = i1(() => {
+    const y = `${a.gatewayAppPath}?uuid=${f}&roomKey=${r}`;
     window.location.href = w ? `${y}&Code=${w}` : y;
-  }, [u.gatewayAppPath, c, f, w]), P = c1(
-    (y, j) => {
-      I.current && r && I.current.send(JSON.stringify({ type: y, clientId: i, content: j }));
+  }, [a.gatewayAppPath, r, f, w]), D = i1(
+    (y, C) => {
+      R.current && c && R.current.send(JSON.stringify({ type: y, clientId: i, content: C }));
     },
-    [r, i]
-  ), L = (y, j) => {
-    P(y, { value: j });
-  }, x1 = c1(
-    (y, j, h1) => {
-      O.current[y] || (O.current[y] = {}), O.current[y][j] = h1, console.log("event handler added", y, j);
+    [c, i]
+  ), $ = (y, C) => {
+    D(y, { value: C });
+  }, C1 = i1(
+    (y, C, g1) => {
+      k.current[y] || (k.current[y] = {}), k.current[y][C] = g1, console.log("event handler added", y, C);
     },
     []
-  ), M1 = c1((y, j) => {
-    O.current[y] && (delete O.current[y][j], console.log("event handler removed", y, j));
+  ), S1 = i1((y, C) => {
+    k.current[y] && (delete k.current[y][C], console.log("event handler removed", y, C));
   }, []);
-  return t1(() => {
-    let j = new URLSearchParams(window.location.search).get("token");
-    j ? (console.log("saving token: ", j), V2(i3.uuid, j)) : (j = O2(i3.uuid), console.log("loading token: ", j)), o(j), d();
-  }, []), t1(() => {
+  return o1(() => {
+    let C = new URLSearchParams(window.location.search).get("token");
+    C ? (console.log("saving token: ", C), b8(g3.uuid, C)) : (C = S8(g3.uuid), console.log("loading token: ", C)), n(C), d();
+  }, []), o1(() => {
     async function y() {
-      if (console.log("effect is running"), !(!u.apiPath || $ || !e || !await z(u.apiPath)) && !I.current) {
+      if (console.log("effect is running"), !(!a.apiPath || A || !t || !await Q(a.apiPath)) && !R.current) {
         console.log("connecting to websocket");
-        const m1 = `${u.apiPath.replace("http", "ws")}/ui/join/${e}`, K = new WebSocket(m1);
-        I.current = K, K.onopen = (A) => {
-          console.log("connected", A.type, A.target), m.dispatch(F.setWebsocketIsConnected(!0));
-        }, K.onerror = (A) => {
-          console.log(A);
-        }, K.onclose = (A) => {
-          if (console.log("disconnected: ", A.reason, A.code), A.code === 4e3) {
-            console.log("user code changed"), m.dispatch(F.setUserCode({ userCode: "", qrUrl: "" })), m.dispatch(q.setErrorMessage("User code changed. Click reconnect to enter the new code")), m.dispatch(q.setShowReconnect(!0)), m.dispatch(F.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
+        const b1 = `${a.apiPath.replace("http", "ws")}/ui/join/${t}`, q = new WebSocket(b1);
+        R.current = q, q.onopen = (O) => {
+          console.log("connected", O.type, O.target), Z.dispatch(W.setWebsocketIsConnected(!0));
+        }, q.onerror = (O) => {
+          console.log(O);
+        }, q.onclose = (O) => {
+          if (console.log("disconnected: ", O.reason, O.code), O.code === 4e3) {
+            console.log("user code changed"), Z.dispatch(W.setUserCode({ userCode: "", qrUrl: "" })), Z.dispatch(z.setErrorMessage("User code changed. Click reconnect to enter the new code")), Z.dispatch(z.setShowReconnect(!0)), Z.dispatch(W.setWebsocketIsConnected(!1)), Z.dispatch(s1.clearDevices()), Z.dispatch(n1.clearRooms());
             return;
           }
-          if (A.code === 4001 && !h) {
-            console.log("processor disconnected"), m.dispatch(q.setErrorMessage("Processor has disconnected. Click Reconnect")), m.dispatch(q.setShowReconnect(!0)), m.dispatch(F.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
+          if (O.code === 4001 && !h) {
+            console.log("processor disconnected"), Z.dispatch(z.setErrorMessage("Processor has disconnected. Click Reconnect")), Z.dispatch(z.setShowReconnect(!0)), Z.dispatch(W.setWebsocketIsConnected(!1)), Z.dispatch(s1.clearDevices()), Z.dispatch(n1.clearRooms());
             return;
           }
-          if (A.code === 4002) {
-            console.log("room combination changed"), m.dispatch(q.setErrorMessage("Room combination changed. Click Reconnect to re-join the room")), m.dispatch(q.setShowReconnect(!0)), m.dispatch(F.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
+          if (O.code === 4002) {
+            console.log("room combination changed"), Z.dispatch(z.setErrorMessage("Room combination changed. Click Reconnect to re-join the room")), Z.dispatch(z.setShowReconnect(!0)), Z.dispatch(W.setWebsocketIsConnected(!1)), Z.dispatch(s1.clearDevices()), Z.dispatch(n1.clearRooms());
             return;
           }
-          if (I.current)
+          if (R.current)
             console.log("WebSocket closed by server.");
           else {
             console.log("WebSocket closed by client.");
             return;
           }
-          $ || (m.dispatch(F.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms()), U(!0), setTimeout(() => U(void 0), 5e3));
-        }, K.onmessage = (A) => {
+          A || (Z.dispatch(W.setWebsocketIsConnected(!1)), Z.dispatch(s1.clearDevices()), Z.dispatch(n1.clearRooms()), F(!0), setTimeout(() => F(void 0), 5e3));
+        }, q.onmessage = (O) => {
           try {
-            const R = JSON.parse(A.data);
-            if (console.log(R), R.type === "close") {
-              K.close(4001, R.content);
+            const E = JSON.parse(O.data);
+            if (console.log(E), E.type === "close") {
+              q.close(4001, E.content);
               return;
             }
-            if (R.type.startsWith("/system/"))
-              switch (R.type) {
+            if (E.type.startsWith("/system/"))
+              switch (E.type) {
                 case "/system/touchpanelKey":
-                  m.dispatch(
-                    F.setTouchpanelKey(
-                      R.content
+                  Z.dispatch(
+                    W.setTouchpanelKey(
+                      E.content
                     )
                   );
                   break;
                 case "/system/roomKey": {
-                  m.dispatch(e1.clearRooms()), m.dispatch(N.clearDevices()), m.dispatch(
-                    F.setCurrentRoomKey(
-                      R.content
+                  Z.dispatch(n1.clearRooms()), Z.dispatch(s1.clearDevices()), Z.dispatch(
+                    W.setCurrentRoomKey(
+                      E.content
                     )
                   );
                   break;
                 }
                 case "/system/userCodeChanged":
-                  m.dispatch(
-                    F.setUserCode(
-                      R.content
+                  Z.dispatch(
+                    W.setUserCode(
+                      E.content
                     )
                   );
                   break;
@@ -1057,539 +1134,539 @@ const k2 = ({ children: t }) => {
                   window.location.reload();
                   break;
                 default:
-                  console.log("unhandled system message", R);
+                  console.log("unhandled system message", E);
                   break;
               }
-            else if (R.type.startsWith("/event/")) {
-              console.log("event message received", R);
-              const J = O.current[R.type];
-              J || console.log("no handlers found for event type", R.type), J && Object.values(J).forEach((V) => {
+            else if (E.type.startsWith("/event/")) {
+              console.log("event message received", E);
+              const N = k.current[E.type];
+              N || console.log("no handlers found for event type", E.type), N && Object.values(N).forEach((K) => {
                 try {
-                  V(R);
-                } catch (G) {
-                  console.error(G);
+                  K(E);
+                } catch (Y) {
+                  console.error(Y);
                 }
               });
-            } else R.type.startsWith("/room/") ? m.dispatch(e1.setRoomState(R)) : R.type.startsWith("/device/") && m.dispatch(N.setDeviceState(R));
-          } catch (R) {
-            console.log(R);
+            } else E.type.startsWith("/room/") ? Z.dispatch(n1.setRoomState(E)) : E.type.startsWith("/device/") && Z.dispatch(s1.setDeviceState(E));
+          } catch (E) {
+            console.log(E);
           }
         };
       }
     }
     return y(), () => {
-      I.current && I.current.close(), I.current = null;
+      R.current && R.current.close(), R.current = null;
     };
-  }, [u.apiPath, z, e, $, h]), t1(() => {
-    !c || !r || (console.log("clientId: ", i), i && (console.log("requesting status from room: ", c), P(`/room/${c}/status`, null)));
-  }, [c, i, r, P]), /* @__PURE__ */ s.jsx(
-    w3.Provider,
+  }, [a.apiPath, Q, t, A, h]), o1(() => {
+    !r || !c || (console.log("clientId: ", i), i && (console.log("requesting status from room: ", r), D(`/room/${r}/status`, null)));
+  }, [r, i, c, D]), /* @__PURE__ */ s.jsx(
+    j3.Provider,
     {
       value: {
-        sendMessage: P,
-        sendSimpleMessage: L,
-        addEventHandler: x1,
-        removeEventHandler: M1,
-        reconnect: s1
+        sendMessage: D,
+        sendSimpleMessage: $,
+        addEventHandler: C1,
+        removeEventHandler: S1,
+        reconnect: c1
       },
-      children: r ? t : /* @__PURE__ */ s.jsx(A2, {})
+      children: c ? e : /* @__PURE__ */ s.jsx(j8, {})
     }
   );
-}, m6 = ({ children: t }) => /* @__PURE__ */ s.jsx(N3, { store: m, children: /* @__PURE__ */ s.jsx(k2, { children: t }) });
-function S() {
-  return n2(w3);
+}, ie = ({ children: e }) => /* @__PURE__ */ s.jsx(o2, { store: Z, children: /* @__PURE__ */ s.jsx(I8, { children: e }) });
+function b() {
+  return i2(j3);
 }
-function U2({
-  onPress: t,
-  onRelease: e,
-  onHold: o,
-  holdTimeMs: r = 500
+function R8({
+  onPress: e,
+  onRelease: t,
+  onHold: n,
+  holdTimeMs: c = 500
 }) {
-  const c = u1(null), i = u1(!1);
+  const r = h1(null), i = h1(!1);
   function d() {
-    i.current = !0, t == null || t(), c.current = setTimeout(() => {
-      o == null || o(), c.current = null;
-    }, r);
+    i.current = !0, e == null || e(), r.current = setTimeout(() => {
+      n == null || n(), r.current = null;
+    }, c);
   }
-  function u() {
-    i.current = !1, e == null || e(), c.current && (clearTimeout(c.current), c.current = null);
+  function a() {
+    i.current = !1, t == null || t(), r.current && (clearTimeout(r.current), r.current = null);
   }
   function f() {
-    i.current && u();
+    i.current && a();
   }
   return {
     onPointerDown: d,
-    onPointerUp: u,
+    onPointerUp: a,
     onPointerLeave: f
   };
 }
-function g(t, e) {
-  const { sendMessage: r } = S(), c = u1(null);
+function g(e, t) {
+  const { sendMessage: c } = b(), r = h1(null);
   function i() {
-    r(`${t}/${e}`, { value: "pressed" }), c.current || (c.current = setInterval(() => {
-      r(`${t}/${e}`, { value: "held" });
+    c(`${e}/${t}`, { value: "pressed" }), r.current || (r.current = setInterval(() => {
+      c(`${e}/${t}`, { value: "held" });
     }, 250));
   }
   function d() {
-    c.current && (clearInterval(c.current), c.current = null), r(`${t}/${e}`, { value: "released" });
+    r.current && (clearInterval(r.current), r.current = null), c(`${e}/${t}`, { value: "released" });
   }
-  return U2({ onPress: i, onRelease: d });
+  return R8({ onPress: i, onRelease: d });
 }
-function x3(t, e) {
-  const { sendMessage: o, sendSimpleMessage: r } = S(), c = g(`${t}`, "volumeUp"), i = g(`${t}`, "volumeDown");
-  return e ? {
-    volumeState: e,
-    volumeUp: c,
+function C3(e, t) {
+  const { sendMessage: n, sendSimpleMessage: c } = b(), r = g(`${e}`, "volumeUp"), i = g(`${e}`, "volumeDown");
+  return t ? {
+    volumeState: t,
+    volumeUp: r,
     volumeDown: i,
-    setLevel: (h) => r(`${t}/level`, h),
-    muteToggle: () => o(`${t}/muteToggle`, null),
-    muteOn: () => o(`${t}/muteOn`, null),
-    muteOff: () => o(`${t}/muteOff`, null)
+    setLevel: (h) => c(`${e}/level`, h),
+    muteToggle: () => n(`${e}/muteToggle`, null),
+    muteOn: () => n(`${e}/muteOn`, null),
+    muteOff: () => n(`${e}/muteOff`, null)
   } : void 0;
 }
-function Z6(t, e) {
-  const { sendMessage: o, sendSimpleMessage: r } = S(), c = g(`${t}`, "volumeUp"), i = g(`${t}`, "volumeDown");
-  return e ? {
-    volumeState: e,
-    volumeUp: c,
+function ae(e, t) {
+  const { sendMessage: n, sendSimpleMessage: c } = b(), r = g(`${e}`, "volumeUp"), i = g(`${e}`, "volumeDown");
+  return t ? {
+    volumeState: t,
+    volumeUp: r,
     volumeDown: i,
-    setLevel: (h) => r(`${t}/level`, h),
-    muteToggle: () => o(`${t}/muteToggle`, null),
-    muteOn: () => o(`${t}/muteOn`, null),
-    muteOff: () => o(`${t}/muteOff`, null)
+    setLevel: (h) => c(`${e}/level`, h),
+    muteToggle: () => n(`${e}/muteToggle`, null),
+    muteOn: () => n(`${e}/muteOn`, null),
+    muteOff: () => n(`${e}/muteOff`, null)
   } : void 0;
 }
-function F2(t) {
-  const e = _(t), o = `/device/${t}`;
-  return x3(o, e == null ? void 0 : e.volume);
+function y8(e) {
+  const t = T(e), n = `/device/${e}`;
+  return C3(n, t == null ? void 0 : t.volume);
 }
-function M3(t) {
-  const { sendMessage: e } = S();
+function S3(e) {
+  const { sendMessage: t } = b();
   return { powerOn: () => {
-    e(`/device/${t}/powerOn`, null);
+    t(`/device/${e}/powerOn`, null);
   }, powerOff: () => {
-    e(`/device/${t}/powerOff`, null);
+    t(`/device/${e}/powerOff`, null);
   }, powerToggle: () => {
-    e(`/device/${t}/powerToggle`, null);
+    t(`/device/${e}/powerToggle`, null);
   } };
 }
-function $1(t) {
-  const { sendMessage: e } = S(), o = _(t);
-  return console.log("deviceState", o), o ? { itemsState: o, selectItem: (c) => {
-    e(`/device/${t}/${c}`, null);
+function V1(e) {
+  const { sendMessage: t } = b(), n = T(e);
+  return console.log("deviceState", n), n ? { itemsState: n, selectItem: (r) => {
+    t(`/device/${e}/${r}`, null);
   } } : void 0;
 }
-function W2(t) {
-  const { sendMessage: e } = S(), o = _(t), r = () => {
-    e(`/device/${t}/setDefaultChannelLevels`, null);
-  }, c = () => {
-    if ((o == null ? void 0 : o.levelControls) === void 0) return;
-    Object.keys(o == null ? void 0 : o.levelControls).forEach((u) => {
-      e(`/device/${t}/${u}/fullStatus`, null);
+function E8(e) {
+  const { sendMessage: t } = b(), n = T(e), c = () => {
+    t(`/device/${e}/setDefaultChannelLevels`, null);
+  }, r = () => {
+    if ((n == null ? void 0 : n.levelControls) === void 0) return;
+    Object.keys(n == null ? void 0 : n.levelControls).forEach((a) => {
+      t(`/device/${e}/${a}/fullStatus`, null);
     });
   };
-  return o ? { levelControls: o.levelControls, setDefaultChannelLevels: r, getFullStatus: c } : void 0;
+  return n ? { levelControls: n.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
 }
-function j6(t) {
-  const e = _(t), o = M3(t), r = $1(t), c = $1(t), i = F2(t), d = W2(t);
-  if (e)
+function ue(e) {
+  const t = T(e), n = S3(e), c = V1(e), r = V1(e), i = y8(e), d = E8(e);
+  if (t)
     return {
-      avrState: e,
-      powerControl: o,
-      inputControl: r,
-      surroundSoundModes: c,
+      avrState: t,
+      powerControl: n,
+      inputControl: c,
+      surroundSoundModes: r,
       surroundChannels: d,
       mainVolumeControl: i
     };
 }
-const C6 = ({ className: t }) => {
-  const [e, o] = W();
-  return t1(() => {
+const de = ({ className: e }) => {
+  const [t, n] = H();
+  return o1(() => {
     setInterval(() => {
-      const r = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
-      o(r);
+      const c = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
+      n(c);
     }, 1e3);
-  }, []), /* @__PURE__ */ s.jsxs("div", { className: t, children: [
-    e,
+  }, []), /* @__PURE__ */ s.jsxs("div", { className: e, children: [
+    t,
     " new change"
   ] });
 };
-function S6(t) {
-  const { sendMessage: e } = S(), o = _(t), r = `/device/${t}`;
-  return o ? { state: o, recallPreset: (d, u) => {
-    e(`${r}/presets/recall`, { deviceKey: d, preset: u });
+function he(e) {
+  const { sendMessage: t } = b(), n = T(e), c = `/device/${e}`;
+  return n ? { state: n, recallPreset: (d, a) => {
+    t(`${c}/presets/recall`, { deviceKey: d, preset: a });
   }, savePresets: (d) => {
-    e(`${r}/presets/save`, d);
+    t(`${c}/presets/save`, d);
   } } : void 0;
 }
-function b6(t) {
-  const e = _(t);
-  if (e)
-    return { endpointState: e };
+function ve(e) {
+  const t = T(e);
+  if (t)
+    return { endpointState: t };
 }
-function I6(t) {
-  const e = `/device/${t}`, o = g(e, "chanUp"), r = g(e, "chanDown"), c = g(e, "lastChan"), i = g(e, "guide"), d = g(e, "info"), u = g(e, "exit");
-  return { channelUp: o, channelDown: r, lastChannel: c, guide: i, info: d, exit: u };
+function ge(e) {
+  const t = `/device/${e}`, n = g(t, "chanUp"), c = g(t, "chanDown"), r = g(t, "lastChan"), i = g(t, "guide"), d = g(t, "info"), a = g(t, "exit");
+  return { channelUp: n, channelDown: c, lastChannel: r, guide: i, info: d, exit: a };
 }
-function y6(t) {
-  const e = `/device/${t}`, o = g(e, "red"), r = g(e, "green"), c = g(e, "yellow"), i = g(e, "blue");
-  return { red: o, green: r, yellow: c, blue: i };
+function fe(e) {
+  const t = `/device/${e}`, n = g(t, "red"), c = g(t, "green"), r = g(t, "yellow"), i = g(t, "blue");
+  return { red: n, green: c, yellow: r, blue: i };
 }
-function R6(t) {
-  const e = _(t);
-  if (e)
+function pe(e) {
+  const t = T(e);
+  if (t)
     return {
-      communicationMonitorState: e
+      communicationMonitorState: t
     };
 }
-function E6(t) {
-  const e = _(t);
-  if (e)
-    return e.deviceInfo || void 0;
+function we(e) {
+  const t = T(e);
+  if (t)
+    return t.deviceInfo || void 0;
 }
-function _6(t) {
-  const e = `/device/${t}`, o = g(e, "up"), r = g(e, "down"), c = g(e, "left"), i = g(e, "right"), d = g(e, "select"), u = g(e, "menu"), f = g(e, "exit");
-  return { up: o, down: r, left: c, right: i, select: d, menu: u, exit: f };
+function xe(e) {
+  const t = `/device/${e}`, n = g(t, "up"), c = g(t, "down"), r = g(t, "left"), i = g(t, "right"), d = g(t, "select"), a = g(t, "menu"), f = g(t, "exit");
+  return { up: n, down: c, left: r, right: i, select: d, menu: a, exit: f };
 }
-function T6(t) {
-  const { sendMessage: e } = S();
-  return { recallPreset: (r) => {
-    e(`/device/${t}/recallPreset`, r);
+function Me(e) {
+  const { sendMessage: t } = b();
+  return { recallPreset: (c) => {
+    t(`/device/${e}/recallPreset`, c);
   } };
 }
-function L6(t) {
-  const e = `/device/${t}`, o = g(e, "dvrList"), r = g(e, "record");
-  return { dvrList: o, record: r };
+function me(e) {
+  const t = `/device/${e}`, n = g(t, "dvrList"), c = g(t, "record");
+  return { dvrList: n, record: c };
 }
-function P6(t) {
-  const { sendMessage: e } = S(), o = _(t);
-  return o ? { roomCombinerState: o, setAutoMode: () => {
-    e(`/device/${t}/setAutoMode`, null);
+function Ze(e) {
+  const { sendMessage: t } = b(), n = T(e);
+  return n ? { roomCombinerState: n, setAutoMode: () => {
+    t(`/device/${e}/setAutoMode`, null);
   }, setManualMode: () => {
-    e(`/device/${t}/setManualMode`, null);
+    t(`/device/${e}/setManualMode`, null);
   }, toggleMode: () => {
-    e(`/device/${t}/toggleMode`, null);
+    t(`/device/${e}/toggleMode`, null);
   }, togglePartitionState: (f) => {
-    e(`/device/${t}/togglePartitionState`, f);
+    t(`/device/${e}/togglePartitionState`, f);
   }, setRoomCombinationScenario: (f) => {
-    e(`/device/${t}/setRoomCombinationScenario`, f);
+    t(`/device/${e}/setRoomCombinationScenario`, f);
   } } : void 0;
 }
-function $6(t) {
-  const e = _(t);
-  if (e)
-    return { state: e };
+function je(e) {
+  const t = T(e);
+  if (t)
+    return { state: t };
 }
-function D6(t) {
-  const { sendMessage: e, sendSimpleMessage: o } = S(), r = _(t), c = j2(t), i = r || c;
+function Ce(e) {
+  const { sendMessage: t, sendSimpleMessage: n } = b(), c = T(e), r = Q2(e), i = c || r;
   return i ? {
     levelState: i,
-    setLevel: (h, I) => o(`${h}/level`, I),
-    muteToggle: (h) => e(`${h}/muteToggle`, null),
-    muteOn: (h) => e(`${h}/muteOn`, null),
-    muteOff: (h) => e(`${h}/muteOff`, null)
+    setLevel: (h, R) => n(`${h}/level`, R),
+    muteToggle: (h) => t(`${h}/muteToggle`, null),
+    muteOn: (h) => t(`${h}/muteOn`, null),
+    muteOff: (h) => t(`${h}/muteOff`, null)
   } : void 0;
 }
-function A6(t) {
-  const { sendMessage: e } = S(), o = _(t);
-  return o ? { lightingState: o, selectScene: (c) => {
-    e(`/device/${t}/selectScene`, c);
+function Se(e) {
+  const { sendMessage: t } = b(), n = T(e);
+  return n ? { lightingState: n, selectScene: (r) => {
+    t(`/device/${e}/selectScene`, r);
   } } : void 0;
 }
-function B6(t) {
-  const { sendMessage: e } = S(), o = _(t);
-  return o ? { matrixRoutingState: o, setRoute: (c) => {
-    e(`/device/${t}/route`, c);
+function be(e) {
+  const { sendMessage: t } = b(), n = T(e);
+  return n ? { matrixRoutingState: n, setRoute: (r) => {
+    t(`/device/${e}/route`, r);
   } } : void 0;
 }
-function O6(t) {
-  const { sendMessage: e } = S();
+function Ie(e) {
+  const { sendMessage: t } = b();
   return { closeApp: () => {
-    e(`/device/${t}/closeWebViewController`, null);
+    t(`/device/${e}/closeWebViewController`, null);
   } };
 }
-function V6(t) {
-  const e = `/device/${t}`, o = g(e, "num0"), r = g(e, "num1"), c = g(e, "num2"), i = g(e, "num3"), d = g(e, "num4"), u = g(e, "num5"), f = g(e, "num6"), w = g(e, "num7"), h = g(e, "num8"), I = g(e, "num9"), $ = g(e, "numDash"), U = g(e, "numEnter");
-  return { digit0: o, digit1: r, digit2: c, digit3: i, digit4: d, digit5: u, digit6: f, digit7: w, digit8: h, digit9: I, keypadAccessoryButton1: $, keypadAccessoryButton2: U };
+function Re(e) {
+  const t = `/device/${e}`, n = g(t, "num0"), c = g(t, "num1"), r = g(t, "num2"), i = g(t, "num3"), d = g(t, "num4"), a = g(t, "num5"), f = g(t, "num6"), w = g(t, "num7"), h = g(t, "num8"), R = g(t, "num9"), A = g(t, "numDash"), F = g(t, "numEnter");
+  return { digit0: n, digit1: c, digit2: r, digit3: i, digit4: d, digit5: a, digit6: f, digit7: w, digit8: h, digit9: R, keypadAccessoryButton1: A, keypadAccessoryButton2: F };
 }
-function k6(t) {
-  const { sendMessage: e } = S(), o = _(t);
-  return o ? { projectorScreenLiftControlState: o, raise: () => {
-    e(`/device/${t}/raise`, null);
+function ye(e) {
+  const { sendMessage: t } = b(), n = T(e);
+  return n ? { projectorScreenLiftControlState: n, raise: () => {
+    t(`/device/${e}/raise`, null);
   }, lower: () => {
-    e(`/device/${t}/lower`, null);
+    t(`/device/${e}/lower`, null);
   } } : void 0;
 }
-function U6(t) {
-  const { sendMessage: e } = S(), o = D1(t);
-  return o ? { roomEventScheduleState: o, save: (c) => {
-    e(`/room/${t}/saveScheduledEvents`, c);
+function Ee(e) {
+  const { sendMessage: t } = b(), n = j1(e);
+  return n ? { roomEventScheduleState: n, save: (r) => {
+    t(`/room/${e}/saveScheduledEvents`, r);
   } } : void 0;
 }
-function F6(t) {
-  const { sendMessage: e } = S();
+function _e(e) {
+  const { sendMessage: t } = b();
   return { runDefaultPresentRoute: () => {
-    e(`/room/${t}/defaultsource`, {});
+    t(`/room/${e}/defaultsource`, {});
   } };
 }
-function W6(t) {
-  const { sendMessage: e } = S();
-  return { runDirectRoute: (r) => {
-    e(`/room/${t}/directRoute`, r);
+function Te(e) {
+  const { sendMessage: t } = b();
+  return { runDirectRoute: (c) => {
+    t(`/room/${e}/directRoute`, c);
   } };
 }
-function H6(t) {
-  const { sendMessage: e } = S();
-  return { routingState: _(t), runRoute: (c) => {
-    e(`/room/${t}/source`, c);
+function Le(e) {
+  const { sendMessage: t } = b();
+  return { routingState: T(e), runRoute: (r) => {
+    t(`/room/${e}/source`, r);
   } };
 }
-function K6(t) {
-  const e = `/device/${t}`, o = g(e, "chanUp"), r = g(e, "chanDown");
-  return { dvrList: o, replay: r };
+function Pe(e) {
+  const t = `/device/${e}`, n = g(t, "chanUp"), c = g(t, "chanDown");
+  return { dvrList: n, replay: c };
 }
-function G6(t) {
-  const { sendMessage: e } = S(), o = _(t);
-  return o ? { shadeState: o, shadeUp: () => {
-    e(`/device/${t}/shadeUp`, null);
+function De(e) {
+  const { sendMessage: t } = b(), n = T(e);
+  return n ? { shadeState: n, shadeUp: () => {
+    t(`/device/${e}/shadeUp`, null);
   }, shadeDown: () => {
-    e(`/device/${t}/shadeDown`, null);
+    t(`/device/${e}/shadeDown`, null);
   }, stopOrPreset: () => {
-    e(`/device/${t}/stopOrPreset`, null);
+    t(`/device/${e}/stopOrPreset`, null);
   } } : void 0;
 }
-function q6(t) {
-  const { sendMessage: e } = S(), o = D1(t);
-  return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (u) => {
-    e(`/room/${t}/setShutdownPromptSeconds`, u);
+function $e(e) {
+  const { sendMessage: t } = b(), n = j1(e);
+  return n ? { shutdownPromptTimerState: n, setShutdownPromptSeconds: (a) => {
+    t(`/room/${e}/setShutdownPromptSeconds`, a);
   }, shutdownStart: () => {
-    e(`/room/${t}/shutdownStart`, null);
+    t(`/room/${e}/shutdownStart`, null);
   }, shutdownEnd: () => {
-    e(`/room/${t}/shutdownEnd`, null);
+    t(`/room/${e}/shutdownEnd`, null);
   }, shutdownCancel: () => {
-    e(`/room/${t}/shutdownCancel`, null);
+    t(`/room/${e}/shutdownCancel`, null);
   } } : void 0;
 }
-function Y6(t) {
-  const { sendMessage: e } = S(), o = _(t);
-  return o ? { switchedOutputState: o, on: () => {
-    e(`/device/${t}/on`, null);
+function Ae(e) {
+  const { sendMessage: t } = b(), n = T(e);
+  return n ? { switchedOutputState: n, on: () => {
+    t(`/device/${e}/on`, null);
   }, off: () => {
-    e(`/device/${t}/off`, null);
+    t(`/device/${e}/off`, null);
   } } : void 0;
 }
-function z6(t) {
-  const { sendMessage: e } = S(), o = D1(t);
-  return o ? { techPasswordState: o, validatePassword: (i) => {
-    e(`/room/${t}/validateTechPassword`, { password: i });
+function Be(e) {
+  const { sendMessage: t } = b(), n = j1(e);
+  return n ? { techPasswordState: n, validatePassword: (i) => {
+    t(`/room/${e}/validateTechPassword`, { password: i });
   }, setPassword: (i, d) => {
-    e(`/room/${t}/setTechPassword`, { oldPassword: i, newPassword: d });
+    t(`/room/${e}/setTechPassword`, { oldPassword: i, newPassword: d });
   } } : void 0;
 }
-function J6(t) {
-  const { sendMessage: e } = S(), o = _(t);
-  return o ? { state: o, setTemperatureUnitsToCelcius: () => e(`${t}/setTemperatureUnitsToCelcius`, null), setTemperatureUnitsToFahrenheit: () => e(`${t}/setTemperatureUnitsToFahrenheit`, null) } : void 0;
+function Oe(e) {
+  const { sendMessage: t } = b(), n = T(e);
+  return n ? { state: n, setTemperatureUnitsToCelcius: () => t(`${e}/setTemperatureUnitsToCelcius`, null), setTemperatureUnitsToFahrenheit: () => t(`${e}/setTemperatureUnitsToFahrenheit`, null) } : void 0;
 }
-function X6(t) {
-  const { sendMessage: e } = S(), o = _(t), r = (c) => {
-    e(`/device/${t}/saveTheme`, { value: c });
+function Ve(e) {
+  const { sendMessage: t } = b(), n = T(e), c = (r) => {
+    t(`/device/${e}/saveTheme`, { value: r });
   };
   return {
-    currentTheme: o == null ? void 0 : o.theme,
-    saveTheme: r
+    currentTheme: n == null ? void 0 : n.theme,
+    saveTheme: c
   };
 }
-function Q6(t) {
-  const e = `/device/${t}`, o = g(e, "play"), r = g(e, "pause"), c = g(e, "stop"), i = g(e, "prevTrack"), d = g(e, "nextTrack"), u = g(e, "rewind"), f = g(e, "ffwd"), w = g(e, "record");
-  return { play: o, pause: r, stop: c, prevTrack: i, nextTrack: d, rewind: u, fastForward: f, record: w };
+function ke(e) {
+  const t = `/device/${e}`, n = g(t, "play"), c = g(t, "pause"), r = g(t, "stop"), i = g(t, "prevTrack"), d = g(t, "nextTrack"), a = g(t, "rewind"), f = g(t, "ffwd"), w = g(t, "record");
+  return { play: n, pause: c, stop: r, prevTrack: i, nextTrack: d, rewind: a, fastForward: f, record: w };
 }
-function N6(t) {
-  const e = _(t), { sendMessage: o } = S();
-  return e ? {
-    touchpanelState: e,
+function Ue(e) {
+  const t = T(e), { sendMessage: n } = b();
+  return t ? {
+    touchpanelState: t,
     appControl: { hideApp: () => {
-      o(`/device/${t}/hideApp`, null);
+      n(`/device/${e}/hideApp`, null);
     }, openApp: () => {
-      o(`/device/${t}/openApp`, null);
+      n(`/device/${e}/openApp`, null);
     }, closeApp: () => {
-      o(`/device/${t}/closeApp`, null);
+      n(`/device/${e}/closeApp`, null);
     } },
     zoomControl: { endCall: () => {
-      o(`/device/${t}/endCall`, null);
+      n(`/device/${e}/endCall`, null);
     } }
   } : void 0;
 }
-function ee(t) {
-  const e = _(t), o = M3(t), r = $1(t);
-  if (!e) return;
-  const c = (e.powerState || e.isWarming) && !e.isCooling, i = (!e.powerState || e.isCooling) && !e.isWarming;
+function Fe(e) {
+  const t = T(e), n = S3(e), c = V1(e);
+  if (!t) return;
+  const r = (t.powerState || t.isWarming) && !t.isCooling, i = (!t.powerState || t.isCooling) && !t.isWarming;
   return {
-    displayState: e,
-    powerControl: o,
-    inputControl: r,
-    powerFb: { powerOnFb: c, powerOffFb: i }
+    displayState: t,
+    powerControl: n,
+    inputControl: c,
+    powerFb: { powerOnFb: r, powerOffFb: i }
   };
 }
-const te = ({ config: t }) => {
-  const { sendMessage: e } = S();
-  t1(() => {
-    var r, c, i, d;
-    if (!t)
+const We = ({ config: e }) => {
+  const { sendMessage: t } = b();
+  o1(() => {
+    var c, r, i, d;
+    if (!e)
       return;
-    const o = [];
-    if (t.destinations && Object.values(t.destinations).forEach((u) => {
-      o.push(u);
-    }), t.destinationList && Object.values(t.destinationList).forEach((u) => {
-      o.push(u.sinkKey);
-    }), t.audioControlPointList && Object.values((r = t.audioControlPointList) == null ? void 0 : r.levelControls).forEach((u) => {
-      u.itemKey ? o.push(u.parentDeviceKey + "--" + u.itemKey) : o.push(u.parentDeviceKey);
-    }), (c = t.touchpanelKeys) == null || c.forEach((u) => {
-      o.push(u);
-    }), (i = t.environmentalDevices) == null || i.forEach((u) => {
-      o.push(u.deviceKey);
-    }), (d = t.accessoryDeviceKeys) == null || d.forEach((u) => {
-      o.push(u);
-    }), t.audioCodecKey && o.push(t.audioCodecKey), t.videoCodecKey && o.push(t.videoCodecKey), t.matrixRoutingKey && o.push(t.matrixRoutingKey), t.roomCombinerKey && o.push(t.roomCombinerKey), t.endpointKeys && t.endpointKeys.forEach((u) => {
-      o.push(u);
-    }), t.sourceList)
-      for (const u of Object.values(t.sourceList))
-        u.sourceKey && u.sourceKey !== "$off" && o.push(u.sourceKey);
-    console.log("deviceKeys", o), o.forEach((u) => {
-      e(`/device/${u}/fullStatus`, { deviceKey: u });
+    const n = [];
+    if (e.destinations && Object.values(e.destinations).forEach((a) => {
+      n.push(a);
+    }), e.destinationList && Object.values(e.destinationList).forEach((a) => {
+      n.push(a.sinkKey);
+    }), e.audioControlPointList && Object.values((c = e.audioControlPointList) == null ? void 0 : c.levelControls).forEach((a) => {
+      a.itemKey ? n.push(a.parentDeviceKey + "--" + a.itemKey) : n.push(a.parentDeviceKey);
+    }), (r = e.touchpanelKeys) == null || r.forEach((a) => {
+      n.push(a);
+    }), (i = e.environmentalDevices) == null || i.forEach((a) => {
+      n.push(a.deviceKey);
+    }), (d = e.accessoryDeviceKeys) == null || d.forEach((a) => {
+      n.push(a);
+    }), e.audioCodecKey && n.push(e.audioCodecKey), e.videoCodecKey && n.push(e.videoCodecKey), e.matrixRoutingKey && n.push(e.matrixRoutingKey), e.roomCombinerKey && n.push(e.roomCombinerKey), e.endpointKeys && e.endpointKeys.forEach((a) => {
+      n.push(a);
+    }), e.sourceList)
+      for (const a of Object.values(e.sourceList))
+        a.sourceKey && a.sourceKey !== "$off" && n.push(a.sourceKey);
+    console.log("deviceKeys", n), n.forEach((a) => {
+      t(`/device/${a}/fullStatus`, { deviceKey: a });
     });
-  }, [t, e]);
+  }, [e, t]);
 };
-function se(t, e) {
-  const [o, r] = W(!1), [c, i] = W(!1);
-  return d3(() => {
-    const { current: d } = t, u = () => {
+function He(e, t) {
+  const [n, c] = H(!1), [r, i] = H(!1);
+  return w3(() => {
+    const { current: d } = e, a = () => {
       const f = d && d.scrollHeight > d.clientHeight, w = d && d.scrollWidth > d.clientWidth;
-      i(f ?? !1), r(w ?? !1), e && e(f ?? !1, w ?? !1);
+      i(f ?? !1), c(w ?? !1), t && t(f ?? !1, w ?? !1);
     };
-    d && u();
-  }, [t, e]), { overflowHorizontal: o, overflowVertical: c };
+    d && a();
+  }, [e, t]), { overflowHorizontal: n, overflowVertical: r };
 }
-function oe(t, e) {
-  const o = Z2(t, e), r = `/room/${t}/volumes/${e}`;
-  return x3(r, o);
+function Ke(e, t) {
+  const n = X2(e, t), c = `/room/${e}/volumes/${t}`;
+  return C3(c, n);
 }
-function ne(t) {
-  var u, f;
-  const [e, o] = W(((u = t == null ? void 0 : t.current) == null ? void 0 : u.scrollLeft) ?? 0), [r, c] = W(((f = t == null ? void 0 : t.current) == null ? void 0 : f.scrollTop) ?? 0), i = (w) => {
-    const { current: h } = t;
+function Ge(e) {
+  var a, f;
+  const [t, n] = H(((a = e == null ? void 0 : e.current) == null ? void 0 : a.scrollLeft) ?? 0), [c, r] = H(((f = e == null ? void 0 : e.current) == null ? void 0 : f.scrollTop) ?? 0), i = (w) => {
+    const { current: h } = e;
     h && (console.log(h.scrollLeft), h.scrollLeft += w, console.log(h.scrollLeft));
   }, d = (w) => {
-    const { current: h } = t;
+    const { current: h } = e;
     h && (console.log(h.scrollTop), h.scrollTop += w, console.log(h.scrollTop));
   };
-  return d3(() => {
-    const { current: w } = t, h = () => {
-      o((w == null ? void 0 : w.scrollLeft) ?? 0), c((w == null ? void 0 : w.scrollTop) ?? 0);
+  return w3(() => {
+    const { current: w } = e, h = () => {
+      n((w == null ? void 0 : w.scrollLeft) ?? 0), r((w == null ? void 0 : w.scrollTop) ?? 0);
     };
     w && h();
-  }, [t]), { horizontalScrollPosition: e, verticalScrollPosition: r, scrollHorizontal: i, scrollVertical: d };
+  }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: i, scrollVertical: d };
 }
-function re() {
-  const { sendMessage: t } = S();
+function qe() {
+  const { sendMessage: e } = b();
   return {
     reboot: () => {
-      t("/system/reboot", null);
+      e("/system/reboot", null);
     },
     programReset: () => {
-      t("/system/programReset", null);
+      e("/system/programReset", null);
     }
   };
 }
-function ce() {
-  const [t, e] = W(), [o, r] = W();
-  function c() {
-    e((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
+function Ye() {
+  const [e, t] = H(), [n, c] = H();
+  function r() {
+    t((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
     const i = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
-    r(i);
+    c(i);
   }
-  return t1(() => {
-    c();
+  return o1(() => {
+    r();
     const i = setInterval(() => {
-      c();
+      r();
     }, 1e3);
     return () => clearInterval(i);
-  }, []), { date: t, time: o };
+  }, []), { date: e, time: n };
 }
-const le = () => {
-  const [t, e] = W(!1), o = r2(), r = c2();
-  let c;
-  return l2(r) ? c = r.statusText : r instanceof Error ? c = r.message : typeof r == "string" ? c = r : (console.error(r), c = "Unknown error"), /* @__PURE__ */ s.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
+const ze = () => {
+  const [e, t] = H(!1), n = a2(), c = u2();
+  let r;
+  return d2(c) ? r = c.statusText : c instanceof Error ? r = c.message : typeof c == "string" ? r = c : (console.error(c), r = "Unknown error"), /* @__PURE__ */ s.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
     /* @__PURE__ */ s.jsx("div", { className: "m-2 p-2 bg-danger rounded d-flex align-items-center", children: /* @__PURE__ */ s.jsx("span", { className: "fs-5 text-white", children: "We are sorry. Something went wrong." }) }),
-    /* @__PURE__ */ s.jsx("button", { className: "btn btn-primary p-2", onClick: () => o(-1), children: "Go Back" }),
-    /* @__PURE__ */ s.jsx("button", { className: "btn btn-primary p-2", onClick: () => e(!t), children: t ? "Hide error message" : "Show error message" }),
-    t && /* @__PURE__ */ s.jsx("p", { children: c })
+    /* @__PURE__ */ s.jsx("button", { className: "btn btn-primary p-2", onClick: () => n(-1), children: "Go Back" }),
+    /* @__PURE__ */ s.jsx("button", { className: "btn btn-primary p-2", onClick: () => t(!e), children: e ? "Hide error message" : "Show error message" }),
+    e && /* @__PURE__ */ s.jsx("p", { children: r })
   ] });
-}, H2 = "_iconbtn_16qss_1", K2 = "_iconbtnvert_16qss_7", G2 = "_iconsm_16qss_18", _1 = {
-  iconbtn: H2,
-  iconbtnvert: K2,
-  iconsm: G2
-}, q2 = ({
-  multiIcon: t,
-  otherContent: e = null,
-  vert: o = !1,
-  className: r,
-  iconClassName: c = "",
+}, _8 = "_iconbtn_16qss_1", T8 = "_iconbtnvert_16qss_7", L8 = "_iconsm_16qss_18", D1 = {
+  iconbtn: _8,
+  iconbtnvert: T8,
+  iconsm: L8
+}, P8 = ({
+  multiIcon: e,
+  otherContent: t = null,
+  vert: n = !1,
+  className: c,
+  iconClassName: r = "",
   otherContentClassName: i = "",
   disabled: d,
-  feedback: u,
+  feedback: a,
   feedbackClassName: f,
   onPointerDown: w,
   onPointerUp: h,
-  onPointerLeave: I,
-  ...$
+  onPointerLeave: R,
+  ...A
 }) => {
-  const [U, O] = W(!1), z = !d && u ? f : "", s1 = !d && (U || u);
+  const [F, k] = H(!1), Q = !d && a ? f : "", c1 = !d && (F || a);
   return /* @__PURE__ */ s.jsxs(
     "button",
     {
       type: "button",
-      className: `${_1.iconbtn} ${o ? _1.iconbtnvert : ""} ${r} ${z}`,
-      ...$,
+      className: `${D1.iconbtn} ${n ? D1.iconbtnvert : ""} ${c} ${Q}`,
+      ...A,
       disabled: d,
-      onPointerDown: (P) => {
-        O(!0), w == null || w(P);
+      onPointerDown: (D) => {
+        k(!0), w == null || w(D);
       },
-      onPointerUp: (P) => {
-        O(!1), h == null || h(P);
+      onPointerUp: (D) => {
+        k(!1), h == null || h(D);
       },
-      onPointerLeave: (P) => {
-        O(!1), I == null || I(P);
+      onPointerLeave: (D) => {
+        k(!1), R == null || R(D);
       },
       children: [
-        t && /* @__PURE__ */ s.jsx(
-          t,
+        e && /* @__PURE__ */ s.jsx(
+          e,
           {
-            className: `${c || _1.iconsm}`,
-            active: s1,
+            className: `${r || D1.iconsm}`,
+            active: c1,
             disabled: d
           }
         ),
-        i ? /* @__PURE__ */ s.jsx("div", { className: i, children: e }) : /* @__PURE__ */ s.jsx("div", { children: e })
+        i ? /* @__PURE__ */ s.jsx("div", { className: i, children: t }) : /* @__PURE__ */ s.jsx("div", { children: t })
       ]
     }
   );
-}, Z = ({
-  ActiveImage: t,
-  DisabledImage: e,
-  EnabledImage: o,
-  active: r,
-  disabled: c
-}) => c ? e : r ? t : o, Y2 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+}, j = ({
+  ActiveImage: e,
+  DisabledImage: t,
+  EnabledImage: n,
+  active: c,
+  disabled: r
+}) => r ? t : c ? e : n, D8 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: /* @__PURE__ */ s.jsx(
       "svg",
       {
-        className: e,
+        className: t,
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 164.61 164.61",
         fill: "currentcolor",
@@ -1605,7 +1682,7 @@ const le = () => {
     DisabledImage: /* @__PURE__ */ s.jsx(
       "svg",
       {
-        className: e,
+        className: t,
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 164.61 164.61",
         fill: "currentColor",
@@ -1615,7 +1692,7 @@ const le = () => {
     EnabledImage: /* @__PURE__ */ s.jsx(
       "svg",
       {
-        className: e,
+        className: t,
         fill: "currentcolor",
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 164.61 164.61",
@@ -1628,22 +1705,22 @@ const le = () => {
         ) })
       }
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), z2 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), $8 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-ban-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -1656,7 +1733,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -1669,7 +1746,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -1677,20 +1754,20 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), J2 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), A8 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: /* @__PURE__ */ s.jsx(
       "svg",
       {
-        className: e,
+        className: t,
         fill: "currentcolor",
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 164.61 164.61",
@@ -1700,7 +1777,7 @@ const le = () => {
     DisabledImage: /* @__PURE__ */ s.jsx(
       "svg",
       {
-        className: e,
+        className: t,
         fill: "currentcolor",
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 164.61 164.61",
@@ -1710,29 +1787,29 @@ const le = () => {
     EnabledImage: /* @__PURE__ */ s.jsx(
       "svg",
       {
-        className: e,
+        className: t,
         fill: "currentcolor",
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 164.61 164.61",
         children: /* @__PURE__ */ s.jsx("g", { children: /* @__PURE__ */ s.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: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), X2 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), B8 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-check-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -1745,7 +1822,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -1758,7 +1835,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -1766,24 +1843,24 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), Q2 = ({
-  active: t,
+), O8 = ({
+  active: e,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  className: e = "",
-  disabled: o
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-controller-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -1802,7 +1879,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -1821,7 +1898,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -1835,22 +1912,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), N2 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), V8 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-down-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -1863,7 +1940,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -1876,7 +1953,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -1884,22 +1961,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), e8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), k8 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-elipses-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -1912,7 +1989,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -1925,7 +2002,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -1933,22 +2010,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), t8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), U8 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-flag-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -1961,7 +2038,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -1974,7 +2051,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -1982,22 +2059,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), s8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), F8 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* /Users/hvolmer/Downloads/SVG/icon-gear-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2010,7 +2087,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2023,7 +2100,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2031,22 +2108,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), o8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), W8 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-glass-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2059,7 +2136,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2072,7 +2149,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2080,24 +2157,24 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), n8 = ({
-  active: t,
+), H8 = ({
+  active: e,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  className: e = "",
-  disabled: o
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-hdmi-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2116,7 +2193,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2135,7 +2212,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2149,22 +2226,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), r8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), K8 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-laptop-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2177,7 +2254,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2190,7 +2267,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2198,22 +2275,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), c8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), G8 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-left-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2226,7 +2303,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2239,7 +2316,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2247,22 +2324,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), l8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), q8 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-light-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2275,7 +2352,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2288,7 +2365,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2296,22 +2373,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), i8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), Y8 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-moon-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2324,7 +2401,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2337,7 +2414,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2345,44 +2422,44 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), a8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), z8 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-playstation-active.svg */
-      /* @__PURE__ */ s.jsx("svg", { className: e, fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 164.61 164.61", children: /* @__PURE__ */ s.jsx("g", { children: /* @__PURE__ */ s.jsx("path", { d: "M82.3,0C36.92,0,0,36.92,0,82.3s36.92,82.3,82.3,82.3,82.3-36.92,82.3-82.3S127.69,0,82.3,0ZM66.47,96.77l-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.03-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.51ZM86,60.41v60.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,13v-24.22c0-2.84-.52-5.46-3.19-6.2-2.04-.65-3.31,1.24-3.31,4.09ZM131.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.51Z" }) }) })
+      /* @__PURE__ */ s.jsx("svg", { className: t, fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 164.61 164.61", children: /* @__PURE__ */ s.jsx("g", { children: /* @__PURE__ */ s.jsx("path", { d: "M82.3,0C36.92,0,0,36.92,0,82.3s36.92,82.3,82.3,82.3,82.3-36.92,82.3-82.3S127.69,0,82.3,0ZM66.47,96.77l-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.03-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.51ZM86,60.41v60.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,13v-24.22c0-2.84-.52-5.46-3.19-6.2-2.04-.65-3.31,1.24-3.31,4.09ZM131.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.51Z" }) }) })
     ),
     DisabledImage: (
       /* icon-playstation-disabled.svg */
-      /* @__PURE__ */ s.jsx("svg", { className: e, fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 164.61 164.61", children: /* @__PURE__ */ s.jsx("g", { children: /* @__PURE__ */ s.jsx("path", { d: "M82.3,0C36.92,0,0,36.92,0,82.3s36.92,82.3,82.3,82.3,82.3-36.92,82.3-82.3S127.69,0,82.3,0ZM82.3,5c19.83,0,37.93,7.51,51.63,19.83L24.82,133.93c-12.32-13.7-19.82-31.8-19.82-51.63C5,39.68,39.68,5,82.3,5ZM82.3,159.61c-19.83,0-37.93-7.51-51.63-19.83L139.78,30.68c12.32,13.7,19.83,31.8,19.83,51.63,0,42.63-34.68,77.3-77.3,77.3ZM95.24,87.85l15.45-15.45c.01.45.03.88.03,1.34,0,11.81-6.62,16.96-15.48,14.11ZM131.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.51ZM86.01,60.12l-16.37,16.37v-32.93c6.95,1.29,17.09,4.34,22.53,6.18,1.09.37,2.1.76,3.07,1.15l-5.59,5.59c-.12-.04-.22-.1-.35-.14-1.97-.63-3.22,1.12-3.3,3.79ZM34,99.94c3.34-2.47,9.01-4.33,9.01-4.33l11.65-4.14-17.26,17.26c-5.9-2.41-6.64-6.39-3.4-8.79ZM69.64,113.45l16.36-16.36v23.97l-16.36-5.19v-2.42Z" }) }) })
+      /* @__PURE__ */ s.jsx("svg", { className: t, fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 164.61 164.61", children: /* @__PURE__ */ s.jsx("g", { children: /* @__PURE__ */ s.jsx("path", { d: "M82.3,0C36.92,0,0,36.92,0,82.3s36.92,82.3,82.3,82.3,82.3-36.92,82.3-82.3S127.69,0,82.3,0ZM82.3,5c19.83,0,37.93,7.51,51.63,19.83L24.82,133.93c-12.32-13.7-19.82-31.8-19.82-51.63C5,39.68,39.68,5,82.3,5ZM82.3,159.61c-19.83,0-37.93-7.51-51.63-19.83L139.78,30.68c12.32,13.7,19.83,31.8,19.83,51.63,0,42.63-34.68,77.3-77.3,77.3ZM95.24,87.85l15.45-15.45c.01.45.03.88.03,1.34,0,11.81-6.62,16.96-15.48,14.11ZM131.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.51ZM86.01,60.12l-16.37,16.37v-32.93c6.95,1.29,17.09,4.34,22.53,6.18,1.09.37,2.1.76,3.07,1.15l-5.59,5.59c-.12-.04-.22-.1-.35-.14-1.97-.63-3.22,1.12-3.3,3.79ZM34,99.94c3.34-2.47,9.01-4.33,9.01-4.33l11.65-4.14-17.26,17.26c-5.9-2.41-6.64-6.39-3.4-8.79ZM69.64,113.45l16.36-16.36v23.97l-16.36-5.19v-2.42Z" }) }) })
     ),
     EnabledImage: (
       /* icon-playstation-enabled.svg */
-      /* @__PURE__ */ s.jsx("svg", { className: e, fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 164.61 164.61", children: /* @__PURE__ */ s.jsx("g", { children: /* @__PURE__ */ s.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" }) }) })
+      /* @__PURE__ */ s.jsx("svg", { className: t, fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 164.61 164.61", children: /* @__PURE__ */ s.jsx("g", { children: /* @__PURE__ */ s.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: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), u8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), J8 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-podium-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2395,7 +2472,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2408,7 +2485,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2416,22 +2493,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), d8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), X8 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-power-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2444,7 +2521,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2457,7 +2534,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2465,22 +2542,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), h8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), Q8 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-privacy-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2493,7 +2570,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2506,7 +2583,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2514,22 +2591,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), v8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), N8 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-question-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2542,7 +2619,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2555,7 +2632,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2563,22 +2640,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), g8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), e6 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-right-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2591,7 +2668,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2604,7 +2681,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2612,24 +2689,24 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), f8 = ({
-  active: t,
+), t6 = ({
+  active: e,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  className: e = "",
-  disabled: o
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-roomPC-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2648,7 +2725,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2667,7 +2744,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2681,22 +2758,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), p8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), s6 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-shade-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2709,7 +2786,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2722,7 +2799,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2730,22 +2807,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), w8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), n6 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-sun-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2758,7 +2835,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2771,7 +2848,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2779,22 +2856,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), x8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), o6 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-up-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2807,7 +2884,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2820,7 +2897,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2828,22 +2905,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), M8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), c6 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-volDown-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2856,7 +2933,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2869,7 +2946,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2877,22 +2954,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), m8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), r6 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-volMute-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2905,7 +2982,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2918,7 +2995,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2926,22 +3003,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), Z8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), l6 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-volUp-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2954,7 +3031,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2967,7 +3044,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -2975,22 +3052,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), j8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), i6 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-wireless-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -3003,7 +3080,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -3016,7 +3093,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -3024,22 +3101,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), C8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), a6 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-x-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -3052,7 +3129,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -3065,7 +3142,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -3073,22 +3150,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), S8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), u6 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-xbox-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -3101,7 +3178,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -3114,7 +3191,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -3122,22 +3199,22 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
+    active: e,
+    disabled: n
   }
-), b8 = ({
-  active: t,
-  className: e = "",
-  disabled: o
+), d6 = ({
+  active: e,
+  className: t = "",
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  Z,
+  j,
   {
     ActiveImage: (
       /* icon-mic-active.svg */
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -3150,7 +3227,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -3163,7 +3240,7 @@ const le = () => {
       /* @__PURE__ */ s.jsx(
         "svg",
         {
-          className: e,
+          className: t,
           fill: "currentcolor",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 164.61 164.61",
@@ -3171,238 +3248,239 @@ const le = () => {
         }
       )
     ),
-    active: t,
-    disabled: o
-  }
-), I8 = {
-  Alert: Y2,
-  Camera: J2,
-  DownArrow: N2,
-  Ban: z2,
-  Check: X2,
-  Controller: Q2,
-  Elipses: e8,
-  Flag: t8,
-  Gear: s8,
-  Glass: o8,
-  Hdmi: n8,
-  Laptop: r8,
-  LeftArrow: c8,
-  Light: l8,
-  Mic: b8,
-  Moon: i8,
-  Playstation: a8,
-  Podium: u8,
-  Power: d8,
-  Privacy: h8,
-  Question: v8,
-  RightArrow: g8,
-  RoomPC: f8,
-  Shade: p8,
-  Sun: w8,
-  UpArrow: x8,
-  VolDown: M8,
-  VolMute: m8,
-  VolUp: Z8,
-  Wireless: j8,
-  X: C8,
-  Xbox: S8
+    active: e,
+    disabled: n
+  }
+), h6 = {
+  Alert: D8,
+  Camera: A8,
+  DownArrow: V8,
+  Ban: $8,
+  Check: B8,
+  Controller: O8,
+  Elipses: k8,
+  Flag: U8,
+  Gear: F8,
+  Glass: W8,
+  Hdmi: H8,
+  Laptop: K8,
+  LeftArrow: G8,
+  Light: q8,
+  Mic: d6,
+  Moon: Y8,
+  Playstation: z8,
+  Podium: J8,
+  Power: X8,
+  Privacy: Q8,
+  Question: N8,
+  RightArrow: e6,
+  RoomPC: t6,
+  Shade: s6,
+  Sun: n6,
+  UpArrow: o6,
+  VolDown: c6,
+  VolMute: r6,
+  VolUp: l6,
+  Wireless: i6,
+  X: a6,
+  Xbox: u6
 };
-function ie({
-  name: t,
-  iconsDictionary: e = I8,
-  ...o
+function Je({
+  name: e,
+  iconsDictionary: t = h6,
+  ...n
 }) {
-  const r = e[t] ?? null;
-  return r || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ s.jsx(q2, { multiIcon: r, ...o });
+  const c = t[e] ?? null;
+  return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ s.jsx(P8, { multiIcon: c, ...n });
 }
-const y8 = "_grid_1cmpp_1", R8 = "_header_1cmpp_11", E8 = "_content_1cmpp_17", _8 = "_footer_1cmpp_23", T8 = "_volume_1cmpp_29", a1 = {
-  grid: y8,
-  header: R8,
-  content: E8,
-  footer: _8,
-  volume: T8
-}, ae = ({ header: t, footer: e, content: o, volume: r, showVolume: c }) => /* @__PURE__ */ s.jsxs("div", { className: a1.grid, children: [
-  /* @__PURE__ */ s.jsx("div", { className: a1.header, children: t }),
-  /* @__PURE__ */ s.jsx("div", { className: a1.content, children: o }),
-  c && /* @__PURE__ */ s.jsx("div", { className: a1.volume, children: r }),
-  /* @__PURE__ */ s.jsx("div", { className: a1.footer, children: e })
-] }), L8 = "_grid_11w5q_1", P8 = "_header_11w5q_11", $8 = "_content_11w5q_17", w1 = {
-  grid: L8,
-  header: P8,
-  content: $8,
-  "left-nav": "_left-nav_11w5q_23"
-}, ue = ({ className: t, header: e, content: o, leftNav: r }) => /* @__PURE__ */ s.jsxs("div", { className: `${t} ${w1.grid}`, children: [
-  /* @__PURE__ */ s.jsx("div", { className: w1.header, children: e }),
-  r && /* @__PURE__ */ s.jsx("div", { className: w1.leftNav, children: r }),
-  /* @__PURE__ */ s.jsx("div", { className: w1.content, children: o })
-] }), D8 = "_grid_1uwfo_1", A8 = "_header_1uwfo_11", B8 = "_content_1uwfo_17", T1 = {
-  grid: D8,
-  header: A8,
-  content: B8
-}, de = ({ className: t, header: e, content: o }) => /* @__PURE__ */ s.jsxs("div", { className: `${t} ${T1.grid}`, children: [
-  /* @__PURE__ */ s.jsx("div", { className: T1.header, children: e }),
-  /* @__PURE__ */ s.jsx("div", { className: T1.content, children: o })
+const v6 = "_grid_1cmpp_1", g6 = "_header_1cmpp_11", f6 = "_content_1cmpp_17", p6 = "_footer_1cmpp_23", w6 = "_volume_1cmpp_29", d1 = {
+  grid: v6,
+  header: g6,
+  content: f6,
+  footer: p6,
+  volume: w6
+}, Xe = ({ header: e, footer: t, content: n, volume: c, showVolume: r }) => /* @__PURE__ */ s.jsxs("div", { className: d1.grid, children: [
+  /* @__PURE__ */ s.jsx("div", { className: d1.header, children: e }),
+  /* @__PURE__ */ s.jsx("div", { className: d1.content, children: n }),
+  r && /* @__PURE__ */ s.jsx("div", { className: d1.volume, children: c }),
+  /* @__PURE__ */ s.jsx("div", { className: d1.footer, children: t })
+] }), x6 = "_grid_11w5q_1", M6 = "_header_11w5q_11", m6 = "_content_11w5q_17", m1 = {
+  grid: x6,
+  header: M6,
+  content: m6
+}, Qe = ({ className: e, header: t, content: n, leftNav: c }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${m1.grid}`, children: [
+  /* @__PURE__ */ s.jsx("div", { className: m1.header, children: t }),
+  c && /* @__PURE__ */ s.jsx("div", { className: m1.leftNav, children: c }),
+  /* @__PURE__ */ s.jsx("div", { className: m1.content, children: n })
+] }), Z6 = "_grid_1uwfo_1", j6 = "_header_1uwfo_11", C6 = "_content_1uwfo_17", $1 = {
+  grid: Z6,
+  header: j6,
+  content: C6
+}, Ne = ({ className: e, header: t, content: n }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${$1.grid}`, children: [
+  /* @__PURE__ */ s.jsx("div", { className: $1.header, children: t }),
+  /* @__PURE__ */ s.jsx("div", { className: $1.content, children: n })
 ] });
-function he() {
+function e5() {
   return console.log(location.pathname), location.pathname;
 }
-var O8 = /* @__PURE__ */ ((t) => (t[t.NotSet = 0] = "NotSet", t[t.Sunday = 1] = "Sunday", t[t.Monday = 2] = "Monday", t[t.Tuesday = 4] = "Tuesday", t[t.Wednesday = 8] = "Wednesday", t[t.Thursday = 16] = "Thursday", t[t.Friday = 32] = "Friday", t[t.Saturday = 64] = "Saturday", t))(O8 || {});
-class ve {
-  constructor(e, o) {
-    H(this, "path");
-    H(this, "handler");
-    this.path = e, this.handler = o;
+var S6 = /* @__PURE__ */ ((e) => (e[e.NotSet = 0] = "NotSet", e[e.Sunday = 1] = "Sunday", e[e.Monday = 2] = "Monday", e[e.Tuesday = 4] = "Tuesday", e[e.Wednesday = 8] = "Wednesday", e[e.Thursday = 16] = "Thursday", e[e.Friday = 32] = "Friday", e[e.Saturday = 64] = "Saturday", e))(S6 || {});
+class t5 {
+  constructor(t, n) {
+    G(this, "path");
+    G(this, "handler");
+    this.path = t, this.handler = n;
   }
 }
-const ge = "$off";
-class fe {
+const s5 = "$off";
+class n5 {
   constructor() {
-    H(this, "currentShareText");
-    H(this, "enabled");
-    H(this, "isSharing");
+    G(this, "currentShareText");
+    G(this, "enabled");
+    G(this, "isSharing");
   }
 }
 export {
-  C6 as Clock,
-  O8 as DaysOfWeek,
-  le as ErrorBox,
-  q2 as IconButton,
-  Y2 as IconMultiAlert,
-  z2 as IconMultiBan,
-  J2 as IconMultiCamera,
-  X2 as IconMultiCheck,
-  Q2 as IconMultiController,
-  N2 as IconMultiDownArrow,
-  e8 as IconMultiElipses,
-  t8 as IconMultiFlag,
-  s8 as IconMultiGear,
-  o8 as IconMultiGlass,
-  n8 as IconMultiHdmi,
-  r8 as IconMultiLaptop,
-  c8 as IconMultiLeftArrow,
-  l8 as IconMultiLight,
-  i8 as IconMultiMoon,
-  a8 as IconMultiPlaystation,
-  u8 as IconMultiPodium,
-  d8 as IconMultiPower,
-  h8 as IconMultiPrivacy,
-  v8 as IconMultiQuestion,
-  g8 as IconMultiRightArrow,
-  f8 as IconMultiRoomPC,
-  p8 as IconMultiShade,
-  w8 as IconMultiSun,
-  x8 as IconMultiUpArrow,
-  M8 as IconMultiVolDown,
-  m8 as IconMultiVolMute,
-  Z8 as IconMultiVolUp,
-  j8 as IconMultiWireless,
-  C8 as IconMultiX,
-  S8 as IconMultiXbox,
-  ae as MainLayout,
-  ve as MessageHandler,
-  m6 as MobileControlProvider,
-  Z as MultiStateIconContainer,
-  ie as NamedIconButton,
-  fe as ShareState,
-  ue as TechLayout,
-  de as TechPinLayout,
-  he as getBaseLocation,
-  L1 as httpClient,
-  ge as roomOffSourceKey,
-  m as store,
-  q as uiActions,
-  M2 as uiReducer,
-  K8 as useApiPath,
-  a2 as useAppConfig,
-  i2 as useAppDispatch,
+  de as Clock,
+  S6 as DaysOfWeek,
+  ze as ErrorBox,
+  P8 as IconButton,
+  D8 as IconMultiAlert,
+  $8 as IconMultiBan,
+  A8 as IconMultiCamera,
+  B8 as IconMultiCheck,
+  O8 as IconMultiController,
+  V8 as IconMultiDownArrow,
+  k8 as IconMultiElipses,
+  U8 as IconMultiFlag,
+  F8 as IconMultiGear,
+  W8 as IconMultiGlass,
+  H8 as IconMultiHdmi,
+  K8 as IconMultiLaptop,
+  G8 as IconMultiLeftArrow,
+  q8 as IconMultiLight,
+  Y8 as IconMultiMoon,
+  z8 as IconMultiPlaystation,
+  J8 as IconMultiPodium,
+  X8 as IconMultiPower,
+  Q8 as IconMultiPrivacy,
+  N8 as IconMultiQuestion,
+  e6 as IconMultiRightArrow,
+  t6 as IconMultiRoomPC,
+  s6 as IconMultiShade,
+  n6 as IconMultiSun,
+  o6 as IconMultiUpArrow,
+  c6 as IconMultiVolDown,
+  r6 as IconMultiVolMute,
+  l6 as IconMultiVolUp,
+  i6 as IconMultiWireless,
+  a6 as IconMultiX,
+  u6 as IconMultiXbox,
+  Xe as MainLayout,
+  t5 as MessageHandler,
+  ie as MobileControlProvider,
+  j as MultiStateIconContainer,
+  Je as NamedIconButton,
+  n5 as ShareState,
+  Qe as TechLayout,
+  Ne as TechPinLayout,
+  e5 as getBaseLocation,
+  O1 as httpClient,
+  s5 as roomOffSourceKey,
+  Z as store,
+  z as uiActions,
+  E2 as uiReducer,
+  T6 as useApiPath,
+  w2 as useAppConfig,
+  h2 as useAppDispatch,
   p as useAppSelector,
-  j6 as useAvrControl,
+  ue as useAvrControl,
   g as useButtonHeldHeartbeat,
-  b2 as useClientId,
-  F2 as useDeviceIBasicVolumeWithFeedback,
-  S6 as useDevicePresetsModel,
-  b6 as useEndpoint,
-  E2 as useError,
-  te as useGetAllDeviceStateFromRoomConfiguration,
-  u2 as useGetAllDevices,
-  w6 as useGetCurrentPopoverIdForGroup,
-  _ as useGetDevice,
-  Z6 as useGetIBasicVolumeWithFeedback,
-  a6 as useGetRoomDisplayStates,
-  u6 as useGetZoomRoomControllerKey,
-  x3 as useIBasicVolumeWithFeedback,
-  I6 as useIChannel,
-  y6 as useIColor,
-  R6 as useICommunicationMonitor,
-  _6 as useIDPad,
-  E6 as useIDeviceInfoMessenger,
-  T6 as useIDspPresets,
-  L6 as useIDvr,
-  P6 as useIEssentialsRoomCombiner,
-  M3 as useIHasPowerControl,
-  $1 as useIHasSelectableItems,
-  $6 as useIHumiditySensor,
-  D6 as useILevelControls,
-  A6 as useILightingScenes,
-  B6 as useIMatrixRouting,
-  O6 as useIMcCiscoCodecUserInterfaceAppControl,
-  V6 as useINumeric,
-  k6 as useIProjectorScreenLiftControl,
-  U6 as useIRoomEventSchedule,
-  F6 as useIRunDefaultPresentRoute,
-  W6 as useIRunDirectRouteAction,
-  H6 as useIRunRouteAction,
-  K6 as useISetTopBoxControls,
-  G6 as useIShadesOpenCloseStop,
-  q6 as useIShutdownPromptTimer,
-  Y6 as useISwitchedOutput,
-  z6 as useITechPassword,
-  J6 as useITemperatureSensor,
-  X6 as useITheme,
-  Q6 as useITransport,
-  T2 as useInitialize,
-  v6 as useIsTouchpanel,
-  G8 as useLogoPath,
-  N6 as useMobileControlTouchpanelController,
-  se as useOverflow,
-  q8 as usePartnerMetadata,
-  U2 as usePressHoldRelease,
-  l6 as useRoomAdvancedSharingActive,
-  X8 as useRoomAudioControlPointList,
-  s6 as useRoomCodecContentDestinationKey,
-  Y8 as useRoomConfiguration,
-  N8 as useRoomDestinationList,
-  Q8 as useRoomDestinations,
-  e6 as useRoomEnvironmentalDevices,
-  oe as useRoomIBasicVolumeWithFeedback,
-  o6 as useRoomInCall,
-  r6 as useRoomIsCoolingDown,
-  c6 as useRoomIsOn,
-  n6 as useRoomIsWarmingUp,
-  S2 as useRoomKey,
-  j2 as useRoomLevelControls,
-  z8 as useRoomName,
-  t6 as useRoomProgramAudioDestinationKey,
-  i6 as useRoomShareState,
-  J8 as useRoomSourceList,
-  D1 as useRoomState,
-  Z2 as useRoomVolume,
-  d6 as useRuntimeInfo,
-  ne as useScroll,
-  R2 as useServerIsRunningOnProcessorHardware,
-  f6 as useShowIncomingCallModal,
-  p6 as useShowModal,
-  x6 as useShowPopoverById,
-  _2 as useShowReconnect,
-  g6 as useShowShutdownModal,
-  re as useSystemControl,
-  I2 as useSystemUuid,
-  M6 as useTheme,
-  ce as useTimeAndDate,
-  h6 as useTouchpanelKey,
-  ee as useTwoWayDisplayBase,
-  y2 as useUserCode,
-  S as useWebsocketContext,
-  C2 as useWsIsConnected
+  u8 as useClientId,
+  y8 as useDeviceIBasicVolumeWithFeedback,
+  he as useDevicePresetsModel,
+  ve as useEndpoint,
+  g8 as useError,
+  We as useGetAllDeviceStateFromRoomConfiguration,
+  m2 as useGetAllDevices,
+  $6 as useGetAllRooms,
+  ce as useGetCurrentPopoverIdForGroup,
+  T as useGetDevice,
+  ae as useGetIBasicVolumeWithFeedback,
+  A6 as useGetRoom,
+  X6 as useGetRoomDisplayStates,
+  Q6 as useGetZoomRoomControllerKey,
+  C3 as useIBasicVolumeWithFeedback,
+  ge as useIChannel,
+  fe as useIColor,
+  pe as useICommunicationMonitor,
+  xe as useIDPad,
+  we as useIDeviceInfoMessenger,
+  Me as useIDspPresets,
+  me as useIDvr,
+  Ze as useIEssentialsRoomCombiner,
+  S3 as useIHasPowerControl,
+  V1 as useIHasSelectableItems,
+  je as useIHumiditySensor,
+  Ce as useILevelControls,
+  Se as useILightingScenes,
+  be as useIMatrixRouting,
+  Ie as useIMcCiscoCodecUserInterfaceAppControl,
+  Re as useINumeric,
+  ye as useIProjectorScreenLiftControl,
+  Ee as useIRoomEventSchedule,
+  _e as useIRunDefaultPresentRoute,
+  Te as useIRunDirectRouteAction,
+  Le as useIRunRouteAction,
+  Pe as useISetTopBoxControls,
+  De as useIShadesOpenCloseStop,
+  $e as useIShutdownPromptTimer,
+  Ae as useISwitchedOutput,
+  Be as useITechPassword,
+  Oe as useITemperatureSensor,
+  Ve as useITheme,
+  ke as useITransport,
+  p8 as useInitialize,
+  te as useIsTouchpanel,
+  L6 as useLogoPath,
+  Ue as useMobileControlTouchpanelController,
+  He as useOverflow,
+  P6 as usePartnerMetadata,
+  R8 as usePressHoldRelease,
+  z6 as useRoomAdvancedSharingActive,
+  V6 as useRoomAudioControlPointList,
+  H6 as useRoomCodecContentDestinationKey,
+  D6 as useRoomConfiguration,
+  U6 as useRoomDestinationList,
+  k6 as useRoomDestinations,
+  F6 as useRoomEnvironmentalDevices,
+  Ke as useRoomIBasicVolumeWithFeedback,
+  K6 as useRoomInCall,
+  q6 as useRoomIsCoolingDown,
+  Y6 as useRoomIsOn,
+  G6 as useRoomIsWarmingUp,
+  a8 as useRoomKey,
+  Q2 as useRoomLevelControls,
+  B6 as useRoomName,
+  W6 as useRoomProgramAudioDestinationKey,
+  J6 as useRoomShareState,
+  O6 as useRoomSourceList,
+  j1 as useRoomState,
+  X2 as useRoomVolume,
+  N6 as useRuntimeInfo,
+  Ge as useScroll,
+  v8 as useServerIsRunningOnProcessorHardware,
+  ne as useShowIncomingCallModal,
+  oe as useShowModal,
+  re as useShowPopoverById,
+  f8 as useShowReconnect,
+  se as useShowShutdownModal,
+  qe as useSystemControl,
+  d8 as useSystemUuid,
+  le as useTheme,
+  Ye as useTimeAndDate,
+  ee as useTouchpanelKey,
+  Fe as useTwoWayDisplayBase,
+  h8 as useUserCode,
+  b as useWebsocketContext,
+  i8 as useWsIsConnected
 };