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

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

@@ -1,12 +1,13 @@
-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);
+var W1 = Object.defineProperty;
+var H1 = (t, e, o) => e in t ? W1(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var _ = (t, e, o) => (H1(t, typeof e != "symbol" ? e + "" : e, o), o);
 import K1 from "axios";
-import { createSlice as o3, combineReducers as G1, configureStore as n1, createSelector as q1 } from "@reduxjs/toolkit";
+import { createSlice as s3, 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 = {
+import * as o1 from "lodash";
+import r1, { createContext as X1, useState as q, useRef as r3, useCallback as u3, useEffect as G, useContext as Q1 } from "react";
+import { useNavigate as N1 } from "react-router-dom";
+const e2 = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -16,41 +17,41 @@ const N1 = {
     loginMode: "",
     modes: {}
   }
-}, s1 = o3({
+}, s1 = s3({
   name: "appConfig",
-  initialState: N1,
+  initialState: e2,
   reducers: {
     setAppConfig(t, e) {
       t.config = e.payload;
     }
   }
-}), e2 = s1.actions, t2 = s1.reducer, n2 = {}, c1 = o3({
+}), t2 = s1.actions, n2 = s1.reducer, o2 = {}, c1 = s3({
   name: "devices",
-  initialState: n2,
+  initialState: o2,
   reducers: {
     setDeviceState(t, e) {
-      const r = e.payload.type, s = r.slice(r.lastIndexOf("/") + 1);
+      const o = e.payload.type, s = o.slice(o.lastIndexOf("/") + 1);
       if (!s)
         return;
-      const l = e.payload.content, a = t[s] ?? {}, u = r1.merge(a, l);
-      return t[s] = u, t;
+      const l = e.payload.content, i = t[s] ?? {}, d = o1.merge(i, l);
+      return t[s] = d, t;
     }
   }
-}), r2 = c1.actions, o2 = c1.reducer, s2 = {}, l1 = o3({
+}), r2 = c1.actions, s2 = c1.reducer, c2 = {}, l1 = s3({
   name: "rooms",
-  initialState: s2,
+  initialState: c2,
   reducers: {
     setRoomState(t, e) {
-      const r = e.payload.type, s = r.slice(r.lastIndexOf("/") + 1);
-      if (console.log(r, s), !s)
+      const o = e.payload.type, s = o.slice(o.lastIndexOf("/") + 1);
+      if (console.log(o, s), !s)
         return;
       const l = e.payload.content;
       console.log(l);
-      const a = t[s] ?? {}, u = r1.merge(a, l);
-      return t[s] = u, console.log(t), t;
+      const i = t[s] ?? {}, d = o1.merge(i, l);
+      return t[s] = d, console.log(t), t;
     }
   }
-}), c2 = l1.actions, l2 = l1.reducer, i2 = {
+}), l2 = l1.actions, i2 = l1.reducer, a2 = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -69,9 +70,9 @@ const N1 = {
     userCode: "",
     qrUrl: ""
   }
-}, i1 = o3({
+}, i1 = s3({
   name: "runtimeConfig",
-  initialState: i2,
+  initialState: a2,
   reducers: {
     setRuntimeConfig(t, e) {
       t.apiVersion = e.payload.apiVersion, t.serverIsRunningOnProcessorHardware = e.payload.serverIsRunningOnProcessorHardware;
@@ -95,15 +96,15 @@ const N1 = {
       t.roomData.userCode = e.payload.userCode, t.roomData.qrUrl = e.payload.qrUrl;
     }
   }
-}), K = i1.actions, a2 = i1.reducer, u2 = {
+}), K = i1.actions, u2 = i1.reducer, d2 = {
   modalVisibility: {
     showShutdownModal: !1,
     showIncomingCallModal: !1
   },
   popoverVisibility: {}
-}, a1 = o3({
+}, a1 = s3({
   name: "ui",
-  initialState: u2,
+  initialState: d2,
   reducers: {
     clearAllModals(t) {
       Object.entries(t.modalVisibility).forEach(([e]) => {
@@ -120,142 +121,142 @@ const N1 = {
       t.modalVisibility.showIncomingCallModal = e.payload;
     },
     setPopoverState(t, e) {
-      t.popoverVisibility[e.payload.popoverGroup] || (t.popoverVisibility[e.payload.popoverGroup] = {}), Object.entries(t.popoverVisibility[e.payload.popoverGroup]).forEach(([r]) => {
-        t.popoverVisibility[e.payload.popoverGroup][r] = !1;
+      t.popoverVisibility[e.payload.popoverGroup] || (t.popoverVisibility[e.payload.popoverGroup] = {}), Object.entries(t.popoverVisibility[e.payload.popoverGroup]).forEach(([o]) => {
+        t.popoverVisibility[e.payload.popoverGroup][o] = !1;
       }), t.popoverVisibility[e.payload.popoverGroup][e.payload.popoverId] = e.payload.value;
     }
   }
-}), E8 = a1.actions, d2 = a1.reducer, u1 = G1({
-  appConfig: t2,
-  runtimeConfig: a2,
-  rooms: l2,
-  devices: o2,
-  ui: d2
-}), v2 = n1({
+}), L8 = a1.actions, v2 = a1.reducer, u1 = G1({
+  appConfig: n2,
+  runtimeConfig: u2,
+  rooms: i2,
+  devices: s2,
+  ui: v2
+}), h2 = 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) {
+}), Z = Y1, g2 = () => Z((t) => t.appConfig.config), $8 = () => Z((t) => t.appConfig.config.apiPath), f2 = () => Z((t) => t.devices);
+function L(t) {
   return Z((e) => e.devices[t] ? e.devices[t] : void 0);
 }
-const L8 = (t) => Z(
+const A8 = (t) => Z(
   (e) => {
-    var r;
-    return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.configuration : void 0;
+    var o;
+    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.configuration : void 0;
   }
 ), R3 = (t) => Z(
   (e) => e.rooms[t] ? e.rooms[t] : void 0
-), $8 = (t) => Z(
+), T8 = (t) => Z(
   (e) => {
-    var r;
-    return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.name : void 0;
+    var o;
+    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.name : void 0;
   }
-), f2 = (t, e) => Z(
-  (r) => {
+), w2 = (t, e) => Z(
+  (o) => {
     var s;
-    return r.rooms[t] ? (s = r.rooms[t]) == null ? void 0 : s.volumes[e] : void 0;
+    return o.rooms[t] ? (s = o.rooms[t]) == null ? void 0 : s.volumes[e] : void 0;
   }
-), A8 = (t) => Z(
+), 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.sourceList : void 0;
+    var o, s;
+    return e.rooms[t] ? (s = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : s.sourceList : void 0;
   }
 ), 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;
-  }
-), 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) => 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;
+    var o, s;
+    return e.rooms[t] ? (s = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : s.destinations : void 0;
   }
 ), P8 = (t) => Z(
   (e) => {
-    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) || "";
+    var o, s;
+    return e.rooms[t] ? (s = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : s.destinationList : void 0;
   }
 ), 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;
+    var o, s;
+    return e.rooms[t] ? (s = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : s.environmentalDevices : void 0;
   }
 ), V8 = (t) => Z(
   (e) => {
-    var r;
-    return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.isInCall : void 0;
+    var o, s, l, i, d, f, u, C;
+    return (s = (o = e.rooms[t]) == null ? void 0 : o.configuration) != null && s.destinationList.programAudio ? (d = (i = (l = e.rooms[t]) == null ? void 0 : l.configuration) == null ? void 0 : i.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) || "";
   }
 ), F8 = (t) => Z(
   (e) => {
-    var r;
-    return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.isWarmingUp : void 0;
+    var o, s, l;
+    return e.rooms[t] ? (l = (s = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : s.destinationList.codecContent) == null ? void 0 : l.sinkKey : void 0;
   }
 ), k8 = (t) => Z(
   (e) => {
-    var r;
-    return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.isCoolingDown : void 0;
+    var o;
+    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.isInCall : void 0;
   }
-), W8 = (t) => Z(
+), U8 = (t) => Z(
   (e) => {
-    var r;
-    return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.isOn : void 0;
+    var o;
+    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.isWarmingUp : void 0;
   }
-), U8 = (t) => Z(
+), W8 = (t) => Z(
   (e) => {
-    var r;
-    return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.advancedSharingActive : void 0;
+    var o;
+    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.isCoolingDown : void 0;
   }
 ), H8 = (t) => Z(
   (e) => {
-    var r;
-    return e.rooms[t] ? (r = e.rooms[t]) == null ? void 0 : r.share : void 0;
+    var o;
+    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.isOn : void 0;
+  }
+), K8 = (t) => Z(
+  (e) => {
+    var o;
+    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.advancedSharingActive : void 0;
+  }
+), G8 = (t) => Z(
+  (e) => {
+    var o;
+    return e.rooms[t] ? (o = e.rooms[t]) == null ? void 0 : o.share : void 0;
   }
-), K8 = (t) => q1(
+), q8 = (t) => q1(
   [
-    (e, r) => r,
-    g2,
+    (e, o) => o,
+    f2,
     (e) => {
-      var r, s;
-      return (s = (r = e.rooms[t]) == null ? void 0 : r.configuration) == null ? void 0 : s.destinations;
+      var o, s;
+      return (s = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : s.destinations;
     }
   ],
-  (e, r, s) => {
-    if (console.log("roomKey", e), console.log("devices", r), console.log("destinations", s), !s)
+  (e, o, s) => {
+    if (console.log("roomKey", e), console.log("devices", o), console.log("destinations", s), !s)
       return;
-    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));
+    const l = Object.entries(s).filter(([d]) => d !== "programAudio" && d !== "codecContent").map(([, d]) => d);
+    return Object.values(o).filter((d) => Object.values(l).includes(d.key));
   }
-)(v2.getState(), t), G8 = (t) => Z(
+)(h2.getState(), t), Y8 = (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 = () => 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) => Z((r) => {
+    var o, s;
+    return e.rooms[t] ? (s = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : s.zoomRoomControllerKey : void 0;
+  }
+), p2 = () => Z((t) => t.runtimeConfig.websocket.isConnected), x2 = () => Z((t) => t.runtimeConfig.roomData.roomKey), M2 = () => Z((t) => t.runtimeConfig.roomData.clientId), J8 = () => Z((t) => t.ui.modalVisibility.showShutdownModal), z8 = () => Z((t) => t.ui.modalVisibility.showIncomingCallModal), X8 = (t) => Z((e) => e.ui.modalVisibility[t]), Q8 = (t) => Z((e) => {
+  const o = e.ui.popoverVisibility[t];
+  if (o)
+    return Object.keys(o).find((s) => o[s]);
+}), N8 = (t, e) => Z((o) => {
   var s;
-  return (s = r.ui.popoverVisibility[t]) == null ? void 0 : s[e];
+  return (s = o.ui.popoverVisibility[t]) == null ? void 0 : s[e];
 }), F = n1({
   reducer: u1
-}), M2 = J1, b3 = K1.create();
-function m2() {
-  const t = M2();
+}), m2 = J1, b3 = K1.create();
+function Z2() {
+  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 b3.get("/_local-config/_config.local.json", { baseURL: r });
+      const o = `/${e.join("/")}`, s = await b3.get("/_local-config/_config.local.json", { baseURL: o });
       if (s.status == 200 && s.data) {
         const l = s.data.apiPath;
-        t(e2.setAppConfig(s.data));
-        const a = await b3.get(`${l}/version`);
-        a.status == 200 && a.data && t(K.setRuntimeConfig(a.data));
+        t(t2.setAppConfig(s.data));
+        const i = await b3.get(`${l}/version`);
+        i.status == 200 && i.data && t(K.setRuntimeConfig(i.data));
       }
     } catch (e) {
       console.error("Error getting config", e);
@@ -263,7 +264,7 @@ function m2() {
     return !0;
   };
 }
-var I3 = { exports: {} }, N = {};
+var I3 = { exports: {} }, t3 = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -274,65 +275,65 @@ var I3 = { exports: {} }, N = {};
  * LICENSE file in the root directory of this source tree.
  */
 var N3;
-function Z2() {
+function j2() {
   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")
+    var t = r1, e = Symbol.for("react.element"), o = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), i = 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"), S = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), D = Symbol.for("react.offscreen"), V = Symbol.iterator, Y = "@@iterator";
+    function J(r) {
+      if (r === null || typeof r != "object")
         return null;
-      var c = V && o[V] || o[G];
+      var c = V && r[V] || r[Y];
       return typeof c == "function" ? c : null;
     }
     var m = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function g(o) {
+    function g(r) {
       {
-        for (var c = arguments.length, i = new Array(c > 1 ? c - 1 : 0), v = 1; v < c; v++)
-          i[v - 1] = arguments[v];
-        O("error", o, i);
+        for (var c = arguments.length, a = new Array(c > 1 ? c - 1 : 0), v = 1; v < c; v++)
+          a[v - 1] = arguments[v];
+        O("error", r, a);
       }
     }
-    function O(o, c, i) {
+    function O(r, c, a) {
       {
         var v = m.ReactDebugCurrentFrame, x = v.getStackAddendum();
-        x !== "" && (c += "%s", i = i.concat([x]));
-        var j = i.map(function(p) {
+        x !== "" && (c += "%s", a = a.concat([x]));
+        var j = a.map(function(p) {
           return String(p);
         });
-        j.unshift("Warning: " + c), Function.prototype.apply.call(console[o], console, j);
+        j.unshift("Warning: " + c), Function.prototype.apply.call(console[r], console, j);
       }
     }
-    var Y = !1, R = !1, J = !1, v3 = !1, h3 = !1, E3;
+    var z = !1, E = !1, X = !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
+    function g1(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === s || r === i || h3 || r === l || r === C || r === S || v3 || r === D || z || E || X || typeof r == "object" && r !== null && (r.$$typeof === A || r.$$typeof === b || r.$$typeof === d || r.$$typeof === f || r.$$typeof === u || // 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 === E3 || o.getModuleId !== void 0));
+      r.$$typeof === E3 || r.getModuleId !== void 0));
     }
-    function f1(o, c, i) {
-      var v = o.displayName;
+    function f1(r, c, a) {
+      var v = r.displayName;
       if (v)
         return v;
       var x = c.displayName || c.name || "";
-      return x !== "" ? i + "(" + x + ")" : i;
+      return x !== "" ? a + "(" + x + ")" : a;
     }
-    function _3(o) {
-      return o.displayName || "Context";
+    function _3(r) {
+      return r.displayName || "Context";
     }
-    function P(o) {
-      if (o == null)
+    function P(r) {
+      if (r == 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")
-        return o.displayName || o.name || null;
-      if (typeof o == "string")
-        return o;
-      switch (o) {
+      if (typeof r.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
+        return r.displayName || r.name || null;
+      if (typeof r == "string")
+        return r;
+      switch (r) {
         case s:
           return "Fragment";
-        case r:
+        case o:
           return "Portal";
-        case a:
+        case i:
           return "Profiler";
         case l:
           return "StrictMode";
@@ -341,21 +342,21 @@ function Z2() {
         case S:
           return "SuspenseList";
       }
-      if (typeof o == "object")
-        switch (o.$$typeof) {
+      if (typeof r == "object")
+        switch (r.$$typeof) {
           case f:
-            var c = o;
+            var c = r;
             return _3(c) + ".Consumer";
-          case u:
-            var i = o;
-            return _3(i._context) + ".Provider";
           case d:
-            return f1(o, o.render, "ForwardRef");
+            var a = r;
+            return _3(a._context) + ".Provider";
+          case u:
+            return f1(r, r.render, "ForwardRef");
           case b:
-            var v = o.displayName || null;
-            return v !== null ? v : P(o.type) || "Memo";
+            var v = r.displayName || null;
+            return v !== null ? v : P(r.type) || "Memo";
           case A: {
-            var x = o, j = x._payload, p = x._init;
+            var x = r, j = x._payload, p = x._init;
             try {
               return P(p(j));
             } catch {
@@ -365,70 +366,70 @@ function Z2() {
         }
       return null;
     }
-    var k = Object.assign, z = 0, L3, $3, A3, B3, T3, D3, P3;
+    var k = Object.assign, Q = 0, L3, $3, A3, T3, D3, B3, P3;
     function O3() {
     }
     O3.__reactDisabledLog = !0;
     function w1() {
       {
-        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 = {
+        if (Q === 0) {
+          L3 = console.log, $3 = console.info, A3 = console.warn, T3 = console.error, D3 = console.group, B3 = console.groupCollapsed, P3 = console.groupEnd;
+          var r = {
             configurable: !0,
             enumerable: !0,
             value: O3,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: o,
-            log: o,
-            warn: o,
-            error: o,
-            group: o,
-            groupCollapsed: o,
-            groupEnd: o
+            info: r,
+            log: r,
+            warn: r,
+            error: r,
+            group: r,
+            groupCollapsed: r,
+            groupEnd: r
           });
         }
-        z++;
+        Q++;
       }
     }
     function p1() {
       {
-        if (z--, z === 0) {
-          var o = {
+        if (Q--, Q === 0) {
+          var r = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: k({}, o, {
+            log: k({}, r, {
               value: L3
             }),
-            info: k({}, o, {
+            info: k({}, r, {
               value: $3
             }),
-            warn: k({}, o, {
+            warn: k({}, r, {
               value: A3
             }),
-            error: k({}, o, {
-              value: B3
-            }),
-            group: k({}, o, {
+            error: k({}, r, {
               value: T3
             }),
-            groupCollapsed: k({}, o, {
+            group: k({}, r, {
               value: D3
             }),
-            groupEnd: k({}, o, {
+            groupCollapsed: k({}, r, {
+              value: B3
+            }),
+            groupEnd: k({}, r, {
               value: P3
             })
           });
         }
-        z < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Q < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var g3 = m.ReactCurrentDispatcher, f3;
-    function s3(o, c, i) {
+    function c3(r, c, a) {
       {
         if (f3 === void 0)
           try {
@@ -438,21 +439,21 @@ function Z2() {
             f3 = v && v[1] || "";
           }
         return `
-` + f3 + o;
+` + f3 + r;
       }
     }
-    var w3 = !1, c3;
+    var w3 = !1, l3;
     {
       var x1 = typeof WeakMap == "function" ? WeakMap : Map;
-      c3 = new x1();
+      l3 = new x1();
     }
-    function V3(o, c) {
-      if (!o || w3)
+    function V3(r, c) {
+      if (!r || w3)
         return "";
       {
-        var i = c3.get(o);
-        if (i !== void 0)
-          return i;
+        var a = l3.get(r);
+        if (a !== void 0)
+          return a;
       }
       var v;
       w3 = !0;
@@ -472,197 +473,197 @@ function Z2() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(p, []);
-            } catch (B) {
-              v = B;
+            } catch (T) {
+              v = T;
             }
-            Reflect.construct(o, [], p);
+            Reflect.construct(r, [], p);
           } else {
             try {
               p.call();
-            } catch (B) {
-              v = B;
+            } catch (T) {
+              v = T;
             }
-            o.call(p.prototype);
+            r.call(p.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (B) {
-            v = B;
+          } catch (T) {
+            v = T;
           }
-          o();
-        }
-      } 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--;
-          for (; I >= 1 && y >= 0; I--, y--)
-            if (w[I] !== L[y]) {
-              if (I !== 1 || y !== 1)
+          r();
+        }
+      } catch (T) {
+        if (T && v && typeof T.stack == "string") {
+          for (var w = T.stack.split(`
+`), $ = v.stack.split(`
+`), I = w.length - 1, R = $.length - 1; I >= 1 && R >= 0 && w[I] !== $[R]; )
+            R--;
+          for (; I >= 1 && R >= 0; I--, R--)
+            if (w[I] !== $[R]) {
+              if (I !== 1 || R !== 1)
                 do
-                  if (I--, y--, y < 0 || w[I] !== L[y]) {
-                    var D = `
+                  if (I--, R--, R < 0 || w[I] !== $[R]) {
+                    var B = `
 ` + 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;
+                    return r.displayName && B.includes("<anonymous>") && (B = B.replace("<anonymous>", r.displayName)), typeof r == "function" && l3.set(r, B), B;
                   }
-                while (I >= 1 && y >= 0);
+                while (I >= 1 && R >= 0);
               break;
             }
         }
       } finally {
         w3 = !1, g3.current = j, p1(), Error.prepareStackTrace = x;
       }
-      var H = o ? o.displayName || o.name : "", W = H ? s3(H) : "";
-      return typeof o == "function" && c3.set(o, W), W;
+      var H = r ? r.displayName || r.name : "", U = H ? c3(H) : "";
+      return typeof r == "function" && l3.set(r, U), U;
     }
-    function M1(o, c, i) {
-      return V3(o, !1);
+    function M1(r, c, a) {
+      return V3(r, !1);
     }
-    function m1(o) {
-      var c = o.prototype;
+    function m1(r) {
+      var c = r.prototype;
       return !!(c && c.isReactComponent);
     }
-    function l3(o, c, i) {
-      if (o == null)
+    function i3(r, c, a) {
+      if (r == null)
         return "";
-      if (typeof o == "function")
-        return V3(o, m1(o));
-      if (typeof o == "string")
-        return s3(o);
-      switch (o) {
+      if (typeof r == "function")
+        return V3(r, m1(r));
+      if (typeof r == "string")
+        return c3(r);
+      switch (r) {
         case C:
-          return s3("Suspense");
+          return c3("Suspense");
         case S:
-          return s3("SuspenseList");
+          return c3("SuspenseList");
       }
-      if (typeof o == "object")
-        switch (o.$$typeof) {
-          case d:
-            return M1(o.render);
+      if (typeof r == "object")
+        switch (r.$$typeof) {
+          case u:
+            return M1(r.render);
           case b:
-            return l3(o.type, c, i);
+            return i3(r.type, c, a);
           case A: {
-            var v = o, x = v._payload, j = v._init;
+            var v = r, x = v._payload, j = v._init;
             try {
-              return l3(j(x), c, i);
+              return i3(j(x), c, a);
             } catch {
             }
           }
         }
       return "";
     }
-    var X = Object.prototype.hasOwnProperty, F3 = {}, k3 = m.ReactDebugCurrentFrame;
-    function i3(o) {
-      if (o) {
-        var c = o._owner, i = l3(o.type, o._source, c ? c.type : null);
-        k3.setExtraStackFrame(i);
+    var N = Object.prototype.hasOwnProperty, F3 = {}, k3 = m.ReactDebugCurrentFrame;
+    function a3(r) {
+      if (r) {
+        var c = r._owner, a = i3(r.type, r._source, c ? c.type : null);
+        k3.setExtraStackFrame(a);
       } else
         k3.setExtraStackFrame(null);
     }
-    function Z1(o, c, i, v, x) {
+    function Z1(r, c, a, v, x) {
       {
-        var j = Function.call.bind(X);
-        for (var p in o)
-          if (j(o, p)) {
+        var j = Function.call.bind(N);
+        for (var p in r)
+          if (j(r, p)) {
             var w = void 0;
             try {
-              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;
+              if (typeof r[p] != "function") {
+                var $ = Error((v || "React class") + ": " + a + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw $.name = "Invariant Violation", $;
               }
-              w = o[p](c, p, v, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              w = r[p](c, p, v, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (I) {
               w = I;
             }
-            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));
+            w && !(w instanceof Error) && (a3(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", a, p, typeof w), a3(null)), w instanceof Error && !(w.message in F3) && (F3[w.message] = !0, a3(x), g("Failed %s type: %s", a, w.message), a3(null));
           }
       }
     }
     var j1 = Array.isArray;
-    function p3(o) {
-      return j1(o);
+    function p3(r) {
+      return j1(r);
     }
-    function S1(o) {
+    function S1(r) {
       {
-        var c = typeof Symbol == "function" && Symbol.toStringTag, i = c && o[Symbol.toStringTag] || o.constructor.name || "Object";
-        return i;
+        var c = typeof Symbol == "function" && Symbol.toStringTag, a = c && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return a;
       }
     }
-    function C1(o) {
+    function C1(r) {
       try {
-        return W3(o), !1;
+        return U3(r), !1;
       } catch {
         return !0;
       }
     }
-    function W3(o) {
-      return "" + o;
+    function U3(r) {
+      return "" + r;
     }
-    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);
+    function W3(r) {
+      if (C1(r))
+        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", S1(r)), U3(r);
     }
-    var Q = m.ReactCurrentOwner, b1 = {
+    var e3 = m.ReactCurrentOwner, b1 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, H3, K3, x3;
     x3 = {};
-    function I1(o) {
-      if (X.call(o, "ref")) {
-        var c = Object.getOwnPropertyDescriptor(o, "ref").get;
+    function I1(r) {
+      if (N.call(r, "ref")) {
+        var c = Object.getOwnPropertyDescriptor(r, "ref").get;
         if (c && c.isReactWarning)
           return !1;
       }
-      return o.ref !== void 0;
+      return r.ref !== void 0;
     }
-    function y1(o) {
-      if (X.call(o, "key")) {
-        var c = Object.getOwnPropertyDescriptor(o, "key").get;
+    function y1(r) {
+      if (N.call(r, "key")) {
+        var c = Object.getOwnPropertyDescriptor(r, "key").get;
         if (c && c.isReactWarning)
           return !1;
       }
-      return o.key !== void 0;
+      return r.key !== void 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 R1(r, c) {
+      if (typeof r.ref == "string" && e3.current && c && e3.current.stateNode !== c) {
+        var a = P(e3.current.type);
+        x3[a] || (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(e3.current.type), r.ref), x3[a] = !0);
       }
     }
-    function E1(o, c) {
+    function E1(r, c) {
       {
-        var i = function() {
+        var a = function() {
           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,
+        a.isReactWarning = !0, Object.defineProperty(r, "key", {
+          get: a,
           configurable: !0
         });
       }
     }
-    function _1(o, c) {
+    function _1(r, c) {
       {
-        var i = function() {
+        var a = function() {
           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,
+        a.isReactWarning = !0, Object.defineProperty(r, "ref", {
+          get: a,
           configurable: !0
         });
       }
     }
-    var L1 = function(o, c, i, v, x, j, p) {
+    var L1 = function(r, c, a, 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,
+        type: r,
         key: c,
-        ref: i,
+        ref: a,
         props: p,
         // Record the component responsible for creating this element.
         _owner: j
@@ -684,122 +685,122 @@ function Z2() {
         value: x
       }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w;
     };
-    function $1(o, c, i, v, x) {
+    function $1(r, c, a, v, x) {
       {
-        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));
+        var j, p = {}, w = null, $ = null;
+        a !== void 0 && (W3(a), w = "" + a), y1(c) && (W3(c.key), w = "" + c.key), I1(c) && ($ = 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;
+          N.call(c, j) && !b1.hasOwnProperty(j) && (p[j] = c[j]);
+        if (r && r.defaultProps) {
+          var I = r.defaultProps;
           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);
+        if (w || $) {
+          var R = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          w && E1(p, R), $ && _1(p, R);
         }
-        return L1(o, w, L, x, v, Q.current, p);
+        return L1(r, w, $, x, v, e3.current, p);
       }
     }
     var M3 = m.ReactCurrentOwner, G3 = m.ReactDebugCurrentFrame;
-    function U(o) {
-      if (o) {
-        var c = o._owner, i = l3(o.type, o._source, c ? c.type : null);
-        G3.setExtraStackFrame(i);
+    function W(r) {
+      if (r) {
+        var c = r._owner, a = i3(r.type, r._source, c ? c.type : null);
+        G3.setExtraStackFrame(a);
       } else
         G3.setExtraStackFrame(null);
     }
     var m3;
     m3 = !1;
-    function Z3(o) {
-      return typeof o == "object" && o !== null && o.$$typeof === e;
+    function Z3(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === e;
     }
     function q3() {
       {
         if (M3.current) {
-          var o = P(M3.current.type);
-          if (o)
+          var r = P(M3.current.type);
+          if (r)
             return `
 
-Check the render method of \`` + o + "`.";
+Check the render method of \`` + r + "`.";
         }
         return "";
       }
     }
-    function A1(o) {
+    function A1(r) {
       {
-        if (o !== void 0) {
-          var c = o.fileName.replace(/^.*[\\\/]/, ""), i = o.lineNumber;
+        if (r !== void 0) {
+          var c = r.fileName.replace(/^.*[\\\/]/, ""), a = r.lineNumber;
           return `
 
-Check your code at ` + c + ":" + i + ".";
+Check your code at ` + c + ":" + a + ".";
         }
         return "";
       }
     }
     var Y3 = {};
-    function B1(o) {
+    function T1(r) {
       {
         var c = q3();
         if (!c) {
-          var i = typeof o == "string" ? o : o.displayName || o.name;
-          i && (c = `
+          var a = typeof r == "string" ? r : r.displayName || r.name;
+          a && (c = `
 
-Check the top-level render call using <` + i + ">.");
+Check the top-level render call using <` + a + ">.");
         }
         return c;
       }
     }
-    function J3(o, c) {
+    function J3(r, c) {
       {
-        if (!o._store || o._store.validated || o.key != null)
+        if (!r._store || r._store.validated || r.key != null)
           return;
-        o._store.validated = !0;
-        var i = B1(c);
-        if (Y3[i])
+        r._store.validated = !0;
+        var a = T1(c);
+        if (Y3[a])
           return;
-        Y3[i] = !0;
+        Y3[a] = !0;
         var v = "";
-        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);
+        r && r._owner && r._owner !== M3.current && (v = " It was passed a child from " + P(r._owner.type) + "."), W(r), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, v), W(null);
       }
     }
-    function z3(o, c) {
+    function z3(r, c) {
       {
-        if (typeof o != "object")
+        if (typeof r != "object")
           return;
-        if (p3(o))
-          for (var i = 0; i < o.length; i++) {
-            var v = o[i];
+        if (p3(r))
+          for (var a = 0; a < r.length; a++) {
+            var v = r[a];
             Z3(v) && J3(v, c);
           }
-        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 j = x.call(o), p; !(p = j.next()).done; )
+        else if (Z3(r))
+          r._store && (r._store.validated = !0);
+        else if (r) {
+          var x = J(r);
+          if (typeof x == "function" && x !== r.entries)
+            for (var j = x.call(r), p; !(p = j.next()).done; )
               Z3(p.value) && J3(p.value, c);
         }
       }
     }
-    function T1(o) {
+    function D1(r) {
       {
-        var c = o.type;
+        var c = r.type;
         if (c == null || typeof c == "string")
           return;
-        var i;
+        var a;
         if (typeof c == "function")
-          i = c.propTypes;
-        else if (typeof c == "object" && (c.$$typeof === d || // Note: Memo only checks outer props here.
+          a = c.propTypes;
+        else if (typeof c == "object" && (c.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         c.$$typeof === b))
-          i = c.propTypes;
+          a = c.propTypes;
         else
           return;
-        if (i) {
+        if (a) {
           var v = P(c);
-          Z1(i, o.props, "prop", v, o);
+          Z1(a, r.props, "prop", v, r);
         } else if (c.PropTypes !== void 0 && !m3) {
           m3 = !0;
           var x = P(c);
@@ -808,74 +809,74 @@ Check the top-level render call using <` + i + ">.");
         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 D1(o) {
+    function B1(r) {
       {
-        for (var c = Object.keys(o.props), i = 0; i < c.length; i++) {
-          var v = c[i];
+        for (var c = Object.keys(r.props), a = 0; a < c.length; a++) {
+          var v = c[a];
           if (v !== "children" && v !== "key") {
-            U(o), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), U(null);
+            W(r), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), W(null);
             break;
           }
         }
-        o.ref !== null && (U(o), g("Invalid attribute `ref` supplied to `React.Fragment`."), U(null));
+        r.ref !== null && (W(r), g("Invalid attribute `ref` supplied to `React.Fragment`."), W(null));
       }
     }
     var X3 = {};
-    function Q3(o, c, i, v, x, j) {
+    function Q3(r, c, a, v, x, j) {
       {
-        var p = g1(o);
+        var p = g1(r);
         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();
+          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).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 $ = A1(x);
+          $ ? w += $ : 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);
+          r === null ? I = "null" : p3(r) ? I = "array" : r !== void 0 && r.$$typeof === e ? (I = "<" + (P(r.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : I = typeof r, 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;
+        var R = $1(r, c, a, x, j);
+        if (R == null)
+          return R;
         if (p) {
-          var D = c.children;
-          if (D !== void 0)
+          var B = c.children;
+          if (B !== void 0)
             if (v)
-              if (p3(D)) {
-                for (var H = 0; H < D.length; H++)
-                  z3(D[H], o);
-                Object.freeze && Object.freeze(D);
+              if (p3(B)) {
+                for (var H = 0; H < B.length; H++)
+                  z3(B[H], r);
+                Object.freeze && Object.freeze(B);
               } 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
-              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(": ..., ") + ": ...}" : "{}";
+              z3(B, r);
+        }
+        if (N.call(c, "key")) {
+          var U = P(r), T = Object.keys(c).filter(function(U1) {
+            return U1 !== "key";
+          }), j3 = T.length > 0 ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!X3[U + j3]) {
+            var k1 = T.length > 0 ? "{" + T.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;
+  <%s key={someKey} {...props} />`, j3, U, k1, U), X3[U + j3] = !0;
           }
         }
-        return o === s ? D1(y) : T1(y), y;
+        return r === s ? B1(R) : D1(R), R;
       }
     }
-    function P1(o, c, i) {
-      return Q3(o, c, i, !0);
+    function P1(r, c, a) {
+      return Q3(r, c, a, !0);
     }
-    function O1(o, c, i) {
-      return Q3(o, c, i, !1);
+    function O1(r, c, a) {
+      return Q3(r, c, a, !1);
     }
     var V1 = O1, F1 = P1;
-    N.Fragment = s, N.jsx = V1, N.jsxs = F1;
-  }()), N;
+    t3.Fragment = s, t3.jsx = V1, t3.jsxs = F1;
+  }()), t3;
 }
-var e3 = {};
+var n3 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -886,30 +887,30 @@ var e3 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var e1;
-function j2() {
+function S2() {
   if (e1)
-    return e3;
+    return n3;
   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]);
+  var t = r1, e = Symbol.for("react.element"), o = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, l = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function d(f, u, C) {
+    var S, b = {}, A = null, D = null;
+    C !== void 0 && (A = "" + C), u.key !== void 0 && (A = "" + u.key), u.ref !== void 0 && (D = u.ref);
+    for (S in u)
+      s.call(u, S) && !i.hasOwnProperty(S) && (b[S] = u[S]);
     if (f && f.defaultProps)
-      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 };
+      for (S in u = f.defaultProps, u)
+        b[S] === void 0 && (b[S] = u[S]);
+    return { $$typeof: e, type: f, key: A, ref: D, props: b, _owner: l.current };
   }
-  return e3.Fragment = r, e3.jsx = u, e3.jsxs = u, e3;
+  return n3.Fragment = o, n3.jsx = d, n3.jsxs = d, n3;
 }
-process.env.NODE_ENV === "production" ? I3.exports = j2() : I3.exports = Z2();
+process.env.NODE_ENV === "production" ? I3.exports = S2() : I3.exports = j2();
 var n = I3.exports;
-const S2 = () => /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs("div", { className: "disconnected-message", children: [
+const C2 = () => /* @__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 C2 {
+class b2 {
   constructor() {
     _(this, "uuid", "current-uuid");
     _(this, "roomKey", "current-room-key");
@@ -917,177 +918,177 @@ class C2 {
     _(this, "expiry", "current-uuid-expires");
   }
 }
-const t1 = new C2(), d1 = X1({
+const t1 = new b2(), d1 = X1({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
   removeEventHandler: () => null
 });
-function b2(t) {
+function I2(t) {
   return sessionStorage.getItem(t) || "";
 }
-function I2(t, e) {
+function y2(t, e) {
   sessionStorage.setItem(t, e);
 }
-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(
+const R2 = ({ children: t }) => {
+  const [e, o] = q(), s = p2(), l = x2(), i = M2(), d = Z2(), f = g2(), u = r3(null), [C, S] = q(), b = r3({}), A = u3(
     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);
+        console.log(g), g.repsonse && g.response.status === 498 && console.error("Invalid token. Unable to join room");
       });
     },
     [e]
-  ), T = a3(
+  ), D = u3(
     (m, g) => {
-      d.current && s && d.current.send(JSON.stringify({ type: m, clientId: a, content: g }));
+      u.current && s && u.current.send(JSON.stringify({ type: m, clientId: i, content: g }));
     },
-    [s, a]
+    [s, i]
   ), V = (m, g) => {
-    T(m, { value: g });
-  }, G = a3(
+    D(m, { value: g });
+  }, Y = u3(
     (m, g, O) => {
       b.current[m] || (b.current[m] = {}), b.current[m][g] = O, console.log("event handler added", m, g);
     },
     []
-  ), q = a3(
+  ), J = u3(
     (m, g) => {
       b.current[m] && (delete b.current[m][g], console.log("event handler removed", m, g));
     },
     []
   );
-  return n3(() => {
+  return G(() => {
     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(() => {
+    g ? (console.log("saving token: ", g), y2(t1.uuid, g)) : (g = I2(t1.uuid), console.log("loading token: ", g)), o(g), d();
+  }, []), G(() => {
     if (!(!f.apiPath || C || !e)) {
-      if (A(f.apiPath), !d.current) {
+      if (A(f.apiPath), !u.current) {
         const g = `${f.apiPath.replace("http", "ws")}/ui/join/${e}`, O = new WebSocket(g);
-        d.current = O, O.onopen = () => {
+        u.current = O, O.onopen = () => {
           console.log("connected"), F.dispatch(K.setWebsocketIsConnected(!0));
-        }, O.onerror = (Y) => {
-          console.log(Y);
+        }, O.onerror = (z) => {
+          console.log(z);
         }, O.onclose = () => {
-          if (console.log("disconnected"), d.current)
+          if (console.log("disconnected"), u.current)
             console.log("WebSocket closed by server.");
           else {
             console.log("WebSocket closed by client.");
             return;
           }
           C || (F.dispatch(K.setWebsocketIsConnected(!1)), S(!0), setTimeout(() => S(void 0), 5e3));
-        }, O.onmessage = (Y) => {
+        }, O.onmessage = (z) => {
           try {
-            const R = JSON.parse(Y.data);
-            if (console.log(R), R.type.startsWith("/system/"))
-              switch (R.type) {
+            const E = JSON.parse(z.data);
+            if (console.log(E), E.type.startsWith("/system/"))
+              switch (E.type) {
                 case "/system/roomKey":
                   F.dispatch(
                     K.setCurrentRoomKey(
-                      R.content
+                      E.content
                     )
                   );
                   break;
                 case "/system/userCodeChanged":
                   F.dispatch(
-                    K.setUserCode(R.content)
+                    K.setUserCode(E.content)
                   );
                   break;
               }
-            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) => {
+            else if (E.type.startsWith("/event/")) {
+              console.log("event message received", E);
+              const X = b.current[E.type];
+              X || console.log("no handlers found for event type", E.type), X && Object.values(X).forEach((v3) => {
                 try {
-                  v3(R);
+                  v3(E);
                 } 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);
+              E.type.startsWith("/room/") ? F.dispatch(l2.setRoomState(E)) : E.type.startsWith("/device/") && F.dispatch(r2.setDeviceState(E));
+          } catch (E) {
+            console.log(E);
           }
         };
       }
       return () => {
-        d.current && d.current.close(), d.current = null;
+        u.current && u.current.close(), u.current = null;
       };
     }
-  }, [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() {
+  }, [f.apiPath, A, e, C]), G(() => {
+    l && D(`/room/${l}/status`, null);
+  }, [l, D]), /* @__PURE__ */ n.jsx(d1.Provider, { value: { sendMessage: D, sendSimpleMessage: V, addEventHandler: Y, removeEventHandler: J }, children: s ? t : /* @__PURE__ */ n.jsx(C2, {}) });
+}, e6 = ({ children: t }) => /* @__PURE__ */ n.jsx(z1, { store: F, children: /* @__PURE__ */ n.jsx(R2, { children: t }) });
+function y() {
   return Q1(d1);
 }
-function R2({
+function E2({
   onPress: t,
   onRelease: e,
-  onHold: r,
+  onHold: o,
   holdTimeMs: s = 500
 }) {
-  const l = r3(null), a = r3(!1);
-  function u() {
-    a.current = !0, t == null || t(), l.current = setTimeout(() => {
-      r == null || r(), l.current = null;
+  const l = r3(null), i = r3(!1);
+  function d() {
+    i.current = !0, t == null || t(), l.current = setTimeout(() => {
+      o == null || o(), l.current = null;
     }, s);
   }
   function f() {
-    a.current = !1, e == null || e(), l.current && (clearTimeout(l.current), l.current = null);
+    i.current = !1, e == null || e(), l.current && (clearTimeout(l.current), l.current = null);
   }
-  function d() {
-    a.current && f();
+  function u() {
+    i.current && f();
   }
   return {
-    onPointerDown: u,
+    onPointerDown: d,
     onPointerUp: f,
-    onPointerLeave: d
+    onPointerLeave: u
   };
 }
 function h(t, e) {
-  const { sendMessage: s } = E(), l = r3(null);
-  function a() {
+  const { sendMessage: s } = y(), l = r3(null);
+  function i() {
     s(`${t}/${e}`, { value: "pressed" }), l.current || (l.current = setInterval(() => {
       s(`${t}/${e}`, { value: "held" });
     }, 250));
   }
-  function u() {
+  function d() {
     l.current && (clearInterval(l.current), l.current = null), s(`${t}/${e}`, { value: "released" });
   }
-  return R2({ onPress: a, onRelease: u });
+  return E2({ onPress: i, onRelease: d });
 }
 function v1(t, e) {
-  const { sendMessage: r, sendSimpleMessage: s } = E(), l = h(`${t}`, "volumeUp"), a = h(`${t}`, "volumeDown");
+  const { sendMessage: o, sendSimpleMessage: s } = y(), l = h(`${t}`, "volumeUp"), i = h(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
     volumeUp: l,
-    volumeDown: a,
+    volumeDown: i,
     setLevel: (S) => s(`${t}/level`, S),
-    muteToggle: () => r(`${t}/muteToggle`, null),
-    muteOn: () => r(`${t}/muteOn`, null),
-    muteOff: () => r(`${t}/muteOff`, null)
+    muteToggle: () => o(`${t}/muteToggle`, null),
+    muteOn: () => o(`${t}/muteOn`, null),
+    muteOff: () => o(`${t}/muteOff`, null)
   } : void 0;
 }
-function N8(t, e) {
-  const { sendMessage: r, sendSimpleMessage: s } = E(), l = h(`${t}`, "volumeUp"), a = h(`${t}`, "volumeDown");
+function t6(t, e) {
+  const { sendMessage: o, sendSimpleMessage: s } = y(), l = h(`${t}`, "volumeUp"), i = h(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
     volumeUp: l,
-    volumeDown: a,
+    volumeDown: i,
     setLevel: (S) => s(`${t}/level`, S),
-    muteToggle: () => r(`${t}/muteToggle`, null),
-    muteOn: () => r(`${t}/muteOn`, null),
-    muteOff: () => r(`${t}/muteOff`, null)
+    muteToggle: () => o(`${t}/muteToggle`, null),
+    muteOn: () => o(`${t}/muteOn`, null),
+    muteOff: () => o(`${t}/muteOff`, null)
   } : void 0;
 }
-function E2(t) {
-  const e = $(t), r = `/device/${t}`;
-  return v1(r, e == null ? void 0 : e.volume);
+function _2(t) {
+  const e = L(t), o = `/device/${t}`;
+  return v1(o, e == null ? void 0 : e.volume);
 }
 function h1(t) {
-  const { sendMessage: e } = E();
+  const { sendMessage: e } = y();
   return { powerOn: () => {
     e(`/device/${t}/powerOn`, null);
   }, powerOff: () => {
@@ -1097,119 +1098,159 @@ function h1(t) {
   } };
 }
 function y3(t) {
-  const { sendMessage: e } = E(), r = $(t);
-  return console.log("deviceState", r), r ? { itemsState: r, selectItem: (l) => {
+  const { sendMessage: e } = y(), o = L(t);
+  return console.log("deviceState", o), o ? { itemsState: o, selectItem: (l) => {
     e(`/device/${t}/${l}`, null);
   } } : void 0;
 }
-function _2(t) {
-  const { sendMessage: e } = E(), r = $(t), s = () => {
+function L2(t) {
+  const { sendMessage: e } = y(), o = L(t), s = () => {
     e(`/device/${t}/setDefaultChannelLevels`, null);
   }, l = () => {
-    if ((r == null ? void 0 : r.levelControls) === void 0)
+    if ((o == null ? void 0 : o.levelControls) === void 0)
       return;
-    Object.keys(r == null ? void 0 : r.levelControls).forEach((f) => {
+    Object.keys(o == null ? void 0 : o.levelControls).forEach((f) => {
       e(`/device/${t}/${f}/fullStatus`, null);
     });
   };
-  return r ? { levelControls: r.levelControls, setDefaultChannelLevels: s, getFullStatus: l } : void 0;
+  return o ? { levelControls: o.levelControls, setDefaultChannelLevels: s, getFullStatus: l } : void 0;
 }
-function e6(t) {
-  const e = $(t), r = h1(t), s = y3(t), l = y3(t), a = E2(t), u = _2(t);
+function n6(t) {
+  const e = L(t), o = h1(t), s = y3(t), l = y3(t), i = _2(t), d = L2(t);
   if (e)
     return {
       avrState: e,
-      powerControl: r,
+      powerControl: o,
       inputControl: s,
       surroundSoundModes: l,
-      surroundChannels: u,
-      mainVolumeControl: a
+      surroundChannels: d,
+      mainVolumeControl: i
     };
 }
-function t6(t) {
-  const e = $(t);
+function o6(t) {
+  const e = L(t);
   if (e)
     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"), 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");
-  return { red: r, green: s, yellow: l, blue: a };
+  const e = `/device/${t}`, o = h(e, "chanUp"), s = h(e, "chanDown"), l = h(e, "lastChan"), i = h(e, "guide"), d = h(e, "info"), f = h(e, "exit");
+  return { channelUp: o, channelDown: s, lastChannel: l, guide: i, info: d, exit: f };
 }
-function o6(t) {
-  const e = $(t);
+function s6(t) {
+  const e = `/device/${t}`, o = h(e, "red"), s = h(e, "green"), l = h(e, "yellow"), i = h(e, "blue");
+  return { red: o, green: s, yellow: l, blue: i };
+}
+function c6(t) {
+  const e = L(t);
   if (e)
     return {
       communicationMonitorState: e
     };
 }
-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 l6(t) {
+  const e = `/device/${t}`, o = h(e, "up"), s = h(e, "down"), l = h(e, "left"), i = h(e, "right"), d = h(e, "select"), f = h(e, "menu"), u = h(e, "exit");
+  return { up: o, down: s, left: l, right: i, select: d, menu: f, exit: u };
 }
-function c6(t) {
-  const e = $(t);
+function i6(t) {
+  const e = L(t);
   if (e)
     return e.deviceInfo || void 0;
 }
-function l6(t) {
-  const e = `/device/${t}`, r = h(e, "dvrList"), s = h(e, "record");
-  return { dvrList: r, record: s };
+function a6(t) {
+  const e = `/device/${t}`, o = h(e, "dvrList"), s = h(e, "record");
+  return { dvrList: o, record: s };
 }
-function i6(t) {
-  const { sendMessage: e, sendSimpleMessage: r } = E(), s = $(t);
+const u6 = ({ className: t }) => {
+  const [e, o] = q();
+  return G(() => {
+    setInterval(() => {
+      const s = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
+      o(s);
+    }, 1e3);
+  }, []), /* @__PURE__ */ n.jsxs("div", { className: t, children: [
+    e,
+    " new change"
+  ] });
+};
+function d6(t) {
+  const { sendMessage: e } = y(), o = L(t);
+  return o ? { roomCombinerState: o, setAutoMode: () => {
+    e(`/device/${t}/setAutoMode`, null);
+  }, setManualMode: () => {
+    e(`/device/${t}/setManualMode`, null);
+  }, toggleMode: () => {
+    e(`/device/${t}/toggleMode`, null);
+  }, togglePartitionState: (u) => {
+    e(`/device/${t}/togglePartitionState`, u);
+  }, setRoomCombinationScenario: (u) => {
+    e(`/device/${t}/setRoomCombinationScenario`, u);
+  } } : void 0;
+}
+function v6(t) {
+  const { sendMessage: e, sendSimpleMessage: o } = y(), s = L(t);
   return s ? {
     levelState: s,
-    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)
+    setLevel: (u, C) => o(`${u}/level`, C),
+    muteToggle: (u) => e(`${u}/muteToggle`, null),
+    muteOn: (u) => e(`${u}/muteOn`, null),
+    muteOff: (u) => e(`${u}/muteOff`, null)
   } : void 0;
 }
-function a6(t) {
-  const { sendMessage: e } = E(), r = $(t);
-  return r ? { lightingState: r, selectScene: (l) => {
+function h6(t) {
+  const { sendMessage: e } = y(), o = L(t);
+  return o ? { lightingState: o, selectScene: (l) => {
     e(`/device/${t}/selectScene`, l);
   } } : void 0;
 }
-function u6(t) {
-  const { sendMessage: e } = E(), r = $(t);
-  return r ? { matrixRoutingState: r, setRoute: (l) => {
+function g6(t) {
+  const { sendMessage: e } = y(), o = L(t);
+  return o ? { matrixRoutingState: o, setRoute: (l) => {
     e(`/device/${t}/route`, l);
   } } : 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"), 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 f6(t) {
+  const { sendMessage: e } = y();
+  return { closeApp: () => {
+    e(`/device/${t}/closeWebViewController`, null);
+  } };
 }
-function v6(t) {
-  const { sendMessage: e } = E(), r = R3(t);
-  return r ? { roomEventScheduleState: r, save: (l) => {
+function w6(t) {
+  const e = `/device/${t}`, o = h(e, "num0"), s = h(e, "num1"), l = h(e, "num2"), i = h(e, "num3"), d = h(e, "num4"), f = h(e, "num5"), u = h(e, "num6"), C = h(e, "num7"), S = h(e, "num8"), b = h(e, "num9"), A = h(e, "numDash"), D = h(e, "numEnter");
+  return { digit0: o, digit1: s, digit2: l, digit3: i, digit4: d, digit5: f, digit6: u, digit7: C, digit8: S, digit9: b, keypadAccessoryButton1: A, keypadAccessoryButton2: D };
+}
+function p6(t) {
+  const { sendMessage: e } = y(), o = L(t);
+  return o ? { projectorScreenLiftControlState: o, raise: () => {
+    e(`/device/${t}/raise`, null);
+  }, lower: () => {
+    e(`/device/${t}/lower`, null);
+  } } : void 0;
+}
+function x6(t) {
+  const { sendMessage: e } = y(), o = R3(t);
+  return o ? { roomEventScheduleState: o, save: (l) => {
     e(`/room/${t}/saveScheduledEvents`, l);
   } } : void 0;
 }
-function h6(t) {
-  const { sendMessage: e } = E();
+function M6(t) {
+  const { sendMessage: e } = y();
   return { runDirectRoute: (s) => {
     e(`/room/${t}/directRoute`, s);
   } };
 }
-function g6(t) {
-  const { sendMessage: e } = E();
-  return { routingState: $(t), runRoute: (l) => {
+function m6(t) {
+  const { sendMessage: e } = y();
+  return { routingState: L(t), runRoute: (l) => {
     e(`/room/${t}/source`, l);
   } };
 }
-function f6(t) {
-  const e = `/device/${t}`, r = h(e, "chanUp"), s = h(e, "chanDown");
-  return { dvrList: r, replay: s };
+function Z6(t) {
+  const e = `/device/${t}`, o = h(e, "chanUp"), s = h(e, "chanDown");
+  return { dvrList: o, replay: s };
 }
-function w6(t) {
-  const { sendMessage: e } = E(), r = $(t);
-  return r ? { shadeState: r, shadeUp: () => {
+function j6(t) {
+  const { sendMessage: e } = y(), o = L(t);
+  return o ? { shadeState: o, shadeUp: () => {
     e(`/device/${t}/shadeUp`, null);
   }, shadeDown: () => {
     e(`/device/${t}/shadeDown`, null);
@@ -1217,9 +1258,9 @@ function w6(t) {
     e(`/device/${t}/stopOrPreset`, null);
   } } : void 0;
 }
-function p6(t) {
-  const { sendMessage: e } = E(), r = R3(t);
-  return r ? { shutdownPromptTimerState: r, setShutdownPromptSeconds: (f) => {
+function S6(t) {
+  const { sendMessage: e } = y(), o = R3(t);
+  return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (f) => {
     e(`/room/${t}/setShutdownPromptSeconds`, f);
   }, shutdownStart: () => {
     e(`/room/${t}/shutdownStart`, null);
@@ -1229,122 +1270,133 @@ function p6(t) {
     e(`/room/${t}/shutdownCancel`, null);
   } } : void 0;
 }
-function x6(t) {
-  const { sendMessage: e } = E(), r = $(t);
-  return r ? { switchedOutputState: r, on: () => {
+function C6(t) {
+  const { sendMessage: e } = y(), o = L(t);
+  return o ? { switchedOutputState: o, on: () => {
     e(`/device/${t}/on`, null);
   }, off: () => {
     e(`/device/${t}/off`, null);
   } } : void 0;
 }
-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 });
+function b6(t) {
+  const { sendMessage: e } = y(), o = R3(t);
+  return o ? { techPasswordState: o, validatePassword: (i) => {
+    e(`/room/${t}/validateTechPassword`, { password: i });
+  }, setPassword: (i, d) => {
+    e(`/room/${t}/setTechPassword`, { oldPassword: i, newPassword: d });
   } } : 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 I6(t) {
+  const e = `/device/${t}`, o = h(e, "play"), s = h(e, "pause"), l = h(e, "stop"), i = h(e, "prevTrack"), d = h(e, "nextTrack"), f = h(e, "rewind"), u = h(e, "ffwd"), C = h(e, "record");
+  return { play: o, pause: s, stop: l, prevTrack: i, nextTrack: d, rewind: f, fastForward: u, record: C };
 }
-function j6(t) {
-  const e = $(t), { sendMessage: r } = E();
+function y6(t) {
+  const e = L(t), { sendMessage: o } = y();
   return e ? {
     touchpanelState: e,
     appControl: { hideApp: () => {
-      r(`/device/${t}/hideApp`, null);
+      o(`/device/${t}/hideApp`, null);
     }, openApp: () => {
-      r(`/device/${t}/openApp`, null);
+      o(`/device/${t}/openApp`, null);
     }, closeApp: () => {
-      r(`/device/${t}/closeApp`, null);
+      o(`/device/${t}/closeApp`, null);
     } },
     zoomControl: { endCall: () => {
-      r(`/device/${t}/endCall`, null);
+      o(`/device/${t}/endCall`, null);
     } }
   } : void 0;
 }
-function S6(t) {
-  const e = $(t), r = h1(t), s = y3(t);
+function R6(t) {
+  const e = L(t), o = h1(t), s = y3(t);
   if (!e)
     return;
-  const l = (e.powerState || e.isWarming) && !e.isCooling, a = (!e.powerState || e.isCooling) && !e.isWarming;
+  const l = (e.powerState || e.isWarming) && !e.isCooling, i = (!e.powerState || e.isCooling) && !e.isWarming;
   return {
     displayState: e,
-    powerControl: r,
+    powerControl: o,
     inputControl: s,
-    powerFb: { powerOnFb: l, powerOffFb: a }
+    powerFb: { powerOnFb: l, powerOffFb: i }
   };
 }
-const C6 = ({ config: t }) => {
-  const { sendMessage: e } = E();
-  n3(() => {
+const E6 = ({ config: t }) => {
+  const { sendMessage: e } = y();
+  G(() => {
     var s, l;
     if (!t)
       return;
-    const r = [];
-    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);
+    const o = [];
+    Object.values(t.destinations).forEach((i) => {
+      o.push(i);
+    }), Object.values(t.destinationList).forEach((i) => {
+      o.push(i.sinkKey);
+    }), (s = t.touchpanelKeys) == null || s.forEach((i) => {
+      o.push(i);
+    }), t.environmentalDevices.forEach((i) => {
+      o.push(i.deviceKey);
+    }), (l = t.accessoryDeviceKeys) == null || l.forEach((i) => {
+      o.push(i);
+    }), t.audioCodecKey && o.push(t.audioCodecKey), t.videoCodecKey && o.push(t.videoCodecKey), t.matrixRoutingKey && o.push(t.matrixRoutingKey), t.roomCombinerKey && o.push(t.roomCombinerKey), t.endpointKeys && t.endpointKeys.forEach((i) => {
+      o.push(i);
     });
-    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 });
+    for (const i of Object.values(t.sourceList))
+      i.sourceKey && i.sourceKey !== "$off" && o.push(i.sourceKey);
+    console.log("deviceKeys", o), o.forEach((i) => {
+      e(`/device/${i}/fullStatus`, { deviceKey: i });
     });
   }, [t, e]);
 };
-function b6(t, e) {
-  const r = f2(t, e), s = `/room/${t}/volumes/${e}`;
-  return v1(s, r);
+function _6(t, e) {
+  const o = w2(t, e), s = `/room/${t}/volumes/${e}`;
+  return v1(s, o);
 }
-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 = ({
+function L6() {
+  const [t, e] = q(), [o, s] = q();
+  function l() {
+    e((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
+    const i = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
+    s(i);
+  }
+  return G(() => {
+    l();
+    const i = setInterval(() => {
+      l();
+    }, 1e3);
+    return () => clearInterval(i);
+  }, []), { date: t, time: o };
+}
+const $6 = () => {
+  const t = N1();
+  return /* @__PURE__ */ n.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
+    /* @__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." }) }),
+    /* @__PURE__ */ n.jsx("button", { className: "btn btn-primary p-2", onClick: () => t(-1), children: "Go Back" })
+  ] });
+}, $2 = "_iconbtn_16qss_1", A2 = "_iconbtnvert_16qss_7", T2 = "_iconsm_16qss_18", S3 = {
+  iconbtn: $2,
+  iconbtnvert: A2,
+  iconsm: T2
+}, D2 = ({
   multiIcon: t,
   otherContent: e = null,
-  vert: r = !1,
+  vert: o = !1,
   className: s,
   iconClassName: l = "",
-  otherContentClassName: a = "",
-  disabled: u,
+  otherContentClassName: i = "",
+  disabled: d,
   feedback: f,
-  feedbackClassName: d,
+  feedbackClassName: u,
   onPointerDown: C,
   onPointerUp: S,
   onPointerLeave: b,
   ...A
 }) => {
-  const [T, V] = d3(!1), G = !u && f ? d : "", q = !u && (T || f);
+  const [D, V] = q(!1), Y = !d && f ? u : "", J = !d && (D || f);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
       type: "button",
-      className: `${S3.iconbtn} ${r ? S3.iconbtnvert : ""} ${s} ${G}`,
+      className: `${S3.iconbtn} ${o ? S3.iconbtnvert : ""} ${s} ${Y}`,
       ...A,
-      disabled: u,
+      disabled: d,
       onPointerDown: (m) => {
         V(!0), C == null || C(m);
       },
@@ -1359,24 +1411,24 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
           t,
           {
             className: `${l || S3.iconsm}`,
-            active: q,
-            disabled: u
+            active: J,
+            disabled: d
           }
         ),
-        /* @__PURE__ */ n.jsx("div", { className: a, children: e })
+        /* @__PURE__ */ n.jsx("div", { className: i, children: e })
       ]
     }
   );
 }, M = ({
   ActiveImage: t,
   DisabledImage: e,
-  EnabledImage: r,
+  EnabledImage: o,
   active: s,
   disabled: l
-}) => l ? e : s ? t : r, T2 = ({
+}) => l ? e : s ? t : o, B2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -1420,12 +1472,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), D2 = ({
+), P2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -1472,12 +1524,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       }
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), P2 = ({
+), O2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -1521,12 +1573,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), O2 = ({
+), V2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -1561,12 +1613,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       }
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), V2 = ({
+), F2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -1610,12 +1662,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), F2 = ({
+), k2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -1659,12 +1711,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), k2 = ({
+), U2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -1708,12 +1760,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
 ), W2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -1757,12 +1809,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), U2 = ({
+), H2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -1806,12 +1858,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), H2 = ({
+), K2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -1855,14 +1907,14 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), K2 = ({
+), G2 = ({
   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
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -1924,12 +1976,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), G2 = ({
+), q2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -1973,12 +2025,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), q2 = ({
+), Y2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -2022,12 +2074,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), Y2 = ({
+), J2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -2071,12 +2123,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), J2 = ({
+), z2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -2120,12 +2172,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), z2 = ({
+), X2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -2142,12 +2194,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       /* @__PURE__ */ n.jsx("svg", { className: e, fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 164.61 164.61", children: /* @__PURE__ */ n.jsx("g", { children: /* @__PURE__ */ n.jsx("path", { d: "M131.62,102.87c-1.96,2.47-6.77,4.24-6.77,4.24l-35.75,12.84v-9.47l26.31-9.37c2.99-1.07,3.44-2.58,1.02-3.38-2.42-.8-6.81-.57-9.8.51l-17.53,6.17v-9.83l1.01-.34s5.07-1.79,12.19-2.58c7.12-.78,15.85.11,22.69,2.7,7.72,2.44,8.59,6.03,6.63,8.51ZM92.51,86.75v-24.22c0-2.84-.52-5.46-3.19-6.2-2.04-.65-3.31,1.24-3.31,4.09v60.65l-16.36-5.19V43.55c6.95,1.29,17.09,4.34,22.53,6.18,13.85,4.76,18.55,10.67,18.55,24.01s-8.02,17.93-18.22,13ZM39.63,109.49c-7.92-2.23-9.24-6.88-5.63-9.56,3.34-2.47,9.01-4.33,9.01-4.33l23.45-8.34v9.51l-16.88,6.04c-2.98,1.07-3.44,2.58-1.02,3.38,2.42.79,6.81.57,9.8-.5l8.1-2.94v8.51c-.51.09-1.09.18-1.61.27-8.1,1.32-16.72.77-25.22-2.03h0ZM82.3,164.61C36.92,164.61,0,127.69,0,82.3S36.92,0,82.3,0s82.3,36.92,82.3,82.3-36.92,82.3-82.3,82.3ZM82.3,5C39.68,5,5,39.68,5,82.3s34.68,77.3,77.3,77.3,77.3-34.68,77.3-77.3S124.93,5,82.3,5Z" }) }) })
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), X2 = ({
+), Q2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -2191,12 +2243,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), Q2 = ({
+), N2 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -2240,12 +2292,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), N2 = ({
+), e8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -2289,12 +2341,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), e8 = ({
+), t8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -2338,12 +2390,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), t8 = ({
+), n8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -2387,12 +2439,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), n8 = ({
+), o8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -2436,12 +2488,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
 ), r8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -2485,12 +2537,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), o8 = ({
+), s8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -2534,12 +2586,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), s8 = ({
+), c8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -2583,12 +2635,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), c8 = ({
+), l8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -2632,12 +2684,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), l8 = ({
+), i8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -2681,12 +2733,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), i8 = ({
+), a8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -2730,12 +2782,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), a8 = ({
+), u8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -2779,12 +2831,12 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
+    disabled: o
   }
-), u8 = ({
+), d8 = ({
   active: t,
   className: e = "",
-  disabled: r
+  disabled: o
 }) => /* @__PURE__ */ n.jsx(
   M,
   {
@@ -2828,108 +2880,108 @@ const I6 = () => /* @__PURE__ */ n.jsx("div", { className: "m-2 p-2 bg-danger ro
       )
     ),
     active: t,
-    disabled: r
-  }
-), d8 = {
-  Alert: D2,
-  Camera: O2,
-  DownArrow: F2,
-  Ban: P2,
-  Check: V2,
-  Elipses: k2,
+    disabled: o
+  }
+), v8 = {
+  Alert: P2,
+  Camera: V2,
+  DownArrow: k2,
+  Ban: O2,
+  Check: F2,
+  Elipses: U2,
   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,
+  Gear: H2,
+  Glass: K2,
+  Hdmi: G2,
+  Laptop: q2,
+  LeftArrow: Y2,
+  Light: J2,
+  Mic: B2,
+  Moon: z2,
+  Playstation: X2,
+  Podium: Q2,
+  Power: N2,
+  Privacy: e8,
+  Question: t8,
+  RightArrow: n8,
+  Shade: o8,
   Sun: r8,
-  UpArrow: o8,
-  VolDown: s8,
-  VolMute: c8,
-  VolUp: l8,
-  Wireless: i8,
-  X: a8,
-  Xbox: u8
+  UpArrow: s8,
+  VolDown: c8,
+  VolMute: l8,
+  VolUp: i8,
+  Wireless: a8,
+  X: u8,
+  Xbox: d8
 };
-function y6({
+function A6({
   name: t,
-  iconsDictionary: e = d8,
-  ...r
+  iconsDictionary: e = v8,
+  ...o
 }) {
   const s = e[t] ?? null;
-  return s || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ n.jsx(B2, { multiIcon: s, ...r });
+  return s || console.error(`Icon ${t} not found in dictionary`), /* @__PURE__ */ n.jsx(D2, { multiIcon: s, ...o });
 }
-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,
+const h8 = "_grid_1cmpp_1", g8 = "_header_1cmpp_11", f8 = "_content_1cmpp_17", w8 = "_footer_1cmpp_23", p8 = "_volume_1cmpp_29", o3 = {
+  grid: h8,
+  header: g8,
+  content: f8,
+  footer: w8,
+  volume: p8
+}, T6 = ({ header: t, footer: e, content: o, volume: s, showVolume: l }) => /* @__PURE__ */ n.jsxs("div", { className: o3.grid, children: [
+  /* @__PURE__ */ n.jsx("div", { className: o3.header, children: t }),
+  /* @__PURE__ */ n.jsx("div", { className: o3.content, children: o }),
+  l && /* @__PURE__ */ n.jsx("div", { className: o3.volume, children: s }),
+  /* @__PURE__ */ n.jsx("div", { className: o3.footer, children: e })
+] }), x8 = "_grid_11w5q_1", M8 = "_header_11w5q_11", m8 = "_content_11w5q_17", d3 = {
+  grid: x8,
+  header: M8,
+  content: m8,
   "left-nav": "_left-nav_11w5q_23"
-}, 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: [
+}, D6 = ({ className: t, header: e, content: o, leftNav: s }) => /* @__PURE__ */ n.jsxs("div", { className: `${t} ${d3.grid}`, children: [
+  /* @__PURE__ */ n.jsx("div", { className: d3.header, children: e }),
+  s && /* @__PURE__ */ n.jsx("div", { className: d3.leftNav, children: s }),
+  /* @__PURE__ */ n.jsx("div", { className: d3.content, children: o })
+] }), Z8 = "_grid_1uwfo_1", j8 = "_header_1uwfo_11", S8 = "_content_1uwfo_17", C3 = {
+  grid: Z8,
+  header: j8,
+  content: S8
+}, B6 = ({ className: t, header: e, content: o }) => /* @__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 })
+  /* @__PURE__ */ n.jsx("div", { className: C3.content, children: o })
 ] });
-function L6() {
+function P6() {
   return console.log(location.pathname), location.pathname;
 }
-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) {
+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 O6 {
+  constructor(e, o) {
     _(this, "path");
     _(this, "handler");
-    this.path = e, this.handler = r;
+    this.path = e, this.handler = o;
   }
 }
-const A6 = "$off";
-class B6 {
+const V6 = "$off";
+class F6 {
   constructor() {
     _(this, "name", "");
     _(this, "iconUrl", "");
     _(this, "channel", "");
   }
 }
-class T6 {
+class k6 {
   constructor() {
     _(this, "deviceKey");
     _(this, "deviceType");
   }
 }
-class D6 {
+class U6 {
   constructor() {
     _(this, "deviceKey");
     _(this, "deviceType");
   }
 }
-class P6 {
+class W6 {
   constructor() {
     _(this, "currentShareText");
     _(this, "enabled");
@@ -2937,118 +2989,122 @@ class P6 {
   }
 }
 export {
-  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,
+  U6 as AccessoryDeviceConfiguration,
+  u6 as Clock,
+  C8 as DaysOfWeek,
+  k6 as EnvironmentalDeviceConfiguration,
+  $6 as ErrorBox,
+  D2 as IconButton,
+  P2 as IconMultiAlert,
+  O2 as IconMultiBan,
+  V2 as IconMultiCamera,
+  F2 as IconMultiCheck,
+  k2 as IconMultiDownArrow,
+  U2 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,
+  H2 as IconMultiGear,
+  K2 as IconMultiGlass,
+  G2 as IconMultiHdmi,
+  q2 as IconMultiLaptop,
+  Y2 as IconMultiLeftArrow,
+  J2 as IconMultiLight,
+  z2 as IconMultiMoon,
+  X2 as IconMultiPlaystation,
+  Q2 as IconMultiPodium,
+  N2 as IconMultiPower,
+  e8 as IconMultiPrivacy,
+  t8 as IconMultiQuestion,
+  n8 as IconMultiRightArrow,
+  o8 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,
+  s8 as IconMultiUpArrow,
+  c8 as IconMultiVolDown,
+  l8 as IconMultiVolMute,
+  i8 as IconMultiVolUp,
+  a8 as IconMultiWireless,
+  u8 as IconMultiX,
+  d8 as IconMultiXbox,
+  T6 as MainLayout,
+  O6 as MessageHandler,
+  e6 as MobileControlProvider,
   M as MultiStateIconContainer,
-  y6 as NamedIconButton,
-  B6 as PresetChannel,
-  P6 as ShareState,
-  E6 as TechLayout,
-  _6 as TechPinLayout,
-  L6 as getBaseLocation,
+  A6 as NamedIconButton,
+  F6 as PresetChannel,
+  W6 as ShareState,
+  D6 as TechLayout,
+  B6 as TechPinLayout,
+  P6 as getBaseLocation,
   b3 as httpClient,
-  A6 as roomOffSourceKey,
+  V6 as roomOffSourceKey,
   F as store,
-  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,
+  L8 as uiActions,
+  v2 as uiReducer,
+  $8 as useApiPath,
+  g2 as useAppConfig,
+  m2 as useAppDispatch,
+  n6 as useAvrControl,
+  M2 as useClientId,
+  _2 as useDeviceIBasicVolumeWithFeedback,
+  o6 as useEndpoint,
+  E6 as useGetAllDeviceStateFromRoomConfiguration,
+  f2 as useGetAllDevices,
+  Q8 as useGetCurrentPopoverIdForGroup,
+  L as useGetDevice,
+  t6 as useGetIBasicVolumeWithFeedback,
+  q8 as useGetRoomDisplayStates,
+  Y8 as useGetZoomRoomControllerKey,
   v1 as useIBasicVolumeWithFeedback,
-  n6 as useIChannelMessenger,
-  r6 as useIColor,
-  o6 as useICommunicationMonitor,
-  s6 as useIDPad,
-  c6 as useIDeviceInfoMessenger,
-  l6 as useIDvr,
+  r6 as useIChannelMessenger,
+  s6 as useIColor,
+  c6 as useICommunicationMonitor,
+  l6 as useIDPad,
+  i6 as useIDeviceInfoMessenger,
+  a6 as useIDvr,
+  d6 as useIEssentialsRoomCombiner,
   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,
+  v6 as useILevelControls,
+  h6 as useILightingScenes,
+  g6 as useIMatrixRouting,
+  f6 as useIMcCiscoCodecUserInterfaceAppControl,
+  w6 as useINumeric,
+  p6 as useIProjectorScreenLiftControl,
+  x6 as useIRoomEventSchedule,
+  M6 as useIRunDirectRouteAction,
+  m6 as useIRunRouteAction,
+  Z6 as useISetTopBoxControls,
+  j6 as useIShadesOpenCloseStop,
+  S6 as useIShutdownPromptTimer,
+  C6 as useISwitchedOutput,
+  b6 as useITechPassword,
+  I6 as useITransport,
+  Z2 as useInitialize,
+  y6 as useMobileControlTouchpanelController,
+  E2 as usePressHoldRelease,
+  K8 as useRoomAdvancedSharingActive,
+  F8 as useRoomCodecContentDestinationKey,
+  A8 as useRoomConfiguration,
+  P8 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,
+  O8 as useRoomEnvironmentalDevices,
+  _6 as useRoomIBasicVolumeWithFeedback,
+  k8 as useRoomInCall,
+  W8 as useRoomIsCoolingDown,
+  H8 as useRoomIsOn,
+  U8 as useRoomIsWarmingUp,
+  x2 as useRoomKey,
+  T8 as useRoomName,
+  V8 as useRoomProgramAudioDestinationKey,
+  G8 as useRoomShareState,
+  D8 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
+  w2 as useRoomVolume,
+  z8 as useShowIncomingCallModal,
+  X8 as useShowModal,
+  N8 as useShowPopoverById,
+  J8 as useShowShutdownModal,
+  L6 as useTimeAndDate,
+  R6 as useTwoWayDisplayBase,
+  y as useWebsocketContext,
+  p2 as useWsIsConnected
 };