@pepperdash/mobile-control-react-app-core 1.21.0-fix-double-join-call.1 → 1.21.0-fix-double-join-call.3

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

@@ -194,20 +194,20 @@ const q6 = C1, Y6 = (e) => p(
 ), t8 = w(
   q,
   (e) => e.roomData.deviceInterfaceSupport
-), S3 = () => p(G2), s8 = () => p(q2), n8 = () => p(Y2), o8 = () => p(z2), c8 = () => p(J2), r8 = () => p(X2), ue = () => p(Q2), de = () => p(N2), ve = () => p(e8), he = () => p(t8), e1 = (e) => e.ui, U1 = (e) => w(e1, (t) => t.modalVisibility[e]), l8 = (e) => w(e1, (t) => {
+), S3 = () => p(G2), s8 = () => p(q2), n8 = () => p(Y2), o8 = () => p(z2), c8 = () => p(J2), r8 = () => p(X2), ue = () => p(Q2), de = () => p(N2), ve = () => p(e8), he = () => p(t8), N = (e) => e.ui, U1 = (e) => w(N, (t) => t.modalVisibility[e]), l8 = (e) => w(N, (t) => {
   const n = t.popoverVisibility[e];
   if (n)
     return Object.keys(n).find((c) => n[c]);
 }), i8 = (e, t) => w(
-  e1,
+  N,
   (n) => {
     var c;
     return ((c = n.popoverVisibility[e]) == null ? void 0 : c[t]) ?? !1;
   }
-), a8 = w(e1, (e) => e.error), u8 = w(
-  e1,
+), a8 = w(N, (e) => e.error), u8 = w(
+  N,
   (e) => e.showReconnect
-), d8 = w(e1, (e) => e.theme), v8 = (e) => w(e1, (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 = {
+), d8 = w(N, (e) => e.theme), v8 = (e) => w(N, (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: {
@@ -418,11 +418,11 @@ function y8() {
   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 };
   function d(a, g, x) {
-    var v, I = {}, L = null, H = null;
-    x !== void 0 && (L = "" + x), g.key !== void 0 && (L = "" + g.key), g.ref !== void 0 && (H = g.ref);
-    for (v in g) c.call(g, v) && !i.hasOwnProperty(v) && (I[v] = g[v]);
-    if (a && a.defaultProps) for (v in g = a.defaultProps, g) I[v] === void 0 && (I[v] = g[v]);
-    return { $$typeof: t, type: a, key: L, ref: H, props: I, _owner: r.current };
+    var h, I = {}, A = null, H = null;
+    x !== void 0 && (A = "" + x), g.key !== void 0 && (A = "" + g.key), g.ref !== void 0 && (H = g.ref);
+    for (h in g) c.call(g, h) && !i.hasOwnProperty(h) && (I[h] = g[h]);
+    if (a && a.defaultProps) for (h in g = a.defaultProps, g) I[h] === void 0 && (I[h] = g[h]);
+    return { $$typeof: t, type: a, key: A, ref: H, props: I, _owner: r.current };
   }
   return i1.Fragment = n, i1.jsx = d, i1.jsxs = d, i1;
 }
@@ -439,15 +439,15 @@ var a1 = {};
 var g3;
 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"), U = Symbol.iterator, X = "@@iterator";
+    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"), h = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), H = Symbol.for("react.offscreen"), U = Symbol.iterator, e1 = "@@iterator";
     function c1(o) {
       if (o === null || typeof o != "object")
         return null;
-      var l = U && o[U] || o[X];
+      var l = U && o[U] || o[e1];
       return typeof l == "function" ? l : null;
     }
-    var $ = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function A(o) {
+    var L = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function $(o) {
       {
         for (var l = arguments.length, u = new Array(l > 1 ? l - 1 : 0), f = 1; f < l; f++)
           u[f - 1] = arguments[f];
@@ -456,7 +456,7 @@ function R8() {
     }
     function b1(o, l, u) {
       {
-        var f = $.ReactDebugCurrentFrame, S = f.getStackAddendum();
+        var f = L.ReactDebugCurrentFrame, S = f.getStackAddendum();
         S !== "" && (l += "%s", u = u.concat([S]));
         var y = u.map(function(m) {
           return String(m);
@@ -467,7 +467,7 @@ function R8() {
     var I1 = !1, t1 = !1, P = !1, j = !1, h1 = !1, g1;
     g1 = Symbol.for("react.module.reference");
     function J(o) {
-      return !!(typeof o == "string" || typeof o == "function" || o === c || o === i || h1 || o === r || o === x || o === v || j || o === H || I1 || t1 || P || typeof o == "object" && o !== null && (o.$$typeof === L || o.$$typeof === I || o.$$typeof === d || o.$$typeof === a || o.$$typeof === g || // This needs to include all possible module reference object
+      return !!(typeof o == "string" || typeof o == "function" || o === c || o === i || h1 || o === r || o === x || o === h || j || o === H || I1 || t1 || P || typeof o == "object" && o !== null && (o.$$typeof === A || o.$$typeof === I || o.$$typeof === d || o.$$typeof === a || o.$$typeof === g || // 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.
@@ -486,7 +486,7 @@ function R8() {
     function F(o) {
       if (o == null)
         return null;
-      if (typeof o.tag == "number" && A("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
+      if (typeof o.tag == "number" && $("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
         return o.displayName || o.name || null;
       if (typeof o == "string")
         return o;
@@ -501,7 +501,7 @@ function R8() {
           return "StrictMode";
         case x:
           return "Suspense";
-        case v:
+        case h:
           return "SuspenseList";
       }
       if (typeof o == "object")
@@ -517,7 +517,7 @@ function R8() {
           case I:
             var f = o.displayName || null;
             return f !== null ? f : F(o.type) || "Memo";
-          case L: {
+          case A: {
             var S = o, y = S._payload, m = S._init;
             try {
               return F(m(y));
@@ -528,13 +528,13 @@ function R8() {
         }
       return null;
     }
-    var Y = Object.assign, Q = 0, F1, W1, H1, K1, G1, q1, Y1;
+    var Y = Object.assign, X = 0, F1, W1, H1, K1, G1, q1, Y1;
     function z1() {
     }
     z1.__reactDisabledLog = !0;
     function P3() {
       {
-        if (Q === 0) {
+        if (X === 0) {
           F1 = console.log, W1 = console.info, H1 = console.warn, K1 = console.error, G1 = console.group, q1 = console.groupCollapsed, Y1 = console.groupEnd;
           var o = {
             configurable: !0,
@@ -552,12 +552,12 @@ function R8() {
             groupEnd: o
           });
         }
-        Q++;
+        X++;
       }
     }
     function T3() {
       {
-        if (Q--, Q === 0) {
+        if (X--, X === 0) {
           var o = {
             configurable: !0,
             enumerable: !0,
@@ -587,10 +587,10 @@ function R8() {
             })
           });
         }
-        Q < 0 && A("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        X < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var y1 = $.ReactCurrentDispatcher, R1;
+    var y1 = L.ReactCurrentDispatcher, R1;
     function f1(o, l, u) {
       {
         if (R1 === void 0)
@@ -677,8 +677,8 @@ function R8() {
       } finally {
         E1 = !1, y1.current = y, T3(), Error.prepareStackTrace = S;
       }
-      var n1 = o ? o.displayName || o.name : "", N = n1 ? f1(n1) : "";
-      return typeof o == "function" && p1.set(o, N), N;
+      var n1 = o ? o.displayName || o.name : "", Q = n1 ? f1(n1) : "";
+      return typeof o == "function" && p1.set(o, Q), Q;
     }
     function _3(o, l, u) {
       return J1(o, !1);
@@ -697,7 +697,7 @@ function R8() {
       switch (o) {
         case x:
           return f1("Suspense");
-        case v:
+        case h:
           return f1("SuspenseList");
       }
       if (typeof o == "object")
@@ -706,7 +706,7 @@ function R8() {
             return _3(o.render);
           case I:
             return w1(o.type, l, u);
-          case L: {
+          case A: {
             var f = o, S = f._payload, y = f._init;
             try {
               return w1(y(S), l, u);
@@ -716,7 +716,7 @@ function R8() {
         }
       return "";
     }
-    var r1 = Object.prototype.hasOwnProperty, X1 = {}, Q1 = $.ReactDebugCurrentFrame;
+    var r1 = Object.prototype.hasOwnProperty, X1 = {}, Q1 = L.ReactDebugCurrentFrame;
     function x1(o) {
       if (o) {
         var l = o._owner, u = w1(o.type, o._source, l ? l.type : null);
@@ -739,7 +739,7 @@ function R8() {
             } catch (T) {
               M = T;
             }
-            M && !(M instanceof Error) && (x1(S), 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, m, typeof M), x1(null)), M instanceof Error && !(M.message in X1) && (X1[M.message] = !0, x1(S), A("Failed %s type: %s", u, M.message), x1(null));
+            M && !(M instanceof Error) && (x1(S), $("%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, m, typeof M), x1(null)), M instanceof Error && !(M.message in X1) && (X1[M.message] = !0, x1(S), $("Failed %s type: %s", u, M.message), x1(null));
           }
       }
     }
@@ -765,9 +765,9 @@ function R8() {
     }
     function e3(o) {
       if (O3(o))
-        return A("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", B3(o)), N1(o);
+        return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", B3(o)), N1(o);
     }
-    var t3 = $.ReactCurrentOwner, V3 = {
+    var t3 = L.ReactCurrentOwner, V3 = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -795,7 +795,7 @@ function R8() {
     function W3(o, l) {
       {
         var u = function() {
-          s3 || (s3 = !0, A("%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));
+          s3 || (s3 = !0, $("%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(o, "key", {
           get: u,
@@ -806,7 +806,7 @@ function R8() {
     function H3(o, l) {
       {
         var u = function() {
-          n3 || (n3 = !0, A("%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));
+          n3 || (n3 = !0, $("%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(o, "ref", {
           get: u,
@@ -861,7 +861,7 @@ function R8() {
         return K3(o, M, O, S, f, t3.current, m);
       }
     }
-    var T1 = $.ReactCurrentOwner, o3 = $.ReactDebugCurrentFrame;
+    var T1 = L.ReactCurrentOwner, o3 = L.ReactDebugCurrentFrame;
     function s1(o) {
       if (o) {
         var l = o._owner, u = w1(o.type, o._source, l ? l.type : null);
@@ -912,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 " + F(o._owner.type) + "."), s1(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), s1(null);
+        o && o._owner && o._owner !== T1.current && (f = " It was passed a child from " + F(o._owner.type) + "."), s1(o), $('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), s1(null);
       }
     }
     function i3(o, l) {
@@ -954,9 +954,9 @@ Check the top-level render call using <` + u + ">.");
         } else if (l.PropTypes !== void 0 && !D1) {
           D1 = !0;
           var S = F(l);
-          A("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", S || "Unknown");
+          $("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", S || "Unknown");
         }
-        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && A("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && $("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function J3(o) {
@@ -964,11 +964,11 @@ Check the top-level render call using <` + u + ">.");
         for (var l = Object.keys(o.props), u = 0; u < l.length; u++) {
           var f = l[u];
           if (f !== "children" && f !== "key") {
-            s1(o), A("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), s1(null);
+            s1(o), $("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), s1(null);
             break;
           }
         }
-        o.ref !== null && (s1(o), A("Invalid attribute `ref` supplied to `React.Fragment`."), s1(null));
+        o.ref !== null && (s1(o), $("Invalid attribute `ref` supplied to `React.Fragment`."), s1(null));
       }
     }
     var a3 = {};
@@ -981,7 +981,7 @@ Check the top-level render call using <` + u + ">.");
           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 = "<" + (F(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);
+          o === null ? T = "null" : P1(o) ? T = "array" : o !== void 0 && o.$$typeof === t ? (T = "<" + (F(o.type) || "Unknown") + " />", M = " Did you accidentally export a JSX literal instead of a component?") : T = typeof o, $("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 = G3(o, l, u, S, y);
         if (D == null)
@@ -995,22 +995,22 @@ Check the top-level render call using <` + u + ">.");
                   i3(W[n1], o);
                 Object.freeze && Object.freeze(W);
               } else
-                A("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                $("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               i3(W, o);
         }
         if (r1.call(l, "key")) {
-          var N = F(o), V = Object.keys(l).filter(function(s2) {
+          var Q = F(o), V = Object.keys(l).filter(function(s2) {
             return s2 !== "key";
           }), L1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!a3[N + L1]) {
+          if (!a3[Q + L1]) {
             var t2 = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
-            A(`A props object containing a "key" prop is being spread into JSX:
+            $(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, L1, N, t2, N), a3[N + L1] = !0;
+  <%s key={someKey} {...props} />`, L1, Q, t2, Q), a3[Q + L1] = !0;
           }
         }
         return o === c ? J3(D) : z3(D), D;
@@ -1076,7 +1076,7 @@ function $8(e, t) {
   sessionStorage.setItem(e, t);
 }
 const A8 = ({ children: e }) => {
-  const [t, n] = K(), c = S3(), r = s8(), i = n8(), d = I8(), a = Z2(), g = o8(), x = c8(), v = r8(), I = d1(null), [L, H] = K(), U = d1({}), X = l1(
+  const [t, n] = K(), c = S3(), r = s8(), i = n8(), d = I8(), a = Z2(), g = o8(), x = c8(), h = r8(), I = d1(null), [A, H] = K(), U = d1({}), e1 = l1(
     async (P) => {
       try {
         const j = await V1.get(
@@ -1084,24 +1084,25 @@ const A8 = ({ children: e }) => {
         );
         return j.status === 200 && j.data ? (b.dispatch(z.setRoomData(j.data)), !0) : !1;
       } catch (j) {
-        return console.log(j), v ? !0 : j instanceof r2 && j.response && j.response.status === 498 ? (console.error("Invalid token. Unable to join room"), b.dispatch(
+        return console.log(j), j instanceof r2 && j.response && j.response.status === 498 ? (console.error("Invalid token. Unable to join room"), b.dispatch(
           k.setErrorMessage(
             `Token ${t} is invalid. Unable to join room`
           )
         ), !1) : (console.error("Error getting room data", j), j instanceof Error ? b.dispatch(k.setErrorMessage(j.message)) : b.dispatch(k.setErrorMessage("Error getting room data")), !1);
       }
     },
-    [t, v]
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [t]
   ), c1 = l1(() => {
     const P = `${a.gatewayAppPath}?uuid=${g}&roomKey=${r}`;
     window.location.href = x ? `${P}&Code=${x}` : P;
-  }, [a.gatewayAppPath, r, g, x]), $ = l1(
+  }, [a.gatewayAppPath, r, g, x]), L = l1(
     (P, j) => {
       I.current && c && I.current.send(JSON.stringify({ type: P, clientId: i, content: j }));
     },
     [c, i]
-  ), A = (P, j) => {
-    $(P, { value: j });
+  ), $ = (P, j) => {
+    L(P, { value: j });
   }, b1 = l1(
     (P, j, h1) => {
       U.current[P] || (U.current[P] = {}), U.current[P][j] = h1, console.log("event handler added", P, j);
@@ -1113,26 +1114,13 @@ const A8 = ({ children: e }) => {
   o1(() => {
     let j = new URLSearchParams(window.location.search).get("token");
     j ? (console.log("saving token: ", j), $8(p3.uuid, j)) : (j = L8(p3.uuid), console.log("loading token: ", j)), n(j), d();
-  }, []), console.log(
-    "connection dependencies",
-    a.apiPath,
-    X,
-    t,
-    L,
-    v
-  );
+  }, []);
   function t1() {
     b.dispatch(k.setShowReconnect(!0)), b.dispatch(z.setWebsocketIsConnected(!1)), b.dispatch(M1.clearDevices()), b.dispatch(m1.clearRooms()), b.dispatch(k.clearAllModals()), b.dispatch(k.clearSyncState());
   }
   return o1(() => {
-    console.log("🔍 useEffect triggered by dependency change:", {
-      apiPath: a.apiPath,
-      token: (t == null ? void 0 : t.substring(0, 10)) + "...",
-      waitingToReconnect: L,
-      serverIsRunningOnProcessorHardware: v
-    });
     async function P() {
-      if (console.log("Attempting to join websocket..."), !a.apiPath || L || !t || !await X(a.apiPath)) return;
+      if (console.log("Attempting to join websocket..."), !a.apiPath || A || !t || !await e1(a.apiPath)) return;
       if (I.current) {
         console.log("websocket exists");
         return;
@@ -1158,7 +1146,7 @@ const A8 = ({ children: e }) => {
           ), t1();
           return;
         }
-        if (B.code === 4001 && !v) {
+        if (B.code === 4001 && !h) {
           console.log("processor disconnected"), b.dispatch(
             k.setErrorMessage(
               "Processor has disconnected. Click Reconnect"
@@ -1180,7 +1168,7 @@ const A8 = ({ children: e }) => {
           console.log("WebSocket closed by client.");
           return;
         }
-        console.log("websocket waitingToReconnect", L), !L && (console.log("websocket clearing state on disconnect"), b.dispatch(z.setWebsocketIsConnected(!1)), b.dispatch(M1.clearDevices()), b.dispatch(m1.clearRooms()), b.dispatch(k.clearAllModals()), b.dispatch(k.clearSyncState()), setTimeout(() => H(void 0), 5e3));
+        console.log("websocket waitingToReconnect", A), !A && (console.log("websocket clearing state on disconnect"), b.dispatch(z.setWebsocketIsConnected(!1)), b.dispatch(M1.clearDevices()), b.dispatch(m1.clearRooms()), b.dispatch(k.clearAllModals()), b.dispatch(k.clearSyncState()), setTimeout(() => H(void 0), 5e3));
       }, J.onmessage = (B) => {
         try {
           const R = JSON.parse(B.data);
@@ -1223,8 +1211,8 @@ const A8 = ({ children: e }) => {
             F || console.log("no handlers found for event type", R.type), F && Object.values(F).forEach((Y) => {
               try {
                 Y(R);
-              } catch (Q) {
-                console.error(Q);
+              } catch (X) {
+                console.error(X);
               }
             });
           } else R.type.startsWith("/room/") ? b.dispatch(m1.setRoomState(R)) : R.type.startsWith("/device/") && b.dispatch(M1.setDeviceState(R));
@@ -1236,14 +1224,20 @@ const A8 = ({ children: e }) => {
     return P(), console.log("App mode: production"), console.log("Is dev mode: false"), () => {
       I.current && (console.log("closing websocket dev mode"), I.current.close(4100, "app running in dev mode"), I.current = null);
     };
-  }, [a.apiPath, X, t, L]), o1(() => {
-    !r || !c || (console.log("clientId: ", i), i && (console.log("requesting status from room: ", r), $(`/room/${r}/status`, null)));
-  }, [r, i, c, $]), /* @__PURE__ */ s.jsx(
+  }, [
+    a.apiPath,
+    e1,
+    t,
+    A,
+    h
+  ]), o1(() => {
+    !r || !c || (console.log("clientId: ", i), i && (console.log("requesting status from room: ", r), L(`/room/${r}/status`, null)));
+  }, [r, i, c, L]), /* @__PURE__ */ s.jsx(
     y3.Provider,
     {
       value: {
-        sendMessage: $,
-        sendSimpleMessage: A,
+        sendMessage: L,
+        sendSimpleMessage: $,
         addEventHandler: b1,
         removeEventHandler: I1,
         reconnect: c1
@@ -1279,7 +1273,7 @@ function B8({
     onPointerLeave: g
   };
 }
-function h(e, t) {
+function v(e, t) {
   const { sendMessage: c } = C(), r = d1(null);
   function i() {
     c(`${e}/${t}`, { value: "pressed" }), r.current || (r.current = setInterval(() => {
@@ -1292,24 +1286,24 @@ function h(e, t) {
   return B8({ onPress: i, onRelease: d });
 }
 function R3(e, t) {
-  const { sendMessage: n, sendSimpleMessage: c } = C(), r = h(`${e}`, "volumeUp"), i = h(`${e}`, "volumeDown");
+  const { sendMessage: n, sendSimpleMessage: c } = C(), r = v(`${e}`, "volumeUp"), i = v(`${e}`, "volumeDown");
   return t ? {
     volumeState: t,
     volumeUp: r,
     volumeDown: i,
-    setLevel: (v) => c(`${e}/level`, v),
+    setLevel: (h) => c(`${e}/level`, h),
     muteToggle: () => n(`${e}/muteToggle`, null),
     muteOn: () => n(`${e}/muteOn`, null),
     muteOff: () => n(`${e}/muteOff`, null)
   } : void 0;
 }
 function Ze(e, t) {
-  const { sendMessage: n, sendSimpleMessage: c } = C(), r = h(`${e}`, "volumeUp"), i = h(`${e}`, "volumeDown");
+  const { sendMessage: n, sendSimpleMessage: c } = C(), r = v(`${e}`, "volumeUp"), i = v(`${e}`, "volumeDown");
   return t ? {
     volumeState: t,
     volumeUp: r,
     volumeDown: i,
-    setLevel: (v) => c(`${e}/level`, v),
+    setLevel: (h) => c(`${e}/level`, h),
     muteToggle: () => n(`${e}/muteToggle`, null),
     muteOn: () => n(`${e}/muteOn`, null),
     muteOff: () => n(`${e}/muteOff`, null)
@@ -1359,7 +1353,7 @@ function je(e) {
     };
 }
 function Se(e) {
-  const { sendMessage: t } = C(), n = `/device/${e}`, c = E(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 } = C(), n = `/device/${e}`, c = E(e), r = v(n, "cameraUp"), i = v(n, "cameraDown"), d = v(n, "cameraLeft"), a = v(n, "cameraRight"), g = v(n, "cameraZoomIn"), x = v(n, "cameraZoomOut"), h = (I) => t("/camera/recallPreset", I);
   if (c)
     return {
       state: c,
@@ -1369,7 +1363,7 @@ function Se(e) {
       down: i,
       left: d,
       right: a,
-      recallPreset: v
+      recallPreset: h
     };
 }
 const Ce = ({ className: e }) => {
@@ -1398,11 +1392,11 @@ function Ie(e) {
     return { endpointState: t };
 }
 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");
+  const t = `/device/${e}`, n = v(t, "chanUp"), c = v(t, "chanDown"), r = v(t, "lastChan"), i = v(t, "guide"), d = v(t, "info"), a = v(t, "exit");
   return { channelUp: n, channelDown: c, lastChannel: r, guide: i, info: d, exit: a };
 }
 function Re(e) {
-  const t = `/device/${e}`, n = h(t, "red"), c = h(t, "green"), r = h(t, "yellow"), i = h(t, "blue");
+  const t = `/device/${e}`, n = v(t, "red"), c = v(t, "green"), r = v(t, "yellow"), i = v(t, "blue");
   return { red: n, green: c, yellow: r, blue: i };
 }
 function Ee(e) {
@@ -1418,7 +1412,7 @@ function Pe(e) {
     return t.deviceInfo || void 0;
 }
 function Te(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");
+  const t = `/device/${e}`, n = v(t, "up"), c = v(t, "down"), r = v(t, "left"), i = v(t, "right"), d = v(t, "select"), a = v(t, "menu"), g = v(t, "exit");
   return { up: n, down: c, left: r, right: i, select: d, menu: a, exit: g };
 }
 function De(e) {
@@ -1431,7 +1425,7 @@ function De(e) {
   } };
 }
 function _e(e) {
-  const t = `/device/${e}`, n = h(t, "dvrList"), c = h(t, "record");
+  const t = `/device/${e}`, n = v(t, "dvrList"), c = v(t, "record");
   return { dvrList: n, record: c };
 }
 function Le(e) {
@@ -1466,10 +1460,10 @@ function Be(e) {
   const { sendMessage: t, sendSimpleMessage: n } = C(), c = E(e), r = K2(e), i = c || r;
   return i ? {
     levelState: i,
-    setLevel: (v, I) => n(`${v}/level`, I),
-    muteToggle: (v) => t(`${v}/muteToggle`, null),
-    muteOn: (v) => t(`${v}/muteOn`, null),
-    muteOff: (v) => t(`${v}/muteOff`, null)
+    setLevel: (h, I) => n(`${h}/level`, I),
+    muteToggle: (h) => t(`${h}/muteToggle`, null),
+    muteOn: (h) => t(`${h}/muteOn`, null),
+    muteOff: (h) => t(`${h}/muteOff`, null)
   } : void 0;
 }
 function Oe(e) {
@@ -1491,7 +1485,7 @@ function ke(e) {
   } };
 }
 function Ue(e) {
-  const t = `/device/${e}`, n = h(t, "num0"), c = h(t, "num1"), r = h(t, "num2"), i = h(t, "num3"), d = h(t, "num4"), a = h(t, "num5"), g = h(t, "num6"), x = h(t, "num7"), v = h(t, "num8"), I = h(t, "num9"), L = h(t, "numDash"), H = h(t, "numEnter");
+  const t = `/device/${e}`, n = v(t, "num0"), c = v(t, "num1"), r = v(t, "num2"), i = v(t, "num3"), d = v(t, "num4"), a = v(t, "num5"), g = v(t, "num6"), x = v(t, "num7"), h = v(t, "num8"), I = v(t, "num9"), A = v(t, "numDash"), H = v(t, "numEnter");
   return {
     digit0: n,
     digit1: c,
@@ -1501,9 +1495,9 @@ function Ue(e) {
     digit5: a,
     digit6: g,
     digit7: x,
-    digit8: v,
+    digit8: h,
     digit9: I,
-    keypadAccessoryButton1: L,
+    keypadAccessoryButton1: A,
     keypadAccessoryButton2: H
   };
 }
@@ -1540,7 +1534,7 @@ function Ge(e) {
   } };
 }
 function qe(e) {
-  const t = `/device/${e}`, n = h(t, "chanUp"), c = h(t, "chanDown");
+  const t = `/device/${e}`, n = v(t, "chanUp"), c = v(t, "chanDown");
   return { dvrList: n, replay: c };
 }
 function Ye(e) {
@@ -1595,7 +1589,7 @@ function Ne(e) {
   };
 }
 function e5(e) {
-  const t = `/device/${e}`, n = h(t, "play"), c = h(t, "pause"), r = h(t, "stop"), i = h(t, "prevTrack"), d = h(t, "nextTrack"), a = h(t, "rewind"), g = h(t, "ffwd"), x = h(t, "record");
+  const t = `/device/${e}`, n = v(t, "play"), c = v(t, "pause"), r = v(t, "stop"), i = v(t, "prevTrack"), d = v(t, "nextTrack"), a = v(t, "rewind"), g = v(t, "ffwd"), x = v(t, "record");
   return {
     play: n,
     pause: c,
@@ -1684,17 +1678,17 @@ function c5(e, t) {
 function r5(e) {
   var a, g;
   const [t, n] = K(((a = e == null ? void 0 : e.current) == null ? void 0 : a.scrollLeft) ?? 0), [c, r] = K(((g = e == null ? void 0 : e.current) == null ? void 0 : g.scrollTop) ?? 0), i = (x) => {
-    const { current: v } = e;
-    v && (console.log(v.scrollLeft), v.scrollLeft += x, console.log(v.scrollLeft));
+    const { current: h } = e;
+    h && (console.log(h.scrollLeft), h.scrollLeft += x, console.log(h.scrollLeft));
   }, d = (x) => {
-    const { current: v } = e;
-    v && (console.log(v.scrollTop), v.scrollTop += x, console.log(v.scrollTop));
+    const { current: h } = e;
+    h && (console.log(h.scrollTop), h.scrollTop += x, console.log(h.scrollTop));
   };
   return x3(() => {
-    const { current: x } = e, v = () => {
+    const { current: x } = e, h = () => {
       n((x == null ? void 0 : x.scrollLeft) ?? 0), r((x == null ? void 0 : x.scrollTop) ?? 0);
     };
-    x && v();
+    x && h();
   }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: i, scrollVertical: d };
 }
 function l5(e) {
@@ -1769,26 +1763,26 @@ const u5 = () => {
   feedback: a,
   feedbackClassName: g,
   onPointerDown: x,
-  onPointerUp: v,
+  onPointerUp: h,
   onPointerLeave: I,
-  ...L
+  ...A
 }) => {
-  const [H, U] = K(!1), X = !d && a ? g : "", c1 = !d && (H || a);
+  const [H, U] = K(!1), e1 = !d && a ? g : "", c1 = !d && (H || a);
   return /* @__PURE__ */ s.jsxs(
     "button",
     {
       type: "button",
-      className: `${$1.iconbtn} ${n ? $1.iconbtnvert : ""} ${c} ${X}`,
-      ...L,
+      className: `${$1.iconbtn} ${n ? $1.iconbtnvert : ""} ${c} ${e1}`,
+      ...A,
       disabled: d,
-      onPointerDown: ($) => {
-        U(!0), x == null || x($);
+      onPointerDown: (L) => {
+        U(!0), x == null || x(L);
       },
-      onPointerUp: ($) => {
-        U(!1), v == null || v($);
+      onPointerUp: (L) => {
+        U(!1), h == null || h(L);
       },
-      onPointerLeave: ($) => {
-        U(!1), I == null || I($);
+      onPointerLeave: (L) => {
+        U(!1), I == null || I(L);
       },
       children: [
         e && /* @__PURE__ */ s.jsx(
@@ -3611,7 +3605,7 @@ export {
   m3 as useAppDispatch,
   p as useAppSelector,
   je as useAvrControl,
-  h as useButtonHeldHeartbeat,
+  v as useButtonHeldHeartbeat,
   Se as useCameraBase,
   n8 as useClientId,
   O8 as useDeviceIBasicVolumeWithFeedback,