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

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

@@ -1,6 +1,6 @@
 var q3 = Object.defineProperty;
 var Y3 = (t, e, o) => e in t ? q3(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var H = (t, e, o) => (Y3(t, typeof e != "symbol" ? e + "" : e, o), o);
+var H = (t, e, o) => Y3(t, typeof e != "symbol" ? e + "" : e, o);
 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 s2 } from "@reduxjs/toolkit";
@@ -35,9 +35,8 @@ const d2 = {
   reducers: {
     setDeviceState(t, e) {
       const o = e.payload.type, r = o.slice(o.lastIndexOf("/") + 1);
-      if (!r)
-        return;
-      const c = e.payload.content, u = t[r] ?? {}, i = a3.merge(u, c);
+      if (!r) return;
+      const c = e.payload.content, a = t[r] ?? {}, i = a3.merge(a, c);
       return t[r] = i, t;
     },
     clearDevices() {
@@ -50,11 +49,10 @@ const d2 = {
   reducers: {
     setRoomState(t, e) {
       const o = e.payload.type, r = o.slice(o.lastIndexOf("/") + 1);
-      if (console.log(o, r), !r)
-        return;
+      if (console.log(o, r), !r) return;
       const c = e.payload.content;
       console.log(c);
-      const u = t[r] ?? {}, i = a3.merge(u, c);
+      const a = t[r] ?? {}, i = a3.merge(a, c);
       return t[r] = i, console.log(t), t;
     },
     clearRooms() {
@@ -84,7 +82,9 @@ const d2 = {
         essentialsVersion: "",
         pepperDashCoreVersion: "",
         essentialsPlugins: []
-      }
+      },
+      rooms: [],
+      devices: []
     },
     userCode: "",
     qrUrl: ""
@@ -213,8 +213,8 @@ const d2 = {
   }
 ), t6 = (t) => p(
   (e) => {
-    var o, r, c, u, i, h, f, w;
-    return (r = (o = e.rooms[t]) == null ? void 0 : o.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 : ((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, 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) || "";
   }
 ), s6 = (t) => p(
   (e) => {
@@ -261,8 +261,7 @@ const d2 = {
     }
   ],
   (e, o, r) => {
-    if (console.log("roomKey", e), console.log("devices", o), console.log("destinations", r), !r)
-      return;
+    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));
   }
@@ -292,8 +291,8 @@ function T2() {
       if (r.status == 200 && r.data) {
         const c = r.data.apiPath;
         t(h2.setAppConfig(r.data));
-        const u = await L1.get(`${c}/version`);
-        u.status == 200 && u.data && t(F.setRuntimeConfig(u.data));
+        const a = await L1.get(`${c}/version`);
+        a.status == 200 && a.data && t(F.setRuntimeConfig(a.data));
       }
     } catch (e) {
       console.error("Error getting config", e);
@@ -304,7 +303,7 @@ function T2() {
 var P1 = { exports: {} }, l1 = {};
 /**
  * @license React
- * react-jsx-runtime.development.js
+ * react-jsx-runtime.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
@@ -313,8 +312,32 @@ var P1 = { exports: {} }, l1 = {};
  */
 var c3;
 function L2() {
-  return c3 || (c3 = 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"), u = 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";
+  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;
+    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 };
+  }
+  return l1.Fragment = o, l1.jsx = i, l1.jsxs = i, l1;
+}
+var i1 = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+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";
     function s1(n) {
       if (n === null || typeof n != "object")
         return null;
@@ -324,16 +347,16 @@ function L2() {
     var P = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function L(n) {
       {
-        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);
+        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);
       }
     }
-    function x1(n, l, a) {
+    function x1(n, l, u) {
       {
         var v = P.ReactDebugCurrentFrame, C = v.getStackAddendum();
-        C !== "" && (l += "%s", a = a.concat([C]));
-        var b = a.map(function(M) {
+        C !== "" && (l += "%s", u = u.concat([C]));
+        var b = u.map(function(M) {
           return String(M);
         });
         b.unshift("Warning: " + l), Function.prototype.apply.call(console[n], console, b);
@@ -342,18 +365,18 @@ function L2() {
     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 === 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 === 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
       // 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) {
+    function R(n, l, u) {
       var v = n.displayName;
       if (v)
         return v;
       var C = l.displayName || l.name || "";
-      return C !== "" ? a + "(" + C + ")" : a;
+      return C !== "" ? u + "(" + C + ")" : u;
     }
     function J(n) {
       return n.displayName || "Context";
@@ -370,7 +393,7 @@ function L2() {
           return "Fragment";
         case o:
           return "Portal";
-        case u:
+        case a:
           return "Profiler";
         case c:
           return "StrictMode";
@@ -385,8 +408,8 @@ function L2() {
             var l = n;
             return J(l) + ".Consumer";
           case i:
-            var a = n;
-            return J(a._context) + ".Provider";
+            var u = n;
+            return J(u._context) + ".Provider";
           case f:
             return R(n, n.render, "ForwardRef");
           case I:
@@ -466,7 +489,7 @@ function L2() {
       }
     }
     var Z1 = P.ReactCurrentDispatcher, j1;
-    function v1(n, l, a) {
+    function v1(n, l, u) {
       {
         if (j1 === void 0)
           try {
@@ -488,9 +511,9 @@ function L2() {
       if (!n || C1)
         return "";
       {
-        var a = g1.get(n);
-        if (a !== void 0)
-          return a;
+        var u = g1.get(n);
+        if (u !== void 0)
+          return u;
       }
       var v;
       C1 = !0;
@@ -555,14 +578,14 @@ function L2() {
       var Q = n ? n.displayName || n.name : "", Y = Q ? v1(Q) : "";
       return typeof n == "function" && g1.set(n, Y), Y;
     }
-    function C3(n, l, a) {
+    function C3(n, l, u) {
       return H1(n, !1);
     }
     function S3(n) {
       var l = n.prototype;
       return !!(l && l.isReactComponent);
     }
-    function f1(n, l, a) {
+    function f1(n, l, u) {
       if (n == null)
         return "";
       if (typeof n == "function")
@@ -580,11 +603,11 @@ function L2() {
           case f:
             return C3(n.render);
           case I:
-            return f1(n.type, l, a);
+            return f1(n.type, l, u);
           case $: {
             var v = n, C = v._payload, b = v._init;
             try {
-              return f1(b(C), l, a);
+              return f1(b(C), l, u);
             } catch {
             }
           }
@@ -594,12 +617,12 @@ function L2() {
     var n1 = Object.prototype.hasOwnProperty, K1 = {}, G1 = P.ReactDebugCurrentFrame;
     function p1(n) {
       if (n) {
-        var l = n._owner, a = f1(n.type, n._source, l ? l.type : null);
-        G1.setExtraStackFrame(a);
+        var l = n._owner, u = f1(n.type, n._source, l ? l.type : null);
+        G1.setExtraStackFrame(u);
       } else
         G1.setExtraStackFrame(null);
     }
-    function b3(n, l, a, v, C) {
+    function b3(n, l, u, v, C) {
       {
         var b = Function.call.bind(n1);
         for (var M in n)
@@ -607,14 +630,14 @@ function L2() {
             var x = void 0;
             try {
               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`.");
+                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`.");
                 throw D.name = "Invariant Violation", D;
               }
-              x = n[M](l, M, v, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              x = n[M](l, M, v, u, 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", 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));
+            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));
           }
       }
     }
@@ -624,8 +647,8 @@ function L2() {
     }
     function y3(n) {
       {
-        var l = typeof Symbol == "function" && Symbol.toStringTag, a = l && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return a;
+        var l = typeof Symbol == "function" && Symbol.toStringTag, u = l && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return u;
       }
     }
     function R3(n) {
@@ -667,40 +690,40 @@ function L2() {
     }
     function L3(n, l) {
       if (typeof n.ref == "string" && r1.current && l && r1.current.stateNode !== l) {
-        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);
+        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);
       }
     }
     function P3(n, l) {
       {
-        var a = function() {
+        var u = 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));
         };
-        a.isReactWarning = !0, Object.defineProperty(n, "key", {
-          get: a,
+        u.isReactWarning = !0, Object.defineProperty(n, "key", {
+          get: u,
           configurable: !0
         });
       }
     }
     function $3(n, l) {
       {
-        var a = function() {
+        var u = 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));
         };
-        a.isReactWarning = !0, Object.defineProperty(n, "ref", {
-          get: a,
+        u.isReactWarning = !0, Object.defineProperty(n, "ref", {
+          get: u,
           configurable: !0
         });
       }
     }
-    var D3 = function(n, l, a, v, C, b, M) {
+    var D3 = function(n, l, u, 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: a,
+        ref: u,
         props: M,
         // Record the component responsible for creating this element.
         _owner: b
@@ -722,10 +745,10 @@ function L2() {
         value: C
       }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function A3(n, l, a, v, C) {
+    function A3(n, l, u, v, C) {
       {
         var b, M = {}, x = null, D = null;
-        a !== void 0 && (Y1(a), x = "" + a), T3(l) && (Y1(l.key), x = "" + l.key), _3(l) && (D = l.ref, L3(l, C));
+        u !== void 0 && (Y1(u), x = "" + u), 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) {
@@ -743,8 +766,8 @@ function L2() {
     var I1 = P.ReactCurrentOwner, X1 = P.ReactDebugCurrentFrame;
     function X(n) {
       if (n) {
-        var l = n._owner, a = f1(n.type, n._source, l ? l.type : null);
-        X1.setExtraStackFrame(a);
+        var l = n._owner, u = f1(n.type, n._source, l ? l.type : null);
+        X1.setExtraStackFrame(u);
       } else
         X1.setExtraStackFrame(null);
     }
@@ -766,25 +789,17 @@ Check the render method of \`` + n + "`.";
       }
     }
     function B3(n) {
-      {
-        if (n !== void 0) {
-          var l = n.fileName.replace(/^.*[\\\/]/, ""), a = n.lineNumber;
-          return `
-
-Check your code at ` + l + ":" + a + ".";
-        }
-        return "";
-      }
+      return "";
     }
     var N1 = {};
     function O3(n) {
       {
         var l = Q1();
         if (!l) {
-          var a = typeof n == "string" ? n : n.displayName || n.name;
-          a && (l = `
+          var u = typeof n == "string" ? n : n.displayName || n.name;
+          u && (l = `
 
-Check the top-level render call using <` + a + ">.");
+Check the top-level render call using <` + u + ">.");
         }
         return l;
       }
@@ -794,12 +809,12 @@ Check the top-level render call using <` + a + ">.");
         if (!n._store || n._store.validated || n.key != null)
           return;
         n._store.validated = !0;
-        var a = O3(l);
-        if (N1[a])
+        var u = O3(l);
+        if (N1[u])
           return;
-        N1[a] = !0;
+        N1[u] = !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.', a, 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.', u, v), X(null);
       }
     }
     function t3(n, l) {
@@ -807,8 +822,8 @@ Check the top-level render call using <` + a + ">.");
         if (typeof n != "object")
           return;
         if (S1(n))
-          for (var a = 0; a < n.length; a++) {
-            var v = n[a];
+          for (var u = 0; u < n.length; u++) {
+            var v = n[u];
             R1(v) && e3(v, l);
           }
         else if (R1(n))
@@ -826,18 +841,18 @@ Check the top-level render call using <` + a + ">.");
         var l = n.type;
         if (l == null || typeof l == "string")
           return;
-        var a;
+        var u;
         if (typeof l == "function")
-          a = l.propTypes;
+          u = 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))
-          a = l.propTypes;
+          u = l.propTypes;
         else
           return;
-        if (a) {
+        if (u) {
           var v = V(l);
-          b3(a, n.props, "prop", v, n);
+          b3(u, n.props, "prop", v, n);
         } else if (l.PropTypes !== void 0 && !y1) {
           y1 = !0;
           var C = V(l);
@@ -848,8 +863,8 @@ Check the top-level render call using <` + a + ">.");
     }
     function k3(n) {
       {
-        for (var l = Object.keys(n.props), a = 0; a < l.length; a++) {
-          var v = l[a];
+        for (var l = Object.keys(n.props), u = 0; u < l.length; u++) {
+          var v = l[u];
           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;
@@ -859,18 +874,18 @@ Check the top-level render call using <` + a + ">.");
       }
     }
     var s3 = {};
-    function o3(n, l, a, v, C, b) {
+    function o3(n, l, u, v, C, b) {
       {
         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);
+          var D = B3();
           D ? x += D : x += Q1();
           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, a, C, b);
+        var T = A3(n, l, u, C, b);
         if (T == null)
           return T;
         if (M) {
@@ -903,45 +918,17 @@ React keys must be passed directly to JSX without using spread:
         return n === r ? k3(T) : V3(T), T;
       }
     }
-    function U3(n, l, a) {
-      return o3(n, l, a, !0);
+    function U3(n, l, u) {
+      return o3(n, l, u, !0);
     }
-    function F3(n, l, a) {
-      return o3(n, l, a, !1);
+    function F3(n, l, u) {
+      return o3(n, l, u, !1);
     }
     var W3 = F3, H3 = U3;
-    l1.Fragment = r, l1.jsx = W3, l1.jsxs = H3;
-  }()), l1;
-}
-var i1 = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var l3;
-function P2() {
-  if (l3)
-    return i1;
-  l3 = 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, u = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(h, f, w) {
-    var d, 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) && !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: $, ref: U, props: I, _owner: c.current };
-  }
-  return i1.Fragment = o, i1.jsx = i, i1.jsxs = i, i1;
+    i1.Fragment = r, i1.jsx = W3, i1.jsxs = H3;
+  }()), i1;
 }
-process.env.NODE_ENV === "production" ? P1.exports = P2() : P1.exports = L2();
+process.env.NODE_ENV === "production" ? P1.exports = L2() : P1.exports = P2();
 var s = P1.exports;
 const $2 = "_mwfit_ppa3l_1", D2 = {
   mwfit: $2
@@ -975,7 +962,7 @@ function V2(t, e) {
   sessionStorage.setItem(t, e);
 }
 const k2 = ({ children: t }) => {
-  const [e, o] = W(), r = C2(), c = S2(), u = 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(), a = b2(), i = T2(), h = a2(), f = I2(), w = y2(), d = R2(), I = u1(null), [$, U] = W(), O = u1({}), z = c1(
     async (y) => {
       try {
         const j = await L1.get(`${y}/ui/joinroom?token=${e}`);
@@ -990,9 +977,9 @@ const k2 = ({ children: t }) => {
     window.location.href = w ? `${y}&Code=${w}` : y;
   }, [h.gatewayAppPath, c, f, w]), P = c1(
     (y, j) => {
-      I.current && r && I.current.send(JSON.stringify({ type: y, clientId: u, content: j }));
+      I.current && r && I.current.send(JSON.stringify({ type: y, clientId: a, content: j }));
     },
-    [r, u]
+    [r, a]
   ), L = (y, j) => {
     P(y, { value: j });
   }, x1 = c1(
@@ -1083,8 +1070,7 @@ const k2 = ({ children: t }) => {
                   console.error(G);
                 }
               });
-            } else
-              R.type.startsWith("/room/") ? m.dispatch(e1.setRoomState(R)) : R.type.startsWith("/device/") && m.dispatch(N.setDeviceState(R));
+            } else R.type.startsWith("/room/") ? m.dispatch(e1.setRoomState(R)) : R.type.startsWith("/device/") && m.dispatch(N.setDeviceState(R));
           } catch (R) {
             console.log(R);
           }
@@ -1095,8 +1081,8 @@ const k2 = ({ children: t }) => {
       I.current && I.current.close(), I.current = null;
     };
   }, [h.apiPath, z, e, $, d]), t1(() => {
-    !c || !r || (console.log("clientId: ", u), u && (console.log("requesting status from room: ", c), P(`/room/${c}/status`, null)));
-  }, [c, u, r, P]), /* @__PURE__ */ s.jsx(
+    !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(
     w3.Provider,
     {
       value: {
@@ -1119,17 +1105,17 @@ function U2({
   onHold: o,
   holdTimeMs: r = 500
 }) {
-  const c = u1(null), u = u1(!1);
+  const c = u1(null), a = u1(!1);
   function i() {
-    u.current = !0, t == null || t(), c.current = setTimeout(() => {
+    a.current = !0, t == null || t(), c.current = setTimeout(() => {
       o == null || o(), c.current = null;
     }, r);
   }
   function h() {
-    u.current = !1, e == null || e(), c.current && (clearTimeout(c.current), c.current = null);
+    a.current = !1, e == null || e(), c.current && (clearTimeout(c.current), c.current = null);
   }
   function f() {
-    u.current && h();
+    a.current && h();
   }
   return {
     onPointerDown: i,
@@ -1139,7 +1125,7 @@ function U2({
 }
 function g(t, e) {
   const { sendMessage: r } = S(), c = u1(null);
-  function u() {
+  function a() {
     r(`${t}/${e}`, { value: "pressed" }), c.current || (c.current = setInterval(() => {
       r(`${t}/${e}`, { value: "held" });
     }, 250));
@@ -1147,14 +1133,14 @@ function g(t, e) {
   function i() {
     c.current && (clearInterval(c.current), c.current = null), r(`${t}/${e}`, { value: "released" });
   }
-  return U2({ onPress: u, onRelease: i });
+  return U2({ onPress: a, onRelease: i });
 }
 function x3(t, e) {
-  const { sendMessage: o, sendSimpleMessage: r } = S(), c = g(`${t}`, "volumeUp"), u = g(`${t}`, "volumeDown");
+  const { sendMessage: o, sendSimpleMessage: r } = S(), c = g(`${t}`, "volumeUp"), a = g(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
     volumeUp: c,
-    volumeDown: u,
+    volumeDown: a,
     setLevel: (d) => r(`${t}/level`, d),
     muteToggle: () => o(`${t}/muteToggle`, null),
     muteOn: () => o(`${t}/muteOn`, null),
@@ -1162,11 +1148,11 @@ function x3(t, e) {
   } : void 0;
 }
 function Z6(t, e) {
-  const { sendMessage: o, sendSimpleMessage: r } = S(), c = g(`${t}`, "volumeUp"), u = g(`${t}`, "volumeDown");
+  const { sendMessage: o, sendSimpleMessage: r } = S(), c = g(`${t}`, "volumeUp"), a = g(`${t}`, "volumeDown");
   return e ? {
     volumeState: e,
     volumeUp: c,
-    volumeDown: u,
+    volumeDown: a,
     setLevel: (d) => r(`${t}/level`, d),
     muteToggle: () => o(`${t}/muteToggle`, null),
     muteOn: () => o(`${t}/muteOn`, null),
@@ -1197,8 +1183,7 @@ function W2(t) {
   const { sendMessage: e } = S(), o = _(t), r = () => {
     e(`/device/${t}/setDefaultChannelLevels`, null);
   }, c = () => {
-    if ((o == null ? void 0 : o.levelControls) === void 0)
-      return;
+    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);
     });
@@ -1206,7 +1191,7 @@ function W2(t) {
   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), u = F2(t), i = W2(t);
+  const e = _(t), o = M3(t), r = $1(t), c = $1(t), a = F2(t), i = W2(t);
   if (e)
     return {
       avrState: e,
@@ -1214,7 +1199,7 @@ function j6(t) {
       inputControl: r,
       surroundSoundModes: c,
       surroundChannels: i,
-      mainVolumeControl: u
+      mainVolumeControl: a
     };
 }
 const C6 = ({ className: t }) => {
@@ -1243,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"), u = g(e, "guide"), i = g(e, "info"), h = g(e, "exit");
-  return { channelUp: o, channelDown: r, lastChannel: c, guide: u, info: i, exit: h };
+  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 };
 }
 function y6(t) {
-  const e = `/device/${t}`, o = g(e, "red"), r = g(e, "green"), c = g(e, "yellow"), u = g(e, "blue");
-  return { red: o, green: r, yellow: c, blue: u };
+  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 };
 }
 function R6(t) {
   const e = _(t);
@@ -1263,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"), u = g(e, "right"), i = g(e, "select"), h = g(e, "menu"), f = g(e, "exit");
-  return { up: o, down: r, left: c, right: u, select: i, menu: h, exit: f };
+  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 };
 }
 function T6(t) {
   const { sendMessage: e } = S();
@@ -1296,9 +1281,9 @@ function $6(t) {
     return { state: e };
 }
 function D6(t) {
-  const { sendMessage: e, sendSimpleMessage: o } = S(), r = _(t), c = j2(t), u = r || c;
-  return u ? {
-    levelState: u,
+  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),
@@ -1324,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"), u = 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: u, 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"), 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 };
 }
 function k6(t) {
   const { sendMessage: e } = S(), o = _(t);
@@ -1395,10 +1380,10 @@ function Y6(t) {
 }
 function z6(t) {
   const { sendMessage: e } = S(), o = D1(t);
-  return o ? { techPasswordState: o, validatePassword: (u) => {
-    e(`/room/${t}/validateTechPassword`, { password: u });
-  }, setPassword: (u, i) => {
-    e(`/room/${t}/setTechPassword`, { oldPassword: u, newPassword: i });
+  return o ? { techPasswordState: o, validatePassword: (a) => {
+    e(`/room/${t}/validateTechPassword`, { password: a });
+  }, setPassword: (a, i) => {
+    e(`/room/${t}/setTechPassword`, { oldPassword: a, newPassword: i });
   } } : void 0;
 }
 function J6(t) {
@@ -1415,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"), u = 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: u, nextTrack: i, rewind: h, fastForward: f, record: w };
+  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 };
 }
 function N6(t) {
   const e = _(t), { sendMessage: o } = S();
@@ -1436,20 +1421,19 @@ 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, u = (!e.powerState || e.isCooling) && !e.isWarming;
+  if (!e) return;
+  const c = (e.powerState || e.isWarming) && !e.isCooling, a = (!e.powerState || e.isCooling) && !e.isWarming;
   return {
     displayState: e,
     powerControl: o,
     inputControl: r,
-    powerFb: { powerOnFb: c, powerOffFb: u }
+    powerFb: { powerOnFb: c, powerOffFb: a }
   };
 }
 const te = ({ config: t }) => {
   const { sendMessage: e } = S();
   t1(() => {
-    var r, c, u;
+    var r, c, a;
     if (!t)
       return;
     const o = [];
@@ -1463,7 +1447,7 @@ const te = ({ config: t }) => {
       o.push(i);
     }), t.environmentalDevices.forEach((i) => {
       o.push(i.deviceKey);
-    }), (u = t.accessoryDeviceKeys) == null || u.forEach((i) => {
+    }), (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);
@@ -1476,11 +1460,11 @@ const te = ({ config: t }) => {
   }, [t, e]);
 };
 function se(t, e) {
-  const [o, r] = W(!1), [c, u] = W(!1);
+  const [o, r] = W(!1), [c, a] = W(!1);
   return d3(() => {
     const { current: i } = t, h = () => {
       const f = i && i.scrollHeight > i.clientHeight, w = i && i.scrollWidth > i.clientWidth;
-      u(f ?? !1), r(w ?? !1), e && e(f ?? !1, w ?? !1);
+      a(f ?? !1), r(w ?? !1), e && e(f ?? !1, w ?? !1);
     };
     i && h();
   }, [t, e]), { overflowHorizontal: o, overflowVertical: c };
@@ -1491,7 +1475,7 @@ function oe(t, e) {
 }
 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), u = (w) => {
+  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) => {
@@ -1503,7 +1487,7 @@ function ne(t) {
       o((w == null ? void 0 : w.scrollLeft) ?? 0), c((w == null ? void 0 : w.scrollTop) ?? 0);
     };
     w && d();
-  }, [t]), { horizontalScrollPosition: e, verticalScrollPosition: r, scrollHorizontal: u, scrollVertical: i };
+  }, [t]), { horizontalScrollPosition: e, verticalScrollPosition: r, scrollHorizontal: a, scrollVertical: i };
 }
 function re() {
   const { sendMessage: t } = S();
@@ -1520,15 +1504,15 @@ function ce() {
   const [t, e] = W(), [o, r] = W();
   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" });
-    r(u);
+    const a = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
+    r(a);
   }
   return t1(() => {
     c();
-    const u = setInterval(() => {
+    const a = setInterval(() => {
       c();
     }, 1e3);
-    return () => clearInterval(u);
+    return () => clearInterval(a);
   }, []), { date: t, time: o };
 }
 const le = () => {
@@ -1550,7 +1534,7 @@ const le = () => {
   vert: o = !1,
   className: r,
   iconClassName: c = "",
-  otherContentClassName: u = "",
+  otherContentClassName: a = "",
   disabled: i,
   feedback: h,
   feedbackClassName: f,
@@ -1585,7 +1569,7 @@ const le = () => {
             disabled: i
           }
         ),
-        /* @__PURE__ */ s.jsx("div", { className: u, children: e })
+        a ? /* @__PURE__ */ s.jsx("div", { className: a, children: e }) : /* @__PURE__ */ s.jsx("div", { children: e })
       ]
     }
   );