@pepperdash/mobile-control-react-app-core 1.21.0-ibasic-volume.3 → 1.21.0-ibasic-volume.4

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

@@ -4,8 +4,8 @@ var G = (e, t, o) => n2(e, typeof t != "symbol" ? t + "" : t, o);
 import c2, { AxiosError as r2 } from "axios";
 import { useDispatch as l2, useSelector as i2, Provider as a2 } from "react-redux";
 import { createSelector as w, createSlice as g1, combineReducers as u2, configureStore as d2 } from "@reduxjs/toolkit";
-import w3, { createContext as h2, useState as H, useRef as v1, useCallback as a1, useEffect as n1, useContext as v2, useLayoutEffect as x3 } from "react";
-import * as M3 from "lodash";
+import x3, { createContext as h2, useState as H, useRef as v1, useCallback as a1, useEffect as n1, useContext as v2, useLayoutEffect as M3 } from "react";
+import * as m3 from "lodash";
 import { useNavigate as g2, useRouteError as f2, isRouteErrorResponse as p2 } from "react-router-dom";
 const w2 = l2.withTypes(), f = i2.withTypes(), j1 = (e) => e.appConfig, x2 = w(
   j1,
@@ -19,13 +19,13 @@ const w2 = l2.withTypes(), f = i2.withTypes(), j1 = (e) => e.appConfig, x2 = w(
 ), Z2 = w(
   j1,
   (e) => e.config.partnerMetadata
-), j2 = () => f(x2), V6 = () => f(M2), k6 = () => f(m2), U6 = () => f(Z2), m3 = (e) => e.devices, Z3 = w(
-  m3,
+), j2 = () => f(x2), V6 = () => f(M2), k6 = () => f(m2), U6 = () => f(Z2), Z3 = (e) => e.devices, j3 = w(
+  Z3,
   (e) => e
 ), S2 = (e) => w(
-  m3,
+  Z3,
   (t) => t[e] ? t[e] : void 0
-), W6 = () => f(Z3);
+), W6 = () => f(j3);
 function P(e) {
   return f(S2(e));
 }
@@ -134,7 +134,7 @@ const L = (e) => e.rooms, C2 = (e) => w(
 ), H2 = w(
   [
     (e, t) => t,
-    () => Z3,
+    () => j3,
     (e, t) => {
       var o, c;
       return (c = (o = e.rooms[t]) == null ? void 0 : o.configuration) == null ? void 0 : c.destinations;
@@ -191,7 +191,7 @@ const K6 = S1, G6 = (e) => f(
 ), t8 = w(
   J,
   (e) => e.touchpanelKey !== ""
-), j3 = () => f(q2), s8 = () => f(Y2), o8 = () => f(z2), n8 = () => f(J2), c8 = () => f(X2), r8 = () => f(Q2), ie = () => f(N2), ae = () => f(e8), ue = () => f(t8), c1 = (e) => e.ui, U1 = (e) => w(
+), S3 = () => f(q2), s8 = () => f(Y2), o8 = () => f(z2), n8 = () => f(J2), c8 = () => f(X2), r8 = () => f(Q2), ie = () => f(N2), ae = () => f(e8), ue = () => f(t8), c1 = (e) => e.ui, U1 = (e) => w(
   c1,
   (t) => t.modalVisibility[e]
 ), l8 = (e) => w(
@@ -224,7 +224,7 @@ const K6 = S1, G6 = (e) => f(
     showIncomingCallModal: !1
   },
   popoverVisibility: {}
-}, S3 = g1({
+}, C3 = g1({
   name: "ui",
   initialState: g8,
   reducers: {
@@ -257,7 +257,7 @@ const K6 = S1, G6 = (e) => f(
       e.theme = t.payload;
     }
   }
-}), q = S3.actions, f8 = S3.reducer, p8 = {
+}), q = C3.actions, f8 = C3.reducer, p8 = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -267,7 +267,7 @@ const K6 = S1, G6 = (e) => f(
     loginMode: "",
     modes: {}
   }
-}, C3 = g1({
+}, b3 = g1({
   name: "appConfig",
   initialState: p8,
   reducers: {
@@ -275,35 +275,35 @@ const K6 = S1, G6 = (e) => f(
       e.config = t.payload;
     }
   }
-}), w8 = C3.actions, x8 = C3.reducer, d3 = {}, B1 = g1({
+}), w8 = b3.actions, x8 = b3.reducer, h3 = {}, B1 = g1({
   name: "devices",
-  initialState: d3,
+  initialState: h3,
   reducers: {
     setDeviceState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
       if (!c) return;
-      const r = t.payload.content, i = e[c] ?? {}, d = M3.merge(i, r);
+      const r = t.payload.content, i = e[c] ?? {}, d = m3.merge(i, r);
       e[c] = d;
     },
     clearDevices() {
-      return d3;
+      return h3;
     }
   }
 }), N = {
   setDeviceState: B1.actions.setDeviceState,
   clearDevices: B1.actions.clearDevices
-}, M8 = B1.reducer, h3 = {}, O1 = g1({
+}, M8 = B1.reducer, v3 = {}, O1 = g1({
   name: "rooms",
-  initialState: h3,
+  initialState: v3,
   reducers: {
     setRoomState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
       if (!c) return;
-      const r = t.payload.content, i = e[c] ?? {}, d = M3.merge(i, r);
+      const r = t.payload.content, i = e[c] ?? {}, d = m3.merge(i, r);
       e[c] = d;
     },
     clearRooms() {
-      return h3;
+      return v3;
     }
   }
 }), e1 = {
@@ -339,7 +339,7 @@ const K6 = S1, G6 = (e) => f(
     userCode: "",
     qrUrl: ""
   }
-}, b3 = g1({
+}, I3 = g1({
   name: "runtimeConfig",
   initialState: Z8,
   reducers: {
@@ -368,7 +368,7 @@ const K6 = S1, G6 = (e) => f(
       e.touchpanelKey = t.payload;
     }
   }
-}), W = b3.actions, j8 = b3.reducer, S8 = u2({
+}), W = I3.actions, j8 = I3.reducer, S8 = u2({
   appConfig: x8,
   runtimeConfig: j8,
   rooms: m8,
@@ -406,11 +406,11 @@ var m1 = { exports: {} }, u1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var v3;
+var g3;
 function b8() {
-  if (v3) return u1;
-  v3 = 1;
-  var e = w3, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  if (g3) return u1;
+  g3 = 1;
+  var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function d(a, h, x) {
     var g, R = {}, D = null, F = null;
     x !== void 0 && (D = "" + x), h.key !== void 0 && (D = "" + h.key), h.ref !== void 0 && (F = h.ref);
@@ -430,10 +430,10 @@ var d1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var g3;
+var f3;
 function I8() {
-  return g3 || (g3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = w3, t = Symbol.for("react.element"), o = 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"), h = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), k = Symbol.iterator, X = "@@iterator";
+  return f3 || (f3 = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), a = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), k = Symbol.iterator, X = "@@iterator";
     function r1(n) {
       if (n === null || typeof n != "object")
         return null;
@@ -522,18 +522,18 @@ function I8() {
         }
       return null;
     }
-    var z = Object.assign, l1 = 0, W1, F1, H1, K1, G1, q1, Y1;
-    function z1() {
+    var z = Object.assign, l1 = 0, F1, H1, K1, G1, q1, Y1, z1;
+    function J1() {
     }
-    z1.__reactDisabledLog = !0;
+    J1.__reactDisabledLog = !0;
     function _3() {
       {
         if (l1 === 0) {
-          W1 = console.log, F1 = console.info, H1 = console.warn, K1 = console.error, G1 = console.group, q1 = console.groupCollapsed, Y1 = console.groupEnd;
+          F1 = console.log, H1 = console.info, K1 = console.warn, G1 = console.error, q1 = console.group, Y1 = console.groupCollapsed, z1 = console.groupEnd;
           var n = {
             configurable: !0,
             enumerable: !0,
-            value: z1,
+            value: J1,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -559,25 +559,25 @@ function I8() {
           };
           Object.defineProperties(console, {
             log: z({}, n, {
-              value: W1
+              value: F1
             }),
             info: z({}, n, {
-              value: F1
+              value: H1
             }),
             warn: z({}, n, {
-              value: H1
+              value: K1
             }),
             error: z({}, n, {
-              value: K1
+              value: G1
             }),
             group: z({}, n, {
-              value: G1
+              value: q1
             }),
             groupCollapsed: z({}, n, {
-              value: q1
+              value: Y1
             }),
             groupEnd: z({}, n, {
-              value: Y1
+              value: z1
             })
           });
         }
@@ -603,7 +603,7 @@ function I8() {
       var T3 = typeof WeakMap == "function" ? WeakMap : Map;
       w1 = new T3();
     }
-    function J1(n, l) {
+    function X1(n, l) {
       if (!n || E1)
         return "";
       {
@@ -675,7 +675,7 @@ function I8() {
       return typeof n == "function" && w1.set(n, Q), Q;
     }
     function L3(n, l, u) {
-      return J1(n, !1);
+      return X1(n, !1);
     }
     function D3(n) {
       var l = n.prototype;
@@ -685,7 +685,7 @@ function I8() {
       if (n == null)
         return "";
       if (typeof n == "function")
-        return J1(n, D3(n));
+        return X1(n, D3(n));
       if (typeof n == "string")
         return p1(n);
       switch (n) {
@@ -710,13 +710,13 @@ function I8() {
         }
       return "";
     }
-    var i1 = Object.prototype.hasOwnProperty, X1 = {}, Q1 = $.ReactDebugCurrentFrame;
+    var i1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = $.ReactDebugCurrentFrame;
     function M1(n) {
       if (n) {
         var l = n._owner, u = x1(n.type, n._source, l ? l.type : null);
-        Q1.setExtraStackFrame(u);
+        N1.setExtraStackFrame(u);
       } else
-        Q1.setExtraStackFrame(null);
+        N1.setExtraStackFrame(null);
     }
     function $3(n, l, u, v, C) {
       {
@@ -733,7 +733,7 @@ function I8() {
             } catch (_) {
               M = _;
             }
-            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).", v || "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));
+            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).", v || "React class", u, Z, typeof M), M1(null)), M instanceof Error && !(M.message in Q1) && (Q1[M.message] = !0, M1(C), A("Failed %s type: %s", u, M.message), M1(null));
           }
       }
     }
@@ -749,24 +749,24 @@ function I8() {
     }
     function O3(n) {
       try {
-        return N1(n), !1;
+        return e3(n), !1;
       } catch {
         return !0;
       }
     }
-    function N1(n) {
+    function e3(n) {
       return "" + n;
     }
-    function e3(n) {
+    function t3(n) {
       if (O3(n))
-        return A("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", B3(n)), N1(n);
+        return A("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", B3(n)), e3(n);
     }
-    var t3 = $.ReactCurrentOwner, V3 = {
+    var s3 = $.ReactCurrentOwner, V3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, s3, o3;
+    }, o3, n3;
     function k3(n) {
       if (i1.call(n, "ref")) {
         var l = Object.getOwnPropertyDescriptor(n, "ref").get;
@@ -784,12 +784,12 @@ function I8() {
       return n.key !== void 0;
     }
     function W3(n, l) {
-      typeof n.ref == "string" && t3.current;
+      typeof n.ref == "string" && s3.current;
     }
     function F3(n, 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));
+          o3 || (o3 = !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));
         };
         u.isReactWarning = !0, Object.defineProperty(n, "key", {
           get: u,
@@ -800,7 +800,7 @@ function I8() {
     function H3(n, l) {
       {
         var u = function() {
-          o3 || (o3 = !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, 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));
         };
         u.isReactWarning = !0, Object.defineProperty(n, "ref", {
           get: u,
@@ -840,7 +840,7 @@ function I8() {
     function G3(n, l, u, v, C) {
       {
         var I, 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));
+        u !== void 0 && (t3(u), M = "" + u), U3(l) && (t3(l.key), M = "" + l.key), k3(l) && (O = l.ref, W3(l, C));
         for (I in l)
           i1.call(l, I) && !V3.hasOwnProperty(I) && (Z[I] = l[I]);
         if (n && n.defaultProps) {
@@ -852,23 +852,23 @@ function I8() {
           var T = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
           M && F3(Z, T), O && H3(Z, T);
         }
-        return K3(n, M, O, C, v, t3.current, Z);
+        return K3(n, M, O, C, v, s3.current, Z);
       }
     }
-    var P1 = $.ReactCurrentOwner, n3 = $.ReactDebugCurrentFrame;
+    var P1 = $.ReactCurrentOwner, c3 = $.ReactDebugCurrentFrame;
     function s1(n) {
       if (n) {
         var l = n._owner, u = x1(n.type, n._source, l ? l.type : null);
-        n3.setExtraStackFrame(u);
+        c3.setExtraStackFrame(u);
       } else
-        n3.setExtraStackFrame(null);
+        c3.setExtraStackFrame(null);
     }
     var T1;
     T1 = !1;
     function L1(n) {
       return typeof n == "object" && n !== null && n.$$typeof === t;
     }
-    function c3() {
+    function r3() {
       {
         if (P1.current) {
           var n = K(P1.current.type);
@@ -883,10 +883,10 @@ Check the render method of \`` + n + "`.";
     function q3(n) {
       return "";
     }
-    var r3 = {};
+    var l3 = {};
     function Y3(n) {
       {
-        var l = c3();
+        var l = r3();
         if (!l) {
           var u = typeof n == "string" ? n : n.displayName || n.name;
           u && (l = `
@@ -896,27 +896,27 @@ Check the top-level render call using <` + u + ">.");
         return l;
       }
     }
-    function l3(n, l) {
+    function i3(n, l) {
       {
         if (!n._store || n._store.validated || n.key != null)
           return;
         n._store.validated = !0;
         var u = Y3(l);
-        if (r3[u])
+        if (l3[u])
           return;
-        r3[u] = !0;
+        l3[u] = !0;
         var v = "";
         n && n._owner && n._owner !== P1.current && (v = " It was passed a child from " + K(n._owner.type) + "."), s1(n), 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, v), s1(null);
       }
     }
-    function i3(n, l) {
+    function a3(n, l) {
       {
         if (typeof n != "object")
           return;
         if (_1(n))
           for (var u = 0; u < n.length; u++) {
             var v = n[u];
-            L1(v) && l3(v, l);
+            L1(v) && i3(v, l);
           }
         else if (L1(n))
           n._store && (n._store.validated = !0);
@@ -924,7 +924,7 @@ Check the top-level render call using <` + u + ">.");
           var C = r1(n);
           if (typeof C == "function" && C !== n.entries)
             for (var I = C.call(n), Z; !(Z = I.next()).done; )
-              L1(Z.value) && l3(Z.value, l);
+              L1(Z.value) && i3(Z.value, l);
         }
       }
     }
@@ -965,15 +965,15 @@ Check the top-level render call using <` + u + ">.");
         n.ref !== null && (s1(n), A("Invalid attribute `ref` supplied to `React.Fragment`."), s1(null));
       }
     }
-    var a3 = {};
-    function u3(n, l, u, v, C, I) {
+    var u3 = {};
+    function d3(n, l, u, v, C, I) {
       {
         var Z = B(n);
         if (!Z) {
           var M = "";
           (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).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();
+          O ? M += O : M += r3();
           var _;
           n === null ? _ = "null" : _1(n) ? _ = "array" : n !== void 0 && n.$$typeof === t ? (_ = "<" + (K(n.type) || "Unknown") + " />", M = " Did you accidentally export a JSX literal instead of a component?") : _ = typeof n, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", _, M);
         }
@@ -986,49 +986,49 @@ Check the top-level render call using <` + u + ">.");
             if (v)
               if (_1(U)) {
                 for (var o1 = 0; o1 < U.length; o1++)
-                  i3(U[o1], n);
+                  a3(U[o1], n);
                 Object.freeze && Object.freeze(U);
               } 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.");
             else
-              i3(U, n);
+              a3(U, n);
         }
         if (i1.call(l, "key")) {
           var Q = K(n), V = Object.keys(l).filter(function(s2) {
             return s2 !== "key";
           }), D1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!a3[Q + D1]) {
+          if (!u3[Q + D1]) {
             var t2 = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
             A(`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} />`, D1, Q, t2, Q), a3[Q + D1] = !0;
+  <%s key={someKey} {...props} />`, D1, Q, t2, Q), u3[Q + D1] = !0;
           }
         }
         return n === c ? J3(T) : z3(T), T;
       }
     }
     function X3(n, l, u) {
-      return u3(n, l, u, !0);
+      return d3(n, l, u, !0);
     }
     function Q3(n, l, u) {
-      return u3(n, l, u, !1);
+      return d3(n, l, u, !1);
     }
     var N3 = Q3, e2 = X3;
     d1.Fragment = c, d1.jsx = N3, d1.jsxs = e2;
   }()), d1;
 }
-var f3;
+var p3;
 function R8() {
-  return f3 || (f3 = 1, process.env.NODE_ENV === "production" ? m1.exports = b8() : m1.exports = I8()), m1.exports;
+  return p3 || (p3 = 1, process.env.NODE_ENV === "production" ? m1.exports = b8() : m1.exports = I8()), m1.exports;
 }
 var s = R8();
 const y8 = "_mwfit_ppa3l_1", E8 = {
   mwfit: y8
 }, _8 = () => {
-  const { reconnect: e } = b(), t = j3(), o = h8(), c = v8();
+  const { reconnect: e } = b(), t = S3(), o = h8(), c = v8();
   return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(
     "div",
     {
@@ -1049,7 +1049,7 @@ class P8 {
     G(this, "expiry", "current-uuid-expires");
   }
 }
-const p3 = new P8(), I3 = h2({
+const w3 = new P8(), R3 = h2({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
@@ -1063,7 +1063,7 @@ function L8(e, t) {
   sessionStorage.setItem(e, t);
 }
 const D8 = ({ children: e }) => {
-  const [t, o] = H(), c = j3(), r = s8(), i = o8(), d = C8(), a = j2(), h = n8(), x = c8(), g = r8(), R = v1(null), [D, F] = H(), k = v1({}), X = a1(
+  const [t, o] = H(), c = S3(), r = s8(), i = o8(), d = C8(), a = j2(), h = n8(), x = c8(), g = r8(), R = v1(null), [D, F] = H(), k = v1({}), X = a1(
     async (y) => {
       try {
         const S = await V1.get(`${y}/ui/joinroom?token=${t}`);
@@ -1093,7 +1093,7 @@ const D8 = ({ children: e }) => {
   }, []);
   return n1(() => {
     let S = new URLSearchParams(window.location.search).get("token");
-    S ? (console.log("saving token: ", S), L8(p3.uuid, S)) : (S = T8(p3.uuid), console.log("loading token: ", S)), o(S), d();
+    S ? (console.log("saving token: ", S), L8(w3.uuid, S)) : (S = T8(w3.uuid), console.log("loading token: ", S)), o(S), d();
   }, []), console.log("connection dependencies", a.apiPath, X, t, D, g), n1(() => {
     async function y() {
       if (console.log("Attempting to join websocket..."), !a.apiPath || D || !t || !await X(a.apiPath)) return;
@@ -1191,7 +1191,7 @@ const D8 = ({ children: e }) => {
   }, [a.apiPath, X, t, D, g]), n1(() => {
     !r || !c || (console.log("clientId: ", i), i && (console.log("requesting status from room: ", r), $(`/room/${r}/status`, null)));
   }, [r, i, c, $]), /* @__PURE__ */ s.jsx(
-    I3.Provider,
+    R3.Provider,
     {
       value: {
         sendMessage: $,
@@ -1205,7 +1205,7 @@ const D8 = ({ children: e }) => {
   );
 }, we = ({ children: e }) => /* @__PURE__ */ s.jsx(a2, { store: m, children: /* @__PURE__ */ s.jsx(D8, { children: e }) });
 function b() {
-  return v2(I3);
+  return v2(R3);
 }
 function $8({
   onPress: e,
@@ -1243,7 +1243,7 @@ function p(e, t) {
   }
   return $8({ onPress: i, onRelease: d });
 }
-function R3(e) {
+function W1(e) {
   const { sendMessage: t } = b(), o = p(`${e}`, "volumeUp"), c = p(`${e}`, "volumeDown");
   return {
     volumeUp: o,
@@ -1252,7 +1252,7 @@ function R3(e) {
   };
 }
 function y3(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = b(), r = R3(e);
+  const { sendMessage: o, sendSimpleMessage: c } = b(), r = W1(e);
   if (!r) {
     console.log("baseVolume is undefined");
     return;
@@ -1270,7 +1270,7 @@ function y3(e, t) {
   };
 }
 function xe(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = b(), r = R3(e);
+  const { sendMessage: o, sendSimpleMessage: c } = b(), r = W1(e);
   if (!r) {
     console.log("baseVolume is undefined");
     return;
@@ -1580,7 +1580,11 @@ function Xe(e) {
     powerFb: { powerOnFb: r, powerOffFb: i }
   };
 }
-const Qe = ({
+function Qe(e) {
+  const t = `/device/${e}`;
+  return W1(t);
+}
+const Ne = ({
   config: e
 }) => {
   const { sendMessage: t } = b();
@@ -1613,9 +1617,9 @@ const Qe = ({
     });
   }, [e, t]);
 };
-function Ne(e, t) {
+function e5(e, t) {
   const [o, c] = H(!1), [r, i] = H(!1);
-  return x3(() => {
+  return M3(() => {
     const { current: d } = e, a = () => {
       const h = d && d.scrollHeight > d.clientHeight, x = d && d.scrollWidth > d.clientWidth;
       i(h ?? !1), c(x ?? !1), t && t(h ?? !1, x ?? !1);
@@ -1623,11 +1627,11 @@ function Ne(e, t) {
     d && a();
   }, [e, t]), { overflowHorizontal: o, overflowVertical: r };
 }
-function e5(e, t) {
+function t5(e, t) {
   const o = K2(e, t), c = `/room/${e}/volumes/${t}`;
   return y3(c, o);
 }
-function t5(e) {
+function s5(e) {
   var a, h;
   const [t, o] = H(((a = e == null ? void 0 : e.current) == null ? void 0 : a.scrollLeft) ?? 0), [c, r] = H(((h = e == null ? void 0 : e.current) == null ? void 0 : h.scrollTop) ?? 0), i = (x) => {
     const { current: g } = e;
@@ -1636,14 +1640,14 @@ function t5(e) {
     const { current: g } = e;
     g && (console.log(g.scrollTop), g.scrollTop += x, console.log(g.scrollTop));
   };
-  return x3(() => {
+  return M3(() => {
     const { current: x } = e, g = () => {
       o((x == null ? void 0 : x.scrollLeft) ?? 0), r((x == null ? void 0 : x.scrollTop) ?? 0);
     };
     x && g();
   }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: i, scrollVertical: d };
 }
-function s5() {
+function o5() {
   const { sendMessage: e } = b();
   return {
     reboot: () => {
@@ -1654,7 +1658,7 @@ function s5() {
     }
   };
 }
-function o5() {
+function n5() {
   const [e, t] = H(), [o, c] = H();
   function r() {
     t((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
@@ -1669,7 +1673,7 @@ function o5() {
     return () => clearInterval(i);
   }, []), { date: e, time: o };
 }
-const n5 = () => {
+const c5 = () => {
   const [e, t] = H(!1), o = g2(), c = f2();
   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: [
@@ -2933,7 +2937,7 @@ const n5 = () => {
     active: e,
     disabled: o
   }
-), c5 = ({
+), r5 = ({
   active: e,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -3374,7 +3378,7 @@ const n5 = () => {
   X: w6,
   Xbox: x6
 };
-function r5({
+function l5({
   name: e,
   iconsDictionary: t = m6,
   ...o
@@ -3388,7 +3392,7 @@ const Z6 = "_grid_1cmpp_1", j6 = "_header_1cmpp_11", S6 = "_content_1cmpp_17", C
   content: S6,
   footer: C6,
   volume: b6
-}, l5 = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ s.jsxs("div", { className: h1.grid, children: [
+}, i5 = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ s.jsxs("div", { className: h1.grid, children: [
   /* @__PURE__ */ s.jsx("div", { className: h1.header, children: e }),
   /* @__PURE__ */ s.jsx("div", { className: h1.content, children: o }),
   r && /* @__PURE__ */ s.jsx("div", { className: h1.volume, children: c }),
@@ -3397,7 +3401,7 @@ const Z6 = "_grid_1cmpp_1", j6 = "_header_1cmpp_11", S6 = "_content_1cmpp_17", C
   grid: I6,
   header: R6,
   content: y6
-}, i5 = ({ className: e, header: t, content: o, leftNav: c }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${Z1.grid}`, children: [
+}, a5 = ({ className: e, header: t, content: o, 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: o })
@@ -3405,23 +3409,23 @@ const Z6 = "_grid_1cmpp_1", j6 = "_header_1cmpp_11", S6 = "_content_1cmpp_17", C
   grid: E6,
   header: _6,
   content: P6
-}, a5 = ({ className: e, header: t, content: o }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${A1.grid}`, children: [
+}, u5 = ({ className: e, header: t, content: o }) => /* @__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: o })
 ] });
-function u5() {
+function d5() {
   return console.log(location.pathname), location.pathname;
 }
 var T6 = /* @__PURE__ */ ((e) => (e[e.NotSet = 0] = "NotSet", e[e.Sunday = 1] = "Sunday", e[e.Monday = 2] = "Monday", e[e.Tuesday = 4] = "Tuesday", e[e.Wednesday = 8] = "Wednesday", e[e.Thursday = 16] = "Thursday", e[e.Friday = 32] = "Friday", e[e.Saturday = 64] = "Saturday", e))(T6 || {});
-class d5 {
+class h5 {
   constructor(t, o) {
     G(this, "path");
     G(this, "handler");
     this.path = t, this.handler = o;
   }
 }
-const h5 = "$off";
-class v5 {
+const v5 = "$off";
+class g5 {
   constructor() {
     G(this, "currentShareText");
     G(this, "enabled");
@@ -3431,7 +3435,7 @@ class v5 {
 export {
   me as Clock,
   T6 as DaysOfWeek,
-  n5 as ErrorBox,
+  c5 as ErrorBox,
   U8 as IconButton,
   W8 as IconMultiAlert,
   F8 as IconMultiBan,
@@ -3458,7 +3462,7 @@ export {
   a6 as IconMultiRoomPC,
   u6 as IconMultiShade,
   d6 as IconMultiSun,
-  c5 as IconMultiTemplate,
+  r5 as IconMultiTemplate,
   h6 as IconMultiUpArrow,
   v6 as IconMultiVolDown,
   g6 as IconMultiVolMute,
@@ -3466,19 +3470,19 @@ export {
   p6 as IconMultiWireless,
   w6 as IconMultiX,
   x6 as IconMultiXbox,
-  l5 as MainLayout,
-  d5 as MessageHandler,
+  i5 as MainLayout,
+  h5 as MessageHandler,
   we as MobileControlProvider,
   j as MultiStateIconContainer,
-  r5 as NamedIconButton,
-  v5 as ShareState,
-  i5 as TechLayout,
-  a5 as TechPinLayout,
-  u5 as getBaseLocation,
+  l5 as NamedIconButton,
+  g5 as ShareState,
+  a5 as TechLayout,
+  u5 as TechPinLayout,
+  d5 as getBaseLocation,
   V1 as httpClient,
   m6 as iconsDictionary,
-  h5 as roomOffSourceKey,
-  Z3 as selectAllDevices,
+  v5 as roomOffSourceKey,
+  j3 as selectAllDevices,
   M2 as selectApiPath,
   x2 as selectAppConfig,
   z2 as selectClientId,
@@ -3530,11 +3534,12 @@ export {
   Me as useAvrControl,
   p as useButtonHeldHeartbeat,
   o8 as useClientId,
+  Qe as useDeviceIBasicVolume,
   A8 as useDeviceIBasicVolumeWithFeedback,
   Ze as useDevicePresetsModel,
   je as useEndpoint,
   h8 as useError,
-  Qe as useGetAllDeviceStateFromRoomConfiguration,
+  Ne as useGetAllDeviceStateFromRoomConfiguration,
   W6 as useGetAllDevices,
   H6 as useGetAllRooms,
   ge as useGetCurrentPopoverIdForGroup,
@@ -3577,7 +3582,7 @@ export {
   ue as useIsTouchpanel,
   k6 as useLogoPath,
   Je as useMobileControlTouchpanelController,
-  Ne as useOverflow,
+  e5 as useOverflow,
   U6 as usePartnerMetadata,
   $8 as usePressHoldRelease,
   ne as useRoomAdvancedSharingActive,
@@ -3587,7 +3592,7 @@ export {
   J6 as useRoomDestinationList,
   z6 as useRoomDestinations,
   X6 as useRoomEnvironmentalDevices,
-  e5 as useRoomIBasicVolumeWithFeedback,
+  t5 as useRoomIBasicVolumeWithFeedback,
   ee as useRoomInCall,
   se as useRoomIsCoolingDown,
   oe as useRoomIsOn,
@@ -3601,20 +3606,20 @@ export {
   S1 as useRoomState,
   K2 as useRoomVolume,
   ie as useRuntimeInfo,
-  t5 as useScroll,
+  s5 as useScroll,
   r8 as useServerIsRunningOnProcessorHardware,
   he as useShowIncomingCallModal,
   ve as useShowModal,
   fe as useShowPopoverById,
   v8 as useShowReconnect,
   de as useShowShutdownModal,
-  s5 as useSystemControl,
+  o5 as useSystemControl,
   n8 as useSystemUuid,
   pe as useTheme,
-  o5 as useTimeAndDate,
+  n5 as useTimeAndDate,
   ae as useTouchpanelKey,
   Xe as useTwoWayDisplayBase,
   c8 as useUserCode,
   b as useWebsocketContext,
-  j3 as useWsIsConnected
+  S3 as useWsIsConnected
 };