@pepperdash/mobile-control-react-app-core 1.25.0-feat-deprecate-interfaces-array.4 → 1.25.0-feat-deprecate-interfaces-array.6

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

@@ -1,13 +1,13 @@
 var w2 = Object.defineProperty;
-var m2 = (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) => m2(e, typeof t != "symbol" ? t + "" : t, o);
-import M3, { AxiosError as p2 } from "axios";
+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 { useDispatch as M2, useSelector as x2, Provider as Z2 } from "react-redux";
 import { createSelector as M, createSlice as d1, combineReducers as S2, configureStore as j2 } from "@reduxjs/toolkit";
 import x3, { createContext as C2, useEffect as x1, useCallback as r1, useContext as b2, useRef as u1, useMemo as X, 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 W1 = M2.withTypes(), m = x2.withTypes(), Z1 = (e) => e.appConfig, E2 = M(
+const W1 = M2.withTypes(), p = x2.withTypes(), Z1 = (e) => e.appConfig, E2 = M(
   Z1,
   (e) => e.config
 ), T2 = M(
@@ -19,15 +19,15 @@ const W1 = M2.withTypes(), m = x2.withTypes(), Z1 = (e) => e.appConfig, E2 = M(
 ), _2 = M(
   Z1,
   (e) => e.config.partnerMetadata
-), X8 = () => m(E2), Q8 = () => m(T2), N8 = () => m(D2), e6 = () => m(_2), j3 = (e) => e.devices, C3 = M(
+), X8 = () => p(E2), Q8 = () => p(T2), N8 = () => p(D2), e6 = () => p(_2), j3 = (e) => e.devices, C3 = M(
   j3,
   (e) => e
 ), A2 = (e) => M(
   j3,
   (t) => t[e] ? t[e] : void 0
-), t6 = () => m(C3);
+), t6 = () => p(C3);
 function D(e) {
-  return m(A2(e));
+  return p(A2(e));
 }
 const P = (e) => e.rooms, $2 = (e) => M(
   P,
@@ -38,13 +38,13 @@ const P = (e) => e.rooms, $2 = (e) => M(
 ), P2 = (e) => M(
   P,
   (t) => t[e] ? t[e] : void 0
-), k2 = (e) => M(
+), B2 = (e) => M(
   P,
   (t) => t[e] ? t[e].name : void 0
-), B2 = (e, t) => M(
+), O2 = (e, t) => M(
   P,
   (o) => o[e] ? o[e].volumes[t] : void 0
-), O2 = (e) => M(
+), k2 = (e) => M(
   P,
   (t) => t[e] ? t[e] : void 0
 ), W2 = (e) => M(
@@ -147,21 +147,21 @@ const P = (e) => e.rooms, $2 = (e) => M(
   }
 );
 function n6(e) {
-  return m(
+  return p(
     $2(e)
   );
 }
 function o6() {
-  return m(L2);
+  return p(L2);
 }
 function S1(e) {
-  return m(P2(e));
+  return p(P2(e));
 }
-const s6 = S1, c6 = (e) => m(
-  k2(e)
-), te = (e, t) => m(
-  B2(e, t)
-), ne = (e) => m(O2(e)) || void 0, r6 = (e) => m(W2(e)), l6 = (e) => m(V2(e)), i6 = (e) => m(U2(e)), a6 = (e) => m(F2(e)), u6 = (e) => m(H2(e)), d6 = (e) => m(K2(e)), v6 = (e) => m(q2(e)), h6 = (e) => m(G2(e)), g6 = (e) => m(Y2(e)), f6 = (e) => m(z2(e)), w6 = (e) => m(J2(e)), m6 = (e) => m(X2(e)), p6 = (e) => m(Q2(e)), M6 = (e) => m((t) => ee(t, e)), x6 = (e) => m(N2(e)), G = (e) => e.runtimeConfig, oe = M(
+const s6 = S1, c6 = (e) => p(
+  B2(e)
+), te = (e, t) => p(
+  O2(e, t)
+), ne = (e) => p(k2(e)) || void 0, r6 = (e) => p(W2(e)), l6 = (e) => p(V2(e)), i6 = (e) => p(U2(e)), a6 = (e) => p(F2(e)), u6 = (e) => p(H2(e)), d6 = (e) => p(K2(e)), v6 = (e) => p(q2(e)), h6 = (e) => p(G2(e)), g6 = (e) => p(Y2(e)), f6 = (e) => p(z2(e)), w6 = (e) => p(J2(e)), p6 = (e) => p(X2(e)), m6 = (e) => p(Q2(e)), M6 = (e) => p((t) => ee(t, e)), x6 = (e) => p(N2(e)), G = (e) => e.runtimeConfig, oe = M(
   G,
   (e) => e.websocket.isConnected
 ), se = M(
@@ -203,7 +203,7 @@ const s6 = S1, c6 = (e) => m(
 ), ve = (e, t) => M(
   y3(e),
   (o) => o.includes(t)
-), I3 = () => m(oe), Z6 = () => m(se), S6 = () => m(ce), j6 = () => m(re), C6 = () => m(le), b6 = () => m(ie), y6 = () => m(ae), I6 = () => m(ue), R6 = () => m(de), E6 = () => m(b3), T6 = (e) => m(y3(e)), D6 = (e, t) => m(ve(e, t)), e1 = (e) => e.ui, V1 = (e) => M(e1, (t) => t.modalVisibility[e]), he = (e) => M(e1, (t) => {
+), I3 = () => p(oe), Z6 = () => p(se), S6 = () => p(ce), j6 = () => p(re), C6 = () => p(le), b6 = () => p(ie), y6 = () => p(ae), I6 = () => p(ue), R6 = () => p(de), E6 = () => p(b3), T6 = (e) => p(y3(e)), D6 = (e, t) => p(ve(e, t)), e1 = (e) => e.ui, V1 = (e) => M(e1, (t) => t.modalVisibility[e]), he = (e) => M(e1, (t) => {
   const o = t.popoverVisibility[e];
   if (o)
     return Object.keys(o).find((c) => o[c]);
@@ -216,7 +216,7 @@ const s6 = S1, c6 = (e) => m(
 ), fe = M(e1, (e) => e.error), we = M(
   e1,
   (e) => e.showReconnect
-), me = M(e1, (e) => e.theme), pe = (e) => M(e1, (t) => t.syncState.includes(e)), _6 = () => m(V1("showShutdownModal")), A6 = () => m(V1("showIncomingCallModal")), $6 = (e) => m(V1(e)), L6 = (e) => m(he(e)), P6 = (e, t) => m(ge(e, t)), Me = () => m(fe), xe = () => m(we), k6 = () => m(me), Ze = (e) => m(pe(e)), Se = {
+), pe = M(e1, (e) => e.theme), me = (e) => M(e1, (t) => t.syncState.includes(e)), _6 = () => p(V1("showShutdownModal")), A6 = () => p(V1("showIncomingCallModal")), $6 = (e) => p(V1(e)), L6 = (e) => p(he(e)), P6 = (e, t) => p(ge(e, t)), Me = () => p(fe), xe = () => p(we), B6 = () => p(pe), Ze = (e) => p(me(e)), Se = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -271,7 +271,7 @@ const s6 = S1, c6 = (e) => m(
       e.syncState = [];
     }
   }
-}), O = R3.actions, je = R3.reducer, Ce = {
+}), k = R3.actions, je = R3.reducer, Ce = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -289,7 +289,7 @@ const s6 = S1, c6 = (e) => m(
       e.config = t.payload;
     }
   }
-}), T3 = E3.actions, be = E3.reducer, v3 = {}, k1 = d1({
+}), T3 = E3.actions, be = E3.reducer, v3 = {}, B1 = d1({
   name: "devices",
   initialState: v3,
   reducers: {
@@ -311,9 +311,9 @@ const s6 = S1, c6 = (e) => m(
     }
   }
 }), w1 = {
-  setDeviceState: k1.actions.setDeviceState,
-  clearDevices: k1.actions.clearDevices
-}, ye = k1.reducer;
+  setDeviceState: B1.actions.setDeviceState,
+  clearDevices: B1.actions.clearDevices
+}, ye = B1.reducer;
 class Ie {
   constructor() {
     q(this, "uuid", "current-uuid");
@@ -329,7 +329,7 @@ function Re(e) {
 function Ee(e, t) {
   sessionStorage.setItem(e, t);
 }
-const g3 = {}, B1 = d1({
+const g3 = {}, O1 = d1({
   name: "rooms",
   initialState: g3,
   reducers: {
@@ -345,10 +345,10 @@ const g3 = {}, B1 = d1({
       return g3;
     }
   }
-}), m1 = {
-  setRoomState: B1.actions.setRoomState,
-  clearRooms: B1.actions.clearRooms
-}, Te = B1.reducer, De = {
+}), p1 = {
+  setRoomState: O1.actions.setRoomState,
+  clearRooms: O1.actions.clearRooms
+}, Te = O1.reducer, De = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -414,7 +414,7 @@ const g3 = {}, B1 = d1({
       e.touchpanelKey = t.payload;
     }
   }
-}), U = D3.actions, _e = D3.reducer, $1 = M3.create(), _3 = "websocket/connect", A3 = "websocket/disconnect", $3 = "websocket/sendMessage", L3 = "websocket/addEventHandler", P3 = "websocket/removeEventHandler", k3 = "websocket/reconnect", B3 = () => ({ type: _3 }), B6 = () => ({ type: A3 }), Ae = (e, t) => ({
+}), U = D3.actions, _e = D3.reducer, $1 = M3.create(), _3 = "websocket/connect", A3 = "websocket/disconnect", $3 = "websocket/sendMessage", L3 = "websocket/addEventHandler", P3 = "websocket/removeEventHandler", B3 = "websocket/reconnect", O3 = () => ({ type: _3 }), O6 = () => ({ type: A3 }), Ae = (e, t) => ({
   type: $3,
   payload: { messageType: e, content: t }
 }), $e = (e, t, o) => ({
@@ -423,7 +423,7 @@ const g3 = {}, B1 = d1({
 }), Le = (e, t) => ({
   type: P3,
   payload: { eventType: e, key: t }
-}), Pe = () => ({ type: k3 }), ke = () => {
+}), Pe = () => ({ type: B3 }), Be = () => {
   const e = {
     client: null,
     token: null,
@@ -457,20 +457,20 @@ const g3 = {}, B1 = d1({
       );
       return S.status === 200 && S.data ? (C(U.setRoomData(S.data)), S.data) : null;
     } catch (S) {
-      return console.log(S), S instanceof p2 && S.response && S.response.status === 498 ? (console.error("Invalid token. Unable to join room"), C(
-        O.setErrorMessage(
+      return console.log(S), S instanceof m2 && S.response && S.response.status === 498 ? (console.error("Invalid token. Unable to join room"), C(
+        k.setErrorMessage(
           `Token ${Z} is invalid. Unable to join room`
         )
-      ), null) : (console.error("Error getting room data", S), S instanceof Error ? C(O.setErrorMessage(S.message)) : C(O.setErrorMessage("Error getting room data")), null);
+      ), null) : (console.error("Error getting room data", S), S instanceof Error ? C(k.setErrorMessage(S.message)) : C(k.setErrorMessage("Error getting room data")), null);
     }
   }, c = (a) => {
     e.reconnectTimer && (clearTimeout(e.reconnectTimer), e.reconnectTimer = null), console.log("WebSocket middleware: Starting reconnection loop..."), e.reconnectTimer = setTimeout(() => {
-      e.waitingToReconnect = !1, e.reconnectTimer = null, console.log("WebSocket middleware: Attempting automatic reconnection..."), a(B3());
+      e.waitingToReconnect = !1, e.reconnectTimer = null, console.log("WebSocket middleware: Attempting automatic reconnection..."), a(O3());
     }, 5e3);
   }, r = () => {
     e.reconnectTimer && (console.log("WebSocket middleware: Stopping reconnection loop"), clearTimeout(e.reconnectTimer), e.reconnectTimer = null);
   }, l = (a) => {
-    a(O.setShowReconnect(!0)), a(U.setWebsocketIsConnected(!1)), a(w1.clearDevices()), a(m1.clearRooms()), a(O.clearAllModals()), a(O.clearSyncState());
+    a(k.setShowReconnect(!0)), a(U.setWebsocketIsConnected(!1)), a(w1.clearDevices()), a(p1.clearRooms()), a(k.clearAllModals()), a(k.clearSyncState());
   }, u = (a, Z) => {
     const C = a(), S = Z ?? C.runtimeConfig.roomData.roomKey, { clientId: b } = C.runtimeConfig.roomData, x = C.runtimeConfig.websocket.isConnected;
     if (!Z || !x || !b) {
@@ -522,41 +522,41 @@ const g3 = {}, B1 = d1({
       }
       console.log("WebSocket middleware: Connecting to websocket");
       const C1 = `${S.replace("http", "ws")}/ui/join/${e.token}?clientId=${x.clientId}`, K = new WebSocket(C1);
-      e.client = K, K.onopen = (k) => {
-        console.log("WebSocket middleware: Connected", k.type, k.target), e.waitingToReconnect = !1, r(), setTimeout(() => {
+      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));
         }, 100);
-      }, K.onerror = (k) => {
-        console.error("WebSocket middleware: Error", k), l(a);
-      }, K.onclose = (k) => {
+      }, K.onerror = (B) => {
+        console.error("WebSocket middleware: Error", B), l(a);
+      }, K.onclose = (B) => {
         var _;
         if (console.log(
           "WebSocket middleware: Disconnected",
-          k.reason,
-          k.code
-        ), k.code === 4100) {
+          B.reason,
+          B.code
+        ), B.code === 4100) {
           console.log("WebSocket middleware: Closed by client (cleanup)"), r(), l(a);
           return;
         }
-        if (e.waitingToReconnect = !0, k.code === 4e3) {
+        if (e.waitingToReconnect = !0, B.code === 4e3) {
           console.log("WebSocket middleware: User code changed"), r(), a(
             U.setUserCode({ userCode: "", qrUrl: "" })
           ), a(
-            O.setErrorMessage(
+            k.setErrorMessage(
               "User code changed. Click reconnect to enter the new code"
             )
           ), l(a);
           return;
         }
-        if (k.code === 4002) {
+        if (B.code === 4002) {
           console.log("WebSocket middleware: Room combination changed"), r(), a(
-            O.setErrorMessage(
+            k.setErrorMessage(
               "Room combination changed. Click Reconnect to re-join the room"
             )
           ), l(a);
           return;
         }
-        if (k.code === 4001)
+        if (B.code === 4001)
           if (!!((_ = Z().runtimeConfig) != null && _.touchpanelKey))
             console.log(
               "WebSocket middleware: Code 4001 received with touchpanel key present, will auto-reconnect"
@@ -569,7 +569,7 @@ const g3 = {}, B1 = d1({
             console.log(
               "WebSocket middleware: Processor disconnected (no touchpanel key, not on processor hardware)"
             ), r(), a(
-              O.setErrorMessage(
+              k.setErrorMessage(
                 "Processor has disconnected. Click Reconnect to continue."
               )
             ), l(a);
@@ -584,13 +584,13 @@ const g3 = {}, B1 = d1({
           return;
         }
         e.client = null, console.log("WebSocket middleware: Clearing state on disconnect"), a(
-          O.setErrorMessage(
+          k.setErrorMessage(
             "Connection lost. Attempting to reconnect..."
           )
-        ), a(U.setWebsocketIsConnected(!1)), a(w1.clearDevices()), a(m1.clearRooms()), a(O.clearAllModals()), a(O.clearSyncState()), c(a);
-      }, K.onmessage = (k) => {
+        ), a(U.setWebsocketIsConnected(!1)), a(w1.clearDevices()), a(p1.clearRooms()), a(k.clearAllModals()), a(k.clearSyncState()), c(a);
+      }, K.onmessage = (B) => {
         try {
-          const _ = JSON.parse(k.data);
+          const _ = JSON.parse(B.data);
           if (_.type === "close") {
             K.close(4001, _.content);
             return;
@@ -605,7 +605,7 @@ const g3 = {}, B1 = d1({
                 );
                 break;
               case "/system/roomKey":
-                a(m1.clearRooms()), a(w1.clearDevices()), a(O.clearSyncState()), a(
+                a(p1.clearRooms()), a(w1.clearDevices()), a(k.clearSyncState()), a(
                   U.setCurrentRoomKey(
                     _.content
                   )
@@ -650,7 +650,7 @@ const g3 = {}, B1 = d1({
                 );
               }
             });
-          } else _.type.startsWith("/room/") ? a(m1.setRoomState(_)) : _.type.startsWith("/device/") && a(w1.setDeviceState(_));
+          } else _.type.startsWith("/room/") ? a(p1.setRoomState(_)) : _.type.startsWith("/device/") && a(w1.setDeviceState(_));
         } catch (_) {
           console.error("WebSocket middleware: Message handling error", _);
         }
@@ -712,7 +712,7 @@ const g3 = {}, B1 = d1({
             b.payload.key
           );
           break;
-        case k3:
+        case B3:
           F(a.getState);
           break;
         default:
@@ -739,22 +739,22 @@ const g3 = {}, B1 = d1({
       console.error("WebSocket middleware: Error handling action", x);
     }), S;
   };
-}, Be = S2({
+}, Oe = S2({
   appConfig: be,
   runtimeConfig: _e,
   rooms: Te,
   devices: ye,
   ui: je
-}), Oe = j2({
-  reducer: Be,
+}), ke = j2({
+  reducer: Oe,
   middleware: (e) => e({
     serializableCheck: {
       // Ignore WebSocket actions with callbacks
       ignoredActions: ["websocket/addEventHandler"]
     }
-  }).concat(ke())
+  }).concat(Be())
 }), f3 = M3.create();
-function O6() {
+function k6() {
   const e = W1();
   return async () => {
     try {
@@ -778,7 +778,7 @@ function O6() {
     return !0;
   };
 }
-var p1 = { exports: {} }, l1 = {};
+var m1 = { exports: {} }, l1 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -812,9 +812,9 @@ var i1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var m3;
+var p3;
 function Ve() {
-  return m3 || (m3 = 1, process.env.NODE_ENV !== "production" && (function() {
+  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"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), g = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), a = Symbol.for("react.offscreen"), Z = Symbol.iterator, C = "@@iterator";
     function S(s) {
       if (s === null || typeof s != "object")
@@ -825,14 +825,14 @@ function Ve() {
     var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function x(s) {
       {
-        for (var i = arguments.length, v = new Array(i > 1 ? i - 1 : 0), p = 1; p < i; p++)
-          v[p - 1] = arguments[p];
+        for (var i = arguments.length, v = new Array(i > 1 ? i - 1 : 0), m = 1; m < i; m++)
+          v[m - 1] = arguments[m];
         W("error", s, v);
       }
     }
     function W(s, i, v) {
       {
-        var p = b.ReactDebugCurrentFrame, E = p.getStackAddendum();
+        var m = b.ReactDebugCurrentFrame, E = m.getStackAddendum();
         E !== "" && (i += "%s", v = v.concat([E]));
         var T = v.map(function(y) {
           return String(y);
@@ -840,19 +840,19 @@ function Ve() {
         T.unshift("Warning: " + i), Function.prototype.apply.call(console[s], console, T);
       }
     }
-    var C1 = !1, K = !1, k = !1, _ = !1, z = !1, o1;
+    var C1 = !1, K = !1, B = !1, _ = !1, z = !1, o1;
     o1 = Symbol.for("react.module.reference");
     function b1(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === c || s === l || z || s === r || s === f || s === d || _ || s === a || C1 || K || k || typeof s == "object" && s !== null && (s.$$typeof === F || s.$$typeof === A || s.$$typeof === u || s.$$typeof === g || s.$$typeof === h || // This needs to include all possible module reference object
+      return !!(typeof s == "string" || typeof s == "function" || s === c || s === l || z || s === r || s === f || s === d || _ || s === a || C1 || K || B || typeof s == "object" && s !== null && (s.$$typeof === F || s.$$typeof === A || s.$$typeof === u || s.$$typeof === g || 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.
       s.$$typeof === o1 || s.getModuleId !== void 0));
     }
     function U3(s, i, v) {
-      var p = s.displayName;
-      if (p)
-        return p;
+      var m = s.displayName;
+      if (m)
+        return m;
       var E = i.displayName || i.name || "";
       return E !== "" ? v + "(" + E + ")" : v;
     }
@@ -891,8 +891,8 @@ function Ve() {
           case h:
             return U3(s, s.render, "ForwardRef");
           case A:
-            var p = s.displayName || null;
-            return p !== null ? p : J(s.type) || "Memo";
+            var m = s.displayName || null;
+            return m !== null ? m : J(s.type) || "Memo";
           case F: {
             var E = s, T = E._payload, y = E._init;
             try {
@@ -973,8 +973,8 @@ function Ve() {
           try {
             throw Error();
           } catch (E) {
-            var p = E.stack.trim().match(/\n( *(at )?)/);
-            I1 = p && p[1] || "";
+            var m = E.stack.trim().match(/\n( *(at )?)/);
+            I1 = m && m[1] || "";
           }
         return `
 ` + I1 + s;
@@ -993,7 +993,7 @@ function Ve() {
         if (v !== void 0)
           return v;
       }
-      var p;
+      var m;
       R1 = !0;
       var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
@@ -1012,14 +1012,14 @@ function Ve() {
             try {
               Reflect.construct(y, []);
             } catch (V) {
-              p = V;
+              m = V;
             }
             Reflect.construct(s, [], y);
           } else {
             try {
               y.call();
             } catch (V) {
-              p = V;
+              m = V;
             }
             s.call(y.prototype);
           }
@@ -1027,21 +1027,21 @@ function Ve() {
           try {
             throw Error();
           } catch (V) {
-            p = V;
+            m = V;
           }
           s();
         }
       } catch (V) {
-        if (V && p && typeof V.stack == "string") {
+        if (V && m && typeof V.stack == "string") {
           for (var j = V.stack.split(`
-`), B = p.stack.split(`
-`), $ = j.length - 1, L = B.length - 1; $ >= 1 && L >= 0 && j[$] !== B[L]; )
+`), O = m.stack.split(`
+`), $ = j.length - 1, L = O.length - 1; $ >= 1 && L >= 0 && j[$] !== O[L]; )
             L--;
           for (; $ >= 1 && L >= 0; $--, L--)
-            if (j[$] !== B[L]) {
+            if (j[$] !== O[L]) {
               if ($ !== 1 || L !== 1)
                 do
-                  if ($--, L--, L < 0 || j[$] !== B[L]) {
+                  if ($--, L--, L < 0 || j[$] !== O[L]) {
                     var H = `
 ` + j[$].replace(" at new ", " at ");
                     return s.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", s.displayName)), typeof s == "function" && h1.set(s, H), H;
@@ -1083,7 +1083,7 @@ function Ve() {
           case A:
             return g1(s.type, i, v);
           case F: {
-            var p = s, E = p._payload, T = p._init;
+            var m = s, E = m._payload, T = m._init;
             try {
               return g1(T(E), i, v);
             } catch {
@@ -1100,7 +1100,7 @@ function Ve() {
       } else
         N1.setExtraStackFrame(null);
     }
-    function Y3(s, i, v, p, E) {
+    function Y3(s, i, v, m, E) {
       {
         var T = Function.call.bind(c1);
         for (var y in s)
@@ -1108,14 +1108,14 @@ function Ve() {
             var j = void 0;
             try {
               if (typeof s[y] != "function") {
-                var B = Error((p || "React class") + ": " + v + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw B.name = "Invariant Violation", B;
+                var O = Error((m || "React class") + ": " + v + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw O.name = "Invariant Violation", O;
               }
-              j = s[y](i, y, p, v, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              j = s[y](i, y, m, v, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch ($) {
               j = $;
             }
-            j && !(j instanceof Error) && (f1(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).", p || "React class", v, y, typeof j), f1(null)), j instanceof Error && !(j.message in Q1) && (Q1[j.message] = !0, f1(E), x("Failed %s type: %s", v, j.message), f1(null));
+            j && !(j instanceof Error) && (f1(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).", m || "React class", v, y, typeof j), f1(null)), j instanceof Error && !(j.message in Q1) && (Q1[j.message] = !0, f1(E), x("Failed %s type: %s", v, j.message), f1(null));
           }
       }
     }
@@ -1190,7 +1190,7 @@ function Ve() {
         });
       }
     }
-    var s2 = function(s, i, v, p, E, T, y) {
+    var s2 = function(s, i, v, m, E, T, y) {
       var j = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -1211,7 +1211,7 @@ function Ve() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: p
+        value: m
       }), Object.defineProperty(j, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -1219,10 +1219,10 @@ function Ve() {
         value: E
       }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
     };
-    function c2(s, i, v, p, E) {
+    function c2(s, i, v, m, E) {
       {
-        var T, y = {}, j = null, B = null;
-        v !== void 0 && (t3(v), j = "" + v), e2(i) && (t3(i.key), j = "" + i.key), N3(i) && (B = i.ref, t2(i, E));
+        var T, y = {}, j = null, O = null;
+        v !== void 0 && (t3(v), j = "" + v), e2(i) && (t3(i.key), j = "" + i.key), N3(i) && (O = i.ref, t2(i, E));
         for (T in i)
           c1.call(i, T) && !Q3.hasOwnProperty(T) && (y[T] = i[T]);
         if (s && s.defaultProps) {
@@ -1230,11 +1230,11 @@ function Ve() {
           for (T in $)
             y[T] === void 0 && (y[T] = $[T]);
         }
-        if (j || B) {
+        if (j || O) {
           var L = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          j && n2(y, L), B && o2(y, L);
+          j && n2(y, L), O && o2(y, L);
         }
-        return s2(s, j, B, E, p, n3.current, y);
+        return s2(s, j, O, E, m, n3.current, y);
       }
     }
     var T1 = b.ReactCurrentOwner, c3 = b.ReactDebugCurrentFrame;
@@ -1287,8 +1287,8 @@ Check the top-level render call using <` + v + ">.");
         if (l3[v])
           return;
         l3[v] = !0;
-        var p = "";
-        s && s._owner && s._owner !== T1.current && (p = " It was passed a child from " + J(s._owner.type) + "."), t1(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.', v, p), t1(null);
+        var m = "";
+        s && s._owner && s._owner !== T1.current && (m = " It was passed a child from " + J(s._owner.type) + "."), t1(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.', v, m), t1(null);
       }
     }
     function a3(s, i) {
@@ -1297,8 +1297,8 @@ Check the top-level render call using <` + v + ">.");
           return;
         if (E1(s))
           for (var v = 0; v < s.length; v++) {
-            var p = s[v];
-            _1(p) && i3(p, i);
+            var m = s[v];
+            _1(m) && i3(m, i);
           }
         else if (_1(s))
           s._store && (s._store.validated = !0);
@@ -1325,8 +1325,8 @@ Check the top-level render call using <` + v + ">.");
         else
           return;
         if (v) {
-          var p = J(i);
-          Y3(v, s.props, "prop", p, s);
+          var m = J(i);
+          Y3(v, s.props, "prop", m, s);
         } else if (i.PropTypes !== void 0 && !D1) {
           D1 = !0;
           var E = J(i);
@@ -1338,9 +1338,9 @@ Check the top-level render call using <` + v + ">.");
     function a2(s) {
       {
         for (var i = Object.keys(s.props), v = 0; v < i.length; v++) {
-          var p = i[v];
-          if (p !== "children" && p !== "key") {
-            t1(s), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), t1(null);
+          var m = i[v];
+          if (m !== "children" && m !== "key") {
+            t1(s), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", m), t1(null);
             break;
           }
         }
@@ -1348,14 +1348,14 @@ Check the top-level render call using <` + v + ">.");
       }
     }
     var u3 = {};
-    function d3(s, i, v, p, E, T) {
+    function d3(s, i, v, m, E, T) {
       {
         var y = b1(s);
         if (!y) {
           var j = "";
           (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (j += " 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 B = r2();
-          B ? j += B : j += r3();
+          var O = r2();
+          O ? j += O : j += r3();
           var $;
           s === null ? $ = "null" : E1(s) ? $ = "array" : s !== void 0 && s.$$typeof === t ? ($ = "<" + (J(s.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : $ = 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", $, j);
         }
@@ -1365,7 +1365,7 @@ Check the top-level render call using <` + v + ">.");
         if (y) {
           var H = i.children;
           if (H !== void 0)
-            if (p)
+            if (m)
               if (E1(H)) {
                 for (var n1 = 0; n1 < H.length; n1++)
                   a3(H[n1], s);
@@ -1402,9 +1402,9 @@ React keys must be passed directly to JSX without using spread:
     i1.Fragment = c, i1.jsx = v2, i1.jsxs = h2;
   })()), i1;
 }
-var p3;
+var m3;
 function Ue() {
-  return p3 || (p3 = 1, process.env.NODE_ENV === "production" ? p1.exports = We() : p1.exports = Ve()), p1.exports;
+  return m3 || (m3 = 1, process.env.NODE_ENV === "production" ? m1.exports = We() : m1.exports = Ve()), m1.exports;
 }
 var n = Ue();
 const Fe = "_mwfit_ppa3l_1", He = {
@@ -1418,7 +1418,7 @@ const Fe = "_mwfit_ppa3l_1", He = {
     ] }),
     c && /* @__PURE__ */ n.jsx("button", { className: "btn btn-secondary btn-lg", onPointerDown: e, children: "Reconnect" })
   ] });
-}, O3 = C2({
+}, k3 = C2({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
@@ -1427,7 +1427,7 @@ const Fe = "_mwfit_ppa3l_1", He = {
 }), qe = ({ children: e }) => {
   const t = W1(), o = I3();
   x1(() => {
-    t(B3());
+    t(O3());
   }, [t]);
   const c = r1(
     (h, f) => {
@@ -1453,7 +1453,7 @@ const Fe = "_mwfit_ppa3l_1", He = {
     t(Pe());
   }, [t]);
   return /* @__PURE__ */ n.jsx(
-    O3.Provider,
+    k3.Provider,
     {
       value: {
         sendMessage: c,
@@ -1465,9 +1465,9 @@ const Fe = "_mwfit_ppa3l_1", He = {
       children: o ? e : /* @__PURE__ */ n.jsx(Ke, {})
     }
   );
-}, W6 = ({ children: e }) => /* @__PURE__ */ n.jsx(Z2, { store: Oe, children: /* @__PURE__ */ n.jsx(qe, { children: e }) });
+}, W6 = ({ children: e }) => /* @__PURE__ */ n.jsx(Z2, { store: ke, children: /* @__PURE__ */ n.jsx(qe, { children: e }) });
 function I() {
-  return b2(O3);
+  return b2(k3);
 }
 function Ge({
   onPress: e,
@@ -1569,7 +1569,7 @@ function V3(e) {
     t(`/device/${e}/powerToggle`, null);
   } };
 }
-function O1(e) {
+function k1(e) {
   const { sendMessage: t } = I(), o = D(e);
   return console.log("deviceState", o), o ? { itemsState: o, selectItem: (r) => {
     t(`/device/${e}/${r}`, null);
@@ -1587,7 +1587,7 @@ function ze(e) {
   return o ? { levelControls: o.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
 }
 function F6(e) {
-  const t = D(e), o = V3(e), c = O1(e), r = O1(e), l = Ye(e), u = ze(e);
+  const t = D(e), o = V3(e), c = k1(e), r = k1(e), l = Ye(e), u = ze(e);
   if (t)
     return {
       avrState: t,
@@ -1641,7 +1641,7 @@ function Y6(e) {
   const t = D(e);
   if (t)
     return {
-      phoneNumber: t.phoneNumber
+      state: t
     };
 }
 function z6(e) {
@@ -1716,12 +1716,13 @@ function st(e) {
   } : void 0;
 }
 function ct(e) {
-  const { sendMessage: t } = I();
-  return X(() => ({
-    dial: (l) => t(`${e}/dial`, { value: l }),
-    endAllCalls: () => t(`${e}/endAllCalls`, null),
-    sendDtmf: (l) => t(`${e}/dtmf`, { value: l })
-  }), [e, t]);
+  const { sendMessage: t } = I(), o = D(e);
+  return X(() => o ? {
+    state: o,
+    dial: (u) => t(`/device/${e}/dial`, { value: u }),
+    endAllCalls: () => t(`/device/${e}/endAllCalls`, null),
+    sendDtmf: (u) => t(`/device/${e}/dtmf`, { value: u })
+  } : void 0, [e, t, o]);
 }
 function rt(e) {
   const t = D(e);
@@ -1805,11 +1806,11 @@ function wt(e) {
     t(`/room/${e}/source`, r);
   } };
 }
-function mt(e) {
+function pt(e) {
   const t = `/device/${e}`, o = w(t, "chanUp"), c = w(t, "chanDown");
   return { dvrList: o, replay: c };
 }
-function pt(e) {
+function mt(e) {
   const { sendMessage: t } = I(), o = D(e);
   return o ? { shadeState: o, shadeUp: () => {
     t(`/device/${e}/shadeUp`, null);
@@ -1890,7 +1891,7 @@ function bt(e) {
   } : void 0;
 }
 function yt(e) {
-  const t = D(e), o = V3(e), c = O1(e);
+  const t = D(e), o = V3(e), c = k1(e);
   if (!t) return;
   const r = (t.powerState || t.isWarming) && !t.isCooling, l = (!t.powerState || t.isCooling) && !t.isWarming;
   return {
@@ -1976,9 +1977,9 @@ function _t(e) {
 function At(e) {
   const t = W1();
   return [() => {
-    t(O.addSyncState(e));
+    t(k.addSyncState(e));
   }, () => {
-    t(O.removeSyncState(e));
+    t(k.removeSyncState(e));
   }, Ze(e)];
 }
 function $t() {
@@ -2923,7 +2924,7 @@ const Pt = () => {
     active: e,
     disabled: o
   }
-), m8 = ({
+), p8 = ({
   active: e,
   className: t = "",
   disabled: o
@@ -2972,7 +2973,7 @@ const Pt = () => {
     active: e,
     disabled: o
   }
-), p8 = ({
+), m8 = ({
   active: e,
   className: t = "",
   disabled: o
@@ -3285,7 +3286,7 @@ const Pt = () => {
     active: e,
     disabled: o
   }
-), kt = ({
+), Bt = ({
   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
@@ -3711,8 +3712,8 @@ const Pt = () => {
   Moon: g8,
   Playstation: f8,
   Podium: w8,
-  Power: m8,
-  Privacy: p8,
+  Power: p8,
+  Privacy: m8,
   Question: M8,
   RightArrow: x8,
   RoomPC: Z8,
@@ -3726,7 +3727,7 @@ const Pt = () => {
   X: E8,
   Xbox: T8
 };
-function Bt({
+function Ot({
   name: e,
   iconsDictionary: t = _8,
   ...o
@@ -3734,20 +3735,20 @@ function Bt({
   const c = t[e] ?? null;
   return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ n.jsx(Ne, { multiIcon: c, ...o });
 }
-const A8 = "_grid_1cmpp_1", $8 = "_header_1cmpp_11", L8 = "_content_1cmpp_17", P8 = "_footer_1cmpp_23", k8 = "_volume_1cmpp_29", a1 = {
+const A8 = "_grid_1cmpp_1", $8 = "_header_1cmpp_11", L8 = "_content_1cmpp_17", P8 = "_footer_1cmpp_23", B8 = "_volume_1cmpp_29", a1 = {
   grid: A8,
   header: $8,
   content: L8,
   footer: P8,
-  volume: k8
-}, Ot = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ n.jsxs("div", { className: a1.grid, children: [
+  volume: B8
+}, kt = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ n.jsxs("div", { className: a1.grid, children: [
   /* @__PURE__ */ n.jsx("div", { className: a1.header, children: e }),
   /* @__PURE__ */ n.jsx("div", { className: a1.content, children: o }),
   r && /* @__PURE__ */ n.jsx("div", { className: a1.volume, children: c }),
   /* @__PURE__ */ n.jsx("div", { className: a1.footer, children: t })
-] }), B8 = "_grid_11w5q_1", O8 = "_header_11w5q_11", W8 = "_content_11w5q_17", M1 = {
-  grid: B8,
-  header: O8,
+] }), O8 = "_grid_11w5q_1", k8 = "_header_11w5q_11", W8 = "_content_11w5q_17", M1 = {
+  grid: O8,
+  header: k8,
   content: W8
 }, Wt = ({ className: e, header: t, content: o, leftNav: c }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${M1.grid}`, children: [
   /* @__PURE__ */ n.jsx("div", { className: M1.header, children: t }),
@@ -3803,14 +3804,14 @@ export {
   g8 as IconMultiMoon,
   f8 as IconMultiPlaystation,
   w8 as IconMultiPodium,
-  m8 as IconMultiPower,
-  p8 as IconMultiPrivacy,
+  p8 as IconMultiPower,
+  m8 as IconMultiPrivacy,
   M8 as IconMultiQuestion,
   x8 as IconMultiRightArrow,
   Z8 as IconMultiRoomPC,
   S8 as IconMultiShade,
   j8 as IconMultiSun,
-  kt as IconMultiTemplate,
+  Bt as IconMultiTemplate,
   C8 as IconMultiUpArrow,
   b8 as IconMultiVolDown,
   y8 as IconMultiVolMute,
@@ -3818,29 +3819,29 @@ export {
   R8 as IconMultiWireless,
   E8 as IconMultiX,
   T8 as IconMultiXbox,
-  Ot as MainLayout,
+  kt as MainLayout,
   Ht as MessageHandler,
   W6 as MobileControlProvider,
   R as MultiStateIconContainer,
-  Bt as NamedIconButton,
+  Ot as NamedIconButton,
   Ut as ShareState,
   Wt as TechLayout,
   Vt as TechPinLayout,
   L3 as WS_ADD_EVENT_HANDLER,
   _3 as WS_CONNECT,
   A3 as WS_DISCONNECT,
-  k3 as WS_RECONNECT,
+  B3 as WS_RECONNECT,
   P3 as WS_REMOVE_EVENT_HANDLER,
   $3 as WS_SEND_MESSAGE,
-  O3 as WebsocketContext,
+  k3 as WebsocketContext,
   T3 as appConfigActions,
-  ke as createWebSocketMiddleware,
+  Be as createWebSocketMiddleware,
   w1 as devicesActions,
   Ft as getBaseLocation,
   f3 as httpClient,
   _8 as iconsDictionary,
   Kt as roomOffSourceKey,
-  m1 as roomsActions,
+  p1 as roomsActions,
   U as runtimeConfigActions,
   C3 as selectAllDevices,
   T2 as selectApiPath,
@@ -3852,7 +3853,7 @@ export {
   ve as selectDeviceSupportsInterface,
   fe as selectError,
   y3 as selectInterfacesForDevice,
-  pe as selectIsSyncStateValuePresent,
+  me as selectIsSyncStateValuePresent,
   de as selectIsTouchpanel,
   D2 as selectLogoPath,
   V1 as selectModalVisibility,
@@ -3871,30 +3872,30 @@ export {
   J2 as selectRoomIsOn,
   Y2 as selectRoomIsWarmingUp,
   se as selectRoomKey,
-  O2 as selectRoomLevelControls,
-  k2 as selectRoomName,
+  k2 as selectRoomLevelControls,
+  B2 as selectRoomName,
   K2 as selectRoomProgramAudioDestinationKey,
   Q2 as selectRoomShareState,
   W2 as selectRoomSourceList,
-  B2 as selectRoomVolume,
+  O2 as selectRoomVolume,
   L2 as selectRooms,
   ae as selectRuntimeInfo,
   ie as selectServerIsRunningOnProcessorHardware,
   ge as selectShowPopoverById,
   we as selectShowReconnect,
   re as selectSystemUuid,
-  me as selectTheme,
+  pe as selectTheme,
   ue as selectTouchpanelKey,
   le as selectUserCode,
   oe as selectWsIsConnected,
   N2 as selectZoomRoomControllerKey,
-  Oe as store,
-  O as uiActions,
+  ke as store,
+  k as uiActions,
   je as uiReducer,
   Q8 as useApiPath,
   X8 as useAppConfig,
   W1 as useAppDispatch,
-  m as useAppSelector,
+  p as useAppSelector,
   F6 as useAvrControl,
   w as useButtonHeldHeartbeat,
   H6 as useCameraBase,
@@ -3931,7 +3932,7 @@ export {
   st as useIHasCameras,
   ct as useIHasDialer,
   V3 as useIHasPowerControl,
-  O1 as useIHasSelectableItems,
+  k1 as useIHasSelectableItems,
   rt as useIHumiditySensor,
   lt as useILevelControls,
   it as useILightingScenes,
@@ -3943,15 +3944,15 @@ export {
   gt as useIRunDefaultPresentRoute,
   ft as useIRunDirectRouteAction,
   wt as useIRunRouteAction,
-  mt as useISetTopBoxControls,
-  pt as useIShadesOpenCloseStop,
+  pt as useISetTopBoxControls,
+  mt as useIShadesOpenCloseStop,
   Mt as useIShutdownPromptTimer,
   xt as useISwitchedOutput,
   Zt as useITechPassword,
   St as useITemperatureSensor,
   jt as useITheme,
   Ct as useITransport,
-  O6 as useInitialize,
+  k6 as useInitialize,
   T6 as useInterfacesForDevice,
   Ze as useIsSyncStateValuePresent,
   R6 as useIsTouchpanel,
@@ -3960,7 +3961,7 @@ export {
   Et as useOverflow,
   e6 as usePartnerMetadata,
   Ge as usePressHoldRelease,
-  m6 as useRoomAdvancedSharingActive,
+  p6 as useRoomAdvancedSharingActive,
   l6 as useRoomAudioControlPointList,
   v6 as useRoomCodecContentDestinationKey,
   n6 as useRoomConfiguration,
@@ -3977,7 +3978,7 @@ export {
   ne as useRoomLevelControls,
   c6 as useRoomName,
   d6 as useRoomProgramAudioDestinationKey,
-  p6 as useRoomShareState,
+  m6 as useRoomShareState,
   r6 as useRoomSourceList,
   S1 as useRoomState,
   te as useRoomVolume,
@@ -3992,7 +3993,7 @@ export {
   At as useStateIsSynced,
   $t as useSystemControl,
   j6 as useSystemUuid,
-  k6 as useTheme,
+  B6 as useTheme,
   Lt as useTimeAndDate,
   I6 as useTouchpanelKey,
   yt as useTwoWayDisplayBase,
@@ -4000,8 +4001,8 @@ export {
   I as useWebsocketContext,
   I3 as useWsIsConnected,
   $e as wsAddEventHandler,
-  B3 as wsConnect,
-  B6 as wsDisconnect,
+  O3 as wsConnect,
+  O6 as wsDisconnect,
   Pe as wsReconnect,
   Le as wsRemoveEventHandler,
   Ae as wsSendMessage