@pepperdash/mobile-control-react-app-core 1.21.0-feature-export-useCameraBase.3 → 1.21.0-feature-export-useCameraBase.5

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

@@ -1,12 +1,12 @@
 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 X = (e, t, o) => o2(e, typeof t != "symbol" ? t + "" : t, o);
+var G = (e, t, o) => o2(e, typeof t != "symbol" ? t + "" : t, o);
 import n2, { 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 G, 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 v1, useCallback as a1, useEffect as n1, useContext as h2, useLayoutEffect as x3 } from "react";
 import * as M3 from "lodash";
-import { useNavigate as h2, useRouteError as g2, isRouteErrorResponse as f2 } from "react-router-dom";
+import { useNavigate as v2, useRouteError as g2, isRouteErrorResponse as f2 } from "react-router-dom";
 const p2 = r2.withTypes(), p = l2.withTypes(), j1 = (e) => e.appConfig, w2 = w(
   j1,
   (e) => e.config
@@ -19,14 +19,14 @@ const p2 = r2.withTypes(), p = l2.withTypes(), j1 = (e) => e.appConfig, w2 = w(
 ), m2 = w(
   j1,
   (e) => e.config.partnerMetadata
-), Z2 = () => p(w2), O6 = () => p(x2), B6 = () => p(M2), k6 = () => p(m2), m3 = (e) => e.devices, Z3 = w(
+), Z2 = () => p(w2), O6 = () => p(x2), V6 = () => p(M2), k6 = () => p(m2), m3 = (e) => e.devices, Z3 = w(
   m3,
   (e) => e
 ), j2 = (e) => w(
   m3,
   (t) => t[e] ? t[e] : void 0
-), V6 = () => p(Z3);
-function E(e) {
+), U6 = () => p(Z3);
+function y(e) {
   return p(j2(e));
 }
 const L = (e) => e.rooms, C2 = (e) => w(
@@ -53,13 +53,13 @@ const L = (e) => e.rooms, C2 = (e) => w(
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.sourceList : void 0;
   }
-), D2 = (e) => w(
+), P2 = (e) => w(
   L,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.audioControlPointList : void 0;
   }
-), P2 = (e) => w(
+), T2 = (e) => w(
   L,
   (t) => {
     var o, c;
@@ -77,7 +77,7 @@ const L = (e) => e.rooms, C2 = (e) => w(
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.environmentalDevices : void 0;
   }
-), T2 = (e) => w(
+), D2 = (e) => w(
   L,
   (t) => {
     var o, c, r, i, d, a, g, x;
@@ -95,37 +95,37 @@ const L = (e) => e.rooms, C2 = (e) => w(
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isInCall : void 0;
   }
-), O2 = (e) => w(
+), B2 = (e) => w(
   L,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isWarmingUp : void 0;
   }
-), B2 = (e) => w(
+), O2 = (e) => w(
   L,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isCoolingDown : void 0;
   }
-), k2 = (e) => w(
+), V2 = (e) => w(
   L,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isOn : void 0;
   }
-), V2 = (e) => w(
+), k2 = (e) => w(
   L,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.advancedSharingActive : void 0;
   }
-), W2 = (e) => w(
+), U2 = (e) => w(
   L,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.share : void 0;
   }
-), U2 = (e) => w(
+), W2 = (e) => w(
   L,
   (t) => {
     var o, c;
@@ -151,17 +151,17 @@ function W6(e) {
     C2(e)
   );
 }
-function U6() {
+function F6() {
   return p(S2);
 }
 function C1(e) {
   return p(b2(e));
 }
-const F6 = C1, H6 = (e) => p(
+const H6 = C1, K6 = (e) => p(
   I2(e)
 ), H2 = (e, t) => p(
   R2(e, t)
-), K2 = (e) => p(y2(e)) || void 0, K6 = (e) => p(E2(e)), G6 = (e) => p(D2(e)), q6 = (e) => p(P2(e)), Y6 = (e) => p(_2(e)), z6 = (e) => p(L2(e)), J6 = (e) => p(T2(e)), X6 = (e) => p($2(e)), Q6 = (e) => p(A2(e)), N6 = (e) => p(O2(e)), ee = (e) => p(B2(e)), te = (e) => p(k2(e)), se = (e) => p(V2(e)), oe = (e) => p(W2(e)), ne = (e) => p((t) => F2(t, e)), ce = (e) => p(U2(e)), J = (e) => e.runtimeConfig, G2 = w(
+), K2 = (e) => p(y2(e)) || void 0, G6 = (e) => p(E2(e)), q6 = (e) => p(P2(e)), Y6 = (e) => p(T2(e)), z6 = (e) => p(_2(e)), J6 = (e) => p(L2(e)), X6 = (e) => p(D2(e)), Q6 = (e) => p($2(e)), N6 = (e) => p(A2(e)), ee = (e) => p(B2(e)), te = (e) => p(O2(e)), se = (e) => p(V2(e)), oe = (e) => p(k2(e)), ne = (e) => p(U2(e)), ce = (e) => p((t) => F2(t, e)), re = (e) => p(W2(e)), J = (e) => e.runtimeConfig, G2 = w(
   J,
   (e) => e.websocket.isConnected
 ), q2 = w(
@@ -191,7 +191,7 @@ const F6 = C1, H6 = (e) => p(
 ), e8 = w(
   J,
   (e) => e.touchpanelKey !== ""
-), j3 = () => p(G2), t8 = () => p(q2), s8 = () => p(Y2), o8 = () => p(z2), n8 = () => p(J2), c8 = () => p(X2), re = () => p(Q2), le = () => p(N2), ie = () => p(e8), c1 = (e) => e.ui, W1 = (e) => w(
+), j3 = () => p(G2), t8 = () => p(q2), s8 = () => p(Y2), o8 = () => p(z2), n8 = () => p(J2), c8 = () => p(X2), le = () => p(Q2), ie = () => p(N2), ae = () => p(e8), c1 = (e) => e.ui, U1 = (e) => w(
   c1,
   (t) => t.modalVisibility[e]
 ), r8 = (e) => w(
@@ -216,7 +216,7 @@ const F6 = C1, H6 = (e) => p(
 ), u8 = w(
   c1,
   (e) => e.theme
-), ae = () => p(W1("showShutdownModal")), ue = () => p(W1("showIncomingCallModal")), de = (e) => p(W1(e)), ve = (e) => p(r8(e)), he = (e, t) => p(l8(e, t)), d8 = () => p(i8), v8 = () => p(a8), ge = () => p(u8), h8 = {
+), ue = () => p(U1("showShutdownModal")), de = () => p(U1("showIncomingCallModal")), he = (e) => p(U1(e)), ve = (e) => p(r8(e)), ge = (e, t) => p(l8(e, t)), d8 = () => p(i8), h8 = () => p(a8), fe = () => p(u8), v8 = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -226,7 +226,7 @@ const F6 = C1, H6 = (e) => p(
   popoverVisibility: {}
 }, C3 = g1({
   name: "ui",
-  initialState: h8,
+  initialState: v8,
   reducers: {
     clearAllModals(e) {
       Object.entries(e.modalVisibility).forEach(([t]) => {
@@ -257,7 +257,7 @@ const F6 = C1, H6 = (e) => p(
       e.theme = t.payload;
     }
   }
-}), Y = C3.actions, g8 = C3.reducer, f8 = {
+}), q = C3.actions, g8 = C3.reducer, f8 = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -275,7 +275,7 @@ const F6 = C1, H6 = (e) => p(
       e.config = t.payload;
     }
   }
-}), p8 = S3.actions, w8 = S3.reducer, d3 = {}, O1 = g1({
+}), p8 = S3.actions, w8 = S3.reducer, d3 = {}, B1 = g1({
   name: "devices",
   initialState: d3,
   reducers: {
@@ -289,12 +289,12 @@ const F6 = C1, H6 = (e) => p(
       return d3;
     }
   }
-}), e1 = {
-  setDeviceState: O1.actions.setDeviceState,
-  clearDevices: O1.actions.clearDevices
-}, x8 = O1.reducer, v3 = {}, B1 = g1({
+}), N = {
+  setDeviceState: B1.actions.setDeviceState,
+  clearDevices: B1.actions.clearDevices
+}, x8 = B1.reducer, h3 = {}, O1 = g1({
   name: "rooms",
-  initialState: v3,
+  initialState: h3,
   reducers: {
     setRoomState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
@@ -303,13 +303,13 @@ const F6 = C1, H6 = (e) => p(
       e[c] = d;
     },
     clearRooms() {
-      return v3;
+      return h3;
     }
   }
-}), t1 = {
-  setRoomState: B1.actions.setRoomState,
-  clearRooms: B1.actions.clearRooms
-}, M8 = B1.reducer, m8 = {
+}), e1 = {
+  setRoomState: O1.actions.setRoomState,
+  clearRooms: O1.actions.clearRooms
+}, M8 = O1.reducer, m8 = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -368,7 +368,7 @@ const F6 = C1, H6 = (e) => p(
       e.touchpanelKey = t.payload;
     }
   }
-}), F = b3.actions, Z8 = b3.reducer, j8 = a2({
+}), W = b3.actions, Z8 = b3.reducer, j8 = a2({
   appConfig: w8,
   runtimeConfig: Z8,
   rooms: M8,
@@ -376,19 +376,19 @@ const F6 = C1, H6 = (e) => p(
   ui: g8
 }), m = u2({
   reducer: j8
-}), k1 = n2.create();
+}), V1 = n2.create();
 function C8() {
   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 k1.get("/_local-config/_config.local.json", { baseURL: o });
+      const o = `/${t.join("/")}`, c = await V1.get("/_local-config/_config.local.json", { baseURL: o });
       if (c.status == 200 && c.data) {
         const r = c.data.apiPath;
         e(p8.setAppConfig(c.data));
-        const i = await k1.get(`${r}/version`);
-        i.status == 200 && i.data && e(F.setRuntimeConfig(i.data));
+        const i = await V1.get(`${r}/version`);
+        i.status == 200 && i.data && e(W.setRuntimeConfig(i.data));
       }
     } catch (t) {
       console.error("Error getting config", t);
@@ -406,17 +406,17 @@ var m1 = { exports: {} }, u1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var h3;
+var v3;
 function S8() {
-  if (h3) return u1;
-  h3 = 1;
+  if (v3) return u1;
+  v3 = 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 };
   function d(a, g, x) {
-    var v, I = {}, T = null, H = null;
-    x !== void 0 && (T = "" + x), g.key !== void 0 && (T = "" + g.key), g.ref !== void 0 && (H = g.ref);
-    for (v in g) c.call(g, v) && !i.hasOwnProperty(v) && (I[v] = g[v]);
-    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: T, ref: H, props: I, _owner: r.current };
+    var h, I = {}, D = null, F = null;
+    x !== void 0 && (D = "" + x), g.key !== void 0 && (D = "" + g.key), g.ref !== void 0 && (F = g.ref);
+    for (h in g) c.call(g, h) && !i.hasOwnProperty(h) && (I[h] = g[h]);
+    if (a && a.defaultProps) for (h in g = a.defaultProps, g) I[h] === void 0 && (I[h] = g[h]);
+    return { $$typeof: t, type: a, key: D, ref: F, props: I, _owner: r.current };
   }
   return u1.Fragment = o, u1.jsx = d, u1.jsxs = d, u1;
 }
@@ -433,11 +433,11 @@ var d1 = {};
 var g3;
 function b8() {
   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"), T = Symbol.for("react.lazy"), H = Symbol.for("react.offscreen"), k = Symbol.iterator, Q = "@@iterator";
+    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"), h = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), k = Symbol.iterator, X = "@@iterator";
     function r1(n) {
       if (n === null || typeof n != "object")
         return null;
-      var l = k && n[k] || n[Q];
+      var l = k && n[k] || n[X];
       return typeof l == "function" ? l : null;
     }
     var $ = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -458,26 +458,26 @@ function b8() {
         R.unshift("Warning: " + l), Function.prototype.apply.call(console[n], console, R);
       }
     }
-    var b1 = !1, D = !1, C = !1, f1 = !1, I1 = !1, z;
-    z = Symbol.for("react.module.reference");
-    function O(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === c || n === i || I1 || n === r || n === x || n === v || f1 || n === H || b1 || D || C || typeof n == "object" && n !== null && (n.$$typeof === T || n.$$typeof === I || n.$$typeof === d || n.$$typeof === a || n.$$typeof === g || // This needs to include all possible module reference object
+    var b1 = !1, E = !1, C = !1, f1 = !1, I1 = !1, Y;
+    Y = 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 === h || f1 || n === F || b1 || E || C || typeof n == "object" && n !== null && (n.$$typeof === D || n.$$typeof === I || n.$$typeof === d || n.$$typeof === a || n.$$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));
+      n.$$typeof === Y || n.getModuleId !== void 0));
     }
-    function y(n, l, u) {
+    function P(n, l, u) {
       var f = n.displayName;
       if (f)
         return f;
       var S = l.displayName || l.name || "";
       return S !== "" ? u + "(" + S + ")" : u;
     }
-    function q(n) {
+    function t1(n) {
       return n.displayName || "Context";
     }
-    function W(n) {
+    function K(n) {
       if (n == 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")
@@ -495,26 +495,26 @@ function b8() {
           return "StrictMode";
         case x:
           return "Suspense";
-        case v:
+        case h:
           return "SuspenseList";
       }
       if (typeof n == "object")
         switch (n.$$typeof) {
           case a:
             var l = n;
-            return q(l) + ".Consumer";
+            return t1(l) + ".Consumer";
           case d:
             var u = n;
-            return q(u._context) + ".Provider";
+            return t1(u._context) + ".Provider";
           case g:
-            return y(n, n.render, "ForwardRef");
+            return P(n, n.render, "ForwardRef");
           case I:
             var f = n.displayName || null;
-            return f !== null ? f : W(n.type) || "Memo";
-          case T: {
+            return f !== null ? f : K(n.type) || "Memo";
+          case D: {
             var S = n, R = S._payload, Z = S._init;
             try {
-              return W(Z(R));
+              return K(Z(R));
             } catch {
               return null;
             }
@@ -522,14 +522,14 @@ function b8() {
         }
       return null;
     }
-    var K = Object.assign, l1 = 0, U1, F1, H1, K1, G1, q1, Y1;
+    var z = Object.assign, l1 = 0, W1, F1, H1, K1, G1, q1, Y1;
     function z1() {
     }
     z1.__reactDisabledLog = !0;
     function E3() {
       {
         if (l1 === 0) {
-          U1 = console.log, F1 = console.info, H1 = console.warn, K1 = console.error, G1 = console.group, q1 = console.groupCollapsed, Y1 = console.groupEnd;
+          W1 = console.log, F1 = console.info, H1 = console.warn, K1 = console.error, G1 = console.group, q1 = console.groupCollapsed, Y1 = console.groupEnd;
           var n = {
             configurable: !0,
             enumerable: !0,
@@ -549,7 +549,7 @@ function b8() {
         l1++;
       }
     }
-    function D3() {
+    function P3() {
       {
         if (l1--, l1 === 0) {
           var n = {
@@ -558,25 +558,25 @@ function b8() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: K({}, n, {
-              value: U1
+            log: z({}, n, {
+              value: W1
             }),
-            info: K({}, n, {
+            info: z({}, n, {
               value: F1
             }),
-            warn: K({}, n, {
+            warn: z({}, n, {
               value: H1
             }),
-            error: K({}, n, {
+            error: z({}, n, {
               value: K1
             }),
-            group: K({}, n, {
+            group: z({}, n, {
               value: G1
             }),
-            groupCollapsed: K({}, n, {
+            groupCollapsed: z({}, n, {
               value: q1
             }),
-            groupEnd: K({}, n, {
+            groupEnd: z({}, n, {
               value: Y1
             })
           });
@@ -600,8 +600,8 @@ function b8() {
     }
     var E1 = !1, w1;
     {
-      var P3 = typeof WeakMap == "function" ? WeakMap : Map;
-      w1 = new P3();
+      var T3 = typeof WeakMap == "function" ? WeakMap : Map;
+      w1 = new T3();
     }
     function J1(n, l) {
       if (!n || E1)
@@ -652,27 +652,27 @@ function b8() {
       } catch (V) {
         if (V && f && typeof V.stack == "string") {
           for (var M = V.stack.split(`
-`), B = f.stack.split(`
-`), P = M.length - 1, _ = B.length - 1; P >= 1 && _ >= 0 && M[P] !== B[_]; )
+`), O = f.stack.split(`
+`), T = M.length - 1, _ = O.length - 1; T >= 1 && _ >= 0 && M[T] !== O[_]; )
             _--;
-          for (; P >= 1 && _ >= 0; P--, _--)
-            if (M[P] !== B[_]) {
-              if (P !== 1 || _ !== 1)
+          for (; T >= 1 && _ >= 0; T--, _--)
+            if (M[T] !== O[_]) {
+              if (T !== 1 || _ !== 1)
                 do
-                  if (P--, _--, _ < 0 || M[P] !== B[_]) {
+                  if (T--, _--, _ < 0 || M[T] !== O[_]) {
                     var U = `
-` + M[P].replace(" at new ", " at ");
+` + 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;
                   }
-                while (P >= 1 && _ >= 0);
+                while (T >= 1 && _ >= 0);
               break;
             }
         }
       } finally {
-        E1 = !1, R1.current = R, D3(), Error.prepareStackTrace = S;
+        E1 = !1, R1.current = R, P3(), Error.prepareStackTrace = S;
       }
-      var o1 = n ? n.displayName || n.name : "", N = o1 ? p1(o1) : "";
-      return typeof n == "function" && w1.set(n, N), N;
+      var o1 = n ? n.displayName || n.name : "", Q = o1 ? p1(o1) : "";
+      return typeof n == "function" && w1.set(n, Q), Q;
     }
     function _3(n, l, u) {
       return J1(n, !1);
@@ -691,7 +691,7 @@ function b8() {
       switch (n) {
         case x:
           return p1("Suspense");
-        case v:
+        case h:
           return p1("SuspenseList");
       }
       if (typeof n == "object")
@@ -700,7 +700,7 @@ function b8() {
             return _3(n.render);
           case I:
             return x1(n.type, l, u);
-          case T: {
+          case D: {
             var f = n, S = f._payload, R = f._init;
             try {
               return x1(R(S), l, u);
@@ -718,7 +718,7 @@ function b8() {
       } else
         Q1.setExtraStackFrame(null);
     }
-    function T3(n, l, u, f, S) {
+    function D3(n, l, u, f, S) {
       {
         var R = Function.call.bind(i1);
         for (var Z in n)
@@ -726,19 +726,19 @@ function b8() {
             var M = void 0;
             try {
               if (typeof n[Z] != "function") {
-                var B = 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`.");
-                throw B.name = "Invariant Violation", B;
+                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`.");
+                throw O.name = "Invariant Violation", O;
               }
               M = n[Z](l, Z, f, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (P) {
-              M = P;
+            } 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));
           }
       }
     }
     var $3 = Array.isArray;
-    function D1(n) {
+    function P1(n) {
       return $3(n);
     }
     function A3(n) {
@@ -747,7 +747,7 @@ function b8() {
         return u;
       }
     }
-    function O3(n) {
+    function B3(n) {
       try {
         return N1(n), !1;
       } catch {
@@ -758,16 +758,16 @@ function b8() {
       return "" + n;
     }
     function e3(n) {
-      if (O3(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);
     }
-    var t3 = $.ReactCurrentOwner, B3 = {
+    var t3 = $.ReactCurrentOwner, O3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, s3, o3;
-    function k3(n) {
+    function V3(n) {
       if (i1.call(n, "ref")) {
         var l = Object.getOwnPropertyDescriptor(n, "ref").get;
         if (l && l.isReactWarning)
@@ -775,7 +775,7 @@ function b8() {
       }
       return n.ref !== void 0;
     }
-    function V3(n) {
+    function k3(n) {
       if (i1.call(n, "key")) {
         var l = Object.getOwnPropertyDescriptor(n, "key").get;
         if (l && l.isReactWarning)
@@ -783,10 +783,10 @@ function b8() {
       }
       return n.key !== void 0;
     }
-    function W3(n, l) {
+    function U3(n, l) {
       typeof n.ref == "string" && t3.current;
     }
-    function U3(n, l) {
+    function W3(n, 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));
@@ -839,23 +839,23 @@ function b8() {
     };
     function K3(n, l, u, f, S) {
       {
-        var R, Z = {}, M = null, B = null;
-        u !== void 0 && (e3(u), M = "" + u), V3(l) && (e3(l.key), M = "" + l.key), k3(l) && (B = l.ref, W3(l, S));
+        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));
         for (R in l)
-          i1.call(l, R) && !B3.hasOwnProperty(R) && (Z[R] = l[R]);
+          i1.call(l, R) && !O3.hasOwnProperty(R) && (Z[R] = l[R]);
         if (n && n.defaultProps) {
-          var P = n.defaultProps;
-          for (R in P)
-            Z[R] === void 0 && (Z[R] = P[R]);
+          var T = n.defaultProps;
+          for (R in T)
+            Z[R] === void 0 && (Z[R] = T[R]);
         }
-        if (M || B) {
+        if (M || O) {
           var _ = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
-          M && U3(Z, _), B && F3(Z, _);
+          M && W3(Z, _), O && F3(Z, _);
         }
-        return H3(n, M, B, S, f, t3.current, Z);
+        return H3(n, M, O, S, f, t3.current, Z);
       }
     }
-    var P1 = $.ReactCurrentOwner, n3 = $.ReactDebugCurrentFrame;
+    var T1 = $.ReactCurrentOwner, n3 = $.ReactDebugCurrentFrame;
     function s1(n) {
       if (n) {
         var l = n._owner, u = x1(n.type, n._source, l ? l.type : null);
@@ -870,8 +870,8 @@ function b8() {
     }
     function c3() {
       {
-        if (P1.current) {
-          var n = W(P1.current.type);
+        if (T1.current) {
+          var n = K(T1.current.type);
           if (n)
             return `
 
@@ -906,14 +906,14 @@ Check the top-level render call using <` + u + ">.");
           return;
         r3[u] = !0;
         var f = "";
-        n && n._owner && n._owner !== P1.current && (f = " It was passed a child from " + W(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);
+        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);
       }
     }
     function i3(n, l) {
       {
         if (typeof n != "object")
           return;
-        if (D1(n))
+        if (P1(n))
           for (var u = 0; u < n.length; u++) {
             var f = n[u];
             L1(f) && l3(f, l);
@@ -943,11 +943,11 @@ Check the top-level render call using <` + u + ">.");
         else
           return;
         if (u) {
-          var f = W(l);
-          T3(u, n.props, "prop", f, n);
+          var f = K(l);
+          D3(u, n.props, "prop", f, n);
         } else if (l.PropTypes !== void 0 && !_1) {
           _1 = !0;
-          var S = W(l);
+          var S = K(l);
           A("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", S || "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.");
@@ -968,14 +968,14 @@ Check the top-level render call using <` + u + ">.");
     var a3 = {};
     function u3(n, l, u, f, S, R) {
       {
-        var Z = O(n);
+        var Z = B(n);
         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.");
-          var B = G3();
-          B ? M += B : M += c3();
-          var P;
-          n === null ? P = "null" : D1(n) ? P = "array" : n !== void 0 && n.$$typeof === t ? (P = "<" + (W(n.type) || "Unknown") + " />", M = " Did you accidentally export a JSX literal instead of a component?") : P = 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", P, M);
+          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);
         }
         var _ = K3(n, l, u, S, R);
         if (_ == null)
@@ -984,7 +984,7 @@ Check the top-level render call using <` + u + ">.");
           var U = l.children;
           if (U !== void 0)
             if (f)
-              if (D1(U)) {
+              if (P1(U)) {
                 for (var o1 = 0; o1 < U.length; o1++)
                   i3(U[o1], n);
                 Object.freeze && Object.freeze(U);
@@ -994,17 +994,17 @@ Check the top-level render call using <` + u + ">.");
               i3(U, n);
         }
         if (i1.call(l, "key")) {
-          var N = W(n), V = Object.keys(l).filter(function(t2) {
+          var Q = K(n), V = Object.keys(l).filter(function(t2) {
             return t2 !== "key";
-          }), T1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!a3[N + T1]) {
+          }), D1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!a3[Q + D1]) {
             var e2 = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
             A(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, T1, N, e2, N), a3[N + T1] = !0;
+  <%s key={someKey} {...props} />`, D1, Q, e2, Q), a3[Q + D1] = !0;
           }
         }
         return n === c ? z3(_) : Y3(_), _;
@@ -1028,7 +1028,7 @@ var s = I8();
 const R8 = "_mwfit_ppa3l_1", y8 = {
   mwfit: R8
 }, E8 = () => {
-  const { reconnect: e } = b(), t = j3(), o = d8(), c = v8();
+  const { reconnect: e } = b(), t = j3(), o = d8(), c = h8();
   return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(
     "div",
     {
@@ -1041,114 +1041,114 @@ const R8 = "_mwfit_ppa3l_1", y8 = {
     }
   ) });
 };
-class D8 {
+class P8 {
   constructor() {
-    X(this, "uuid", "current-uuid");
-    X(this, "roomKey", "current-room-key");
-    X(this, "code", "current-code");
-    X(this, "expiry", "current-uuid-expires");
+    G(this, "uuid", "current-uuid");
+    G(this, "roomKey", "current-room-key");
+    G(this, "code", "current-code");
+    G(this, "expiry", "current-uuid-expires");
   }
 }
-const p3 = new D8(), I3 = d2({
+const p3 = new P8(), I3 = d2({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
   removeEventHandler: () => null,
   reconnect: () => null
 });
-function P8(e) {
+function T8(e) {
   return sessionStorage.getItem(e) || "";
 }
 function _8(e, t) {
   sessionStorage.setItem(e, t);
 }
 const L8 = ({ children: e }) => {
-  const [t, o] = G(), c = j3(), r = t8(), i = s8(), d = C8(), a = Z2(), g = o8(), x = n8(), v = c8(), I = h1(null), [T, H] = G(), k = h1({}), Q = a1(
-    async (D) => {
+  const [t, o] = H(), c = j3(), r = t8(), i = s8(), d = C8(), a = Z2(), g = o8(), x = n8(), h = c8(), I = v1(null), [D, F] = H(), k = v1({}), X = a1(
+    async (E) => {
       try {
-        const C = await k1.get(
-          `${D}/ui/joinroom?token=${t}`
+        const C = await V1.get(
+          `${E}/ui/joinroom?token=${t}`
         );
-        return C.status === 200 && C.data ? (m.dispatch(F.setRoomData(C.data)), !0) : !1;
+        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(
-          Y.setErrorMessage(
+        return console.log(C), h ? !0 : C instanceof c2 && C.response && C.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(Y.setErrorMessage(C.message)) : m.dispatch(Y.setErrorMessage("Error getting room data")), !1);
+        ), !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);
       }
     },
-    [t, v]
+    [t, h]
   ), r1 = a1(() => {
-    const D = `${a.gatewayAppPath}?uuid=${g}&roomKey=${r}`;
-    window.location.href = x ? `${D}&Code=${x}` : D;
+    const E = `${a.gatewayAppPath}?uuid=${g}&roomKey=${r}`;
+    window.location.href = x ? `${E}&Code=${x}` : E;
   }, [a.gatewayAppPath, r, g, x]), $ = a1(
-    (D, C) => {
-      I.current && c && I.current.send(JSON.stringify({ type: D, clientId: i, content: C }));
+    (E, C) => {
+      I.current && c && I.current.send(JSON.stringify({ type: E, clientId: i, content: C }));
     },
     [c, i]
-  ), A = (D, C) => {
-    $(D, { value: C });
+  ), A = (E, C) => {
+    $(E, { value: C });
   }, S1 = a1(
-    (D, C, f1) => {
-      k.current[D] || (k.current[D] = {}), k.current[D][C] = f1, console.log("event handler added", D, C);
+    (E, C, f1) => {
+      k.current[E] || (k.current[E] = {}), k.current[E][C] = f1, console.log("event handler added", E, C);
     },
     []
-  ), b1 = a1((D, C) => {
-    k.current[D] && (delete k.current[D][C], console.log("event handler removed", D, C));
+  ), b1 = a1((E, C) => {
+    k.current[E] && (delete k.current[E][C], console.log("event handler removed", E, C));
   }, []);
   return n1(() => {
     let C = new URLSearchParams(window.location.search).get("token");
-    C ? (console.log("saving token: ", C), _8(p3.uuid, C)) : (C = P8(p3.uuid), console.log("loading token: ", C)), o(C), d();
+    C ? (console.log("saving token: ", C), _8(p3.uuid, C)) : (C = T8(p3.uuid), console.log("loading token: ", C)), o(C), d();
   }, []), console.log(
     "connection dependencies",
     a.apiPath,
-    Q,
+    X,
     t,
-    T,
-    v
+    D,
+    h
   ), n1(() => {
-    async function D() {
-      if (console.log("Attempting to join websocket..."), !a.apiPath || T || !t || !await Q(a.apiPath)) return;
+    async function E() {
+      if (console.log("Attempting to join websocket..."), !a.apiPath || D || !t || !await X(a.apiPath)) return;
       if (I.current) {
         console.log("websocket exists");
         return;
       }
       console.log("connecting to websocket");
-      const I1 = `${a.apiPath.replace("http", "ws")}/ui/join/${t}`, z = new WebSocket(I1);
-      I.current = z, z.onopen = (O) => {
-        console.log("connected", O.type, O.target), m.dispatch(F.setWebsocketIsConnected(!0));
-      }, z.onerror = (O) => {
-        console.error("Websocket error", O);
-      }, z.onclose = (O) => {
-        if (console.log("disconnected: ", O.reason, O.code), O.code === 4100) {
-          console.log("WebSocket closed by client (useEffect cleanup)."), m.dispatch(Y.setShowReconnect(!0)), m.dispatch(F.setWebsocketIsConnected(!1)), m.dispatch(e1.clearDevices()), m.dispatch(t1.clearRooms());
+      const I1 = `${a.apiPath.replace("http", "ws")}/ui/join/${t}`, Y = new WebSocket(I1);
+      I.current = Y, Y.onopen = (B) => {
+        console.log("connected", B.type, B.target), m.dispatch(W.setWebsocketIsConnected(!0));
+      }, Y.onerror = (B) => {
+        console.error("Websocket error", B);
+      }, Y.onclose = (B) => {
+        if (console.log("disconnected: ", B.reason, B.code), B.code === 4100) {
+          console.log("WebSocket closed by client (useEffect cleanup)."), m.dispatch(q.setShowReconnect(!0)), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
           return;
         }
-        if (H(!0), O.code === 4e3) {
+        if (F(!0), B.code === 4e3) {
           console.log("user code changed"), m.dispatch(
-            F.setUserCode({ userCode: "", qrUrl: "" })
+            W.setUserCode({ userCode: "", qrUrl: "" })
           ), m.dispatch(
-            Y.setErrorMessage(
+            q.setErrorMessage(
               "User code changed. Click reconnect to enter the new code"
             )
-          ), m.dispatch(Y.setShowReconnect(!0)), m.dispatch(F.setWebsocketIsConnected(!1)), m.dispatch(e1.clearDevices()), m.dispatch(t1.clearRooms());
+          ), m.dispatch(q.setShowReconnect(!0)), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
           return;
         }
-        if (O.code === 4001 && !v) {
+        if (B.code === 4001 && !h) {
           console.log("processor disconnected"), m.dispatch(
-            Y.setErrorMessage(
+            q.setErrorMessage(
               "Processor has disconnected. Click Reconnect"
             )
-          ), m.dispatch(Y.setShowReconnect(!0)), m.dispatch(F.setWebsocketIsConnected(!1)), m.dispatch(e1.clearDevices()), m.dispatch(t1.clearRooms());
+          ), m.dispatch(q.setShowReconnect(!0)), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
           return;
         }
-        if (O.code === 4002) {
+        if (B.code === 4002) {
           console.log("room combination changed"), m.dispatch(
-            Y.setErrorMessage(
+            q.setErrorMessage(
               "Room combination changed. Click Reconnect to re-join the room"
             )
-          ), m.dispatch(Y.setShowReconnect(!0)), m.dispatch(F.setWebsocketIsConnected(!1)), m.dispatch(e1.clearDevices()), m.dispatch(t1.clearRooms());
+          ), m.dispatch(q.setShowReconnect(!0)), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
           return;
         }
         if (I.current)
@@ -1157,80 +1157,68 @@ const L8 = ({ children: e }) => {
           console.log("WebSocket closed by client.");
           return;
         }
-        console.log("websocket waitingToReconnect", T), !T && (console.log("websocket clearing state on disconnect"), m.dispatch(F.setWebsocketIsConnected(!1)), m.dispatch(e1.clearDevices()), m.dispatch(t1.clearRooms()), setTimeout(() => H(void 0), 5e3));
-      }, z.onmessage = (O) => {
+        console.log("websocket waitingToReconnect", D), !D && (console.log("websocket clearing state on disconnect"), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms()), setTimeout(() => F(void 0), 5e3));
+      }, Y.onmessage = (B) => {
         try {
-          const y = JSON.parse(O.data);
-          if (console.log(y), y.type === "close") {
-            z.close(4001, y.content);
+          const P = JSON.parse(B.data);
+          if (console.log(P), P.type === "close") {
+            Y.close(4001, P.content);
             return;
           }
-          if (y.type.startsWith("/system/"))
-            switch (y.type) {
+          if (P.type.startsWith("/system/"))
+            switch (P.type) {
               case "/system/touchpanelKey":
                 m.dispatch(
-                  F.setTouchpanelKey(
-                    y.content
+                  W.setTouchpanelKey(
+                    P.content
                   )
                 );
                 break;
               case "/system/roomKey": {
-                m.dispatch(t1.clearRooms()), m.dispatch(e1.clearDevices()), m.dispatch(
-                  F.setCurrentRoomKey(
-                    y.content
+                m.dispatch(e1.clearRooms()), m.dispatch(N.clearDevices()), m.dispatch(
+                  W.setCurrentRoomKey(
+                    P.content
                   )
                 );
                 break;
               }
               case "/system/userCodeChanged":
                 m.dispatch(
-                  F.setUserCode(y.content)
+                  W.setUserCode(P.content)
                 );
                 break;
-              case "/system/roomCombinationChanged": {
-                console.log("event message received", y);
-                const q = k.current[y.type];
-                q || (console.log(
-                  "no handlers found for room combination changed. Reloading application.",
-                  y.type
-                ), window.location.reload()), q && Object.values(q).forEach((W) => {
-                  try {
-                    W(y);
-                  } catch (K) {
-                    console.error(K);
-                  }
-                });
+              case "/system/roomCombinationChanged":
+                window.location.reload();
                 break;
-              }
               default:
-                console.log("unhandled system message", y);
+                console.log("unhandled system message", P);
                 break;
             }
-          else if (y.type.startsWith("/event/")) {
-            console.log("event message received", y);
-            const q = k.current[y.type];
-            q || console.log("no handlers found for event type", y.type), q && Object.values(q).forEach((W) => {
+          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) => {
               try {
-                W(y);
-              } catch (K) {
-                console.error(K);
+                K(P);
+              } catch (z) {
+                console.error(z);
               }
             });
-          } else y.type.startsWith("/room/") ? m.dispatch(t1.setRoomState(y)) : y.type.startsWith("/device/") && m.dispatch(e1.setDeviceState(y));
-        } catch (y) {
-          console.error("websocket message handling error", y);
+          } else P.type.startsWith("/room/") ? m.dispatch(e1.setRoomState(P)) : P.type.startsWith("/device/") && m.dispatch(N.setDeviceState(P));
+        } catch (P) {
+          console.error("websocket message handling error", P);
         }
       };
     }
-    return D(), console.log("App mode: production"), console.log("Is dev mode: false"), () => {
+    return E(), console.log("App mode: production"), console.log("Is dev mode: false"), () => {
       I.current && (console.log("closing websocket dev mode"), I.current.close(4100, "app running in dev mode"), I.current = null);
     };
   }, [
     a.apiPath,
-    Q,
+    X,
     t,
-    T,
-    v
+    D,
+    h
   ]), n1(() => {
     !r || !c || (console.log("clientId: ", i), i && (console.log("requesting status from room: ", r), $(`/room/${r}/status`, null)));
   }, [r, i, c, $]), /* @__PURE__ */ s.jsx(
@@ -1246,17 +1234,17 @@ const L8 = ({ children: e }) => {
       children: c ? e : /* @__PURE__ */ s.jsx(E8, {})
     }
   );
-}, fe = ({ children: e }) => /* @__PURE__ */ s.jsx(i2, { store: m, children: /* @__PURE__ */ s.jsx(L8, { children: e }) });
+}, pe = ({ children: e }) => /* @__PURE__ */ s.jsx(i2, { store: m, children: /* @__PURE__ */ s.jsx(L8, { children: e }) });
 function b() {
-  return v2(I3);
+  return h2(I3);
 }
-function T8({
+function D8({
   onPress: e,
   onRelease: t,
   onHold: o,
   holdTimeMs: c = 500
 }) {
-  const r = h1(null), i = h1(!1);
+  const r = v1(null), i = v1(!1);
   function d() {
     i.current = !0, e == null || e(), r.current = setTimeout(() => {
       o == null || o(), r.current = null;
@@ -1274,8 +1262,8 @@ function T8({
     onPointerLeave: g
   };
 }
-function h(e, t) {
-  const { sendMessage: c } = b(), r = h1(null);
+function v(e, t) {
+  const { sendMessage: c } = b(), r = v1(null);
   function i() {
     c(`${e}/${t}`, { value: "pressed" }), r.current || (r.current = setInterval(() => {
       c(`${e}/${t}`, { value: "held" });
@@ -1284,34 +1272,34 @@ function h(e, t) {
   function d() {
     r.current && (clearInterval(r.current), r.current = null), c(`${e}/${t}`, { value: "released" });
   }
-  return T8({ onPress: i, onRelease: d });
+  return D8({ onPress: i, onRelease: d });
 }
 function R3(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = b(), r = h(`${e}`, "volumeUp"), i = h(`${e}`, "volumeDown");
+  const { sendMessage: o, sendSimpleMessage: c } = b(), r = v(`${e}`, "volumeUp"), i = v(`${e}`, "volumeDown");
   return t ? {
     volumeState: t,
     volumeUp: r,
     volumeDown: i,
-    setLevel: (v) => c(`${e}/level`, v),
+    setLevel: (h) => c(`${e}/level`, h),
     muteToggle: () => o(`${e}/muteToggle`, null),
     muteOn: () => o(`${e}/muteOn`, null),
     muteOff: () => o(`${e}/muteOff`, null)
   } : void 0;
 }
-function pe(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = b(), r = h(`${e}`, "volumeUp"), i = h(`${e}`, "volumeDown");
+function we(e, t) {
+  const { sendMessage: o, sendSimpleMessage: c } = b(), r = v(`${e}`, "volumeUp"), i = v(`${e}`, "volumeDown");
   return t ? {
     volumeState: t,
     volumeUp: r,
     volumeDown: i,
-    setLevel: (v) => c(`${e}/level`, v),
+    setLevel: (h) => c(`${e}/level`, h),
     muteToggle: () => o(`${e}/muteToggle`, null),
     muteOn: () => o(`${e}/muteOn`, null),
     muteOff: () => o(`${e}/muteOff`, null)
   } : void 0;
 }
 function $8(e) {
-  const t = E(e), o = `/device/${e}`;
+  const t = y(e), o = `/device/${e}`;
   return R3(o, t == null ? void 0 : t.volume);
 }
 function y3(e) {
@@ -1324,14 +1312,14 @@ function y3(e) {
     t(`/device/${e}/powerToggle`, null);
   } };
 }
-function V1(e) {
-  const { sendMessage: t } = b(), o = E(e);
+function k1(e) {
+  const { sendMessage: t } = b(), o = y(e);
   return console.log("deviceState", o), o ? { itemsState: o, selectItem: (r) => {
     t(`/device/${e}/${r}`, null);
   } } : void 0;
 }
 function A8(e) {
-  const { sendMessage: t } = b(), o = E(e), c = () => {
+  const { sendMessage: t } = b(), o = y(e), c = () => {
     t(`/device/${e}/setDefaultChannelLevels`, null);
   }, r = () => {
     if ((o == null ? void 0 : o.levelControls) === void 0) return;
@@ -1341,8 +1329,8 @@ function A8(e) {
   };
   return o ? { levelControls: o.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
 }
-function we(e) {
-  const t = E(e), o = y3(e), c = V1(e), r = V1(e), i = $8(e), d = A8(e);
+function xe(e) {
+  const t = y(e), o = y3(e), c = k1(e), r = k1(e), i = $8(e), d = A8(e);
   if (t)
     return {
       avrState: t,
@@ -1353,8 +1341,8 @@ function we(e) {
       mainVolumeControl: i
     };
 }
-function xe(e) {
-  const { sendMessage: t } = b(), o = `/device/${e}`, c = E(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 Me(e) {
+  const { sendMessage: t } = b(), o = `/device/${e}`, c = y(e), r = v(o, "cameraUp"), i = v(o, "cameraDown"), d = v(o, "cameraLeft"), a = v(o, "cameraRight"), g = v(o, "cameraZoomIn"), x = v(o, "cameraZoomOut"), h = (I) => t("/camera/recallPreset", I);
   if (c)
     return {
       state: c,
@@ -1364,11 +1352,11 @@ function xe(e) {
       down: i,
       left: d,
       right: a,
-      recallPreset: v
+      recallPreset: h
     };
 }
-const Me = ({ className: e }) => {
-  const [t, o] = G();
+const me = ({ className: e }) => {
+  const [t, o] = H();
   return n1(() => {
     setInterval(() => {
       const c = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
@@ -1379,55 +1367,55 @@ const Me = ({ className: e }) => {
     " new change"
   ] });
 };
-function me(e) {
-  const { sendMessage: t } = b(), o = E(e), c = `/device/${e}`;
+function Ze(e) {
+  const { sendMessage: t } = b(), o = y(e), c = `/device/${e}`;
   return o ? { state: o, recallPreset: (d, a) => {
     t(`${c}/presets/recall`, { deviceKey: d, preset: a });
   }, savePresets: (d) => {
     t(`${c}/presets/save`, d);
   } } : void 0;
 }
-function Ze(e) {
-  const t = E(e);
+function je(e) {
+  const t = y(e);
   if (t)
     return { endpointState: t };
 }
-function je(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");
+function Ce(e) {
+  const t = `/device/${e}`, o = v(t, "chanUp"), c = v(t, "chanDown"), r = v(t, "lastChan"), i = v(t, "guide"), d = v(t, "info"), a = v(t, "exit");
   return { channelUp: o, channelDown: c, lastChannel: r, guide: i, info: d, exit: a };
 }
-function Ce(e) {
-  const t = `/device/${e}`, o = h(t, "red"), c = h(t, "green"), r = h(t, "yellow"), i = h(t, "blue");
+function Se(e) {
+  const t = `/device/${e}`, o = v(t, "red"), c = v(t, "green"), r = v(t, "yellow"), i = v(t, "blue");
   return { red: o, green: c, yellow: r, blue: i };
 }
-function Se(e) {
-  const t = E(e);
+function be(e) {
+  const t = y(e);
   if (t)
     return {
       communicationMonitorState: t
     };
 }
-function be(e) {
-  const t = E(e);
+function Ie(e) {
+  const t = y(e);
   if (t)
     return t.deviceInfo || void 0;
 }
-function Ie(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");
+function Re(e) {
+  const t = `/device/${e}`, o = v(t, "up"), c = v(t, "down"), r = v(t, "left"), i = v(t, "right"), d = v(t, "select"), a = v(t, "menu"), g = v(t, "exit");
   return { up: o, down: c, left: r, right: i, select: d, menu: a, exit: g };
 }
-function Re(e) {
+function ye(e) {
   const { sendMessage: t } = b();
   return { recallPreset: (c) => {
     t(`/device/${e}/recallPreset`, c);
   } };
 }
-function ye(e) {
-  const t = `/device/${e}`, o = h(t, "dvrList"), c = h(t, "record");
+function Ee(e) {
+  const t = `/device/${e}`, o = v(t, "dvrList"), c = v(t, "record");
   return { dvrList: o, record: c };
 }
-function Ee(e) {
-  const { sendMessage: t } = b(), o = E(e);
+function Pe(e) {
+  const { sendMessage: t } = b(), o = y(e);
   return o ? { roomCombinerState: o, setAutoMode: () => {
     t(`/device/${e}/setAutoMode`, null);
   }, setManualMode: () => {
@@ -1440,8 +1428,8 @@ function Ee(e) {
     t(`/device/${e}/setRoomCombinationScenario`, g);
   } } : void 0;
 }
-function De(e) {
-  const { sendMessage: t } = b(), o = `/device/${e}`, c = E(e);
+function Te(e) {
+  const { sendMessage: t } = b(), o = `/device/${e}`, c = y(e);
   return c ? {
     state: c,
     selectCamera: (i) => {
@@ -1449,41 +1437,41 @@ function De(e) {
     }
   } : void 0;
 }
-function Pe(e) {
-  const t = E(e);
+function _e(e) {
+  const t = y(e);
   if (t)
     return { state: t };
 }
-function _e(e) {
-  const { sendMessage: t, sendSimpleMessage: o } = b(), c = E(e), r = K2(e), i = c || r;
+function Le(e) {
+  const { sendMessage: t, sendSimpleMessage: o } = b(), c = y(e), r = K2(e), i = c || r;
   return i ? {
     levelState: i,
-    setLevel: (v, I) => o(`${v}/level`, I),
-    muteToggle: (v) => t(`${v}/muteToggle`, null),
-    muteOn: (v) => t(`${v}/muteOn`, null),
-    muteOff: (v) => t(`${v}/muteOff`, null)
+    setLevel: (h, I) => o(`${h}/level`, I),
+    muteToggle: (h) => t(`${h}/muteToggle`, null),
+    muteOn: (h) => t(`${h}/muteOn`, null),
+    muteOff: (h) => t(`${h}/muteOff`, null)
   } : void 0;
 }
-function Le(e) {
-  const { sendMessage: t } = b(), o = E(e);
+function De(e) {
+  const { sendMessage: t } = b(), o = y(e);
   return o ? { lightingState: o, selectScene: (r) => {
     t(`/device/${e}/selectScene`, r);
   } } : void 0;
 }
-function Te(e) {
-  const { sendMessage: t } = b(), o = E(e);
+function $e(e) {
+  const { sendMessage: t } = b(), o = y(e);
   return o ? { matrixRoutingState: o, setRoute: (r) => {
     t(`/device/${e}/route`, r);
   } } : void 0;
 }
-function $e(e) {
+function Ae(e) {
   const { sendMessage: t } = b();
   return { closeApp: () => {
     t(`/device/${e}/closeWebViewController`, null);
   } };
 }
-function Ae(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"), T = h(t, "numDash"), H = h(t, "numEnter");
+function Be(e) {
+  const t = `/device/${e}`, o = v(t, "num0"), c = v(t, "num1"), r = v(t, "num2"), i = v(t, "num3"), d = v(t, "num4"), a = v(t, "num5"), g = v(t, "num6"), x = v(t, "num7"), h = v(t, "num8"), I = v(t, "num9"), D = v(t, "numDash"), F = v(t, "numEnter");
   return {
     digit0: o,
     digit1: c,
@@ -1493,21 +1481,21 @@ function Ae(e) {
     digit5: a,
     digit6: g,
     digit7: x,
-    digit8: v,
+    digit8: h,
     digit9: I,
-    keypadAccessoryButton1: T,
-    keypadAccessoryButton2: H
+    keypadAccessoryButton1: D,
+    keypadAccessoryButton2: F
   };
 }
 function Oe(e) {
-  const { sendMessage: t } = b(), o = E(e);
+  const { sendMessage: t } = b(), o = y(e);
   return o ? { projectorScreenLiftControlState: o, raise: () => {
     t(`/device/${e}/raise`, null);
   }, lower: () => {
     t(`/device/${e}/lower`, null);
   } } : void 0;
 }
-function Be(e) {
+function Ve(e) {
   const { sendMessage: t } = b(), o = C1(e);
   return o ? { roomEventScheduleState: o, save: (r) => {
     t(`/room/${e}/saveScheduledEvents`, r);
@@ -1519,7 +1507,7 @@ function ke(e) {
     t(`/room/${e}/defaultsource`, {});
   } };
 }
-function Ve(e) {
+function Ue(e) {
   const { sendMessage: t } = b();
   return { runDirectRoute: (c) => {
     t(`/room/${e}/directRoute`, c);
@@ -1527,16 +1515,16 @@ function Ve(e) {
 }
 function We(e) {
   const { sendMessage: t } = b();
-  return { routingState: E(e), runRoute: (r) => {
+  return { routingState: y(e), runRoute: (r) => {
     t(`/room/${e}/source`, r);
   } };
 }
-function Ue(e) {
-  const t = `/device/${e}`, o = h(t, "chanUp"), c = h(t, "chanDown");
+function Fe(e) {
+  const t = `/device/${e}`, o = v(t, "chanUp"), c = v(t, "chanDown");
   return { dvrList: o, replay: c };
 }
-function Fe(e) {
-  const { sendMessage: t } = b(), o = E(e);
+function He(e) {
+  const { sendMessage: t } = b(), o = y(e);
   return o ? { shadeState: o, shadeUp: () => {
     t(`/device/${e}/shadeUp`, null);
   }, shadeDown: () => {
@@ -1545,7 +1533,7 @@ function Fe(e) {
     t(`/device/${e}/stopOrPreset`, null);
   } } : void 0;
 }
-function He(e) {
+function Ke(e) {
   const { sendMessage: t } = b(), o = C1(e);
   return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (a) => {
     t(`/room/${e}/setShutdownPromptSeconds`, a);
@@ -1557,15 +1545,15 @@ function He(e) {
     t(`/room/${e}/shutdownCancel`, null);
   } } : void 0;
 }
-function Ke(e) {
-  const { sendMessage: t } = b(), o = E(e);
+function Ge(e) {
+  const { sendMessage: t } = b(), o = y(e);
   return o ? { switchedOutputState: o, on: () => {
     t(`/device/${e}/on`, null);
   }, off: () => {
     t(`/device/${e}/off`, null);
   } } : void 0;
 }
-function Ge(e) {
+function qe(e) {
   const { sendMessage: t } = b(), o = C1(e);
   return o ? { techPasswordState: o, validatePassword: (i) => {
     t(`/room/${e}/validateTechPassword`, { password: i });
@@ -1573,12 +1561,12 @@ function Ge(e) {
     t(`/room/${e}/setTechPassword`, { oldPassword: i, newPassword: d });
   } } : void 0;
 }
-function qe(e) {
-  const { sendMessage: t } = b(), o = E(e);
+function Ye(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 Ye(e) {
-  const { sendMessage: t } = b(), o = E(e), c = (r) => {
+function ze(e) {
+  const { sendMessage: t } = b(), o = y(e), c = (r) => {
     t(`/device/${e}/saveTheme`, { value: r });
   };
   return {
@@ -1586,8 +1574,8 @@ function Ye(e) {
     saveTheme: c
   };
 }
-function ze(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 Je(e) {
+  const t = `/device/${e}`, o = v(t, "play"), c = v(t, "pause"), r = v(t, "stop"), i = v(t, "prevTrack"), d = v(t, "nextTrack"), a = v(t, "rewind"), g = v(t, "ffwd"), x = v(t, "record");
   return {
     play: o,
     pause: c,
@@ -1599,8 +1587,8 @@ function ze(e) {
     record: x
   };
 }
-function Je(e) {
-  const t = E(e), { sendMessage: o } = b();
+function Xe(e) {
+  const t = y(e), { sendMessage: o } = b();
   return t ? {
     touchpanelState: t,
     appControl: { hideApp: () => {
@@ -1615,8 +1603,8 @@ function Je(e) {
     } }
   } : void 0;
 }
-function Xe(e) {
-  const t = E(e), o = y3(e), c = V1(e);
+function Qe(e) {
+  const t = y(e), o = y3(e), c = k1(e);
   if (!t) return;
   const r = (t.powerState || t.isWarming) && !t.isCooling, i = (!t.powerState || t.isCooling) && !t.isWarming;
   return {
@@ -1626,7 +1614,7 @@ function Xe(e) {
     powerFb: { powerOnFb: r, powerOffFb: i }
   };
 }
-const Qe = ({
+const Ne = ({
   config: e
 }) => {
   const { sendMessage: t } = b();
@@ -1659,8 +1647,8 @@ const Qe = ({
     });
   }, [e, t]);
 };
-function Ne(e, t) {
-  const [o, c] = G(!1), [r, i] = G(!1);
+function e5(e, t) {
+  const [o, 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;
@@ -1669,27 +1657,27 @@ function Ne(e, t) {
     d && a();
   }, [e, t]), { overflowHorizontal: o, overflowVertical: r };
 }
-function e5(e, t) {
+function t5(e, t) {
   const o = H2(e, t), c = `/room/${e}/volumes/${t}`;
   return R3(c, o);
 }
-function t5(e) {
+function s5(e) {
   var a, g;
-  const [t, o] = G(((a = e == null ? void 0 : e.current) == null ? void 0 : a.scrollLeft) ?? 0), [c, r] = G(((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));
+  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 { current: h } = e;
+    h && (console.log(h.scrollLeft), h.scrollLeft += x, console.log(h.scrollLeft));
   }, d = (x) => {
-    const { current: v } = e;
-    v && (console.log(v.scrollTop), v.scrollTop += x, console.log(v.scrollTop));
+    const { current: h } = e;
+    h && (console.log(h.scrollTop), h.scrollTop += x, console.log(h.scrollTop));
   };
   return x3(() => {
-    const { current: x } = e, v = () => {
+    const { current: x } = e, h = () => {
       o((x == null ? void 0 : x.scrollLeft) ?? 0), r((x == null ? void 0 : x.scrollTop) ?? 0);
     };
-    x && v();
+    x && h();
   }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: i, scrollVertical: d };
 }
-function s5() {
+function o5() {
   const { sendMessage: e } = b();
   return {
     reboot: () => {
@@ -1700,8 +1688,8 @@ function s5() {
     }
   };
 }
-function o5() {
-  const [e, t] = G(), [o, c] = G();
+function n5() {
+  const [e, t] = H(), [o, 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" });
@@ -1715,8 +1703,8 @@ function o5() {
     return () => clearInterval(i);
   }, []), { date: e, time: o };
 }
-const n5 = () => {
-  const [e, t] = G(!1), o = h2(), c = g2();
+const c5 = () => {
+  const [e, t] = H(!1), o = v2(), 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." }) }),
@@ -1724,11 +1712,11 @@ const n5 = () => {
     /* @__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", B8 = "_iconbtnvert_16qss_7", k8 = "_iconsm_16qss_18", $1 = {
-  iconbtn: O8,
-  iconbtnvert: B8,
-  iconsm: k8
-}, V8 = ({
+}, B8 = "_iconbtn_16qss_1", O8 = "_iconbtnvert_16qss_7", V8 = "_iconsm_16qss_18", $1 = {
+  iconbtn: B8,
+  iconbtnvert: O8,
+  iconsm: V8
+}, k8 = ({
   multiIcon: e,
   otherContent: t = null,
   vert: o = !1,
@@ -1739,23 +1727,23 @@ const n5 = () => {
   feedback: a,
   feedbackClassName: g,
   onPointerDown: x,
-  onPointerUp: v,
+  onPointerUp: h,
   onPointerLeave: I,
-  ...T
+  ...D
 }) => {
-  const [H, k] = G(!1), Q = !d && a ? g : "", r1 = !d && (H || a);
+  const [F, k] = H(!1), X = !d && a ? g : "", r1 = !d && (F || a);
   return /* @__PURE__ */ s.jsxs(
     "button",
     {
       type: "button",
-      className: `${$1.iconbtn} ${o ? $1.iconbtnvert : ""} ${c} ${Q}`,
-      ...T,
+      className: `${$1.iconbtn} ${o ? $1.iconbtnvert : ""} ${c} ${X}`,
+      ...D,
       disabled: d,
       onPointerDown: ($) => {
         k(!0), x == null || x($);
       },
       onPointerUp: ($) => {
-        k(!1), v == null || v($);
+        k(!1), h == null || h($);
       },
       onPointerLeave: ($) => {
         k(!1), I == null || I($);
@@ -1779,7 +1767,7 @@ const n5 = () => {
   EnabledImage: o,
   active: c,
   disabled: r
-}) => r ? t : c ? e : o, W8 = ({
+}) => r ? t : c ? e : o, U8 = ({
   active: e,
   className: t = "",
   disabled: o
@@ -1831,7 +1819,7 @@ const n5 = () => {
     active: e,
     disabled: o
   }
-), U8 = ({
+), W8 = ({
   active: e,
   className: t = "",
   disabled: o
@@ -2979,7 +2967,7 @@ const n5 = () => {
     active: e,
     disabled: o
   }
-), c5 = ({
+), r5 = ({
   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
@@ -3043,7 +3031,7 @@ const n5 = () => {
     active: e,
     disabled: o
   }
-), v6 = ({
+), h6 = ({
   active: e,
   className: t = "",
   disabled: o
@@ -3092,7 +3080,7 @@ const n5 = () => {
     active: e,
     disabled: o
   }
-), h6 = ({
+), v6 = ({
   active: e,
   className: t = "",
   disabled: o
@@ -3387,10 +3375,10 @@ const n5 = () => {
     disabled: o
   }
 ), M6 = {
-  Alert: W8,
+  Alert: U8,
   Camera: F8,
   DownArrow: G8,
-  Ban: U8,
+  Ban: W8,
   Check: H8,
   Controller: K8,
   Elipses: q8,
@@ -3413,61 +3401,74 @@ const n5 = () => {
   Shade: a6,
   Sun: u6,
   UpArrow: d6,
-  VolDown: v6,
-  VolMute: h6,
+  VolDown: h6,
+  VolMute: v6,
   VolUp: g6,
   Wireless: f6,
   X: p6,
   Xbox: w6
 };
-function r5({
+function l5({
   name: e,
   iconsDictionary: t = M6,
   ...o
 }) {
   const c = t[e] ?? null;
-  return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ s.jsx(V8, { multiIcon: c, ...o });
+  return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ s.jsx(k8, { multiIcon: c, ...o });
 }
-const m6 = "_grid_1cmpp_1", Z6 = "_header_1cmpp_11", j6 = "_content_1cmpp_17", C6 = "_footer_1cmpp_23", S6 = "_volume_1cmpp_29", v1 = {
+const m6 = "_grid_1cmpp_1", Z6 = "_header_1cmpp_11", j6 = "_content_1cmpp_17", C6 = "_footer_1cmpp_23", S6 = "_volume_1cmpp_29", h1 = {
   grid: m6,
   header: Z6,
   content: j6,
   footer: C6,
   volume: S6
-}, l5 = ({ header: e, footer: t, content: o, 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 }),
-  r && /* @__PURE__ */ s.jsx("div", { className: v1.volume, children: c }),
-  /* @__PURE__ */ s.jsx("div", { className: v1.footer, children: t })
+}, i5 = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ s.jsxs("div", { className: h1.grid, children: [
+  /* @__PURE__ */ s.jsx("div", { className: h1.header, children: e }),
+  /* @__PURE__ */ s.jsx("div", { className: h1.content, children: o }),
+  r && /* @__PURE__ */ s.jsx("div", { className: h1.volume, children: c }),
+  /* @__PURE__ */ s.jsx("div", { className: h1.footer, children: t })
 ] }), b6 = "_grid_11w5q_1", I6 = "_header_11w5q_11", R6 = "_content_11w5q_17", Z1 = {
   grid: b6,
   header: I6,
   content: R6
-}, i5 = ({ className: e, header: t, content: o, leftNav: c }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${Z1.grid}`, children: [
+}, a5 = ({ className: e, header: t, content: o, 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 })
-] }), y6 = "_grid_1uwfo_1", E6 = "_header_1uwfo_11", D6 = "_content_1uwfo_17", A1 = {
+] }), y6 = "_grid_1uwfo_1", E6 = "_header_1uwfo_11", P6 = "_content_1uwfo_17", A1 = {
   grid: y6,
   header: E6,
-  content: D6
-}, a5 = ({ className: e, header: t, content: o }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${A1.grid}`, children: [
+  content: P6
+}, u5 = ({ className: e, header: t, content: o }) => /* @__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 })
 ] });
-class u5 {
+class d5 {
   constructor() {
-    X(this, "currentShareText");
-    X(this, "enabled");
-    X(this, "isSharing");
+    G(this, "currentShareText");
+    G(this, "enabled");
+    G(this, "isSharing");
+  }
+}
+function h5() {
+  return console.log(location.pathname), location.pathname;
+}
+var T6 = /* @__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))(T6 || {});
+class v5 {
+  constructor(t, o) {
+    G(this, "path");
+    G(this, "handler");
+    this.path = t, this.handler = o;
   }
 }
+const g5 = "$off";
 export {
-  Me as Clock,
-  n5 as ErrorBox,
-  V8 as IconButton,
-  W8 as IconMultiAlert,
-  U8 as IconMultiBan,
+  me as Clock,
+  T6 as DaysOfWeek,
+  c5 as ErrorBox,
+  k8 as IconButton,
+  U8 as IconMultiAlert,
+  W8 as IconMultiBan,
   F8 as IconMultiCamera,
   H8 as IconMultiCheck,
   K8 as IconMultiController,
@@ -3491,27 +3492,31 @@ export {
   i6 as IconMultiRoomPC,
   a6 as IconMultiShade,
   u6 as IconMultiSun,
-  c5 as IconMultiTemplate,
+  r5 as IconMultiTemplate,
   d6 as IconMultiUpArrow,
-  v6 as IconMultiVolDown,
-  h6 as IconMultiVolMute,
+  h6 as IconMultiVolDown,
+  v6 as IconMultiVolMute,
   g6 as IconMultiVolUp,
   f6 as IconMultiWireless,
   p6 as IconMultiX,
   w6 as IconMultiXbox,
-  l5 as MainLayout,
-  fe as MobileControlProvider,
+  i5 as MainLayout,
+  v5 as MessageHandler,
+  pe as MobileControlProvider,
   j as MultiStateIconContainer,
-  r5 as NamedIconButton,
-  u5 as ShareState,
-  i5 as TechLayout,
-  a5 as TechPinLayout,
+  l5 as NamedIconButton,
+  d5 as ShareState,
+  a5 as TechLayout,
+  u5 as TechPinLayout,
+  I3 as WebsocketContext,
   p8 as appConfigActions,
-  e1 as devicesActions,
-  k1 as httpClient,
+  N as devicesActions,
+  h5 as getBaseLocation,
+  V1 as httpClient,
   M6 as iconsDictionary,
-  t1 as roomsActions,
-  F as runtimeConfigActions,
+  g5 as roomOffSourceKey,
+  e1 as roomsActions,
+  W as runtimeConfigActions,
   Z3 as selectAllDevices,
   x2 as selectApiPath,
   w2 as selectAppConfig,
@@ -3521,26 +3526,26 @@ export {
   i8 as selectError,
   e8 as selectIsTouchpanel,
   M2 as selectLogoPath,
-  W1 as selectModalVisibility,
+  U1 as selectModalVisibility,
   m2 as selectPartnerMetadata,
-  V2 as selectRoomAdvancedSharingActive,
-  D2 as selectRoomAudioControlPointList,
+  k2 as selectRoomAdvancedSharingActive,
+  P2 as selectRoomAudioControlPointList,
   b2 as selectRoomByKey,
   $2 as selectRoomCodecContentDestinationKey,
   C2 as selectRoomConfiguration,
   _2 as selectRoomDestinationList,
-  P2 as selectRoomDestinations,
+  T2 as selectRoomDestinations,
   F2 as selectRoomDisplayStates,
   L2 as selectRoomEnvironmentalDevices,
   A2 as selectRoomInCall,
-  B2 as selectRoomIsCoolingDown,
-  k2 as selectRoomIsOn,
-  O2 as selectRoomIsWarmingUp,
+  O2 as selectRoomIsCoolingDown,
+  V2 as selectRoomIsOn,
+  B2 as selectRoomIsWarmingUp,
   q2 as selectRoomKey,
   y2 as selectRoomLevelControls,
   I2 as selectRoomName,
-  T2 as selectRoomProgramAudioDestinationKey,
-  W2 as selectRoomShareState,
+  D2 as selectRoomProgramAudioDestinationKey,
+  U2 as selectRoomShareState,
   E2 as selectRoomSourceList,
   R2 as selectRoomVolume,
   S2 as selectRooms,
@@ -3553,103 +3558,103 @@ export {
   N2 as selectTouchpanelKey,
   J2 as selectUserCode,
   G2 as selectWsIsConnected,
-  U2 as selectZoomRoomControllerKey,
+  W2 as selectZoomRoomControllerKey,
   m as store,
-  Y as uiActions,
+  q as uiActions,
   g8 as uiReducer,
   O6 as useApiPath,
   Z2 as useAppConfig,
   p2 as useAppDispatch,
   p as useAppSelector,
-  we as useAvrControl,
-  h as useButtonHeldHeartbeat,
-  xe as useCameraBase,
+  xe as useAvrControl,
+  v as useButtonHeldHeartbeat,
+  Me as useCameraBase,
   s8 as useClientId,
   $8 as useDeviceIBasicVolumeWithFeedback,
-  me as useDevicePresetsModel,
-  Ze as useEndpoint,
+  Ze as useDevicePresetsModel,
+  je as useEndpoint,
   d8 as useError,
-  Qe as useGetAllDeviceStateFromRoomConfiguration,
-  V6 as useGetAllDevices,
-  U6 as useGetAllRooms,
+  Ne as useGetAllDeviceStateFromRoomConfiguration,
+  U6 as useGetAllDevices,
+  F6 as useGetAllRooms,
   ve as useGetCurrentPopoverIdForGroup,
-  E as useGetDevice,
-  pe as useGetIBasicVolumeWithFeedback,
-  F6 as useGetRoom,
-  ne as useGetRoomDisplayStates,
-  ce as useGetZoomRoomControllerKey,
+  y as useGetDevice,
+  we as useGetIBasicVolumeWithFeedback,
+  H6 as useGetRoom,
+  ce as useGetRoomDisplayStates,
+  re as useGetZoomRoomControllerKey,
   R3 as useIBasicVolumeWithFeedback,
-  je as useIChannel,
-  Ce as useIColor,
-  Se as useICommunicationMonitor,
-  Ie as useIDPad,
-  be as useIDeviceInfoMessenger,
-  Re as useIDspPresets,
-  ye as useIDvr,
-  Ee as useIEssentialsRoomCombiner,
-  De as useIHasCameras,
+  Ce as useIChannel,
+  Se as useIColor,
+  be as useICommunicationMonitor,
+  Re as useIDPad,
+  Ie as useIDeviceInfoMessenger,
+  ye as useIDspPresets,
+  Ee as useIDvr,
+  Pe as useIEssentialsRoomCombiner,
+  Te as useIHasCameras,
   y3 as useIHasPowerControl,
-  V1 as useIHasSelectableItems,
-  Pe as useIHumiditySensor,
-  _e as useILevelControls,
-  Le as useILightingScenes,
-  Te as useIMatrixRouting,
-  $e as useIMcCiscoCodecUserInterfaceAppControl,
-  Ae as useINumeric,
+  k1 as useIHasSelectableItems,
+  _e as useIHumiditySensor,
+  Le as useILevelControls,
+  De as useILightingScenes,
+  $e as useIMatrixRouting,
+  Ae as useIMcCiscoCodecUserInterfaceAppControl,
+  Be as useINumeric,
   Oe as useIProjectorScreenLiftControl,
-  Be as useIRoomEventSchedule,
+  Ve as useIRoomEventSchedule,
   ke as useIRunDefaultPresentRoute,
-  Ve as useIRunDirectRouteAction,
+  Ue as useIRunDirectRouteAction,
   We as useIRunRouteAction,
-  Ue as useISetTopBoxControls,
-  Fe as useIShadesOpenCloseStop,
-  He as useIShutdownPromptTimer,
-  Ke as useISwitchedOutput,
-  Ge as useITechPassword,
-  qe as useITemperatureSensor,
-  Ye as useITheme,
-  ze as useITransport,
+  Fe as useISetTopBoxControls,
+  He as useIShadesOpenCloseStop,
+  Ke as useIShutdownPromptTimer,
+  Ge as useISwitchedOutput,
+  qe as useITechPassword,
+  Ye as useITemperatureSensor,
+  ze as useITheme,
+  Je as useITransport,
   C8 as useInitialize,
-  ie as useIsTouchpanel,
-  B6 as useLogoPath,
-  Je as useMobileControlTouchpanelController,
-  Ne as useOverflow,
+  ae as useIsTouchpanel,
+  V6 as useLogoPath,
+  Xe as useMobileControlTouchpanelController,
+  e5 as useOverflow,
   k6 as usePartnerMetadata,
-  T8 as usePressHoldRelease,
-  se as useRoomAdvancedSharingActive,
-  G6 as useRoomAudioControlPointList,
-  X6 as useRoomCodecContentDestinationKey,
+  D8 as usePressHoldRelease,
+  oe as useRoomAdvancedSharingActive,
+  q6 as useRoomAudioControlPointList,
+  Q6 as useRoomCodecContentDestinationKey,
   W6 as useRoomConfiguration,
-  Y6 as useRoomDestinationList,
-  q6 as useRoomDestinations,
-  z6 as useRoomEnvironmentalDevices,
-  e5 as useRoomIBasicVolumeWithFeedback,
-  Q6 as useRoomInCall,
-  ee as useRoomIsCoolingDown,
-  te as useRoomIsOn,
-  N6 as useRoomIsWarmingUp,
+  z6 as useRoomDestinationList,
+  Y6 as useRoomDestinations,
+  J6 as useRoomEnvironmentalDevices,
+  t5 as useRoomIBasicVolumeWithFeedback,
+  N6 as useRoomInCall,
+  te as useRoomIsCoolingDown,
+  se as useRoomIsOn,
+  ee as useRoomIsWarmingUp,
   t8 as useRoomKey,
   K2 as useRoomLevelControls,
-  H6 as useRoomName,
-  J6 as useRoomProgramAudioDestinationKey,
-  oe as useRoomShareState,
-  K6 as useRoomSourceList,
+  K6 as useRoomName,
+  X6 as useRoomProgramAudioDestinationKey,
+  ne as useRoomShareState,
+  G6 as useRoomSourceList,
   C1 as useRoomState,
   H2 as useRoomVolume,
-  re as useRuntimeInfo,
-  t5 as useScroll,
+  le as useRuntimeInfo,
+  s5 as useScroll,
   c8 as useServerIsRunningOnProcessorHardware,
-  ue as useShowIncomingCallModal,
-  de as useShowModal,
-  he as useShowPopoverById,
-  v8 as useShowReconnect,
-  ae as useShowShutdownModal,
-  s5 as useSystemControl,
+  de as useShowIncomingCallModal,
+  he as useShowModal,
+  ge as useShowPopoverById,
+  h8 as useShowReconnect,
+  ue as useShowShutdownModal,
+  o5 as useSystemControl,
   o8 as useSystemUuid,
-  ge as useTheme,
-  o5 as useTimeAndDate,
-  le as useTouchpanelKey,
-  Xe as useTwoWayDisplayBase,
+  fe as useTheme,
+  n5 as useTimeAndDate,
+  ie as useTouchpanelKey,
+  Qe as useTwoWayDisplayBase,
   n8 as useUserCode,
   b as useWebsocketContext,
   j3 as useWsIsConnected