@pepperdash/mobile-control-react-app-core 1.20.2 → 1.20.4

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

@@ -36,8 +36,8 @@ const d2 = {
     setDeviceState(t, e) {
       const o = e.payload.type, r = o.slice(o.lastIndexOf("/") + 1);
       if (!r) return;
-      const c = e.payload.content, a = t[r] ?? {}, i = a3.merge(a, c);
-      return t[r] = i, t;
+      const c = e.payload.content, i = t[r] ?? {}, d = a3.merge(i, c);
+      return t[r] = d, t;
     },
     clearDevices() {
       return n3;
@@ -52,8 +52,8 @@ const d2 = {
       if (console.log(o, r), !r) return;
       const c = e.payload.content;
       console.log(c);
-      const a = t[r] ?? {}, i = a3.merge(a, c);
-      return t[r] = i, console.log(t), t;
+      const i = t[r] ?? {}, d = a3.merge(i, c);
+      return t[r] = d, console.log(t), t;
     },
     clearRooms() {
       return r3;
@@ -213,8 +213,8 @@ const d2 = {
   }
 ), t6 = (t) => p(
   (e) => {
-    var o, r, c, a, i, h, f, w;
-    return (r = (o = e.rooms[t]) == null ? void 0 : o.configuration) != null && r.destinationList.programAudio ? (i = (a = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : a.destinationList.programAudio) == null ? void 0 : i.sinkKey : ((w = (f = (h = e.rooms[t]) == null ? void 0 : h.configuration) == null ? void 0 : f.destinationList.defaultDisplay) == null ? void 0 : w.sinkKey) || "";
+    var o, r, c, i, d, u, f, w;
+    return (r = (o = e.rooms[t]) == null ? void 0 : o.configuration) != null && r.destinationList.programAudio ? (d = (i = (c = e.rooms[t]) == null ? void 0 : c.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : d.sinkKey : ((w = (f = (u = e.rooms[t]) == null ? void 0 : u.configuration) == null ? void 0 : f.destinationList.defaultDisplay) == null ? void 0 : w.sinkKey) || "";
   }
 ), s6 = (t) => p(
   (e) => {
@@ -262,8 +262,8 @@ const d2 = {
   ],
   (e, o, r) => {
     if (console.log("roomKey", e), console.log("devices", o), console.log("destinations", r), !r) return;
-    const c = Object.entries(r).filter(([i]) => i !== "programAudio" && i !== "codecContent").map(([, i]) => i);
-    return Object.values(o).filter((i) => Object.values(c).includes(i.key));
+    const c = Object.entries(r).filter(([d]) => d !== "programAudio" && d !== "codecContent").map(([, d]) => d);
+    return Object.values(o).filter((d) => Object.values(c).includes(d.key));
   }
 )(m.getState(), t), u6 = (t) => p(
   (e) => {
@@ -291,8 +291,8 @@ function T2() {
       if (r.status == 200 && r.data) {
         const c = r.data.apiPath;
         t(h2.setAppConfig(r.data));
-        const a = await L1.get(`${c}/version`);
-        a.status == 200 && a.data && t(F.setRuntimeConfig(a.data));
+        const i = await L1.get(`${c}/version`);
+        i.status == 200 && i.data && t(F.setRuntimeConfig(i.data));
       }
     } catch (e) {
       console.error("Error getting config", e);
@@ -314,15 +314,15 @@ var c3;
 function L2() {
   if (c3) return l1;
   c3 = 1;
-  var t = u3, e = Symbol.for("react.element"), o = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, c = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(h, f, w) {
-    var d, I = {}, $ = null, U = null;
+  var t = u3, e = Symbol.for("react.element"), o = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, c = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function d(u, f, w) {
+    var h, I = {}, $ = null, U = null;
     w !== void 0 && ($ = "" + w), f.key !== void 0 && ($ = "" + f.key), f.ref !== void 0 && (U = f.ref);
-    for (d in f) r.call(f, d) && !a.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: $, ref: U, props: I, _owner: c.current };
+    for (h in f) r.call(f, h) && !i.hasOwnProperty(h) && (I[h] = f[h]);
+    if (u && u.defaultProps) for (h in f = u.defaultProps, f) I[h] === void 0 && (I[h] = f[h]);
+    return { $$typeof: e, type: u, key: $, ref: U, props: I, _owner: c.current };
   }
-  return l1.Fragment = o, l1.jsx = i, l1.jsxs = i, l1;
+  return l1.Fragment = o, l1.jsx = d, l1.jsxs = d, l1;
 }
 var i1 = {};
 /**
@@ -337,7 +337,7 @@ var i1 = {};
 var l3;
 function P2() {
   return l3 || (l3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = u3, e = Symbol.for("react.element"), o = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), h = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), $ = Symbol.for("react.lazy"), U = Symbol.for("react.offscreen"), O = Symbol.iterator, z = "@@iterator";
+    var t = u3, e = Symbol.for("react.element"), o = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), u = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), $ = Symbol.for("react.lazy"), U = Symbol.for("react.offscreen"), O = Symbol.iterator, z = "@@iterator";
     function s1(n) {
       if (n === null || typeof n != "object")
         return null;
@@ -347,16 +347,16 @@ function P2() {
     var P = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function L(n) {
       {
-        for (var l = arguments.length, u = new Array(l > 1 ? l - 1 : 0), v = 1; v < l; v++)
-          u[v - 1] = arguments[v];
-        x1("error", n, u);
+        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, u) {
+    function x1(n, l, a) {
       {
         var v = P.ReactDebugCurrentFrame, C = v.getStackAddendum();
-        C !== "" && (l += "%s", u = u.concat([C]));
-        var b = u.map(function(M) {
+        C !== "" && (l += "%s", a = a.concat([C]));
+        var b = a.map(function(M) {
           return String(M);
         });
         b.unshift("Warning: " + l), Function.prototype.apply.call(console[n], console, b);
@@ -365,18 +365,18 @@ function P2() {
     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 === a || m1 || n === c || n === w || n === d || h1 || n === U || M1 || y || j || typeof n == "object" && n !== null && (n.$$typeof === $ || n.$$typeof === I || n.$$typeof === i || n.$$typeof === h || n.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof n == "string" || typeof n == "function" || n === r || n === i || m1 || n === c || n === w || n === h || h1 || n === U || M1 || y || j || typeof n == "object" && n !== null && (n.$$typeof === $ || n.$$typeof === I || n.$$typeof === d || n.$$typeof === u || 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, u) {
+    function R(n, l, a) {
       var v = n.displayName;
       if (v)
         return v;
       var C = l.displayName || l.name || "";
-      return C !== "" ? u + "(" + C + ")" : u;
+      return C !== "" ? a + "(" + C + ")" : a;
     }
     function J(n) {
       return n.displayName || "Context";
@@ -393,23 +393,23 @@ function P2() {
           return "Fragment";
         case o:
           return "Portal";
-        case a:
+        case i:
           return "Profiler";
         case c:
           return "StrictMode";
         case w:
           return "Suspense";
-        case d:
+        case h:
           return "SuspenseList";
       }
       if (typeof n == "object")
         switch (n.$$typeof) {
-          case h:
+          case u:
             var l = n;
             return J(l) + ".Consumer";
-          case i:
-            var u = n;
-            return J(u._context) + ".Provider";
+          case d:
+            var a = n;
+            return J(a._context) + ".Provider";
           case f:
             return R(n, n.render, "ForwardRef");
           case I:
@@ -489,7 +489,7 @@ function P2() {
       }
     }
     var Z1 = P.ReactCurrentDispatcher, j1;
-    function v1(n, l, u) {
+    function v1(n, l, a) {
       {
         if (j1 === void 0)
           try {
@@ -511,9 +511,9 @@ function P2() {
       if (!n || C1)
         return "";
       {
-        var u = g1.get(n);
-        if (u !== void 0)
-          return u;
+        var a = g1.get(n);
+        if (a !== void 0)
+          return a;
       }
       var v;
       C1 = !0;
@@ -578,14 +578,14 @@ function P2() {
       var Q = n ? n.displayName || n.name : "", Y = Q ? v1(Q) : "";
       return typeof n == "function" && g1.set(n, Y), Y;
     }
-    function C3(n, l, u) {
+    function C3(n, l, a) {
       return H1(n, !1);
     }
     function S3(n) {
       var l = n.prototype;
       return !!(l && l.isReactComponent);
     }
-    function f1(n, l, u) {
+    function f1(n, l, a) {
       if (n == null)
         return "";
       if (typeof n == "function")
@@ -595,7 +595,7 @@ function P2() {
       switch (n) {
         case w:
           return v1("Suspense");
-        case d:
+        case h:
           return v1("SuspenseList");
       }
       if (typeof n == "object")
@@ -603,11 +603,11 @@ function P2() {
           case f:
             return C3(n.render);
           case I:
-            return f1(n.type, l, u);
+            return f1(n.type, l, a);
           case $: {
             var v = n, C = v._payload, b = v._init;
             try {
-              return f1(b(C), l, u);
+              return f1(b(C), l, a);
             } catch {
             }
           }
@@ -617,12 +617,12 @@ function P2() {
     var n1 = Object.prototype.hasOwnProperty, K1 = {}, G1 = P.ReactDebugCurrentFrame;
     function p1(n) {
       if (n) {
-        var l = n._owner, u = f1(n.type, n._source, l ? l.type : null);
-        G1.setExtraStackFrame(u);
+        var l = n._owner, a = f1(n.type, n._source, l ? l.type : null);
+        G1.setExtraStackFrame(a);
       } else
         G1.setExtraStackFrame(null);
     }
-    function b3(n, l, u, v, C) {
+    function b3(n, l, a, v, C) {
       {
         var b = Function.call.bind(n1);
         for (var M in n)
@@ -630,14 +630,14 @@ function P2() {
             var x = void 0;
             try {
               if (typeof n[M] != "function") {
-                var D = Error((v || "React class") + ": " + u + " 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`.");
+                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, v, u, 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) && (p1(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).", v || "React class", u, M, typeof x), p1(null)), x instanceof Error && !(x.message in K1) && (K1[x.message] = !0, p1(C), L("Failed %s type: %s", u, x.message), p1(null));
+            x && !(x instanceof Error) && (p1(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).", v || "React class", a, M, typeof x), p1(null)), x instanceof Error && !(x.message in K1) && (K1[x.message] = !0, p1(C), L("Failed %s type: %s", a, x.message), p1(null));
           }
       }
     }
@@ -647,8 +647,8 @@ function P2() {
     }
     function y3(n) {
       {
-        var l = typeof Symbol == "function" && Symbol.toStringTag, u = l && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return u;
+        var l = typeof Symbol == "function" && Symbol.toStringTag, a = l && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return a;
       }
     }
     function R3(n) {
@@ -690,40 +690,40 @@ function P2() {
     }
     function L3(n, l) {
       if (typeof n.ref == "string" && r1.current && l && r1.current.stateNode !== l) {
-        var u = V(r1.current.type);
-        b1[u] || (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', V(r1.current.type), n.ref), b1[u] = !0);
+        var a = V(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', V(r1.current.type), n.ref), b1[a] = !0);
       }
     }
     function P3(n, l) {
       {
-        var u = function() {
+        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));
         };
-        u.isReactWarning = !0, Object.defineProperty(n, "key", {
-          get: u,
+        a.isReactWarning = !0, Object.defineProperty(n, "key", {
+          get: a,
           configurable: !0
         });
       }
     }
     function $3(n, l) {
       {
-        var u = function() {
+        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));
         };
-        u.isReactWarning = !0, Object.defineProperty(n, "ref", {
-          get: u,
+        a.isReactWarning = !0, Object.defineProperty(n, "ref", {
+          get: a,
           configurable: !0
         });
       }
     }
-    var D3 = function(n, l, u, v, C, b, M) {
+    var D3 = function(n, l, a, v, C, b, M) {
       var x = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
         // Built-in properties that belong on the element
         type: n,
         key: l,
-        ref: u,
+        ref: a,
         props: M,
         // Record the component responsible for creating this element.
         _owner: b
@@ -745,10 +745,10 @@ function P2() {
         value: C
       }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function A3(n, l, u, v, C) {
+    function A3(n, l, a, v, C) {
       {
         var b, M = {}, x = null, D = null;
-        u !== void 0 && (Y1(u), x = "" + u), T3(l) && (Y1(l.key), x = "" + l.key), _3(l) && (D = l.ref, L3(l, C));
+        a !== void 0 && (Y1(a), x = "" + a), T3(l) && (Y1(l.key), x = "" + l.key), _3(l) && (D = l.ref, L3(l, C));
         for (b in l)
           n1.call(l, b) && !E3.hasOwnProperty(b) && (M[b] = l[b]);
         if (n && n.defaultProps) {
@@ -766,8 +766,8 @@ function P2() {
     var I1 = P.ReactCurrentOwner, X1 = P.ReactDebugCurrentFrame;
     function X(n) {
       if (n) {
-        var l = n._owner, u = f1(n.type, n._source, l ? l.type : null);
-        X1.setExtraStackFrame(u);
+        var l = n._owner, a = f1(n.type, n._source, l ? l.type : null);
+        X1.setExtraStackFrame(a);
       } else
         X1.setExtraStackFrame(null);
     }
@@ -796,10 +796,10 @@ Check the render method of \`` + n + "`.";
       {
         var l = Q1();
         if (!l) {
-          var u = typeof n == "string" ? n : n.displayName || n.name;
-          u && (l = `
+          var a = typeof n == "string" ? n : n.displayName || n.name;
+          a && (l = `
 
-Check the top-level render call using <` + u + ">.");
+Check the top-level render call using <` + a + ">.");
         }
         return l;
       }
@@ -809,12 +809,12 @@ Check the top-level render call using <` + u + ">.");
         if (!n._store || n._store.validated || n.key != null)
           return;
         n._store.validated = !0;
-        var u = O3(l);
-        if (N1[u])
+        var a = O3(l);
+        if (N1[a])
           return;
-        N1[u] = !0;
+        N1[a] = !0;
         var v = "";
-        n && n._owner && n._owner !== I1.current && (v = " It was passed a child from " + V(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.', u, v), X(null);
+        n && n._owner && n._owner !== I1.current && (v = " It was passed a child from " + V(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, v), X(null);
       }
     }
     function t3(n, l) {
@@ -822,8 +822,8 @@ Check the top-level render call using <` + u + ">.");
         if (typeof n != "object")
           return;
         if (S1(n))
-          for (var u = 0; u < n.length; u++) {
-            var v = n[u];
+          for (var a = 0; a < n.length; a++) {
+            var v = n[a];
             R1(v) && e3(v, l);
           }
         else if (R1(n))
@@ -841,18 +841,18 @@ Check the top-level render call using <` + u + ">.");
         var l = n.type;
         if (l == null || typeof l == "string")
           return;
-        var u;
+        var a;
         if (typeof l == "function")
-          u = l.propTypes;
+          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 === I))
-          u = l.propTypes;
+          a = l.propTypes;
         else
           return;
-        if (u) {
+        if (a) {
           var v = V(l);
-          b3(u, n.props, "prop", v, n);
+          b3(a, n.props, "prop", v, n);
         } else if (l.PropTypes !== void 0 && !y1) {
           y1 = !0;
           var C = V(l);
@@ -863,8 +863,8 @@ Check the top-level render call using <` + u + ">.");
     }
     function k3(n) {
       {
-        for (var l = Object.keys(n.props), u = 0; u < l.length; u++) {
-          var v = l[u];
+        for (var l = Object.keys(n.props), a = 0; a < l.length; a++) {
+          var v = l[a];
           if (v !== "children" && v !== "key") {
             X(n), L("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), X(null);
             break;
@@ -874,7 +874,7 @@ Check the top-level render call using <` + u + ">.");
       }
     }
     var s3 = {};
-    function o3(n, l, u, v, C, b) {
+    function o3(n, l, a, v, C, b) {
       {
         var M = A(n);
         if (!M) {
@@ -885,7 +885,7 @@ Check the top-level render call using <` + u + ">.");
           var E;
           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, 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);
         }
-        var T = A3(n, l, u, C, b);
+        var T = A3(n, l, a, C, b);
         if (T == null)
           return T;
         if (M) {
@@ -918,11 +918,11 @@ React keys must be passed directly to JSX without using spread:
         return n === r ? k3(T) : V3(T), T;
       }
     }
-    function U3(n, l, u) {
-      return o3(n, l, u, !0);
+    function U3(n, l, a) {
+      return o3(n, l, a, !0);
     }
-    function F3(n, l, u) {
-      return o3(n, l, u, !1);
+    function F3(n, l, a) {
+      return o3(n, l, a, !1);
     }
     var W3 = F3, H3 = U3;
     i1.Fragment = r, i1.jsx = W3, i1.jsxs = H3;
@@ -962,24 +962,24 @@ function V2(t, e) {
   sessionStorage.setItem(t, e);
 }
 const k2 = ({ children: t }) => {
-  const [e, o] = W(), r = C2(), c = S2(), a = b2(), i = T2(), h = a2(), f = I2(), w = y2(), d = R2(), I = u1(null), [$, U] = W(), O = u1({}), z = c1(
+  const [e, o] = W(), r = C2(), c = S2(), i = b2(), d = T2(), u = a2(), f = I2(), w = y2(), h = R2(), I = u1(null), [$, U] = W(), O = u1({}), z = c1(
     async (y) => {
       try {
         const j = await L1.get(`${y}/ui/joinroom?token=${e}`);
         return j.status === 200 && j.data ? (m.dispatch(F.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), h ? !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]
+    [e, h]
   ), s1 = c1(() => {
-    const y = `${h.gatewayAppPath}?uuid=${f}&roomKey=${c}`;
+    const y = `${u.gatewayAppPath}?uuid=${f}&roomKey=${c}`;
     window.location.href = w ? `${y}&Code=${w}` : y;
-  }, [h.gatewayAppPath, c, f, w]), P = c1(
+  }, [u.gatewayAppPath, c, f, w]), P = c1(
     (y, j) => {
-      I.current && r && I.current.send(JSON.stringify({ type: y, clientId: a, content: j }));
+      I.current && r && I.current.send(JSON.stringify({ type: y, clientId: i, content: j }));
     },
-    [r, a]
+    [r, i]
   ), L = (y, j) => {
     P(y, { value: j });
   }, x1 = c1(
@@ -992,12 +992,12 @@ const k2 = ({ children: t }) => {
   }, []);
   return t1(() => {
     let j = new URLSearchParams(window.location.search).get("token");
-    j ? (console.log("saving token: ", j), V2(i3.uuid, j)) : (j = O2(i3.uuid), console.log("loading token: ", j)), o(j), i();
+    j ? (console.log("saving token: ", j), V2(i3.uuid, j)) : (j = O2(i3.uuid), console.log("loading token: ", j)), o(j), d();
   }, []), t1(() => {
     async function y() {
-      if (console.log("effect is running"), !(!h.apiPath || $ || !e || !await z(h.apiPath)) && !I.current) {
+      if (console.log("effect is running"), !(!u.apiPath || $ || !e || !await z(u.apiPath)) && !I.current) {
         console.log("connecting to websocket");
-        const m1 = `${h.apiPath.replace("http", "ws")}/ui/join/${e}`, K = new WebSocket(m1);
+        const m1 = `${u.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(F.setWebsocketIsConnected(!0));
         }, K.onerror = (A) => {
@@ -1007,7 +1007,7 @@ const k2 = ({ children: t }) => {
             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());
             return;
           }
-          if (A.code === 4001 && !d) {
+          if (A.code === 4001 && !h) {
             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());
             return;
           }
@@ -1080,9 +1080,9 @@ const k2 = ({ children: t }) => {
     return y(), () => {
       I.current && I.current.close(), I.current = null;
     };
-  }, [h.apiPath, z, e, $, d]), t1(() => {
-    !c || !r || (console.log("clientId: ", a), a && (console.log("requesting status from room: ", c), P(`/room/${c}/status`, null)));
-  }, [c, a, r, P]), /* @__PURE__ */ s.jsx(
+  }, [u.apiPath, z, e, $, h]), t1(() => {
+    !c || !r || (console.log("clientId: ", i), i && (console.log("requesting status from room: ", c), P(`/room/${c}/status`, null)));
+  }, [c, i, r, P]), /* @__PURE__ */ s.jsx(
     w3.Provider,
     {
       value: {
@@ -1105,55 +1105,55 @@ function U2({
   onHold: o,
   holdTimeMs: r = 500
 }) {
-  const c = u1(null), a = u1(!1);
-  function i() {
-    a.current = !0, t == null || t(), c.current = setTimeout(() => {
+  const c = u1(null), i = u1(!1);
+  function d() {
+    i.current = !0, t == null || t(), c.current = setTimeout(() => {
       o == null || o(), c.current = null;
     }, r);
   }
-  function h() {
-    a.current = !1, e == null || e(), c.current && (clearTimeout(c.current), c.current = null);
+  function u() {
+    i.current = !1, e == null || e(), c.current && (clearTimeout(c.current), c.current = null);
   }
   function f() {
-    a.current && h();
+    i.current && u();
   }
   return {
-    onPointerDown: i,
-    onPointerUp: h,
+    onPointerDown: d,
+    onPointerUp: u,
     onPointerLeave: f
   };
 }
 function g(t, e) {
   const { sendMessage: r } = S(), c = u1(null);
-  function a() {
+  function i() {
     r(`${t}/${e}`, { value: "pressed" }), c.current || (c.current = setInterval(() => {
       r(`${t}/${e}`, { value: "held" });
     }, 250));
   }
-  function i() {
+  function d() {
     c.current && (clearInterval(c.current), c.current = null), r(`${t}/${e}`, { value: "released" });
   }
-  return U2({ onPress: a, onRelease: i });
+  return U2({ onPress: i, onRelease: d });
 }
 function x3(t, e) {
-  const { sendMessage: o, sendSimpleMessage: r } = S(), c = g(`${t}`, "volumeUp"), a = g(`${t}`, "volumeDown");
+  const { sendMessage: o, sendSimpleMessage: r } = S(), c = g(`${t}`, "volumeUp"), i = g(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
     volumeUp: c,
-    volumeDown: a,
-    setLevel: (d) => r(`${t}/level`, d),
+    volumeDown: i,
+    setLevel: (h) => r(`${t}/level`, h),
     muteToggle: () => o(`${t}/muteToggle`, null),
     muteOn: () => o(`${t}/muteOn`, null),
     muteOff: () => o(`${t}/muteOff`, null)
   } : void 0;
 }
 function Z6(t, e) {
-  const { sendMessage: o, sendSimpleMessage: r } = S(), c = g(`${t}`, "volumeUp"), a = g(`${t}`, "volumeDown");
+  const { sendMessage: o, sendSimpleMessage: r } = S(), c = g(`${t}`, "volumeUp"), i = g(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
     volumeUp: c,
-    volumeDown: a,
-    setLevel: (d) => r(`${t}/level`, d),
+    volumeDown: i,
+    setLevel: (h) => r(`${t}/level`, h),
     muteToggle: () => o(`${t}/muteToggle`, null),
     muteOn: () => o(`${t}/muteOn`, null),
     muteOff: () => o(`${t}/muteOff`, null)
@@ -1184,22 +1184,22 @@ function W2(t) {
     e(`/device/${t}/setDefaultChannelLevels`, null);
   }, c = () => {
     if ((o == null ? void 0 : o.levelControls) === void 0) return;
-    Object.keys(o == null ? void 0 : o.levelControls).forEach((h) => {
-      e(`/device/${t}/${h}/fullStatus`, null);
+    Object.keys(o == null ? void 0 : o.levelControls).forEach((u) => {
+      e(`/device/${t}/${u}/fullStatus`, null);
     });
   };
   return o ? { levelControls: o.levelControls, setDefaultChannelLevels: r, getFullStatus: c } : void 0;
 }
 function j6(t) {
-  const e = _(t), o = M3(t), r = $1(t), c = $1(t), a = F2(t), i = W2(t);
+  const e = _(t), o = M3(t), r = $1(t), c = $1(t), i = F2(t), d = W2(t);
   if (e)
     return {
       avrState: e,
       powerControl: o,
       inputControl: r,
       surroundSoundModes: c,
-      surroundChannels: i,
-      mainVolumeControl: a
+      surroundChannels: d,
+      mainVolumeControl: i
     };
 }
 const C6 = ({ className: t }) => {
@@ -1216,10 +1216,10 @@ const C6 = ({ className: t }) => {
 };
 function S6(t) {
   const { sendMessage: e } = S(), o = _(t), r = `/device/${t}`;
-  return o ? { state: o, recallPreset: (i, h) => {
-    e(`${r}/presets/recall`, { deviceKey: i, preset: h });
-  }, savePresets: (i) => {
-    e(`${r}/presets/save`, i);
+  return o ? { state: o, recallPreset: (d, u) => {
+    e(`${r}/presets/recall`, { deviceKey: d, preset: u });
+  }, savePresets: (d) => {
+    e(`${r}/presets/save`, d);
   } } : void 0;
 }
 function b6(t) {
@@ -1228,12 +1228,12 @@ function b6(t) {
     return { endpointState: e };
 }
 function I6(t) {
-  const e = `/device/${t}`, o = g(e, "chanUp"), r = g(e, "chanDown"), c = g(e, "lastChan"), a = g(e, "guide"), i = g(e, "info"), h = g(e, "exit");
-  return { channelUp: o, channelDown: r, lastChannel: c, guide: a, info: i, exit: h };
+  const e = `/device/${t}`, o = g(e, "chanUp"), r = g(e, "chanDown"), c = g(e, "lastChan"), i = g(e, "guide"), d = g(e, "info"), u = g(e, "exit");
+  return { channelUp: o, channelDown: r, lastChannel: c, guide: i, info: d, exit: u };
 }
 function y6(t) {
-  const e = `/device/${t}`, o = g(e, "red"), r = g(e, "green"), c = g(e, "yellow"), a = g(e, "blue");
-  return { red: o, green: r, yellow: c, blue: a };
+  const e = `/device/${t}`, o = g(e, "red"), r = g(e, "green"), c = g(e, "yellow"), i = g(e, "blue");
+  return { red: o, green: r, yellow: c, blue: i };
 }
 function R6(t) {
   const e = _(t);
@@ -1248,8 +1248,8 @@ function E6(t) {
     return e.deviceInfo || void 0;
 }
 function _6(t) {
-  const e = `/device/${t}`, o = g(e, "up"), r = g(e, "down"), c = g(e, "left"), a = g(e, "right"), i = g(e, "select"), h = g(e, "menu"), f = g(e, "exit");
-  return { up: o, down: r, left: c, right: a, select: i, menu: h, exit: f };
+  const e = `/device/${t}`, o = g(e, "up"), r = g(e, "down"), c = g(e, "left"), i = g(e, "right"), d = g(e, "select"), u = g(e, "menu"), f = g(e, "exit");
+  return { up: o, down: r, left: c, right: i, select: d, menu: u, exit: f };
 }
 function T6(t) {
   const { sendMessage: e } = S();
@@ -1281,13 +1281,13 @@ function $6(t) {
     return { state: e };
 }
 function D6(t) {
-  const { sendMessage: e, sendSimpleMessage: o } = S(), r = _(t), c = j2(t), a = r || c;
-  return a ? {
-    levelState: a,
-    setLevel: (d, I) => o(`${d}/level`, I),
-    muteToggle: (d) => e(`${d}/muteToggle`, null),
-    muteOn: (d) => e(`${d}/muteOn`, null),
-    muteOff: (d) => e(`${d}/muteOff`, null)
+  const { sendMessage: e, sendSimpleMessage: o } = S(), r = _(t), c = j2(t), i = r || c;
+  return i ? {
+    levelState: i,
+    setLevel: (h, I) => o(`${h}/level`, I),
+    muteToggle: (h) => e(`${h}/muteToggle`, null),
+    muteOn: (h) => e(`${h}/muteOn`, null),
+    muteOff: (h) => e(`${h}/muteOff`, null)
   } : void 0;
 }
 function A6(t) {
@@ -1309,8 +1309,8 @@ function O6(t) {
   } };
 }
 function V6(t) {
-  const e = `/device/${t}`, o = g(e, "num0"), r = g(e, "num1"), c = g(e, "num2"), a = g(e, "num3"), i = g(e, "num4"), h = g(e, "num5"), f = g(e, "num6"), w = g(e, "num7"), d = g(e, "num8"), I = g(e, "num9"), $ = g(e, "numDash"), U = g(e, "numEnter");
-  return { digit0: o, digit1: r, digit2: c, digit3: a, digit4: i, digit5: h, digit6: f, digit7: w, digit8: d, digit9: I, keypadAccessoryButton1: $, keypadAccessoryButton2: U };
+  const e = `/device/${t}`, o = g(e, "num0"), r = g(e, "num1"), c = g(e, "num2"), i = g(e, "num3"), d = g(e, "num4"), u = g(e, "num5"), f = g(e, "num6"), w = g(e, "num7"), h = g(e, "num8"), I = g(e, "num9"), $ = g(e, "numDash"), U = g(e, "numEnter");
+  return { digit0: o, digit1: r, digit2: c, digit3: i, digit4: d, digit5: u, digit6: f, digit7: w, digit8: h, digit9: I, keypadAccessoryButton1: $, keypadAccessoryButton2: U };
 }
 function k6(t) {
   const { sendMessage: e } = S(), o = _(t);
@@ -1360,8 +1360,8 @@ function G6(t) {
 }
 function q6(t) {
   const { sendMessage: e } = S(), o = D1(t);
-  return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (h) => {
-    e(`/room/${t}/setShutdownPromptSeconds`, h);
+  return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (u) => {
+    e(`/room/${t}/setShutdownPromptSeconds`, u);
   }, shutdownStart: () => {
     e(`/room/${t}/shutdownStart`, null);
   }, shutdownEnd: () => {
@@ -1380,10 +1380,10 @@ function Y6(t) {
 }
 function z6(t) {
   const { sendMessage: e } = S(), o = D1(t);
-  return o ? { techPasswordState: o, validatePassword: (a) => {
-    e(`/room/${t}/validateTechPassword`, { password: a });
-  }, setPassword: (a, i) => {
-    e(`/room/${t}/setTechPassword`, { oldPassword: a, newPassword: i });
+  return o ? { techPasswordState: o, validatePassword: (i) => {
+    e(`/room/${t}/validateTechPassword`, { password: i });
+  }, setPassword: (i, d) => {
+    e(`/room/${t}/setTechPassword`, { oldPassword: i, newPassword: d });
   } } : void 0;
 }
 function J6(t) {
@@ -1400,8 +1400,8 @@ function X6(t) {
   };
 }
 function Q6(t) {
-  const e = `/device/${t}`, o = g(e, "play"), r = g(e, "pause"), c = g(e, "stop"), a = g(e, "prevTrack"), i = g(e, "nextTrack"), h = g(e, "rewind"), f = g(e, "ffwd"), w = g(e, "record");
-  return { play: o, pause: r, stop: c, prevTrack: a, nextTrack: i, rewind: h, fastForward: f, record: w };
+  const e = `/device/${t}`, o = g(e, "play"), r = g(e, "pause"), c = g(e, "stop"), i = g(e, "prevTrack"), d = g(e, "nextTrack"), u = g(e, "rewind"), f = g(e, "ffwd"), w = g(e, "record");
+  return { play: o, pause: r, stop: c, prevTrack: i, nextTrack: d, rewind: u, fastForward: f, record: w };
 }
 function N6(t) {
   const e = _(t), { sendMessage: o } = S();
@@ -1422,51 +1422,51 @@ function N6(t) {
 function ee(t) {
   const e = _(t), o = M3(t), r = $1(t);
   if (!e) return;
-  const c = (e.powerState || e.isWarming) && !e.isCooling, a = (!e.powerState || e.isCooling) && !e.isWarming;
+  const c = (e.powerState || e.isWarming) && !e.isCooling, i = (!e.powerState || e.isCooling) && !e.isWarming;
   return {
     displayState: e,
     powerControl: o,
     inputControl: r,
-    powerFb: { powerOnFb: c, powerOffFb: a }
+    powerFb: { powerOnFb: c, powerOffFb: i }
   };
 }
 const te = ({ config: t }) => {
   const { sendMessage: e } = S();
   t1(() => {
-    var r, c, a;
+    var r, c, i, d;
     if (!t)
       return;
     const o = [];
-    Object.values(t.destinations).forEach((i) => {
-      o.push(i);
-    }), Object.values(t.destinationList).forEach((i) => {
-      o.push(i.sinkKey);
-    }), t.audioControlPointList && Object.values((r = t.audioControlPointList) == null ? void 0 : r.levelControls).forEach((i) => {
-      i.itemKey ? o.push(i.parentDeviceKey + "--" + i.itemKey) : o.push(i.parentDeviceKey);
-    }), (c = t.touchpanelKeys) == null || c.forEach((i) => {
-      o.push(i);
-    }), t.environmentalDevices.forEach((i) => {
-      o.push(i.deviceKey);
-    }), (a = t.accessoryDeviceKeys) == null || a.forEach((i) => {
-      o.push(i);
-    }), t.audioCodecKey && o.push(t.audioCodecKey), t.videoCodecKey && o.push(t.videoCodecKey), t.matrixRoutingKey && o.push(t.matrixRoutingKey), t.roomCombinerKey && o.push(t.roomCombinerKey), t.endpointKeys && t.endpointKeys.forEach((i) => {
-      o.push(i);
-    });
-    for (const i of Object.values(t.sourceList))
-      i.sourceKey && i.sourceKey !== "$off" && o.push(i.sourceKey);
-    console.log("deviceKeys", o), o.forEach((i) => {
-      e(`/device/${i}/fullStatus`, { deviceKey: i });
+    if (t.destinations && Object.values(t.destinations).forEach((u) => {
+      o.push(u);
+    }), t.destinationList && Object.values(t.destinationList).forEach((u) => {
+      o.push(u.sinkKey);
+    }), t.audioControlPointList && Object.values((r = t.audioControlPointList) == null ? void 0 : r.levelControls).forEach((u) => {
+      u.itemKey ? o.push(u.parentDeviceKey + "--" + u.itemKey) : o.push(u.parentDeviceKey);
+    }), (c = t.touchpanelKeys) == null || c.forEach((u) => {
+      o.push(u);
+    }), (i = t.environmentalDevices) == null || i.forEach((u) => {
+      o.push(u.deviceKey);
+    }), (d = t.accessoryDeviceKeys) == null || d.forEach((u) => {
+      o.push(u);
+    }), t.audioCodecKey && o.push(t.audioCodecKey), t.videoCodecKey && o.push(t.videoCodecKey), t.matrixRoutingKey && o.push(t.matrixRoutingKey), t.roomCombinerKey && o.push(t.roomCombinerKey), t.endpointKeys && t.endpointKeys.forEach((u) => {
+      o.push(u);
+    }), t.sourceList)
+      for (const u of Object.values(t.sourceList))
+        u.sourceKey && u.sourceKey !== "$off" && o.push(u.sourceKey);
+    console.log("deviceKeys", o), o.forEach((u) => {
+      e(`/device/${u}/fullStatus`, { deviceKey: u });
     });
   }, [t, e]);
 };
 function se(t, e) {
-  const [o, r] = W(!1), [c, a] = W(!1);
+  const [o, r] = W(!1), [c, i] = W(!1);
   return d3(() => {
-    const { current: i } = t, h = () => {
-      const f = i && i.scrollHeight > i.clientHeight, w = i && i.scrollWidth > i.clientWidth;
-      a(f ?? !1), r(w ?? !1), e && e(f ?? !1, w ?? !1);
+    const { current: d } = t, u = () => {
+      const f = d && d.scrollHeight > d.clientHeight, w = d && d.scrollWidth > d.clientWidth;
+      i(f ?? !1), r(w ?? !1), e && e(f ?? !1, w ?? !1);
     };
-    i && h();
+    d && u();
   }, [t, e]), { overflowHorizontal: o, overflowVertical: c };
 }
 function oe(t, e) {
@@ -1474,20 +1474,20 @@ function oe(t, e) {
   return x3(r, o);
 }
 function ne(t) {
-  var h, f;
-  const [e, o] = W(((h = t == null ? void 0 : t.current) == null ? void 0 : h.scrollLeft) ?? 0), [r, c] = W(((f = t == null ? void 0 : t.current) == null ? void 0 : f.scrollTop) ?? 0), a = (w) => {
-    const { current: d } = t;
-    d && (console.log(d.scrollLeft), d.scrollLeft += w, console.log(d.scrollLeft));
-  }, i = (w) => {
-    const { current: d } = t;
-    d && (console.log(d.scrollTop), d.scrollTop += w, console.log(d.scrollTop));
+  var u, f;
+  const [e, o] = W(((u = t == null ? void 0 : t.current) == null ? void 0 : u.scrollLeft) ?? 0), [r, c] = W(((f = t == null ? void 0 : t.current) == null ? void 0 : f.scrollTop) ?? 0), i = (w) => {
+    const { current: h } = t;
+    h && (console.log(h.scrollLeft), h.scrollLeft += w, console.log(h.scrollLeft));
+  }, d = (w) => {
+    const { current: h } = t;
+    h && (console.log(h.scrollTop), h.scrollTop += w, console.log(h.scrollTop));
   };
   return d3(() => {
-    const { current: w } = t, d = () => {
+    const { current: w } = t, h = () => {
       o((w == null ? void 0 : w.scrollLeft) ?? 0), c((w == null ? void 0 : w.scrollTop) ?? 0);
     };
-    w && d();
-  }, [t]), { horizontalScrollPosition: e, verticalScrollPosition: r, scrollHorizontal: a, scrollVertical: i };
+    w && h();
+  }, [t]), { horizontalScrollPosition: e, verticalScrollPosition: r, scrollHorizontal: i, scrollVertical: d };
 }
 function re() {
   const { sendMessage: t } = S();
@@ -1504,15 +1504,15 @@ function ce() {
   const [t, e] = W(), [o, r] = W();
   function c() {
     e((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
-    const a = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
-    r(a);
+    const i = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
+    r(i);
   }
   return t1(() => {
     c();
-    const a = setInterval(() => {
+    const i = setInterval(() => {
       c();
     }, 1e3);
-    return () => clearInterval(a);
+    return () => clearInterval(i);
   }, []), { date: t, time: o };
 }
 const le = () => {
@@ -1534,28 +1534,28 @@ const le = () => {
   vert: o = !1,
   className: r,
   iconClassName: c = "",
-  otherContentClassName: a = "",
-  disabled: i,
-  feedback: h,
+  otherContentClassName: i = "",
+  disabled: d,
+  feedback: u,
   feedbackClassName: f,
   onPointerDown: w,
-  onPointerUp: d,
+  onPointerUp: h,
   onPointerLeave: I,
   ...$
 }) => {
-  const [U, O] = W(!1), z = !i && h ? f : "", s1 = !i && (U || h);
+  const [U, O] = W(!1), z = !d && u ? f : "", s1 = !d && (U || u);
   return /* @__PURE__ */ s.jsxs(
     "button",
     {
       type: "button",
       className: `${_1.iconbtn} ${o ? _1.iconbtnvert : ""} ${r} ${z}`,
       ...$,
-      disabled: i,
+      disabled: d,
       onPointerDown: (P) => {
         O(!0), w == null || w(P);
       },
       onPointerUp: (P) => {
-        O(!1), d == null || d(P);
+        O(!1), h == null || h(P);
       },
       onPointerLeave: (P) => {
         O(!1), I == null || I(P);
@@ -1566,10 +1566,10 @@ const le = () => {
           {
             className: `${c || _1.iconsm}`,
             active: s1,
-            disabled: i
+            disabled: d
           }
         ),
-        a ? /* @__PURE__ */ s.jsx("div", { className: a, children: e }) : /* @__PURE__ */ s.jsx("div", { children: e })
+        i ? /* @__PURE__ */ s.jsx("div", { className: i, children: e }) : /* @__PURE__ */ s.jsx("div", { children: e })
       ]
     }
   );