@pepperdash/mobile-control-react-app-core 1.21.0-feature-add-deviceInterfaceSupport-to-joinroom-response.4 → 1.21.0-feature-add-deviceInterfaceSupport-to-joinroom-response.6

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

@@ -26,107 +26,107 @@ const m3 = l2.withTypes(), p = i2.withTypes(), j1 = (e) => e.appConfig, w2 = w(
   Z3,
   (t) => t[e] ? t[e] : void 0
 ), H6 = () => p(j3);
-function y(e) {
+function R(e) {
   return p(j2(e));
 }
-const D = (e) => e.rooms, S2 = (e) => w(
-  D,
+const _ = (e) => e.rooms, S2 = (e) => w(
+  _,
   (t) => t[e] ? t[e].configuration : void 0
 ), C2 = w(
-  D,
+  _,
   (e) => e
 ), b2 = (e) => w(
-  D,
+  _,
   (t) => t[e] ? t[e] : void 0
 ), I2 = (e) => w(
-  D,
+  _,
   (t) => t[e] ? t[e].name : void 0
-), R2 = (e, t) => w(
-  D,
+), y2 = (e, t) => w(
+  _,
   (n) => n[e] ? n[e].volumes[t] : void 0
-), y2 = (e) => w(
-  D,
+), R2 = (e) => w(
+  _,
   (t) => t[e] ? t[e] : void 0
 ), E2 = (e) => w(
-  D,
+  _,
   (t) => {
     var n, c;
     return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.sourceList : void 0;
   }
 ), P2 = (e) => w(
-  D,
+  _,
   (t) => {
     var n, c;
     return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.audioControlPointList : void 0;
   }
-), T2 = (e) => w(
-  D,
+), D2 = (e) => w(
+  _,
   (t) => {
     var n, c;
     return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.destinations : void 0;
   }
-), _2 = (e) => w(
-  D,
+), T2 = (e) => w(
+  _,
   (t) => {
     var n, c;
     return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.destinationList : void 0;
   }
-), D2 = (e) => w(
-  D,
+), _2 = (e) => w(
+  _,
   (t) => {
     var n, c;
     return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.environmentalDevices : void 0;
   }
 ), L2 = (e) => w(
-  D,
+  _,
   (t) => {
     var n, c, r, i, d, a, g, x;
     return (c = (n = t[e]) == null ? void 0 : n.configuration) != null && c.destinationList.programAudio ? (d = (i = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : d.sinkKey : ((x = (g = (a = t[e]) == null ? void 0 : a.configuration) == null ? void 0 : g.destinationList.defaultDisplay) == null ? void 0 : x.sinkKey) || "";
   }
 ), $2 = (e) => w(
-  D,
+  _,
   (t) => {
     var n, c, r;
     return t[e] ? (r = (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.destinationList.codecContent) == null ? void 0 : r.sinkKey : void 0;
   }
 ), A2 = (e) => w(
-  D,
+  _,
   (t) => {
     var n;
     return t[e] ? (n = t[e]) == null ? void 0 : n.isInCall : void 0;
   }
 ), B2 = (e) => w(
-  D,
+  _,
   (t) => {
     var n;
     return t[e] ? (n = t[e]) == null ? void 0 : n.isWarmingUp : void 0;
   }
 ), O2 = (e) => w(
-  D,
+  _,
   (t) => {
     var n;
     return t[e] ? (n = t[e]) == null ? void 0 : n.isCoolingDown : void 0;
   }
 ), V2 = (e) => w(
-  D,
+  _,
   (t) => {
     var n;
     return t[e] ? (n = t[e]) == null ? void 0 : n.isOn : void 0;
   }
 ), k2 = (e) => w(
-  D,
+  _,
   (t) => {
     var n;
     return t[e] ? (n = t[e]) == null ? void 0 : n.advancedSharingActive : void 0;
   }
 ), U2 = (e) => w(
-  D,
+  _,
   (t) => {
     var n;
     return t[e] ? (n = t[e]) == null ? void 0 : n.share : void 0;
   }
 ), W2 = (e) => w(
-  D,
+  _,
   (t) => {
     var n, c;
     return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.zoomRoomControllerKey : void 0;
@@ -160,8 +160,8 @@ function S1(e) {
 const q6 = S1, Y6 = (e) => p(
   I2(e)
 ), H2 = (e, t) => p(
-  R2(e, t)
-), K2 = (e) => p(y2(e)) || void 0, z6 = (e) => p(E2(e)), J6 = (e) => p(P2(e)), X6 = (e) => p(T2(e)), Q6 = (e) => p(_2(e)), N6 = (e) => p(D2(e)), ee = (e) => p(L2(e)), te = (e) => p($2(e)), se = (e) => p(A2(e)), ne = (e) => p(B2(e)), oe = (e) => p(O2(e)), ce = (e) => p(V2(e)), re = (e) => p(k2(e)), le = (e) => p(U2(e)), ie = (e) => p((t) => F2(t, e)), ae = (e) => p(W2(e)), Y = (e) => e.runtimeConfig, G2 = w(
+  y2(e, t)
+), K2 = (e) => p(R2(e)) || void 0, z6 = (e) => p(E2(e)), J6 = (e) => p(P2(e)), X6 = (e) => p(D2(e)), Q6 = (e) => p(T2(e)), N6 = (e) => p(_2(e)), ee = (e) => p(L2(e)), te = (e) => p($2(e)), se = (e) => p(A2(e)), ne = (e) => p(B2(e)), oe = (e) => p(O2(e)), ce = (e) => p(V2(e)), re = (e) => p(k2(e)), le = (e) => p(U2(e)), ie = (e) => p((t) => F2(t, e)), ae = (e) => p(W2(e)), Y = (e) => e.runtimeConfig, G2 = w(
   Y,
   (e) => e.websocket.isConnected
 ), q2 = w(
@@ -207,7 +207,7 @@ const q6 = S1, Y6 = (e) => p(
 ), a8 = w(t1, (e) => e.error), u8 = w(
   t1,
   (e) => e.showReconnect
-), d8 = w(t1, (e) => e.theme), v8 = (e) => w(t1, (t) => t.syncState.has(e)), ge = () => p(U1("showShutdownModal")), fe = () => p(U1("showIncomingCallModal")), pe = (e) => p(U1(e)), we = (e) => p(l8(e)), xe = (e, t) => p(i8(e, t)), h8 = () => p(a8), g8 = () => p(u8), Me = () => p(d8), f8 = (e) => p(v8(e)), p8 = {
+), d8 = w(t1, (e) => e.theme), v8 = (e) => w(t1, (t) => t.syncState.includes(e)), ge = () => p(U1("showShutdownModal")), fe = () => p(U1("showIncomingCallModal")), pe = (e) => p(U1(e)), we = (e) => p(l8(e)), xe = (e, t) => p(i8(e, t)), h8 = () => p(a8), g8 = () => p(u8), Me = () => p(d8), f8 = (e) => p(v8(e)), p8 = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -215,7 +215,7 @@ const q6 = S1, Y6 = (e) => p(
     showIncomingCallModal: !1
   },
   popoverVisibility: {},
-  syncState: /* @__PURE__ */ new Set()
+  syncState: []
 }, C3 = g1({
   name: "ui",
   initialState: p8,
@@ -251,13 +251,15 @@ const q6 = S1, Y6 = (e) => p(
       e.theme = t.payload;
     },
     addSyncState(e, t) {
-      e.syncState.add(t.payload);
+      e.syncState.includes(t.payload) || e.syncState.push(t.payload);
     },
     removeSyncState(e, t) {
-      e.syncState.delete(t.payload);
+      e.syncState = e.syncState.filter(
+        (n) => n !== t.payload
+      );
     },
     clearSyncState(e) {
-      e.syncState.clear();
+      e.syncState = [];
     }
   }
 }), F = C3.actions, w8 = C3.reducer, x8 = {
@@ -411,7 +413,7 @@ var m1 = { exports: {} }, u1 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var h3;
-function R8() {
+function y8() {
   if (h3) return u1;
   h3 = 1;
   var e = w3, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
@@ -435,7 +437,7 @@ var d1 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var g3;
-function y8() {
+function R8() {
   return g3 || (g3 = 1, process.env.NODE_ENV !== "production" && function() {
     var e = w3, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), a = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), H = Symbol.for("react.offscreen"), k = Symbol.iterator, X = "@@iterator";
     function r1(o) {
@@ -456,10 +458,10 @@ function y8() {
       {
         var f = $.ReactDebugCurrentFrame, C = f.getStackAddendum();
         C !== "" && (l += "%s", u = u.concat([C]));
-        var R = u.map(function(Z) {
+        var y = u.map(function(Z) {
           return String(Z);
         });
-        R.unshift("Warning: " + l), Function.prototype.apply.call(console[o], console, R);
+        y.unshift("Warning: " + l), Function.prototype.apply.call(console[o], console, y);
       }
     }
     var b1 = !1, E = !1, S = !1, f1 = !1, I1 = !1, z;
@@ -516,9 +518,9 @@ function y8() {
             var f = o.displayName || null;
             return f !== null ? f : G(o.type) || "Memo";
           case L: {
-            var C = o, R = C._payload, Z = C._init;
+            var C = o, y = C._payload, Z = C._init;
             try {
-              return G(Z(R));
+              return G(Z(y));
             } catch {
               return null;
             }
@@ -553,7 +555,7 @@ function y8() {
         l1++;
       }
     }
-    function T3() {
+    function D3() {
       {
         if (l1--, l1 === 0) {
           var o = {
@@ -588,24 +590,24 @@ function y8() {
         l1 < 0 && A("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var R1 = $.ReactCurrentDispatcher, y1;
+    var y1 = $.ReactCurrentDispatcher, R1;
     function p1(o, l, u) {
       {
-        if (y1 === void 0)
+        if (R1 === void 0)
           try {
             throw Error();
           } catch (C) {
             var f = C.stack.trim().match(/\n( *(at )?)/);
-            y1 = f && f[1] || "";
+            R1 = f && f[1] || "";
           }
         return `
-` + y1 + o;
+` + R1 + o;
       }
     }
     var E1 = !1, w1;
     {
-      var _3 = typeof WeakMap == "function" ? WeakMap : Map;
-      w1 = new _3();
+      var T3 = typeof WeakMap == "function" ? WeakMap : Map;
+      w1 = new T3();
     }
     function J1(o, l) {
       if (!o || E1)
@@ -619,8 +621,8 @@ function y8() {
       E1 = !0;
       var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var R;
-      R = R1.current, R1.current = null, P3();
+      var y;
+      y = y1.current, y1.current = null, P3();
       try {
         if (l) {
           var Z = function() {
@@ -657,28 +659,28 @@ function y8() {
         if (V && f && typeof V.stack == "string") {
           for (var M = V.stack.split(`
 `), O = f.stack.split(`
-`), T = M.length - 1, _ = O.length - 1; T >= 1 && _ >= 0 && M[T] !== O[_]; )
-            _--;
-          for (; T >= 1 && _ >= 0; T--, _--)
-            if (M[T] !== O[_]) {
-              if (T !== 1 || _ !== 1)
+`), D = M.length - 1, T = O.length - 1; D >= 1 && T >= 0 && M[D] !== O[T]; )
+            T--;
+          for (; D >= 1 && T >= 0; D--, T--)
+            if (M[D] !== O[T]) {
+              if (D !== 1 || T !== 1)
                 do
-                  if (T--, _--, _ < 0 || M[T] !== O[_]) {
+                  if (D--, T--, T < 0 || M[D] !== O[T]) {
                     var U = `
-` + M[T].replace(" at new ", " at ");
+` + M[D].replace(" at new ", " at ");
                     return o.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", o.displayName)), typeof o == "function" && w1.set(o, U), U;
                   }
-                while (T >= 1 && _ >= 0);
+                while (D >= 1 && T >= 0);
               break;
             }
         }
       } finally {
-        E1 = !1, R1.current = R, T3(), Error.prepareStackTrace = C;
+        E1 = !1, y1.current = y, D3(), Error.prepareStackTrace = C;
       }
       var o1 = o ? o.displayName || o.name : "", Q = o1 ? p1(o1) : "";
       return typeof o == "function" && w1.set(o, Q), Q;
     }
-    function D3(o, l, u) {
+    function _3(o, l, u) {
       return J1(o, !1);
     }
     function L3(o) {
@@ -701,13 +703,13 @@ function y8() {
       if (typeof o == "object")
         switch (o.$$typeof) {
           case g:
-            return D3(o.render);
+            return _3(o.render);
           case I:
             return x1(o.type, l, u);
           case L: {
-            var f = o, C = f._payload, R = f._init;
+            var f = o, C = f._payload, y = f._init;
             try {
-              return x1(R(C), l, u);
+              return x1(y(C), l, u);
             } catch {
             }
           }
@@ -724,9 +726,9 @@ function y8() {
     }
     function $3(o, l, u, f, C) {
       {
-        var R = Function.call.bind(i1);
+        var y = Function.call.bind(i1);
         for (var Z in o)
-          if (R(o, Z)) {
+          if (y(o, Z)) {
             var M = void 0;
             try {
               if (typeof o[Z] != "function") {
@@ -734,8 +736,8 @@ function y8() {
                 throw O.name = "Invariant Violation", O;
               }
               M = o[Z](l, Z, f, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (T) {
-              M = T;
+            } catch (D) {
+              M = D;
             }
             M && !(M instanceof Error) && (M1(C), A("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", f || "React class", u, Z, typeof M), M1(null)), M instanceof Error && !(M.message in X1) && (X1[M.message] = !0, M1(C), A("Failed %s type: %s", u, M.message), M1(null));
           }
@@ -812,7 +814,7 @@ function y8() {
         });
       }
     }
-    var K3 = function(o, l, u, f, C, R, Z) {
+    var K3 = function(o, l, u, f, C, y, Z) {
       var M = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -822,7 +824,7 @@ function y8() {
         ref: u,
         props: Z,
         // Record the component responsible for creating this element.
-        _owner: R
+        _owner: y
       };
       return M._store = {}, Object.defineProperty(M._store, "validated", {
         configurable: !1,
@@ -843,23 +845,23 @@ function y8() {
     };
     function G3(o, l, u, f, C) {
       {
-        var R, Z = {}, M = null, O = null;
+        var y, Z = {}, M = null, O = null;
         u !== void 0 && (e3(u), M = "" + u), U3(l) && (e3(l.key), M = "" + l.key), k3(l) && (O = l.ref, W3(l, C));
-        for (R in l)
-          i1.call(l, R) && !V3.hasOwnProperty(R) && (Z[R] = l[R]);
+        for (y in l)
+          i1.call(l, y) && !V3.hasOwnProperty(y) && (Z[y] = l[y]);
         if (o && o.defaultProps) {
-          var T = o.defaultProps;
-          for (R in T)
-            Z[R] === void 0 && (Z[R] = T[R]);
+          var D = o.defaultProps;
+          for (y in D)
+            Z[y] === void 0 && (Z[y] = D[y]);
         }
         if (M || O) {
-          var _ = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
-          M && F3(Z, _), O && H3(Z, _);
+          var T = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
+          M && F3(Z, T), O && H3(Z, T);
         }
         return K3(o, M, O, C, f, t3.current, Z);
       }
     }
-    var T1 = $.ReactCurrentOwner, o3 = $.ReactDebugCurrentFrame;
+    var D1 = $.ReactCurrentOwner, o3 = $.ReactDebugCurrentFrame;
     function n1(o) {
       if (o) {
         var l = o._owner, u = x1(o.type, o._source, l ? l.type : null);
@@ -867,15 +869,15 @@ function y8() {
       } else
         o3.setExtraStackFrame(null);
     }
-    var _1;
-    _1 = !1;
-    function D1(o) {
+    var T1;
+    T1 = !1;
+    function _1(o) {
       return typeof o == "object" && o !== null && o.$$typeof === t;
     }
     function c3() {
       {
-        if (T1.current) {
-          var o = G(T1.current.type);
+        if (D1.current) {
+          var o = G(D1.current.type);
           if (o)
             return `
 
@@ -910,7 +912,7 @@ Check the top-level render call using <` + u + ">.");
           return;
         r3[u] = !0;
         var f = "";
-        o && o._owner && o._owner !== T1.current && (f = " It was passed a child from " + G(o._owner.type) + "."), n1(o), A('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, f), n1(null);
+        o && o._owner && o._owner !== D1.current && (f = " It was passed a child from " + G(o._owner.type) + "."), n1(o), A('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, f), n1(null);
       }
     }
     function i3(o, l) {
@@ -920,15 +922,15 @@ Check the top-level render call using <` + u + ">.");
         if (P1(o))
           for (var u = 0; u < o.length; u++) {
             var f = o[u];
-            D1(f) && l3(f, l);
+            _1(f) && l3(f, l);
           }
-        else if (D1(o))
+        else if (_1(o))
           o._store && (o._store.validated = !0);
         else if (o) {
           var C = r1(o);
           if (typeof C == "function" && C !== o.entries)
-            for (var R = C.call(o), Z; !(Z = R.next()).done; )
-              D1(Z.value) && l3(Z.value, l);
+            for (var y = C.call(o), Z; !(Z = y.next()).done; )
+              _1(Z.value) && l3(Z.value, l);
         }
       }
     }
@@ -949,8 +951,8 @@ Check the top-level render call using <` + u + ">.");
         if (u) {
           var f = G(l);
           $3(u, o.props, "prop", f, o);
-        } else if (l.PropTypes !== void 0 && !_1) {
-          _1 = !0;
+        } else if (l.PropTypes !== void 0 && !T1) {
+          T1 = !0;
           var C = G(l);
           A("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
         }
@@ -970,7 +972,7 @@ Check the top-level render call using <` + u + ">.");
       }
     }
     var a3 = {};
-    function u3(o, l, u, f, C, R) {
+    function u3(o, l, u, f, C, y) {
       {
         var Z = B(o);
         if (!Z) {
@@ -978,12 +980,12 @@ Check the top-level render call using <` + u + ">.");
           (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (M += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var O = q3();
           O ? M += O : M += c3();
-          var T;
-          o === null ? T = "null" : P1(o) ? T = "array" : o !== void 0 && o.$$typeof === t ? (T = "<" + (G(o.type) || "Unknown") + " />", M = " Did you accidentally export a JSX literal instead of a component?") : T = typeof o, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", T, M);
+          var D;
+          o === null ? D = "null" : P1(o) ? D = "array" : o !== void 0 && o.$$typeof === t ? (D = "<" + (G(o.type) || "Unknown") + " />", M = " Did you accidentally export a JSX literal instead of a component?") : D = typeof o, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, M);
         }
-        var _ = G3(o, l, u, C, R);
-        if (_ == null)
-          return _;
+        var T = G3(o, l, u, C, y);
+        if (T == null)
+          return T;
         if (Z) {
           var U = l.children;
           if (U !== void 0)
@@ -1011,7 +1013,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, L1, Q, t2, Q), a3[Q + L1] = !0;
           }
         }
-        return o === c ? J3(_) : z3(_), _;
+        return o === c ? J3(T) : z3(T), T;
       }
     }
     function X3(o, l, u) {
@@ -1026,26 +1028,33 @@ React keys must be passed directly to JSX without using spread:
 }
 var f3;
 function E8() {
-  return f3 || (f3 = 1, process.env.NODE_ENV === "production" ? m1.exports = R8() : m1.exports = y8()), m1.exports;
+  return f3 || (f3 = 1, process.env.NODE_ENV === "production" ? m1.exports = y8() : m1.exports = R8()), m1.exports;
 }
 var s = E8();
-const P8 = "_mwfit_ppa3l_1", T8 = {
+const P8 = "_mwfit_ppa3l_1", D8 = {
   mwfit: P8
-}, _8 = () => {
+}, T8 = () => {
   const { reconnect: e } = b(), t = S3(), n = h8(), c = g8();
   return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: `disconnected-message ${T8.mwfit} mx-auto text-center`,
+      className: `disconnected-message ${D8.mwfit} mx-auto text-center`,
       children: [
         t === void 0 ? /* @__PURE__ */ s.jsx("h1", { children: "Connecting..." }) : /* @__PURE__ */ s.jsx("h1", { children: "Disconnected" }),
         n && /* @__PURE__ */ s.jsx("h5", { children: n }),
-        c && /* @__PURE__ */ s.jsx("button", { className: "btn btn-secondary btn-lg", onClick: e, children: "Reconnect" })
+        c && /* @__PURE__ */ s.jsx(
+          "button",
+          {
+            className: "btn btn-secondary btn-lg",
+            onPointerDown: e,
+            children: "Reconnect"
+          }
+        )
       ]
     }
   ) });
 };
-class D8 {
+class _8 {
   constructor() {
     q(this, "uuid", "current-uuid");
     q(this, "roomKey", "current-room-key");
@@ -1053,7 +1062,7 @@ class D8 {
     q(this, "expiry", "current-uuid-expires");
   }
 }
-const p3 = new D8(), R3 = v2({
+const p3 = new _8(), y3 = v2({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
@@ -1226,7 +1235,7 @@ const A8 = ({ children: e }) => {
   ]), c1(() => {
     !r || !c || (console.log("clientId: ", i), i && (console.log("requesting status from room: ", r), $(`/room/${r}/status`, null)));
   }, [r, i, c, $]), /* @__PURE__ */ s.jsx(
-    R3.Provider,
+    y3.Provider,
     {
       value: {
         sendMessage: $,
@@ -1235,12 +1244,12 @@ const A8 = ({ children: e }) => {
         removeEventHandler: b1,
         reconnect: r1
       },
-      children: c ? e : /* @__PURE__ */ s.jsx(_8, {})
+      children: c ? e : /* @__PURE__ */ s.jsx(T8, {})
     }
   );
 }, me = ({ children: e }) => /* @__PURE__ */ s.jsx(a2, { store: m, children: /* @__PURE__ */ s.jsx(A8, { children: e }) });
 function b() {
-  return h2(R3);
+  return h2(y3);
 }
 function B8({
   onPress: e,
@@ -1278,7 +1287,7 @@ function h(e, t) {
   }
   return B8({ onPress: i, onRelease: d });
 }
-function y3(e, t) {
+function R3(e, t) {
   const { sendMessage: n, sendSimpleMessage: c } = b(), r = h(`${e}`, "volumeUp"), i = h(`${e}`, "volumeDown");
   return t ? {
     volumeState: t,
@@ -1303,8 +1312,8 @@ function Ze(e, t) {
   } : void 0;
 }
 function O8(e) {
-  const t = y(e), n = `/device/${e}`;
-  return y3(n, t == null ? void 0 : t.volume);
+  const t = R(e), n = `/device/${e}`;
+  return R3(n, t == null ? void 0 : t.volume);
 }
 function E3(e) {
   const { sendMessage: t } = b();
@@ -1317,13 +1326,13 @@ function E3(e) {
   } };
 }
 function k1(e) {
-  const { sendMessage: t } = b(), n = y(e);
+  const { sendMessage: t } = b(), n = R(e);
   return console.log("deviceState", n), n ? { itemsState: n, selectItem: (r) => {
     t(`/device/${e}/${r}`, null);
   } } : void 0;
 }
 function V8(e) {
-  const { sendMessage: t } = b(), n = y(e), c = () => {
+  const { sendMessage: t } = b(), n = R(e), c = () => {
     t(`/device/${e}/setDefaultChannelLevels`, null);
   }, r = () => {
     if ((n == null ? void 0 : n.levelControls) === void 0) return;
@@ -1334,7 +1343,7 @@ function V8(e) {
   return n ? { levelControls: n.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
 }
 function je(e) {
-  const t = y(e), n = E3(e), c = k1(e), r = k1(e), i = O8(e), d = V8(e);
+  const t = R(e), n = E3(e), c = k1(e), r = k1(e), i = O8(e), d = V8(e);
   if (t)
     return {
       avrState: t,
@@ -1346,7 +1355,7 @@ function je(e) {
     };
 }
 function Se(e) {
-  const { sendMessage: t } = b(), n = `/device/${e}`, c = y(e), r = h(n, "cameraUp"), i = h(n, "cameraDown"), d = h(n, "cameraLeft"), a = h(n, "cameraRight"), g = h(n, "cameraZoomIn"), x = h(n, "cameraZoomOut"), v = (I) => t("/camera/recallPreset", I);
+  const { sendMessage: t } = b(), n = `/device/${e}`, c = R(e), r = h(n, "cameraUp"), i = h(n, "cameraDown"), d = h(n, "cameraLeft"), a = h(n, "cameraRight"), g = h(n, "cameraZoomIn"), x = h(n, "cameraZoomOut"), v = (I) => t("/camera/recallPreset", I);
   if (c)
     return {
       state: c,
@@ -1372,7 +1381,7 @@ const Ce = ({ className: e }) => {
   ] });
 };
 function be(e) {
-  const { sendMessage: t } = b(), n = y(e), c = `/device/${e}`;
+  const { sendMessage: t } = b(), n = R(e), c = `/device/${e}`;
   return n ? { state: n, recallPreset: (d, a) => {
     t(`${c}/presets/recall`, { deviceKey: d, preset: a });
   }, savePresets: (d) => {
@@ -1380,35 +1389,35 @@ function be(e) {
   } } : void 0;
 }
 function Ie(e) {
-  const t = y(e);
+  const t = R(e);
   if (t)
     return { endpointState: t };
 }
-function Re(e) {
+function ye(e) {
   const t = `/device/${e}`, n = h(t, "chanUp"), c = h(t, "chanDown"), r = h(t, "lastChan"), i = h(t, "guide"), d = h(t, "info"), a = h(t, "exit");
   return { channelUp: n, channelDown: c, lastChannel: r, guide: i, info: d, exit: a };
 }
-function ye(e) {
+function Re(e) {
   const t = `/device/${e}`, n = h(t, "red"), c = h(t, "green"), r = h(t, "yellow"), i = h(t, "blue");
   return { red: n, green: c, yellow: r, blue: i };
 }
 function Ee(e) {
-  const t = y(e);
+  const t = R(e);
   if (t)
     return {
       communicationMonitorState: t
     };
 }
 function Pe(e) {
-  const t = y(e);
+  const t = R(e);
   if (t)
     return t.deviceInfo || void 0;
 }
-function Te(e) {
+function De(e) {
   const t = `/device/${e}`, n = h(t, "up"), c = h(t, "down"), r = h(t, "left"), i = h(t, "right"), d = h(t, "select"), a = h(t, "menu"), g = h(t, "exit");
   return { up: n, down: c, left: r, right: i, select: d, menu: a, exit: g };
 }
-function _e(e) {
+function Te(e) {
   const { sendMessage: t } = b();
   return { recallPreset: (c) => {
     t(
@@ -1417,12 +1426,12 @@ function _e(e) {
     );
   } };
 }
-function De(e) {
+function _e(e) {
   const t = `/device/${e}`, n = h(t, "dvrList"), c = h(t, "record");
   return { dvrList: n, record: c };
 }
 function Le(e) {
-  const { sendMessage: t } = b(), n = y(e);
+  const { sendMessage: t } = b(), n = R(e);
   return n ? { roomCombinerState: n, setAutoMode: () => {
     t(`/device/${e}/setAutoMode`, null);
   }, setManualMode: () => {
@@ -1436,7 +1445,7 @@ function Le(e) {
   } } : void 0;
 }
 function $e(e) {
-  const { sendMessage: t } = b(), n = `/device/${e}`, c = y(e);
+  const { sendMessage: t } = b(), n = `/device/${e}`, c = R(e);
   return c ? {
     state: c,
     selectCamera: (i) => {
@@ -1445,12 +1454,12 @@ function $e(e) {
   } : void 0;
 }
 function Ae(e) {
-  const t = y(e);
+  const t = R(e);
   if (t)
     return { state: t };
 }
 function Be(e) {
-  const { sendMessage: t, sendSimpleMessage: n } = b(), c = y(e), r = K2(e), i = c || r;
+  const { sendMessage: t, sendSimpleMessage: n } = b(), c = R(e), r = K2(e), i = c || r;
   return i ? {
     levelState: i,
     setLevel: (v, I) => n(`${v}/level`, I),
@@ -1460,13 +1469,13 @@ function Be(e) {
   } : void 0;
 }
 function Oe(e) {
-  const { sendMessage: t } = b(), n = y(e);
+  const { sendMessage: t } = b(), n = R(e);
   return n ? { lightingState: n, selectScene: (r) => {
     t(`/device/${e}/selectScene`, r);
   } } : void 0;
 }
 function Ve(e) {
-  const { sendMessage: t } = b(), n = y(e);
+  const { sendMessage: t } = b(), n = R(e);
   return n ? { matrixRoutingState: n, setRoute: (r) => {
     t(`/device/${e}/route`, r);
   } } : void 0;
@@ -1495,7 +1504,7 @@ function Ue(e) {
   };
 }
 function We(e) {
-  const { sendMessage: t } = b(), n = y(e);
+  const { sendMessage: t } = b(), n = R(e);
   return n ? { projectorScreenLiftControlState: n, raise: () => {
     t(`/device/${e}/raise`, null);
   }, lower: () => {
@@ -1522,7 +1531,7 @@ function Ke(e) {
 }
 function Ge(e) {
   const { sendMessage: t } = b();
-  return { routingState: y(e), runRoute: (r) => {
+  return { routingState: R(e), runRoute: (r) => {
     t(`/room/${e}/source`, r);
   } };
 }
@@ -1531,7 +1540,7 @@ function qe(e) {
   return { dvrList: n, replay: c };
 }
 function Ye(e) {
-  const { sendMessage: t } = b(), n = y(e);
+  const { sendMessage: t } = b(), n = R(e);
   return n ? { shadeState: n, shadeUp: () => {
     t(`/device/${e}/shadeUp`, null);
   }, shadeDown: () => {
@@ -1553,7 +1562,7 @@ function ze(e) {
   } } : void 0;
 }
 function Je(e) {
-  const { sendMessage: t } = b(), n = y(e);
+  const { sendMessage: t } = b(), n = R(e);
   return n ? { switchedOutputState: n, on: () => {
     t(`/device/${e}/on`, null);
   }, off: () => {
@@ -1569,11 +1578,11 @@ function Xe(e) {
   } } : void 0;
 }
 function Qe(e) {
-  const { sendMessage: t } = b(), n = y(e);
+  const { sendMessage: t } = b(), n = R(e);
   return n ? { state: n, setTemperatureUnitsToCelcius: () => t(`${e}/setTemperatureUnitsToCelcius`, null), setTemperatureUnitsToFahrenheit: () => t(`${e}/setTemperatureUnitsToFahrenheit`, null) } : void 0;
 }
 function Ne(e) {
-  const { sendMessage: t } = b(), n = y(e), c = (r) => {
+  const { sendMessage: t } = b(), n = R(e), c = (r) => {
     t(`/device/${e}/saveTheme`, { value: r });
   };
   return {
@@ -1595,7 +1604,7 @@ function e5(e) {
   };
 }
 function t5(e) {
-  const t = y(e), { sendMessage: n } = b();
+  const t = R(e), { sendMessage: n } = b();
   return t ? {
     touchpanelState: t,
     appControl: { hideApp: () => {
@@ -1611,7 +1620,7 @@ function t5(e) {
   } : void 0;
 }
 function s5(e) {
-  const t = y(e), n = E3(e), c = k1(e);
+  const t = R(e), n = E3(e), c = k1(e);
   if (!t) return;
   const r = (t.powerState || t.isWarming) && !t.isCooling, i = (!t.powerState || t.isCooling) && !t.isWarming;
   return {
@@ -1666,7 +1675,7 @@ function o5(e, t) {
 }
 function c5(e, t) {
   const n = H2(e, t), c = `/room/${e}/volumes/${t}`;
-  return y3(c, n);
+  return R3(c, n);
 }
 function r5(e) {
   var a, g;
@@ -1723,8 +1732,22 @@ const u5 = () => {
   let r;
   return p2(c) ? r = c.statusText : c instanceof Error ? r = c.message : typeof c == "string" ? r = c : (console.error(c), r = "Unknown error"), /* @__PURE__ */ s.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
     /* @__PURE__ */ s.jsx("div", { className: "m-2 p-2 bg-danger rounded d-flex align-items-center", children: /* @__PURE__ */ s.jsx("span", { className: "fs-5 text-white", children: "We are sorry. Something went wrong." }) }),
-    /* @__PURE__ */ s.jsx("button", { className: "btn btn-primary p-2", onClick: () => n(-1), children: "Go Back" }),
-    /* @__PURE__ */ s.jsx("button", { className: "btn btn-primary p-2", onClick: () => t(!e), children: e ? "Hide error message" : "Show error message" }),
+    /* @__PURE__ */ s.jsx(
+      "button",
+      {
+        className: "btn btn-primary p-2",
+        onPointerDown: () => n(-1),
+        children: "Go Back"
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      "button",
+      {
+        className: "btn btn-primary p-2",
+        onPointerDown: () => t(!e),
+        children: e ? "Hide error message" : "Show error message"
+      }
+    ),
     e && /* @__PURE__ */ s.jsx("p", { children: r })
   ] });
 }, k8 = "_iconbtn_16qss_1", U8 = "_iconbtnvert_16qss_7", W8 = "_iconsm_16qss_18", $1 = {
@@ -3431,29 +3454,29 @@ function v5({
   const c = t[e] ?? null;
   return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ s.jsx(F8, { multiIcon: c, ...n });
 }
-const S6 = "_grid_1cmpp_1", C6 = "_header_1cmpp_11", b6 = "_content_1cmpp_17", I6 = "_footer_1cmpp_23", R6 = "_volume_1cmpp_29", v1 = {
+const S6 = "_grid_1cmpp_1", C6 = "_header_1cmpp_11", b6 = "_content_1cmpp_17", I6 = "_footer_1cmpp_23", y6 = "_volume_1cmpp_29", v1 = {
   grid: S6,
   header: C6,
   content: b6,
   footer: I6,
-  volume: R6
+  volume: y6
 }, h5 = ({ header: e, footer: t, content: n, volume: c, showVolume: r }) => /* @__PURE__ */ s.jsxs("div", { className: v1.grid, children: [
   /* @__PURE__ */ s.jsx("div", { className: v1.header, children: e }),
   /* @__PURE__ */ s.jsx("div", { className: v1.content, children: n }),
   r && /* @__PURE__ */ s.jsx("div", { className: v1.volume, children: c }),
   /* @__PURE__ */ s.jsx("div", { className: v1.footer, children: t })
-] }), y6 = "_grid_11w5q_1", E6 = "_header_11w5q_11", P6 = "_content_11w5q_17", Z1 = {
-  grid: y6,
+] }), R6 = "_grid_11w5q_1", E6 = "_header_11w5q_11", P6 = "_content_11w5q_17", Z1 = {
+  grid: R6,
   header: E6,
   content: P6
 }, g5 = ({ className: e, header: t, content: n, leftNav: c }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${Z1.grid}`, children: [
   /* @__PURE__ */ s.jsx("div", { className: Z1.header, children: t }),
   c && /* @__PURE__ */ s.jsx("div", { className: Z1.leftNav, children: c }),
   /* @__PURE__ */ s.jsx("div", { className: Z1.content, children: n })
-] }), T6 = "_grid_1uwfo_1", _6 = "_header_1uwfo_11", D6 = "_content_1uwfo_17", A1 = {
-  grid: T6,
-  header: _6,
-  content: D6
+] }), D6 = "_grid_1uwfo_1", T6 = "_header_1uwfo_11", _6 = "_content_1uwfo_17", A1 = {
+  grid: D6,
+  header: T6,
+  content: _6
 }, f5 = ({ className: e, header: t, content: n }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${A1.grid}`, children: [
   /* @__PURE__ */ s.jsx("div", { className: A1.header, children: t }),
   /* @__PURE__ */ s.jsx("div", { className: A1.content, children: n })
@@ -3523,7 +3546,7 @@ export {
   p5 as ShareState,
   g5 as TechLayout,
   f5 as TechPinLayout,
-  R3 as WebsocketContext,
+  y3 as WebsocketContext,
   M8 as appConfigActions,
   N as devicesActions,
   w5 as getBaseLocation,
@@ -3550,21 +3573,21 @@ export {
   b2 as selectRoomByKey,
   $2 as selectRoomCodecContentDestinationKey,
   S2 as selectRoomConfiguration,
-  _2 as selectRoomDestinationList,
-  T2 as selectRoomDestinations,
+  T2 as selectRoomDestinationList,
+  D2 as selectRoomDestinations,
   F2 as selectRoomDisplayStates,
-  D2 as selectRoomEnvironmentalDevices,
+  _2 as selectRoomEnvironmentalDevices,
   A2 as selectRoomInCall,
   O2 as selectRoomIsCoolingDown,
   V2 as selectRoomIsOn,
   B2 as selectRoomIsWarmingUp,
   q2 as selectRoomKey,
-  y2 as selectRoomLevelControls,
+  R2 as selectRoomLevelControls,
   I2 as selectRoomName,
   L2 as selectRoomProgramAudioDestinationKey,
   U2 as selectRoomShareState,
   E2 as selectRoomSourceList,
-  R2 as selectRoomVolume,
+  y2 as selectRoomVolume,
   C2 as selectRooms,
   Q2 as selectRuntimeInfo,
   X2 as selectServerIsRunningOnProcessorHardware,
@@ -3596,19 +3619,19 @@ export {
   H6 as useGetAllDevices,
   G6 as useGetAllRooms,
   we as useGetCurrentPopoverIdForGroup,
-  y as useGetDevice,
+  R as useGetDevice,
   Ze as useGetIBasicVolumeWithFeedback,
   q6 as useGetRoom,
   ie as useGetRoomDisplayStates,
   ae as useGetZoomRoomControllerKey,
-  y3 as useIBasicVolumeWithFeedback,
-  Re as useIChannel,
-  ye as useIColor,
+  R3 as useIBasicVolumeWithFeedback,
+  ye as useIChannel,
+  Re as useIColor,
   Ee as useICommunicationMonitor,
-  Te as useIDPad,
+  De as useIDPad,
   Pe as useIDeviceInfoMessenger,
-  _e as useIDspPresets,
-  De as useIDvr,
+  Te as useIDspPresets,
+  _e as useIDvr,
   Le as useIEssentialsRoomCombiner,
   $e as useIHasCameras,
   E3 as useIHasPowerControl,