@pepperdash/mobile-control-react-app-core 1.15.0 → 1.17.0

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

@@ -1,14 +1,14 @@
 var q3 = Object.defineProperty;
 var Y3 = (t, e, s) => e in t ? q3(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
-var V = (t, e, s) => (Y3(t, typeof e != "symbol" ? e + "" : e, s), s);
+var H = (t, e, s) => (Y3(t, typeof e != "symbol" ? e + "" : e, s), s);
 import z3, { AxiosError as J3 } from "axios";
 import { useDispatch as X3, useSelector as Q3, Provider as N3 } from "react-redux";
 import { createSlice as d1, combineReducers as e2, configureStore as t2, createSelector as o2 } from "@reduxjs/toolkit";
 import * as a3 from "lodash";
-import u3, { createContext as s2, useState as H, useRef as u1, useCallback as c1, useEffect as t1, useContext as n2, useLayoutEffect as d3 } from "react";
+import u3, { createContext as s2, useState as F, useRef as u1, useCallback as c1, useEffect as t1, useContext as n2, useLayoutEffect as d3 } from "react";
 import { useNavigate as r2, useRouteError as c2, isRouteErrorResponse as l2 } from "react-router-dom";
 const i2 = X3.withTypes(), w = Q3.withTypes(), a2 = () => w((t) => t.appConfig.config), K8 = () => w((t) => t.appConfig.config.apiPath), u2 = () => w((t) => t.devices);
-function T(t) {
+function L(t) {
   return w((e) => e.devices[t] ? e.devices[t] : void 0);
 }
 const d2 = {
@@ -118,7 +118,7 @@ const d2 = {
       t.touchpanelKey = e.payload;
     }
   }
-}), F = f3.actions, p2 = f3.reducer, x2 = {
+}), U = f3.actions, p2 = f3.reducer, x2 = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -159,14 +159,14 @@ const d2 = {
       t.theme = e.payload;
     }
   }
-}), q = w3.actions, m2 = w3.reducer, M2 = e2({
+}), q = w3.actions, M2 = w3.reducer, m2 = e2({
   appConfig: v2,
   runtimeConfig: p2,
   rooms: f2,
   devices: g2,
-  ui: m2
-}), M = t2({
-  reducer: M2
+  ui: M2
+}), m = t2({
+  reducer: m2
 }), G8 = (t) => w(
   (e) => {
     var s;
@@ -213,8 +213,8 @@ const d2 = {
   }
 ), N8 = (t) => w(
   (e) => {
-    var s, r, c, u, i, g, f, p;
-    return (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) != null && r.destinationList.programAudio ? (i = (u = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : u.destinationList.programAudio) == null ? void 0 : i.sinkKey : ((p = (f = (g = e.rooms[t]) == null ? void 0 : g.configuration) == null ? void 0 : f.destinationList.defaultDisplay) == null ? void 0 : p.sinkKey) || "";
+    var s, r, c, u, i, h, f, p;
+    return (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) != null && r.destinationList.programAudio ? (i = (u = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : u.destinationList.programAudio) == null ? void 0 : i.sinkKey : ((p = (f = (h = e.rooms[t]) == null ? void 0 : h.configuration) == null ? void 0 : f.destinationList.defaultDisplay) == null ? void 0 : p.sinkKey) || "";
   }
 ), e6 = (t) => w(
   (e) => {
@@ -266,7 +266,7 @@ const d2 = {
     const c = Object.entries(r).filter(([i]) => i !== "programAudio" && i !== "codecContent").map(([, i]) => i);
     return Object.values(s).filter((i) => Object.values(c).includes(i.key));
   }
-)(M.getState(), t), i6 = (t) => w(
+)(m.getState(), t), i6 = (t) => w(
   (e) => {
     var s, r;
     return e.rooms[t] ? (r = (s = e.rooms[t]) == null ? void 0 : s.configuration) == null ? void 0 : r.zoomRoomControllerKey : void 0;
@@ -281,19 +281,19 @@ const d2 = {
 }), w6 = (t, e) => w((s) => {
   var r;
   return (r = s.ui.popoverVisibility[t]) == null ? void 0 : r[e];
-}), E2 = () => w((t) => t.ui.error), _2 = () => w((t) => t.ui.showReconnect), p6 = () => w((t) => t.ui.theme), T1 = z3.create();
+}), E2 = () => w((t) => t.ui.error), _2 = () => w((t) => t.ui.showReconnect), p6 = () => w((t) => t.ui.theme), P1 = z3.create();
 function L2() {
   const t = i2();
   return async () => {
     try {
       const e = location.pathname.split("/").filter((c) => c.length > 0);
       e.length >= 5 ? e.length = 5 : e.length = 2;
-      const s = `/${e.join("/")}`, r = await T1.get("/_local-config/_config.local.json", { baseURL: s });
+      const s = `/${e.join("/")}`, r = await P1.get("/_local-config/_config.local.json", { baseURL: s });
       if (r.status == 200 && r.data) {
         const c = r.data.apiPath;
         t(h2.setAppConfig(r.data));
-        const u = await T1.get(`${c}/version`);
-        u.status == 200 && u.data && t(F.setRuntimeConfig(u.data));
+        const u = await P1.get(`${c}/version`);
+        u.status == 200 && u.data && t(U.setRuntimeConfig(u.data));
       }
     } catch (e) {
       console.error("Error getting config", e);
@@ -312,9 +312,9 @@ var $1 = { exports: {} }, l1 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var c3;
-function T2() {
+function P2() {
   return c3 || (c3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = u3, e = Symbol.for("react.element"), s = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), g = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), O = Symbol.iterator, z = "@@iterator";
+    var t = u3, e = Symbol.for("react.element"), s = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), h = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), O = Symbol.iterator, z = "@@iterator";
     function o1(n) {
       if (n === null || typeof n != "object")
         return null;
@@ -322,46 +322,46 @@ function T2() {
       return typeof l == "function" ? l : null;
     }
     var $ = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function L(n) {
+    function P(n) {
       {
-        for (var l = arguments.length, a = new Array(l > 1 ? l - 1 : 0), h = 1; h < l; h++)
-          a[h - 1] = arguments[h];
+        for (var l = arguments.length, a = new Array(l > 1 ? l - 1 : 0), v = 1; v < l; v++)
+          a[v - 1] = arguments[v];
         x1("error", n, a);
       }
     }
     function x1(n, l, a) {
       {
-        var h = $.ReactDebugCurrentFrame, C = h.getStackAddendum();
+        var v = $.ReactDebugCurrentFrame, C = v.getStackAddendum();
         C !== "" && (l += "%s", a = a.concat([C]));
-        var S = a.map(function(m) {
-          return String(m);
+        var S = a.map(function(M) {
+          return String(M);
         });
         S.unshift("Warning: " + l), Function.prototype.apply.call(console[n], console, S);
       }
     }
-    var m1 = !1, y = !1, j = !1, h1 = !1, M1 = !1, K;
+    var M1 = !1, y = !1, j = !1, h1 = !1, m1 = !1, K;
     K = Symbol.for("react.module.reference");
     function A(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === r || n === u || M1 || n === c || n === p || n === d || h1 || n === W || m1 || y || j || typeof n == "object" && n !== null && (n.$$typeof === P || n.$$typeof === b || n.$$typeof === i || n.$$typeof === g || n.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof n == "string" || typeof n == "function" || n === r || n === u || m1 || n === c || n === p || n === d || h1 || n === W || M1 || y || j || typeof n == "object" && n !== null && (n.$$typeof === T || n.$$typeof === I || n.$$typeof === i || n.$$typeof === h || n.$$typeof === f || // 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 === K || n.getModuleId !== void 0));
     }
     function R(n, l, a) {
-      var h = n.displayName;
-      if (h)
-        return h;
+      var v = n.displayName;
+      if (v)
+        return v;
       var C = l.displayName || l.name || "";
       return C !== "" ? a + "(" + C + ")" : a;
     }
     function J(n) {
       return n.displayName || "Context";
     }
-    function k(n) {
+    function V(n) {
       if (n == null)
         return null;
-      if (typeof n.tag == "number" && L("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
+      if (typeof n.tag == "number" && P("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;
@@ -381,7 +381,7 @@ function T2() {
       }
       if (typeof n == "object")
         switch (n.$$typeof) {
-          case g:
+          case h:
             var l = n;
             return J(l) + ".Consumer";
           case i:
@@ -389,13 +389,13 @@ function T2() {
             return J(a._context) + ".Provider";
           case f:
             return R(n, n.render, "ForwardRef");
-          case b:
-            var h = n.displayName || null;
-            return h !== null ? h : k(n.type) || "Memo";
-          case P: {
-            var C = n, S = C._payload, m = C._init;
+          case I:
+            var v = n.displayName || null;
+            return v !== null ? v : V(n.type) || "Memo";
+          case T: {
+            var C = n, S = C._payload, M = C._init;
             try {
-              return k(m(S));
+              return V(M(S));
             } catch {
               return null;
             }
@@ -403,14 +403,14 @@ function T2() {
         }
       return null;
     }
-    var G = Object.assign, s1 = 0, A1, B1, O1, V1, k1, U1, W1;
+    var G = Object.assign, s1 = 0, A1, B1, O1, V1, k1, W1, U1;
     function F1() {
     }
     F1.__reactDisabledLog = !0;
-    function M3() {
+    function m3() {
       {
         if (s1 === 0) {
-          A1 = console.log, B1 = console.info, O1 = console.warn, V1 = console.error, k1 = console.group, U1 = console.groupCollapsed, W1 = console.groupEnd;
+          A1 = console.log, B1 = console.info, O1 = console.warn, V1 = console.error, k1 = console.group, W1 = console.groupCollapsed, U1 = console.groupEnd;
           var n = {
             configurable: !0,
             enumerable: !0,
@@ -455,14 +455,14 @@ function T2() {
               value: k1
             }),
             groupCollapsed: G({}, n, {
-              value: U1
+              value: W1
             }),
             groupEnd: G({}, n, {
-              value: W1
+              value: U1
             })
           });
         }
-        s1 < 0 && L("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        s1 < 0 && P("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var Z1 = $.ReactCurrentDispatcher, j1;
@@ -472,8 +472,8 @@ function T2() {
           try {
             throw Error();
           } catch (C) {
-            var h = C.stack.trim().match(/\n( *(at )?)/);
-            j1 = h && h[1] || "";
+            var v = C.stack.trim().match(/\n( *(at )?)/);
+            j1 = v && v[1] || "";
           }
         return `
 ` + j1 + n;
@@ -492,48 +492,48 @@ function T2() {
         if (a !== void 0)
           return a;
       }
-      var h;
+      var v;
       C1 = !0;
       var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var S;
-      S = Z1.current, Z1.current = null, M3();
+      S = Z1.current, Z1.current = null, m3();
       try {
         if (l) {
-          var m = function() {
+          var M = function() {
             throw Error();
           };
-          if (Object.defineProperty(m.prototype, "props", {
+          if (Object.defineProperty(M.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(m, []);
+              Reflect.construct(M, []);
             } catch (B) {
-              h = B;
+              v = B;
             }
-            Reflect.construct(n, [], m);
+            Reflect.construct(n, [], M);
           } else {
             try {
-              m.call();
+              M.call();
             } catch (B) {
-              h = B;
+              v = B;
             }
-            n.call(m.prototype);
+            n.call(M.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (B) {
-            h = B;
+            v = B;
           }
           n();
         }
       } catch (B) {
-        if (B && h && typeof B.stack == "string") {
+        if (B && v && typeof B.stack == "string") {
           for (var x = B.stack.split(`
-`), D = h.stack.split(`
+`), D = v.stack.split(`
 `), E = x.length - 1, _ = D.length - 1; E >= 1 && _ >= 0 && x[E] !== D[_]; )
             _--;
           for (; E >= 1 && _ >= 0; E--, _--)
@@ -541,9 +541,9 @@ function T2() {
               if (E !== 1 || _ !== 1)
                 do
                   if (E--, _--, _ < 0 || x[E] !== D[_]) {
-                    var U = `
+                    var k = `
 ` + x[E].replace(" at new ", " at ");
-                    return n.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", n.displayName)), typeof n == "function" && g1.set(n, U), U;
+                    return n.displayName && k.includes("<anonymous>") && (k = k.replace("<anonymous>", n.displayName)), typeof n == "function" && g1.set(n, k), k;
                   }
                 while (E >= 1 && _ >= 0);
               break;
@@ -579,10 +579,10 @@ function T2() {
         switch (n.$$typeof) {
           case f:
             return C3(n.render);
-          case b:
+          case I:
             return f1(n.type, l, a);
-          case P: {
-            var h = n, C = h._payload, S = h._init;
+          case T: {
+            var v = n, C = v._payload, S = v._init;
             try {
               return f1(S(C), l, a);
             } catch {
@@ -599,22 +599,22 @@ function T2() {
       } else
         G1.setExtraStackFrame(null);
     }
-    function b3(n, l, a, h, C) {
+    function b3(n, l, a, v, C) {
       {
         var S = Function.call.bind(n1);
-        for (var m in n)
-          if (S(n, m)) {
+        for (var M in n)
+          if (S(n, M)) {
             var x = void 0;
             try {
-              if (typeof n[m] != "function") {
-                var D = Error((h || "React class") + ": " + a + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof n[M] != "function") {
+                var D = Error((v || "React class") + ": " + a + " type `" + M + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[M] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw D.name = "Invariant Violation", D;
               }
-              x = n[m](l, m, h, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              x = n[M](l, M, v, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (E) {
               x = E;
             }
-            x && !(x instanceof Error) && (w1(C), L("%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).", h || "React class", a, m, typeof x), w1(null)), x instanceof Error && !(x.message in K1) && (K1[x.message] = !0, w1(C), L("Failed %s type: %s", a, x.message), w1(null));
+            x && !(x instanceof Error) && (w1(C), P("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", a, M, typeof x), w1(null)), x instanceof Error && !(x.message in K1) && (K1[x.message] = !0, w1(C), P("Failed %s type: %s", a, x.message), w1(null));
           }
       }
     }
@@ -640,7 +640,7 @@ function T2() {
     }
     function Y1(n) {
       if (R3(n))
-        return L("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", y3(n)), q1(n);
+        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", y3(n)), q1(n);
     }
     var r1 = $.ReactCurrentOwner, E3 = {
       key: !0,
@@ -665,16 +665,16 @@ function T2() {
       }
       return n.key !== void 0;
     }
-    function T3(n, l) {
+    function P3(n, l) {
       if (typeof n.ref == "string" && r1.current && l && r1.current.stateNode !== l) {
-        var a = k(r1.current.type);
-        b1[a] || (L('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', k(r1.current.type), n.ref), b1[a] = !0);
+        var a = V(r1.current.type);
+        b1[a] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', V(r1.current.type), n.ref), b1[a] = !0);
       }
     }
     function $3(n, l) {
       {
         var a = function() {
-          z1 || (z1 = !0, L("%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));
+          z1 || (z1 = !0, P("%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));
         };
         a.isReactWarning = !0, Object.defineProperty(n, "key", {
           get: a,
@@ -682,10 +682,10 @@ function T2() {
         });
       }
     }
-    function P3(n, l) {
+    function T3(n, l) {
       {
         var a = function() {
-          J1 || (J1 = !0, L("%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));
+          J1 || (J1 = !0, P("%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));
         };
         a.isReactWarning = !0, Object.defineProperty(n, "ref", {
           get: a,
@@ -693,7 +693,7 @@ function T2() {
         });
       }
     }
-    var D3 = function(n, l, a, h, C, S, m) {
+    var D3 = function(n, l, a, v, C, S, M) {
       var x = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
@@ -701,7 +701,7 @@ function T2() {
         type: n,
         key: l,
         ref: a,
-        props: m,
+        props: M,
         // Record the component responsible for creating this element.
         _owner: S
       };
@@ -714,7 +714,7 @@ function T2() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: h
+        value: v
       }), Object.defineProperty(x, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -722,22 +722,22 @@ function T2() {
         value: C
       }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function A3(n, l, a, h, C) {
+    function A3(n, l, a, v, C) {
       {
-        var S, m = {}, x = null, D = null;
-        a !== void 0 && (Y1(a), x = "" + a), L3(l) && (Y1(l.key), x = "" + l.key), _3(l) && (D = l.ref, T3(l, C));
+        var S, M = {}, x = null, D = null;
+        a !== void 0 && (Y1(a), x = "" + a), L3(l) && (Y1(l.key), x = "" + l.key), _3(l) && (D = l.ref, P3(l, C));
         for (S in l)
-          n1.call(l, S) && !E3.hasOwnProperty(S) && (m[S] = l[S]);
+          n1.call(l, S) && !E3.hasOwnProperty(S) && (M[S] = l[S]);
         if (n && n.defaultProps) {
           var E = n.defaultProps;
           for (S in E)
-            m[S] === void 0 && (m[S] = E[S]);
+            M[S] === void 0 && (M[S] = E[S]);
         }
         if (x || D) {
           var _ = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
-          x && $3(m, _), D && P3(m, _);
+          x && $3(M, _), D && T3(M, _);
         }
-        return D3(n, x, D, C, h, r1.current, m);
+        return D3(n, x, D, C, v, r1.current, M);
       }
     }
     var I1 = $.ReactCurrentOwner, X1 = $.ReactDebugCurrentFrame;
@@ -756,7 +756,7 @@ function T2() {
     function Q1() {
       {
         if (I1.current) {
-          var n = k(I1.current.type);
+          var n = V(I1.current.type);
           if (n)
             return `
 
@@ -798,8 +798,8 @@ Check the top-level render call using <` + a + ">.");
         if (N1[a])
           return;
         N1[a] = !0;
-        var h = "";
-        n && n._owner && n._owner !== I1.current && (h = " It was passed a child from " + k(n._owner.type) + "."), X(n), L('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, h), X(null);
+        var v = "";
+        n && n._owner && n._owner !== I1.current && (v = " It was passed a child from " + V(n._owner.type) + "."), X(n), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, v), X(null);
       }
     }
     function t3(n, l) {
@@ -808,16 +808,16 @@ Check the top-level render call using <` + a + ">.");
           return;
         if (S1(n))
           for (var a = 0; a < n.length; a++) {
-            var h = n[a];
-            R1(h) && e3(h, l);
+            var v = n[a];
+            R1(v) && e3(v, l);
           }
         else if (R1(n))
           n._store && (n._store.validated = !0);
         else if (n) {
           var C = o1(n);
           if (typeof C == "function" && C !== n.entries)
-            for (var S = C.call(n), m; !(m = S.next()).done; )
-              R1(m.value) && e3(m.value, l);
+            for (var S = C.call(n), M; !(M = S.next()).done; )
+              R1(M.value) && e3(M.value, l);
         }
       }
     }
@@ -831,68 +831,68 @@ Check the top-level render call using <` + a + ">.");
           a = l.propTypes;
         else if (typeof l == "object" && (l.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        l.$$typeof === b))
+        l.$$typeof === I))
           a = l.propTypes;
         else
           return;
         if (a) {
-          var h = k(l);
-          b3(a, n.props, "prop", h, n);
+          var v = V(l);
+          b3(a, n.props, "prop", v, n);
         } else if (l.PropTypes !== void 0 && !y1) {
           y1 = !0;
-          var C = k(l);
-          L("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
+          var C = V(l);
+          P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
         }
-        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && L("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && P("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function k3(n) {
       {
         for (var l = Object.keys(n.props), a = 0; a < l.length; a++) {
-          var h = l[a];
-          if (h !== "children" && h !== "key") {
-            X(n), L("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), X(null);
+          var v = l[a];
+          if (v !== "children" && v !== "key") {
+            X(n), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), X(null);
             break;
           }
         }
-        n.ref !== null && (X(n), L("Invalid attribute `ref` supplied to `React.Fragment`."), X(null));
+        n.ref !== null && (X(n), P("Invalid attribute `ref` supplied to `React.Fragment`."), X(null));
       }
     }
     var o3 = {};
-    function s3(n, l, a, h, C, S) {
+    function s3(n, l, a, v, C, S) {
       {
-        var m = A(n);
-        if (!m) {
+        var M = A(n);
+        if (!M) {
           var x = "";
           (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (x += " 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 D = B3(C);
           D ? x += D : x += Q1();
           var E;
-          n === null ? E = "null" : S1(n) ? E = "array" : n !== void 0 && n.$$typeof === e ? (E = "<" + (k(n.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : E = typeof n, L("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, x);
+          n === null ? E = "null" : S1(n) ? E = "array" : n !== void 0 && n.$$typeof === e ? (E = "<" + (V(n.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : E = typeof n, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, x);
         }
         var _ = A3(n, l, a, C, S);
         if (_ == null)
           return _;
-        if (m) {
-          var U = l.children;
-          if (U !== void 0)
-            if (h)
-              if (S1(U)) {
-                for (var Q = 0; Q < U.length; Q++)
-                  t3(U[Q], n);
-                Object.freeze && Object.freeze(U);
+        if (M) {
+          var k = l.children;
+          if (k !== void 0)
+            if (v)
+              if (S1(k)) {
+                for (var Q = 0; Q < k.length; Q++)
+                  t3(k[Q], n);
+                Object.freeze && Object.freeze(k);
               } else
-                L("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                P("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
-              t3(U, n);
+              t3(k, n);
         }
         if (n1.call(l, "key")) {
-          var Y = k(n), B = Object.keys(l).filter(function(G3) {
+          var Y = V(n), B = Object.keys(l).filter(function(G3) {
             return G3 !== "key";
           }), E1 = B.length > 0 ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!o3[Y + E1]) {
             var K3 = B.length > 0 ? "{" + B.join(": ..., ") + ": ...}" : "{}";
-            L(`A props object containing a "key" prop is being spread into JSX:
+            P(`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:
@@ -903,13 +903,13 @@ React keys must be passed directly to JSX without using spread:
         return n === r ? k3(_) : V3(_), _;
       }
     }
-    function U3(n, l, a) {
+    function W3(n, l, a) {
       return s3(n, l, a, !0);
     }
-    function W3(n, l, a) {
+    function U3(n, l, a) {
       return s3(n, l, a, !1);
     }
-    var F3 = W3, H3 = U3;
+    var F3 = U3, H3 = W3;
     l1.Fragment = r, l1.jsx = F3, l1.jsxs = H3;
   }()), l1;
 }
@@ -929,24 +929,24 @@ function $2() {
     return i1;
   l3 = 1;
   var t = u3, e = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, c = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(g, f, p) {
-    var d, b = {}, P = null, W = null;
-    p !== void 0 && (P = "" + p), f.key !== void 0 && (P = "" + f.key), f.ref !== void 0 && (W = f.ref);
+  function i(h, f, p) {
+    var d, I = {}, T = null, W = null;
+    p !== void 0 && (T = "" + p), f.key !== void 0 && (T = "" + f.key), f.ref !== void 0 && (W = f.ref);
     for (d in f)
-      r.call(f, d) && !u.hasOwnProperty(d) && (b[d] = f[d]);
-    if (g && g.defaultProps)
-      for (d in f = g.defaultProps, f)
-        b[d] === void 0 && (b[d] = f[d]);
-    return { $$typeof: e, type: g, key: P, ref: W, props: b, _owner: c.current };
+      r.call(f, d) && !u.hasOwnProperty(d) && (I[d] = f[d]);
+    if (h && h.defaultProps)
+      for (d in f = h.defaultProps, f)
+        I[d] === void 0 && (I[d] = f[d]);
+    return { $$typeof: e, type: h, key: T, ref: W, props: I, _owner: c.current };
   }
   return i1.Fragment = s, i1.jsx = i, i1.jsxs = i, i1;
 }
-process.env.NODE_ENV === "production" ? $1.exports = $2() : $1.exports = T2();
+process.env.NODE_ENV === "production" ? $1.exports = $2() : $1.exports = P2();
 var o = $1.exports;
-const P2 = "_mwfit_ppa3l_1", D2 = {
-  mwfit: P2
+const T2 = "_mwfit_ppa3l_1", D2 = {
+  mwfit: T2
 }, A2 = () => {
-  const { reconnect: t } = I(), e = E2(), s = _2();
+  const { reconnect: t } = b(), e = E2(), s = _2();
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsxs("div", { className: `disconnected-message ${D2.mwfit} mx-auto text-center`, children: [
     /* @__PURE__ */ o.jsx("h1", { children: "Disconnected" }),
     e && /* @__PURE__ */ o.jsx("h5", { children: e }),
@@ -955,10 +955,10 @@ const P2 = "_mwfit_ppa3l_1", D2 = {
 };
 class B2 {
   constructor() {
-    V(this, "uuid", "current-uuid");
-    V(this, "roomKey", "current-room-key");
-    V(this, "code", "current-code");
-    V(this, "expiry", "current-uuid-expires");
+    H(this, "uuid", "current-uuid");
+    H(this, "roomKey", "current-room-key");
+    H(this, "code", "current-code");
+    H(this, "expiry", "current-uuid-expires");
   }
 }
 const i3 = new B2(), p3 = s2({
@@ -975,32 +975,32 @@ function V2(t, e) {
   sessionStorage.setItem(t, e);
 }
 const k2 = ({ children: t }) => {
-  const [e, s] = H(), r = C2(), c = S2(), u = b2(), i = L2(), g = a2(), f = I2(), p = y2(), d = R2(), b = u1(null), [P, W] = H(), O = u1({}), z = c1(
+  const [e, s] = F(), r = C2(), c = S2(), u = b2(), i = L2(), h = a2(), f = I2(), p = y2(), d = R2(), I = u1(null), [T, W] = F(), O = u1({}), z = c1(
     async (y) => {
       try {
-        const j = await T1.get(`${y}/ui/joinroom?token=${e}`);
-        return j.status === 200 && j.data ? (M.dispatch(F.setRoomData(j.data)), !0) : !1;
+        const j = await P1.get(`${y}/ui/joinroom?token=${e}`);
+        return j.status === 200 && j.data ? (m.dispatch(U.setRoomData(j.data)), !0) : !1;
       } catch (j) {
-        return console.log(j), d ? !0 : j instanceof J3 && j.response && j.response.status === 498 ? (console.error("Invalid token. Unable to join room"), M.dispatch(q.setErrorMessage(`Token ${e} is invalid. Unable to join room`)), !1) : (console.error("Error getting room data", j), j instanceof Error ? M.dispatch(q.setErrorMessage(j.message)) : M.dispatch(q.setErrorMessage("Error getting room data")), !1);
+        return console.log(j), d ? !0 : j instanceof J3 && j.response && j.response.status === 498 ? (console.error("Invalid token. Unable to join room"), m.dispatch(q.setErrorMessage(`Token ${e} is invalid. Unable to join room`)), !1) : (console.error("Error getting room data", j), j instanceof Error ? m.dispatch(q.setErrorMessage(j.message)) : m.dispatch(q.setErrorMessage("Error getting room data")), !1);
       }
     },
     [e, d]
   ), o1 = c1(() => {
-    const y = `${g.gatewayAppPath}?uuid=${f}&roomKey=${c}`;
+    const y = `${h.gatewayAppPath}?uuid=${f}&roomKey=${c}`;
     window.location.href = p ? `${y}&Code=${p}` : y;
-  }, [g.gatewayAppPath, c, f, p]), $ = c1(
+  }, [h.gatewayAppPath, c, f, p]), $ = c1(
     (y, j) => {
-      b.current && r && b.current.send(JSON.stringify({ type: y, clientId: u, content: j }));
+      I.current && r && I.current.send(JSON.stringify({ type: y, clientId: u, content: j }));
     },
     [r, u]
-  ), L = (y, j) => {
+  ), P = (y, j) => {
     $(y, { value: j });
   }, x1 = c1(
     (y, j, h1) => {
       O.current[y] || (O.current[y] = {}), O.current[y][j] = h1, console.log("event handler added", y, j);
     },
     []
-  ), m1 = c1((y, j) => {
+  ), M1 = c1((y, j) => {
     O.current[y] && (delete O.current[y][j], console.log("event handler removed", y, j));
   }, []);
   return t1(() => {
@@ -1008,33 +1008,33 @@ const k2 = ({ children: t }) => {
     j ? (console.log("saving token: ", j), V2(i3.uuid, j)) : (j = O2(i3.uuid), console.log("loading token: ", j)), s(j), i();
   }, []), t1(() => {
     async function y() {
-      if (console.log("effect is running"), !(!g.apiPath || P || !e || !await z(g.apiPath)) && !b.current) {
+      if (console.log("effect is running"), !(!h.apiPath || T || !e || !await z(h.apiPath)) && !I.current) {
         console.log("connecting to websocket");
-        const M1 = `${g.apiPath.replace("http", "ws")}/ui/join/${e}`, K = new WebSocket(M1);
-        b.current = K, K.onopen = (A) => {
-          console.log("connected", A.type, A.target), M.dispatch(F.setWebsocketIsConnected(!0));
+        const m1 = `${h.apiPath.replace("http", "ws")}/ui/join/${e}`, K = new WebSocket(m1);
+        I.current = K, K.onopen = (A) => {
+          console.log("connected", A.type, A.target), m.dispatch(U.setWebsocketIsConnected(!0));
         }, K.onerror = (A) => {
           console.log(A);
         }, K.onclose = (A) => {
           if (console.log("disconnected: ", A.reason, A.code), A.code === 4e3) {
-            console.log("user code changed"), M.dispatch(F.setUserCode({ userCode: "", qrUrl: "" })), M.dispatch(q.setErrorMessage("User code changed. Click reconnect to enter the new code")), M.dispatch(q.setShowReconnect(!0)), M.dispatch(F.setWebsocketIsConnected(!1)), M.dispatch(N.clearDevices()), M.dispatch(e1.clearRooms());
+            console.log("user code changed"), m.dispatch(U.setUserCode({ userCode: "", qrUrl: "" })), m.dispatch(q.setErrorMessage("User code changed. Click reconnect to enter the new code")), m.dispatch(q.setShowReconnect(!0)), m.dispatch(U.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
             return;
           }
           if (A.code === 4001 && !d) {
-            console.log("processor disconnected"), M.dispatch(q.setErrorMessage("Processor has disconnected. Click Reconnect")), M.dispatch(q.setShowReconnect(!0)), M.dispatch(F.setWebsocketIsConnected(!1)), M.dispatch(N.clearDevices()), M.dispatch(e1.clearRooms());
+            console.log("processor disconnected"), m.dispatch(q.setErrorMessage("Processor has disconnected. Click Reconnect")), m.dispatch(q.setShowReconnect(!0)), m.dispatch(U.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
             return;
           }
           if (A.code === 4002) {
-            console.log("room combination changed"), M.dispatch(q.setErrorMessage("Room combination changed. Click Reconnect to re-join the room")), M.dispatch(q.setShowReconnect(!0)), M.dispatch(F.setWebsocketIsConnected(!1)), M.dispatch(N.clearDevices()), M.dispatch(e1.clearRooms());
+            console.log("room combination changed"), m.dispatch(q.setErrorMessage("Room combination changed. Click Reconnect to re-join the room")), m.dispatch(q.setShowReconnect(!0)), m.dispatch(U.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
             return;
           }
-          if (b.current)
+          if (I.current)
             console.log("WebSocket closed by server.");
           else {
             console.log("WebSocket closed by client.");
             return;
           }
-          P || (M.dispatch(F.setWebsocketIsConnected(!1)), M.dispatch(N.clearDevices()), M.dispatch(e1.clearRooms()), W(!0), setTimeout(() => W(void 0), 5e3));
+          T || (m.dispatch(U.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms()), W(!0), setTimeout(() => W(void 0), 5e3));
         }, K.onmessage = (A) => {
           try {
             const R = JSON.parse(A.data);
@@ -1045,23 +1045,23 @@ const k2 = ({ children: t }) => {
             if (R.type.startsWith("/system/"))
               switch (R.type) {
                 case "/system/touchpanelKey":
-                  M.dispatch(
-                    F.setTouchpanelKey(
+                  m.dispatch(
+                    U.setTouchpanelKey(
                       R.content
                     )
                   );
                   break;
                 case "/system/roomKey": {
-                  M.dispatch(e1.clearRooms()), M.dispatch(N.clearDevices()), M.dispatch(
-                    F.setCurrentRoomKey(
+                  m.dispatch(e1.clearRooms()), m.dispatch(N.clearDevices()), m.dispatch(
+                    U.setCurrentRoomKey(
                       R.content
                     )
                   );
                   break;
                 }
                 case "/system/userCodeChanged":
-                  M.dispatch(
-                    F.setUserCode(
+                  m.dispatch(
+                    U.setUserCode(
                       R.content
                     )
                   );
@@ -1076,15 +1076,15 @@ const k2 = ({ children: t }) => {
             else if (R.type.startsWith("/event/")) {
               console.log("event message received", R);
               const J = O.current[R.type];
-              J || console.log("no handlers found for event type", R.type), J && Object.values(J).forEach((k) => {
+              J || console.log("no handlers found for event type", R.type), J && Object.values(J).forEach((V) => {
                 try {
-                  k(R);
+                  V(R);
                 } catch (G) {
                   console.error(G);
                 }
               });
             } else
-              R.type.startsWith("/room/") ? M.dispatch(e1.setRoomState(R)) : R.type.startsWith("/device/") && M.dispatch(N.setDeviceState(R));
+              R.type.startsWith("/room/") ? m.dispatch(e1.setRoomState(R)) : R.type.startsWith("/device/") && m.dispatch(N.setDeviceState(R));
           } catch (R) {
             console.log(R);
           }
@@ -1092,28 +1092,28 @@ const k2 = ({ children: t }) => {
       }
     }
     return y(), () => {
-      b.current && b.current.close(), b.current = null;
+      I.current && I.current.close(), I.current = null;
     };
-  }, [g.apiPath, z, e, P, d]), t1(() => {
+  }, [h.apiPath, z, e, T, d]), t1(() => {
     !c || !r || (console.log("clientId: ", u), u && (console.log("requesting status from room: ", c), $(`/room/${c}/status`, null)));
   }, [c, u, r, $]), /* @__PURE__ */ o.jsx(
     p3.Provider,
     {
       value: {
         sendMessage: $,
-        sendSimpleMessage: L,
+        sendSimpleMessage: P,
         addEventHandler: x1,
-        removeEventHandler: m1,
+        removeEventHandler: M1,
         reconnect: o1
       },
       children: r ? t : /* @__PURE__ */ o.jsx(A2, {})
     }
   );
-}, x6 = ({ children: t }) => /* @__PURE__ */ o.jsx(N3, { store: M, children: /* @__PURE__ */ o.jsx(k2, { children: t }) });
-function I() {
+}, x6 = ({ children: t }) => /* @__PURE__ */ o.jsx(N3, { store: m, children: /* @__PURE__ */ o.jsx(k2, { children: t }) });
+function b() {
   return n2(p3);
 }
-function U2({
+function W2({
   onPress: t,
   onRelease: e,
   onHold: s,
@@ -1125,20 +1125,20 @@ function U2({
       s == null || s(), c.current = null;
     }, r);
   }
-  function g() {
+  function h() {
     u.current = !1, e == null || e(), c.current && (clearTimeout(c.current), c.current = null);
   }
   function f() {
-    u.current && g();
+    u.current && h();
   }
   return {
     onPointerDown: i,
-    onPointerUp: g,
+    onPointerUp: h,
     onPointerLeave: f
   };
 }
-function v(t, e) {
-  const { sendMessage: r } = I(), c = u1(null);
+function g(t, e) {
+  const { sendMessage: r } = b(), c = u1(null);
   function u() {
     r(`${t}/${e}`, { value: "pressed" }), c.current || (c.current = setInterval(() => {
       r(`${t}/${e}`, { value: "held" });
@@ -1147,10 +1147,10 @@ function v(t, e) {
   function i() {
     c.current && (clearInterval(c.current), c.current = null), r(`${t}/${e}`, { value: "released" });
   }
-  return U2({ onPress: u, onRelease: i });
+  return W2({ onPress: u, onRelease: i });
 }
 function x3(t, e) {
-  const { sendMessage: s, sendSimpleMessage: r } = I(), c = v(`${t}`, "volumeUp"), u = v(`${t}`, "volumeDown");
+  const { sendMessage: s, sendSimpleMessage: r } = b(), c = g(`${t}`, "volumeUp"), u = g(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
     volumeUp: c,
@@ -1161,8 +1161,8 @@ function x3(t, e) {
     muteOff: () => s(`${t}/muteOff`, null)
   } : void 0;
 }
-function m6(t, e) {
-  const { sendMessage: s, sendSimpleMessage: r } = I(), c = v(`${t}`, "volumeUp"), u = v(`${t}`, "volumeDown");
+function M6(t, e) {
+  const { sendMessage: s, sendSimpleMessage: r } = b(), c = g(`${t}`, "volumeUp"), u = g(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
     volumeUp: c,
@@ -1173,12 +1173,12 @@ function m6(t, e) {
     muteOff: () => s(`${t}/muteOff`, null)
   } : void 0;
 }
-function W2(t) {
-  const e = T(t), s = `/device/${t}`;
+function U2(t) {
+  const e = L(t), s = `/device/${t}`;
   return x3(s, e == null ? void 0 : e.volume);
 }
-function m3(t) {
-  const { sendMessage: e } = I();
+function M3(t) {
+  const { sendMessage: e } = b();
   return { powerOn: () => {
     e(`/device/${t}/powerOn`, null);
   }, powerOff: () => {
@@ -1187,26 +1187,26 @@ function m3(t) {
     e(`/device/${t}/powerToggle`, null);
   } };
 }
-function P1(t) {
-  const { sendMessage: e } = I(), s = T(t);
+function T1(t) {
+  const { sendMessage: e } = b(), s = L(t);
   return console.log("deviceState", s), s ? { itemsState: s, selectItem: (c) => {
     e(`/device/${t}/${c}`, null);
   } } : void 0;
 }
 function F2(t) {
-  const { sendMessage: e } = I(), s = T(t), r = () => {
+  const { sendMessage: e } = b(), s = L(t), r = () => {
     e(`/device/${t}/setDefaultChannelLevels`, null);
   }, c = () => {
     if ((s == null ? void 0 : s.levelControls) === void 0)
       return;
-    Object.keys(s == null ? void 0 : s.levelControls).forEach((g) => {
-      e(`/device/${t}/${g}/fullStatus`, null);
+    Object.keys(s == null ? void 0 : s.levelControls).forEach((h) => {
+      e(`/device/${t}/${h}/fullStatus`, null);
     });
   };
   return s ? { levelControls: s.levelControls, setDefaultChannelLevels: r, getFullStatus: c } : void 0;
 }
-function M6(t) {
-  const e = T(t), s = m3(t), r = P1(t), c = P1(t), u = W2(t), i = F2(t);
+function m6(t) {
+  const e = L(t), s = M3(t), r = T1(t), c = T1(t), u = U2(t), i = F2(t);
   if (e)
     return {
       avrState: e,
@@ -1217,59 +1217,67 @@ function M6(t) {
       mainVolumeControl: u
     };
 }
-function Z6(t) {
-  const e = T(t);
+const Z6 = ({ className: t }) => {
+  const [e, s] = F();
+  return t1(() => {
+    setInterval(() => {
+      const r = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
+      s(r);
+    }, 1e3);
+  }, []), /* @__PURE__ */ o.jsxs("div", { className: t, children: [
+    e,
+    " new change"
+  ] });
+};
+function j6(t) {
+  const { sendMessage: e } = b(), s = L(t), r = `/device/${t}`;
+  return s ? { state: s, recallPreset: (i, h) => {
+    e(`${r}/recall`, { deviceKey: i, preset: h });
+  }, savePresets: (i) => {
+    e(`${r}/save`, i);
+  } } : void 0;
+}
+function C6(t) {
+  const e = L(t);
   if (e)
     return { endpointState: e };
 }
-function j6(t) {
-  const e = `/device/${t}`, s = v(e, "chanUp"), r = v(e, "chanDown"), c = v(e, "lastChan"), u = v(e, "guide"), i = v(e, "info"), g = v(e, "exit");
-  return { channelUp: s, channelDown: r, lastChannel: c, guide: u, info: i, exit: g };
+function S6(t) {
+  const e = `/device/${t}`, s = g(e, "chanUp"), r = g(e, "chanDown"), c = g(e, "lastChan"), u = g(e, "guide"), i = g(e, "info"), h = g(e, "exit");
+  return { channelUp: s, channelDown: r, lastChannel: c, guide: u, info: i, exit: h };
 }
-function C6(t) {
-  const e = `/device/${t}`, s = v(e, "red"), r = v(e, "green"), c = v(e, "yellow"), u = v(e, "blue");
+function b6(t) {
+  const e = `/device/${t}`, s = g(e, "red"), r = g(e, "green"), c = g(e, "yellow"), u = g(e, "blue");
   return { red: s, green: r, yellow: c, blue: u };
 }
-function S6(t) {
-  const e = T(t);
+function I6(t) {
+  const e = L(t);
   if (e)
     return {
       communicationMonitorState: e
     };
 }
-function b6(t) {
-  const e = `/device/${t}`, s = v(e, "up"), r = v(e, "down"), c = v(e, "left"), u = v(e, "right"), i = v(e, "select"), g = v(e, "menu"), f = v(e, "exit");
-  return { up: s, down: r, left: c, right: u, select: i, menu: g, exit: f };
+function y6(t) {
+  const e = `/device/${t}`, s = g(e, "up"), r = g(e, "down"), c = g(e, "left"), u = g(e, "right"), i = g(e, "select"), h = g(e, "menu"), f = g(e, "exit");
+  return { up: s, down: r, left: c, right: u, select: i, menu: h, exit: f };
 }
-function I6(t) {
-  const e = T(t);
+function R6(t) {
+  const e = L(t);
   if (e)
     return e.deviceInfo || void 0;
 }
-function y6(t) {
-  const { sendMessage: e } = I();
+function E6(t) {
+  const { sendMessage: e } = b();
   return { recallPreset: (r) => {
     e(`/device/${t}/recallPreset`, r);
   } };
 }
-function R6(t) {
-  const e = `/device/${t}`, s = v(e, "dvrList"), r = v(e, "record");
+function _6(t) {
+  const e = `/device/${t}`, s = g(e, "dvrList"), r = g(e, "record");
   return { dvrList: s, record: r };
 }
-const E6 = ({ className: t }) => {
-  const [e, s] = H();
-  return t1(() => {
-    setInterval(() => {
-      const r = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
-      s(r);
-    }, 1e3);
-  }, []), /* @__PURE__ */ o.jsxs("div", { className: t, children: [
-    e,
-    " new change"
-  ] });
-};
-function _6(t) {
-  const { sendMessage: e } = I(), s = T(t);
+function L6(t) {
+  const { sendMessage: e } = b(), s = L(t);
   return s ? { roomCombinerState: s, setAutoMode: () => {
     e(`/device/${t}/setAutoMode`, null);
   }, setManualMode: () => {
@@ -1282,70 +1290,76 @@ function _6(t) {
     e(`/device/${t}/setRoomCombinationScenario`, f);
   } } : void 0;
 }
-function L6(t) {
-  const { sendMessage: e, sendSimpleMessage: s } = I(), r = T(t), c = j2(t), u = r || c;
+function P6(t) {
+  const { sendMessage: e, sendSimpleMessage: s } = b(), r = L(t), c = j2(t), u = r || c;
   return u ? {
     levelState: u,
-    setLevel: (d, b) => s(`${d}/level`, b),
+    setLevel: (d, I) => s(`${d}/level`, I),
     muteToggle: (d) => e(`${d}/muteToggle`, null),
     muteOn: (d) => e(`${d}/muteOn`, null),
     muteOff: (d) => e(`${d}/muteOff`, null)
   } : void 0;
 }
-function T6(t) {
-  const { sendMessage: e } = I(), s = T(t);
+function $6(t) {
+  const { sendMessage: e } = b(), s = L(t);
   return s ? { lightingState: s, selectScene: (c) => {
     e(`/device/${t}/selectScene`, c);
   } } : void 0;
 }
-function $6(t) {
-  const { sendMessage: e } = I(), s = T(t);
+function T6(t) {
+  const { sendMessage: e } = b(), s = L(t);
   return s ? { matrixRoutingState: s, setRoute: (c) => {
     e(`/device/${t}/route`, c);
   } } : void 0;
 }
-function P6(t) {
-  const { sendMessage: e } = I();
+function D6(t) {
+  const { sendMessage: e } = b();
   return { closeApp: () => {
     e(`/device/${t}/closeWebViewController`, null);
   } };
 }
-function D6(t) {
-  const e = `/device/${t}`, s = v(e, "num0"), r = v(e, "num1"), c = v(e, "num2"), u = v(e, "num3"), i = v(e, "num4"), g = v(e, "num5"), f = v(e, "num6"), p = v(e, "num7"), d = v(e, "num8"), b = v(e, "num9"), P = v(e, "numDash"), W = v(e, "numEnter");
-  return { digit0: s, digit1: r, digit2: c, digit3: u, digit4: i, digit5: g, digit6: f, digit7: p, digit8: d, digit9: b, keypadAccessoryButton1: P, keypadAccessoryButton2: W };
-}
 function A6(t) {
-  const { sendMessage: e } = I(), s = T(t);
+  const e = `/device/${t}`, s = g(e, "num0"), r = g(e, "num1"), c = g(e, "num2"), u = g(e, "num3"), i = g(e, "num4"), h = g(e, "num5"), f = g(e, "num6"), p = g(e, "num7"), d = g(e, "num8"), I = g(e, "num9"), T = g(e, "numDash"), W = g(e, "numEnter");
+  return { digit0: s, digit1: r, digit2: c, digit3: u, digit4: i, digit5: h, digit6: f, digit7: p, digit8: d, digit9: I, keypadAccessoryButton1: T, keypadAccessoryButton2: W };
+}
+function B6(t) {
+  const { sendMessage: e } = b(), s = L(t);
   return s ? { projectorScreenLiftControlState: s, raise: () => {
     e(`/device/${t}/raise`, null);
   }, lower: () => {
     e(`/device/${t}/lower`, null);
   } } : void 0;
 }
-function B6(t) {
-  const { sendMessage: e } = I(), s = D1(t);
+function O6(t) {
+  const { sendMessage: e } = b(), s = D1(t);
   return s ? { roomEventScheduleState: s, save: (c) => {
     e(`/room/${t}/saveScheduledEvents`, c);
   } } : void 0;
 }
-function O6(t) {
-  const { sendMessage: e } = I();
+function V6(t) {
+  const { sendMessage: e } = b();
+  return { runDefaultPresentRoute: () => {
+    e(`/room/${t}/defaultsource`, {});
+  } };
+}
+function k6(t) {
+  const { sendMessage: e } = b();
   return { runDirectRoute: (r) => {
     e(`/room/${t}/directRoute`, r);
   } };
 }
-function V6(t) {
-  const { sendMessage: e } = I();
-  return { routingState: T(t), runRoute: (c) => {
+function W6(t) {
+  const { sendMessage: e } = b();
+  return { routingState: L(t), runRoute: (c) => {
     e(`/room/${t}/source`, c);
   } };
 }
-function k6(t) {
-  const e = `/device/${t}`, s = v(e, "chanUp"), r = v(e, "chanDown");
+function U6(t) {
+  const e = `/device/${t}`, s = g(e, "chanUp"), r = g(e, "chanDown");
   return { dvrList: s, replay: r };
 }
-function U6(t) {
-  const { sendMessage: e } = I(), s = T(t);
+function F6(t) {
+  const { sendMessage: e } = b(), s = L(t);
   return s ? { shadeState: s, shadeUp: () => {
     e(`/device/${t}/shadeUp`, null);
   }, shadeDown: () => {
@@ -1354,10 +1368,10 @@ function U6(t) {
     e(`/device/${t}/stopOrPreset`, null);
   } } : void 0;
 }
-function W6(t) {
-  const { sendMessage: e } = I(), s = D1(t);
-  return s ? { shutdownPromptTimerState: s, setShutdownPromptSeconds: (g) => {
-    e(`/room/${t}/setShutdownPromptSeconds`, g);
+function H6(t) {
+  const { sendMessage: e } = b(), s = D1(t);
+  return s ? { shutdownPromptTimerState: s, setShutdownPromptSeconds: (h) => {
+    e(`/room/${t}/setShutdownPromptSeconds`, h);
   }, shutdownStart: () => {
     e(`/room/${t}/shutdownStart`, null);
   }, shutdownEnd: () => {
@@ -1366,28 +1380,37 @@ function W6(t) {
     e(`/room/${t}/shutdownCancel`, null);
   } } : void 0;
 }
-function F6(t) {
-  const { sendMessage: e } = I(), s = T(t);
+function K6(t) {
+  const { sendMessage: e } = b(), s = L(t);
   return s ? { switchedOutputState: s, on: () => {
     e(`/device/${t}/on`, null);
   }, off: () => {
     e(`/device/${t}/off`, null);
   } } : void 0;
 }
-function H6(t) {
-  const { sendMessage: e } = I(), s = D1(t);
+function G6(t) {
+  const { sendMessage: e } = b(), s = D1(t);
   return s ? { techPasswordState: s, validatePassword: (u) => {
     e(`/room/${t}/validateTechPassword`, { password: u });
   }, setPassword: (u, i) => {
     e(`/room/${t}/setTechPassword`, { oldPassword: u, newPassword: i });
   } } : void 0;
 }
-function K6(t) {
-  const e = `/device/${t}`, s = v(e, "play"), r = v(e, "pause"), c = v(e, "stop"), u = v(e, "prevTrack"), i = v(e, "nextTrack"), g = v(e, "rewind"), f = v(e, "ffwd"), p = v(e, "record");
-  return { play: s, pause: r, stop: c, prevTrack: u, nextTrack: i, rewind: g, fastForward: f, record: p };
+function q6(t) {
+  const { sendMessage: e } = b(), s = L(t), r = (c) => {
+    e(`/device/${t}/saveTheme`, { value: c });
+  };
+  return {
+    currentTheme: s == null ? void 0 : s.theme,
+    saveTheme: r
+  };
 }
-function G6(t) {
-  const e = T(t), { sendMessage: s } = I();
+function Y6(t) {
+  const e = `/device/${t}`, s = g(e, "play"), r = g(e, "pause"), c = g(e, "stop"), u = g(e, "prevTrack"), i = g(e, "nextTrack"), h = g(e, "rewind"), f = g(e, "ffwd"), p = g(e, "record");
+  return { play: s, pause: r, stop: c, prevTrack: u, nextTrack: i, rewind: h, fastForward: f, record: p };
+}
+function z6(t) {
+  const e = L(t), { sendMessage: s } = b();
   return e ? {
     touchpanelState: e,
     appControl: { hideApp: () => {
@@ -1402,8 +1425,8 @@ function G6(t) {
     } }
   } : void 0;
 }
-function q6(t) {
-  const e = T(t), s = m3(t), r = P1(t);
+function J6(t) {
+  const e = L(t), s = M3(t), r = T1(t);
   if (!e)
     return;
   const c = (e.powerState || e.isWarming) && !e.isCooling, u = (!e.powerState || e.isCooling) && !e.isWarming;
@@ -1414,23 +1437,8 @@ function q6(t) {
     powerFb: { powerOnFb: c, powerOffFb: u }
   };
 }
-function Y6(t) {
-  const { sendMessage: e } = I();
-  return { runDefaultPresentRoute: () => {
-    e(`/room/${t}/defaultsource`, {});
-  } };
-}
-function z6(t) {
-  const { sendMessage: e } = I(), s = T(t), r = (c) => {
-    e(`/device/${t}/saveTheme`, { value: c });
-  };
-  return {
-    currentTheme: s == null ? void 0 : s.theme,
-    saveTheme: r
-  };
-}
-const J6 = ({ config: t }) => {
-  const { sendMessage: e } = I();
+const X6 = ({ config: t }) => {
+  const { sendMessage: e } = b();
   t1(() => {
     var r, c, u;
     if (!t)
@@ -1458,23 +1466,23 @@ const J6 = ({ config: t }) => {
     });
   }, [t, e]);
 };
-function X6(t, e) {
-  const [s, r] = H(!1), [c, u] = H(!1);
+function Q6(t, e) {
+  const [s, r] = F(!1), [c, u] = F(!1);
   return d3(() => {
-    const { current: i } = t, g = () => {
+    const { current: i } = t, h = () => {
       const f = i && i.scrollHeight > i.clientHeight, p = i && i.scrollWidth > i.clientWidth;
       u(f ?? !1), r(p ?? !1), e && e(f ?? !1, p ?? !1);
     };
-    i && g();
+    i && h();
   }, [t, e]), { overflowHorizontal: s, overflowVertical: c };
 }
-function Q6(t, e) {
+function N6(t, e) {
   const s = Z2(t, e), r = `/room/${t}/volumes/${e}`;
   return x3(r, s);
 }
-function N6(t) {
-  var g, f;
-  const [e, s] = H(((g = t == null ? void 0 : t.current) == null ? void 0 : g.scrollLeft) ?? 0), [r, c] = H(((f = t == null ? void 0 : t.current) == null ? void 0 : f.scrollTop) ?? 0), u = (p) => {
+function ee(t) {
+  var h, f;
+  const [e, s] = F(((h = t == null ? void 0 : t.current) == null ? void 0 : h.scrollLeft) ?? 0), [r, c] = F(((f = t == null ? void 0 : t.current) == null ? void 0 : f.scrollTop) ?? 0), u = (p) => {
     const { current: d } = t;
     d && (console.log(d.scrollLeft), d.scrollLeft += p, console.log(d.scrollLeft));
   }, i = (p) => {
@@ -1488,8 +1496,8 @@ function N6(t) {
     p && d();
   }, [t]), { horizontalScrollPosition: e, verticalScrollPosition: r, scrollHorizontal: u, scrollVertical: i };
 }
-function ee() {
-  const { sendMessage: t } = I();
+function te() {
+  const { sendMessage: t } = b();
   return {
     reboot: () => {
       t("/system/reboot", null);
@@ -1499,8 +1507,8 @@ function ee() {
     }
   };
 }
-function te() {
-  const [t, e] = H(), [s, r] = H();
+function oe() {
+  const [t, e] = F(), [s, r] = F();
   function c() {
     e((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
     const u = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
@@ -1514,8 +1522,8 @@ function te() {
     return () => clearInterval(u);
   }, []), { date: t, time: s };
 }
-const oe = () => {
-  const [t, e] = H(!1), s = r2(), r = c2();
+const se = () => {
+  const [t, e] = F(!1), s = r2(), r = c2();
   let c;
   return l2(r) ? c = r.statusText : r instanceof Error ? c = r.message : typeof r == "string" ? c = r : (console.error(r), c = "Unknown error"), /* @__PURE__ */ o.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
     /* @__PURE__ */ o.jsx("div", { className: "m-2 p-2 bg-danger rounded d-flex align-items-center", children: /* @__PURE__ */ o.jsx("span", { className: "fs-5 text-white", children: "We are sorry. Something went wrong." }) }),
@@ -1535,20 +1543,20 @@ const oe = () => {
   iconClassName: c = "",
   otherContentClassName: u = "",
   disabled: i,
-  feedback: g,
+  feedback: h,
   feedbackClassName: f,
   onPointerDown: p,
   onPointerUp: d,
-  onPointerLeave: b,
-  ...P
+  onPointerLeave: I,
+  ...T
 }) => {
-  const [W, O] = H(!1), z = !i && g ? f : "", o1 = !i && (W || g);
+  const [W, O] = F(!1), z = !i && h ? f : "", o1 = !i && (W || h);
   return /* @__PURE__ */ o.jsxs(
     "button",
     {
       type: "button",
       className: `${_1.iconbtn} ${s ? _1.iconbtnvert : ""} ${r} ${z}`,
-      ...P,
+      ...T,
       disabled: i,
       onPointerDown: ($) => {
         O(!0), p == null || p($);
@@ -1557,7 +1565,7 @@ const oe = () => {
         O(!1), d == null || d($);
       },
       onPointerLeave: ($) => {
-        O(!1), b == null || b($);
+        O(!1), I == null || I($);
       },
       children: [
         t && /* @__PURE__ */ o.jsx(
@@ -2830,7 +2838,7 @@ const oe = () => {
     active: t,
     disabled: s
   }
-), m8 = ({
+), M8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -2879,7 +2887,7 @@ const oe = () => {
     active: t,
     disabled: s
   }
-), M8 = ({
+), m8 = ({
   active: t,
   className: e = "",
   disabled: s
@@ -3200,14 +3208,14 @@ const oe = () => {
   Shade: w8,
   Sun: p8,
   UpArrow: x8,
-  VolDown: m8,
-  VolMute: M8,
+  VolDown: M8,
+  VolMute: m8,
   VolUp: Z8,
   Wireless: j8,
   X: C8,
   Xbox: S8
 };
-function se({
+function ne({
   name: t,
   iconsDictionary: e = I8,
   ...s
@@ -3221,17 +3229,17 @@ const y8 = "_grid_1cmpp_1", R8 = "_header_1cmpp_11", E8 = "_content_1cmpp_17", _
   content: E8,
   footer: _8,
   volume: L8
-}, ne = ({ header: t, footer: e, content: s, volume: r, showVolume: c }) => /* @__PURE__ */ o.jsxs("div", { className: a1.grid, children: [
+}, re = ({ header: t, footer: e, content: s, volume: r, showVolume: c }) => /* @__PURE__ */ o.jsxs("div", { className: a1.grid, children: [
   /* @__PURE__ */ o.jsx("div", { className: a1.header, children: t }),
   /* @__PURE__ */ o.jsx("div", { className: a1.content, children: s }),
   c && /* @__PURE__ */ o.jsx("div", { className: a1.volume, children: r }),
   /* @__PURE__ */ o.jsx("div", { className: a1.footer, children: e })
-] }), T8 = "_grid_11w5q_1", $8 = "_header_11w5q_11", P8 = "_content_11w5q_17", p1 = {
-  grid: T8,
+] }), P8 = "_grid_11w5q_1", $8 = "_header_11w5q_11", T8 = "_content_11w5q_17", p1 = {
+  grid: P8,
   header: $8,
-  content: P8,
+  content: T8,
   "left-nav": "_left-nav_11w5q_23"
-}, re = ({ className: t, header: e, content: s, leftNav: r }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${p1.grid}`, children: [
+}, ce = ({ className: t, header: e, content: s, leftNav: r }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${p1.grid}`, children: [
   /* @__PURE__ */ o.jsx("div", { className: p1.header, children: e }),
   r && /* @__PURE__ */ o.jsx("div", { className: p1.leftNav, children: r }),
   /* @__PURE__ */ o.jsx("div", { className: p1.content, children: s })
@@ -3239,40 +3247,33 @@ const y8 = "_grid_1cmpp_1", R8 = "_header_1cmpp_11", E8 = "_content_1cmpp_17", _
   grid: D8,
   header: A8,
   content: B8
-}, ce = ({ className: t, header: e, content: s }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${L1.grid}`, children: [
+}, le = ({ className: t, header: e, content: s }) => /* @__PURE__ */ o.jsxs("div", { className: `${t} ${L1.grid}`, children: [
   /* @__PURE__ */ o.jsx("div", { className: L1.header, children: e }),
   /* @__PURE__ */ o.jsx("div", { className: L1.content, children: s })
 ] });
-function le() {
+function ie() {
   return console.log(location.pathname), location.pathname;
 }
 var O8 = /* @__PURE__ */ ((t) => (t[t.NotSet = 0] = "NotSet", t[t.Sunday = 1] = "Sunday", t[t.Monday = 2] = "Monday", t[t.Tuesday = 4] = "Tuesday", t[t.Wednesday = 8] = "Wednesday", t[t.Thursday = 16] = "Thursday", t[t.Friday = 32] = "Friday", t[t.Saturday = 64] = "Saturday", t))(O8 || {});
-class ie {
+class ae {
   constructor(e, s) {
-    V(this, "path");
-    V(this, "handler");
+    H(this, "path");
+    H(this, "handler");
     this.path = e, this.handler = s;
   }
 }
-const ae = "$off";
-class ue {
-  constructor() {
-    V(this, "name", "");
-    V(this, "iconUrl", "");
-    V(this, "channel", "");
-  }
-}
+const ue = "$off";
 class de {
   constructor() {
-    V(this, "currentShareText");
-    V(this, "enabled");
-    V(this, "isSharing");
+    H(this, "currentShareText");
+    H(this, "enabled");
+    H(this, "isSharing");
   }
 }
 export {
-  E6 as Clock,
+  Z6 as Clock,
   O8 as DaysOfWeek,
-  oe as ErrorBox,
+  se as ErrorBox,
   q2 as IconButton,
   Y2 as IconMultiAlert,
   z2 as IconMultiBan,
@@ -3299,77 +3300,77 @@ export {
   w8 as IconMultiShade,
   p8 as IconMultiSun,
   x8 as IconMultiUpArrow,
-  m8 as IconMultiVolDown,
-  M8 as IconMultiVolMute,
+  M8 as IconMultiVolDown,
+  m8 as IconMultiVolMute,
   Z8 as IconMultiVolUp,
   j8 as IconMultiWireless,
   C8 as IconMultiX,
   S8 as IconMultiXbox,
-  ne as MainLayout,
-  ie as MessageHandler,
+  re as MainLayout,
+  ae as MessageHandler,
   x6 as MobileControlProvider,
   Z as MultiStateIconContainer,
-  se as NamedIconButton,
-  ue as PresetChannel,
+  ne as NamedIconButton,
   de as ShareState,
-  re as TechLayout,
-  ce as TechPinLayout,
-  le as getBaseLocation,
-  T1 as httpClient,
-  ae as roomOffSourceKey,
-  M as store,
+  ce as TechLayout,
+  le as TechPinLayout,
+  ie as getBaseLocation,
+  P1 as httpClient,
+  ue as roomOffSourceKey,
+  m as store,
   q as uiActions,
-  m2 as uiReducer,
+  M2 as uiReducer,
   K8 as useApiPath,
   a2 as useAppConfig,
   i2 as useAppDispatch,
   w as useAppSelector,
-  M6 as useAvrControl,
-  v as useButtonHeldHeartbeat,
+  m6 as useAvrControl,
+  g as useButtonHeldHeartbeat,
   b2 as useClientId,
-  W2 as useDeviceIBasicVolumeWithFeedback,
-  Z6 as useEndpoint,
+  U2 as useDeviceIBasicVolumeWithFeedback,
+  j6 as useDevicePresetsModel,
+  C6 as useEndpoint,
   E2 as useError,
-  J6 as useGetAllDeviceStateFromRoomConfiguration,
+  X6 as useGetAllDeviceStateFromRoomConfiguration,
   u2 as useGetAllDevices,
   f6 as useGetCurrentPopoverIdForGroup,
-  T as useGetDevice,
-  m6 as useGetIBasicVolumeWithFeedback,
+  L as useGetDevice,
+  M6 as useGetIBasicVolumeWithFeedback,
   l6 as useGetRoomDisplayStates,
   i6 as useGetZoomRoomControllerKey,
   x3 as useIBasicVolumeWithFeedback,
-  j6 as useIChannelMessenger,
-  C6 as useIColor,
-  S6 as useICommunicationMonitor,
-  b6 as useIDPad,
-  I6 as useIDeviceInfoMessenger,
-  y6 as useIDspPresets,
-  R6 as useIDvr,
-  _6 as useIEssentialsRoomCombiner,
-  m3 as useIHasPowerControl,
-  P1 as useIHasSelectableItems,
-  L6 as useILevelControls,
-  T6 as useILightingScenes,
-  $6 as useIMatrixRouting,
-  P6 as useIMcCiscoCodecUserInterfaceAppControl,
-  D6 as useINumeric,
-  A6 as useIProjectorScreenLiftControl,
-  B6 as useIRoomEventSchedule,
-  Y6 as useIRunDefaultPresentRoute,
-  O6 as useIRunDirectRouteAction,
-  V6 as useIRunRouteAction,
-  k6 as useISetTopBoxControls,
-  U6 as useIShadesOpenCloseStop,
-  W6 as useIShutdownPromptTimer,
-  F6 as useISwitchedOutput,
-  H6 as useITechPassword,
-  z6 as useITheme,
-  K6 as useITransport,
+  S6 as useIChannel,
+  b6 as useIColor,
+  I6 as useICommunicationMonitor,
+  y6 as useIDPad,
+  R6 as useIDeviceInfoMessenger,
+  E6 as useIDspPresets,
+  _6 as useIDvr,
+  L6 as useIEssentialsRoomCombiner,
+  M3 as useIHasPowerControl,
+  T1 as useIHasSelectableItems,
+  P6 as useILevelControls,
+  $6 as useILightingScenes,
+  T6 as useIMatrixRouting,
+  D6 as useIMcCiscoCodecUserInterfaceAppControl,
+  A6 as useINumeric,
+  B6 as useIProjectorScreenLiftControl,
+  O6 as useIRoomEventSchedule,
+  V6 as useIRunDefaultPresentRoute,
+  k6 as useIRunDirectRouteAction,
+  W6 as useIRunRouteAction,
+  U6 as useISetTopBoxControls,
+  F6 as useIShadesOpenCloseStop,
+  H6 as useIShutdownPromptTimer,
+  K6 as useISwitchedOutput,
+  G6 as useITechPassword,
+  q6 as useITheme,
+  Y6 as useITransport,
   L2 as useInitialize,
   d6 as useIsTouchpanel,
-  G6 as useMobileControlTouchpanelController,
-  X6 as useOverflow,
-  U2 as usePressHoldRelease,
+  z6 as useMobileControlTouchpanelController,
+  Q6 as useOverflow,
+  W2 as usePressHoldRelease,
   r6 as useRoomAdvancedSharingActive,
   z8 as useRoomAudioControlPointList,
   e6 as useRoomCodecContentDestinationKey,
@@ -3377,7 +3378,7 @@ export {
   X8 as useRoomDestinationList,
   J8 as useRoomDestinations,
   Q8 as useRoomEnvironmentalDevices,
-  Q6 as useRoomIBasicVolumeWithFeedback,
+  N6 as useRoomIBasicVolumeWithFeedback,
   t6 as useRoomInCall,
   s6 as useRoomIsCoolingDown,
   n6 as useRoomIsOn,
@@ -3391,20 +3392,20 @@ export {
   D1 as useRoomState,
   Z2 as useRoomVolume,
   a6 as useRuntimeInfo,
-  N6 as useScroll,
+  ee as useScroll,
   R2 as useServerIsRunningOnProcessorHardware,
   v6 as useShowIncomingCallModal,
   g6 as useShowModal,
   w6 as useShowPopoverById,
   _2 as useShowReconnect,
   h6 as useShowShutdownModal,
-  ee as useSystemControl,
+  te as useSystemControl,
   I2 as useSystemUuid,
   p6 as useTheme,
-  te as useTimeAndDate,
+  oe as useTimeAndDate,
   u6 as useTouchpanelKey,
-  q6 as useTwoWayDisplayBase,
+  J6 as useTwoWayDisplayBase,
   y2 as useUserCode,
-  I as useWebsocketContext,
+  b as useWebsocketContext,
   C2 as useWsIsConnected
 };