@pepperdash/mobile-control-react-app-core 1.22.6-volume-hook-fix.1 → 1.22.6-volume-hook-fix.2

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

@@ -1,23 +1,23 @@
 var w2 = Object.defineProperty;
 var p2 = (e, t, o) => t in e ? w2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
 var q = (e, t, o) => p2(e, typeof t != "symbol" ? t + "" : t, o);
-import m3, { AxiosError as m2 } from "axios";
+import M3, { AxiosError as m2 } from "axios";
 import { useDispatch as M2, useSelector as x2, Provider as Z2 } from "react-redux";
 import { createSelector as p, createSlice as a1, combineReducers as S2, configureStore as j2 } from "@reduxjs/toolkit";
-import M3, { createContext as C2, useEffect as m1, useCallback as c1, useContext as b2, useRef as $1, useMemo as x3, useState as Y, useLayoutEffect as Z3 } from "react";
+import x3, { createContext as C2, useEffect as m1, useCallback as c1, useContext as b2, useRef as A1, useMemo as M1, useState as Y, useLayoutEffect as Z3 } from "react";
 import { useNavigate as y2, useRouteError as I2, isRouteErrorResponse as R2 } from "react-router-dom";
 import * as S3 from "lodash";
-const O1 = M2.withTypes(), f = x2.withTypes(), M1 = (e) => e.appConfig, E2 = p(
-  M1,
+const W1 = M2.withTypes(), f = x2.withTypes(), x1 = (e) => e.appConfig, E2 = p(
+  x1,
   (e) => e.config
 ), T2 = p(
-  M1,
+  x1,
   (e) => e.config.apiPath
 ), D2 = p(
-  M1,
+  x1,
   (e) => e.config.logoPath
 ), _2 = p(
-  M1,
+  x1,
   (e) => e.config.partnerMetadata
 ), X8 = () => f(E2), Q8 = () => f(T2), N8 = () => f(D2), e6 = () => f(_2), j3 = (e) => e.devices, C3 = p(
   j3,
@@ -154,10 +154,10 @@ function n6(e) {
 function o6() {
   return f($2);
 }
-function x1(e) {
+function Z1(e) {
   return f(A2(e));
 }
-const s6 = x1, c6 = (e) => f(
+const s6 = Z1, c6 = (e) => f(
   B2(e)
 ), te = (e, t) => f(
   k2(e, t)
@@ -203,7 +203,7 @@ const s6 = x1, c6 = (e) => f(
 ), ve = (e, t) => p(
   y3(e),
   (o) => o.includes(t)
-), I3 = () => f(oe), Z6 = () => f(se), S6 = () => f(ce), j6 = () => f(re), C6 = () => f(le), b6 = () => f(ie), y6 = () => f(ae), I6 = () => f(ue), R6 = () => f(de), E6 = () => f(b3), T6 = (e) => f(y3(e)), D6 = (e, t) => f(ve(e, t)), N = (e) => e.ui, W1 = (e) => p(N, (t) => t.modalVisibility[e]), he = (e) => p(N, (t) => {
+), I3 = () => f(oe), Z6 = () => f(se), S6 = () => f(ce), j6 = () => f(re), C6 = () => f(le), b6 = () => f(ie), y6 = () => f(ae), I6 = () => f(ue), R6 = () => f(de), E6 = () => f(b3), T6 = (e) => f(y3(e)), D6 = (e, t) => f(ve(e, t)), N = (e) => e.ui, V1 = (e) => p(N, (t) => t.modalVisibility[e]), he = (e) => p(N, (t) => {
   const o = t.popoverVisibility[e];
   if (o)
     return Object.keys(o).find((c) => o[c]);
@@ -216,7 +216,7 @@ const s6 = x1, c6 = (e) => f(
 ), fe = p(N, (e) => e.error), we = p(
   N,
   (e) => e.showReconnect
-), pe = p(N, (e) => e.theme), me = (e) => p(N, (t) => t.syncState.includes(e)), _6 = () => f(W1("showShutdownModal")), P6 = () => f(W1("showIncomingCallModal")), L6 = (e) => f(W1(e)), $6 = (e) => f(he(e)), A6 = (e, t) => f(ge(e, t)), Me = () => f(fe), xe = () => f(we), B6 = () => f(pe), Ze = (e) => f(me(e)), Se = {
+), pe = p(N, (e) => e.theme), me = (e) => p(N, (t) => t.syncState.includes(e)), _6 = () => f(V1("showShutdownModal")), P6 = () => f(V1("showIncomingCallModal")), L6 = (e) => f(V1(e)), $6 = (e) => f(he(e)), A6 = (e, t) => f(ge(e, t)), Me = () => f(fe), xe = () => f(we), B6 = () => f(pe), Ze = (e) => f(me(e)), Se = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -289,9 +289,9 @@ const s6 = x1, c6 = (e) => f(
       e.config = t.payload;
     }
   }
-}), T3 = E3.actions, be = E3.reducer, d3 = {}, A1 = a1({
+}), T3 = E3.actions, be = E3.reducer, v3 = {}, B1 = a1({
   name: "devices",
-  initialState: d3,
+  initialState: v3,
   reducers: {
     setDeviceState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
@@ -300,13 +300,13 @@ const s6 = x1, c6 = (e) => f(
       e[c] = v;
     },
     clearDevices() {
-      return d3;
+      return v3;
     }
   }
 }), g1 = {
-  setDeviceState: A1.actions.setDeviceState,
-  clearDevices: A1.actions.clearDevices
-}, ye = A1.reducer;
+  setDeviceState: B1.actions.setDeviceState,
+  clearDevices: B1.actions.clearDevices
+}, ye = B1.reducer;
 class Ie {
   constructor() {
     q(this, "uuid", "current-uuid");
@@ -315,16 +315,16 @@ class Ie {
     q(this, "expiry", "current-uuid-expires");
   }
 }
-const v3 = new Ie();
+const h3 = new Ie();
 function Re(e) {
   return sessionStorage.getItem(e) || "";
 }
 function Ee(e, t) {
   sessionStorage.setItem(e, t);
 }
-const h3 = {}, B1 = a1({
+const g3 = {}, k1 = a1({
   name: "rooms",
-  initialState: h3,
+  initialState: g3,
   reducers: {
     setRoomState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
@@ -333,13 +333,13 @@ const h3 = {}, B1 = a1({
       e[c] = v;
     },
     clearRooms() {
-      return h3;
+      return g3;
     }
   }
 }), f1 = {
-  setRoomState: B1.actions.setRoomState,
-  clearRooms: B1.actions.clearRooms
-}, Te = B1.reducer, De = {
+  setRoomState: k1.actions.setRoomState,
+  clearRooms: k1.actions.clearRooms
+}, Te = k1.reducer, De = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -405,7 +405,7 @@ const h3 = {}, B1 = a1({
       e.touchpanelKey = t.payload;
     }
   }
-}), U = D3.actions, _e = D3.reducer, _1 = m3.create(), _3 = "websocket/connect", P3 = "websocket/disconnect", L3 = "websocket/sendMessage", $3 = "websocket/addEventHandler", A3 = "websocket/removeEventHandler", B3 = "websocket/reconnect", k3 = () => ({ type: _3 }), k6 = () => ({ type: P3 }), Pe = (e, t) => ({
+}), U = D3.actions, _e = D3.reducer, P1 = M3.create(), _3 = "websocket/connect", P3 = "websocket/disconnect", L3 = "websocket/sendMessage", $3 = "websocket/addEventHandler", A3 = "websocket/removeEventHandler", B3 = "websocket/reconnect", k3 = () => ({ type: _3 }), k6 = () => ({ type: P3 }), Pe = (e, t) => ({
   type: L3,
   payload: { messageType: e, content: t }
 }), Le = (e, t, o) => ({
@@ -425,14 +425,14 @@ const h3 = {}, B1 = a1({
     try {
       const Z = location.pathname.split("/").filter((b) => b.length > 0);
       Z.length >= 5 ? Z.length = 5 : Z.length = 2;
-      const j = `/${Z.join("/")}`, C = await _1.get(
+      const j = `/${Z.join("/")}`, C = await P1.get(
         "/_local-config/_config.local.json",
         { baseURL: j }
       );
       if (C.status === 200 && C.data) {
         const b = C.data.apiPath;
         a(T3.setAppConfig(C.data));
-        const x = await _1.get(
+        const x = await P1.get(
           `${b}/version`
         );
         x.status === 200 && x.data && a(U.setRuntimeConfig(x.data));
@@ -443,7 +443,7 @@ const h3 = {}, B1 = a1({
     return !0;
   }, o = async (a, Z, j) => {
     try {
-      const C = await _1.get(
+      const C = await P1.get(
         `${a}/ui/joinroom?token=${Z}`
       );
       return C.status === 200 && C.data ? (j(U.setRoomData(C.data)), !0) : !1;
@@ -511,7 +511,7 @@ const h3 = {}, B1 = a1({
         return;
       }
       console.log("WebSocket middleware: Connecting to websocket");
-      const S1 = `${C.replace("http", "ws")}/ui/join/${e.token}`, K = new WebSocket(S1);
+      const j1 = `${C.replace("http", "ws")}/ui/join/${e.token}`, K = new WebSocket(j1);
       e.client = K, K.onopen = (B) => {
         console.log("WebSocket middleware: Connected", B.type, B.target), e.waitingToReconnect = !1, r(), setTimeout(() => {
           e.client === K && K.readyState === WebSocket.OPEN && a(U.setWebsocketIsConnected(!0));
@@ -633,10 +633,10 @@ const h3 = {}, B1 = a1({
             ), z && Object.values(z).forEach((n1) => {
               try {
                 n1(D);
-              } catch (j1) {
+              } catch (C1) {
                 console.error(
                   "WebSocket middleware: Event handler error",
-                  j1
+                  C1
                 );
               }
             });
@@ -676,7 +676,7 @@ const h3 = {}, B1 = a1({
       switch (b.type) {
         case _3: {
           let W = new URLSearchParams(window.location.search).get("token");
-          W ? (console.log("WebSocket middleware: Saving token"), Ee(v3.uuid, W)) : (W = Re(v3.uuid), console.log("WebSocket middleware: Loading token")), e.token = W, await t(a.dispatch), await u(a.dispatch, a.getState);
+          W ? (console.log("WebSocket middleware: Saving token"), Ee(h3.uuid, W)) : (W = Re(h3.uuid), console.log("WebSocket middleware: Loading token")), e.token = W, await t(a.dispatch), await u(a.dispatch, a.getState);
           break;
         }
         case P3:
@@ -743,21 +743,21 @@ const h3 = {}, B1 = a1({
       ignoredActions: ["websocket/addEventHandler"]
     }
   }).concat(Be())
-}), g3 = m3.create();
+}), f3 = M3.create();
 function O6() {
-  const e = O1();
+  const e = W1();
   return async () => {
     try {
       const t = location.pathname.split("/").filter((r) => r.length > 0);
       t.length >= 5 ? t.length = 5 : t.length = 2;
-      const o = `/${t.join("/")}`, c = await g3.get(
+      const o = `/${t.join("/")}`, c = await f3.get(
         "/_local-config/_config.local.json",
         { baseURL: o }
       );
       if (c.status == 200 && c.data) {
         const r = c.data.apiPath;
         e(T3.setAppConfig(c.data));
-        const i = await g3.get(
+        const i = await f3.get(
           `${r}/version`
         );
         i.status == 200 && i.data && e(U.setRuntimeConfig(i.data));
@@ -778,11 +778,11 @@ var w1 = { exports: {} }, r1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var f3;
+var w3;
 function We() {
-  if (f3) return r1;
-  f3 = 1;
-  var e = M3, 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 (w3) return r1;
+  w3 = 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 v(u, h, m) {
     var M, P = {}, H = null, a = null;
     m !== void 0 && (H = "" + m), h.key !== void 0 && (H = "" + h.key), h.ref !== void 0 && (a = h.ref);
@@ -802,10 +802,10 @@ var l1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var w3;
+var p3;
 function Ve() {
-  return w3 || (w3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = M3, 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"), v = Symbol.for("react.provider"), u = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), a = Symbol.for("react.offscreen"), Z = Symbol.iterator, j = "@@iterator";
+  return p3 || (p3 = 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"), v = Symbol.for("react.provider"), u = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), a = Symbol.for("react.offscreen"), Z = Symbol.iterator, j = "@@iterator";
     function C(s) {
       if (s === null || typeof s != "object")
         return null;
@@ -830,10 +830,10 @@ function Ve() {
         T.unshift("Warning: " + l), Function.prototype.apply.call(console[s], console, T);
       }
     }
-    var S1 = !1, K = !1, B = !1, D = !1, z = !1, n1;
+    var j1 = !1, K = !1, B = !1, D = !1, z = !1, n1;
     n1 = Symbol.for("react.module.reference");
-    function j1(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === c || s === i || z || s === r || s === m || s === M || D || s === a || S1 || K || B || typeof s == "object" && s !== null && (s.$$typeof === H || s.$$typeof === P || s.$$typeof === v || s.$$typeof === u || s.$$typeof === h || // This needs to include all possible module reference object
+    function C1(s) {
+      return !!(typeof s == "string" || typeof s == "function" || s === c || s === i || z || s === r || s === m || s === M || D || s === a || j1 || K || B || typeof s == "object" && s !== null && (s.$$typeof === H || s.$$typeof === P || s.$$typeof === v || s.$$typeof === u || s.$$typeof === h || // 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.
@@ -846,7 +846,7 @@ function Ve() {
       var E = l.displayName || l.name || "";
       return E !== "" ? d + "(" + E + ")" : d;
     }
-    function V1(s) {
+    function U1(s) {
       return s.displayName || "Context";
     }
     function J(s) {
@@ -874,10 +874,10 @@ function Ve() {
         switch (s.$$typeof) {
           case u:
             var l = s;
-            return V1(l) + ".Consumer";
+            return U1(l) + ".Consumer";
           case v:
             var d = s;
-            return V1(d._context) + ".Provider";
+            return U1(d._context) + ".Provider";
           case h:
             return U3(s, s.render, "ForwardRef");
           case P:
@@ -894,18 +894,18 @@ function Ve() {
         }
       return null;
     }
-    var X = Object.assign, o1 = 0, U1, H1, F1, K1, q1, G1, Y1;
-    function z1() {
+    var X = Object.assign, o1 = 0, H1, F1, K1, q1, G1, Y1, z1;
+    function J1() {
     }
-    z1.__reactDisabledLog = !0;
+    J1.__reactDisabledLog = !0;
     function H3() {
       {
         if (o1 === 0) {
-          U1 = console.log, H1 = console.info, F1 = console.warn, K1 = console.error, q1 = console.group, G1 = console.groupCollapsed, Y1 = console.groupEnd;
+          H1 = console.log, F1 = console.info, K1 = console.warn, q1 = console.error, G1 = console.group, Y1 = console.groupCollapsed, z1 = console.groupEnd;
           var s = {
             configurable: !0,
             enumerable: !0,
-            value: z1,
+            value: J1,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -931,52 +931,52 @@ function Ve() {
           };
           Object.defineProperties(console, {
             log: X({}, s, {
-              value: U1
+              value: H1
             }),
             info: X({}, s, {
-              value: H1
+              value: F1
             }),
             warn: X({}, s, {
-              value: F1
+              value: K1
             }),
             error: X({}, s, {
-              value: K1
+              value: q1
             }),
             group: X({}, s, {
-              value: q1
+              value: G1
             }),
             groupCollapsed: X({}, s, {
-              value: G1
+              value: Y1
             }),
             groupEnd: X({}, s, {
-              value: Y1
+              value: z1
             })
           });
         }
         o1 < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var C1 = b.ReactCurrentDispatcher, b1;
+    var b1 = b.ReactCurrentDispatcher, y1;
     function u1(s, l, d) {
       {
-        if (b1 === void 0)
+        if (y1 === void 0)
           try {
             throw Error();
           } catch (E) {
             var w = E.stack.trim().match(/\n( *(at )?)/);
-            b1 = w && w[1] || "";
+            y1 = w && w[1] || "";
           }
         return `
-` + b1 + s;
+` + y1 + s;
       }
     }
-    var y1 = !1, d1;
+    var I1 = !1, d1;
     {
       var K3 = typeof WeakMap == "function" ? WeakMap : Map;
       d1 = new K3();
     }
-    function J1(s, l) {
-      if (!s || y1)
+    function X1(s, l) {
+      if (!s || I1)
         return "";
       {
         var d = d1.get(s);
@@ -984,11 +984,11 @@ function Ve() {
           return d;
       }
       var w;
-      y1 = !0;
+      I1 = !0;
       var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var T;
-      T = C1.current, C1.current = null, H3();
+      T = b1.current, b1.current = null, H3();
       try {
         if (l) {
           var y = function() {
@@ -1041,13 +1041,13 @@ function Ve() {
             }
         }
       } finally {
-        y1 = !1, C1.current = T, F3(), Error.prepareStackTrace = E;
+        I1 = !1, b1.current = T, F3(), Error.prepareStackTrace = E;
       }
       var t1 = s ? s.displayName || s.name : "", Q = t1 ? u1(t1) : "";
       return typeof s == "function" && d1.set(s, Q), Q;
     }
     function q3(s, l, d) {
-      return J1(s, !1);
+      return X1(s, !1);
     }
     function G3(s) {
       var l = s.prototype;
@@ -1057,7 +1057,7 @@ function Ve() {
       if (s == null)
         return "";
       if (typeof s == "function")
-        return J1(s, G3(s));
+        return X1(s, G3(s));
       if (typeof s == "string")
         return u1(s);
       switch (s) {
@@ -1082,13 +1082,13 @@ function Ve() {
         }
       return "";
     }
-    var s1 = Object.prototype.hasOwnProperty, X1 = {}, Q1 = b.ReactDebugCurrentFrame;
+    var s1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = b.ReactDebugCurrentFrame;
     function h1(s) {
       if (s) {
         var l = s._owner, d = v1(s.type, s._source, l ? l.type : null);
-        Q1.setExtraStackFrame(d);
+        N1.setExtraStackFrame(d);
       } else
-        Q1.setExtraStackFrame(null);
+        N1.setExtraStackFrame(null);
     }
     function Y3(s, l, d, w, E) {
       {
@@ -1105,12 +1105,12 @@ function Ve() {
             } catch (L) {
               S = L;
             }
-            S && !(S instanceof Error) && (h1(E), x("%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).", w || "React class", d, y, typeof S), h1(null)), S instanceof Error && !(S.message in X1) && (X1[S.message] = !0, h1(E), x("Failed %s type: %s", d, S.message), h1(null));
+            S && !(S instanceof Error) && (h1(E), x("%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).", w || "React class", d, y, typeof S), h1(null)), S instanceof Error && !(S.message in Q1) && (Q1[S.message] = !0, h1(E), x("Failed %s type: %s", d, S.message), h1(null));
           }
       }
     }
     var z3 = Array.isArray;
-    function I1(s) {
+    function R1(s) {
       return z3(s);
     }
     function J3(s) {
@@ -1121,24 +1121,24 @@ function Ve() {
     }
     function X3(s) {
       try {
-        return N1(s), !1;
+        return e3(s), !1;
       } catch {
         return !0;
       }
     }
-    function N1(s) {
+    function e3(s) {
       return "" + s;
     }
-    function e3(s) {
+    function t3(s) {
       if (X3(s))
-        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", J3(s)), N1(s);
+        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", J3(s)), e3(s);
     }
-    var t3 = b.ReactCurrentOwner, Q3 = {
+    var n3 = b.ReactCurrentOwner, Q3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, n3, o3;
+    }, o3, s3;
     function N3(s) {
       if (s1.call(s, "ref")) {
         var l = Object.getOwnPropertyDescriptor(s, "ref").get;
@@ -1156,12 +1156,12 @@ function Ve() {
       return s.key !== void 0;
     }
     function t2(s, l) {
-      typeof s.ref == "string" && t3.current;
+      typeof s.ref == "string" && n3.current;
     }
     function n2(s, l) {
       {
         var d = function() {
-          n3 || (n3 = !0, x("%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, x("%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));
         };
         d.isReactWarning = !0, Object.defineProperty(s, "key", {
           get: d,
@@ -1172,7 +1172,7 @@ function Ve() {
     function o2(s, l) {
       {
         var d = function() {
-          o3 || (o3 = !0, x("%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));
+          s3 || (s3 = !0, x("%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));
         };
         d.isReactWarning = !0, Object.defineProperty(s, "ref", {
           get: d,
@@ -1212,7 +1212,7 @@ function Ve() {
     function c2(s, l, d, w, E) {
       {
         var T, y = {}, S = null, k = null;
-        d !== void 0 && (e3(d), S = "" + d), e2(l) && (e3(l.key), S = "" + l.key), N3(l) && (k = l.ref, t2(l, E));
+        d !== void 0 && (t3(d), S = "" + d), e2(l) && (t3(l.key), S = "" + l.key), N3(l) && (k = l.ref, t2(l, E));
         for (T in l)
           s1.call(l, T) && !Q3.hasOwnProperty(T) && (y[T] = l[T]);
         if (s && s.defaultProps) {
@@ -1224,26 +1224,26 @@ function Ve() {
           var $ = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
           S && n2(y, $), k && o2(y, $);
         }
-        return s2(s, S, k, E, w, t3.current, y);
+        return s2(s, S, k, E, w, n3.current, y);
       }
     }
-    var R1 = b.ReactCurrentOwner, s3 = b.ReactDebugCurrentFrame;
+    var E1 = b.ReactCurrentOwner, c3 = b.ReactDebugCurrentFrame;
     function e1(s) {
       if (s) {
         var l = s._owner, d = v1(s.type, s._source, l ? l.type : null);
-        s3.setExtraStackFrame(d);
+        c3.setExtraStackFrame(d);
       } else
-        s3.setExtraStackFrame(null);
+        c3.setExtraStackFrame(null);
     }
-    var E1;
-    E1 = !1;
-    function T1(s) {
+    var T1;
+    T1 = !1;
+    function D1(s) {
       return typeof s == "object" && s !== null && s.$$typeof === t;
     }
-    function c3() {
+    function r3() {
       {
-        if (R1.current) {
-          var s = J(R1.current.type);
+        if (E1.current) {
+          var s = J(E1.current.type);
           if (s)
             return `
 
@@ -1255,10 +1255,10 @@ Check the render method of \`` + s + "`.";
     function r2(s) {
       return "";
     }
-    var r3 = {};
+    var l3 = {};
     function l2(s) {
       {
-        var l = c3();
+        var l = r3();
         if (!l) {
           var d = typeof s == "string" ? s : s.displayName || s.name;
           d && (l = `
@@ -1268,35 +1268,35 @@ Check the top-level render call using <` + d + ">.");
         return l;
       }
     }
-    function l3(s, l) {
+    function i3(s, l) {
       {
         if (!s._store || s._store.validated || s.key != null)
           return;
         s._store.validated = !0;
         var d = l2(l);
-        if (r3[d])
+        if (l3[d])
           return;
-        r3[d] = !0;
+        l3[d] = !0;
         var w = "";
-        s && s._owner && s._owner !== R1.current && (w = " It was passed a child from " + J(s._owner.type) + "."), e1(s), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, w), e1(null);
+        s && s._owner && s._owner !== E1.current && (w = " It was passed a child from " + J(s._owner.type) + "."), e1(s), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, w), e1(null);
       }
     }
-    function i3(s, l) {
+    function a3(s, l) {
       {
         if (typeof s != "object")
           return;
-        if (I1(s))
+        if (R1(s))
           for (var d = 0; d < s.length; d++) {
             var w = s[d];
-            T1(w) && l3(w, l);
+            D1(w) && i3(w, l);
           }
-        else if (T1(s))
+        else if (D1(s))
           s._store && (s._store.validated = !0);
         else if (s) {
           var E = C(s);
           if (typeof E == "function" && E !== s.entries)
             for (var T = E.call(s), y; !(y = T.next()).done; )
-              T1(y.value) && l3(y.value, l);
+              D1(y.value) && i3(y.value, l);
         }
       }
     }
@@ -1317,8 +1317,8 @@ Check the top-level render call using <` + d + ">.");
         if (d) {
           var w = J(l);
           Y3(d, s.props, "prop", w, s);
-        } else if (l.PropTypes !== void 0 && !E1) {
-          E1 = !0;
+        } else if (l.PropTypes !== void 0 && !T1) {
+          T1 = !0;
           var E = J(l);
           x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
         }
@@ -1337,17 +1337,17 @@ Check the top-level render call using <` + d + ">.");
         s.ref !== null && (e1(s), x("Invalid attribute `ref` supplied to `React.Fragment`."), e1(null));
       }
     }
-    var a3 = {};
-    function u3(s, l, d, w, E, T) {
+    var u3 = {};
+    function d3(s, l, d, w, E, T) {
       {
-        var y = j1(s);
+        var y = C1(s);
         if (!y) {
           var S = "";
           (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (S += " 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 k = r2();
-          k ? S += k : S += c3();
+          k ? S += k : S += r3();
           var L;
-          s === null ? L = "null" : I1(s) ? L = "array" : s !== void 0 && s.$$typeof === t ? (L = "<" + (J(s.type) || "Unknown") + " />", S = " Did you accidentally export a JSX literal instead of a component?") : L = typeof s, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, S);
+          s === null ? L = "null" : R1(s) ? L = "array" : s !== void 0 && s.$$typeof === t ? (L = "<" + (J(s.type) || "Unknown") + " />", S = " Did you accidentally export a JSX literal instead of a component?") : L = typeof s, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, S);
         }
         var $ = c2(s, l, d, E, T);
         if ($ == null)
@@ -1356,45 +1356,45 @@ Check the top-level render call using <` + d + ">.");
           var F = l.children;
           if (F !== void 0)
             if (w)
-              if (I1(F)) {
+              if (R1(F)) {
                 for (var t1 = 0; t1 < F.length; t1++)
-                  i3(F[t1], s);
+                  a3(F[t1], s);
                 Object.freeze && Object.freeze(F);
               } else
                 x("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(F, s);
+              a3(F, s);
         }
         if (s1.call(l, "key")) {
           var Q = J(s), V = Object.keys(l).filter(function(f2) {
             return f2 !== "key";
-          }), D1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!a3[Q + D1]) {
+          }), _1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!u3[Q + _1]) {
             var g2 = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
             x(`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, g2, Q), a3[Q + D1] = !0;
+  <%s key={someKey} {...props} />`, _1, Q, g2, Q), u3[Q + _1] = !0;
           }
         }
         return s === c ? a2($) : i2($), $;
       }
     }
     function u2(s, l, d) {
-      return u3(s, l, d, !0);
+      return d3(s, l, d, !0);
     }
     function d2(s, l, d) {
-      return u3(s, l, d, !1);
+      return d3(s, l, d, !1);
     }
     var v2 = d2, h2 = u2;
     l1.Fragment = c, l1.jsx = v2, l1.jsxs = h2;
   }()), l1;
 }
-var p3;
+var m3;
 function Ue() {
-  return p3 || (p3 = 1, process.env.NODE_ENV === "production" ? w1.exports = We() : w1.exports = Ve()), w1.exports;
+  return m3 || (m3 = 1, process.env.NODE_ENV === "production" ? w1.exports = We() : w1.exports = Ve()), w1.exports;
 }
 var n = Ue();
 const He = "_mwfit_ppa3l_1", Fe = {
@@ -1415,7 +1415,7 @@ const He = "_mwfit_ppa3l_1", Fe = {
   removeEventHandler: () => null,
   reconnect: () => null
 }), qe = ({ children: e }) => {
-  const t = O1(), o = I3();
+  const t = W1(), o = I3();
   m1(() => {
     t(k3());
   }, [t]);
@@ -1465,7 +1465,7 @@ function Ge({
   onHold: o,
   holdTimeMs: c = 500
 }) {
-  const r = $1(null), i = $1(!1);
+  const r = A1(null), i = A1(!1);
   function v() {
     i.current = !0, e == null || e(), r.current = setTimeout(() => {
       o == null || o(), r.current = null;
@@ -1484,7 +1484,7 @@ function Ge({
   };
 }
 function g(e, t) {
-  const { sendMessage: c } = R(), r = $1(null);
+  const { sendMessage: c } = R(), r = A1(null);
   function i() {
     c(`${e}/${t}`, { value: "pressed" }), r.current || (r.current = setInterval(() => {
       c(`${e}/${t}`, { value: "held" });
@@ -1495,25 +1495,25 @@ function g(e, t) {
   }
   return Ge({ onPress: i, onRelease: v });
 }
-function Z1(e) {
+function S1(e) {
   const { sendMessage: t } = R(), o = g(`${e}`, "volumeUp"), c = g(`${e}`, "volumeDown");
-  return {
+  return M1(() => ({
     volumeUp: o,
     volumeDown: c,
     muteToggle: () => t(`${e}/muteToggle`, null)
-  };
+  }), [e, t, o, c]);
 }
 function V6(e) {
   const { sendMessage: t } = R(), o = g(`${e}`, "volumeUp"), c = g(`${e}`, "volumeDown");
-  return {
+  return M1(() => ({
     volumeUp: o,
     volumeDown: c,
     muteToggle: () => t(`${e}/muteToggle`, null)
-  };
+  }), [e, t, o, c]);
 }
 function W3(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = R(), r = Z1(e);
-  return x3(() => {
+  const { sendMessage: o, sendSimpleMessage: c } = R(), r = S1(e);
+  return M1(() => {
     if (!r) {
       console.log("baseVolume is undefined");
       return;
@@ -1532,8 +1532,8 @@ function W3(e, t) {
   }, [r, t, e, o, c]);
 }
 function U6(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = R(), r = Z1(e);
-  return x3(() => {
+  const { sendMessage: o, sendSimpleMessage: c } = R(), r = S1(e);
+  return M1(() => {
     if (!r) {
       console.log("baseVolume is undefined");
       return;
@@ -1565,7 +1565,7 @@ function V3(e) {
     t(`/device/${e}/powerToggle`, null);
   } };
 }
-function k1(e) {
+function O1(e) {
   const { sendMessage: t } = R(), o = _(e);
   return console.log("deviceState", o), o ? { itemsState: o, selectItem: (r) => {
     t(`/device/${e}/${r}`, null);
@@ -1583,7 +1583,7 @@ function ze(e) {
   return o ? { levelControls: o.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
 }
 function H6(e) {
-  const t = _(e), o = V3(e), c = k1(e), r = k1(e), i = Ye(e), v = ze(e);
+  const t = _(e), o = V3(e), c = O1(e), r = O1(e), i = Ye(e), v = ze(e);
   if (t)
     return {
       avrState: t,
@@ -1752,7 +1752,7 @@ function at(e) {
   } } : void 0;
 }
 function ut(e) {
-  const { sendMessage: t } = R(), o = x1(e);
+  const { sendMessage: t } = R(), o = Z1(e);
   return o ? { roomEventScheduleState: o, save: (r) => {
     t(`/room/${e}/saveScheduledEvents`, r);
   } } : void 0;
@@ -1790,7 +1790,7 @@ function ft(e) {
   } } : void 0;
 }
 function wt(e) {
-  const { sendMessage: t } = R(), o = x1(e);
+  const { sendMessage: t } = R(), o = Z1(e);
   return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (u) => {
     t(`/room/${e}/setShutdownPromptSeconds`, u);
   }, shutdownStart: () => {
@@ -1810,7 +1810,7 @@ function pt(e) {
   } } : void 0;
 }
 function mt(e) {
-  const { sendMessage: t } = R(), o = x1(e);
+  const { sendMessage: t } = R(), o = Z1(e);
   return o ? { techPasswordState: o, validatePassword: (i) => {
     t(`/room/${e}/validateTechPassword`, { password: i });
   }, setPassword: (i, v) => {
@@ -1860,7 +1860,7 @@ function St(e) {
   } : void 0;
 }
 function jt(e) {
-  const t = _(e), o = V3(e), c = k1(e);
+  const t = _(e), o = V3(e), c = O1(e);
   if (!t) return;
   const r = (t.powerState || t.isWarming) && !t.isCooling, i = (!t.powerState || t.isCooling) && !t.isWarming;
   return {
@@ -1872,7 +1872,7 @@ function jt(e) {
 }
 function Ct(e) {
   const t = `/device/${e}`;
-  return Z1(t);
+  return S1(t);
 }
 const bt = ({
   config: e
@@ -1919,7 +1919,7 @@ function yt(e, t) {
 }
 function It(e, t) {
   const o = `/room/${e}/volumes/${t}`;
-  return Z1(o);
+  return S1(o);
 }
 function Rt(e, t) {
   const o = te(e, t), c = `/room/${e}/volumes/${t}`;
@@ -1942,7 +1942,7 @@ function Et(e) {
   }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: i, scrollVertical: v };
 }
 function Tt(e) {
-  const t = O1();
+  const t = W1();
   return [() => {
     t(O.addSyncState(e));
   }, () => {
@@ -1998,7 +1998,7 @@ const Pt = () => {
     ),
     e && /* @__PURE__ */ n.jsx("p", { children: r })
   ] });
-}, Je = "_iconbtn_16qss_1", Xe = "_iconbtnvert_16qss_7", Qe = "_iconsm_16qss_18", P1 = {
+}, Je = "_iconbtn_16qss_1", Xe = "_iconbtnvert_16qss_7", Qe = "_iconsm_16qss_18", L1 = {
   iconbtn: Je,
   iconbtnvert: Xe,
   iconsm: Qe
@@ -2022,7 +2022,7 @@ const Pt = () => {
     "button",
     {
       type: "button",
-      className: `${P1.iconbtn} ${o ? P1.iconbtnvert : ""} ${c} ${j}`,
+      className: `${L1.iconbtn} ${o ? L1.iconbtnvert : ""} ${c} ${j}`,
       ...H,
       disabled: v,
       onPointerDown: (b) => {
@@ -2038,7 +2038,7 @@ const Pt = () => {
         e && /* @__PURE__ */ n.jsx(
           e,
           {
-            className: `${r || P1.iconsm}`,
+            className: `${r || L1.iconsm}`,
             active: C,
             disabled: v
           }
@@ -3721,13 +3721,13 @@ const P8 = "_grid_1cmpp_1", L8 = "_header_1cmpp_11", $8 = "_content_1cmpp_17", A
   /* @__PURE__ */ n.jsx("div", { className: p1.header, children: t }),
   c && /* @__PURE__ */ n.jsx("div", { className: p1.leftNav, children: c }),
   /* @__PURE__ */ n.jsx("div", { className: p1.content, children: o })
-] }), V8 = "_grid_1uwfo_1", U8 = "_header_1uwfo_11", H8 = "_content_1uwfo_17", L1 = {
+] }), V8 = "_grid_1uwfo_1", U8 = "_header_1uwfo_11", H8 = "_content_1uwfo_17", $1 = {
   grid: V8,
   header: U8,
   content: H8
-}, kt = ({ className: e, header: t, content: o }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${L1.grid}`, children: [
-  /* @__PURE__ */ n.jsx("div", { className: L1.header, children: t }),
-  /* @__PURE__ */ n.jsx("div", { className: L1.content, children: o })
+}, kt = ({ className: e, header: t, content: o }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${$1.grid}`, children: [
+  /* @__PURE__ */ n.jsx("div", { className: $1.header, children: t }),
+  /* @__PURE__ */ n.jsx("div", { className: $1.content, children: o })
 ] });
 class Ot {
   constructor() {
@@ -3805,7 +3805,7 @@ export {
   Be as createWebSocketMiddleware,
   g1 as devicesActions,
   Wt as getBaseLocation,
-  g3 as httpClient,
+  f3 as httpClient,
   _8 as iconsDictionary,
   Ut as roomOffSourceKey,
   f1 as roomsActions,
@@ -3823,7 +3823,7 @@ export {
   me as selectIsSyncStateValuePresent,
   de as selectIsTouchpanel,
   D2 as selectLogoPath,
-  W1 as selectModalVisibility,
+  V1 as selectModalVisibility,
   _2 as selectPartnerMetadata,
   X2 as selectRoomAdvancedSharingActive,
   V2 as selectRoomAudioControlPointList,
@@ -3861,7 +3861,7 @@ export {
   je as uiReducer,
   Q8 as useApiPath,
   X8 as useAppConfig,
-  O1 as useAppDispatch,
+  W1 as useAppDispatch,
   f as useAppSelector,
   H6 as useAvrControl,
   g as useButtonHeldHeartbeat,
@@ -3884,7 +3884,7 @@ export {
   s6 as useGetRoom,
   M6 as useGetRoomDisplayStates,
   x6 as useGetZoomRoomControllerKey,
-  Z1 as useIBasicVolume,
+  S1 as useIBasicVolume,
   W3 as useIBasicVolumeWithFeedback,
   G6 as useIChannel,
   Y6 as useIColor,
@@ -3896,7 +3896,7 @@ export {
   tt as useIEssentialsRoomCombiner,
   nt as useIHasCameras,
   V3 as useIHasPowerControl,
-  k1 as useIHasSelectableItems,
+  O1 as useIHasSelectableItems,
   ot as useIHumiditySensor,
   st as useILevelControls,
   ct as useILightingScenes,
@@ -3944,7 +3944,7 @@ export {
   d6 as useRoomProgramAudioDestinationKey,
   m6 as useRoomShareState,
   r6 as useRoomSourceList,
-  x1 as useRoomState,
+  Z1 as useRoomState,
   te as useRoomVolume,
   y6 as useRuntimeInfo,
   Et as useScroll,