@pepperdash/mobile-control-react-app-core 1.22.11-socket-connection-issues.1 → 1.22.11

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

@@ -29,104 +29,104 @@ const W1 = M2.withTypes(), m = x2.withTypes(), Z1 = (e) => e.appConfig, E2 = M(
 function _(e) {
   return m(P2(e));
 }
-const A = (e) => e.rooms, L2 = (e) => M(
-  A,
+const $ = (e) => e.rooms, L2 = (e) => M(
+  $,
   (t) => t[e] ? t[e].configuration : void 0
-), $2 = M(
-  A,
+), A2 = M(
+  $,
   (e) => e
-), A2 = (e) => M(
-  A,
+), $2 = (e) => M(
+  $,
   (t) => t[e] ? t[e] : void 0
 ), B2 = (e) => M(
-  A,
+  $,
   (t) => t[e] ? t[e].name : void 0
 ), k2 = (e, t) => M(
-  A,
+  $,
   (o) => o[e] ? o[e].volumes[t] : void 0
 ), O2 = (e) => M(
-  A,
+  $,
   (t) => t[e] ? t[e] : void 0
 ), W2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.sourceList : void 0;
   }
 ), V2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.audioControlPointList : void 0;
   }
 ), U2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.destinations : void 0;
   }
 ), H2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.destinationList : void 0;
   }
 ), F2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.environmentalDevices : void 0;
   }
 ), K2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o, c, r, l, v, f, h, w;
     return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (v = (l = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : l.destinationList.programAudio) == null ? void 0 : v.sinkKey : ((w = (h = (f = t[e]) == null ? void 0 : f.configuration) == null ? void 0 : h.destinationList.defaultDisplay) == null ? void 0 : w.sinkKey) || "";
   }
 ), q2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o, c, r;
     return t[e] ? (r = (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.destinationList.codecContent) == null ? void 0 : r.sinkKey : void 0;
   }
 ), G2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isInCall : void 0;
   }
 ), Y2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isWarmingUp : void 0;
   }
 ), z2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isCoolingDown : void 0;
   }
 ), J2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isOn : void 0;
   }
 ), X2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.advancedSharingActive : void 0;
   }
 ), Q2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.share : void 0;
   }
 ), N2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.zoomRoomControllerKey : void 0;
@@ -152,10 +152,10 @@ function n6(e) {
   );
 }
 function o6() {
-  return m($2);
+  return m(A2);
 }
 function S1(e) {
-  return m(A2(e));
+  return m($2(e));
 }
 const s6 = S1, c6 = (e) => m(
   B2(e)
@@ -216,7 +216,7 @@ const s6 = S1, c6 = (e) => m(
 ), fe = M(N, (e) => e.error), we = M(
   N,
   (e) => e.showReconnect
-), me = M(N, (e) => e.theme), pe = (e) => M(N, (t) => t.syncState.includes(e)), _6 = () => m(V1("showShutdownModal")), P6 = () => m(V1("showIncomingCallModal")), L6 = (e) => m(V1(e)), $6 = (e) => m(he(e)), A6 = (e, t) => m(ge(e, t)), Me = () => m(fe), xe = () => m(we), B6 = () => m(me), Ze = (e) => m(pe(e)), Se = {
+), me = M(N, (e) => e.theme), pe = (e) => M(N, (t) => t.syncState.includes(e)), _6 = () => m(V1("showShutdownModal")), P6 = () => m(V1("showIncomingCallModal")), L6 = (e) => m(V1(e)), A6 = (e) => m(he(e)), $6 = (e, t) => m(ge(e, t)), Me = () => m(fe), xe = () => m(we), B6 = () => m(me), Ze = (e) => m(pe(e)), Se = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -296,7 +296,14 @@ const s6 = S1, c6 = (e) => m(
     setDeviceState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
       if (!c) return;
-      const r = t.payload.content, l = e[c] ?? {}, v = S3.merge(l, r);
+      const r = t.payload.content, l = e[c] ?? {}, v = S3.mergeWith(
+        {},
+        l,
+        r,
+        (f, h) => {
+          if (Array.isArray(h)) return h.slice();
+        }
+      );
       e[c] = v;
     },
     clearDevices() {
@@ -329,7 +336,9 @@ const g3 = {}, k1 = u1({
     setRoomState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
       if (!c) return;
-      const r = t.payload.content, l = e[c] ?? {}, v = S3.merge(l, r);
+      const r = t.payload.content, l = e[c] ?? {}, v = S3.mergeWith({}, l, r, (f, h) => {
+        if (Array.isArray(h)) return h;
+      });
       e[c] = v;
     },
     clearRooms() {
@@ -405,16 +414,16 @@ const g3 = {}, k1 = u1({
       e.touchpanelKey = t.payload;
     }
   }
-}), U = D3.actions, _e = D3.reducer, L1 = 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, L1 = M3.create(), _3 = "websocket/connect", P3 = "websocket/disconnect", L3 = "websocket/sendMessage", A3 = "websocket/addEventHandler", $3 = "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) => ({
-  type: $3,
-  payload: { eventType: e, key: t, callback: o }
-}), $e = (e, t) => ({
   type: A3,
+  payload: { eventType: e, key: t, callback: o }
+}), Ae = (e, t) => ({
+  type: $3,
   payload: { eventType: e, key: t }
-}), Ae = () => ({ type: B3 }), Be = () => {
+}), $e = () => ({ type: B3 }), Be = () => {
   const e = {
     client: null,
     token: null,
@@ -423,36 +432,36 @@ const g3 = {}, k1 = u1({
     eventHandlers: {}
   }, t = async (a) => {
     try {
-      const S = location.pathname.split("/").filter((b) => b.length > 0);
-      S.length >= 5 ? S.length = 5 : S.length = 2;
-      const C = `/${S.join("/")}`, Z = await L1.get(
+      const Z = location.pathname.split("/").filter((b) => b.length > 0);
+      Z.length >= 5 ? Z.length = 5 : Z.length = 2;
+      const C = `/${Z.join("/")}`, S = await L1.get(
         "/_local-config/_config.local.json",
         { baseURL: C }
       );
-      if (Z.status === 200 && Z.data) {
-        const b = Z.data.apiPath;
-        a(T3.setAppConfig(Z.data));
+      if (S.status === 200 && S.data) {
+        const b = S.data.apiPath;
+        a(T3.setAppConfig(S.data));
         const x = await L1.get(
           `${b}/version`
         );
         x.status === 200 && x.data && a(U.setRuntimeConfig(x.data));
       }
-    } catch (S) {
-      console.error("Error getting config", S);
+    } catch (Z) {
+      console.error("Error getting config", Z);
     }
     return !0;
-  }, o = async (a, S, C) => {
+  }, o = async (a, Z, C) => {
     try {
-      const Z = await L1.get(
-        `${a}/ui/joinroom?token=${S}`
+      const S = await L1.get(
+        `${a}/ui/joinroom?token=${Z}`
       );
-      return Z.status === 200 && Z.data ? (C(U.setRoomData(Z.data)), Z.data) : null;
-    } catch (Z) {
-      return console.log(Z), Z instanceof p2 && Z.response && Z.response.status === 498 ? (console.error("Invalid token. Unable to join room"), C(
+      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(
-          `Token ${S} is invalid. Unable to join room`
+          `Token ${Z} is invalid. Unable to join room`
         )
-      ), null) : (console.error("Error getting room data", Z), Z instanceof Error ? C(O.setErrorMessage(Z.message)) : C(O.setErrorMessage("Error getting room data")), null);
+      ), null) : (console.error("Error getting room data", S), S instanceof Error ? C(O.setErrorMessage(S.message)) : C(O.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(() => {
@@ -462,8 +471,8 @@ const g3 = {}, k1 = u1({
     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(f1.clearDevices()), a(w1.clearRooms()), a(O.clearAllModals()), a(O.clearSyncState());
-  }, v = (a, S) => {
-    const C = a(), Z = S ?? C.runtimeConfig.roomData.roomKey, { clientId: b } = C.runtimeConfig.roomData, x = C.runtimeConfig.websocket.isConnected;
+  }, v = (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) {
       console.log("WebSocket middleware: Cannot request room status", {
         hasRoomKey: !!Z,
@@ -472,21 +481,21 @@ const g3 = {}, k1 = u1({
       });
       return;
     }
-    console.log("WebSocket middleware: Requesting status from room:", S), e.client && x && e.client.send(
+    console.log("WebSocket middleware: Requesting status from room:", Z), e.client && x && e.client.send(
       JSON.stringify({
-        type: `/room/${Z}/status`,
+        type: `/room/${S}/status`,
         clientId: b,
         content: null
       })
     );
-  }, f = async (a, S) => {
+  }, f = async (a, Z) => {
     console.log("WebSocket middleware: Attempting to connect...");
-    const C = S(), { apiPath: Z } = C.appConfig.config, { serverIsRunningOnProcessorHardware: b } = C.runtimeConfig;
-    if (!Z || !e.token) {
+    const C = Z(), { apiPath: S } = C.appConfig.config, { serverIsRunningOnProcessorHardware: b } = C.runtimeConfig;
+    if (!S || !e.token) {
       console.log(
         "WebSocket middleware: Cannot connect - missing requirements",
         {
-          hasApiPath: !!Z,
+          hasApiPath: !!S,
           hasToken: !!e.token
         }
       );
@@ -504,7 +513,7 @@ const g3 = {}, k1 = u1({
     }
     e.waitingToReconnect = !0;
     try {
-      const x = await o(Z, e.token, a);
+      const x = await o(S, e.token, a);
       if (!x) {
         console.log(
           "WebSocket middleware: Failed to get room data, will retry..."
@@ -512,7 +521,7 @@ const g3 = {}, k1 = u1({
         return;
       }
       console.log("WebSocket middleware: Connecting to websocket");
-      const C1 = `${Z.replace("http", "ws")}/ui/join/${e.token}?clientId=${x.clientId}`, K = new WebSocket(C1);
+      const C1 = `${S.replace("http", "ws")}/ui/join/${e.token}?clientId=${x.clientId}`, K = new WebSocket(C1);
       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));
@@ -548,7 +557,7 @@ const g3 = {}, k1 = u1({
           return;
         }
         if (B.code === 4001)
-          if (!!((D = S().runtimeConfig) != null && D.touchpanelKey))
+          if (!!((D = Z().runtimeConfig) != null && D.touchpanelKey))
             console.log(
               "WebSocket middleware: Code 4001 received with touchpanel key present, will auto-reconnect"
             );
@@ -651,27 +660,27 @@ const g3 = {}, k1 = u1({
     }
   }, h = () => {
     e.client && (console.log("WebSocket middleware: Disconnecting"), r(), e.client.close(4100, "Client requested disconnect"), e.client = null);
-  }, w = (a, S, C) => {
-    const Z = C(), b = Z.runtimeConfig.websocket.isConnected, x = Z.runtimeConfig.roomData.clientId;
+  }, w = (a, Z, C) => {
+    const S = C(), b = S.runtimeConfig.websocket.isConnected, x = S.runtimeConfig.roomData.clientId;
     e.client && b ? e.client.send(
-      JSON.stringify({ type: a, clientId: x, content: S })
+      JSON.stringify({ type: a, clientId: x, content: Z })
     ) : console.warn("WebSocket middleware: Cannot send message - not connected");
-  }, d = (a, S, C) => {
-    e.eventHandlers[a] || (e.eventHandlers[a] = {}), e.eventHandlers[a][S] = C, console.log("WebSocket middleware: Event handler added", a, S);
-  }, P = (a, S) => {
-    e.eventHandlers[a] && (delete e.eventHandlers[a][S], console.log(
+  }, d = (a, Z, C) => {
+    e.eventHandlers[a] || (e.eventHandlers[a] = {}), e.eventHandlers[a][Z] = C, console.log("WebSocket middleware: Event handler added", a, Z);
+  }, P = (a, Z) => {
+    e.eventHandlers[a] && (delete e.eventHandlers[a][Z], console.log(
       "WebSocket middleware: Event handler removed",
       a,
-      S
+      Z
     ));
   }, H = (a) => {
-    const S = a(), { gatewayAppPath: C } = S.appConfig.config, Z = S.runtimeConfig.roomData.roomKey, b = S.runtimeConfig.roomData.systemUuid, x = S.runtimeConfig.roomData.userCode, W = `${C}?uuid=${b}&roomKey=${Z}`;
+    const Z = a(), { gatewayAppPath: C } = Z.appConfig.config, S = Z.runtimeConfig.roomData.roomKey, b = Z.runtimeConfig.roomData.systemUuid, x = Z.runtimeConfig.roomData.userCode, W = `${C}?uuid=${b}&roomKey=${S}`;
     window.location.href = x ? `${W}&Code=${x}` : W;
   };
-  return (a) => (S) => (C) => {
-    const Z = S(C);
+  return (a) => (Z) => (C) => {
+    const S = Z(C);
     if (!C || typeof C != "object" || !("type" in C))
-      return Z;
+      return S;
     const b = C;
     return (async () => {
       switch (b.type) {
@@ -690,14 +699,14 @@ const g3 = {}, k1 = u1({
             a.getState
           );
           break;
-        case $3:
+        case A3:
           d(
             b.payload.eventType,
             b.payload.key,
             b.payload.callback
           );
           break;
-        case A3:
+        case $3:
           P(
             b.payload.eventType,
             b.payload.key
@@ -728,7 +737,7 @@ const g3 = {}, k1 = u1({
       }
     })().catch((x) => {
       console.error("WebSocket middleware: Error handling action", x);
-    }), Z;
+    }), S;
   };
 }, ke = S2({
   appConfig: be,
@@ -806,11 +815,11 @@ var i1 = {};
 var m3;
 function Ve() {
   return m3 || (m3 = 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"), v = Symbol.for("react.provider"), f = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), a = Symbol.for("react.offscreen"), S = Symbol.iterator, C = "@@iterator";
-    function Z(s) {
+    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"), v = Symbol.for("react.provider"), f = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), a = Symbol.for("react.offscreen"), Z = Symbol.iterator, C = "@@iterator";
+    function S(s) {
       if (s === null || typeof s != "object")
         return null;
-      var i = S && s[S] || s[C];
+      var i = Z && s[Z] || s[C];
       return typeof i == "function" ? i : null;
     }
     var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -1026,18 +1035,18 @@ function Ve() {
         if (V && p && typeof V.stack == "string") {
           for (var j = V.stack.split(`
 `), k = p.stack.split(`
-`), L = j.length - 1, $ = k.length - 1; L >= 1 && $ >= 0 && j[L] !== k[$]; )
-            $--;
-          for (; L >= 1 && $ >= 0; L--, $--)
-            if (j[L] !== k[$]) {
-              if (L !== 1 || $ !== 1)
+`), L = j.length - 1, A = k.length - 1; L >= 1 && A >= 0 && j[L] !== k[A]; )
+            A--;
+          for (; L >= 1 && A >= 0; L--, A--)
+            if (j[L] !== k[A]) {
+              if (L !== 1 || A !== 1)
                 do
-                  if (L--, $--, $ < 0 || j[L] !== k[$]) {
+                  if (L--, A--, A < 0 || j[L] !== k[A]) {
                     var F = `
 ` + j[L].replace(" at new ", " at ");
                     return s.displayName && F.includes("<anonymous>") && (F = F.replace("<anonymous>", s.displayName)), typeof s == "function" && v1.set(s, F), F;
                   }
-                while (L >= 1 && $ >= 0);
+                while (L >= 1 && A >= 0);
               break;
             }
         }
@@ -1222,8 +1231,8 @@ function Ve() {
             y[T] === void 0 && (y[T] = L[T]);
         }
         if (j || k) {
-          var $ = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          j && n2(y, $), k && o2(y, $);
+          var A = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
+          j && n2(y, A), k && o2(y, A);
         }
         return s2(s, j, k, E, p, n3.current, y);
       }
@@ -1294,7 +1303,7 @@ Check the top-level render call using <` + u + ">.");
         else if (_1(s))
           s._store && (s._store.validated = !0);
         else if (s) {
-          var E = Z(s);
+          var E = S(s);
           if (typeof E == "function" && E !== s.entries)
             for (var T = E.call(s), y; !(y = T.next()).done; )
               _1(y.value) && i3(y.value, i);
@@ -1350,9 +1359,9 @@ Check the top-level render call using <` + u + ">.");
           var L;
           s === null ? L = "null" : E1(s) ? L = "array" : s !== void 0 && s.$$typeof === t ? (L = "<" + (J(s.type) || "Unknown") + " />", j = " 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, j);
         }
-        var $ = c2(s, i, u, E, T);
-        if ($ == null)
-          return $;
+        var A = c2(s, i, u, E, T);
+        if (A == null)
+          return A;
         if (y) {
           var F = i.children;
           if (F !== void 0)
@@ -1380,7 +1389,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, P1, Q, g2, Q), u3[Q + P1] = !0;
           }
         }
-        return s === c ? a2($) : i2($), $;
+        return s === c ? a2(A) : i2(A), A;
       }
     }
     function u2(s, i, u) {
@@ -1437,11 +1446,11 @@ const He = "_mwfit_ppa3l_1", Fe = {
     [t]
   ), v = r1(
     (h, w) => {
-      t($e(h, w));
+      t(Ae(h, w));
     },
     [t]
   ), f = r1(() => {
-    t(Ae());
+    t($e());
   }, [t]);
   return /* @__PURE__ */ n.jsx(
     O3.Provider,
@@ -2004,7 +2013,7 @@ const Pt = () => {
     ),
     e && /* @__PURE__ */ n.jsx("p", { children: r })
   ] });
-}, Je = "_iconbtn_16qss_1", Xe = "_iconbtnvert_16qss_7", Qe = "_iconsm_16qss_18", $1 = {
+}, Je = "_iconbtn_16qss_1", Xe = "_iconbtnvert_16qss_7", Qe = "_iconsm_16qss_18", A1 = {
   iconbtn: Je,
   iconbtnvert: Xe,
   iconsm: Qe
@@ -2023,29 +2032,29 @@ const Pt = () => {
   onPointerLeave: P,
   ...H
 }) => {
-  const [a, S] = Y(!1), C = !v && f ? h : "", Z = !v && (a || f);
+  const [a, Z] = Y(!1), C = !v && f ? h : "", S = !v && (a || f);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
       type: "button",
-      className: `${$1.iconbtn} ${o ? $1.iconbtnvert : ""} ${c} ${C}`,
+      className: `${A1.iconbtn} ${o ? A1.iconbtnvert : ""} ${c} ${C}`,
       ...H,
       disabled: v,
       onPointerDown: (b) => {
-        S(!0), w == null || w(b);
+        Z(!0), w == null || w(b);
       },
       onPointerUp: (b) => {
-        S(!1), d == null || d(b);
+        Z(!1), d == null || d(b);
       },
       onPointerLeave: (b) => {
-        S(!1), P == null || P(b);
+        Z(!1), P == null || P(b);
       },
       children: [
         e && /* @__PURE__ */ n.jsx(
           e,
           {
-            className: `${r || $1.iconsm}`,
-            active: Z,
+            className: `${r || A1.iconsm}`,
+            active: S,
             disabled: v
           }
         ),
@@ -3700,7 +3709,7 @@ const Pt = () => {
   X: E8,
   Xbox: T8
 };
-function $t({
+function At({
   name: e,
   iconsDictionary: t = _8,
   ...o
@@ -3708,13 +3717,13 @@ function $t({
   const c = t[e] ?? null;
   return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ n.jsx(Ne, { multiIcon: c, ...o });
 }
-const P8 = "_grid_1cmpp_1", L8 = "_header_1cmpp_11", $8 = "_content_1cmpp_17", A8 = "_footer_1cmpp_23", B8 = "_volume_1cmpp_29", a1 = {
+const P8 = "_grid_1cmpp_1", L8 = "_header_1cmpp_11", A8 = "_content_1cmpp_17", $8 = "_footer_1cmpp_23", B8 = "_volume_1cmpp_29", a1 = {
   grid: P8,
   header: L8,
-  content: $8,
-  footer: A8,
+  content: A8,
+  footer: $8,
   volume: B8
-}, At = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ n.jsxs("div", { className: a1.grid, children: [
+}, $t = ({ 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 }),
@@ -3727,13 +3736,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", A1 = {
+] }), 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} ${A1.grid}`, children: [
-  /* @__PURE__ */ n.jsx("div", { className: A1.header, children: t }),
-  /* @__PURE__ */ n.jsx("div", { className: A1.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() {
@@ -3792,19 +3801,19 @@ export {
   R8 as IconMultiWireless,
   E8 as IconMultiX,
   T8 as IconMultiXbox,
-  At as MainLayout,
+  $t as MainLayout,
   Vt as MessageHandler,
   W6 as MobileControlProvider,
   I as MultiStateIconContainer,
-  $t as NamedIconButton,
+  At as NamedIconButton,
   Ot as ShareState,
   Bt as TechLayout,
   kt as TechPinLayout,
-  $3 as WS_ADD_EVENT_HANDLER,
+  A3 as WS_ADD_EVENT_HANDLER,
   _3 as WS_CONNECT,
   P3 as WS_DISCONNECT,
   B3 as WS_RECONNECT,
-  A3 as WS_REMOVE_EVENT_HANDLER,
+  $3 as WS_REMOVE_EVENT_HANDLER,
   L3 as WS_SEND_MESSAGE,
   O3 as WebsocketContext,
   T3 as appConfigActions,
@@ -3833,7 +3842,7 @@ export {
   _2 as selectPartnerMetadata,
   X2 as selectRoomAdvancedSharingActive,
   V2 as selectRoomAudioControlPointList,
-  A2 as selectRoomByKey,
+  $2 as selectRoomByKey,
   q2 as selectRoomCodecContentDestinationKey,
   L2 as selectRoomConfiguration,
   H2 as selectRoomDestinationList,
@@ -3851,7 +3860,7 @@ export {
   Q2 as selectRoomShareState,
   W2 as selectRoomSourceList,
   k2 as selectRoomVolume,
-  $2 as selectRooms,
+  A2 as selectRooms,
   ae as selectRuntimeInfo,
   ie as selectServerIsRunningOnProcessorHardware,
   ge as selectShowPopoverById,
@@ -3883,7 +3892,7 @@ export {
   bt as useGetAllDeviceStateFromRoomConfiguration,
   t6 as useGetAllDevices,
   o6 as useGetAllRooms,
-  $6 as useGetCurrentPopoverIdForGroup,
+  A6 as useGetCurrentPopoverIdForGroup,
   _ as useGetDevice,
   V6 as useGetIBasicVolume,
   U6 as useGetIBasicVolumeWithFeedback,
@@ -3957,7 +3966,7 @@ export {
   b6 as useServerIsRunningOnProcessorHardware,
   P6 as useShowIncomingCallModal,
   L6 as useShowModal,
-  A6 as useShowPopoverById,
+  $6 as useShowPopoverById,
   xe as useShowReconnect,
   _6 as useShowShutdownModal,
   Tt as useStateIsSynced,
@@ -3973,7 +3982,7 @@ export {
   Le as wsAddEventHandler,
   k3 as wsConnect,
   k6 as wsDisconnect,
-  Ae as wsReconnect,
-  $e as wsRemoveEventHandler,
+  $e as wsReconnect,
+  Ae as wsRemoveEventHandler,
   Pe as wsSendMessage
 };