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

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

@@ -1,11 +1,11 @@
 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 R = (t, e, r) => (H1(t, typeof e != "symbol" ? e + "" : e, r), r);
+var _ = (t, e, r) => (H1(t, typeof e != "symbol" ? e + "" : e, r), r);
 import K1 from "axios";
-import { createSlice as r3, combineReducers as G1, configureStore as t1, createSelector as q1 } from "@reduxjs/toolkit";
+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 n1 from "lodash";
-import r1, { createContext as X1, useState as h3, useRef as n3, useCallback as d3, useEffect as t3, useContext as Q1 } from "react";
+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,
@@ -16,7 +16,7 @@ const N1 = {
     loginMode: "",
     modes: {}
   }
-}, o1 = r3({
+}, s1 = o3({
   name: "appConfig",
   initialState: N1,
   reducers: {
@@ -24,7 +24,7 @@ const N1 = {
       t.config = e.payload;
     }
   }
-}), e2 = o1.actions, t2 = o1.reducer, n2 = {}, s1 = r3({
+}), e2 = s1.actions, t2 = s1.reducer, n2 = {}, c1 = o3({
   name: "devices",
   initialState: n2,
   reducers: {
@@ -32,11 +32,11 @@ const N1 = {
       const r = e.payload.type, s = r.slice(r.lastIndexOf("/") + 1);
       if (!s)
         return;
-      const l = e.payload.content, a = t[s] ?? {}, d = n1.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;
     }
   }
-}), r2 = s1.actions, o2 = s1.reducer, s2 = {}, c1 = r3({
+}), r2 = c1.actions, o2 = c1.reducer, s2 = {}, l1 = o3({
   name: "rooms",
   initialState: s2,
   reducers: {
@@ -46,11 +46,11 @@ const N1 = {
         return;
       const l = e.payload.content;
       console.log(l);
-      const a = t[s] ?? {}, d = n1.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;
     }
   }
-}), c2 = c1.actions, l2 = c1.reducer, i2 = {
+}), c2 = l1.actions, l2 = l1.reducer, i2 = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -69,7 +69,7 @@ const N1 = {
     userCode: "",
     qrUrl: ""
   }
-}, l1 = r3({
+}, i1 = o3({
   name: "runtimeConfig",
   initialState: i2,
   reducers: {
@@ -95,13 +95,13 @@ const N1 = {
       t.roomData.userCode = e.payload.userCode, t.roomData.qrUrl = e.payload.qrUrl;
     }
   }
-}), K = l1.actions, a2 = l1.reducer, u2 = {
+}), K = i1.actions, a2 = i1.reducer, u2 = {
   modalVisibility: {
     showShutdownModal: !1,
     showIncomingCallModal: !1
   },
   popoverVisibility: {}
-}, i1 = r3({
+}, a1 = o3({
   name: "ui",
   initialState: u2,
   reducers: {
@@ -125,91 +125,91 @@ const N1 = {
       }), t.popoverVisibility[e.payload.popoverGroup][e.payload.popoverId] = e.payload.value;
     }
   }
-}), E8 = i1.actions, d2 = i1.reducer, a1 = G1({
+}), E8 = a1.actions, d2 = a1.reducer, u1 = G1({
   appConfig: t2,
   runtimeConfig: a2,
   rooms: l2,
   devices: o2,
   ui: d2
-}), v2 = t1({
-  reducer: a1
-}), m = Y1, h2 = () => m((t) => t.appConfig.config), _8 = () => m((t) => t.appConfig.config.apiPath), g2 = () => m((t) => t.devices);
+}), 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 m((e) => e.devices[t] ? e.devices[t] : void 0);
+  return Z((e) => e.devices[t] ? e.devices[t] : void 0);
 }
-const L8 = (t) => m(
+const L8 = (t) => Z(
   (e) => {
     var r;
     return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.configuration : void 0;
   }
-), u1 = (t) => m(
+), R3 = (t) => Z(
   (e) => e.rooms[t] ? e.rooms[t] : void 0
-), $8 = (t) => m(
+), $8 = (t) => Z(
   (e) => {
     var r;
     return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.name : void 0;
   }
-), f2 = (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;
   }
-), T8 = (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;
   }
-), A8 = (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;
   }
-), B8 = (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;
   }
-), D8 = (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;
   }
-), O8 = (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) || "";
   }
-), P8 = (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;
   }
-), V8 = (t) => m(
+), V8 = (t) => Z(
   (e) => {
     var r;
     return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.isInCall : void 0;
   }
-), k8 = (t) => m(
+), F8 = (t) => Z(
   (e) => {
     var r;
     return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.isWarmingUp : void 0;
   }
-), F8 = (t) => m(
+), k8 = (t) => Z(
   (e) => {
     var r;
     return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.isCoolingDown : void 0;
   }
-), W8 = (t) => m(
+), W8 = (t) => Z(
   (e) => {
     var r;
     return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.isOn : void 0;
   }
-), U8 = (t) => m(
+), U8 = (t) => Z(
   (e) => {
     var r;
     return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.advancedSharingActive : void 0;
   }
-), H8 = (t) => m(
+), H8 = (t) => Z(
   (e) => {
     var r;
     return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.share : void 0;
@@ -226,35 +226,35 @@ const L8 = (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));
   }
-)(v2.getState(), t), G8 = (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;
   }
-), w2 = () => m((t) => t.runtimeConfig.websocket.isConnected), p2 = () => m((t) => t.runtimeConfig.roomData.roomKey), x2 = () => m((t) => t.runtimeConfig.roomData.clientId), q8 = () => m((t) => t.ui.modalVisibility.showShutdownModal), Y8 = () => m((t) => t.ui.modalVisibility.showIncomingCallModal), J8 = (t) => m((e) => e.ui.modalVisibility[t]), z8 = (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]);
-}), X8 = (t, e) => m((r) => {
+}), X8 = (t, e) => Z((r) => {
   var s;
   return (s = r.ui.popoverVisibility[t]) == null ? void 0 : s[e];
-}), k = t1({
-  reducer: a1
-}), M2 = J1, I3 = K1.create();
+}), 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 I3.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(e2.setAppConfig(s.data));
-        const a = await I3.get(`${l}/version`);
+        const a = await b3.get(`${l}/version`);
         a.status == 200 && a.data && t(K.setRuntimeConfig(a.data));
       }
     } catch (e) {
@@ -263,7 +263,7 @@ function m2() {
     return !0;
   };
 }
-var y3 = { exports: {} }, Q = {};
+var I3 = { exports: {} }, N = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -273,42 +273,42 @@ var y3 = { exports: {} }, Q = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Q3;
+var N3;
 function Z2() {
-  return Q3 || (Q3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = r1, 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"), b = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), B = Symbol.for("react.offscreen"), V = Symbol.iterator, G = "@@iterator";
+  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 = V && o[V] || o[G];
       return typeof c == "function" ? c : null;
     }
-    var S = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    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];
-        P("error", o, i);
+        O("error", o, i);
       }
     }
-    function P(o, c, i) {
+    function O(o, c, i) {
       {
-        var v = S.ReactDebugCurrentFrame, x = v.getStackAddendum();
+        var v = m.ReactDebugCurrentFrame, x = v.getStackAddendum();
         x !== "" && (c += "%s", i = i.concat([x]));
-        var Z = i.map(function(p) {
+        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 Y = !1, _ = !1, o3 = !1, s3 = !1, g3 = !1, c3;
-    c3 = Symbol.for("react.module.reference");
+    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 || g3 || o === l || o === C || o === j || s3 || o === B || Y || _ || o3 || typeof o == "object" && o !== null && (o.$$typeof === T || o.$$typeof === b || o.$$typeof === d || o.$$typeof === f || o.$$typeof === u || // This needs to include all possible module reference object
+      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 === c3 || o.getModuleId !== void 0));
+      o.$$typeof === E3 || o.getModuleId !== void 0));
     }
     function f1(o, c, i) {
       var v = o.displayName;
@@ -317,10 +317,10 @@ function Z2() {
       var x = c.displayName || c.name || "";
       return x !== "" ? i + "(" + x + ")" : i;
     }
-    function E3(o) {
+    function _3(o) {
       return o.displayName || "Context";
     }
-    function O(o) {
+    function P(o) {
       if (o == null)
         return null;
       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")
@@ -338,26 +338,26 @@ function Z2() {
           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 E3(c) + ".Consumer";
-          case d:
-            var i = o;
-            return E3(i._context) + ".Provider";
+            return _3(c) + ".Consumer";
           case u:
+            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 : O(o.type) || "Memo";
-          case T: {
-            var x = o, Z = x._payload, p = x._init;
+            return v !== null ? v : P(o.type) || "Memo";
+          case A: {
+            var x = o, j = x._payload, p = x._init;
             try {
-              return O(p(Z));
+              return P(p(j));
             } catch {
               return null;
             }
@@ -365,14 +365,14 @@ function Z2() {
         }
       return null;
     }
-    var F = Object.assign, J = 0, _3, L3, $3, T3, A3, B3, D3;
+    var k = Object.assign, z = 0, L3, $3, A3, B3, T3, D3, P3;
     function O3() {
     }
     O3.__reactDisabledLog = !0;
     function w1() {
       {
-        if (J === 0) {
-          _3 = console.log, L3 = console.info, $3 = console.warn, T3 = console.error, A3 = console.group, B3 = console.groupCollapsed, D3 = 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,
@@ -389,77 +389,77 @@ function Z2() {
             groupEnd: o
           });
         }
-        J++;
+        z++;
       }
     }
     function p1() {
       {
-        if (J--, J === 0) {
+        if (z--, z === 0) {
           var o = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: F({}, o, {
-              value: _3
-            }),
-            info: F({}, o, {
+            log: k({}, o, {
               value: L3
             }),
-            warn: F({}, o, {
+            info: k({}, o, {
               value: $3
             }),
-            error: F({}, o, {
-              value: T3
-            }),
-            group: F({}, o, {
+            warn: k({}, o, {
               value: A3
             }),
-            groupCollapsed: F({}, o, {
+            error: k({}, o, {
               value: B3
             }),
-            groupEnd: F({}, o, {
+            group: k({}, o, {
+              value: T3
+            }),
+            groupCollapsed: k({}, o, {
               value: D3
+            }),
+            groupEnd: k({}, o, {
+              value: P3
             })
           });
         }
-        J < 0 && g("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 f3 = S.ReactCurrentDispatcher, w3;
-    function l3(o, c, i) {
+    var g3 = m.ReactCurrentDispatcher, f3;
+    function s3(o, c, i) {
       {
-        if (w3 === void 0)
+        if (f3 === void 0)
           try {
             throw Error();
           } catch (x) {
             var v = x.stack.trim().match(/\n( *(at )?)/);
-            w3 = v && v[1] || "";
+            f3 = v && v[1] || "";
           }
         return `
-` + w3 + o;
+` + f3 + o;
       }
     }
-    var p3 = !1, i3;
+    var w3 = !1, c3;
     {
       var x1 = typeof WeakMap == "function" ? WeakMap : Map;
-      i3 = new x1();
+      c3 = new x1();
     }
-    function P3(o, c) {
-      if (!o || p3)
+    function V3(o, c) {
+      if (!o || w3)
         return "";
       {
-        var i = i3.get(o);
+        var i = c3.get(o);
         if (i !== void 0)
           return i;
       }
       var v;
-      p3 = !0;
+      w3 = !0;
       var x = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var Z;
-      Z = f3.current, f3.current = null, w1();
+      var j;
+      j = g3.current, g3.current = null, w1();
       try {
         if (c) {
           var p = function() {
@@ -472,29 +472,29 @@ function Z2() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(p, []);
-            } catch (A) {
-              v = A;
+            } catch (B) {
+              v = B;
             }
             Reflect.construct(o, [], p);
           } else {
             try {
               p.call();
-            } catch (A) {
-              v = A;
+            } catch (B) {
+              v = B;
             }
             o.call(p.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (A) {
-            v = A;
+          } catch (B) {
+            v = B;
           }
           o();
         }
-      } catch (A) {
-        if (A && v && typeof A.stack == "string") {
-          for (var w = A.stack.split(`
+      } catch (B) {
+        if (B && v && typeof B.stack == "string") {
+          for (var w = B.stack.split(`
 `), L = v.stack.split(`
 `), I = w.length - 1, y = L.length - 1; I >= 1 && y >= 0 && w[I] !== L[y]; )
             y--;
@@ -505,67 +505,67 @@ function Z2() {
                   if (I--, y--, y < 0 || w[I] !== L[y]) {
                     var D = `
 ` + w[I].replace(" at new ", " at ");
-                    return o.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", o.displayName)), typeof o == "function" && i3.set(o, D), D;
+                    return o.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", o.displayName)), typeof o == "function" && c3.set(o, D), D;
                   }
                 while (I >= 1 && y >= 0);
               break;
             }
         }
       } finally {
-        p3 = !1, f3.current = Z, p1(), Error.prepareStackTrace = x;
+        w3 = !1, g3.current = j, p1(), Error.prepareStackTrace = x;
       }
-      var H = o ? o.displayName || o.name : "", W = H ? l3(H) : "";
-      return typeof o == "function" && i3.set(o, W), W;
+      var H = o ? o.displayName || o.name : "", W = H ? s3(H) : "";
+      return typeof o == "function" && c3.set(o, W), W;
     }
     function M1(o, c, i) {
-      return P3(o, !1);
+      return V3(o, !1);
     }
     function m1(o) {
       var c = o.prototype;
       return !!(c && c.isReactComponent);
     }
-    function a3(o, c, i) {
+    function l3(o, c, i) {
       if (o == null)
         return "";
       if (typeof o == "function")
-        return P3(o, m1(o));
+        return V3(o, m1(o));
       if (typeof o == "string")
-        return l3(o);
+        return s3(o);
       switch (o) {
         case C:
-          return l3("Suspense");
-        case j:
-          return l3("SuspenseList");
+          return s3("Suspense");
+        case S:
+          return s3("SuspenseList");
       }
       if (typeof o == "object")
         switch (o.$$typeof) {
-          case u:
+          case d:
             return M1(o.render);
           case b:
-            return a3(o.type, c, i);
-          case T: {
-            var v = o, x = v._payload, Z = v._init;
+            return l3(o.type, c, i);
+          case A: {
+            var v = o, x = v._payload, j = v._init;
             try {
-              return a3(Z(x), c, i);
+              return l3(j(x), c, i);
             } catch {
             }
           }
         }
       return "";
     }
-    var z = Object.prototype.hasOwnProperty, V3 = {}, k3 = S.ReactDebugCurrentFrame;
-    function u3(o) {
+    var X = Object.prototype.hasOwnProperty, F3 = {}, k3 = m.ReactDebugCurrentFrame;
+    function i3(o) {
       if (o) {
-        var c = o._owner, i = a3(o.type, o._source, c ? c.type : null);
+        var c = o._owner, i = l3(o.type, o._source, c ? c.type : null);
         k3.setExtraStackFrame(i);
       } else
         k3.setExtraStackFrame(null);
     }
     function Z1(o, c, i, v, x) {
       {
-        var Z = Function.call.bind(z);
+        var j = Function.call.bind(X);
         for (var p in o)
-          if (Z(o, p)) {
+          if (j(o, p)) {
             var w = void 0;
             try {
               if (typeof o[p] != "function") {
@@ -576,43 +576,43 @@ function Z2() {
             } catch (I) {
               w = I;
             }
-            w && !(w instanceof Error) && (u3(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), u3(null)), w instanceof Error && !(w.message in V3) && (V3[w.message] = !0, u3(x), g("Failed %s type: %s", i, w.message), u3(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 j1 = Array.isArray;
-    function x3(o) {
+    function p3(o) {
       return j1(o);
     }
-    function C1(o) {
+    function S1(o) {
       {
         var c = typeof Symbol == "function" && Symbol.toStringTag, i = c && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return i;
       }
     }
-    function S1(o) {
+    function C1(o) {
       try {
-        return F3(o), !1;
+        return W3(o), !1;
       } catch {
         return !0;
       }
     }
-    function F3(o) {
+    function W3(o) {
       return "" + o;
     }
-    function W3(o) {
-      if (S1(o))
-        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", C1(o)), F3(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 X = S.ReactCurrentOwner, b1 = {
+    var Q = m.ReactCurrentOwner, b1 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, U3, H3, M3;
-    M3 = {};
+    }, H3, K3, x3;
+    x3 = {};
     function I1(o) {
-      if (z.call(o, "ref")) {
+      if (X.call(o, "ref")) {
         var c = Object.getOwnPropertyDescriptor(o, "ref").get;
         if (c && c.isReactWarning)
           return !1;
@@ -620,7 +620,7 @@ function Z2() {
       return o.ref !== void 0;
     }
     function y1(o) {
-      if (z.call(o, "key")) {
+      if (X.call(o, "key")) {
         var c = Object.getOwnPropertyDescriptor(o, "key").get;
         if (c && c.isReactWarning)
           return !1;
@@ -628,15 +628,15 @@ function Z2() {
       return o.key !== void 0;
     }
     function R1(o, c) {
-      if (typeof o.ref == "string" && X.current && c && X.current.stateNode !== c) {
-        var i = O(X.current.type);
-        M3[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', O(X.current.type), o.ref), M3[i] = !0);
+      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 E1(o, c) {
       {
         var i = function() {
-          U3 || (U3 = !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));
+          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,
@@ -647,7 +647,7 @@ function Z2() {
     function _1(o, c) {
       {
         var i = function() {
-          H3 || (H3 = !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));
+          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,7 +655,7 @@ function Z2() {
         });
       }
     }
-    var L1 = function(o, c, i, v, x, Z, p) {
+    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,
@@ -665,7 +665,7 @@ function Z2() {
         ref: i,
         props: p,
         // Record the component responsible for creating this element.
-        _owner: Z
+        _owner: j
       };
       return w._store = {}, Object.defineProperty(w._store, "validated", {
         configurable: !1,
@@ -686,39 +686,39 @@ function Z2() {
     };
     function $1(o, c, i, v, x) {
       {
-        var Z, p = {}, w = null, L = null;
-        i !== void 0 && (W3(i), w = "" + i), y1(c) && (W3(c.key), w = "" + c.key), I1(c) && (L = c.ref, R1(c, x));
-        for (Z in c)
-          z.call(c, Z) && !b1.hasOwnProperty(Z) && (p[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 I = o.defaultProps;
-          for (Z in I)
-            p[Z] === void 0 && (p[Z] = I[Z]);
+          for (j in I)
+            p[j] === void 0 && (p[j] = I[j]);
         }
         if (w || L) {
           var y = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
           w && E1(p, y), L && _1(p, y);
         }
-        return L1(o, w, L, x, v, X.current, p);
+        return L1(o, w, L, x, v, Q.current, p);
       }
     }
-    var m3 = S.ReactCurrentOwner, K3 = S.ReactDebugCurrentFrame;
+    var M3 = m.ReactCurrentOwner, G3 = m.ReactDebugCurrentFrame;
     function U(o) {
       if (o) {
-        var c = o._owner, i = a3(o.type, o._source, c ? c.type : null);
-        K3.setExtraStackFrame(i);
+        var c = o._owner, i = l3(o.type, o._source, c ? c.type : null);
+        G3.setExtraStackFrame(i);
       } else
-        K3.setExtraStackFrame(null);
+        G3.setExtraStackFrame(null);
     }
-    var Z3;
-    Z3 = !1;
-    function j3(o) {
+    var m3;
+    m3 = !1;
+    function Z3(o) {
       return typeof o == "object" && o !== null && o.$$typeof === e;
     }
-    function G3() {
+    function q3() {
       {
-        if (m3.current) {
-          var o = O(m3.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 T1(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 q3 = {};
-    function A1(o) {
+    var Y3 = {};
+    function B1(o) {
       {
-        var c = G3();
+        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 Y3(o, c) {
+    function J3(o, c) {
       {
         if (!o._store || o._store.validated || o.key != null)
           return;
         o._store.validated = !0;
-        var i = A1(c);
-        if (q3[i])
+        var i = B1(c);
+        if (Y3[i])
           return;
-        q3[i] = !0;
+        Y3[i] = !0;
         var v = "";
-        o && o._owner && o._owner !== m3.current && (v = " It was passed a child from " + O(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);
+        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 J3(o, c) {
+    function z3(o, c) {
       {
         if (typeof o != "object")
           return;
-        if (x3(o))
+        if (p3(o))
           for (var i = 0; i < o.length; i++) {
             var v = o[i];
-            j3(v) && Y3(v, c);
+            Z3(v) && J3(v, c);
           }
-        else if (j3(o))
+        else if (Z3(o))
           o._store && (o._store.validated = !0);
         else if (o) {
           var x = q(o);
           if (typeof x == "function" && x !== o.entries)
-            for (var Z = x.call(o), p; !(p = Z.next()).done; )
-              j3(p.value) && Y3(p.value, c);
+            for (var j = x.call(o), p; !(p = j.next()).done; )
+              Z3(p.value) && J3(p.value, c);
         }
       }
     }
-    function B1(o) {
+    function T1(o) {
       {
         var c = o.type;
         if (c == null || typeof c == "string")
@@ -791,18 +791,18 @@ 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 === b))
           i = c.propTypes;
         else
           return;
         if (i) {
-          var v = O(c);
+          var v = P(c);
           Z1(i, o.props, "prop", v, o);
-        } else if (c.PropTypes !== void 0 && !Z3) {
-          Z3 = !0;
-          var x = O(c);
+        } 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 && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -820,62 +820,62 @@ Check the top-level render call using <` + i + ">.");
         o.ref !== null && (U(o), g("Invalid attribute `ref` supplied to `React.Fragment`."), U(null));
       }
     }
-    var z3 = {};
-    function X3(o, c, i, v, x, Z) {
+    var X3 = {};
+    function Q3(o, c, i, v, x, j) {
       {
         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 = T1(x);
-          L ? w += L : w += G3();
+          var L = A1(x);
+          L ? w += L : w += q3();
           var I;
-          o === null ? I = "null" : x3(o) ? I = "array" : o !== void 0 && o.$$typeof === e ? (I = "<" + (O(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);
+          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, Z);
+        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 (x3(D)) {
+              if (p3(D)) {
                 for (var H = 0; H < D.length; H++)
-                  J3(D[H], o);
+                  z3(D[H], o);
                 Object.freeze && Object.freeze(D);
               } else
                 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
-              J3(D, o);
+              z3(D, o);
         }
-        if (z.call(c, "key")) {
-          var W = O(o), A = Object.keys(c).filter(function(W1) {
+        if (X.call(c, "key")) {
+          var W = P(o), B = Object.keys(c).filter(function(W1) {
             return W1 !== "key";
-          }), C3 = A.length > 0 ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!z3[W + C3]) {
-            var F1 = A.length > 0 ? "{" + A.join(": ..., ") + ": ...}" : "{}";
+          }), 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} />`, C3, W, F1, W), z3[W + C3] = !0;
+  <%s key={someKey} {...props} />`, j3, W, k1, W), X3[W + j3] = !0;
           }
         }
-        return o === s ? D1(y) : B1(y), y;
+        return o === s ? D1(y) : T1(y), y;
       }
     }
-    function O1(o, c, i) {
-      return X3(o, c, i, !0);
-    }
     function P1(o, c, i) {
-      return X3(o, c, i, !1);
+      return Q3(o, c, i, !0);
     }
-    var V1 = P1, k1 = O1;
-    Q.Fragment = s, Q.jsx = V1, Q.jsxs = k1;
-  }()), Q;
+    function O1(o, c, i) {
+      return Q3(o, c, i, !1);
+    }
+    var V1 = O1, F1 = P1;
+    N.Fragment = s, N.jsx = V1, N.jsxs = F1;
+  }()), N;
 }
-var N = {};
+var e3 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -885,39 +885,39 @@ var N = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var N3;
+var e1;
 function j2() {
-  if (N3)
-    return N;
-  N3 = 1;
-  var t = r1, 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, b = {}, T = null, B = null;
-    C !== void 0 && (T = "" + C), u.key !== void 0 && (T = "" + u.key), u.ref !== void 0 && (B = u.ref);
-    for (j in u)
-      s.call(u, j) && !a.hasOwnProperty(j) && (b[j] = u[j]);
+  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)
-        b[j] === void 0 && (b[j] = u[j]);
-    return { $$typeof: e, type: f, key: T, ref: B, props: b, _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 N.Fragment = r, N.jsx = d, N.jsxs = d, N;
+  return e3.Fragment = r, e3.jsx = u, e3.jsxs = u, e3;
 }
-process.env.NODE_ENV === "production" ? y3.exports = j2() : y3.exports = Z2();
-var n = y3.exports;
-const C2 = () => /* @__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 S2 {
+class C2 {
   constructor() {
-    R(this, "uuid", "current-uuid");
-    R(this, "roomKey", "current-room-key");
-    R(this, "code", "current-code");
-    R(this, "expiry", "current-uuid-expires");
+    _(this, "uuid", "current-uuid");
+    _(this, "roomKey", "current-room-key");
+    _(this, "code", "current-code");
+    _(this, "expiry", "current-uuid-expires");
   }
 }
-const e1 = new S2(), d1 = X1({
+const t1 = new C2(), d1 = X1({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
@@ -930,97 +930,95 @@ function I2(t, e) {
   sessionStorage.setItem(t, e);
 }
 const y2 = ({ children: t }) => {
-  const [e, r] = h3(), s = w2(), l = p2(), a = x2(), d = m2(), f = h2(), u = n3(null), [C, j] = h3(), b = n3({}), T = d3(
-    async (S) => {
-      await I3.get(`${S}/ui/joinroom?token=${e}`).then((g) => {
-        g.status === 200 && g.data && k.dispatch(K.setRoomData(g.data));
+  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]
-  ), B = d3(
-    (S, g) => {
-      u.current && s && u.current.send(JSON.stringify({ type: S, clientId: a, content: g }));
+  ), T = a3(
+    (m, g) => {
+      d.current && s && d.current.send(JSON.stringify({ type: m, clientId: a, content: g }));
     },
     [s, a]
-  ), V = (S, g) => {
-    B(S, { value: g });
-  }, G = d3(
-    (S, g, P) => {
-      b.current[g] || (b.current[g] = {}), b.current[g][S] = P;
+  ), 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 = d3(
-    (S, g) => {
-      b.current[g] && delete b.current[g][S];
+  ), q = a3(
+    (m, g) => {
+      b.current[m] && (delete b.current[m][g], console.log("event handler removed", m, g));
     },
     []
   );
-  return t3(() => {
+  return n3(() => {
     let g = new URLSearchParams(window.location.search).get("token");
-    g ? (console.log("saving token: ", g), I2(e1.uuid, g)) : (g = b2(e1.uuid), console.log("loading token: ", g)), r(g), d();
-  }, []), t3(() => {
+    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 (T(f.apiPath), !u.current) {
-        const g = `${f.apiPath.replace("http", "ws")}/ui/join/${e}`, P = new WebSocket(g);
-        u.current = P, P.onopen = () => {
-          console.log("connected"), k.dispatch(K.setWebsocketIsConnected(!0));
-        }, P.onerror = (Y) => {
+      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);
-        }, P.onclose = () => {
-          if (console.log("disconnected"), u.current)
+        }, O.onclose = () => {
+          if (console.log("disconnected"), d.current)
             console.log("WebSocket closed by server.");
           else {
             console.log("WebSocket closed by client.");
             return;
           }
-          C || (k.dispatch(K.setWebsocketIsConnected(!1)), j(!0), setTimeout(() => j(void 0), 5e3));
-        }, P.onmessage = (Y) => {
+          C || (F.dispatch(K.setWebsocketIsConnected(!1)), S(!0), setTimeout(() => S(void 0), 5e3));
+        }, O.onmessage = (Y) => {
           try {
-            const _ = JSON.parse(Y.data);
-            if (console.log(_), _.type.startsWith("/system/"))
-              switch (_.type) {
+            const R = JSON.parse(Y.data);
+            if (console.log(R), R.type.startsWith("/system/"))
+              switch (R.type) {
                 case "/system/roomKey":
-                  k.dispatch(
+                  F.dispatch(
                     K.setCurrentRoomKey(
-                      _.content
+                      R.content
                     )
                   );
                   break;
                 case "/system/userCodeChanged":
-                  k.dispatch(
-                    K.setUserCode(_.content)
+                  F.dispatch(
+                    K.setUserCode(R.content)
                   );
                   break;
               }
-            else if (_.type.startsWith("/event/")) {
-              const o3 = _.content.eventType;
-              if (!o3)
-                return;
-              const s3 = b.current[o3];
-              s3 && Object.values(s3).forEach((g3) => {
+            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 {
-                  g3(_);
-                } catch (c3) {
-                  console.error(c3);
+                  v3(R);
+                } catch (h3) {
+                  console.error(h3);
                 }
               });
             } else
-              _.type.startsWith("/room/") ? k.dispatch(c2.setRoomState(_)) : _.type.startsWith("/device/") && k.dispatch(r2.setDeviceState(_));
-          } catch (_) {
-            console.log(_);
+              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, T, e, C]), t3(() => {
-    l && B(`/room/${l}/status`, null);
-  }, [l, B]), /* @__PURE__ */ n.jsx(d1.Provider, { value: { sendMessage: B, sendSimpleMessage: V, addEventHandler: G, removeEventHandler: q }, children: s ? t : /* @__PURE__ */ n.jsx(C2, {}) });
-}, Q8 = ({ children: t }) => /* @__PURE__ */ n.jsx(z1, { store: k, children: /* @__PURE__ */ n.jsx(y2, { children: t }) });
+  }, [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);
 }
@@ -1030,8 +1028,8 @@ function R2({
   onHold: r,
   holdTimeMs: s = 500
 }) {
-  const l = n3(null), a = n3(!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);
@@ -1039,26 +1037,26 @@ function R2({
   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 } = E(), l = n3(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 R2({ onPress: a, onRelease: d });
+  return R2({ onPress: a, onRelease: u });
 }
 function v1(t, e) {
   const { sendMessage: r, sendSimpleMessage: s } = E(), l = h(`${t}`, "volumeUp"), a = h(`${t}`, "volumeDown");
@@ -1066,7 +1064,7 @@ function v1(t, 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)
@@ -1078,7 +1076,7 @@ function N8(t, 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)
@@ -1098,7 +1096,7 @@ function h1(t) {
     e(`/device/${t}/powerToggle`, null);
   } };
 }
-function R3(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);
@@ -1117,14 +1115,14 @@ function _2(t) {
   return r ? { levelControls: r.levelControls, setDefaultChannelLevels: s, getFullStatus: l } : void 0;
 }
 function e6(t) {
-  const e = $(t), r = h1(t), s = R3(t), l = R3(t), a = E2(t), d = _2(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
     };
 }
@@ -1134,8 +1132,8 @@ function t6(t) {
     return { endpointState: e };
 }
 function n6(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 };
+  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 r6(t) {
   const e = `/device/${t}`, r = h(e, "red"), s = h(e, "green"), l = h(e, "yellow"), a = h(e, "blue");
@@ -1149,8 +1147,8 @@ function o6(t) {
     };
 }
 function s6(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 };
+  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 c6(t) {
   const e = $(t);
@@ -1165,10 +1163,10 @@ 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 a6(t) {
@@ -1184,11 +1182,11 @@ function u6(t) {
   } } : void 0;
 }
 function d6(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"), b = h(e, "num9"), T = h(e, "numDash"), B = h(e, "numEnter");
-  return { digit0: r, digit1: s, digit2: l, digit3: a, digit4: d, digit5: f, digit6: u, digit7: C, digit8: j, digit9: b, keypadAccessoryButton1: T, keypadAccessoryButton2: B };
+  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 v6(t) {
-  const { sendMessage: e } = E(), r = u1(t);
+  const { sendMessage: e } = E(), r = R3(t);
   return r ? { roomEventScheduleState: r, save: (l) => {
     e(`/room/${t}/saveScheduledEvents`, l);
   } } : void 0;
@@ -1220,7 +1218,7 @@ function w6(t) {
   } } : void 0;
 }
 function p6(t) {
-  const { sendMessage: e } = E(), r = u1(t);
+  const { sendMessage: e } = E(), r = R3(t);
   return r ? { shutdownPromptTimerState: r, setShutdownPromptSeconds: (f) => {
     e(`/room/${t}/setShutdownPromptSeconds`, f);
   }, shutdownStart: () => {
@@ -1239,11 +1237,31 @@ function x6(t) {
     e(`/device/${t}/off`, null);
   } } : void 0;
 }
-function M6(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 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,
@@ -1259,8 +1277,8 @@ function m6(t) {
     } }
   } : void 0;
 }
-function Z6(t) {
-  const e = $(t), r = h1(t), s = R3(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;
@@ -1271,9 +1289,9 @@ function Z6(t) {
     powerFb: { powerOnFb: l, powerOffFb: a }
   };
 }
-const j6 = ({ config: t }) => {
+const C6 = ({ config: t }) => {
   const { sendMessage: e } = E();
-  t3(() => {
+  n3(() => {
     var s, l;
     if (!t)
       return;
@@ -1296,45 +1314,45 @@ const j6 = ({ config: t }) => {
     });
   }, [t, e]);
 };
-function C6(t, e) {
+function b6(t, e) {
   const r = f2(t, e), s = `/room/${t}/volumes/${e}`;
   return v1(s, r);
 }
-const S6 = () => /* @__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", T2 = "_iconsm_16qss_18", S3 = {
+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: T2
-}, A2 = ({
+  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,
+  onPointerUp: S,
   onPointerLeave: b,
-  ...T
+  ...A
 }) => {
-  const [B, V] = h3(!1), G = !d && f ? u : "", q = !d && (B || f);
+  const [T, V] = d3(!1), G = !u && f ? d : "", q = !u && (T || f);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
       type: "button",
       className: `${S3.iconbtn} ${r ? S3.iconbtnvert : ""} ${s} ${G}`,
-      ...T,
-      disabled: d,
-      onPointerDown: (S) => {
-        V(!0), C == null || C(S);
+      ...A,
+      disabled: u,
+      onPointerDown: (m) => {
+        V(!0), C == null || C(m);
       },
-      onPointerUp: (S) => {
-        V(!1), j == null || j(S);
+      onPointerUp: (m) => {
+        V(!1), S == null || S(m);
       },
-      onPointerLeave: (S) => {
-        V(!1), b == null || b(S);
+      onPointerLeave: (m) => {
+        V(!1), b == null || b(m);
       },
       children: [
         t && /* @__PURE__ */ n.jsx(
@@ -1342,7 +1360,7 @@ const S6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
           {
             className: `${l || S3.iconsm}`,
             active: q,
-            disabled: d
+            disabled: u
           }
         ),
         /* @__PURE__ */ n.jsx("div", { className: a, children: e })
@@ -1355,7 +1373,7 @@ const S6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
   EnabledImage: r,
   active: s,
   disabled: l
-}) => l ? e : s ? t : r, B2 = ({
+}) => l ? e : s ? t : r, T2 = ({
   active: t,
   className: e = "",
   disabled: r
@@ -1456,7 +1474,7 @@ const S6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), O2 = ({
+), P2 = ({
   active: t,
   className: e = "",
   disabled: r
@@ -1505,7 +1523,7 @@ const S6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), P2 = ({
+), O2 = ({
   active: t,
   className: e = "",
   disabled: r
@@ -1594,7 +1612,7 @@ const S6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), k2 = ({
+), F2 = ({
   active: t,
   className: e = "",
   disabled: r
@@ -1643,7 +1661,7 @@ const S6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: t,
     disabled: r
   }
-), F2 = ({
+), k2 = ({
   active: t,
   className: e = "",
   disabled: r
@@ -2814,11 +2832,11 @@ const S6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
   }
 ), d8 = {
   Alert: D2,
-  Camera: P2,
-  DownArrow: k2,
-  Ban: O2,
+  Camera: O2,
+  DownArrow: F2,
+  Ban: P2,
   Check: V2,
-  Elipses: F2,
+  Elipses: k2,
   Flag: W2,
   Gear: U2,
   Glass: H2,
@@ -2826,7 +2844,7 @@ const S6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
   Laptop: G2,
   LeftArrow: q2,
   Light: Y2,
-  Mic: B2,
+  Mic: T2,
   Moon: J2,
   Playstation: z2,
   Podium: X2,
@@ -2844,105 +2862,93 @@ const S6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
   X: a8,
   Xbox: u8
 };
-function b6({
+function y6({
   name: t,
   iconsDictionary: e = d8,
   ...r
 }) {
   const s = e[t] ?? null;
-  return s || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ n.jsx(A2, { multiIcon: s, ...r });
+  return s || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ n.jsx(B2, { multiIcon: s, ...r });
 }
-const v8 = "_grid_1cmpp_1", h8 = "_header_1cmpp_11", g8 = "_content_1cmpp_17", f8 = "_footer_1cmpp_23", w8 = "_volume_1cmpp_29", e3 = {
+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
-}, I6 = ({ header: t, footer: e, content: r, volume: s, showVolume: l }) => /* @__PURE__ */ n.jsxs("div", { className: e3.grid, children: [
-  /* @__PURE__ */ n.jsx("div", { className: e3.header, children: t }),
-  /* @__PURE__ */ n.jsx("div", { className: e3.content, children: r }),
-  l && /* @__PURE__ */ n.jsx("div", { className: e3.volume, children: s }),
-  /* @__PURE__ */ n.jsx("div", { className: e3.footer, children: e })
-] }), p8 = "_grid_11w5q_1", x8 = "_header_11w5q_11", M8 = "_content_11w5q_17", v3 = {
+}, 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"
-}, y6 = ({ className: t, header: e, content: r, leftNav: s }) => /* @__PURE__ */ n.jsxs("div", { className: `${t} ${v3.grid}`, children: [
-  /* @__PURE__ */ n.jsx("div", { className: v3.header, children: e }),
-  s && /* @__PURE__ */ n.jsx("div", { className: v3.leftNav, children: s }),
-  /* @__PURE__ */ n.jsx("div", { className: v3.content, children: r })
-] }), m8 = "_grid_1uwfo_1", Z8 = "_header_1uwfo_11", j8 = "_content_1uwfo_17", b3 = {
+}, 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
-}, R6 = ({ className: t, header: e, content: r }) => /* @__PURE__ */ n.jsxs("div", { className: `${t} ${b3.grid}`, children: [
-  /* @__PURE__ */ n.jsx("div", { className: b3.header, children: e }),
-  /* @__PURE__ */ n.jsx("div", { className: b3.content, children: r })
+}, _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 E6() {
+function L6() {
   return console.log(location.pathname), location.pathname;
 }
-var C8 = /* @__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))(C8 || {});
-class _6 {
+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) {
-    R(this, "path");
-    R(this, "handler");
+    _(this, "path");
+    _(this, "handler");
     this.path = e, this.handler = r;
   }
 }
-const L6 = "$off";
-class $6 {
+const A6 = "$off";
+class B6 {
   constructor() {
-    R(this, "name", "");
-    R(this, "iconUrl", "");
-    R(this, "channel", "");
+    _(this, "name", "");
+    _(this, "iconUrl", "");
+    _(this, "channel", "");
   }
 }
 class T6 {
   constructor() {
-    R(this, "deviceKey");
-    R(this, "deviceType");
+    _(this, "deviceKey");
+    _(this, "deviceType");
   }
 }
-class A6 {
+class D6 {
   constructor() {
-    R(this, "deviceKey");
-    R(this, "deviceType");
+    _(this, "deviceKey");
+    _(this, "deviceType");
   }
 }
-class B6 {
+class P6 {
   constructor() {
-    R(this, "currentShareText");
-    R(this, "enabled");
-    R(this, "isSharing");
+    _(this, "currentShareText");
+    _(this, "enabled");
+    _(this, "isSharing");
   }
 }
-const D6 = ({ className: t }) => {
-  const [e, r] = h3();
-  return t3(() => {
-    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 {
-  A6 as AccessoryDeviceConfiguration,
-  D6 as Clock,
-  C8 as DaysOfWeek,
+  D6 as AccessoryDeviceConfiguration,
+  M6 as Clock,
+  S8 as DaysOfWeek,
   T6 as EnvironmentalDeviceConfiguration,
-  S6 as ErrorBox,
-  A2 as IconButton,
+  I6 as ErrorBox,
+  B2 as IconButton,
   D2 as IconMultiAlert,
-  O2 as IconMultiBan,
-  P2 as IconMultiCamera,
+  P2 as IconMultiBan,
+  O2 as IconMultiCamera,
   V2 as IconMultiCheck,
-  k2 as IconMultiDownArrow,
-  F2 as IconMultiElipses,
+  F2 as IconMultiDownArrow,
+  k2 as IconMultiElipses,
   W2 as IconMultiFlag,
   U2 as IconMultiGear,
   H2 as IconMultiGlass,
@@ -2966,19 +2972,19 @@ export {
   i8 as IconMultiWireless,
   a8 as IconMultiX,
   u8 as IconMultiXbox,
-  I6 as MainLayout,
-  _6 as MessageHandler,
+  R6 as MainLayout,
+  $6 as MessageHandler,
   Q8 as MobileControlProvider,
   M as MultiStateIconContainer,
-  b6 as NamedIconButton,
-  $6 as PresetChannel,
-  B6 as ShareState,
-  y6 as TechLayout,
-  R6 as TechPinLayout,
-  E6 as getBaseLocation,
-  I3 as httpClient,
-  L6 as roomOffSourceKey,
-  k as store,
+  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,
   E8 as uiActions,
   d2 as uiReducer,
   _8 as useApiPath,
@@ -2988,7 +2994,7 @@ export {
   x2 as useClientId,
   E2 as useDeviceIBasicVolumeWithFeedback,
   t6 as useEndpoint,
-  j6 as useGetAllDeviceStateFromRoomConfiguration,
+  C6 as useGetAllDeviceStateFromRoomConfiguration,
   g2 as useGetAllDevices,
   z8 as useGetCurrentPopoverIdForGroup,
   $ as useGetDevice,
@@ -3003,7 +3009,7 @@ export {
   c6 as useIDeviceInfoMessenger,
   l6 as useIDvr,
   h1 as useIHasPowerControl,
-  R3 as useIHasSelectableItems,
+  y3 as useIHasSelectableItems,
   i6 as useILevelControls,
   a6 as useILightingScenes,
   u6 as useIMatrixRouting,
@@ -3015,33 +3021,34 @@ export {
   w6 as useIShadesOpenCloseStop,
   p6 as useIShutdownPromptTimer,
   x6 as useISwitchedOutput,
-  M6 as useITransport,
+  m6 as useITechPassword,
+  Z6 as useITransport,
   m2 as useInitialize,
-  m6 as useMobileControlTouchpanelController,
+  j6 as useMobileControlTouchpanelController,
   R2 as usePressHoldRelease,
   U8 as useRoomAdvancedSharingActive,
-  P8 as useRoomCodecContentDestinationKey,
+  O8 as useRoomCodecContentDestinationKey,
   L8 as useRoomConfiguration,
-  B8 as useRoomDestinationList,
-  A8 as useRoomDestinations,
+  T8 as useRoomDestinationList,
+  B8 as useRoomDestinations,
   D8 as useRoomEnvironmentalDevices,
-  C6 as useRoomIBasicVolumeWithFeedback,
+  b6 as useRoomIBasicVolumeWithFeedback,
   V8 as useRoomInCall,
-  F8 as useRoomIsCoolingDown,
+  k8 as useRoomIsCoolingDown,
   W8 as useRoomIsOn,
-  k8 as useRoomIsWarmingUp,
+  F8 as useRoomIsWarmingUp,
   p2 as useRoomKey,
   $8 as useRoomName,
-  O8 as useRoomProgramAudioDestinationKey,
+  P8 as useRoomProgramAudioDestinationKey,
   H8 as useRoomShareState,
-  T8 as useRoomSourceList,
-  u1 as useRoomState,
+  A8 as useRoomSourceList,
+  R3 as useRoomState,
   f2 as useRoomVolume,
   Y8 as useShowIncomingCallModal,
   J8 as useShowModal,
   X8 as useShowPopoverById,
   q8 as useShowShutdownModal,
-  Z6 as useTwoWayDisplayBase,
+  S6 as useTwoWayDisplayBase,
   E as useWebsocketContext,
   w2 as useWsIsConnected
 };