@pepperdash/mobile-control-react-app-core 1.21.0-feature-add-deviceInterfaceSupport-to-joinroom-response.2 → 1.21.0-feature-add-deviceInterfaceSupport-to-joinroom-response.3

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

@@ -1,10 +1,10 @@
 var s2 = Object.defineProperty;
-var o2 = (e, t, o) => t in e ? s2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var G = (e, t, o) => o2(e, typeof t != "symbol" ? t + "" : t, o);
-import n2, { AxiosError as c2 } from "axios";
+var n2 = (e, t, n) => t in e ? s2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var G = (e, t, n) => n2(e, typeof t != "symbol" ? t + "" : t, n);
+import o2, { AxiosError as c2 } from "axios";
 import { useDispatch as r2, useSelector as l2, Provider as i2 } from "react-redux";
 import { createSelector as w, createSlice as g1, combineReducers as a2, configureStore as u2 } from "@reduxjs/toolkit";
-import w3, { createContext as d2, useState as H, useRef as h1, useCallback as a1, useEffect as n1, useContext as v2, useLayoutEffect as x3 } from "react";
+import w3, { createContext as d2, useState as H, useRef as h1, useCallback as a1, useEffect as c1, useContext as v2, useLayoutEffect as x3 } from "react";
 import * as M3 from "lodash";
 import { useNavigate as h2, useRouteError as g2, isRouteErrorResponse as f2 } from "react-router-dom";
 const p2 = r2.withTypes(), p = l2.withTypes(), j1 = (e) => e.appConfig, w2 = w(
@@ -19,20 +19,20 @@ const p2 = r2.withTypes(), p = l2.withTypes(), j1 = (e) => e.appConfig, w2 = w(
 ), m2 = w(
   j1,
   (e) => e.config.partnerMetadata
-), Z2 = () => p(w2), V6 = () => p(x2), k6 = () => p(M2), U6 = () => p(m2), m3 = (e) => e.devices, Z3 = w(
+), Z2 = () => p(w2), k6 = () => p(x2), U6 = () => p(M2), W6 = () => p(m2), m3 = (e) => e.devices, Z3 = w(
   m3,
   (e) => e
 ), j2 = (e) => w(
   m3,
   (t) => t[e] ? t[e] : void 0
-), W6 = () => p(Z3);
+), F6 = () => p(Z3);
 function y(e) {
   return p(j2(e));
 }
-const D = (e) => e.rooms, C2 = (e) => w(
+const D = (e) => e.rooms, S2 = (e) => w(
   D,
   (t) => t[e] ? t[e].configuration : void 0
-), S2 = w(
+), C2 = w(
   D,
   (e) => e
 ), b2 = (e) => w(
@@ -43,125 +43,125 @@ const D = (e) => e.rooms, C2 = (e) => w(
   (t) => t[e] ? t[e].name : void 0
 ), R2 = (e, t) => w(
   D,
-  (o) => o[e] ? o[e].volumes[t] : void 0
+  (n) => n[e] ? n[e].volumes[t] : void 0
 ), y2 = (e) => w(
   D,
   (t) => t[e] ? t[e] : void 0
 ), E2 = (e) => w(
   D,
   (t) => {
-    var o, c;
-    return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.sourceList : void 0;
+    var n, c;
+    return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.sourceList : void 0;
   }
 ), P2 = (e) => w(
   D,
   (t) => {
-    var o, c;
-    return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.audioControlPointList : void 0;
+    var n, c;
+    return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.audioControlPointList : void 0;
   }
 ), T2 = (e) => w(
   D,
   (t) => {
-    var o, c;
-    return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.destinations : void 0;
+    var n, c;
+    return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.destinations : void 0;
   }
 ), _2 = (e) => w(
   D,
   (t) => {
-    var o, c;
-    return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.destinationList : void 0;
+    var n, c;
+    return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.destinationList : void 0;
   }
 ), D2 = (e) => w(
   D,
   (t) => {
-    var o, c;
-    return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.environmentalDevices : void 0;
+    var n, c;
+    return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.environmentalDevices : void 0;
   }
 ), L2 = (e) => w(
   D,
   (t) => {
-    var o, c, r, i, d, a, g, x;
-    return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (d = (i = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : d.sinkKey : ((x = (g = (a = t[e]) == null ? void 0 : a.configuration) == null ? void 0 : g.destinationList.defaultDisplay) == null ? void 0 : x.sinkKey) || "";
+    var n, c, r, i, d, a, g, x;
+    return (c = (n = t[e]) == null ? void 0 : n.configuration) != null && c.destinationList.programAudio ? (d = (i = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : d.sinkKey : ((x = (g = (a = t[e]) == null ? void 0 : a.configuration) == null ? void 0 : g.destinationList.defaultDisplay) == null ? void 0 : x.sinkKey) || "";
   }
 ), $2 = (e) => w(
   D,
   (t) => {
-    var o, c, r;
-    return t[e] ? (r = (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.destinationList.codecContent) == null ? void 0 : r.sinkKey : void 0;
+    var n, c, r;
+    return t[e] ? (r = (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.destinationList.codecContent) == null ? void 0 : r.sinkKey : void 0;
   }
 ), A2 = (e) => w(
   D,
   (t) => {
-    var o;
-    return t[e] ? (o = t[e]) == null ? void 0 : o.isInCall : void 0;
+    var n;
+    return t[e] ? (n = t[e]) == null ? void 0 : n.isInCall : void 0;
   }
 ), B2 = (e) => w(
   D,
   (t) => {
-    var o;
-    return t[e] ? (o = t[e]) == null ? void 0 : o.isWarmingUp : void 0;
+    var n;
+    return t[e] ? (n = t[e]) == null ? void 0 : n.isWarmingUp : void 0;
   }
 ), O2 = (e) => w(
   D,
   (t) => {
-    var o;
-    return t[e] ? (o = t[e]) == null ? void 0 : o.isCoolingDown : void 0;
+    var n;
+    return t[e] ? (n = t[e]) == null ? void 0 : n.isCoolingDown : void 0;
   }
 ), V2 = (e) => w(
   D,
   (t) => {
-    var o;
-    return t[e] ? (o = t[e]) == null ? void 0 : o.isOn : void 0;
+    var n;
+    return t[e] ? (n = t[e]) == null ? void 0 : n.isOn : void 0;
   }
 ), k2 = (e) => w(
   D,
   (t) => {
-    var o;
-    return t[e] ? (o = t[e]) == null ? void 0 : o.advancedSharingActive : void 0;
+    var n;
+    return t[e] ? (n = t[e]) == null ? void 0 : n.advancedSharingActive : void 0;
   }
 ), U2 = (e) => w(
   D,
   (t) => {
-    var o;
-    return t[e] ? (o = t[e]) == null ? void 0 : o.share : void 0;
+    var n;
+    return t[e] ? (n = t[e]) == null ? void 0 : n.share : void 0;
   }
 ), W2 = (e) => w(
   D,
   (t) => {
-    var o, c;
-    return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.zoomRoomControllerKey : void 0;
+    var n, c;
+    return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.zoomRoomControllerKey : void 0;
   }
 ), F2 = w(
   [
     (e, t) => t,
     () => Z3,
     (e, t) => {
-      var o, c;
-      return (c = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : c.destinations;
+      var n, c;
+      return (c = (n = e.rooms[t]) == null ? void 0 : n.configuration) == null ? void 0 : c.destinations;
     }
   ],
-  (e, t, o) => {
-    if (console.log("roomKey", e), console.log("devices", t), console.log("destinations", o), !o) return;
-    const c = Object.entries(o).filter(([i]) => i !== "programAudio" && i !== "codecContent").map(([, i]) => i);
+  (e, t, n) => {
+    if (console.log("roomKey", e), console.log("devices", t), console.log("destinations", n), !n) return;
+    const c = Object.entries(n).filter(([i]) => i !== "programAudio" && i !== "codecContent").map(([, i]) => i);
     return Object.values(t).filter((i) => Object.values(c).includes(i.key));
   }
 );
-function F6(e) {
+function H6(e) {
   return p(
-    C2(e)
+    S2(e)
   );
 }
-function H6() {
-  return p(S2);
+function K6() {
+  return p(C2);
 }
-function C1(e) {
+function S1(e) {
   return p(b2(e));
 }
-const K6 = C1, G6 = (e) => p(
+const G6 = S1, q6 = (e) => p(
   I2(e)
 ), H2 = (e, t) => p(
   R2(e, t)
-), K2 = (e) => p(y2(e)) || void 0, q6 = (e) => p(E2(e)), Y6 = (e) => p(P2(e)), z6 = (e) => p(T2(e)), J6 = (e) => p(_2(e)), X6 = (e) => p(D2(e)), Q6 = (e) => p(L2(e)), N6 = (e) => p($2(e)), ee = (e) => p(A2(e)), te = (e) => p(B2(e)), se = (e) => p(O2(e)), oe = (e) => p(V2(e)), ne = (e) => p(k2(e)), ce = (e) => p(U2(e)), re = (e) => p((t) => F2(t, e)), le = (e) => p(W2(e)), Y = (e) => e.runtimeConfig, G2 = w(
+), K2 = (e) => p(y2(e)) || void 0, Y6 = (e) => p(E2(e)), z6 = (e) => p(P2(e)), J6 = (e) => p(T2(e)), X6 = (e) => p(_2(e)), Q6 = (e) => p(D2(e)), N6 = (e) => p(L2(e)), ee = (e) => p($2(e)), te = (e) => p(A2(e)), se = (e) => p(B2(e)), ne = (e) => p(O2(e)), oe = (e) => p(V2(e)), ce = (e) => p(k2(e)), re = (e) => p(U2(e)), le = (e) => p((t) => F2(t, e)), ie = (e) => p(W2(e)), Y = (e) => e.runtimeConfig, G2 = w(
   Y,
   (e) => e.websocket.isConnected
 ), q2 = w(
@@ -194,42 +194,31 @@ const K6 = C1, G6 = (e) => p(
 ), t8 = w(
   Y,
   (e) => e.roomData.deviceInterfaceSupport
-), j3 = () => p(G2), s8 = () => p(q2), o8 = () => p(Y2), n8 = () => p(z2), c8 = () => p(J2), r8 = () => p(X2), ie = () => p(Q2), ae = () => p(N2), ue = () => p(e8), de = () => p(t8), c1 = (e) => e.ui, U1 = (e) => w(
-  c1,
-  (t) => t.modalVisibility[e]
-), l8 = (e) => w(
-  c1,
-  (t) => {
-    const o = t.popoverVisibility[e];
-    if (o)
-      return Object.keys(o).find((c) => o[c]);
-  }
-), i8 = (e, t) => w(
-  c1,
-  (o) => {
+), j3 = () => p(G2), s8 = () => p(q2), n8 = () => p(Y2), o8 = () => p(z2), c8 = () => p(J2), r8 = () => p(X2), ae = () => p(Q2), ue = () => p(N2), de = () => p(e8), ve = () => p(t8), t1 = (e) => e.ui, U1 = (e) => w(t1, (t) => t.modalVisibility[e]), l8 = (e) => w(t1, (t) => {
+  const n = t.popoverVisibility[e];
+  if (n)
+    return Object.keys(n).find((c) => n[c]);
+}), i8 = (e, t) => w(
+  t1,
+  (n) => {
     var c;
-    return ((c = o.popoverVisibility[e]) == null ? void 0 : c[t]) ?? !1;
+    return ((c = n.popoverVisibility[e]) == null ? void 0 : c[t]) ?? !1;
   }
-), a8 = w(
-  c1,
-  (e) => e.error
-), u8 = w(
-  c1,
+), a8 = w(t1, (e) => e.error), u8 = w(
+  t1,
   (e) => e.showReconnect
-), d8 = w(
-  c1,
-  (e) => e.theme
-), ve = () => p(U1("showShutdownModal")), he = () => p(U1("showIncomingCallModal")), ge = (e) => p(U1(e)), fe = (e) => p(l8(e)), pe = (e, t) => p(i8(e, t)), v8 = () => p(a8), h8 = () => p(u8), we = () => p(d8), g8 = {
+), d8 = w(t1, (e) => e.theme), v8 = (e) => w(t1, (t) => t.syncState.has(e)), he = () => p(U1("showShutdownModal")), ge = () => p(U1("showIncomingCallModal")), fe = (e) => p(U1(e)), pe = (e) => p(l8(e)), we = (e, t) => p(i8(e, t)), h8 = () => p(a8), g8 = () => p(u8), xe = () => p(d8), Me = (e) => p(v8(e)), f8 = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
     showShutdownModal: !1,
     showIncomingCallModal: !1
   },
-  popoverVisibility: {}
-}, C3 = g1({
+  popoverVisibility: {},
+  syncState: /* @__PURE__ */ new Set()
+}, S3 = g1({
   name: "ui",
-  initialState: g8,
+  initialState: f8,
   reducers: {
     clearAllModals(e) {
       Object.entries(e.modalVisibility).forEach(([t]) => {
@@ -246,8 +235,10 @@ const K6 = C1, G6 = (e) => p(
       e.modalVisibility.showIncomingCallModal = t.payload;
     },
     setPopoverState(e, t) {
-      e.popoverVisibility[t.payload.popoverGroup] || (e.popoverVisibility[t.payload.popoverGroup] = {}), Object.entries(e.popoverVisibility[t.payload.popoverGroup]).forEach(([o]) => {
-        e.popoverVisibility[t.payload.popoverGroup][o] = !1;
+      e.popoverVisibility[t.payload.popoverGroup] || (e.popoverVisibility[t.payload.popoverGroup] = {}), Object.entries(
+        e.popoverVisibility[t.payload.popoverGroup]
+      ).forEach(([n]) => {
+        e.popoverVisibility[t.payload.popoverGroup][n] = !1;
       }), e.popoverVisibility[t.payload.popoverGroup][t.payload.popoverId] = t.payload.value;
     },
     setErrorMessage(e, t) {
@@ -258,9 +249,18 @@ const K6 = C1, G6 = (e) => p(
     },
     setTheme(e, t) {
       e.theme = t.payload;
+    },
+    addSyncState(e, t) {
+      e.syncState.add(t.payload);
+    },
+    removeSyncState(e, t) {
+      e.syncState.delete(t.payload);
+    },
+    clearSyncState(e) {
+      e.syncState.clear();
     }
   }
-}), q = C3.actions, f8 = C3.reducer, p8 = {
+}), q = S3.actions, p8 = S3.reducer, w8 = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -270,20 +270,20 @@ const K6 = C1, G6 = (e) => p(
     loginMode: "",
     modes: {}
   }
-}, S3 = g1({
+}, C3 = g1({
   name: "appConfig",
-  initialState: p8,
+  initialState: w8,
   reducers: {
     setAppConfig(e, t) {
       e.config = t.payload;
     }
   }
-}), w8 = S3.actions, x8 = S3.reducer, d3 = {}, B1 = g1({
+}), x8 = C3.actions, M8 = C3.reducer, d3 = {}, B1 = g1({
   name: "devices",
   initialState: d3,
   reducers: {
     setDeviceState(e, t) {
-      const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
+      const n = t.payload.type, c = n.slice(n.lastIndexOf("/") + 1);
       if (!c) return;
       const r = t.payload.content, i = e[c] ?? {}, d = M3.merge(i, r);
       e[c] = d;
@@ -295,12 +295,12 @@ const K6 = C1, G6 = (e) => p(
 }), N = {
   setDeviceState: B1.actions.setDeviceState,
   clearDevices: B1.actions.clearDevices
-}, M8 = B1.reducer, v3 = {}, O1 = g1({
+}, m8 = B1.reducer, v3 = {}, O1 = g1({
   name: "rooms",
   initialState: v3,
   reducers: {
     setRoomState(e, t) {
-      const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
+      const n = t.payload.type, c = n.slice(n.lastIndexOf("/") + 1);
       if (!c) return;
       const r = t.payload.content, i = e[c] ?? {}, d = M3.merge(i, r);
       e[c] = d;
@@ -312,7 +312,7 @@ const K6 = C1, G6 = (e) => p(
 }), e1 = {
   setRoomState: O1.actions.setRoomState,
   clearRooms: O1.actions.clearRooms
-}, m8 = O1.reducer, Z8 = {
+}, Z8 = O1.reducer, j8 = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -345,7 +345,7 @@ const K6 = C1, G6 = (e) => p(
   }
 }, b3 = g1({
   name: "runtimeConfig",
-  initialState: Z8,
+  initialState: j8,
   reducers: {
     setRuntimeConfig(e, t) {
       e.apiVersion = t.payload.apiVersion, e.serverIsRunningOnProcessorHardware = t.payload.serverIsRunningOnProcessorHardware;
@@ -372,25 +372,25 @@ const K6 = C1, G6 = (e) => p(
       e.touchpanelKey = t.payload;
     }
   }
-}), W = b3.actions, j8 = b3.reducer, C8 = a2({
-  appConfig: x8,
-  runtimeConfig: j8,
-  rooms: m8,
-  devices: M8,
-  ui: f8
+}), W = b3.actions, S8 = b3.reducer, C8 = a2({
+  appConfig: M8,
+  runtimeConfig: S8,
+  rooms: Z8,
+  devices: m8,
+  ui: p8
 }), m = u2({
   reducer: C8
-}), V1 = n2.create();
-function S8() {
+}), V1 = o2.create();
+function b8() {
   const e = p2();
   return async () => {
     try {
       const t = location.pathname.split("/").filter((r) => r.length > 0);
       t.length >= 5 ? t.length = 5 : t.length = 2;
-      const o = `/${t.join("/")}`, c = await V1.get("/_local-config/_config.local.json", { baseURL: o });
+      const n = `/${t.join("/")}`, c = await V1.get("/_local-config/_config.local.json", { baseURL: n });
       if (c.status == 200 && c.data) {
         const r = c.data.apiPath;
-        e(w8.setAppConfig(c.data));
+        e(x8.setAppConfig(c.data));
         const i = await V1.get(`${r}/version`);
         i.status == 200 && i.data && e(W.setRuntimeConfig(i.data));
       }
@@ -411,10 +411,10 @@ var m1 = { exports: {} }, u1 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var h3;
-function b8() {
+function I8() {
   if (h3) return u1;
   h3 = 1;
-  var e = w3, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var e = w3, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function d(a, g, x) {
     var v, I = {}, L = null, F = null;
     x !== void 0 && (L = "" + x), g.key !== void 0 && (L = "" + g.key), g.ref !== void 0 && (F = g.ref);
@@ -422,7 +422,7 @@ function b8() {
     if (a && a.defaultProps) for (v in g = a.defaultProps, g) I[v] === void 0 && (I[v] = g[v]);
     return { $$typeof: t, type: a, key: L, ref: F, props: I, _owner: r.current };
   }
-  return u1.Fragment = o, u1.jsx = d, u1.jsxs = d, u1;
+  return u1.Fragment = n, u1.jsx = d, u1.jsxs = d, u1;
 }
 var d1 = {};
 /**
@@ -435,63 +435,63 @@ var d1 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var g3;
-function I8() {
+function R8() {
   return g3 || (g3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = w3, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), a = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), k = Symbol.iterator, X = "@@iterator";
-    function r1(n) {
-      if (n === null || typeof n != "object")
+    var e = w3, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), a = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), k = Symbol.iterator, X = "@@iterator";
+    function r1(o) {
+      if (o === null || typeof o != "object")
         return null;
-      var l = k && n[k] || n[X];
+      var l = k && o[k] || o[X];
       return typeof l == "function" ? l : null;
     }
     var $ = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function A(n) {
+    function A(o) {
       {
         for (var l = arguments.length, u = new Array(l > 1 ? l - 1 : 0), f = 1; f < l; f++)
           u[f - 1] = arguments[f];
-        S1("error", n, u);
+        C1("error", o, u);
       }
     }
-    function S1(n, l, u) {
+    function C1(o, l, u) {
       {
-        var f = $.ReactDebugCurrentFrame, S = f.getStackAddendum();
-        S !== "" && (l += "%s", u = u.concat([S]));
+        var f = $.ReactDebugCurrentFrame, C = f.getStackAddendum();
+        C !== "" && (l += "%s", u = u.concat([C]));
         var R = u.map(function(Z) {
           return String(Z);
         });
-        R.unshift("Warning: " + l), Function.prototype.apply.call(console[n], console, R);
+        R.unshift("Warning: " + l), Function.prototype.apply.call(console[o], console, R);
       }
     }
-    var b1 = !1, E = !1, C = !1, f1 = !1, I1 = !1, z;
+    var b1 = !1, E = !1, S = !1, f1 = !1, I1 = !1, z;
     z = Symbol.for("react.module.reference");
-    function B(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === c || n === i || I1 || n === r || n === x || n === v || f1 || n === F || b1 || E || C || typeof n == "object" && n !== null && (n.$$typeof === L || n.$$typeof === I || n.$$typeof === d || n.$$typeof === a || n.$$typeof === g || // This needs to include all possible module reference object
+    function B(o) {
+      return !!(typeof o == "string" || typeof o == "function" || o === c || o === i || I1 || o === r || o === x || o === v || f1 || o === F || b1 || E || S || typeof o == "object" && o !== null && (o.$$typeof === L || o.$$typeof === I || o.$$typeof === d || o.$$typeof === a || o.$$typeof === g || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      n.$$typeof === z || n.getModuleId !== void 0));
+      o.$$typeof === z || o.getModuleId !== void 0));
     }
-    function P(n, l, u) {
-      var f = n.displayName;
+    function P(o, l, u) {
+      var f = o.displayName;
       if (f)
         return f;
-      var S = l.displayName || l.name || "";
-      return S !== "" ? u + "(" + S + ")" : u;
+      var C = l.displayName || l.name || "";
+      return C !== "" ? u + "(" + C + ")" : u;
     }
-    function t1(n) {
-      return n.displayName || "Context";
+    function s1(o) {
+      return o.displayName || "Context";
     }
-    function K(n) {
-      if (n == null)
+    function K(o) {
+      if (o == null)
         return null;
-      if (typeof n.tag == "number" && A("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
-        return n.displayName || n.name || null;
-      if (typeof n == "string")
-        return n;
-      switch (n) {
+      if (typeof o.tag == "number" && A("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
+        return o.displayName || o.name || null;
+      if (typeof o == "string")
+        return o;
+      switch (o) {
         case c:
           return "Fragment";
-        case o:
+        case n:
           return "Portal";
         case i:
           return "Profiler";
@@ -502,21 +502,21 @@ function I8() {
         case v:
           return "SuspenseList";
       }
-      if (typeof n == "object")
-        switch (n.$$typeof) {
+      if (typeof o == "object")
+        switch (o.$$typeof) {
           case a:
-            var l = n;
-            return t1(l) + ".Consumer";
+            var l = o;
+            return s1(l) + ".Consumer";
           case d:
-            var u = n;
-            return t1(u._context) + ".Provider";
+            var u = o;
+            return s1(u._context) + ".Provider";
           case g:
-            return P(n, n.render, "ForwardRef");
+            return P(o, o.render, "ForwardRef");
           case I:
-            var f = n.displayName || null;
-            return f !== null ? f : K(n.type) || "Memo";
+            var f = o.displayName || null;
+            return f !== null ? f : K(o.type) || "Memo";
           case L: {
-            var S = n, R = S._payload, Z = S._init;
+            var C = o, R = C._payload, Z = C._init;
             try {
               return K(Z(R));
             } catch {
@@ -534,20 +534,20 @@ function I8() {
       {
         if (l1 === 0) {
           W1 = console.log, F1 = console.info, H1 = console.warn, K1 = console.error, G1 = console.group, q1 = console.groupCollapsed, Y1 = console.groupEnd;
-          var n = {
+          var o = {
             configurable: !0,
             enumerable: !0,
             value: z1,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: n,
-            log: n,
-            warn: n,
-            error: n,
-            group: n,
-            groupCollapsed: n,
-            groupEnd: n
+            info: o,
+            log: o,
+            warn: o,
+            error: o,
+            group: o,
+            groupCollapsed: o,
+            groupEnd: o
           });
         }
         l1++;
@@ -556,31 +556,31 @@ function I8() {
     function P3() {
       {
         if (l1--, l1 === 0) {
-          var n = {
+          var o = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: J({}, n, {
+            log: J({}, o, {
               value: W1
             }),
-            info: J({}, n, {
+            info: J({}, o, {
               value: F1
             }),
-            warn: J({}, n, {
+            warn: J({}, o, {
               value: H1
             }),
-            error: J({}, n, {
+            error: J({}, o, {
               value: K1
             }),
-            group: J({}, n, {
+            group: J({}, o, {
               value: G1
             }),
-            groupCollapsed: J({}, n, {
+            groupCollapsed: J({}, o, {
               value: q1
             }),
-            groupEnd: J({}, n, {
+            groupEnd: J({}, o, {
               value: Y1
             })
           });
@@ -589,17 +589,17 @@ function I8() {
       }
     }
     var R1 = $.ReactCurrentDispatcher, y1;
-    function p1(n, l, u) {
+    function p1(o, l, u) {
       {
         if (y1 === void 0)
           try {
             throw Error();
-          } catch (S) {
-            var f = S.stack.trim().match(/\n( *(at )?)/);
+          } catch (C) {
+            var f = C.stack.trim().match(/\n( *(at )?)/);
             y1 = f && f[1] || "";
           }
         return `
-` + y1 + n;
+` + y1 + o;
       }
     }
     var E1 = !1, w1;
@@ -607,17 +607,17 @@ function I8() {
       var T3 = typeof WeakMap == "function" ? WeakMap : Map;
       w1 = new T3();
     }
-    function J1(n, l) {
-      if (!n || E1)
+    function J1(o, l) {
+      if (!o || E1)
         return "";
       {
-        var u = w1.get(n);
+        var u = w1.get(o);
         if (u !== void 0)
           return u;
       }
       var f;
       E1 = !0;
-      var S = Error.prepareStackTrace;
+      var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var R;
       R = R1.current, R1.current = null, E3();
@@ -636,14 +636,14 @@ function I8() {
             } catch (V) {
               f = V;
             }
-            Reflect.construct(n, [], Z);
+            Reflect.construct(o, [], Z);
           } else {
             try {
               Z.call();
             } catch (V) {
               f = V;
             }
-            n.call(Z.prototype);
+            o.call(Z.prototype);
           }
         } else {
           try {
@@ -651,7 +651,7 @@ function I8() {
           } catch (V) {
             f = V;
           }
-          n();
+          o();
         }
       } catch (V) {
         if (V && f && typeof V.stack == "string") {
@@ -666,48 +666,48 @@ function I8() {
                   if (T--, _--, _ < 0 || M[T] !== O[_]) {
                     var U = `
 ` + M[T].replace(" at new ", " at ");
-                    return n.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", n.displayName)), typeof n == "function" && w1.set(n, U), U;
+                    return o.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", o.displayName)), typeof o == "function" && w1.set(o, U), U;
                   }
                 while (T >= 1 && _ >= 0);
               break;
             }
         }
       } finally {
-        E1 = !1, R1.current = R, P3(), Error.prepareStackTrace = S;
+        E1 = !1, R1.current = R, P3(), Error.prepareStackTrace = C;
       }
-      var o1 = n ? n.displayName || n.name : "", Q = o1 ? p1(o1) : "";
-      return typeof n == "function" && w1.set(n, Q), Q;
+      var o1 = o ? o.displayName || o.name : "", Q = o1 ? p1(o1) : "";
+      return typeof o == "function" && w1.set(o, Q), Q;
     }
-    function _3(n, l, u) {
-      return J1(n, !1);
+    function _3(o, l, u) {
+      return J1(o, !1);
     }
-    function D3(n) {
-      var l = n.prototype;
+    function D3(o) {
+      var l = o.prototype;
       return !!(l && l.isReactComponent);
     }
-    function x1(n, l, u) {
-      if (n == null)
+    function x1(o, l, u) {
+      if (o == null)
         return "";
-      if (typeof n == "function")
-        return J1(n, D3(n));
-      if (typeof n == "string")
-        return p1(n);
-      switch (n) {
+      if (typeof o == "function")
+        return J1(o, D3(o));
+      if (typeof o == "string")
+        return p1(o);
+      switch (o) {
         case x:
           return p1("Suspense");
         case v:
           return p1("SuspenseList");
       }
-      if (typeof n == "object")
-        switch (n.$$typeof) {
+      if (typeof o == "object")
+        switch (o.$$typeof) {
           case g:
-            return _3(n.render);
+            return _3(o.render);
           case I:
-            return x1(n.type, l, u);
+            return x1(o.type, l, u);
           case L: {
-            var f = n, S = f._payload, R = f._init;
+            var f = o, C = f._payload, R = f._init;
             try {
-              return x1(R(S), l, u);
+              return x1(R(C), l, u);
             } catch {
             }
           }
@@ -715,109 +715,109 @@ function I8() {
       return "";
     }
     var i1 = Object.prototype.hasOwnProperty, X1 = {}, Q1 = $.ReactDebugCurrentFrame;
-    function M1(n) {
-      if (n) {
-        var l = n._owner, u = x1(n.type, n._source, l ? l.type : null);
+    function M1(o) {
+      if (o) {
+        var l = o._owner, u = x1(o.type, o._source, l ? l.type : null);
         Q1.setExtraStackFrame(u);
       } else
         Q1.setExtraStackFrame(null);
     }
-    function L3(n, l, u, f, S) {
+    function L3(o, l, u, f, C) {
       {
         var R = Function.call.bind(i1);
-        for (var Z in n)
-          if (R(n, Z)) {
+        for (var Z in o)
+          if (R(o, Z)) {
             var M = void 0;
             try {
-              if (typeof n[Z] != "function") {
-                var O = Error((f || "React class") + ": " + u + " type `" + Z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[Z] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof o[Z] != "function") {
+                var O = Error((f || "React class") + ": " + u + " type `" + Z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[Z] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw O.name = "Invariant Violation", O;
               }
-              M = n[Z](l, Z, f, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              M = o[Z](l, Z, f, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (T) {
               M = T;
             }
-            M && !(M instanceof Error) && (M1(S), A("%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).", f || "React class", u, Z, typeof M), M1(null)), M instanceof Error && !(M.message in X1) && (X1[M.message] = !0, M1(S), A("Failed %s type: %s", u, M.message), M1(null));
+            M && !(M instanceof Error) && (M1(C), A("%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).", f || "React class", u, Z, typeof M), M1(null)), M instanceof Error && !(M.message in X1) && (X1[M.message] = !0, M1(C), A("Failed %s type: %s", u, M.message), M1(null));
           }
       }
     }
     var $3 = Array.isArray;
-    function P1(n) {
-      return $3(n);
+    function P1(o) {
+      return $3(o);
     }
-    function A3(n) {
+    function A3(o) {
       {
-        var l = typeof Symbol == "function" && Symbol.toStringTag, u = l && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        var l = typeof Symbol == "function" && Symbol.toStringTag, u = l && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return u;
       }
     }
-    function B3(n) {
+    function B3(o) {
       try {
-        return N1(n), !1;
+        return N1(o), !1;
       } catch {
         return !0;
       }
     }
-    function N1(n) {
-      return "" + n;
+    function N1(o) {
+      return "" + o;
     }
-    function e3(n) {
-      if (B3(n))
-        return A("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", A3(n)), N1(n);
+    function e3(o) {
+      if (B3(o))
+        return A("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", A3(o)), N1(o);
     }
     var t3 = $.ReactCurrentOwner, O3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, s3, o3;
-    function V3(n) {
-      if (i1.call(n, "ref")) {
-        var l = Object.getOwnPropertyDescriptor(n, "ref").get;
+    }, s3, n3;
+    function V3(o) {
+      if (i1.call(o, "ref")) {
+        var l = Object.getOwnPropertyDescriptor(o, "ref").get;
         if (l && l.isReactWarning)
           return !1;
       }
-      return n.ref !== void 0;
+      return o.ref !== void 0;
     }
-    function k3(n) {
-      if (i1.call(n, "key")) {
-        var l = Object.getOwnPropertyDescriptor(n, "key").get;
+    function k3(o) {
+      if (i1.call(o, "key")) {
+        var l = Object.getOwnPropertyDescriptor(o, "key").get;
         if (l && l.isReactWarning)
           return !1;
       }
-      return n.key !== void 0;
+      return o.key !== void 0;
     }
-    function U3(n, l) {
-      typeof n.ref == "string" && t3.current;
+    function U3(o, l) {
+      typeof o.ref == "string" && t3.current;
     }
-    function W3(n, l) {
+    function W3(o, l) {
       {
         var u = function() {
           s3 || (s3 = !0, A("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
         };
-        u.isReactWarning = !0, Object.defineProperty(n, "key", {
+        u.isReactWarning = !0, Object.defineProperty(o, "key", {
           get: u,
           configurable: !0
         });
       }
     }
-    function F3(n, l) {
+    function F3(o, l) {
       {
         var u = function() {
-          o3 || (o3 = !0, A("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+          n3 || (n3 = !0, A("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
         };
-        u.isReactWarning = !0, Object.defineProperty(n, "ref", {
+        u.isReactWarning = !0, Object.defineProperty(o, "ref", {
           get: u,
           configurable: !0
         });
       }
     }
-    var H3 = function(n, l, u, f, S, R, Z) {
+    var H3 = function(o, l, u, f, C, R, Z) {
       var M = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
-        type: n,
+        type: o,
         key: l,
         ref: u,
         props: Z,
@@ -838,61 +838,61 @@ function I8() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: S
+        value: C
       }), Object.freeze && (Object.freeze(M.props), Object.freeze(M)), M;
     };
-    function K3(n, l, u, f, S) {
+    function K3(o, l, u, f, C) {
       {
         var R, Z = {}, M = null, O = null;
-        u !== void 0 && (e3(u), M = "" + u), k3(l) && (e3(l.key), M = "" + l.key), V3(l) && (O = l.ref, U3(l, S));
+        u !== void 0 && (e3(u), M = "" + u), k3(l) && (e3(l.key), M = "" + l.key), V3(l) && (O = l.ref, U3(l, C));
         for (R in l)
           i1.call(l, R) && !O3.hasOwnProperty(R) && (Z[R] = l[R]);
-        if (n && n.defaultProps) {
-          var T = n.defaultProps;
+        if (o && o.defaultProps) {
+          var T = o.defaultProps;
           for (R in T)
             Z[R] === void 0 && (Z[R] = T[R]);
         }
         if (M || O) {
-          var _ = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
+          var _ = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
           M && W3(Z, _), O && F3(Z, _);
         }
-        return H3(n, M, O, S, f, t3.current, Z);
+        return H3(o, M, O, C, f, t3.current, Z);
       }
     }
-    var T1 = $.ReactCurrentOwner, n3 = $.ReactDebugCurrentFrame;
-    function s1(n) {
-      if (n) {
-        var l = n._owner, u = x1(n.type, n._source, l ? l.type : null);
-        n3.setExtraStackFrame(u);
+    var T1 = $.ReactCurrentOwner, o3 = $.ReactDebugCurrentFrame;
+    function n1(o) {
+      if (o) {
+        var l = o._owner, u = x1(o.type, o._source, l ? l.type : null);
+        o3.setExtraStackFrame(u);
       } else
-        n3.setExtraStackFrame(null);
+        o3.setExtraStackFrame(null);
     }
     var _1;
     _1 = !1;
-    function D1(n) {
-      return typeof n == "object" && n !== null && n.$$typeof === t;
+    function D1(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === t;
     }
     function c3() {
       {
         if (T1.current) {
-          var n = K(T1.current.type);
-          if (n)
+          var o = K(T1.current.type);
+          if (o)
             return `
 
-Check the render method of \`` + n + "`.";
+Check the render method of \`` + o + "`.";
         }
         return "";
       }
     }
-    function G3(n) {
+    function G3(o) {
       return "";
     }
     var r3 = {};
-    function q3(n) {
+    function q3(o) {
       {
         var l = c3();
         if (!l) {
-          var u = typeof n == "string" ? n : n.displayName || n.name;
+          var u = typeof o == "string" ? o : o.displayName || o.name;
           u && (l = `
 
 Check the top-level render call using <` + u + ">.");
@@ -900,41 +900,41 @@ Check the top-level render call using <` + u + ">.");
         return l;
       }
     }
-    function l3(n, l) {
+    function l3(o, l) {
       {
-        if (!n._store || n._store.validated || n.key != null)
+        if (!o._store || o._store.validated || o.key != null)
           return;
-        n._store.validated = !0;
+        o._store.validated = !0;
         var u = q3(l);
         if (r3[u])
           return;
         r3[u] = !0;
         var f = "";
-        n && n._owner && n._owner !== T1.current && (f = " It was passed a child from " + K(n._owner.type) + "."), s1(n), A('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, f), s1(null);
+        o && o._owner && o._owner !== T1.current && (f = " It was passed a child from " + K(o._owner.type) + "."), n1(o), A('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, f), n1(null);
       }
     }
-    function i3(n, l) {
+    function i3(o, l) {
       {
-        if (typeof n != "object")
+        if (typeof o != "object")
           return;
-        if (P1(n))
-          for (var u = 0; u < n.length; u++) {
-            var f = n[u];
+        if (P1(o))
+          for (var u = 0; u < o.length; u++) {
+            var f = o[u];
             D1(f) && l3(f, l);
           }
-        else if (D1(n))
-          n._store && (n._store.validated = !0);
-        else if (n) {
-          var S = r1(n);
-          if (typeof S == "function" && S !== n.entries)
-            for (var R = S.call(n), Z; !(Z = R.next()).done; )
+        else if (D1(o))
+          o._store && (o._store.validated = !0);
+        else if (o) {
+          var C = r1(o);
+          if (typeof C == "function" && C !== o.entries)
+            for (var R = C.call(o), Z; !(Z = R.next()).done; )
               D1(Z.value) && l3(Z.value, l);
         }
       }
     }
-    function Y3(n) {
+    function Y3(o) {
       {
-        var l = n.type;
+        var l = o.type;
         if (l == null || typeof l == "string")
           return;
         var u;
@@ -948,40 +948,40 @@ Check the top-level render call using <` + u + ">.");
           return;
         if (u) {
           var f = K(l);
-          L3(u, n.props, "prop", f, n);
+          L3(u, o.props, "prop", f, o);
         } else if (l.PropTypes !== void 0 && !_1) {
           _1 = !0;
-          var S = K(l);
-          A("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", S || "Unknown");
+          var C = K(l);
+          A("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
         }
         typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && A("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function z3(n) {
+    function z3(o) {
       {
-        for (var l = Object.keys(n.props), u = 0; u < l.length; u++) {
+        for (var l = Object.keys(o.props), u = 0; u < l.length; u++) {
           var f = l[u];
           if (f !== "children" && f !== "key") {
-            s1(n), A("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), s1(null);
+            n1(o), A("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), n1(null);
             break;
           }
         }
-        n.ref !== null && (s1(n), A("Invalid attribute `ref` supplied to `React.Fragment`."), s1(null));
+        o.ref !== null && (n1(o), A("Invalid attribute `ref` supplied to `React.Fragment`."), n1(null));
       }
     }
     var a3 = {};
-    function u3(n, l, u, f, S, R) {
+    function u3(o, l, u, f, C, R) {
       {
-        var Z = B(n);
+        var Z = B(o);
         if (!Z) {
           var M = "";
-          (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (M += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (M += " 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 O = G3();
           O ? M += O : M += c3();
           var T;
-          n === null ? T = "null" : P1(n) ? T = "array" : n !== void 0 && n.$$typeof === t ? (T = "<" + (K(n.type) || "Unknown") + " />", M = " Did you accidentally export a JSX literal instead of a component?") : T = typeof n, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", T, M);
+          o === null ? T = "null" : P1(o) ? T = "array" : o !== void 0 && o.$$typeof === t ? (T = "<" + (K(o.type) || "Unknown") + " />", M = " Did you accidentally export a JSX literal instead of a component?") : T = typeof o, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", T, M);
         }
-        var _ = K3(n, l, u, S, R);
+        var _ = K3(o, l, u, C, R);
         if (_ == null)
           return _;
         if (Z) {
@@ -990,15 +990,15 @@ Check the top-level render call using <` + u + ">.");
             if (f)
               if (P1(U)) {
                 for (var o1 = 0; o1 < U.length; o1++)
-                  i3(U[o1], n);
+                  i3(U[o1], o);
                 Object.freeze && Object.freeze(U);
               } else
                 A("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
-              i3(U, n);
+              i3(U, o);
         }
         if (i1.call(l, "key")) {
-          var Q = K(n), V = Object.keys(l).filter(function(t2) {
+          var Q = K(o), V = Object.keys(l).filter(function(t2) {
             return t2 !== "key";
           }), L1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!a3[Q + L1]) {
@@ -1011,41 +1011,41 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, L1, Q, e2, Q), a3[Q + L1] = !0;
           }
         }
-        return n === c ? z3(_) : Y3(_), _;
+        return o === c ? z3(_) : Y3(_), _;
       }
     }
-    function J3(n, l, u) {
-      return u3(n, l, u, !0);
+    function J3(o, l, u) {
+      return u3(o, l, u, !0);
     }
-    function X3(n, l, u) {
-      return u3(n, l, u, !1);
+    function X3(o, l, u) {
+      return u3(o, l, u, !1);
     }
     var Q3 = X3, N3 = J3;
     d1.Fragment = c, d1.jsx = Q3, d1.jsxs = N3;
   }()), d1;
 }
 var f3;
-function R8() {
-  return f3 || (f3 = 1, process.env.NODE_ENV === "production" ? m1.exports = b8() : m1.exports = I8()), m1.exports;
+function y8() {
+  return f3 || (f3 = 1, process.env.NODE_ENV === "production" ? m1.exports = I8() : m1.exports = R8()), m1.exports;
 }
-var s = R8();
-const y8 = "_mwfit_ppa3l_1", E8 = {
-  mwfit: y8
-}, P8 = () => {
-  const { reconnect: e } = b(), t = j3(), o = v8(), c = h8();
+var s = y8();
+const E8 = "_mwfit_ppa3l_1", P8 = {
+  mwfit: E8
+}, T8 = () => {
+  const { reconnect: e } = b(), t = j3(), n = h8(), c = g8();
   return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: `disconnected-message ${E8.mwfit} mx-auto text-center`,
+      className: `disconnected-message ${P8.mwfit} mx-auto text-center`,
       children: [
         t === void 0 ? /* @__PURE__ */ s.jsx("h1", { children: "Connecting..." }) : /* @__PURE__ */ s.jsx("h1", { children: "Disconnected" }),
-        o && /* @__PURE__ */ s.jsx("h5", { children: o }),
+        n && /* @__PURE__ */ s.jsx("h5", { children: n }),
         c && /* @__PURE__ */ s.jsx("button", { className: "btn btn-secondary btn-lg", onClick: e, children: "Reconnect" })
       ]
     }
   ) });
 };
-class T8 {
+class _8 {
   constructor() {
     G(this, "uuid", "current-uuid");
     G(this, "roomKey", "current-room-key");
@@ -1053,33 +1053,33 @@ class T8 {
     G(this, "expiry", "current-uuid-expires");
   }
 }
-const p3 = new T8(), I3 = d2({
+const p3 = new _8(), I3 = d2({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
   removeEventHandler: () => null,
   reconnect: () => null
 });
-function _8(e) {
+function D8(e) {
   return sessionStorage.getItem(e) || "";
 }
-function D8(e, t) {
+function L8(e, t) {
   sessionStorage.setItem(e, t);
 }
-const L8 = ({ children: e }) => {
-  const [t, o] = H(), c = j3(), r = s8(), i = o8(), d = S8(), a = Z2(), g = n8(), x = c8(), v = r8(), I = h1(null), [L, F] = H(), k = h1({}), X = a1(
+const $8 = ({ children: e }) => {
+  const [t, n] = H(), c = j3(), r = s8(), i = n8(), d = b8(), a = Z2(), g = o8(), x = c8(), v = r8(), I = h1(null), [L, F] = H(), k = h1({}), X = a1(
     async (E) => {
       try {
-        const C = await V1.get(
+        const S = await V1.get(
           `${E}/ui/joinroom?token=${t}`
         );
-        return C.status === 200 && C.data ? (m.dispatch(W.setRoomData(C.data)), !0) : !1;
-      } catch (C) {
-        return console.log(C), v ? !0 : C instanceof c2 && C.response && C.response.status === 498 ? (console.error("Invalid token. Unable to join room"), m.dispatch(
+        return S.status === 200 && S.data ? (m.dispatch(W.setRoomData(S.data)), !0) : !1;
+      } catch (S) {
+        return console.log(S), v ? !0 : S instanceof c2 && S.response && S.response.status === 498 ? (console.error("Invalid token. Unable to join room"), m.dispatch(
           q.setErrorMessage(
             `Token ${t} is invalid. Unable to join room`
           )
-        ), !1) : (console.error("Error getting room data", C), C instanceof Error ? m.dispatch(q.setErrorMessage(C.message)) : m.dispatch(q.setErrorMessage("Error getting room data")), !1);
+        ), !1) : (console.error("Error getting room data", S), S instanceof Error ? m.dispatch(q.setErrorMessage(S.message)) : m.dispatch(q.setErrorMessage("Error getting room data")), !1);
       }
     },
     [t, v]
@@ -1087,23 +1087,23 @@ const L8 = ({ children: e }) => {
     const E = `${a.gatewayAppPath}?uuid=${g}&roomKey=${r}`;
     window.location.href = x ? `${E}&Code=${x}` : E;
   }, [a.gatewayAppPath, r, g, x]), $ = a1(
-    (E, C) => {
-      I.current && c && I.current.send(JSON.stringify({ type: E, clientId: i, content: C }));
+    (E, S) => {
+      I.current && c && I.current.send(JSON.stringify({ type: E, clientId: i, content: S }));
     },
     [c, i]
-  ), A = (E, C) => {
-    $(E, { value: C });
-  }, S1 = a1(
-    (E, C, f1) => {
-      k.current[E] || (k.current[E] = {}), k.current[E][C] = f1, console.log("event handler added", E, C);
+  ), A = (E, S) => {
+    $(E, { value: S });
+  }, C1 = a1(
+    (E, S, f1) => {
+      k.current[E] || (k.current[E] = {}), k.current[E][S] = f1, console.log("event handler added", E, S);
     },
     []
-  ), b1 = a1((E, C) => {
-    k.current[E] && (delete k.current[E][C], console.log("event handler removed", E, C));
+  ), b1 = a1((E, S) => {
+    k.current[E] && (delete k.current[E][S], console.log("event handler removed", E, S));
   }, []);
-  return n1(() => {
-    let C = new URLSearchParams(window.location.search).get("token");
-    C ? (console.log("saving token: ", C), D8(p3.uuid, C)) : (C = _8(p3.uuid), console.log("loading token: ", C)), o(C), d();
+  return c1(() => {
+    let S = new URLSearchParams(window.location.search).get("token");
+    S ? (console.log("saving token: ", S), L8(p3.uuid, S)) : (S = D8(p3.uuid), console.log("loading token: ", S)), n(S), d();
   }, []), console.log(
     "connection dependencies",
     a.apiPath,
@@ -1111,7 +1111,7 @@ const L8 = ({ children: e }) => {
     t,
     L,
     v
-  ), n1(() => {
+  ), c1(() => {
     async function E() {
       if (console.log("Attempting to join websocket..."), !a.apiPath || L || !t || !await X(a.apiPath)) return;
       if (I.current) {
@@ -1200,8 +1200,8 @@ const L8 = ({ children: e }) => {
             }
           else if (P.type.startsWith("/event/")) {
             console.log("event message received", P);
-            const t1 = k.current[P.type];
-            t1 || console.log("no handlers found for event type", P.type), t1 && Object.values(t1).forEach((K) => {
+            const s1 = k.current[P.type];
+            s1 || console.log("no handlers found for event type", P.type), s1 && Object.values(s1).forEach((K) => {
               try {
                 K(P);
               } catch (J) {
@@ -1223,7 +1223,7 @@ const L8 = ({ children: e }) => {
     t,
     L,
     v
-  ]), n1(() => {
+  ]), c1(() => {
     !r || !c || (console.log("clientId: ", i), i && (console.log("requesting status from room: ", r), $(`/room/${r}/status`, null)));
   }, [r, i, c, $]), /* @__PURE__ */ s.jsx(
     I3.Provider,
@@ -1231,27 +1231,27 @@ const L8 = ({ children: e }) => {
       value: {
         sendMessage: $,
         sendSimpleMessage: A,
-        addEventHandler: S1,
+        addEventHandler: C1,
         removeEventHandler: b1,
         reconnect: r1
       },
-      children: c ? e : /* @__PURE__ */ s.jsx(P8, {})
+      children: c ? e : /* @__PURE__ */ s.jsx(T8, {})
     }
   );
-}, xe = ({ children: e }) => /* @__PURE__ */ s.jsx(i2, { store: m, children: /* @__PURE__ */ s.jsx(L8, { children: e }) });
+}, me = ({ children: e }) => /* @__PURE__ */ s.jsx(i2, { store: m, children: /* @__PURE__ */ s.jsx($8, { children: e }) });
 function b() {
   return v2(I3);
 }
-function $8({
+function A8({
   onPress: e,
   onRelease: t,
-  onHold: o,
+  onHold: n,
   holdTimeMs: c = 500
 }) {
   const r = h1(null), i = h1(!1);
   function d() {
     i.current = !0, e == null || e(), r.current = setTimeout(() => {
-      o == null || o(), r.current = null;
+      n == null || n(), r.current = null;
     }, c);
   }
   function a() {
@@ -1276,35 +1276,35 @@ function h(e, t) {
   function d() {
     r.current && (clearInterval(r.current), r.current = null), c(`${e}/${t}`, { value: "released" });
   }
-  return $8({ onPress: i, onRelease: d });
+  return A8({ onPress: i, onRelease: d });
 }
 function R3(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = b(), r = h(`${e}`, "volumeUp"), i = h(`${e}`, "volumeDown");
+  const { sendMessage: n, sendSimpleMessage: c } = b(), r = h(`${e}`, "volumeUp"), i = h(`${e}`, "volumeDown");
   return t ? {
     volumeState: t,
     volumeUp: r,
     volumeDown: i,
     setLevel: (v) => c(`${e}/level`, v),
-    muteToggle: () => o(`${e}/muteToggle`, null),
-    muteOn: () => o(`${e}/muteOn`, null),
-    muteOff: () => o(`${e}/muteOff`, null)
+    muteToggle: () => n(`${e}/muteToggle`, null),
+    muteOn: () => n(`${e}/muteOn`, null),
+    muteOff: () => n(`${e}/muteOff`, null)
   } : void 0;
 }
-function Me(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = b(), r = h(`${e}`, "volumeUp"), i = h(`${e}`, "volumeDown");
+function Ze(e, t) {
+  const { sendMessage: n, sendSimpleMessage: c } = b(), r = h(`${e}`, "volumeUp"), i = h(`${e}`, "volumeDown");
   return t ? {
     volumeState: t,
     volumeUp: r,
     volumeDown: i,
     setLevel: (v) => c(`${e}/level`, v),
-    muteToggle: () => o(`${e}/muteToggle`, null),
-    muteOn: () => o(`${e}/muteOn`, null),
-    muteOff: () => o(`${e}/muteOff`, null)
+    muteToggle: () => n(`${e}/muteToggle`, null),
+    muteOn: () => n(`${e}/muteOn`, null),
+    muteOff: () => n(`${e}/muteOff`, null)
   } : void 0;
 }
-function A8(e) {
-  const t = y(e), o = `/device/${e}`;
-  return R3(o, t == null ? void 0 : t.volume);
+function B8(e) {
+  const t = y(e), n = `/device/${e}`;
+  return R3(n, t == null ? void 0 : t.volume);
 }
 function y3(e) {
   const { sendMessage: t } = b();
@@ -1317,36 +1317,36 @@ function y3(e) {
   } };
 }
 function k1(e) {
-  const { sendMessage: t } = b(), o = y(e);
-  return console.log("deviceState", o), o ? { itemsState: o, selectItem: (r) => {
+  const { sendMessage: t } = b(), n = y(e);
+  return console.log("deviceState", n), n ? { itemsState: n, selectItem: (r) => {
     t(`/device/${e}/${r}`, null);
   } } : void 0;
 }
-function B8(e) {
-  const { sendMessage: t } = b(), o = y(e), c = () => {
+function O8(e) {
+  const { sendMessage: t } = b(), n = y(e), c = () => {
     t(`/device/${e}/setDefaultChannelLevels`, null);
   }, r = () => {
-    if ((o == null ? void 0 : o.levelControls) === void 0) return;
-    Object.keys(o == null ? void 0 : o.levelControls).forEach((a) => {
+    if ((n == null ? void 0 : n.levelControls) === void 0) return;
+    Object.keys(n == null ? void 0 : n.levelControls).forEach((a) => {
       t(`/device/${e}/${a}/fullStatus`, null);
     });
   };
-  return o ? { levelControls: o.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
+  return n ? { levelControls: n.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
 }
-function me(e) {
-  const t = y(e), o = y3(e), c = k1(e), r = k1(e), i = A8(e), d = B8(e);
+function je(e) {
+  const t = y(e), n = y3(e), c = k1(e), r = k1(e), i = B8(e), d = O8(e);
   if (t)
     return {
       avrState: t,
-      powerControl: o,
+      powerControl: n,
       inputControl: c,
       surroundSoundModes: r,
       surroundChannels: d,
       mainVolumeControl: i
     };
 }
-function Ze(e) {
-  const { sendMessage: t } = b(), o = `/device/${e}`, c = y(e), r = h(o, "cameraUp"), i = h(o, "cameraDown"), d = h(o, "cameraLeft"), a = h(o, "cameraRight"), g = h(o, "cameraZoomIn"), x = h(o, "cameraZoomOut"), v = (I) => t("/camera/recallPreset", I);
+function Se(e) {
+  const { sendMessage: t } = b(), n = `/device/${e}`, c = y(e), r = h(n, "cameraUp"), i = h(n, "cameraDown"), d = h(n, "cameraLeft"), a = h(n, "cameraRight"), g = h(n, "cameraZoomIn"), x = h(n, "cameraZoomOut"), v = (I) => t("/camera/recallPreset", I);
   if (c)
     return {
       state: c,
@@ -1359,56 +1359,56 @@ function Ze(e) {
       recallPreset: v
     };
 }
-const je = ({ className: e }) => {
-  const [t, o] = H();
-  return n1(() => {
+const Ce = ({ className: e }) => {
+  const [t, n] = H();
+  return c1(() => {
     setInterval(() => {
       const c = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
-      o(c);
+      n(c);
     }, 1e3);
   }, []), /* @__PURE__ */ s.jsxs("div", { className: e, children: [
     t,
     " new change"
   ] });
 };
-function Ce(e) {
-  const { sendMessage: t } = b(), o = y(e), c = `/device/${e}`;
-  return o ? { state: o, recallPreset: (d, a) => {
+function be(e) {
+  const { sendMessage: t } = b(), n = y(e), c = `/device/${e}`;
+  return n ? { state: n, recallPreset: (d, a) => {
     t(`${c}/presets/recall`, { deviceKey: d, preset: a });
   }, savePresets: (d) => {
     t(`${c}/presets/save`, d);
   } } : void 0;
 }
-function Se(e) {
+function Ie(e) {
   const t = y(e);
   if (t)
     return { endpointState: t };
 }
-function be(e) {
-  const t = `/device/${e}`, o = h(t, "chanUp"), c = h(t, "chanDown"), r = h(t, "lastChan"), i = h(t, "guide"), d = h(t, "info"), a = h(t, "exit");
-  return { channelUp: o, channelDown: c, lastChannel: r, guide: i, info: d, exit: a };
+function Re(e) {
+  const t = `/device/${e}`, n = h(t, "chanUp"), c = h(t, "chanDown"), r = h(t, "lastChan"), i = h(t, "guide"), d = h(t, "info"), a = h(t, "exit");
+  return { channelUp: n, channelDown: c, lastChannel: r, guide: i, info: d, exit: a };
 }
-function Ie(e) {
-  const t = `/device/${e}`, o = h(t, "red"), c = h(t, "green"), r = h(t, "yellow"), i = h(t, "blue");
-  return { red: o, green: c, yellow: r, blue: i };
+function ye(e) {
+  const t = `/device/${e}`, n = h(t, "red"), c = h(t, "green"), r = h(t, "yellow"), i = h(t, "blue");
+  return { red: n, green: c, yellow: r, blue: i };
 }
-function Re(e) {
+function Ee(e) {
   const t = y(e);
   if (t)
     return {
       communicationMonitorState: t
     };
 }
-function ye(e) {
+function Pe(e) {
   const t = y(e);
   if (t)
     return t.deviceInfo || void 0;
 }
-function Ee(e) {
-  const t = `/device/${e}`, o = h(t, "up"), c = h(t, "down"), r = h(t, "left"), i = h(t, "right"), d = h(t, "select"), a = h(t, "menu"), g = h(t, "exit");
-  return { up: o, down: c, left: r, right: i, select: d, menu: a, exit: g };
+function Te(e) {
+  const t = `/device/${e}`, n = h(t, "up"), c = h(t, "down"), r = h(t, "left"), i = h(t, "right"), d = h(t, "select"), a = h(t, "menu"), g = h(t, "exit");
+  return { up: n, down: c, left: r, right: i, select: d, menu: a, exit: g };
 }
-function Pe(e) {
+function _e(e) {
   const { sendMessage: t } = b();
   return { recallPreset: (c) => {
     t(
@@ -1417,13 +1417,13 @@ function Pe(e) {
     );
   } };
 }
-function Te(e) {
-  const t = `/device/${e}`, o = h(t, "dvrList"), c = h(t, "record");
-  return { dvrList: o, record: c };
+function De(e) {
+  const t = `/device/${e}`, n = h(t, "dvrList"), c = h(t, "record");
+  return { dvrList: n, record: c };
 }
-function _e(e) {
-  const { sendMessage: t } = b(), o = y(e);
-  return o ? { roomCombinerState: o, setAutoMode: () => {
+function Le(e) {
+  const { sendMessage: t } = b(), n = y(e);
+  return n ? { roomCombinerState: n, setAutoMode: () => {
     t(`/device/${e}/setAutoMode`, null);
   }, setManualMode: () => {
     t(`/device/${e}/setManualMode`, null);
@@ -1435,52 +1435,52 @@ function _e(e) {
     t(`/device/${e}/setRoomCombinationScenario`, g);
   } } : void 0;
 }
-function De(e) {
-  const { sendMessage: t } = b(), o = `/device/${e}`, c = y(e);
+function $e(e) {
+  const { sendMessage: t } = b(), n = `/device/${e}`, c = y(e);
   return c ? {
     state: c,
     selectCamera: (i) => {
-      t(`${o}/selectCamera`, i);
+      t(`${n}/selectCamera`, i);
     }
   } : void 0;
 }
-function Le(e) {
+function Ae(e) {
   const t = y(e);
   if (t)
     return { state: t };
 }
-function $e(e) {
-  const { sendMessage: t, sendSimpleMessage: o } = b(), c = y(e), r = K2(e), i = c || r;
+function Be(e) {
+  const { sendMessage: t, sendSimpleMessage: n } = b(), c = y(e), r = K2(e), i = c || r;
   return i ? {
     levelState: i,
-    setLevel: (v, I) => o(`${v}/level`, I),
+    setLevel: (v, I) => n(`${v}/level`, I),
     muteToggle: (v) => t(`${v}/muteToggle`, null),
     muteOn: (v) => t(`${v}/muteOn`, null),
     muteOff: (v) => t(`${v}/muteOff`, null)
   } : void 0;
 }
-function Ae(e) {
-  const { sendMessage: t } = b(), o = y(e);
-  return o ? { lightingState: o, selectScene: (r) => {
+function Oe(e) {
+  const { sendMessage: t } = b(), n = y(e);
+  return n ? { lightingState: n, selectScene: (r) => {
     t(`/device/${e}/selectScene`, r);
   } } : void 0;
 }
-function Be(e) {
-  const { sendMessage: t } = b(), o = y(e);
-  return o ? { matrixRoutingState: o, setRoute: (r) => {
+function Ve(e) {
+  const { sendMessage: t } = b(), n = y(e);
+  return n ? { matrixRoutingState: n, setRoute: (r) => {
     t(`/device/${e}/route`, r);
   } } : void 0;
 }
-function Oe(e) {
+function ke(e) {
   const { sendMessage: t } = b();
   return { closeApp: () => {
     t(`/device/${e}/closeWebViewController`, null);
   } };
 }
-function Ve(e) {
-  const t = `/device/${e}`, o = h(t, "num0"), c = h(t, "num1"), r = h(t, "num2"), i = h(t, "num3"), d = h(t, "num4"), a = h(t, "num5"), g = h(t, "num6"), x = h(t, "num7"), v = h(t, "num8"), I = h(t, "num9"), L = h(t, "numDash"), F = h(t, "numEnter");
+function Ue(e) {
+  const t = `/device/${e}`, n = h(t, "num0"), c = h(t, "num1"), r = h(t, "num2"), i = h(t, "num3"), d = h(t, "num4"), a = h(t, "num5"), g = h(t, "num6"), x = h(t, "num7"), v = h(t, "num8"), I = h(t, "num9"), L = h(t, "numDash"), F = h(t, "numEnter");
   return {
-    digit0: o,
+    digit0: n,
     digit1: c,
     digit2: r,
     digit3: i,
@@ -1494,45 +1494,45 @@ function Ve(e) {
     keypadAccessoryButton2: F
   };
 }
-function ke(e) {
-  const { sendMessage: t } = b(), o = y(e);
-  return o ? { projectorScreenLiftControlState: o, raise: () => {
+function We(e) {
+  const { sendMessage: t } = b(), n = y(e);
+  return n ? { projectorScreenLiftControlState: n, raise: () => {
     t(`/device/${e}/raise`, null);
   }, lower: () => {
     t(`/device/${e}/lower`, null);
   } } : void 0;
 }
-function Ue(e) {
-  const { sendMessage: t } = b(), o = C1(e);
-  return o ? { roomEventScheduleState: o, save: (r) => {
+function Fe(e) {
+  const { sendMessage: t } = b(), n = S1(e);
+  return n ? { roomEventScheduleState: n, save: (r) => {
     t(`/room/${e}/saveScheduledEvents`, r);
   } } : void 0;
 }
-function We(e) {
+function He(e) {
   const { sendMessage: t } = b();
   return { runDefaultPresentRoute: () => {
     t(`/room/${e}/defaultsource`, {});
   } };
 }
-function Fe(e) {
+function Ke(e) {
   const { sendMessage: t } = b();
   return { runDirectRoute: (c) => {
     t(`/room/${e}/directRoute`, c);
   } };
 }
-function He(e) {
+function Ge(e) {
   const { sendMessage: t } = b();
   return { routingState: y(e), runRoute: (r) => {
     t(`/room/${e}/source`, r);
   } };
 }
-function Ke(e) {
-  const t = `/device/${e}`, o = h(t, "chanUp"), c = h(t, "chanDown");
-  return { dvrList: o, replay: c };
+function qe(e) {
+  const t = `/device/${e}`, n = h(t, "chanUp"), c = h(t, "chanDown");
+  return { dvrList: n, replay: c };
 }
-function Ge(e) {
-  const { sendMessage: t } = b(), o = y(e);
-  return o ? { shadeState: o, shadeUp: () => {
+function Ye(e) {
+  const { sendMessage: t } = b(), n = y(e);
+  return n ? { shadeState: n, shadeUp: () => {
     t(`/device/${e}/shadeUp`, null);
   }, shadeDown: () => {
     t(`/device/${e}/shadeDown`, null);
@@ -1540,9 +1540,9 @@ function Ge(e) {
     t(`/device/${e}/stopOrPreset`, null);
   } } : void 0;
 }
-function qe(e) {
-  const { sendMessage: t } = b(), o = C1(e);
-  return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (a) => {
+function ze(e) {
+  const { sendMessage: t } = b(), n = S1(e);
+  return n ? { shutdownPromptTimerState: n, setShutdownPromptSeconds: (a) => {
     t(`/room/${e}/setShutdownPromptSeconds`, a);
   }, shutdownStart: () => {
     t(`/room/${e}/shutdownStart`, null);
@@ -1552,39 +1552,39 @@ function qe(e) {
     t(`/room/${e}/shutdownCancel`, null);
   } } : void 0;
 }
-function Ye(e) {
-  const { sendMessage: t } = b(), o = y(e);
-  return o ? { switchedOutputState: o, on: () => {
+function Je(e) {
+  const { sendMessage: t } = b(), n = y(e);
+  return n ? { switchedOutputState: n, on: () => {
     t(`/device/${e}/on`, null);
   }, off: () => {
     t(`/device/${e}/off`, null);
   } } : void 0;
 }
-function ze(e) {
-  const { sendMessage: t } = b(), o = C1(e);
-  return o ? { techPasswordState: o, validatePassword: (i) => {
+function Xe(e) {
+  const { sendMessage: t } = b(), n = S1(e);
+  return n ? { techPasswordState: n, validatePassword: (i) => {
     t(`/room/${e}/validateTechPassword`, { password: i });
   }, setPassword: (i, d) => {
     t(`/room/${e}/setTechPassword`, { oldPassword: i, newPassword: d });
   } } : void 0;
 }
-function Je(e) {
-  const { sendMessage: t } = b(), o = y(e);
-  return o ? { state: o, setTemperatureUnitsToCelcius: () => t(`${e}/setTemperatureUnitsToCelcius`, null), setTemperatureUnitsToFahrenheit: () => t(`${e}/setTemperatureUnitsToFahrenheit`, null) } : void 0;
+function Qe(e) {
+  const { sendMessage: t } = b(), n = y(e);
+  return n ? { state: n, setTemperatureUnitsToCelcius: () => t(`${e}/setTemperatureUnitsToCelcius`, null), setTemperatureUnitsToFahrenheit: () => t(`${e}/setTemperatureUnitsToFahrenheit`, null) } : void 0;
 }
-function Xe(e) {
-  const { sendMessage: t } = b(), o = y(e), c = (r) => {
+function Ne(e) {
+  const { sendMessage: t } = b(), n = y(e), c = (r) => {
     t(`/device/${e}/saveTheme`, { value: r });
   };
   return {
-    currentTheme: o == null ? void 0 : o.theme,
+    currentTheme: n == null ? void 0 : n.theme,
     saveTheme: c
   };
 }
-function Qe(e) {
-  const t = `/device/${e}`, o = h(t, "play"), c = h(t, "pause"), r = h(t, "stop"), i = h(t, "prevTrack"), d = h(t, "nextTrack"), a = h(t, "rewind"), g = h(t, "ffwd"), x = h(t, "record");
+function e5(e) {
+  const t = `/device/${e}`, n = h(t, "play"), c = h(t, "pause"), r = h(t, "stop"), i = h(t, "prevTrack"), d = h(t, "nextTrack"), a = h(t, "rewind"), g = h(t, "ffwd"), x = h(t, "record");
   return {
-    play: o,
+    play: n,
     pause: c,
     stop: r,
     prevTrack: i,
@@ -1594,83 +1594,83 @@ function Qe(e) {
     record: x
   };
 }
-function Ne(e) {
-  const t = y(e), { sendMessage: o } = b();
+function t5(e) {
+  const t = y(e), { sendMessage: n } = b();
   return t ? {
     touchpanelState: t,
     appControl: { hideApp: () => {
-      o(`/device/${e}/hideApp`, null);
+      n(`/device/${e}/hideApp`, null);
     }, openApp: () => {
-      o(`/device/${e}/openApp`, null);
+      n(`/device/${e}/openApp`, null);
     }, closeApp: () => {
-      o(`/device/${e}/closeApp`, null);
+      n(`/device/${e}/closeApp`, null);
     } },
     zoomControl: { endCall: () => {
-      o(`/device/${e}/endCall`, null);
+      n(`/device/${e}/endCall`, null);
     } }
   } : void 0;
 }
-function e5(e) {
-  const t = y(e), o = y3(e), c = k1(e);
+function s5(e) {
+  const t = y(e), n = y3(e), c = k1(e);
   if (!t) return;
   const r = (t.powerState || t.isWarming) && !t.isCooling, i = (!t.powerState || t.isCooling) && !t.isWarming;
   return {
     displayState: t,
-    powerControl: o,
+    powerControl: n,
     inputControl: c,
     powerFb: { powerOnFb: r, powerOffFb: i }
   };
 }
-const t5 = ({
+const n5 = ({
   config: e
 }) => {
   const { sendMessage: t } = b();
-  n1(() => {
+  c1(() => {
     var c, r, i, d;
     if (!e)
       return;
-    const o = /* @__PURE__ */ new Set();
+    const n = /* @__PURE__ */ new Set();
     if (e.destinations && Object.values(e.destinations).forEach((a) => {
-      o.add(a);
+      n.add(a);
     }), e.destinationList && Object.values(e.destinationList).forEach((a) => {
-      o.add(a.sinkKey);
+      n.add(a.sinkKey);
     }), e.audioControlPointList && Object.values((c = e.audioControlPointList) == null ? void 0 : c.levelControls).forEach(
       (a) => {
-        a.itemKey ? o.add(a.parentDeviceKey + "--" + a.itemKey) : o.add(a.parentDeviceKey);
+        a.itemKey ? n.add(a.parentDeviceKey + "--" + a.itemKey) : n.add(a.parentDeviceKey);
       }
     ), (r = e.touchpanelKeys) == null || r.forEach((a) => {
-      o.add(a);
+      n.add(a);
     }), (i = e.environmentalDevices) == null || i.forEach((a) => {
-      a.deviceKey && o.add(a.deviceKey);
+      a.deviceKey && n.add(a.deviceKey);
     }), (d = e.accessoryDeviceKeys) == null || d.forEach((a) => {
-      o.add(a);
-    }), e.audioCodecKey && o.add(e.audioCodecKey), e.videoCodecKey && o.add(e.videoCodecKey), e.matrixRoutingKey && o.add(e.matrixRoutingKey), e.roomCombinerKey && o.add(e.roomCombinerKey), e.endpointKeys && e.endpointKeys.forEach((a) => {
-      o.add(a);
+      n.add(a);
+    }), e.audioCodecKey && n.add(e.audioCodecKey), e.videoCodecKey && n.add(e.videoCodecKey), e.matrixRoutingKey && n.add(e.matrixRoutingKey), e.roomCombinerKey && n.add(e.roomCombinerKey), e.endpointKeys && e.endpointKeys.forEach((a) => {
+      n.add(a);
     }), e.sourceList)
       for (const a of Object.values(e.sourceList))
-        a.sourceKey && a.sourceKey !== "$off" && o.add(a.sourceKey);
-    console.log("requesting state for deviceKeys:", o), o.forEach((a) => {
+        a.sourceKey && a.sourceKey !== "$off" && n.add(a.sourceKey);
+    console.log("requesting state for deviceKeys:", n), n.forEach((a) => {
       t(`/device/${a}/fullStatus`, { deviceKey: a });
     });
   }, [e, t]);
 };
-function s5(e, t) {
-  const [o, c] = H(!1), [r, i] = H(!1);
+function o5(e, t) {
+  const [n, c] = H(!1), [r, i] = H(!1);
   return x3(() => {
     const { current: d } = e, a = () => {
       const g = d && d.scrollHeight > d.clientHeight, x = d && d.scrollWidth > d.clientWidth;
       i(g ?? !1), c(x ?? !1), t && t(g ?? !1, x ?? !1);
     };
     d && a();
-  }, [e, t]), { overflowHorizontal: o, overflowVertical: r };
+  }, [e, t]), { overflowHorizontal: n, overflowVertical: r };
 }
-function o5(e, t) {
-  const o = H2(e, t), c = `/room/${e}/volumes/${t}`;
-  return R3(c, o);
+function c5(e, t) {
+  const n = H2(e, t), c = `/room/${e}/volumes/${t}`;
+  return R3(c, n);
 }
-function n5(e) {
+function r5(e) {
   var a, g;
-  const [t, o] = H(((a = e == null ? void 0 : e.current) == null ? void 0 : a.scrollLeft) ?? 0), [c, r] = H(((g = e == null ? void 0 : e.current) == null ? void 0 : g.scrollTop) ?? 0), i = (x) => {
+  const [t, n] = H(((a = e == null ? void 0 : e.current) == null ? void 0 : a.scrollLeft) ?? 0), [c, r] = H(((g = e == null ? void 0 : e.current) == null ? void 0 : g.scrollTop) ?? 0), i = (x) => {
     const { current: v } = e;
     v && (console.log(v.scrollLeft), v.scrollLeft += x, console.log(v.scrollLeft));
   }, d = (x) => {
@@ -1679,12 +1679,12 @@ function n5(e) {
   };
   return x3(() => {
     const { current: x } = e, v = () => {
-      o((x == null ? void 0 : x.scrollLeft) ?? 0), r((x == null ? void 0 : x.scrollTop) ?? 0);
+      n((x == null ? void 0 : x.scrollLeft) ?? 0), r((x == null ? void 0 : x.scrollTop) ?? 0);
     };
     x && v();
   }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: i, scrollVertical: d };
 }
-function c5() {
+function l5() {
   const { sendMessage: e } = b();
   return {
     reboot: () => {
@@ -1695,38 +1695,38 @@ function c5() {
     }
   };
 }
-function r5() {
-  const [e, t] = H(), [o, c] = H();
+function i5() {
+  const [e, t] = H(), [n, c] = H();
   function r() {
     t((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
     const i = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
     c(i);
   }
-  return n1(() => {
+  return c1(() => {
     r();
     const i = setInterval(() => {
       r();
     }, 1e3);
     return () => clearInterval(i);
-  }, []), { date: e, time: o };
+  }, []), { date: e, time: n };
 }
-const l5 = () => {
-  const [e, t] = H(!1), o = h2(), c = g2();
+const a5 = () => {
+  const [e, t] = H(!1), n = h2(), c = g2();
   let r;
   return f2(c) ? r = c.statusText : c instanceof Error ? r = c.message : typeof c == "string" ? r = c : (console.error(c), r = "Unknown error"), /* @__PURE__ */ s.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
     /* @__PURE__ */ s.jsx("div", { className: "m-2 p-2 bg-danger rounded d-flex align-items-center", children: /* @__PURE__ */ s.jsx("span", { className: "fs-5 text-white", children: "We are sorry. Something went wrong." }) }),
-    /* @__PURE__ */ s.jsx("button", { className: "btn btn-primary p-2", onClick: () => o(-1), children: "Go Back" }),
+    /* @__PURE__ */ s.jsx("button", { className: "btn btn-primary p-2", onClick: () => n(-1), children: "Go Back" }),
     /* @__PURE__ */ s.jsx("button", { className: "btn btn-primary p-2", onClick: () => t(!e), children: e ? "Hide error message" : "Show error message" }),
     e && /* @__PURE__ */ s.jsx("p", { children: r })
   ] });
-}, O8 = "_iconbtn_16qss_1", V8 = "_iconbtnvert_16qss_7", k8 = "_iconsm_16qss_18", $1 = {
-  iconbtn: O8,
-  iconbtnvert: V8,
-  iconsm: k8
-}, U8 = ({
+}, V8 = "_iconbtn_16qss_1", k8 = "_iconbtnvert_16qss_7", U8 = "_iconsm_16qss_18", $1 = {
+  iconbtn: V8,
+  iconbtnvert: k8,
+  iconsm: U8
+}, W8 = ({
   multiIcon: e,
   otherContent: t = null,
-  vert: o = !1,
+  vert: n = !1,
   className: c,
   iconClassName: r = "",
   otherContentClassName: i = "",
@@ -1743,7 +1743,7 @@ const l5 = () => {
     "button",
     {
       type: "button",
-      className: `${$1.iconbtn} ${o ? $1.iconbtnvert : ""} ${c} ${X}`,
+      className: `${$1.iconbtn} ${n ? $1.iconbtnvert : ""} ${c} ${X}`,
       ...L,
       disabled: d,
       onPointerDown: ($) => {
@@ -1771,13 +1771,13 @@ const l5 = () => {
 }, j = ({
   ActiveImage: e,
   DisabledImage: t,
-  EnabledImage: o,
+  EnabledImage: n,
   active: c,
   disabled: r
-}) => r ? t : c ? e : o, W8 = ({
+}) => r ? t : c ? e : n, F8 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -1824,12 +1824,12 @@ const l5 = () => {
       }
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), F8 = ({
+), H8 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -1873,12 +1873,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), H8 = ({
+), K8 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -1913,12 +1913,12 @@ const l5 = () => {
       }
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), K8 = ({
+), G8 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -1962,13 +1962,13 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), G8 = ({
+), q8 = ({
   active: e,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2030,12 +2030,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), q8 = ({
+), Y8 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2079,12 +2079,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), Y8 = ({
+), z8 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2128,12 +2128,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), z8 = ({
+), J8 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2177,12 +2177,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), J8 = ({
+), X8 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2226,12 +2226,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), X8 = ({
+), Q8 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2275,13 +2275,13 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), Q8 = ({
+), N8 = ({
   active: e,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2343,12 +2343,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), N8 = ({
+), e6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2392,12 +2392,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), e6 = ({
+), t6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2441,12 +2441,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), t6 = ({
+), s6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2490,12 +2490,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), s6 = ({
+), n6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2539,12 +2539,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
 ), o6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2561,12 +2561,12 @@ const l5 = () => {
       /* @__PURE__ */ s.jsx("svg", { className: t, fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 164.61 164.61", children: /* @__PURE__ */ s.jsx("g", { children: /* @__PURE__ */ s.jsx("path", { d: "M131.62,102.87c-1.96,2.47-6.77,4.24-6.77,4.24l-35.75,12.84v-9.47l26.31-9.37c2.99-1.07,3.44-2.58,1.02-3.38-2.42-.8-6.81-.57-9.8.51l-17.53,6.17v-9.83l1.01-.34s5.07-1.79,12.19-2.58c7.12-.78,15.85.11,22.69,2.7,7.72,2.44,8.59,6.03,6.63,8.51ZM92.51,86.75v-24.22c0-2.84-.52-5.46-3.19-6.2-2.04-.65-3.31,1.24-3.31,4.09v60.65l-16.36-5.19V43.55c6.95,1.29,17.09,4.34,22.53,6.18,13.85,4.76,18.55,10.67,18.55,24.01s-8.02,17.93-18.22,13ZM39.63,109.49c-7.92-2.23-9.24-6.88-5.63-9.56,3.34-2.47,9.01-4.33,9.01-4.33l23.45-8.34v9.51l-16.88,6.04c-2.98,1.07-3.44,2.58-1.02,3.38,2.42.79,6.81.57,9.8-.5l8.1-2.94v8.51c-.51.09-1.09.18-1.61.27-8.1,1.32-16.72.77-25.22-2.03h0ZM82.3,164.61C36.92,164.61,0,127.69,0,82.3S36.92,0,82.3,0s82.3,36.92,82.3,82.3-36.92,82.3-82.3,82.3ZM82.3,5C39.68,5,5,39.68,5,82.3s34.68,77.3,77.3,77.3,77.3-34.68,77.3-77.3S124.93,5,82.3,5Z" }) }) })
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), n6 = ({
+), c6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2610,12 +2610,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), c6 = ({
+), r6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2659,12 +2659,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), r6 = ({
+), l6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2708,12 +2708,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), l6 = ({
+), i6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2757,12 +2757,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), i6 = ({
+), a6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2806,13 +2806,13 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), a6 = ({
+), u6 = ({
   active: e,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2874,12 +2874,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), u6 = ({
+), d6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2923,12 +2923,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), d6 = ({
+), v6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2972,14 +2972,14 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), i5 = ({
+), u5 = ({
   active: e,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -2987,12 +2987,12 @@ const l5 = () => {
     DisabledImage: void 0,
     EnabledImage: void 0,
     active: e,
-    disabled: o
+    disabled: n
   }
-), v6 = ({
+), h6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -3036,12 +3036,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), h6 = ({
+), g6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -3085,12 +3085,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), g6 = ({
+), f6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -3134,12 +3134,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), f6 = ({
+), p6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -3183,12 +3183,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), p6 = ({
+), w6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -3232,12 +3232,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), w6 = ({
+), x6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -3281,12 +3281,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), x6 = ({
+), M6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -3330,12 +3330,12 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
+    disabled: n
   }
-), M6 = ({
+), m6 = ({
   active: e,
   className: t = "",
-  disabled: o
+  disabled: n
 }) => /* @__PURE__ */ s.jsx(
   j,
   {
@@ -3379,149 +3379,149 @@ const l5 = () => {
       )
     ),
     active: e,
-    disabled: o
-  }
-), m6 = {
-  Alert: W8,
-  Camera: H8,
-  DownArrow: q8,
-  Ban: F8,
-  Check: K8,
-  Controller: G8,
-  Elipses: Y8,
-  Flag: z8,
-  Gear: J8,
-  Glass: X8,
-  Hdmi: Q8,
-  Laptop: N8,
-  LeftArrow: e6,
-  Light: t6,
-  Mic: M6,
-  Moon: s6,
+    disabled: n
+  }
+), Z6 = {
+  Alert: F8,
+  Camera: K8,
+  DownArrow: Y8,
+  Ban: H8,
+  Check: G8,
+  Controller: q8,
+  Elipses: z8,
+  Flag: J8,
+  Gear: X8,
+  Glass: Q8,
+  Hdmi: N8,
+  Laptop: e6,
+  LeftArrow: t6,
+  Light: s6,
+  Mic: m6,
+  Moon: n6,
   Playstation: o6,
-  Podium: n6,
-  Power: c6,
-  Privacy: r6,
-  Question: l6,
-  RightArrow: i6,
-  RoomPC: a6,
-  Shade: u6,
-  Sun: d6,
-  UpArrow: v6,
-  VolDown: h6,
-  VolMute: g6,
-  VolUp: f6,
-  Wireless: p6,
-  X: w6,
-  Xbox: x6
+  Podium: c6,
+  Power: r6,
+  Privacy: l6,
+  Question: i6,
+  RightArrow: a6,
+  RoomPC: u6,
+  Shade: d6,
+  Sun: v6,
+  UpArrow: h6,
+  VolDown: g6,
+  VolMute: f6,
+  VolUp: p6,
+  Wireless: w6,
+  X: x6,
+  Xbox: M6
 };
-function a5({
+function d5({
   name: e,
-  iconsDictionary: t = m6,
-  ...o
+  iconsDictionary: t = Z6,
+  ...n
 }) {
   const c = t[e] ?? null;
-  return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ s.jsx(U8, { multiIcon: c, ...o });
+  return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ s.jsx(W8, { multiIcon: c, ...n });
 }
-const Z6 = "_grid_1cmpp_1", j6 = "_header_1cmpp_11", C6 = "_content_1cmpp_17", S6 = "_footer_1cmpp_23", b6 = "_volume_1cmpp_29", v1 = {
-  grid: Z6,
-  header: j6,
+const j6 = "_grid_1cmpp_1", S6 = "_header_1cmpp_11", C6 = "_content_1cmpp_17", b6 = "_footer_1cmpp_23", I6 = "_volume_1cmpp_29", v1 = {
+  grid: j6,
+  header: S6,
   content: C6,
-  footer: S6,
-  volume: b6
-}, u5 = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ s.jsxs("div", { className: v1.grid, children: [
+  footer: b6,
+  volume: I6
+}, v5 = ({ header: e, footer: t, content: n, volume: c, showVolume: r }) => /* @__PURE__ */ s.jsxs("div", { className: v1.grid, children: [
   /* @__PURE__ */ s.jsx("div", { className: v1.header, children: e }),
-  /* @__PURE__ */ s.jsx("div", { className: v1.content, children: o }),
+  /* @__PURE__ */ s.jsx("div", { className: v1.content, children: n }),
   r && /* @__PURE__ */ s.jsx("div", { className: v1.volume, children: c }),
   /* @__PURE__ */ s.jsx("div", { className: v1.footer, children: t })
-] }), I6 = "_grid_11w5q_1", R6 = "_header_11w5q_11", y6 = "_content_11w5q_17", Z1 = {
-  grid: I6,
-  header: R6,
-  content: y6
-}, d5 = ({ className: e, header: t, content: o, leftNav: c }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${Z1.grid}`, children: [
+] }), R6 = "_grid_11w5q_1", y6 = "_header_11w5q_11", E6 = "_content_11w5q_17", Z1 = {
+  grid: R6,
+  header: y6,
+  content: E6
+}, h5 = ({ className: e, header: t, content: n, leftNav: c }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${Z1.grid}`, children: [
   /* @__PURE__ */ s.jsx("div", { className: Z1.header, children: t }),
   c && /* @__PURE__ */ s.jsx("div", { className: Z1.leftNav, children: c }),
-  /* @__PURE__ */ s.jsx("div", { className: Z1.content, children: o })
-] }), E6 = "_grid_1uwfo_1", P6 = "_header_1uwfo_11", T6 = "_content_1uwfo_17", A1 = {
-  grid: E6,
-  header: P6,
-  content: T6
-}, v5 = ({ className: e, header: t, content: o }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${A1.grid}`, children: [
+  /* @__PURE__ */ s.jsx("div", { className: Z1.content, children: n })
+] }), P6 = "_grid_1uwfo_1", T6 = "_header_1uwfo_11", _6 = "_content_1uwfo_17", A1 = {
+  grid: P6,
+  header: T6,
+  content: _6
+}, g5 = ({ className: e, header: t, content: n }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${A1.grid}`, children: [
   /* @__PURE__ */ s.jsx("div", { className: A1.header, children: t }),
-  /* @__PURE__ */ s.jsx("div", { className: A1.content, children: o })
+  /* @__PURE__ */ s.jsx("div", { className: A1.content, children: n })
 ] });
-class h5 {
+class f5 {
   constructor() {
     G(this, "currentShareText");
     G(this, "enabled");
     G(this, "isSharing");
   }
 }
-function g5() {
+function p5() {
   return console.log(location.pathname), location.pathname;
 }
-var _6 = /* @__PURE__ */ ((e) => (e[e.NotSet = 0] = "NotSet", e[e.Sunday = 1] = "Sunday", e[e.Monday = 2] = "Monday", e[e.Tuesday = 4] = "Tuesday", e[e.Wednesday = 8] = "Wednesday", e[e.Thursday = 16] = "Thursday", e[e.Friday = 32] = "Friday", e[e.Saturday = 64] = "Saturday", e))(_6 || {});
-class f5 {
-  constructor(t, o) {
+var D6 = /* @__PURE__ */ ((e) => (e[e.NotSet = 0] = "NotSet", e[e.Sunday = 1] = "Sunday", e[e.Monday = 2] = "Monday", e[e.Tuesday = 4] = "Tuesday", e[e.Wednesday = 8] = "Wednesday", e[e.Thursday = 16] = "Thursday", e[e.Friday = 32] = "Friday", e[e.Saturday = 64] = "Saturday", e))(D6 || {});
+class w5 {
+  constructor(t, n) {
     G(this, "path");
     G(this, "handler");
-    this.path = t, this.handler = o;
+    this.path = t, this.handler = n;
   }
 }
-const p5 = "$off";
+const x5 = "$off";
 export {
-  je as Clock,
-  _6 as DaysOfWeek,
-  l5 as ErrorBox,
-  U8 as IconButton,
-  W8 as IconMultiAlert,
-  F8 as IconMultiBan,
-  H8 as IconMultiCamera,
-  K8 as IconMultiCheck,
-  G8 as IconMultiController,
-  q8 as IconMultiDownArrow,
-  Y8 as IconMultiElipses,
-  z8 as IconMultiFlag,
-  J8 as IconMultiGear,
-  X8 as IconMultiGlass,
-  Q8 as IconMultiHdmi,
-  N8 as IconMultiLaptop,
-  e6 as IconMultiLeftArrow,
-  t6 as IconMultiLight,
-  M6 as IconMultiMic,
-  s6 as IconMultiMoon,
+  Ce as Clock,
+  D6 as DaysOfWeek,
+  a5 as ErrorBox,
+  W8 as IconButton,
+  F8 as IconMultiAlert,
+  H8 as IconMultiBan,
+  K8 as IconMultiCamera,
+  G8 as IconMultiCheck,
+  q8 as IconMultiController,
+  Y8 as IconMultiDownArrow,
+  z8 as IconMultiElipses,
+  J8 as IconMultiFlag,
+  X8 as IconMultiGear,
+  Q8 as IconMultiGlass,
+  N8 as IconMultiHdmi,
+  e6 as IconMultiLaptop,
+  t6 as IconMultiLeftArrow,
+  s6 as IconMultiLight,
+  m6 as IconMultiMic,
+  n6 as IconMultiMoon,
   o6 as IconMultiPlaystation,
-  n6 as IconMultiPodium,
-  c6 as IconMultiPower,
-  r6 as IconMultiPrivacy,
-  l6 as IconMultiQuestion,
-  i6 as IconMultiRightArrow,
-  a6 as IconMultiRoomPC,
-  u6 as IconMultiShade,
-  d6 as IconMultiSun,
-  i5 as IconMultiTemplate,
-  v6 as IconMultiUpArrow,
-  h6 as IconMultiVolDown,
-  g6 as IconMultiVolMute,
-  f6 as IconMultiVolUp,
-  p6 as IconMultiWireless,
-  w6 as IconMultiX,
-  x6 as IconMultiXbox,
-  u5 as MainLayout,
-  f5 as MessageHandler,
-  xe as MobileControlProvider,
+  c6 as IconMultiPodium,
+  r6 as IconMultiPower,
+  l6 as IconMultiPrivacy,
+  i6 as IconMultiQuestion,
+  a6 as IconMultiRightArrow,
+  u6 as IconMultiRoomPC,
+  d6 as IconMultiShade,
+  v6 as IconMultiSun,
+  u5 as IconMultiTemplate,
+  h6 as IconMultiUpArrow,
+  g6 as IconMultiVolDown,
+  f6 as IconMultiVolMute,
+  p6 as IconMultiVolUp,
+  w6 as IconMultiWireless,
+  x6 as IconMultiX,
+  M6 as IconMultiXbox,
+  v5 as MainLayout,
+  w5 as MessageHandler,
+  me as MobileControlProvider,
   j as MultiStateIconContainer,
-  a5 as NamedIconButton,
-  h5 as ShareState,
-  d5 as TechLayout,
-  v5 as TechPinLayout,
+  d5 as NamedIconButton,
+  f5 as ShareState,
+  h5 as TechLayout,
+  g5 as TechPinLayout,
   I3 as WebsocketContext,
-  w8 as appConfigActions,
+  x8 as appConfigActions,
   N as devicesActions,
-  g5 as getBaseLocation,
+  p5 as getBaseLocation,
   V1 as httpClient,
-  m6 as iconsDictionary,
-  p5 as roomOffSourceKey,
+  Z6 as iconsDictionary,
+  x5 as roomOffSourceKey,
   e1 as roomsActions,
   W as runtimeConfigActions,
   Z3 as selectAllDevices,
@@ -3532,6 +3532,7 @@ export {
   j2 as selectDeviceByKey,
   t8 as selectDeviceInterfaceSupport,
   a8 as selectError,
+  v8 as selectIsSyncStateValuePresent,
   e8 as selectIsTouchpanel,
   M2 as selectLogoPath,
   U1 as selectModalVisibility,
@@ -3540,7 +3541,7 @@ export {
   P2 as selectRoomAudioControlPointList,
   b2 as selectRoomByKey,
   $2 as selectRoomCodecContentDestinationKey,
-  C2 as selectRoomConfiguration,
+  S2 as selectRoomConfiguration,
   _2 as selectRoomDestinationList,
   T2 as selectRoomDestinations,
   F2 as selectRoomDisplayStates,
@@ -3556,7 +3557,7 @@ export {
   U2 as selectRoomShareState,
   E2 as selectRoomSourceList,
   R2 as selectRoomVolume,
-  S2 as selectRooms,
+  C2 as selectRooms,
   Q2 as selectRuntimeInfo,
   X2 as selectServerIsRunningOnProcessorHardware,
   i8 as selectShowPopoverById,
@@ -3569,101 +3570,102 @@ export {
   W2 as selectZoomRoomControllerKey,
   m as store,
   q as uiActions,
-  f8 as uiReducer,
-  V6 as useApiPath,
+  p8 as uiReducer,
+  k6 as useApiPath,
   Z2 as useAppConfig,
   p2 as useAppDispatch,
   p as useAppSelector,
-  me as useAvrControl,
+  je as useAvrControl,
   h as useButtonHeldHeartbeat,
-  Ze as useCameraBase,
-  o8 as useClientId,
-  A8 as useDeviceIBasicVolumeWithFeedback,
-  de as useDeviceInterfaceSupport,
-  Ce as useDevicePresetsModel,
-  Se as useEndpoint,
-  v8 as useError,
-  t5 as useGetAllDeviceStateFromRoomConfiguration,
-  W6 as useGetAllDevices,
-  H6 as useGetAllRooms,
-  fe as useGetCurrentPopoverIdForGroup,
+  Se as useCameraBase,
+  n8 as useClientId,
+  B8 as useDeviceIBasicVolumeWithFeedback,
+  ve as useDeviceInterfaceSupport,
+  be as useDevicePresetsModel,
+  Ie as useEndpoint,
+  h8 as useError,
+  n5 as useGetAllDeviceStateFromRoomConfiguration,
+  F6 as useGetAllDevices,
+  K6 as useGetAllRooms,
+  pe as useGetCurrentPopoverIdForGroup,
   y as useGetDevice,
-  Me as useGetIBasicVolumeWithFeedback,
-  K6 as useGetRoom,
-  re as useGetRoomDisplayStates,
-  le as useGetZoomRoomControllerKey,
+  Ze as useGetIBasicVolumeWithFeedback,
+  G6 as useGetRoom,
+  le as useGetRoomDisplayStates,
+  ie as useGetZoomRoomControllerKey,
   R3 as useIBasicVolumeWithFeedback,
-  be as useIChannel,
-  Ie as useIColor,
-  Re as useICommunicationMonitor,
-  Ee as useIDPad,
-  ye as useIDeviceInfoMessenger,
-  Pe as useIDspPresets,
-  Te as useIDvr,
-  _e as useIEssentialsRoomCombiner,
-  De as useIHasCameras,
+  Re as useIChannel,
+  ye as useIColor,
+  Ee as useICommunicationMonitor,
+  Te as useIDPad,
+  Pe as useIDeviceInfoMessenger,
+  _e as useIDspPresets,
+  De as useIDvr,
+  Le as useIEssentialsRoomCombiner,
+  $e as useIHasCameras,
   y3 as useIHasPowerControl,
   k1 as useIHasSelectableItems,
-  Le as useIHumiditySensor,
-  $e as useILevelControls,
-  Ae as useILightingScenes,
-  Be as useIMatrixRouting,
-  Oe as useIMcCiscoCodecUserInterfaceAppControl,
-  Ve as useINumeric,
-  ke as useIProjectorScreenLiftControl,
-  Ue as useIRoomEventSchedule,
-  We as useIRunDefaultPresentRoute,
-  Fe as useIRunDirectRouteAction,
-  He as useIRunRouteAction,
-  Ke as useISetTopBoxControls,
-  Ge as useIShadesOpenCloseStop,
-  qe as useIShutdownPromptTimer,
-  Ye as useISwitchedOutput,
-  ze as useITechPassword,
-  Je as useITemperatureSensor,
-  Xe as useITheme,
-  Qe as useITransport,
-  S8 as useInitialize,
-  ue as useIsTouchpanel,
-  k6 as useLogoPath,
-  Ne as useMobileControlTouchpanelController,
-  s5 as useOverflow,
-  U6 as usePartnerMetadata,
-  $8 as usePressHoldRelease,
-  ne as useRoomAdvancedSharingActive,
-  Y6 as useRoomAudioControlPointList,
-  N6 as useRoomCodecContentDestinationKey,
-  F6 as useRoomConfiguration,
-  J6 as useRoomDestinationList,
-  z6 as useRoomDestinations,
-  X6 as useRoomEnvironmentalDevices,
-  o5 as useRoomIBasicVolumeWithFeedback,
-  ee as useRoomInCall,
-  se as useRoomIsCoolingDown,
+  Ae as useIHumiditySensor,
+  Be as useILevelControls,
+  Oe as useILightingScenes,
+  Ve as useIMatrixRouting,
+  ke as useIMcCiscoCodecUserInterfaceAppControl,
+  Ue as useINumeric,
+  We as useIProjectorScreenLiftControl,
+  Fe as useIRoomEventSchedule,
+  He as useIRunDefaultPresentRoute,
+  Ke as useIRunDirectRouteAction,
+  Ge as useIRunRouteAction,
+  qe as useISetTopBoxControls,
+  Ye as useIShadesOpenCloseStop,
+  ze as useIShutdownPromptTimer,
+  Je as useISwitchedOutput,
+  Xe as useITechPassword,
+  Qe as useITemperatureSensor,
+  Ne as useITheme,
+  e5 as useITransport,
+  b8 as useInitialize,
+  Me as useIsSyncStateValuePresent,
+  de as useIsTouchpanel,
+  U6 as useLogoPath,
+  t5 as useMobileControlTouchpanelController,
+  o5 as useOverflow,
+  W6 as usePartnerMetadata,
+  A8 as usePressHoldRelease,
+  ce as useRoomAdvancedSharingActive,
+  z6 as useRoomAudioControlPointList,
+  ee as useRoomCodecContentDestinationKey,
+  H6 as useRoomConfiguration,
+  X6 as useRoomDestinationList,
+  J6 as useRoomDestinations,
+  Q6 as useRoomEnvironmentalDevices,
+  c5 as useRoomIBasicVolumeWithFeedback,
+  te as useRoomInCall,
+  ne as useRoomIsCoolingDown,
   oe as useRoomIsOn,
-  te as useRoomIsWarmingUp,
+  se as useRoomIsWarmingUp,
   s8 as useRoomKey,
   K2 as useRoomLevelControls,
-  G6 as useRoomName,
-  Q6 as useRoomProgramAudioDestinationKey,
-  ce as useRoomShareState,
-  q6 as useRoomSourceList,
-  C1 as useRoomState,
+  q6 as useRoomName,
+  N6 as useRoomProgramAudioDestinationKey,
+  re as useRoomShareState,
+  Y6 as useRoomSourceList,
+  S1 as useRoomState,
   H2 as useRoomVolume,
-  ie as useRuntimeInfo,
-  n5 as useScroll,
+  ae as useRuntimeInfo,
+  r5 as useScroll,
   r8 as useServerIsRunningOnProcessorHardware,
-  he as useShowIncomingCallModal,
-  ge as useShowModal,
-  pe as useShowPopoverById,
-  h8 as useShowReconnect,
-  ve as useShowShutdownModal,
-  c5 as useSystemControl,
-  n8 as useSystemUuid,
-  we as useTheme,
-  r5 as useTimeAndDate,
-  ae as useTouchpanelKey,
-  e5 as useTwoWayDisplayBase,
+  ge as useShowIncomingCallModal,
+  fe as useShowModal,
+  we as useShowPopoverById,
+  g8 as useShowReconnect,
+  he as useShowShutdownModal,
+  l5 as useSystemControl,
+  o8 as useSystemUuid,
+  xe as useTheme,
+  i5 as useTimeAndDate,
+  ue as useTouchpanelKey,
+  s5 as useTwoWayDisplayBase,
   c8 as useUserCode,
   b as useWebsocketContext,
   j3 as useWsIsConnected