@pepperdash/mobile-control-react-app-core 1.5.0 → 1.7.0

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

@@ -1,12 +1,12 @@
-var O1 = Object.defineProperty;
-var P1 = (t, e, r) => e in t ? O1(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var B = (t, e, r) => (P1(t, typeof e != "symbol" ? e + "" : e, r), r);
-import V1 from "axios";
-import { createSlice as X, combineReducers as F1, configureStore as q3, createSelector as k1 } from "@reduxjs/toolkit";
-import { useSelector as U1, useDispatch as W1, Provider as H1 } from "react-redux";
-import * as Y3 from "lodash";
-import K3, { createContext as G1, useContext as q1, useState as o3, useRef as s3, useCallback as U3, useEffect as J } from "react";
-const Y1 = {
+var U1 = Object.defineProperty;
+var H1 = (t, e, r) => e in t ? U1(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var _ = (t, e, r) => (H1(t, typeof e != "symbol" ? e + "" : e, r), r);
+import K1 from "axios";
+import { createSlice as o3, combineReducers as G1, configureStore as n1, createSelector as q1 } from "@reduxjs/toolkit";
+import { useSelector as Y1, useDispatch as J1, Provider as z1 } from "react-redux";
+import * as r1 from "lodash";
+import o1, { createContext as X1, useState as d3, useRef as r3, useCallback as a3, useEffect as n3, useContext as Q1 } from "react";
+const N1 = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -16,29 +16,29 @@ const Y1 = {
     loginMode: "",
     modes: {}
   }
-}, z3 = X({
+}, s1 = o3({
   name: "appConfig",
-  initialState: Y1,
+  initialState: N1,
   reducers: {
     setAppConfig(t, e) {
       t.config = e.payload;
     }
   }
-}), K1 = z3.actions, z1 = z3.reducer, J1 = {}, J3 = X({
+}), e2 = s1.actions, t2 = s1.reducer, n2 = {}, c1 = o3({
   name: "devices",
-  initialState: J1,
+  initialState: n2,
   reducers: {
     setDeviceState(t, e) {
       const r = e.payload.type, s = r.slice(r.lastIndexOf("/") + 1);
       if (!s)
         return;
-      const l = e.payload.content, a = t[s] ?? {}, d = Y3.merge(a, l);
-      return t[s] = d, t;
+      const l = e.payload.content, a = t[s] ?? {}, u = r1.merge(a, l);
+      return t[s] = u, t;
     }
   }
-}), X1 = J3.actions, Q1 = J3.reducer, N1 = {}, X3 = X({
+}), r2 = c1.actions, o2 = c1.reducer, s2 = {}, l1 = o3({
   name: "rooms",
-  initialState: N1,
+  initialState: s2,
   reducers: {
     setRoomState(t, e) {
       const r = e.payload.type, s = r.slice(r.lastIndexOf("/") + 1);
@@ -46,11 +46,11 @@ const Y1 = {
         return;
       const l = e.payload.content;
       console.log(l);
-      const a = t[s] ?? {}, d = Y3.merge(a, l);
-      return t[s] = d, console.log(t), t;
+      const a = t[s] ?? {}, u = r1.merge(a, l);
+      return t[s] = u, console.log(t), t;
     }
   }
-}), e2 = X3.actions, t2 = X3.reducer, n2 = {
+}), c2 = l1.actions, l2 = l1.reducer, i2 = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -69,9 +69,9 @@ const Y1 = {
     userCode: "",
     qrUrl: ""
   }
-}, Q3 = X({
+}, i1 = o3({
   name: "runtimeConfig",
-  initialState: n2,
+  initialState: i2,
   reducers: {
     setRuntimeConfig(t, e) {
       t.apiVersion = e.payload.apiVersion, t.serverIsRunningOnProcessorHardware = e.payload.serverIsRunningOnProcessorHardware;
@@ -95,15 +95,15 @@ const Y1 = {
       t.roomData.userCode = e.payload.userCode, t.roomData.qrUrl = e.payload.qrUrl;
     }
   }
-}), H = Q3.actions, r2 = Q3.reducer, o2 = {
+}), K = i1.actions, a2 = i1.reducer, u2 = {
   modalVisibility: {
     showShutdownModal: !1,
     showIncomingCallModal: !1
   },
   popoverVisibility: {}
-}, N3 = X({
+}, a1 = o3({
   name: "ui",
-  initialState: o2,
+  initialState: u2,
   reducers: {
     clearAllModals(t) {
       Object.entries(t.modalVisibility).forEach(([e]) => {
@@ -125,99 +125,99 @@ const Y1 = {
       }), t.popoverVisibility[e.payload.popoverGroup][e.payload.popoverId] = e.payload.value;
     }
   }
-}), Z8 = N3.actions, s2 = N3.reducer, e1 = F1({
-  appConfig: z1,
-  runtimeConfig: r2,
-  rooms: t2,
-  devices: Q1,
-  ui: s2
-}), c2 = q3({
-  reducer: e1
-}), M = U1, l2 = () => M((t) => t.appConfig.config), j8 = () => M((t) => t.appConfig.config.apiPath), i2 = () => M((t) => t.devices);
-function T(t) {
-  return M((e) => e.devices[t] ? e.devices[t] : void 0);
+}), E8 = a1.actions, d2 = a1.reducer, u1 = G1({
+  appConfig: t2,
+  runtimeConfig: a2,
+  rooms: l2,
+  devices: o2,
+  ui: d2
+}), v2 = n1({
+  reducer: u1
+}), Z = Y1, h2 = () => Z((t) => t.appConfig.config), _8 = () => Z((t) => t.appConfig.config.apiPath), g2 = () => Z((t) => t.devices);
+function $(t) {
+  return Z((e) => e.devices[t] ? e.devices[t] : void 0);
 }
-const C8 = (t) => M(
+const L8 = (t) => Z(
   (e) => {
     var r;
     return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.configuration : void 0;
   }
-), a2 = (t) => M(
+), R3 = (t) => Z(
   (e) => e.rooms[t] ? e.rooms[t] : void 0
-), S8 = (t) => M(
+), $8 = (t) => Z(
   (e) => {
     var r;
     return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.name : void 0;
   }
-), u2 = (t, e) => M(
+), f2 = (t, e) => Z(
   (r) => {
     var s;
     return r.rooms[t] ? (s = r.rooms[t]) == null ? void 0 : s.volumes[e] : void 0;
   }
-), b8 = (t) => M(
+), A8 = (t) => Z(
   (e) => {
     var r, s;
     return e.rooms[t] ? (s = (r = e.rooms[t]) == null ? void 0 : r.configuration) == null ? void 0 : s.sourceList : void 0;
   }
-), I8 = (t) => M(
+), B8 = (t) => Z(
   (e) => {
     var r, s;
     return e.rooms[t] ? (s = (r = e.rooms[t]) == null ? void 0 : r.configuration) == null ? void 0 : s.destinations : void 0;
   }
-), y8 = (t) => M(
+), T8 = (t) => Z(
   (e) => {
     var r, s;
     return e.rooms[t] ? (s = (r = e.rooms[t]) == null ? void 0 : r.configuration) == null ? void 0 : s.destinationList : void 0;
   }
-), R8 = (t) => M(
+), D8 = (t) => Z(
   (e) => {
     var r, s;
     return e.rooms[t] ? (s = (r = e.rooms[t]) == null ? void 0 : r.configuration) == null ? void 0 : s.environmentalDevices : void 0;
   }
-), E8 = (t) => M(
+), P8 = (t) => Z(
   (e) => {
-    var r, s, l, a, d, f, u, C;
-    return (s = (r = e.rooms[t]) == null ? void 0 : r.configuration) != null && s.destinationList.programAudio ? (d = (a = (l = e.rooms[t]) == null ? void 0 : l.configuration) == null ? void 0 : a.destinationList.programAudio) == null ? void 0 : d.sinkKey : ((C = (u = (f = e.rooms[t]) == null ? void 0 : f.configuration) == null ? void 0 : u.destinationList.defaultDisplay) == null ? void 0 : C.sinkKey) || "";
+    var r, s, l, a, u, f, d, C;
+    return (s = (r = e.rooms[t]) == null ? void 0 : r.configuration) != null && s.destinationList.programAudio ? (u = (a = (l = e.rooms[t]) == null ? void 0 : l.configuration) == null ? void 0 : a.destinationList.programAudio) == null ? void 0 : u.sinkKey : ((C = (d = (f = e.rooms[t]) == null ? void 0 : f.configuration) == null ? void 0 : d.destinationList.defaultDisplay) == null ? void 0 : C.sinkKey) || "";
   }
-), _8 = (t) => M(
+), O8 = (t) => Z(
   (e) => {
     var r, s, l;
     return e.rooms[t] ? (l = (s = (r = e.rooms[t]) == null ? void 0 : r.configuration) == null ? void 0 : s.destinationList.codecContent) == null ? void 0 : l.sinkKey : void 0;
   }
-), L8 = (t) => M(
+), V8 = (t) => Z(
   (e) => {
     var r;
     return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.isInCall : void 0;
   }
-), B8 = (t) => M(
+), F8 = (t) => Z(
   (e) => {
     var r;
     return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.isWarmingUp : void 0;
   }
-), T8 = (t) => M(
+), k8 = (t) => Z(
   (e) => {
     var r;
     return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.isCoolingDown : void 0;
   }
-), A8 = (t) => M(
+), W8 = (t) => Z(
   (e) => {
     var r;
     return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.isOn : void 0;
   }
-), D8 = (t) => M(
+), U8 = (t) => Z(
   (e) => {
     var r;
     return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.advancedSharingActive : void 0;
   }
-), $8 = (t) => M(
+), H8 = (t) => Z(
   (e) => {
     var r;
     return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.share : void 0;
   }
-), O8 = (t) => k1(
+), K8 = (t) => q1(
   [
     (e, r) => r,
-    i2,
+    g2,
     (e) => {
       var r, s;
       return (s = (r = e.rooms[t]) == null ? void 0 : r.configuration) == null ? void 0 : s.destinations;
@@ -226,36 +226,36 @@ const C8 = (t) => M(
   (e, r, s) => {
     if (console.log("roomKey", e), console.log("devices", r), console.log("destinations", s), !s)
       return;
-    const l = Object.entries(s).filter(([d]) => d !== "programAudio" && d !== "codecContent").map(([, d]) => d);
-    return Object.values(r).filter((d) => Object.values(l).includes(d.key));
+    const l = Object.entries(s).filter(([u]) => u !== "programAudio" && u !== "codecContent").map(([, u]) => u);
+    return Object.values(r).filter((u) => Object.values(l).includes(u.key));
   }
-)(c2.getState(), t), P8 = (t) => M(
+)(v2.getState(), t), G8 = (t) => Z(
   (e) => {
     var r, s;
     return e.rooms[t] ? (s = (r = e.rooms[t]) == null ? void 0 : r.configuration) == null ? void 0 : s.zoomRoomControllerKey : void 0;
   }
-), v2 = () => M((t) => t.runtimeConfig.websocket.isConnected), d2 = () => M((t) => t.runtimeConfig.roomData.roomKey), h2 = () => M((t) => t.runtimeConfig.roomData.clientId), V8 = () => M((t) => t.ui.modalVisibility.showShutdownModal), F8 = () => M((t) => t.ui.modalVisibility.showIncomingCallModal), k8 = (t) => M((e) => e.ui.modalVisibility[t]), U8 = (t) => M((e) => {
+), w2 = () => Z((t) => t.runtimeConfig.websocket.isConnected), p2 = () => Z((t) => t.runtimeConfig.roomData.roomKey), x2 = () => Z((t) => t.runtimeConfig.roomData.clientId), q8 = () => Z((t) => t.ui.modalVisibility.showShutdownModal), Y8 = () => Z((t) => t.ui.modalVisibility.showIncomingCallModal), J8 = (t) => Z((e) => e.ui.modalVisibility[t]), z8 = (t) => Z((e) => {
   const r = e.ui.popoverVisibility[t];
   if (r)
     return Object.keys(r).find((s) => r[s]);
-}), W8 = (t, e) => M((r) => {
+}), X8 = (t, e) => Z((r) => {
   var s;
   return (s = r.ui.popoverVisibility[t]) == null ? void 0 : s[e];
-}), F = q3({
-  reducer: e1
-}), g2 = W1, f3 = V1.create();
-function f2() {
-  const t = g2();
+}), F = n1({
+  reducer: u1
+}), M2 = J1, b3 = K1.create();
+function m2() {
+  const t = M2();
   return async () => {
     try {
       const e = location.pathname.split("/").filter((l) => l.length > 0);
       e.length >= 5 ? e.length = 5 : e.length = 2;
-      const r = `/${e.join("/")}`, s = await f3.get("/_local-config/_config.local.json", { baseURL: r });
+      const r = `/${e.join("/")}`, s = await b3.get("/_local-config/_config.local.json", { baseURL: r });
       if (s.status == 200 && s.data) {
         const l = s.data.apiPath;
-        t(K1.setAppConfig(s.data));
-        const a = await f3.get(`${l}/version`);
-        a.status == 200 && a.data && t(H.setRuntimeConfig(a.data));
+        t(e2.setAppConfig(s.data));
+        const a = await b3.get(`${l}/version`);
+        a.status == 200 && a.data && t(K.setRuntimeConfig(a.data));
       }
     } catch (e) {
       console.error("Error getting config", e);
@@ -263,7 +263,7 @@ function f2() {
     return !0;
   };
 }
-var w3 = { exports: {} }, Y = {};
+var I3 = { exports: {} }, N = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -273,57 +273,57 @@ var w3 = { exports: {} }, Y = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var W3;
-function w2() {
-  return W3 || (W3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = K3, e = Symbol.for("react.element"), r = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), f = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), $ = Symbol.for("react.offscreen"), A = Symbol.iterator, S = "@@iterator";
-    function O(o) {
+var N3;
+function Z2() {
+  return N3 || (N3 = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = o1, e = Symbol.for("react.element"), r = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), f = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), V = Symbol.iterator, G = "@@iterator";
+    function q(o) {
       if (o === null || typeof o != "object")
         return null;
-      var c = A && o[A] || o[S];
+      var c = V && o[V] || o[G];
       return typeof c == "function" ? c : null;
     }
-    var E = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function m(o) {
+    var m = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function g(o) {
       {
         for (var c = arguments.length, i = new Array(c > 1 ? c - 1 : 0), v = 1; v < c; v++)
           i[v - 1] = arguments[v];
-        o1("error", o, i);
+        O("error", o, i);
       }
     }
-    function o1(o, c, i) {
+    function O(o, c, i) {
       {
-        var v = E.ReactDebugCurrentFrame, p = v.getStackAddendum();
-        p !== "" && (c += "%s", i = i.concat([p]));
-        var Z = i.map(function(w) {
-          return String(w);
+        var v = m.ReactDebugCurrentFrame, x = v.getStackAddendum();
+        x !== "" && (c += "%s", i = i.concat([x]));
+        var j = i.map(function(p) {
+          return String(p);
         });
-        Z.unshift("Warning: " + c), Function.prototype.apply.call(console[o], console, Z);
+        j.unshift("Warning: " + c), Function.prototype.apply.call(console[o], console, j);
       }
     }
-    var s1 = !1, c1 = !1, l1 = !1, i1 = !1, a1 = !1, x3;
-    x3 = Symbol.for("react.module.reference");
-    function u1(o) {
-      return !!(typeof o == "string" || typeof o == "function" || o === s || o === a || a1 || o === l || o === C || o === j || i1 || o === $ || s1 || c1 || l1 || typeof o == "object" && o !== null && (o.$$typeof === R || o.$$typeof === y || o.$$typeof === d || o.$$typeof === f || o.$$typeof === u || // This needs to include all possible module reference object
+    var Y = !1, R = !1, J = !1, v3 = !1, h3 = !1, E3;
+    E3 = Symbol.for("react.module.reference");
+    function g1(o) {
+      return !!(typeof o == "string" || typeof o == "function" || o === s || o === a || h3 || o === l || o === C || o === S || v3 || o === T || Y || R || J || typeof o == "object" && o !== null && (o.$$typeof === A || o.$$typeof === b || o.$$typeof === u || o.$$typeof === f || o.$$typeof === d || // 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.
-      o.$$typeof === x3 || o.getModuleId !== void 0));
+      o.$$typeof === E3 || o.getModuleId !== void 0));
     }
-    function v1(o, c, i) {
+    function f1(o, c, i) {
       var v = o.displayName;
       if (v)
         return v;
-      var p = c.displayName || c.name || "";
-      return p !== "" ? i + "(" + p + ")" : i;
+      var x = c.displayName || c.name || "";
+      return x !== "" ? i + "(" + x + ")" : i;
     }
-    function M3(o) {
+    function _3(o) {
       return o.displayName || "Context";
     }
     function P(o) {
       if (o == null)
         return null;
-      if (typeof o.tag == "number" && m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
+      if (typeof o.tag == "number" && g("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;
@@ -338,26 +338,26 @@ function w2() {
           return "StrictMode";
         case C:
           return "Suspense";
-        case j:
+        case S:
           return "SuspenseList";
       }
       if (typeof o == "object")
         switch (o.$$typeof) {
           case f:
             var c = o;
-            return M3(c) + ".Consumer";
-          case d:
-            var i = o;
-            return M3(i._context) + ".Provider";
+            return _3(c) + ".Consumer";
           case u:
-            return v1(o, o.render, "ForwardRef");
-          case y:
+            var i = o;
+            return _3(i._context) + ".Provider";
+          case d:
+            return f1(o, o.render, "ForwardRef");
+          case b:
             var v = o.displayName || null;
             return v !== null ? v : P(o.type) || "Memo";
-          case R: {
-            var p = o, Z = p._payload, w = p._init;
+          case A: {
+            var x = o, j = x._payload, p = x._init;
             try {
-              return P(w(Z));
+              return P(p(j));
             } catch {
               return null;
             }
@@ -365,18 +365,18 @@ function w2() {
         }
       return null;
     }
-    var k = Object.assign, G = 0, m3, Z3, j3, C3, S3, b3, I3;
-    function y3() {
+    var k = Object.assign, z = 0, L3, $3, A3, B3, T3, D3, P3;
+    function O3() {
     }
-    y3.__reactDisabledLog = !0;
-    function d1() {
+    O3.__reactDisabledLog = !0;
+    function w1() {
       {
-        if (G === 0) {
-          m3 = console.log, Z3 = console.info, j3 = console.warn, C3 = console.error, S3 = console.group, b3 = console.groupCollapsed, I3 = console.groupEnd;
+        if (z === 0) {
+          L3 = console.log, $3 = console.info, A3 = console.warn, B3 = console.error, T3 = console.group, D3 = console.groupCollapsed, P3 = console.groupEnd;
           var o = {
             configurable: !0,
             enumerable: !0,
-            value: y3,
+            value: O3,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -389,12 +389,12 @@ function w2() {
             groupEnd: o
           });
         }
-        G++;
+        z++;
       }
     }
-    function h1() {
+    function p1() {
       {
-        if (G--, G === 0) {
+        if (z--, z === 0) {
           var o = {
             configurable: !0,
             enumerable: !0,
@@ -402,241 +402,241 @@ function w2() {
           };
           Object.defineProperties(console, {
             log: k({}, o, {
-              value: m3
+              value: L3
             }),
             info: k({}, o, {
-              value: Z3
+              value: $3
             }),
             warn: k({}, o, {
-              value: j3
+              value: A3
             }),
             error: k({}, o, {
-              value: C3
+              value: B3
             }),
             group: k({}, o, {
-              value: S3
+              value: T3
             }),
             groupCollapsed: k({}, o, {
-              value: b3
+              value: D3
             }),
             groupEnd: k({}, o, {
-              value: I3
+              value: P3
             })
           });
         }
-        G < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        z < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var c3 = E.ReactCurrentDispatcher, l3;
-    function Q(o, c, i) {
+    var g3 = m.ReactCurrentDispatcher, f3;
+    function s3(o, c, i) {
       {
-        if (l3 === void 0)
+        if (f3 === void 0)
           try {
             throw Error();
-          } catch (p) {
-            var v = p.stack.trim().match(/\n( *(at )?)/);
-            l3 = v && v[1] || "";
+          } catch (x) {
+            var v = x.stack.trim().match(/\n( *(at )?)/);
+            f3 = v && v[1] || "";
           }
         return `
-` + l3 + o;
+` + f3 + o;
       }
     }
-    var i3 = !1, N;
+    var w3 = !1, c3;
     {
-      var g1 = typeof WeakMap == "function" ? WeakMap : Map;
-      N = new g1();
+      var x1 = typeof WeakMap == "function" ? WeakMap : Map;
+      c3 = new x1();
     }
-    function R3(o, c) {
-      if (!o || i3)
+    function V3(o, c) {
+      if (!o || w3)
         return "";
       {
-        var i = N.get(o);
+        var i = c3.get(o);
         if (i !== void 0)
           return i;
       }
       var v;
-      i3 = !0;
-      var p = Error.prepareStackTrace;
+      w3 = !0;
+      var x = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var Z;
-      Z = c3.current, c3.current = null, d1();
+      var j;
+      j = g3.current, g3.current = null, w1();
       try {
         if (c) {
-          var w = function() {
+          var p = function() {
             throw Error();
           };
-          if (Object.defineProperty(w.prototype, "props", {
+          if (Object.defineProperty(p.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(w, []);
-            } catch (V) {
-              v = V;
+              Reflect.construct(p, []);
+            } catch (B) {
+              v = B;
             }
-            Reflect.construct(o, [], w);
+            Reflect.construct(o, [], p);
           } else {
             try {
-              w.call();
-            } catch (V) {
-              v = V;
+              p.call();
+            } catch (B) {
+              v = B;
             }
-            o.call(w.prototype);
+            o.call(p.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (V) {
-            v = V;
+          } catch (B) {
+            v = B;
           }
           o();
         }
-      } catch (V) {
-        if (V && v && typeof V.stack == "string") {
-          for (var g = V.stack.split(`
+      } catch (B) {
+        if (B && v && typeof B.stack == "string") {
+          for (var w = B.stack.split(`
 `), L = v.stack.split(`
-`), b = g.length - 1, I = L.length - 1; b >= 1 && I >= 0 && g[b] !== L[I]; )
-            I--;
-          for (; b >= 1 && I >= 0; b--, I--)
-            if (g[b] !== L[I]) {
-              if (b !== 1 || I !== 1)
+`), I = w.length - 1, y = L.length - 1; I >= 1 && y >= 0 && w[I] !== L[y]; )
+            y--;
+          for (; I >= 1 && y >= 0; I--, y--)
+            if (w[I] !== L[y]) {
+              if (I !== 1 || y !== 1)
                 do
-                  if (b--, I--, I < 0 || g[b] !== L[I]) {
+                  if (I--, y--, y < 0 || w[I] !== L[y]) {
                     var D = `
-` + g[b].replace(" at new ", " at ");
-                    return o.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", o.displayName)), typeof o == "function" && N.set(o, D), D;
+` + w[I].replace(" at new ", " at ");
+                    return o.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", o.displayName)), typeof o == "function" && c3.set(o, D), D;
                   }
-                while (b >= 1 && I >= 0);
+                while (I >= 1 && y >= 0);
               break;
             }
         }
       } finally {
-        i3 = !1, c3.current = Z, h1(), Error.prepareStackTrace = p;
+        w3 = !1, g3.current = j, p1(), Error.prepareStackTrace = x;
       }
-      var W = o ? o.displayName || o.name : "", k3 = W ? Q(W) : "";
-      return typeof o == "function" && N.set(o, k3), k3;
+      var H = o ? o.displayName || o.name : "", W = H ? s3(H) : "";
+      return typeof o == "function" && c3.set(o, W), W;
     }
-    function f1(o, c, i) {
-      return R3(o, !1);
+    function M1(o, c, i) {
+      return V3(o, !1);
     }
-    function w1(o) {
+    function m1(o) {
       var c = o.prototype;
       return !!(c && c.isReactComponent);
     }
-    function e3(o, c, i) {
+    function l3(o, c, i) {
       if (o == null)
         return "";
       if (typeof o == "function")
-        return R3(o, w1(o));
+        return V3(o, m1(o));
       if (typeof o == "string")
-        return Q(o);
+        return s3(o);
       switch (o) {
         case C:
-          return Q("Suspense");
-        case j:
-          return Q("SuspenseList");
+          return s3("Suspense");
+        case S:
+          return s3("SuspenseList");
       }
       if (typeof o == "object")
         switch (o.$$typeof) {
-          case u:
-            return f1(o.render);
-          case y:
-            return e3(o.type, c, i);
-          case R: {
-            var v = o, p = v._payload, Z = v._init;
+          case d:
+            return M1(o.render);
+          case b:
+            return l3(o.type, c, i);
+          case A: {
+            var v = o, x = v._payload, j = v._init;
             try {
-              return e3(Z(p), c, i);
+              return l3(j(x), c, i);
             } catch {
             }
           }
         }
       return "";
     }
-    var t3 = Object.prototype.hasOwnProperty, E3 = {}, _3 = E.ReactDebugCurrentFrame;
-    function n3(o) {
+    var X = Object.prototype.hasOwnProperty, F3 = {}, k3 = m.ReactDebugCurrentFrame;
+    function i3(o) {
       if (o) {
-        var c = o._owner, i = e3(o.type, o._source, c ? c.type : null);
-        _3.setExtraStackFrame(i);
+        var c = o._owner, i = l3(o.type, o._source, c ? c.type : null);
+        k3.setExtraStackFrame(i);
       } else
-        _3.setExtraStackFrame(null);
+        k3.setExtraStackFrame(null);
     }
-    function p1(o, c, i, v, p) {
+    function Z1(o, c, i, v, x) {
       {
-        var Z = Function.call.bind(t3);
-        for (var w in o)
-          if (Z(o, w)) {
-            var g = void 0;
+        var j = Function.call.bind(X);
+        for (var p in o)
+          if (j(o, p)) {
+            var w = void 0;
             try {
-              if (typeof o[w] != "function") {
-                var L = Error((v || "React class") + ": " + i + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof o[p] != "function") {
+                var L = Error((v || "React class") + ": " + i + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw L.name = "Invariant Violation", L;
               }
-              g = o[w](c, w, v, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (b) {
-              g = b;
+              w = o[p](c, p, v, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (I) {
+              w = I;
             }
-            g && !(g instanceof Error) && (n3(p), m("%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", i, w, typeof g), n3(null)), g instanceof Error && !(g.message in E3) && (E3[g.message] = !0, n3(p), m("Failed %s type: %s", i, g.message), n3(null));
+            w && !(w instanceof Error) && (i3(x), g("%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", i, p, typeof w), i3(null)), w instanceof Error && !(w.message in F3) && (F3[w.message] = !0, i3(x), g("Failed %s type: %s", i, w.message), i3(null));
           }
       }
     }
-    var x1 = Array.isArray;
-    function a3(o) {
-      return x1(o);
+    var j1 = Array.isArray;
+    function p3(o) {
+      return j1(o);
     }
-    function M1(o) {
+    function S1(o) {
       {
         var c = typeof Symbol == "function" && Symbol.toStringTag, i = c && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return i;
       }
     }
-    function m1(o) {
+    function C1(o) {
       try {
-        return L3(o), !1;
+        return W3(o), !1;
       } catch {
         return !0;
       }
     }
-    function L3(o) {
+    function W3(o) {
       return "" + o;
     }
-    function B3(o) {
-      if (m1(o))
-        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", M1(o)), L3(o);
+    function U3(o) {
+      if (C1(o))
+        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", S1(o)), W3(o);
     }
-    var q = E.ReactCurrentOwner, Z1 = {
+    var Q = m.ReactCurrentOwner, b1 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, T3, A3, u3;
-    u3 = {};
-    function j1(o) {
-      if (t3.call(o, "ref")) {
+    }, H3, K3, x3;
+    x3 = {};
+    function I1(o) {
+      if (X.call(o, "ref")) {
         var c = Object.getOwnPropertyDescriptor(o, "ref").get;
         if (c && c.isReactWarning)
           return !1;
       }
       return o.ref !== void 0;
     }
-    function C1(o) {
-      if (t3.call(o, "key")) {
+    function y1(o) {
+      if (X.call(o, "key")) {
         var c = Object.getOwnPropertyDescriptor(o, "key").get;
         if (c && c.isReactWarning)
           return !1;
       }
       return o.key !== void 0;
     }
-    function S1(o, c) {
-      if (typeof o.ref == "string" && q.current && c && q.current.stateNode !== c) {
-        var i = P(q.current.type);
-        u3[i] || (m('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', P(q.current.type), o.ref), u3[i] = !0);
+    function R1(o, c) {
+      if (typeof o.ref == "string" && Q.current && c && Q.current.stateNode !== c) {
+        var i = P(Q.current.type);
+        x3[i] || (g('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', P(Q.current.type), o.ref), x3[i] = !0);
       }
     }
-    function b1(o, c) {
+    function E1(o, c) {
       {
         var i = function() {
-          T3 || (T3 = !0, m("%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)", c));
+          H3 || (H3 = !0, g("%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)", c));
         };
         i.isReactWarning = !0, Object.defineProperty(o, "key", {
           get: i,
@@ -644,10 +644,10 @@ function w2() {
         });
       }
     }
-    function I1(o, c) {
+    function _1(o, c) {
       {
         var i = function() {
-          A3 || (A3 = !0, m("%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)", c));
+          K3 || (K3 = !0, g("%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)", c));
         };
         i.isReactWarning = !0, Object.defineProperty(o, "ref", {
           get: i,
@@ -655,70 +655,70 @@ function w2() {
         });
       }
     }
-    var y1 = function(o, c, i, v, p, Z, w) {
-      var g = {
+    var L1 = function(o, c, i, v, x, j, p) {
+      var w = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
         // Built-in properties that belong on the element
         type: o,
         key: c,
         ref: i,
-        props: w,
+        props: p,
         // Record the component responsible for creating this element.
-        _owner: Z
+        _owner: j
       };
-      return g._store = {}, Object.defineProperty(g._store, "validated", {
+      return w._store = {}, Object.defineProperty(w._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(g, "_self", {
+      }), Object.defineProperty(w, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: v
-      }), Object.defineProperty(g, "_source", {
+      }), Object.defineProperty(w, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: p
-      }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
+        value: x
+      }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w;
     };
-    function R1(o, c, i, v, p) {
+    function $1(o, c, i, v, x) {
       {
-        var Z, w = {}, g = null, L = null;
-        i !== void 0 && (B3(i), g = "" + i), C1(c) && (B3(c.key), g = "" + c.key), j1(c) && (L = c.ref, S1(c, p));
-        for (Z in c)
-          t3.call(c, Z) && !Z1.hasOwnProperty(Z) && (w[Z] = c[Z]);
+        var j, p = {}, w = null, L = null;
+        i !== void 0 && (U3(i), w = "" + i), y1(c) && (U3(c.key), w = "" + c.key), I1(c) && (L = c.ref, R1(c, x));
+        for (j in c)
+          X.call(c, j) && !b1.hasOwnProperty(j) && (p[j] = c[j]);
         if (o && o.defaultProps) {
-          var b = o.defaultProps;
-          for (Z in b)
-            w[Z] === void 0 && (w[Z] = b[Z]);
+          var I = o.defaultProps;
+          for (j in I)
+            p[j] === void 0 && (p[j] = I[j]);
         }
-        if (g || L) {
-          var I = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
-          g && b1(w, I), L && I1(w, I);
+        if (w || L) {
+          var y = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
+          w && E1(p, y), L && _1(p, y);
         }
-        return y1(o, g, L, p, v, q.current, w);
+        return L1(o, w, L, x, v, Q.current, p);
       }
     }
-    var v3 = E.ReactCurrentOwner, D3 = E.ReactDebugCurrentFrame;
+    var M3 = m.ReactCurrentOwner, G3 = m.ReactDebugCurrentFrame;
     function U(o) {
       if (o) {
-        var c = o._owner, i = e3(o.type, o._source, c ? c.type : null);
-        D3.setExtraStackFrame(i);
+        var c = o._owner, i = l3(o.type, o._source, c ? c.type : null);
+        G3.setExtraStackFrame(i);
       } else
-        D3.setExtraStackFrame(null);
+        G3.setExtraStackFrame(null);
     }
-    var d3;
-    d3 = !1;
-    function h3(o) {
+    var m3;
+    m3 = !1;
+    function Z3(o) {
       return typeof o == "object" && o !== null && o.$$typeof === e;
     }
-    function $3() {
+    function q3() {
       {
-        if (v3.current) {
-          var o = P(v3.current.type);
+        if (M3.current) {
+          var o = P(M3.current.type);
           if (o)
             return `
 
@@ -727,7 +727,7 @@ Check the render method of \`` + o + "`.";
         return "";
       }
     }
-    function E1(o) {
+    function A1(o) {
       {
         if (o !== void 0) {
           var c = o.fileName.replace(/^.*[\\\/]/, ""), i = o.lineNumber;
@@ -738,10 +738,10 @@ Check your code at ` + c + ":" + i + ".";
         return "";
       }
     }
-    var O3 = {};
-    function _1(o) {
+    var Y3 = {};
+    function B1(o) {
       {
-        var c = $3();
+        var c = q3();
         if (!c) {
           var i = typeof o == "string" ? o : o.displayName || o.name;
           i && (c = `
@@ -751,39 +751,39 @@ Check the top-level render call using <` + i + ">.");
         return c;
       }
     }
-    function P3(o, c) {
+    function J3(o, c) {
       {
         if (!o._store || o._store.validated || o.key != null)
           return;
         o._store.validated = !0;
-        var i = _1(c);
-        if (O3[i])
+        var i = B1(c);
+        if (Y3[i])
           return;
-        O3[i] = !0;
+        Y3[i] = !0;
         var v = "";
-        o && o._owner && o._owner !== v3.current && (v = " It was passed a child from " + P(o._owner.type) + "."), U(o), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, v), U(null);
+        o && o._owner && o._owner !== M3.current && (v = " It was passed a child from " + P(o._owner.type) + "."), U(o), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, v), U(null);
       }
     }
-    function V3(o, c) {
+    function z3(o, c) {
       {
         if (typeof o != "object")
           return;
-        if (a3(o))
+        if (p3(o))
           for (var i = 0; i < o.length; i++) {
             var v = o[i];
-            h3(v) && P3(v, c);
+            Z3(v) && J3(v, c);
           }
-        else if (h3(o))
+        else if (Z3(o))
           o._store && (o._store.validated = !0);
         else if (o) {
-          var p = O(o);
-          if (typeof p == "function" && p !== o.entries)
-            for (var Z = p.call(o), w; !(w = Z.next()).done; )
-              h3(w.value) && P3(w.value, c);
+          var x = q(o);
+          if (typeof x == "function" && x !== o.entries)
+            for (var j = x.call(o), p; !(p = j.next()).done; )
+              Z3(p.value) && J3(p.value, c);
         }
       }
     }
-    function L1(o) {
+    function T1(o) {
       {
         var c = o.type;
         if (c == null || typeof c == "string")
@@ -791,76 +791,91 @@ Check the top-level render call using <` + i + ">.");
         var i;
         if (typeof c == "function")
           i = c.propTypes;
-        else if (typeof c == "object" && (c.$$typeof === u || // Note: Memo only checks outer props here.
+        else if (typeof c == "object" && (c.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        c.$$typeof === y))
+        c.$$typeof === b))
           i = c.propTypes;
         else
           return;
         if (i) {
           var v = P(c);
-          p1(i, o.props, "prop", v, o);
-        } else if (c.PropTypes !== void 0 && !d3) {
-          d3 = !0;
-          var p = P(c);
-          m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", p || "Unknown");
+          Z1(i, o.props, "prop", v, o);
+        } else if (c.PropTypes !== void 0 && !m3) {
+          m3 = !0;
+          var x = P(c);
+          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
         }
-        typeof c.getDefaultProps == "function" && !c.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof c.getDefaultProps == "function" && !c.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function B1(o) {
+    function D1(o) {
       {
         for (var c = Object.keys(o.props), i = 0; i < c.length; i++) {
           var v = c[i];
           if (v !== "children" && v !== "key") {
-            U(o), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), U(null);
+            U(o), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), U(null);
             break;
           }
         }
-        o.ref !== null && (U(o), m("Invalid attribute `ref` supplied to `React.Fragment`."), U(null));
+        o.ref !== null && (U(o), g("Invalid attribute `ref` supplied to `React.Fragment`."), U(null));
       }
     }
-    function F3(o, c, i, v, p, Z) {
+    var X3 = {};
+    function Q3(o, c, i, v, x, j) {
       {
-        var w = u1(o);
-        if (!w) {
-          var g = "";
-          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (g += " 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 L = E1(p);
-          L ? g += L : g += $3();
-          var b;
-          o === null ? b = "null" : a3(o) ? b = "array" : o !== void 0 && o.$$typeof === e ? (b = "<" + (P(o.type) || "Unknown") + " />", g = " Did you accidentally export a JSX literal instead of a component?") : b = typeof o, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", b, g);
-        }
-        var I = R1(o, c, i, p, Z);
-        if (I == null)
-          return I;
-        if (w) {
+        var p = g1(o);
+        if (!p) {
+          var w = "";
+          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (w += " 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 L = A1(x);
+          L ? w += L : w += q3();
+          var I;
+          o === null ? I = "null" : p3(o) ? I = "array" : o !== void 0 && o.$$typeof === e ? (I = "<" + (P(o.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : I = typeof o, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", I, w);
+        }
+        var y = $1(o, c, i, x, j);
+        if (y == null)
+          return y;
+        if (p) {
           var D = c.children;
           if (D !== void 0)
             if (v)
-              if (a3(D)) {
-                for (var W = 0; W < D.length; W++)
-                  V3(D[W], o);
+              if (p3(D)) {
+                for (var H = 0; H < D.length; H++)
+                  z3(D[H], o);
                 Object.freeze && Object.freeze(D);
               } else
-                m("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                g("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
-              V3(D, o);
+              z3(D, o);
+        }
+        if (X.call(c, "key")) {
+          var W = P(o), B = Object.keys(c).filter(function(W1) {
+            return W1 !== "key";
+          }), j3 = B.length > 0 ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!X3[W + j3]) {
+            var k1 = B.length > 0 ? "{" + B.join(": ..., ") + ": ...}" : "{}";
+            g(`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} />`, j3, W, k1, W), X3[W + j3] = !0;
+          }
         }
-        return o === s ? B1(I) : L1(I), I;
+        return o === s ? D1(y) : T1(y), y;
       }
     }
-    function T1(o, c, i) {
-      return F3(o, c, i, !0);
+    function P1(o, c, i) {
+      return Q3(o, c, i, !0);
     }
-    function A1(o, c, i) {
-      return F3(o, c, i, !1);
+    function O1(o, c, i) {
+      return Q3(o, c, i, !1);
     }
-    var D1 = A1, $1 = T1;
-    Y.Fragment = s, Y.jsx = D1, Y.jsxs = $1;
-  }()), Y;
+    var V1 = O1, F1 = P1;
+    N.Fragment = s, N.jsx = V1, N.jsxs = F1;
+  }()), N;
 }
-var K = {};
+var e3 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -870,129 +885,151 @@ var K = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var H3;
-function p2() {
-  if (H3)
-    return K;
-  H3 = 1;
-  var t = K3, e = Symbol.for("react.element"), r = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, l = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function d(f, u, C) {
-    var j, y = {}, R = null, $ = null;
-    C !== void 0 && (R = "" + C), u.key !== void 0 && (R = "" + u.key), u.ref !== void 0 && ($ = u.ref);
-    for (j in u)
-      s.call(u, j) && !a.hasOwnProperty(j) && (y[j] = u[j]);
+var e1;
+function j2() {
+  if (e1)
+    return e3;
+  e1 = 1;
+  var t = o1, e = Symbol.for("react.element"), r = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, l = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(f, d, C) {
+    var S, b = {}, A = null, T = null;
+    C !== void 0 && (A = "" + C), d.key !== void 0 && (A = "" + d.key), d.ref !== void 0 && (T = d.ref);
+    for (S in d)
+      s.call(d, S) && !a.hasOwnProperty(S) && (b[S] = d[S]);
     if (f && f.defaultProps)
-      for (j in u = f.defaultProps, u)
-        y[j] === void 0 && (y[j] = u[j]);
-    return { $$typeof: e, type: f, key: R, ref: $, props: y, _owner: l.current };
+      for (S in d = f.defaultProps, d)
+        b[S] === void 0 && (b[S] = d[S]);
+    return { $$typeof: e, type: f, key: A, ref: T, props: b, _owner: l.current };
   }
-  return K.Fragment = r, K.jsx = d, K.jsxs = d, K;
+  return e3.Fragment = r, e3.jsx = u, e3.jsxs = u, e3;
 }
-process.env.NODE_ENV === "production" ? w3.exports = p2() : w3.exports = w2();
-var n = w3.exports;
-const x2 = () => /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs("div", { className: "disconnected-message", children: [
+process.env.NODE_ENV === "production" ? I3.exports = j2() : I3.exports = Z2();
+var n = I3.exports;
+const S2 = () => /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs("div", { className: "disconnected-message", children: [
   /* @__PURE__ */ n.jsx("h1", { children: "Disconnected" }),
   /* @__PURE__ */ n.jsx("p", { children: "Reconnecting..." })
 ] }) });
-class M2 {
+class C2 {
   constructor() {
-    B(this, "uuid", "current-uuid");
-    B(this, "roomKey", "current-room-key");
-    B(this, "code", "current-code");
-    B(this, "expiry", "current-uuid-expires");
+    _(this, "uuid", "current-uuid");
+    _(this, "roomKey", "current-room-key");
+    _(this, "code", "current-code");
+    _(this, "expiry", "current-uuid-expires");
   }
 }
-const G3 = new M2();
-function m2(t) {
+const t1 = new C2(), d1 = X1({
+  sendMessage: () => null,
+  sendSimpleMessage: () => null,
+  addEventHandler: () => null,
+  removeEventHandler: () => null
+});
+function b2(t) {
   return sessionStorage.getItem(t) || "";
 }
-function Z2(t, e) {
+function I2(t, e) {
   sessionStorage.setItem(t, e);
 }
-function _() {
-  return q1(t1);
-}
-const t1 = G1({
-  sendMessage: () => null,
-  sendSimpleMessage: () => null
-}), j2 = ({ children: t }) => {
-  const [e, r] = o3(), s = v2(), l = d2(), a = h2(), d = f2(), f = l2(), u = s3(null), [C, j] = o3(), y = U3(
-    async (A) => {
-      await f3.get(`${A}/ui/joinroom?token=${e}`).then((S) => {
-        S.status === 200 && S.data && F.dispatch(H.setRoomData(S.data));
-      }).catch((S) => {
-        console.log(S);
+const y2 = ({ children: t }) => {
+  const [e, r] = d3(), s = w2(), l = p2(), a = x2(), u = m2(), f = h2(), d = r3(null), [C, S] = d3(), b = r3({}), A = a3(
+    async (m) => {
+      await b3.get(`${m}/ui/joinroom?token=${e}`).then((g) => {
+        g.status === 200 && g.data && F.dispatch(K.setRoomData(g.data));
+      }).catch((g) => {
+        console.log(g);
       });
     },
     [e]
-  ), R = U3(
-    (A, S) => {
-      u.current && s && u.current.send(JSON.stringify({ type: A, clientId: a, content: S }));
+  ), T = a3(
+    (m, g) => {
+      d.current && s && d.current.send(JSON.stringify({ type: m, clientId: a, content: g }));
     },
     [s, a]
-  ), $ = (A, S) => {
-    R(A, { value: S });
-  };
-  return J(() => {
-    let S = new URLSearchParams(window.location.search).get("token");
-    S ? (console.log("saving token: ", S), Z2(G3.uuid, S)) : (S = m2(G3.uuid), console.log("loading token: ", S)), r(S), d();
-  }, []), J(() => {
+  ), V = (m, g) => {
+    T(m, { value: g });
+  }, G = a3(
+    (m, g, O) => {
+      b.current[m] || (b.current[m] = {}), b.current[m][g] = O, console.log("event handler added", m, g);
+    },
+    []
+  ), q = a3(
+    (m, g) => {
+      b.current[m] && (delete b.current[m][g], console.log("event handler removed", m, g));
+    },
+    []
+  );
+  return n3(() => {
+    let g = new URLSearchParams(window.location.search).get("token");
+    g ? (console.log("saving token: ", g), I2(t1.uuid, g)) : (g = b2(t1.uuid), console.log("loading token: ", g)), r(g), u();
+  }, []), n3(() => {
     if (!(!f.apiPath || C || !e)) {
-      if (y(f.apiPath), !u.current) {
-        const S = `${f.apiPath.replace("http", "ws")}/ui/join/${e}`, O = new WebSocket(S);
-        u.current = O, O.onopen = () => {
-          console.log("connected"), F.dispatch(H.setWebsocketIsConnected(!0));
-        }, O.onerror = (E) => {
-          console.log(E);
+      if (A(f.apiPath), !d.current) {
+        const g = `${f.apiPath.replace("http", "ws")}/ui/join/${e}`, O = new WebSocket(g);
+        d.current = O, O.onopen = () => {
+          console.log("connected"), F.dispatch(K.setWebsocketIsConnected(!0));
+        }, O.onerror = (Y) => {
+          console.log(Y);
         }, O.onclose = () => {
-          if (console.log("disconnected"), u.current)
+          if (console.log("disconnected"), d.current)
             console.log("WebSocket closed by server.");
           else {
             console.log("WebSocket closed by client.");
             return;
           }
-          C || (F.dispatch(H.setWebsocketIsConnected(!1)), j(!0), setTimeout(() => j(void 0), 5e3));
-        }, O.onmessage = (E) => {
+          C || (F.dispatch(K.setWebsocketIsConnected(!1)), S(!0), setTimeout(() => S(void 0), 5e3));
+        }, O.onmessage = (Y) => {
           try {
-            const m = JSON.parse(E.data);
-            if (console.log(m), m.type.startsWith("/system/"))
-              switch (m.type) {
+            const R = JSON.parse(Y.data);
+            if (console.log(R), R.type.startsWith("/system/"))
+              switch (R.type) {
                 case "/system/roomKey":
                   F.dispatch(
-                    H.setCurrentRoomKey(
-                      m.content
+                    K.setCurrentRoomKey(
+                      R.content
                     )
                   );
                   break;
                 case "/system/userCodeChanged":
                   F.dispatch(
-                    H.setUserCode(m.content)
+                    K.setUserCode(R.content)
                   );
                   break;
               }
-            else
-              m.type.startsWith("/room/") ? F.dispatch(e2.setRoomState(m)) : m.type.startsWith("/device/") && F.dispatch(X1.setDeviceState(m));
-          } catch (m) {
-            console.log(m);
+            else if (R.type.startsWith("/event/")) {
+              console.log("event message received", R);
+              const J = b.current[R.type];
+              J || console.log("no handlers found for event type", R.type), J && Object.values(J).forEach((v3) => {
+                try {
+                  v3(R);
+                } catch (h3) {
+                  console.error(h3);
+                }
+              });
+            } else
+              R.type.startsWith("/room/") ? F.dispatch(c2.setRoomState(R)) : R.type.startsWith("/device/") && F.dispatch(r2.setDeviceState(R));
+          } catch (R) {
+            console.log(R);
           }
         };
       }
       return () => {
-        u.current && u.current.close(), u.current = null;
+        d.current && d.current.close(), d.current = null;
       };
     }
-  }, [f.apiPath, y, e, C]), J(() => {
-    l && R(`/room/${l}/status`, null);
-  }, [l, R]), /* @__PURE__ */ n.jsx(t1.Provider, { value: { sendMessage: R, sendSimpleMessage: $ }, children: s ? t : /* @__PURE__ */ n.jsx(x2, {}) });
-}, H8 = ({ children: t }) => /* @__PURE__ */ n.jsx(H1, { store: F, children: /* @__PURE__ */ n.jsx(j2, { children: t }) });
-function C2({
+  }, [f.apiPath, A, e, C]), n3(() => {
+    l && T(`/room/${l}/status`, null);
+  }, [l, T]), /* @__PURE__ */ n.jsx(d1.Provider, { value: { sendMessage: T, sendSimpleMessage: V, addEventHandler: G, removeEventHandler: q }, children: s ? t : /* @__PURE__ */ n.jsx(S2, {}) });
+}, Q8 = ({ children: t }) => /* @__PURE__ */ n.jsx(z1, { store: F, children: /* @__PURE__ */ n.jsx(y2, { children: t }) });
+function E() {
+  return Q1(d1);
+}
+function R2({
   onPress: t,
   onRelease: e,
   onHold: r,
   holdTimeMs: s = 500
 }) {
-  const l = s3(null), a = s3(!1);
-  function d() {
+  const l = r3(null), a = r3(!1);
+  function u() {
     a.current = !0, t == null || t(), l.current = setTimeout(() => {
       r == null || r(), l.current = null;
     }, s);
@@ -1000,57 +1037,57 @@ function C2({
   function f() {
     a.current = !1, e == null || e(), l.current && (clearTimeout(l.current), l.current = null);
   }
-  function u() {
+  function d() {
     a.current && f();
   }
   return {
-    onPointerDown: d,
+    onPointerDown: u,
     onPointerUp: f,
-    onPointerLeave: u
+    onPointerLeave: d
   };
 }
 function h(t, e) {
-  const { sendMessage: s } = _(), l = s3(null);
+  const { sendMessage: s } = E(), l = r3(null);
   function a() {
     s(`${t}/${e}`, { value: "pressed" }), l.current || (l.current = setInterval(() => {
       s(`${t}/${e}`, { value: "held" });
     }, 250));
   }
-  function d() {
+  function u() {
     l.current && (clearInterval(l.current), l.current = null), s(`${t}/${e}`, { value: "released" });
   }
-  return C2({ onPress: a, onRelease: d });
+  return R2({ onPress: a, onRelease: u });
 }
-function n1(t, e) {
-  const { sendMessage: r, sendSimpleMessage: s } = _(), l = h(`${t}`, "volumeUp"), a = h(`${t}`, "volumeDown");
+function v1(t, e) {
+  const { sendMessage: r, sendSimpleMessage: s } = E(), l = h(`${t}`, "volumeUp"), a = h(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
     volumeUp: l,
     volumeDown: a,
-    setLevel: (j) => s(`${t}/level`, j),
+    setLevel: (S) => s(`${t}/level`, S),
     muteToggle: () => r(`${t}/muteToggle`, null),
     muteOn: () => r(`${t}/muteOn`, null),
     muteOff: () => r(`${t}/muteOff`, null)
   } : void 0;
 }
-function G8(t, e) {
-  const { sendMessage: r, sendSimpleMessage: s } = _(), l = h(`${t}`, "volumeUp"), a = h(`${t}`, "volumeDown");
+function N8(t, e) {
+  const { sendMessage: r, sendSimpleMessage: s } = E(), l = h(`${t}`, "volumeUp"), a = h(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
     volumeUp: l,
     volumeDown: a,
-    setLevel: (j) => s(`${t}/level`, j),
+    setLevel: (S) => s(`${t}/level`, S),
     muteToggle: () => r(`${t}/muteToggle`, null),
     muteOn: () => r(`${t}/muteOn`, null),
     muteOff: () => r(`${t}/muteOff`, null)
   } : void 0;
 }
-function S2(t) {
-  const e = T(t), r = `/device/${t}`;
-  return n1(r, e == null ? void 0 : e.volume);
+function E2(t) {
+  const e = $(t), r = `/device/${t}`;
+  return v1(r, e == null ? void 0 : e.volume);
 }
-function r1(t) {
-  const { sendMessage: e } = _();
+function h1(t) {
+  const { sendMessage: e } = E();
   return { powerOn: () => {
     e(`/device/${t}/powerOn`, null);
   }, powerOff: () => {
@@ -1059,14 +1096,14 @@ function r1(t) {
     e(`/device/${t}/powerToggle`, null);
   } };
 }
-function p3(t) {
-  const { sendMessage: e } = _(), r = T(t);
+function y3(t) {
+  const { sendMessage: e } = E(), r = $(t);
   return console.log("deviceState", r), r ? { itemsState: r, selectItem: (l) => {
     e(`/device/${t}/${l}`, null);
   } } : void 0;
 }
-function b2(t) {
-  const { sendMessage: e } = _(), r = T(t), s = () => {
+function _2(t) {
+  const { sendMessage: e } = E(), r = $(t), s = () => {
     e(`/device/${t}/setDefaultChannelLevels`, null);
   }, l = () => {
     if ((r == null ? void 0 : r.levelControls) === void 0)
@@ -1077,101 +1114,101 @@ function b2(t) {
   };
   return r ? { levelControls: r.levelControls, setDefaultChannelLevels: s, getFullStatus: l } : void 0;
 }
-function q8(t) {
-  const e = T(t), r = r1(t), s = p3(t), l = p3(t), a = S2(t), d = b2(t);
+function e6(t) {
+  const e = $(t), r = h1(t), s = y3(t), l = y3(t), a = E2(t), u = _2(t);
   if (e)
     return {
       avrState: e,
       powerControl: r,
       inputControl: s,
       surroundSoundModes: l,
-      surroundChannels: d,
+      surroundChannels: u,
       mainVolumeControl: a
     };
 }
-function Y8(t) {
-  const e = T(t);
+function t6(t) {
+  const e = $(t);
   if (e)
     return { endpointState: e };
 }
-function K8(t) {
-  const e = `/device/${t}`, r = h(e, "chanUp"), s = h(e, "chanDown"), l = h(e, "lastChan"), a = h(e, "guide"), d = h(e, "info"), f = h(e, "exit");
-  return { channelUp: r, channelDown: s, lastChannel: l, guide: a, info: d, exit: f };
+function n6(t) {
+  const e = `/device/${t}`, r = h(e, "chanUp"), s = h(e, "chanDown"), l = h(e, "lastChan"), a = h(e, "guide"), u = h(e, "info"), f = h(e, "exit");
+  return { channelUp: r, channelDown: s, lastChannel: l, guide: a, info: u, exit: f };
 }
-function z8(t) {
+function r6(t) {
   const e = `/device/${t}`, r = h(e, "red"), s = h(e, "green"), l = h(e, "yellow"), a = h(e, "blue");
   return { red: r, green: s, yellow: l, blue: a };
 }
-function J8(t) {
-  const e = T(t);
+function o6(t) {
+  const e = $(t);
   if (e)
     return {
       communicationMonitorState: e
     };
 }
-function X8(t) {
-  const e = `/device/${t}`, r = h(e, "up"), s = h(e, "down"), l = h(e, "left"), a = h(e, "right"), d = h(e, "select"), f = h(e, "menu"), u = h(e, "exit");
-  return { up: r, down: s, left: l, right: a, select: d, menu: f, exit: u };
+function s6(t) {
+  const e = `/device/${t}`, r = h(e, "up"), s = h(e, "down"), l = h(e, "left"), a = h(e, "right"), u = h(e, "select"), f = h(e, "menu"), d = h(e, "exit");
+  return { up: r, down: s, left: l, right: a, select: u, menu: f, exit: d };
 }
-function Q8(t) {
-  const e = T(t);
+function c6(t) {
+  const e = $(t);
   if (e)
     return e.deviceInfo || void 0;
 }
-function N8(t) {
+function l6(t) {
   const e = `/device/${t}`, r = h(e, "dvrList"), s = h(e, "record");
   return { dvrList: r, record: s };
 }
-function e6(t) {
-  const { sendMessage: e, sendSimpleMessage: r } = _(), s = T(t);
+function i6(t) {
+  const { sendMessage: e, sendSimpleMessage: r } = E(), s = $(t);
   return s ? {
     levelState: s,
-    setLevel: (u, C) => r(`${u}/level`, C),
-    muteToggle: (u) => e(`${u}/muteToggle`, null),
-    muteOn: (u) => e(`${u}/muteOn`, null),
-    muteOff: (u) => e(`${u}/muteOff`, null)
+    setLevel: (d, C) => r(`${d}/level`, C),
+    muteToggle: (d) => e(`${d}/muteToggle`, null),
+    muteOn: (d) => e(`${d}/muteOn`, null),
+    muteOff: (d) => e(`${d}/muteOff`, null)
   } : void 0;
 }
-function t6(t) {
-  const { sendMessage: e } = _(), r = T(t);
+function a6(t) {
+  const { sendMessage: e } = E(), r = $(t);
   return r ? { lightingState: r, selectScene: (l) => {
     e(`/device/${t}/selectScene`, l);
   } } : void 0;
 }
-function n6(t) {
-  const { sendMessage: e } = _(), r = T(t);
+function u6(t) {
+  const { sendMessage: e } = E(), r = $(t);
   return r ? { matrixRoutingState: r, setRoute: (l) => {
     e(`/device/${t}/route`, l);
   } } : void 0;
 }
-function r6(t) {
-  const e = `/device/${t}`, r = h(e, "num0"), s = h(e, "num1"), l = h(e, "num2"), a = h(e, "num3"), d = h(e, "num4"), f = h(e, "num5"), u = h(e, "num6"), C = h(e, "num7"), j = h(e, "num8"), y = h(e, "num9"), R = h(e, "numDash"), $ = h(e, "numEnter");
-  return { digit0: r, digit1: s, digit2: l, digit3: a, digit4: d, digit5: f, digit6: u, digit7: C, digit8: j, digit9: y, keypadAccessoryButton1: R, keypadAccessoryButton2: $ };
+function d6(t) {
+  const e = `/device/${t}`, r = h(e, "num0"), s = h(e, "num1"), l = h(e, "num2"), a = h(e, "num3"), u = h(e, "num4"), f = h(e, "num5"), d = h(e, "num6"), C = h(e, "num7"), S = h(e, "num8"), b = h(e, "num9"), A = h(e, "numDash"), T = h(e, "numEnter");
+  return { digit0: r, digit1: s, digit2: l, digit3: a, digit4: u, digit5: f, digit6: d, digit7: C, digit8: S, digit9: b, keypadAccessoryButton1: A, keypadAccessoryButton2: T };
 }
-function o6(t) {
-  const { sendMessage: e } = _(), r = a2(t);
+function v6(t) {
+  const { sendMessage: e } = E(), r = R3(t);
   return r ? { roomEventScheduleState: r, save: (l) => {
     e(`/room/${t}/saveScheduledEvents`, l);
   } } : void 0;
 }
-function s6(t) {
-  const { sendMessage: e } = _();
+function h6(t) {
+  const { sendMessage: e } = E();
   return { runDirectRoute: (s) => {
     e(`/room/${t}/directRoute`, s);
   } };
 }
-function c6(t) {
-  const { sendMessage: e } = _();
-  return { routingState: T(t), runRoute: (l) => {
+function g6(t) {
+  const { sendMessage: e } = E();
+  return { routingState: $(t), runRoute: (l) => {
     e(`/room/${t}/source`, l);
   } };
 }
-function l6(t) {
+function f6(t) {
   const e = `/device/${t}`, r = h(e, "chanUp"), s = h(e, "chanDown");
   return { dvrList: r, replay: s };
 }
-function i6(t) {
-  const { sendMessage: e } = _(), r = T(t);
+function w6(t) {
+  const { sendMessage: e } = E(), r = $(t);
   return r ? { shadeState: r, shadeUp: () => {
     e(`/device/${t}/shadeUp`, null);
   }, shadeDown: () => {
@@ -1180,20 +1217,52 @@ function i6(t) {
     e(`/device/${t}/stopOrPreset`, null);
   } } : void 0;
 }
-function a6(t) {
-  const { sendMessage: e } = _(), r = T(t);
+function p6(t) {
+  const { sendMessage: e } = E(), r = R3(t);
+  return r ? { shutdownPromptTimerState: r, setShutdownPromptSeconds: (f) => {
+    e(`/room/${t}/setShutdownPromptSeconds`, f);
+  }, shutdownStart: () => {
+    e(`/room/${t}/shutdownStart`, null);
+  }, shutdownEnd: () => {
+    e(`/room/${t}/shutdownEnd`, null);
+  }, shutdownCancel: () => {
+    e(`/room/${t}/shutdownCancel`, null);
+  } } : void 0;
+}
+function x6(t) {
+  const { sendMessage: e } = E(), r = $(t);
   return r ? { switchedOutputState: r, on: () => {
     e(`/device/${t}/on`, null);
   }, off: () => {
     e(`/device/${t}/off`, null);
   } } : void 0;
 }
-function u6(t) {
-  const e = `/device/${t}`, r = h(e, "play"), s = h(e, "pause"), l = h(e, "stop"), a = h(e, "prevTrack"), d = h(e, "nextTrack"), f = h(e, "rewind"), u = h(e, "ffwd"), C = h(e, "record");
-  return { play: r, pause: s, stop: l, prevTrack: a, nextTrack: d, rewind: f, fastForward: u, record: C };
+const M6 = ({ className: t }) => {
+  const [e, r] = d3();
+  return n3(() => {
+    setInterval(() => {
+      const s = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
+      r(s);
+    }, 1e3);
+  }, []), /* @__PURE__ */ n.jsxs("div", { className: t, children: [
+    e,
+    " new change"
+  ] });
+};
+function m6(t) {
+  const { sendMessage: e } = E(), r = R3(t);
+  return r ? { techPasswordState: r, validatePassword: (a) => {
+    e(`/room/${t}/validateTechPassword`, { password: a });
+  }, setPassword: (a, u) => {
+    e(`/room/${t}/setTechPassword`, { oldPassword: a, newPassword: u });
+  } } : void 0;
 }
-function v6(t) {
-  const e = T(t), { sendMessage: r } = _();
+function Z6(t) {
+  const e = `/device/${t}`, r = h(e, "play"), s = h(e, "pause"), l = h(e, "stop"), a = h(e, "prevTrack"), u = h(e, "nextTrack"), f = h(e, "rewind"), d = h(e, "ffwd"), C = h(e, "record");
+  return { play: r, pause: s, stop: l, prevTrack: a, nextTrack: u, rewind: f, fastForward: d, record: C };
+}
+function j6(t) {
+  const e = $(t), { sendMessage: r } = E();
   return e ? {
     touchpanelState: e,
     appControl: { hideApp: () => {
@@ -1208,8 +1277,8 @@ function v6(t) {
     } }
   } : void 0;
 }
-function d6(t) {
-  const e = T(t), r = r1(t), s = p3(t);
+function S6(t) {
+  const e = $(t), r = h1(t), s = y3(t);
   if (!e)
     return;
   const l = (e.powerState || e.isWarming) && !e.isCooling, a = (!e.powerState || e.isCooling) && !e.isWarming;
@@ -1220,94 +1289,96 @@ function d6(t) {
     powerFb: { powerOnFb: l, powerOffFb: a }
   };
 }
-const h6 = ({ config: t }) => {
-  const { sendMessage: e } = _();
-  J(() => {
-    var s;
+const C6 = ({ config: t }) => {
+  const { sendMessage: e } = E();
+  n3(() => {
+    var s, l;
     if (!t)
       return;
     const r = [];
-    Object.values(t.destinations).forEach((l) => {
-      r.push(l);
-    }), (s = t.touchpanelKeys) == null || s.forEach((l) => {
-      r.push(l);
-    }), t.environmentalDevices.forEach((l) => {
-      r.push(l.deviceKey);
-    }), t.audioCodecKey && r.push(t.audioCodecKey), t.videoCodecKey && r.push(t.videoCodecKey), t.matrixRoutingKey && r.push(t.matrixRoutingKey), t.endpointKeys && t.endpointKeys.forEach((l) => {
-      r.push(l);
+    Object.values(t.destinations).forEach((a) => {
+      r.push(a);
+    }), (s = t.touchpanelKeys) == null || s.forEach((a) => {
+      r.push(a);
+    }), t.environmentalDevices.forEach((a) => {
+      r.push(a.deviceKey);
+    }), (l = t.accessoryDevices) == null || l.forEach((a) => {
+      r.push(a.deviceKey);
+    }), t.audioCodecKey && r.push(t.audioCodecKey), t.videoCodecKey && r.push(t.videoCodecKey), t.matrixRoutingKey && r.push(t.matrixRoutingKey), t.endpointKeys && t.endpointKeys.forEach((a) => {
+      r.push(a);
     });
-    for (const l of Object.values(t.sourceList))
-      l.sourceKey && l.sourceKey !== "$off" && r.push(l.sourceKey);
-    r.forEach((l) => {
-      e(`/device/${l}/fullStatus`, { deviceKey: l });
+    for (const a of Object.values(t.sourceList))
+      a.sourceKey && a.sourceKey !== "$off" && r.push(a.sourceKey);
+    r.forEach((a) => {
+      e(`/device/${a}/fullStatus`, { deviceKey: a });
     });
   }, [t, e]);
 };
-function g6(t, e) {
-  const r = u2(t, e), s = `/room/${t}/volumes/${e}`;
-  return n1(s, r);
+function b6(t, e) {
+  const r = f2(t, e), s = `/room/${t}/volumes/${e}`;
+  return v1(s, r);
 }
-const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger rounded d-flex align-items-center", children: /* @__PURE__ */ n.jsx("span", { className: "fs-5 text-white", children: "We are sorry. Something went wrong." }) }), I2 = "_iconbtn_16qss_1", y2 = "_iconbtnvert_16qss_7", R2 = "_iconsm_16qss_18", g3 = {
-  iconbtn: I2,
-  iconbtnvert: y2,
-  iconsm: R2
-}, E2 = ({
+const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger rounded d-flex align-items-center", children: /* @__PURE__ */ n.jsx("span", { className: "fs-5 text-white", children: "We are sorry. Something went wrong." }) }), L2 = "_iconbtn_16qss_1", $2 = "_iconbtnvert_16qss_7", A2 = "_iconsm_16qss_18", S3 = {
+  iconbtn: L2,
+  iconbtnvert: $2,
+  iconsm: A2
+}, B2 = ({
   multiIcon: t,
   otherContent: e = null,
   vert: r = !1,
   className: s,
   iconClassName: l = "",
   otherContentClassName: a = "",
-  disabled: d,
+  disabled: u,
   feedback: f,
-  feedbackClassName: u,
+  feedbackClassName: d,
   onPointerDown: C,
-  onPointerUp: j,
-  onPointerLeave: y,
-  ...R
+  onPointerUp: S,
+  onPointerLeave: b,
+  ...A
 }) => {
-  const [$, A] = o3(!1), S = !d && f ? u : "", O = !d && ($ || f);
+  const [T, V] = d3(!1), G = !u && f ? d : "", q = !u && (T || f);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
       type: "button",
-      className: `${g3.iconbtn} ${r ? g3.iconbtnvert : ""} ${s} ${S}`,
-      ...R,
-      disabled: d,
-      onPointerDown: (E) => {
-        A(!0), C == null || C(E);
+      className: `${S3.iconbtn} ${r ? S3.iconbtnvert : ""} ${s} ${G}`,
+      ...A,
+      disabled: u,
+      onPointerDown: (m) => {
+        V(!0), C == null || C(m);
       },
-      onPointerUp: (E) => {
-        A(!1), j == null || j(E);
+      onPointerUp: (m) => {
+        V(!1), S == null || S(m);
       },
-      onPointerLeave: (E) => {
-        A(!1), y == null || y(E);
+      onPointerLeave: (m) => {
+        V(!1), b == null || b(m);
       },
       children: [
         t && /* @__PURE__ */ n.jsx(
           t,
           {
-            className: `${l || g3.iconsm}`,
-            active: O,
-            disabled: d
+            className: `${l || S3.iconsm}`,
+            active: q,
+            disabled: u
           }
         ),
         /* @__PURE__ */ n.jsx("div", { className: a, children: e })
       ]
     }
   );
-}, x = ({
+}, M = ({
   ActiveImage: t,
   DisabledImage: e,
   EnabledImage: r,
   active: s,
   disabled: l
-}) => l ? e : s ? t : r, _2 = ({
+}) => l ? e : s ? t : r, T2 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-mic-active.svg */
@@ -1351,12 +1422,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), L2 = ({
+), D2 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: /* @__PURE__ */ n.jsx(
       "svg",
@@ -1403,12 +1474,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), B2 = ({
+), P2 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-ban-active.svg */
@@ -1452,12 +1523,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), T2 = ({
+), O2 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: /* @__PURE__ */ n.jsx(
       "svg",
@@ -1492,12 +1563,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), A2 = ({
+), V2 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-check-active.svg */
@@ -1541,12 +1612,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), D2 = ({
+), F2 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-down-active.svg */
@@ -1590,12 +1661,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), $2 = ({
+), k2 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-elipses-active.svg */
@@ -1639,12 +1710,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), O2 = ({
+), W2 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-flag-active.svg */
@@ -1688,12 +1759,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), P2 = ({
+), U2 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* /Users/hvolmer/Downloads/SVG/icon-gear-active.svg */
@@ -1737,12 +1808,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), V2 = ({
+), H2 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-glass-active.svg */
@@ -1786,14 +1857,14 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), F2 = ({
+), K2 = ({
   active: t,
   // 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: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-hdmi-active.svg */
@@ -1855,12 +1926,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), k2 = ({
+), G2 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-laptop-active.svg */
@@ -1904,12 +1975,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), U2 = ({
+), q2 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-left-active.svg */
@@ -1953,12 +2024,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), W2 = ({
+), Y2 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-light-active.svg */
@@ -2002,12 +2073,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), H2 = ({
+), J2 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-moon-active.svg */
@@ -2051,12 +2122,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), G2 = ({
+), z2 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-playstation-active.svg */
@@ -2073,12 +2144,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), q2 = ({
+), X2 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-podium-active.svg */
@@ -2122,12 +2193,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), Y2 = ({
+), Q2 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-power-active.svg */
@@ -2171,12 +2242,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), K2 = ({
+), N2 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-privacy-active.svg */
@@ -2220,12 +2291,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), z2 = ({
+), e8 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-question-active.svg */
@@ -2269,12 +2340,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), J2 = ({
+), t8 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-right-active.svg */
@@ -2318,12 +2389,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), X2 = ({
+), n8 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-shade-active.svg */
@@ -2367,12 +2438,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), Q2 = ({
+), r8 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-sun-active.svg */
@@ -2416,12 +2487,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), N2 = ({
+), o8 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-up-active.svg */
@@ -2465,12 +2536,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), e8 = ({
+), s8 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-volDown-active.svg */
@@ -2514,12 +2585,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), t8 = ({
+), c8 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-volMute-active.svg */
@@ -2563,12 +2634,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), n8 = ({
+), l8 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-volUp-active.svg */
@@ -2612,12 +2683,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), r8 = ({
+), i8 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-wireless-active.svg */
@@ -2661,12 +2732,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), o8 = ({
+), a8 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-x-active.svg */
@@ -2710,12 +2781,12 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), s8 = ({
+), u8 = ({
   active: t,
   className: e = "",
   disabled: r
 }) => /* @__PURE__ */ n.jsx(
-  x,
+  M,
   {
     ActiveImage: (
       /* icon-xbox-active.svg */
@@ -2759,218 +2830,225 @@ const f6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), c8 = {
-  Alert: L2,
-  Camera: T2,
-  DownArrow: D2,
-  Ban: B2,
-  Check: A2,
-  Elipses: $2,
-  Flag: O2,
-  Gear: P2,
-  Glass: V2,
-  Hdmi: F2,
-  Laptop: k2,
-  LeftArrow: U2,
-  Light: W2,
-  Mic: _2,
-  Moon: H2,
-  Playstation: G2,
-  Podium: q2,
-  Power: Y2,
-  Privacy: K2,
-  Question: z2,
-  RightArrow: J2,
-  Shade: X2,
-  Sun: Q2,
-  UpArrow: N2,
-  VolDown: e8,
-  VolMute: t8,
-  VolUp: n8,
-  Wireless: r8,
-  X: o8,
-  Xbox: s8
+), d8 = {
+  Alert: D2,
+  Camera: O2,
+  DownArrow: F2,
+  Ban: P2,
+  Check: V2,
+  Elipses: k2,
+  Flag: W2,
+  Gear: U2,
+  Glass: H2,
+  Hdmi: K2,
+  Laptop: G2,
+  LeftArrow: q2,
+  Light: Y2,
+  Mic: T2,
+  Moon: J2,
+  Playstation: z2,
+  Podium: X2,
+  Power: Q2,
+  Privacy: N2,
+  Question: e8,
+  RightArrow: t8,
+  Shade: n8,
+  Sun: r8,
+  UpArrow: o8,
+  VolDown: s8,
+  VolMute: c8,
+  VolUp: l8,
+  Wireless: i8,
+  X: a8,
+  Xbox: u8
 };
-function w6({
+function y6({
   name: t,
-  ...e
+  iconsDictionary: e = d8,
+  ...r
 }) {
-  const r = c8[t] ?? null;
-  return r || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ n.jsx(E2, { multiIcon: r, ...e });
+  const s = e[t] ?? null;
+  return s || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ n.jsx(B2, { multiIcon: s, ...r });
 }
-const l8 = "_grid_1cmpp_1", i8 = "_header_1cmpp_11", a8 = "_content_1cmpp_17", u8 = "_footer_1cmpp_23", v8 = "_volume_1cmpp_29", z = {
-  grid: l8,
-  header: i8,
-  content: a8,
-  footer: u8,
-  volume: v8
-}, p6 = ({ header: t, footer: e, content: r, volume: s, showVolume: l }) => /* @__PURE__ */ n.jsxs("div", { className: z.grid, children: [
-  /* @__PURE__ */ n.jsx("div", { className: z.header, children: t }),
-  /* @__PURE__ */ n.jsx("div", { className: z.content, children: r }),
-  l && /* @__PURE__ */ n.jsx("div", { className: z.volume, children: s }),
-  /* @__PURE__ */ n.jsx("div", { className: z.footer, children: e })
-] }), d8 = "_grid_11w5q_1", h8 = "_header_11w5q_11", g8 = "_content_11w5q_17", r3 = {
-  grid: d8,
+const v8 = "_grid_1cmpp_1", h8 = "_header_1cmpp_11", g8 = "_content_1cmpp_17", f8 = "_footer_1cmpp_23", w8 = "_volume_1cmpp_29", t3 = {
+  grid: v8,
   header: h8,
   content: g8,
+  footer: f8,
+  volume: w8
+}, R6 = ({ header: t, footer: e, content: r, volume: s, showVolume: l }) => /* @__PURE__ */ n.jsxs("div", { className: t3.grid, children: [
+  /* @__PURE__ */ n.jsx("div", { className: t3.header, children: t }),
+  /* @__PURE__ */ n.jsx("div", { className: t3.content, children: r }),
+  l && /* @__PURE__ */ n.jsx("div", { className: t3.volume, children: s }),
+  /* @__PURE__ */ n.jsx("div", { className: t3.footer, children: e })
+] }), p8 = "_grid_11w5q_1", x8 = "_header_11w5q_11", M8 = "_content_11w5q_17", u3 = {
+  grid: p8,
+  header: x8,
+  content: M8,
   "left-nav": "_left-nav_11w5q_23"
-}, x6 = ({ className: t, header: e, content: r, leftNav: s }) => /* @__PURE__ */ n.jsxs("div", { className: `${t} ${r3.grid}`, children: [
-  /* @__PURE__ */ n.jsx("div", { className: r3.header, children: e }),
-  /* @__PURE__ */ n.jsx("div", { className: r3.leftNav, children: s }),
-  /* @__PURE__ */ n.jsx("div", { className: r3.content, children: r })
+}, E6 = ({ className: t, header: e, content: r, leftNav: s }) => /* @__PURE__ */ n.jsxs("div", { className: `${t} ${u3.grid}`, children: [
+  /* @__PURE__ */ n.jsx("div", { className: u3.header, children: e }),
+  s && /* @__PURE__ */ n.jsx("div", { className: u3.leftNav, children: s }),
+  /* @__PURE__ */ n.jsx("div", { className: u3.content, children: r })
+] }), m8 = "_grid_1uwfo_1", Z8 = "_header_1uwfo_11", j8 = "_content_1uwfo_17", C3 = {
+  grid: m8,
+  header: Z8,
+  content: j8
+}, _6 = ({ className: t, header: e, content: r }) => /* @__PURE__ */ n.jsxs("div", { className: `${t} ${C3.grid}`, children: [
+  /* @__PURE__ */ n.jsx("div", { className: C3.header, children: e }),
+  /* @__PURE__ */ n.jsx("div", { className: C3.content, children: r })
 ] });
-function M6() {
+function L6() {
   return console.log(location.pathname), location.pathname;
 }
-var f8 = /* @__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))(f8 || {});
-class m6 {
+var S8 = /* @__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))(S8 || {});
+class $6 {
   constructor(e, r) {
-    B(this, "path");
-    B(this, "handler");
+    _(this, "path");
+    _(this, "handler");
     this.path = e, this.handler = r;
   }
 }
-const Z6 = "$off";
-class j6 {
+const A6 = "$off";
+class B6 {
   constructor() {
-    B(this, "name", "");
-    B(this, "iconUrl", "");
-    B(this, "channel", "");
+    _(this, "name", "");
+    _(this, "iconUrl", "");
+    _(this, "channel", "");
   }
 }
-class C6 {
+class T6 {
   constructor() {
-    B(this, "deviceKey");
-    B(this, "deviceType");
+    _(this, "deviceKey");
+    _(this, "deviceType");
   }
 }
-class S6 {
+class D6 {
   constructor() {
-    B(this, "currentShareText");
-    B(this, "enabled");
-    B(this, "isSharing");
+    _(this, "deviceKey");
+    _(this, "deviceType");
+  }
+}
+class P6 {
+  constructor() {
+    _(this, "currentShareText");
+    _(this, "enabled");
+    _(this, "isSharing");
   }
 }
-const b6 = ({ className: t }) => {
-  const [e, r] = o3();
-  return J(() => {
-    setInterval(() => {
-      const s = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
-      r(s);
-    }, 1e3);
-  }, []), /* @__PURE__ */ n.jsxs("div", { className: t, children: [
-    e,
-    " new change"
-  ] });
-};
 export {
-  b6 as Clock,
-  f8 as DaysOfWeek,
-  C6 as EnvironmentalDeviceConfiguration,
-  f6 as ErrorBox,
-  E2 as IconButton,
-  L2 as IconMultiAlert,
-  B2 as IconMultiBan,
-  T2 as IconMultiCamera,
-  A2 as IconMultiCheck,
-  D2 as IconMultiDownArrow,
-  $2 as IconMultiElipses,
-  O2 as IconMultiFlag,
-  P2 as IconMultiGear,
-  V2 as IconMultiGlass,
-  F2 as IconMultiHdmi,
-  k2 as IconMultiLaptop,
-  U2 as IconMultiLeftArrow,
-  W2 as IconMultiLight,
-  H2 as IconMultiMoon,
-  G2 as IconMultiPlaystation,
-  q2 as IconMultiPodium,
-  Y2 as IconMultiPower,
-  K2 as IconMultiPrivacy,
-  z2 as IconMultiQuestion,
-  J2 as IconMultiRightArrow,
-  X2 as IconMultiShade,
-  Q2 as IconMultiSun,
-  N2 as IconMultiUpArrow,
-  e8 as IconMultiVolDown,
-  t8 as IconMultiVolMute,
-  n8 as IconMultiVolUp,
-  r8 as IconMultiWireless,
-  o8 as IconMultiX,
-  s8 as IconMultiXbox,
-  p6 as MainLayout,
-  m6 as MessageHandler,
-  H8 as MobileControlProvider,
-  x as MultiStateIconContainer,
-  w6 as NamedIconButton,
-  j6 as PresetChannel,
-  S6 as ShareState,
-  x6 as TechLayout,
-  M6 as getBaseLocation,
-  f3 as httpClient,
-  Z6 as roomOffSourceKey,
+  D6 as AccessoryDeviceConfiguration,
+  M6 as Clock,
+  S8 as DaysOfWeek,
+  T6 as EnvironmentalDeviceConfiguration,
+  I6 as ErrorBox,
+  B2 as IconButton,
+  D2 as IconMultiAlert,
+  P2 as IconMultiBan,
+  O2 as IconMultiCamera,
+  V2 as IconMultiCheck,
+  F2 as IconMultiDownArrow,
+  k2 as IconMultiElipses,
+  W2 as IconMultiFlag,
+  U2 as IconMultiGear,
+  H2 as IconMultiGlass,
+  K2 as IconMultiHdmi,
+  G2 as IconMultiLaptop,
+  q2 as IconMultiLeftArrow,
+  Y2 as IconMultiLight,
+  J2 as IconMultiMoon,
+  z2 as IconMultiPlaystation,
+  X2 as IconMultiPodium,
+  Q2 as IconMultiPower,
+  N2 as IconMultiPrivacy,
+  e8 as IconMultiQuestion,
+  t8 as IconMultiRightArrow,
+  n8 as IconMultiShade,
+  r8 as IconMultiSun,
+  o8 as IconMultiUpArrow,
+  s8 as IconMultiVolDown,
+  c8 as IconMultiVolMute,
+  l8 as IconMultiVolUp,
+  i8 as IconMultiWireless,
+  a8 as IconMultiX,
+  u8 as IconMultiXbox,
+  R6 as MainLayout,
+  $6 as MessageHandler,
+  Q8 as MobileControlProvider,
+  M as MultiStateIconContainer,
+  y6 as NamedIconButton,
+  B6 as PresetChannel,
+  P6 as ShareState,
+  E6 as TechLayout,
+  _6 as TechPinLayout,
+  L6 as getBaseLocation,
+  b3 as httpClient,
+  A6 as roomOffSourceKey,
   F as store,
-  Z8 as uiActions,
-  s2 as uiReducer,
-  j8 as useApiPath,
-  l2 as useAppConfig,
-  g2 as useAppDispatch,
-  q8 as useAvrControl,
-  h2 as useClientId,
-  S2 as useDeviceIBasicVolumeWithFeedback,
-  Y8 as useEndpoint,
-  h6 as useGetAllDeviceStateFromRoomConfiguration,
-  i2 as useGetAllDevices,
-  U8 as useGetCurrentPopoverIdForGroup,
-  T as useGetDevice,
-  G8 as useGetIBasicVolumeWithFeedback,
-  O8 as useGetRoomDisplayStates,
-  P8 as useGetZoomRoomControllerKey,
-  n1 as useIBasicVolumeWithFeedback,
-  K8 as useIChannelMessenger,
-  z8 as useIColor,
-  J8 as useICommunicationMonitor,
-  X8 as useIDPad,
-  Q8 as useIDeviceInfoMessenger,
-  N8 as useIDvr,
-  r1 as useIHasPowerControl,
-  p3 as useIHasSelectableItems,
-  e6 as useILevelControls,
-  t6 as useILightingScenes,
-  n6 as useIMatrixRouting,
-  r6 as useINumeric,
-  o6 as useIRoomEventSchedule,
-  s6 as useIRunDirectRouteAction,
-  c6 as useIRunRouteAction,
-  l6 as useISetTopBoxControls,
-  i6 as useIShadesOpenCloseStop,
-  a6 as useISwitchedOutput,
-  u6 as useITransport,
-  f2 as useInitialize,
-  v6 as useMobileControlTouchpanelController,
-  C2 as usePressHoldRelease,
-  D8 as useRoomAdvancedSharingActive,
-  _8 as useRoomCodecContentDestinationKey,
-  C8 as useRoomConfiguration,
-  y8 as useRoomDestinationList,
-  I8 as useRoomDestinations,
-  R8 as useRoomEnvironmentalDevices,
-  g6 as useRoomIBasicVolumeWithFeedback,
-  L8 as useRoomInCall,
-  T8 as useRoomIsCoolingDown,
-  A8 as useRoomIsOn,
-  B8 as useRoomIsWarmingUp,
-  d2 as useRoomKey,
-  S8 as useRoomName,
-  E8 as useRoomProgramAudioDestinationKey,
-  $8 as useRoomShareState,
-  b8 as useRoomSourceList,
-  a2 as useRoomState,
-  u2 as useRoomVolume,
-  F8 as useShowIncomingCallModal,
-  k8 as useShowModal,
-  W8 as useShowPopoverById,
-  V8 as useShowShutdownModal,
-  d6 as useTwoWayDisplayBase,
-  v2 as useWsIsConnected
+  E8 as uiActions,
+  d2 as uiReducer,
+  _8 as useApiPath,
+  h2 as useAppConfig,
+  M2 as useAppDispatch,
+  e6 as useAvrControl,
+  x2 as useClientId,
+  E2 as useDeviceIBasicVolumeWithFeedback,
+  t6 as useEndpoint,
+  C6 as useGetAllDeviceStateFromRoomConfiguration,
+  g2 as useGetAllDevices,
+  z8 as useGetCurrentPopoverIdForGroup,
+  $ as useGetDevice,
+  N8 as useGetIBasicVolumeWithFeedback,
+  K8 as useGetRoomDisplayStates,
+  G8 as useGetZoomRoomControllerKey,
+  v1 as useIBasicVolumeWithFeedback,
+  n6 as useIChannelMessenger,
+  r6 as useIColor,
+  o6 as useICommunicationMonitor,
+  s6 as useIDPad,
+  c6 as useIDeviceInfoMessenger,
+  l6 as useIDvr,
+  h1 as useIHasPowerControl,
+  y3 as useIHasSelectableItems,
+  i6 as useILevelControls,
+  a6 as useILightingScenes,
+  u6 as useIMatrixRouting,
+  d6 as useINumeric,
+  v6 as useIRoomEventSchedule,
+  h6 as useIRunDirectRouteAction,
+  g6 as useIRunRouteAction,
+  f6 as useISetTopBoxControls,
+  w6 as useIShadesOpenCloseStop,
+  p6 as useIShutdownPromptTimer,
+  x6 as useISwitchedOutput,
+  m6 as useITechPassword,
+  Z6 as useITransport,
+  m2 as useInitialize,
+  j6 as useMobileControlTouchpanelController,
+  R2 as usePressHoldRelease,
+  U8 as useRoomAdvancedSharingActive,
+  O8 as useRoomCodecContentDestinationKey,
+  L8 as useRoomConfiguration,
+  T8 as useRoomDestinationList,
+  B8 as useRoomDestinations,
+  D8 as useRoomEnvironmentalDevices,
+  b6 as useRoomIBasicVolumeWithFeedback,
+  V8 as useRoomInCall,
+  k8 as useRoomIsCoolingDown,
+  W8 as useRoomIsOn,
+  F8 as useRoomIsWarmingUp,
+  p2 as useRoomKey,
+  $8 as useRoomName,
+  P8 as useRoomProgramAudioDestinationKey,
+  H8 as useRoomShareState,
+  A8 as useRoomSourceList,
+  R3 as useRoomState,
+  f2 as useRoomVolume,
+  Y8 as useShowIncomingCallModal,
+  J8 as useShowModal,
+  X8 as useShowPopoverById,
+  q8 as useShowShutdownModal,
+  S6 as useTwoWayDisplayBase,
+  E as useWebsocketContext,
+  w2 as useWsIsConnected
 };