@pepperdash/mobile-control-react-app-core 1.23.1-feat-essentials-v3.2 → 1.24.0-feat-essentials-v3.2

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

@@ -80,8 +80,8 @@ const A = (e) => e.rooms, P2 = (e) => M(
 ), K2 = (e) => M(
   A,
   (t) => {
-    var o, c, r, l, v, g, h, f;
-    return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (v = (l = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : l.destinationList.programAudio) == null ? void 0 : v.sinkKey : ((f = (h = (g = t[e]) == null ? void 0 : g.configuration) == null ? void 0 : h.destinationList.defaultDisplay) == null ? void 0 : f.sinkKey) || "";
+    var o, c, r, l, u, g, h, f;
+    return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (u = (l = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : l.destinationList.programAudio) == null ? void 0 : u.sinkKey : ((f = (h = (g = t[e]) == null ? void 0 : g.configuration) == null ? void 0 : h.destinationList.defaultDisplay) == null ? void 0 : f.sinkKey) || "";
   }
 ), q2 = (e) => M(
   A,
@@ -296,7 +296,7 @@ const s6 = j1, c6 = (e) => m(
     setDeviceState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
       if (!c) return;
-      const r = t.payload.content, l = e[c] ?? {}, v = S3.mergeWith(
+      const r = t.payload.content, l = e[c] ?? {}, u = S3.mergeWith(
         {},
         l,
         r,
@@ -304,7 +304,7 @@ const s6 = j1, c6 = (e) => m(
           if (Array.isArray(h)) return h.slice();
         }
       );
-      e[c] = v;
+      e[c] = u;
     },
     clearDevices() {
       return v3;
@@ -336,10 +336,10 @@ const g3 = {}, O1 = v1({
     setRoomState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
       if (!c) return;
-      const r = t.payload.content, l = e[c] ?? {}, v = S3.mergeWith({}, l, r, (g, h) => {
+      const r = t.payload.content, l = e[c] ?? {}, u = S3.mergeWith({}, l, r, (g, h) => {
         if (Array.isArray(h)) return h;
       });
-      e[c] = v;
+      e[c] = u;
     },
     clearRooms() {
       return g3;
@@ -471,9 +471,13 @@ const g3 = {}, O1 = v1({
     e.reconnectTimer && (console.log("WebSocket middleware: Stopping reconnection loop"), clearTimeout(e.reconnectTimer), e.reconnectTimer = null);
   }, l = (a) => {
     a(W.setShowReconnect(!0)), a(U.setWebsocketIsConnected(!1)), a(m1.clearDevices()), a(p1.clearRooms()), a(W.clearAllModals()), a(W.clearSyncState());
-  }, v = (a, Z) => {
+  }, u = (a, Z) => {
     var H;
-    const j = a(), S = Z ?? j.runtimeConfig.roomData.roomKey, { clientId: C } = j.runtimeConfig.roomData, x = j.runtimeConfig.websocket.isConnected, k = (H = j.runtimeConfig.roomData.config) == null ? void 0 : H.runtimeInfo.essentialsVersion, o1 = k == null ? void 0 : k.startsWith("3.");
+    const j = a(), S = Z ?? j.runtimeConfig.roomData.roomKey, { clientId: C } = j.runtimeConfig.roomData, x = j.runtimeConfig.websocket.isConnected, k = (H = j.runtimeConfig.roomData.config) == null ? void 0 : H.runtimeInfo.essentialsVersion;
+    console.log("WebSocket middleware: Essentials version", {
+      essentialsVersion: k
+    });
+    const o1 = k == null ? void 0 : k.startsWith("3.");
     if (!Z || !x || !C) {
       console.log("WebSocket middleware: Cannot request room status", {
         hasRoomKey: !!Z,
@@ -674,7 +678,7 @@ const g3 = {}, O1 = v1({
     e.client && C ? e.client.send(
       JSON.stringify({ type: a, clientId: x, content: Z })
     ) : console.warn("WebSocket middleware: Cannot send message - not connected");
-  }, u = (a, Z, j) => {
+  }, d = (a, Z, j) => {
     e.eventHandlers[a] || (e.eventHandlers[a] = {}), e.eventHandlers[a][Z] = j, console.log("WebSocket middleware: Event handler added", a, Z);
   }, L = (a, Z) => {
     e.eventHandlers[a] && (delete e.eventHandlers[a][Z], console.log(
@@ -709,7 +713,7 @@ const g3 = {}, O1 = v1({
           );
           break;
         case $3:
-          u(
+          d(
             C.payload.eventType,
             C.payload.key,
             C.payload.callback
@@ -728,19 +732,19 @@ const g3 = {}, O1 = v1({
           if (j.type === U.setWebsocketIsConnected.type)
             j.payload === !0 && (console.log(
               "[WebSocket Middleware] Connection established, requesting room status..."
-            ), setTimeout(() => v(a.getState), 100));
+            ), setTimeout(() => u(a.getState), 100));
           else if (j.type === U.setRoomData.type) {
             const x = a.getState(), k = j.payload;
             x.runtimeConfig.websocket.isConnected && (k != null && k.clientId) && (console.log(
               "[WebSocket Middleware] Room data received, requesting room status..."
-            ), setTimeout(() => v(a.getState), 100));
+            ), setTimeout(() => u(a.getState), 100));
           } else if (j.type === U.setCurrentRoomKey.type) {
             const x = j.payload;
             x && (console.log(
               "[WebSocket Middleware] Room changed to:",
               x,
               ", requesting room status..."
-            ), setTimeout(() => v(a.getState, x), 100));
+            ), setTimeout(() => u(a.getState, x), 100));
           }
           break;
       }
@@ -802,14 +806,14 @@ function We() {
   if (w3) return i1;
   w3 = 1;
   var e = x3, 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, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function v(g, h, f) {
-    var u, L = {}, F = null, a = null;
+  function u(g, h, f) {
+    var d, L = {}, F = null, a = null;
     f !== void 0 && (F = "" + f), h.key !== void 0 && (F = "" + h.key), h.ref !== void 0 && (a = h.ref);
-    for (u in h) c.call(h, u) && !l.hasOwnProperty(u) && (L[u] = h[u]);
-    if (g && g.defaultProps) for (u in h = g.defaultProps, h) L[u] === void 0 && (L[u] = h[u]);
+    for (d in h) c.call(h, d) && !l.hasOwnProperty(d) && (L[d] = h[d]);
+    if (g && g.defaultProps) for (d in h = g.defaultProps, h) L[d] === void 0 && (L[d] = h[d]);
     return { $$typeof: t, type: g, key: F, ref: a, props: L, _owner: r.current };
   }
-  return i1.Fragment = o, i1.jsx = v, i1.jsxs = v, i1;
+  return i1.Fragment = o, i1.jsx = u, i1.jsxs = u, i1;
 }
 var a1 = {};
 /**
@@ -824,7 +828,7 @@ var a1 = {};
 var m3;
 function Ve() {
   return m3 || (m3 = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), g = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), a = Symbol.for("react.offscreen"), Z = Symbol.iterator, j = "@@iterator";
+    var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), g = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), a = Symbol.for("react.offscreen"), Z = Symbol.iterator, j = "@@iterator";
     function S(s) {
       if (s === null || typeof s != "object")
         return null;
@@ -834,16 +838,16 @@ function Ve() {
     var C = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function x(s) {
       {
-        for (var i = arguments.length, d = new Array(i > 1 ? i - 1 : 0), p = 1; p < i; p++)
-          d[p - 1] = arguments[p];
-        k("error", s, d);
+        for (var i = arguments.length, v = new Array(i > 1 ? i - 1 : 0), p = 1; p < i; p++)
+          v[p - 1] = arguments[p];
+        k("error", s, v);
       }
     }
-    function k(s, i, d) {
+    function k(s, i, v) {
       {
         var p = C.ReactDebugCurrentFrame, E = p.getStackAddendum();
-        E !== "" && (i += "%s", d = d.concat([E]));
-        var T = d.map(function(y) {
+        E !== "" && (i += "%s", v = v.concat([E]));
+        var T = v.map(function(y) {
           return String(y);
         });
         T.unshift("Warning: " + i), Function.prototype.apply.call(console[s], console, T);
@@ -852,18 +856,18 @@ function Ve() {
     var o1 = !1, H = !1, O = !1, D = !1, z = !1, s1;
     s1 = Symbol.for("react.module.reference");
     function b1(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === c || s === l || z || s === r || s === f || s === u || D || s === a || o1 || H || O || typeof s == "object" && s !== null && (s.$$typeof === F || s.$$typeof === L || s.$$typeof === v || s.$$typeof === g || s.$$typeof === h || // This needs to include all possible module reference object
+      return !!(typeof s == "string" || typeof s == "function" || s === c || s === l || z || s === r || s === f || s === d || D || s === a || o1 || H || O || typeof s == "object" && s !== null && (s.$$typeof === F || s.$$typeof === L || s.$$typeof === u || s.$$typeof === g || s.$$typeof === h || // 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.
       s.$$typeof === s1 || s.getModuleId !== void 0));
     }
-    function U3(s, i, d) {
+    function U3(s, i, v) {
       var p = s.displayName;
       if (p)
         return p;
       var E = i.displayName || i.name || "";
-      return E !== "" ? d + "(" + E + ")" : d;
+      return E !== "" ? v + "(" + E + ")" : v;
     }
     function U1(s) {
       return s.displayName || "Context";
@@ -886,7 +890,7 @@ function Ve() {
           return "StrictMode";
         case f:
           return "Suspense";
-        case u:
+        case d:
           return "SuspenseList";
       }
       if (typeof s == "object")
@@ -894,9 +898,9 @@ function Ve() {
           case g:
             var i = s;
             return U1(i) + ".Consumer";
-          case v:
-            var d = s;
-            return U1(d._context) + ".Provider";
+          case u:
+            var v = s;
+            return U1(v._context) + ".Provider";
           case h:
             return U3(s, s.render, "ForwardRef");
           case L:
@@ -976,7 +980,7 @@ function Ve() {
       }
     }
     var y1 = C.ReactCurrentDispatcher, I1;
-    function h1(s, i, d) {
+    function h1(s, i, v) {
       {
         if (I1 === void 0)
           try {
@@ -998,9 +1002,9 @@ function Ve() {
       if (!s || R1)
         return "";
       {
-        var d = g1.get(s);
-        if (d !== void 0)
-          return d;
+        var v = g1.get(s);
+        if (v !== void 0)
+          return v;
       }
       var p;
       R1 = !0;
@@ -1065,14 +1069,14 @@ function Ve() {
       var t1 = s ? s.displayName || s.name : "", Q = t1 ? h1(t1) : "";
       return typeof s == "function" && g1.set(s, Q), Q;
     }
-    function q3(s, i, d) {
+    function q3(s, i, v) {
       return X1(s, !1);
     }
     function G3(s) {
       var i = s.prototype;
       return !!(i && i.isReactComponent);
     }
-    function f1(s, i, d) {
+    function f1(s, i, v) {
       if (s == null)
         return "";
       if (typeof s == "function")
@@ -1082,7 +1086,7 @@ function Ve() {
       switch (s) {
         case f:
           return h1("Suspense");
-        case u:
+        case d:
           return h1("SuspenseList");
       }
       if (typeof s == "object")
@@ -1090,11 +1094,11 @@ function Ve() {
           case h:
             return q3(s.render);
           case L:
-            return f1(s.type, i, d);
+            return f1(s.type, i, v);
           case F: {
             var p = s, E = p._payload, T = p._init;
             try {
-              return f1(T(E), i, d);
+              return f1(T(E), i, v);
             } catch {
             }
           }
@@ -1104,12 +1108,12 @@ function Ve() {
     var r1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = C.ReactDebugCurrentFrame;
     function w1(s) {
       if (s) {
-        var i = s._owner, d = f1(s.type, s._source, i ? i.type : null);
-        N1.setExtraStackFrame(d);
+        var i = s._owner, v = f1(s.type, s._source, i ? i.type : null);
+        N1.setExtraStackFrame(v);
       } else
         N1.setExtraStackFrame(null);
     }
-    function Y3(s, i, d, p, E) {
+    function Y3(s, i, v, p, E) {
       {
         var T = Function.call.bind(r1);
         for (var y in s)
@@ -1117,14 +1121,14 @@ function Ve() {
             var b = void 0;
             try {
               if (typeof s[y] != "function") {
-                var B = Error((p || "React class") + ": " + d + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var B = Error((p || "React class") + ": " + v + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw B.name = "Invariant Violation", B;
               }
-              b = s[y](i, y, p, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              b = s[y](i, y, p, v, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (P) {
               b = P;
             }
-            b && !(b instanceof Error) && (w1(E), x("%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).", p || "React class", d, y, typeof b), w1(null)), b instanceof Error && !(b.message in Q1) && (Q1[b.message] = !0, w1(E), x("Failed %s type: %s", d, b.message), w1(null));
+            b && !(b instanceof Error) && (w1(E), x("%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).", p || "React class", v, y, typeof b), w1(null)), b instanceof Error && !(b.message in Q1) && (Q1[b.message] = !0, w1(E), x("Failed %s type: %s", v, b.message), w1(null));
           }
       }
     }
@@ -1134,8 +1138,8 @@ function Ve() {
     }
     function J3(s) {
       {
-        var i = typeof Symbol == "function" && Symbol.toStringTag, d = i && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return d;
+        var i = typeof Symbol == "function" && Symbol.toStringTag, v = i && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return v;
       }
     }
     function X3(s) {
@@ -1179,34 +1183,34 @@ function Ve() {
     }
     function n2(s, i) {
       {
-        var d = function() {
+        var v = function() {
           o3 || (o3 = !0, x("%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)", i));
         };
-        d.isReactWarning = !0, Object.defineProperty(s, "key", {
-          get: d,
+        v.isReactWarning = !0, Object.defineProperty(s, "key", {
+          get: v,
           configurable: !0
         });
       }
     }
     function o2(s, i) {
       {
-        var d = function() {
+        var v = function() {
           s3 || (s3 = !0, x("%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)", i));
         };
-        d.isReactWarning = !0, Object.defineProperty(s, "ref", {
-          get: d,
+        v.isReactWarning = !0, Object.defineProperty(s, "ref", {
+          get: v,
           configurable: !0
         });
       }
     }
-    var s2 = function(s, i, d, p, E, T, y) {
+    var s2 = function(s, i, v, p, E, T, y) {
       var b = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: s,
         key: i,
-        ref: d,
+        ref: v,
         props: y,
         // Record the component responsible for creating this element.
         _owner: T
@@ -1228,10 +1232,10 @@ function Ve() {
         value: E
       }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     };
-    function c2(s, i, d, p, E) {
+    function c2(s, i, v, p, E) {
       {
         var T, y = {}, b = null, B = null;
-        d !== void 0 && (t3(d), b = "" + d), e2(i) && (t3(i.key), b = "" + i.key), N3(i) && (B = i.ref, t2(i, E));
+        v !== void 0 && (t3(v), b = "" + v), e2(i) && (t3(i.key), b = "" + i.key), N3(i) && (B = i.ref, t2(i, E));
         for (T in i)
           r1.call(i, T) && !Q3.hasOwnProperty(T) && (y[T] = i[T]);
         if (s && s.defaultProps) {
@@ -1249,8 +1253,8 @@ function Ve() {
     var T1 = C.ReactCurrentOwner, c3 = C.ReactDebugCurrentFrame;
     function e1(s) {
       if (s) {
-        var i = s._owner, d = f1(s.type, s._source, i ? i.type : null);
-        c3.setExtraStackFrame(d);
+        var i = s._owner, v = f1(s.type, s._source, i ? i.type : null);
+        c3.setExtraStackFrame(v);
       } else
         c3.setExtraStackFrame(null);
     }
@@ -1279,10 +1283,10 @@ Check the render method of \`` + s + "`.";
       {
         var i = r3();
         if (!i) {
-          var d = typeof s == "string" ? s : s.displayName || s.name;
-          d && (i = `
+          var v = typeof s == "string" ? s : s.displayName || s.name;
+          v && (i = `
 
-Check the top-level render call using <` + d + ">.");
+Check the top-level render call using <` + v + ">.");
         }
         return i;
       }
@@ -1292,12 +1296,12 @@ Check the top-level render call using <` + d + ">.");
         if (!s._store || s._store.validated || s.key != null)
           return;
         s._store.validated = !0;
-        var d = l2(i);
-        if (l3[d])
+        var v = l2(i);
+        if (l3[v])
           return;
-        l3[d] = !0;
+        l3[v] = !0;
         var p = "";
-        s && s._owner && s._owner !== T1.current && (p = " It was passed a child from " + J(s._owner.type) + "."), e1(s), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, p), e1(null);
+        s && s._owner && s._owner !== T1.current && (p = " It was passed a child from " + J(s._owner.type) + "."), e1(s), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', v, p), e1(null);
       }
     }
     function a3(s, i) {
@@ -1305,8 +1309,8 @@ Check the top-level render call using <` + d + ">.");
         if (typeof s != "object")
           return;
         if (E1(s))
-          for (var d = 0; d < s.length; d++) {
-            var p = s[d];
+          for (var v = 0; v < s.length; v++) {
+            var p = s[v];
             _1(p) && i3(p, i);
           }
         else if (_1(s))
@@ -1324,18 +1328,18 @@ Check the top-level render call using <` + d + ">.");
         var i = s.type;
         if (i == null || typeof i == "string")
           return;
-        var d;
+        var v;
         if (typeof i == "function")
-          d = i.propTypes;
+          v = i.propTypes;
         else if (typeof i == "object" && (i.$$typeof === h || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         i.$$typeof === L))
-          d = i.propTypes;
+          v = i.propTypes;
         else
           return;
-        if (d) {
+        if (v) {
           var p = J(i);
-          Y3(d, s.props, "prop", p, s);
+          Y3(v, s.props, "prop", p, s);
         } else if (i.PropTypes !== void 0 && !D1) {
           D1 = !0;
           var E = J(i);
@@ -1346,8 +1350,8 @@ Check the top-level render call using <` + d + ">.");
     }
     function a2(s) {
       {
-        for (var i = Object.keys(s.props), d = 0; d < i.length; d++) {
-          var p = i[d];
+        for (var i = Object.keys(s.props), v = 0; v < i.length; v++) {
+          var p = i[v];
           if (p !== "children" && p !== "key") {
             e1(s), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), e1(null);
             break;
@@ -1357,7 +1361,7 @@ Check the top-level render call using <` + d + ">.");
       }
     }
     var u3 = {};
-    function d3(s, i, d, p, E, T) {
+    function d3(s, i, v, p, E, T) {
       {
         var y = b1(s);
         if (!y) {
@@ -1368,7 +1372,7 @@ Check the top-level render call using <` + d + ">.");
           var P;
           s === null ? P = "null" : E1(s) ? P = "array" : s !== void 0 && s.$$typeof === t ? (P = "<" + (J(s.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : P = typeof s, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, b);
         }
-        var $ = c2(s, i, d, E, T);
+        var $ = c2(s, i, v, E, T);
         if ($ == null)
           return $;
         if (y) {
@@ -1401,11 +1405,11 @@ React keys must be passed directly to JSX without using spread:
         return s === c ? a2($) : i2($), $;
       }
     }
-    function u2(s, i, d) {
-      return d3(s, i, d, !0);
+    function u2(s, i, v) {
+      return d3(s, i, v, !0);
     }
-    function d2(s, i, d) {
-      return d3(s, i, d, !1);
+    function d2(s, i, v) {
+      return d3(s, i, v, !1);
     }
     var v2 = d2, h2 = u2;
     a1.Fragment = c, a1.jsx = v2, a1.jsxs = h2;
@@ -1449,11 +1453,11 @@ const Fe = "_mwfit_ppa3l_1", He = {
     },
     [c]
   ), l = l1(
-    (h, f, u) => {
-      t(Pe(h, f, u));
+    (h, f, d) => {
+      t(Pe(h, f, d));
     },
     [t]
-  ), v = l1(
+  ), u = l1(
     (h, f) => {
       t($e(h, f));
     },
@@ -1468,7 +1472,7 @@ const Fe = "_mwfit_ppa3l_1", He = {
         sendMessage: c,
         sendSimpleMessage: r,
         addEventHandler: l,
-        removeEventHandler: v,
+        removeEventHandler: u,
         reconnect: g
       },
       children: o ? e : /* @__PURE__ */ n.jsx(Ke, {})
@@ -1485,22 +1489,22 @@ function Ge({
   onPressedButNotHeld: c,
   holdTimeMs: r = 500
 }) {
-  const l = d1(null), v = d1(!1), g = d1(!1);
+  const l = d1(null), u = d1(!1), g = d1(!1);
   function h() {
-    v.current = !0, g.current = !1, e == null || e(), l.current = setTimeout(() => {
+    u.current = !0, g.current = !1, e == null || e(), l.current = setTimeout(() => {
       g.current = !0, o == null || o(), l.current = null;
     }, r);
   }
   function f() {
-    v.current = !1, t == null || t(), l.current && (clearTimeout(l.current), l.current = null, g.current || c == null || c());
+    u.current = !1, t == null || t(), l.current && (clearTimeout(l.current), l.current = null, g.current || c == null || c());
   }
-  function u() {
-    v.current && f();
+  function d() {
+    u.current && f();
   }
   return {
     onPointerDown: h,
     onPointerUp: f,
-    onPointerLeave: u
+    onPointerLeave: d
   };
 }
 function w(e, t) {
@@ -1510,10 +1514,10 @@ function w(e, t) {
       c(`${e}/${t}`, { value: "held" });
     }, 250));
   }
-  function v() {
+  function u() {
     r.current && (clearInterval(r.current), r.current = null), c(`${e}/${t}`, { value: "released" });
   }
-  return Ge({ onPress: l, onRelease: v });
+  return Ge({ onPress: l, onRelease: u });
 }
 function C1(e) {
   const { sendMessage: t } = R(), o = w(`${e}`, "volumeUp"), c = w(`${e}`, "volumeDown");
@@ -1579,14 +1583,15 @@ function Ye(e) {
   return W3(o, c);
 }
 function V3(e) {
-  const { sendMessage: t } = R();
+  var u;
+  const { sendMessage: t } = R(), o = (u = _(e)) == null ? void 0 : u.powerState;
   return { powerOn: () => {
     t(`/device/${e}/powerOn`, null);
   }, powerOff: () => {
     t(`/device/${e}/powerOff`, null);
   }, powerToggle: () => {
     t(`/device/${e}/powerToggle`, null);
-  } };
+  }, powerState: o };
 }
 function B1(e) {
   const { sendMessage: t } = R(), o = _(e);
@@ -1606,14 +1611,14 @@ function ze(e) {
   return o ? { levelControls: o.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
 }
 function F6(e) {
-  const t = _(e), o = V3(e), c = B1(e), r = B1(e), l = Ye(e), v = ze(e);
+  const t = _(e), o = V3(e), c = B1(e), r = B1(e), l = Ye(e), u = ze(e);
   if (t)
     return {
       avrState: t,
       powerControl: o,
       inputControl: c,
       surroundSoundModes: r,
-      surroundChannels: v,
+      surroundChannels: u,
       mainVolumeControl: l
     };
 }
@@ -1631,10 +1636,10 @@ const H6 = ({ className: e }) => {
 };
 function K6(e) {
   const { sendMessage: t } = R(), o = _(e), c = `/device/${e}`;
-  return o ? { state: o, recallPreset: (v, g) => {
-    t(`${c}/presets/recall`, { deviceKey: v, preset: g });
-  }, savePresets: (v) => {
-    t(`${c}/presets/save`, v);
+  return o ? { state: o, recallPreset: (u, g) => {
+    t(`${c}/presets/recall`, { deviceKey: u, preset: g });
+  }, savePresets: (u) => {
+    t(`${c}/presets/save`, u);
   } } : void 0;
 }
 function q6(e) {
@@ -1643,8 +1648,8 @@ function q6(e) {
     return { endpointState: t };
 }
 function G6(e) {
-  const t = `/device/${e}`, o = w(t, "chanUp"), c = w(t, "chanDown"), r = w(t, "lastChan"), l = w(t, "guide"), v = w(t, "info"), g = w(t, "exit");
-  return { channelUp: o, channelDown: c, lastChannel: r, guide: l, info: v, exit: g };
+  const t = `/device/${e}`, o = w(t, "chanUp"), c = w(t, "chanDown"), r = w(t, "lastChan"), l = w(t, "guide"), u = w(t, "info"), g = w(t, "exit");
+  return { channelUp: o, channelDown: c, lastChannel: r, guide: l, info: u, exit: g };
 }
 function Y6(e) {
   const t = `/device/${e}`, o = w(t, "red"), c = w(t, "green"), r = w(t, "yellow"), l = w(t, "blue");
@@ -1663,11 +1668,11 @@ function J6(e) {
     return t.deviceInfo || void 0;
 }
 function X6(e) {
-  const t = `/device/${e}`, o = w(t, "up"), c = w(t, "down"), r = w(t, "left"), l = w(t, "right"), v = w(t, "select"), g = w(t, "menu"), h = w(t, "exit");
-  return { up: o, down: c, left: r, right: l, select: v, menu: g, exit: h };
+  const t = `/device/${e}`, o = w(t, "up"), c = w(t, "down"), r = w(t, "left"), l = w(t, "right"), u = w(t, "select"), g = w(t, "menu"), h = w(t, "exit");
+  return { up: o, down: c, left: r, right: l, select: u, menu: g, exit: h };
 }
 function Q6(e) {
-  const { sendMessage: t } = R(), o = `/device/${e}`, c = _(e), r = w(o, "cameraUp"), l = w(o, "cameraDown"), v = w(o, "cameraLeft"), g = w(o, "cameraRight"), h = w(o, "cameraZoomIn"), f = w(o, "cameraZoomOut"), u = (L) => t("/camera/recallPreset", L);
+  const { sendMessage: t } = R(), o = `/device/${e}`, c = _(e), r = w(o, "cameraUp"), l = w(o, "cameraDown"), u = w(o, "cameraLeft"), g = w(o, "cameraRight"), h = w(o, "cameraZoomIn"), f = w(o, "cameraZoomOut"), d = (L) => t("/camera/recallPreset", L);
   if (c)
     return {
       state: c,
@@ -1675,9 +1680,9 @@ function Q6(e) {
       zoomOut: f,
       up: r,
       down: l,
-      left: v,
+      left: u,
       right: g,
-      recallPreset: u
+      recallPreset: d
     };
 }
 function N6(e) {
@@ -1725,10 +1730,10 @@ function st(e) {
   const { sendMessage: t, sendSimpleMessage: o } = R(), c = _(e), r = ne(e), l = c || r;
   return l ? {
     levelState: l,
-    setLevel: (u, L) => o(`${u}/level`, L),
-    muteToggle: (u) => t(`${u}/muteToggle`, null),
-    muteOn: (u) => t(`${u}/muteOn`, null),
-    muteOff: (u) => t(`${u}/muteOff`, null)
+    setLevel: (d, L) => o(`${d}/level`, L),
+    muteToggle: (d) => t(`${d}/muteToggle`, null),
+    muteOn: (d) => t(`${d}/muteOn`, null),
+    muteOff: (d) => t(`${d}/muteOff`, null)
   } : void 0;
 }
 function ct(e) {
@@ -1750,17 +1755,17 @@ function lt(e) {
   } };
 }
 function it(e) {
-  const t = `/device/${e}`, o = w(t, "num0"), c = w(t, "num1"), r = w(t, "num2"), l = w(t, "num3"), v = w(t, "num4"), g = w(t, "num5"), h = w(t, "num6"), f = w(t, "num7"), u = w(t, "num8"), L = w(t, "num9"), F = w(t, "numDash"), a = w(t, "numEnter");
+  const t = `/device/${e}`, o = w(t, "num0"), c = w(t, "num1"), r = w(t, "num2"), l = w(t, "num3"), u = w(t, "num4"), g = w(t, "num5"), h = w(t, "num6"), f = w(t, "num7"), d = w(t, "num8"), L = w(t, "num9"), F = w(t, "numDash"), a = w(t, "numEnter");
   return {
     digit0: o,
     digit1: c,
     digit2: r,
     digit3: l,
-    digit4: v,
+    digit4: u,
     digit5: g,
     digit6: h,
     digit7: f,
-    digit8: u,
+    digit8: d,
     digit9: L,
     keypadAccessoryButton1: F,
     keypadAccessoryButton2: a
@@ -1836,8 +1841,8 @@ function pt(e) {
   const { sendMessage: t } = R(), o = j1(e);
   return o ? { techPasswordState: o, validatePassword: (l) => {
     t(`/room/${e}/validateTechPassword`, { password: l });
-  }, setPassword: (l, v) => {
-    t(`/room/${e}/setTechPassword`, { oldPassword: l, newPassword: v });
+  }, setPassword: (l, u) => {
+    t(`/room/${e}/setTechPassword`, { oldPassword: l, newPassword: u });
   } } : void 0;
 }
 function Mt(e) {
@@ -1854,13 +1859,13 @@ function xt(e) {
   };
 }
 function Zt(e) {
-  const t = `/device/${e}`, o = w(t, "play"), c = w(t, "pause"), r = w(t, "stop"), l = w(t, "prevTrack"), v = w(t, "nextTrack"), g = w(t, "rewind"), h = w(t, "ffwd"), f = w(t, "record");
+  const t = `/device/${e}`, o = w(t, "play"), c = w(t, "pause"), r = w(t, "stop"), l = w(t, "prevTrack"), u = w(t, "nextTrack"), g = w(t, "rewind"), h = w(t, "ffwd"), f = w(t, "record");
   return {
     play: o,
     pause: c,
     stop: r,
     prevTrack: l,
-    nextTrack: v,
+    nextTrack: u,
     rewind: g,
     fastForward: h,
     record: f
@@ -1901,29 +1906,29 @@ const bt = ({
   config: e
 }, t = !0) => {
   const { sendMessage: o } = R(), c = d1(!1), r = n1(() => {
-    var v, g, h, f;
+    var u, g, h, f;
     if (!e)
       return;
     const l = /* @__PURE__ */ new Set();
-    if (e.destinations && Object.values(e.destinations).forEach((u) => {
-      l.add(u);
-    }), e.destinationList && Object.values(e.destinationList).forEach((u) => {
-      l.add(u.sinkKey);
-    }), e.audioControlPointList && Object.values((v = e.audioControlPointList) == null ? void 0 : v.levelControls).forEach(
-      (u) => {
-        u.itemKey ? l.add(u.parentDeviceKey + "--" + u.itemKey) : l.add(u.parentDeviceKey);
+    if (e.destinations && Object.values(e.destinations).forEach((d) => {
+      l.add(d);
+    }), e.destinationList && Object.values(e.destinationList).forEach((d) => {
+      l.add(d.sinkKey);
+    }), e.audioControlPointList && Object.values((u = e.audioControlPointList) == null ? void 0 : u.levelControls).forEach(
+      (d) => {
+        d.itemKey ? l.add(d.parentDeviceKey + "--" + d.itemKey) : l.add(d.parentDeviceKey);
       }
-    ), (g = e.touchpanelKeys) == null || g.forEach((u) => {
-      l.add(u);
-    }), (h = e.environmentalDevices) == null || h.forEach((u) => {
-      u.deviceKey && l.add(u.deviceKey);
-    }), (f = e.accessoryDeviceKeys) == null || f.forEach((u) => {
-      l.add(u);
-    }), e.audioCodecKey && l.add(e.audioCodecKey), e.videoCodecKey && l.add(e.videoCodecKey), e.matrixRoutingKey && l.add(e.matrixRoutingKey), e.roomCombinerKey && l.add(e.roomCombinerKey), e.endpointKeys && e.endpointKeys.forEach((u) => {
-      l.add(u);
+    ), (g = e.touchpanelKeys) == null || g.forEach((d) => {
+      l.add(d);
+    }), (h = e.environmentalDevices) == null || h.forEach((d) => {
+      d.deviceKey && l.add(d.deviceKey);
+    }), (f = e.accessoryDeviceKeys) == null || f.forEach((d) => {
+      l.add(d);
+    }), e.audioCodecKey && l.add(e.audioCodecKey), e.videoCodecKey && l.add(e.videoCodecKey), e.matrixRoutingKey && l.add(e.matrixRoutingKey), e.roomCombinerKey && l.add(e.roomCombinerKey), e.endpointKeys && e.endpointKeys.forEach((d) => {
+      l.add(d);
     }), e.sourceList)
-      for (const u of Object.values(e.sourceList))
-        u.sourceKey && u.sourceKey !== "$off" && l.add(u.sourceKey);
+      for (const d of Object.values(e.sourceList))
+        d.sourceKey && d.sourceKey !== "$off" && l.add(d.sourceKey);
     return l;
   }, [e]);
   return Z1(() => {
@@ -1935,11 +1940,11 @@ const bt = ({
 function yt(e, t) {
   const [o, c] = Y(!1), [r, l] = Y(!1);
   return Z3(() => {
-    const { current: v } = e, g = () => {
-      const h = v && v.scrollHeight > v.clientHeight, f = v && v.scrollWidth > v.clientWidth;
+    const { current: u } = e, g = () => {
+      const h = u && u.scrollHeight > u.clientHeight, f = u && u.scrollWidth > u.clientWidth;
       l(h ?? !1), c(f ?? !1), t && t(h ?? !1, f ?? !1);
     };
-    v && g();
+    u && g();
   }, [e, t]), { overflowHorizontal: o, overflowVertical: r };
 }
 function It(e, t) {
@@ -1953,18 +1958,18 @@ function Rt(e, t) {
 function Et(e) {
   var g, h;
   const [t, o] = Y(((g = e == null ? void 0 : e.current) == null ? void 0 : g.scrollLeft) ?? 0), [c, r] = Y(((h = e == null ? void 0 : e.current) == null ? void 0 : h.scrollTop) ?? 0), l = (f) => {
-    const { current: u } = e;
-    u && (console.log(u.scrollLeft), u.scrollLeft += f, console.log(u.scrollLeft));
-  }, v = (f) => {
-    const { current: u } = e;
-    u && (console.log(u.scrollTop), u.scrollTop += f, console.log(u.scrollTop));
+    const { current: d } = e;
+    d && (console.log(d.scrollLeft), d.scrollLeft += f, console.log(d.scrollLeft));
+  }, u = (f) => {
+    const { current: d } = e;
+    d && (console.log(d.scrollTop), d.scrollTop += f, console.log(d.scrollTop));
   };
   return Z3(() => {
-    const { current: f } = e, u = () => {
+    const { current: f } = e, d = () => {
       o((f == null ? void 0 : f.scrollLeft) ?? 0), r((f == null ? void 0 : f.scrollTop) ?? 0);
     };
-    f && u();
-  }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: l, scrollVertical: v };
+    f && d();
+  }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: l, scrollVertical: u };
 }
 function Tt(e) {
   const t = W1();
@@ -2034,27 +2039,27 @@ const Lt = () => {
   className: c,
   iconClassName: r = "",
   otherContentClassName: l = "",
-  disabled: v,
+  disabled: u,
   feedback: g,
   feedbackClassName: h,
   onPointerDown: f,
-  onPointerUp: u,
+  onPointerUp: d,
   onPointerLeave: L,
   ...F
 }) => {
-  const [a, Z] = Y(!1), j = !v && g ? h : "", S = !v && (a || g);
+  const [a, Z] = Y(!1), j = !u && g ? h : "", S = !u && (a || g);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
       type: "button",
       className: `${$1.iconbtn} ${o ? $1.iconbtnvert : ""} ${c} ${j}`,
       ...F,
-      disabled: v,
+      disabled: u,
       onPointerDown: (C) => {
         Z(!0), f == null || f(C);
       },
       onPointerUp: (C) => {
-        Z(!1), u == null || u(C);
+        Z(!1), d == null || d(C);
       },
       onPointerLeave: (C) => {
         Z(!1), L == null || L(C);
@@ -2065,7 +2070,7 @@ const Lt = () => {
           {
             className: `${r || $1.iconsm}`,
             active: S,
-            disabled: v
+            disabled: u
           }
         ),
         l ? /* @__PURE__ */ n.jsx("div", { className: l, children: t }) : /* @__PURE__ */ n.jsx("div", { children: t })