@pepperdash/mobile-control-react-app-core 1.21.0-feature-add-deviceInterfaceSupport-to-joinroom-response.7 → 1.21.0-fix-double-join-call.1

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

@@ -1,32 +1,32 @@
 var n2 = Object.defineProperty;
 var o2 = (e, t, n) => t in e ? n2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var q = (e, t, n) => o2(e, typeof t != "symbol" ? t + "" : t, n);
+var G = (e, t, n) => o2(e, typeof t != "symbol" ? t + "" : t, n);
 import c2, { AxiosError as r2 } from "axios";
 import { useDispatch as l2, useSelector as i2, Provider as a2 } from "react-redux";
-import { createSelector as w, createSlice as g1, combineReducers as u2, configureStore as d2 } from "@reduxjs/toolkit";
-import w3, { createContext as v2, useState as K, useRef as h1, useCallback as a1, useEffect as c1, useContext as h2, useLayoutEffect as x3 } from "react";
+import { createSelector as w, createSlice as v1, combineReducers as u2, configureStore as d2 } from "@reduxjs/toolkit";
+import w3, { createContext as v2, useState as K, useRef as d1, useCallback as l1, useEffect as o1, useContext as h2, useLayoutEffect as x3 } from "react";
 import * as M3 from "lodash";
 import { useNavigate as g2, useRouteError as f2, isRouteErrorResponse as p2 } from "react-router-dom";
-const m3 = l2.withTypes(), p = i2.withTypes(), j1 = (e) => e.appConfig, w2 = w(
-  j1,
+const m3 = l2.withTypes(), p = i2.withTypes(), S1 = (e) => e.appConfig, w2 = w(
+  S1,
   (e) => e.config
 ), x2 = w(
-  j1,
+  S1,
   (e) => e.config.apiPath
 ), M2 = w(
-  j1,
+  S1,
   (e) => e.config.logoPath
 ), m2 = w(
-  j1,
+  S1,
   (e) => e.config.partnerMetadata
-), Z2 = () => p(w2), U6 = () => p(x2), W6 = () => p(M2), F6 = () => p(m2), Z3 = (e) => e.devices, j3 = w(
+), Z2 = () => p(w2), U6 = () => p(x2), F6 = () => p(M2), W6 = () => p(m2), Z3 = (e) => e.devices, j3 = w(
   Z3,
   (e) => e
 ), j2 = (e) => w(
   Z3,
   (t) => t[e] ? t[e] : void 0
 ), H6 = () => p(j3);
-function R(e) {
+function E(e) {
   return p(j2(e));
 }
 const _ = (e) => e.rooms, S2 = (e) => w(
@@ -59,13 +59,13 @@ const _ = (e) => e.rooms, S2 = (e) => w(
     var n, c;
     return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.audioControlPointList : void 0;
   }
-), D2 = (e) => w(
+), T2 = (e) => w(
   _,
   (t) => {
     var n, c;
     return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.destinations : void 0;
   }
-), T2 = (e) => w(
+), D2 = (e) => w(
   _,
   (t) => {
     var n, c;
@@ -125,13 +125,13 @@ const _ = (e) => e.rooms, S2 = (e) => w(
     var n;
     return t[e] ? (n = t[e]) == null ? void 0 : n.share : void 0;
   }
-), W2 = (e) => w(
+), F2 = (e) => w(
   _,
   (t) => {
     var n, c;
     return t[e] ? (c = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : c.zoomRoomControllerKey : void 0;
   }
-), F2 = w(
+), W2 = w(
   [
     (e, t) => t,
     () => j3,
@@ -154,60 +154,60 @@ function K6(e) {
 function G6() {
   return p(C2);
 }
-function S1(e) {
+function C1(e) {
   return p(b2(e));
 }
-const q6 = S1, Y6 = (e) => p(
+const q6 = C1, Y6 = (e) => p(
   I2(e)
 ), H2 = (e, t) => p(
   y2(e, t)
-), K2 = (e) => p(R2(e)) || void 0, z6 = (e) => p(E2(e)), J6 = (e) => p(P2(e)), X6 = (e) => p(D2(e)), Q6 = (e) => p(T2(e)), N6 = (e) => p(_2(e)), ee = (e) => p(L2(e)), te = (e) => p($2(e)), se = (e) => p(A2(e)), ne = (e) => p(B2(e)), oe = (e) => p(O2(e)), ce = (e) => p(V2(e)), re = (e) => p(k2(e)), le = (e) => p(U2(e)), ie = (e) => p((t) => F2(t, e)), ae = (e) => p(W2(e)), Y = (e) => e.runtimeConfig, G2 = w(
-  Y,
+), K2 = (e) => p(R2(e)) || void 0, z6 = (e) => p(E2(e)), J6 = (e) => p(P2(e)), X6 = (e) => p(T2(e)), Q6 = (e) => p(D2(e)), N6 = (e) => p(_2(e)), ee = (e) => p(L2(e)), te = (e) => p($2(e)), se = (e) => p(A2(e)), ne = (e) => p(B2(e)), oe = (e) => p(O2(e)), ce = (e) => p(V2(e)), re = (e) => p(k2(e)), le = (e) => p(U2(e)), ie = (e) => p((t) => W2(t, e)), ae = (e) => p(F2(e)), q = (e) => e.runtimeConfig, G2 = w(
+  q,
   (e) => e.websocket.isConnected
 ), q2 = w(
-  Y,
+  q,
   (e) => e.currentRoomKey
 ), Y2 = w(
-  Y,
+  q,
   (e) => e.roomData.clientId
 ), z2 = w(
-  Y,
+  q,
   (e) => e.roomData.systemUuid
 ), J2 = w(
-  Y,
+  q,
   (e) => e.roomData.userCode
 ), X2 = w(
-  Y,
+  q,
   (e) => e.serverIsRunningOnProcessorHardware
 ), Q2 = w(
-  Y,
+  q,
   (e) => {
     var t;
     return (t = e.roomData.config) == null ? void 0 : t.runtimeInfo;
   }
 ), N2 = w(
-  Y,
+  q,
   (e) => e.touchpanelKey
 ), e8 = w(
-  Y,
+  q,
   (e) => e.touchpanelKey !== ""
 ), t8 = w(
-  Y,
+  q,
   (e) => e.roomData.deviceInterfaceSupport
-), S3 = () => p(G2), s8 = () => p(q2), n8 = () => p(Y2), o8 = () => p(z2), c8 = () => p(J2), r8 = () => p(X2), ue = () => p(Q2), de = () => p(N2), ve = () => p(e8), he = () => p(t8), t1 = (e) => e.ui, U1 = (e) => w(t1, (t) => t.modalVisibility[e]), l8 = (e) => w(t1, (t) => {
+), S3 = () => p(G2), s8 = () => p(q2), n8 = () => p(Y2), o8 = () => p(z2), c8 = () => p(J2), r8 = () => p(X2), ue = () => p(Q2), de = () => p(N2), ve = () => p(e8), he = () => p(t8), e1 = (e) => e.ui, U1 = (e) => w(e1, (t) => t.modalVisibility[e]), l8 = (e) => w(e1, (t) => {
   const n = t.popoverVisibility[e];
   if (n)
     return Object.keys(n).find((c) => n[c]);
 }), i8 = (e, t) => w(
-  t1,
+  e1,
   (n) => {
     var c;
     return ((c = n.popoverVisibility[e]) == null ? void 0 : c[t]) ?? !1;
   }
-), a8 = w(t1, (e) => e.error), u8 = w(
-  t1,
+), a8 = w(e1, (e) => e.error), u8 = w(
+  e1,
   (e) => e.showReconnect
-), d8 = w(t1, (e) => e.theme), v8 = (e) => w(t1, (t) => t.syncState.includes(e)), ge = () => p(U1("showShutdownModal")), fe = () => p(U1("showIncomingCallModal")), pe = (e) => p(U1(e)), we = (e) => p(l8(e)), xe = (e, t) => p(i8(e, t)), h8 = () => p(a8), g8 = () => p(u8), Me = () => p(d8), f8 = (e) => p(v8(e)), p8 = {
+), d8 = w(e1, (e) => e.theme), v8 = (e) => w(e1, (t) => t.syncState.includes(e)), ge = () => p(U1("showShutdownModal")), fe = () => p(U1("showIncomingCallModal")), pe = (e) => p(U1(e)), we = (e) => p(l8(e)), xe = (e, t) => p(i8(e, t)), h8 = () => p(a8), g8 = () => p(u8), Me = () => p(d8), f8 = (e) => p(v8(e)), p8 = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -216,7 +216,7 @@ const q6 = S1, Y6 = (e) => p(
   },
   popoverVisibility: {},
   syncState: []
-}, C3 = g1({
+}, C3 = v1({
   name: "ui",
   initialState: p8,
   reducers: {
@@ -272,7 +272,7 @@ const q6 = S1, Y6 = (e) => p(
     loginMode: "",
     modes: {}
   }
-}, b3 = g1({
+}, b3 = v1({
   name: "appConfig",
   initialState: x8,
   reducers: {
@@ -280,7 +280,7 @@ const q6 = S1, Y6 = (e) => p(
       e.config = t.payload;
     }
   }
-}), M8 = b3.actions, m8 = b3.reducer, d3 = {}, B1 = g1({
+}), M8 = b3.actions, m8 = b3.reducer, d3 = {}, B1 = v1({
   name: "devices",
   initialState: d3,
   reducers: {
@@ -294,10 +294,10 @@ const q6 = S1, Y6 = (e) => p(
       return d3;
     }
   }
-}), N = {
+}), M1 = {
   setDeviceState: B1.actions.setDeviceState,
   clearDevices: B1.actions.clearDevices
-}, Z8 = B1.reducer, v3 = {}, O1 = g1({
+}, Z8 = B1.reducer, v3 = {}, O1 = v1({
   name: "rooms",
   initialState: v3,
   reducers: {
@@ -311,7 +311,7 @@ const q6 = S1, Y6 = (e) => p(
       return v3;
     }
   }
-}), e1 = {
+}), m1 = {
   setRoomState: O1.actions.setRoomState,
   clearRooms: O1.actions.clearRooms
 }, j8 = O1.reducer, S8 = {
@@ -345,7 +345,7 @@ const q6 = S1, Y6 = (e) => p(
     userCode: "",
     qrUrl: ""
   }
-}, I3 = g1({
+}, I3 = v1({
   name: "runtimeConfig",
   initialState: S8,
   reducers: {
@@ -374,13 +374,13 @@ const q6 = S1, Y6 = (e) => p(
       e.touchpanelKey = t.payload;
     }
   }
-}), F = I3.actions, C8 = I3.reducer, b8 = u2({
+}), z = I3.actions, C8 = I3.reducer, b8 = u2({
   appConfig: m8,
   runtimeConfig: C8,
   rooms: j8,
   devices: Z8,
   ui: w8
-}), M = d2({
+}), b = d2({
   reducer: b8
 }), V1 = c2.create();
 function I8() {
@@ -394,7 +394,7 @@ function I8() {
         const r = c.data.apiPath;
         e(M8.setAppConfig(c.data));
         const i = await V1.get(`${r}/version`);
-        i.status == 200 && i.data && e(F.setRuntimeConfig(i.data));
+        i.status == 200 && i.data && e(z.setRuntimeConfig(i.data));
       }
     } catch (t) {
       console.error("Error getting config", t);
@@ -402,7 +402,7 @@ function I8() {
     return !0;
   };
 }
-var m1 = { exports: {} }, u1 = {};
+var Z1 = { exports: {} }, i1 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -414,7 +414,7 @@ var m1 = { exports: {} }, u1 = {};
  */
 var h3;
 function y8() {
-  if (h3) return u1;
+  if (h3) return i1;
   h3 = 1;
   var e = w3, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function d(a, g, x) {
@@ -424,9 +424,9 @@ function y8() {
     if (a && a.defaultProps) for (v in g = a.defaultProps, g) I[v] === void 0 && (I[v] = g[v]);
     return { $$typeof: t, type: a, key: L, ref: H, props: I, _owner: r.current };
   }
-  return u1.Fragment = n, u1.jsx = d, u1.jsxs = d, u1;
+  return i1.Fragment = n, i1.jsx = d, i1.jsxs = d, i1;
 }
-var d1 = {};
+var a1 = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -440,7 +440,7 @@ var g3;
 function R8() {
   return g3 || (g3 = 1, process.env.NODE_ENV !== "production" && function() {
     var e = w3, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), a = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), H = Symbol.for("react.offscreen"), U = Symbol.iterator, X = "@@iterator";
-    function r1(o) {
+    function c1(o) {
       if (o === null || typeof o != "object")
         return null;
       var l = U && o[U] || o[X];
@@ -451,39 +451,39 @@ function R8() {
       {
         for (var l = arguments.length, u = new Array(l > 1 ? l - 1 : 0), f = 1; f < l; f++)
           u[f - 1] = arguments[f];
-        C1("error", o, u);
+        b1("error", o, u);
       }
     }
-    function C1(o, l, u) {
+    function b1(o, l, u) {
       {
-        var f = $.ReactDebugCurrentFrame, C = f.getStackAddendum();
-        C !== "" && (l += "%s", u = u.concat([C]));
-        var y = u.map(function(Z) {
-          return String(Z);
+        var f = $.ReactDebugCurrentFrame, S = f.getStackAddendum();
+        S !== "" && (l += "%s", u = u.concat([S]));
+        var y = u.map(function(m) {
+          return String(m);
         });
         y.unshift("Warning: " + l), Function.prototype.apply.call(console[o], console, y);
       }
     }
-    var b1 = !1, E = !1, S = !1, f1 = !1, I1 = !1, z;
-    z = Symbol.for("react.module.reference");
-    function B(o) {
-      return !!(typeof o == "string" || typeof o == "function" || o === c || o === i || I1 || o === r || o === x || o === v || f1 || o === H || b1 || E || S || typeof o == "object" && o !== null && (o.$$typeof === L || o.$$typeof === I || o.$$typeof === d || o.$$typeof === a || o.$$typeof === g || // This needs to include all possible module reference object
+    var I1 = !1, t1 = !1, P = !1, j = !1, h1 = !1, g1;
+    g1 = Symbol.for("react.module.reference");
+    function J(o) {
+      return !!(typeof o == "string" || typeof o == "function" || o === c || o === i || h1 || o === r || o === x || o === v || j || o === H || I1 || t1 || P || typeof o == "object" && o !== null && (o.$$typeof === L || o.$$typeof === I || o.$$typeof === d || o.$$typeof === a || o.$$typeof === g || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      o.$$typeof === z || o.getModuleId !== void 0));
+      o.$$typeof === g1 || o.getModuleId !== void 0));
     }
-    function P(o, l, u) {
+    function B(o, l, u) {
       var f = o.displayName;
       if (f)
         return f;
-      var C = l.displayName || l.name || "";
-      return C !== "" ? u + "(" + C + ")" : u;
+      var S = l.displayName || l.name || "";
+      return S !== "" ? u + "(" + S + ")" : u;
     }
-    function s1(o) {
+    function R(o) {
       return o.displayName || "Context";
     }
-    function G(o) {
+    function F(o) {
       if (o == null)
         return null;
       if (typeof o.tag == "number" && A("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
@@ -508,19 +508,19 @@ function R8() {
         switch (o.$$typeof) {
           case a:
             var l = o;
-            return s1(l) + ".Consumer";
+            return R(l) + ".Consumer";
           case d:
             var u = o;
-            return s1(u._context) + ".Provider";
+            return R(u._context) + ".Provider";
           case g:
-            return P(o, o.render, "ForwardRef");
+            return B(o, o.render, "ForwardRef");
           case I:
             var f = o.displayName || null;
-            return f !== null ? f : G(o.type) || "Memo";
+            return f !== null ? f : F(o.type) || "Memo";
           case L: {
-            var C = o, y = C._payload, Z = C._init;
+            var S = o, y = S._payload, m = S._init;
             try {
-              return G(Z(y));
+              return F(m(y));
             } catch {
               return null;
             }
@@ -528,14 +528,14 @@ function R8() {
         }
       return null;
     }
-    var J = Object.assign, l1 = 0, W1, F1, H1, K1, G1, q1, Y1;
+    var Y = Object.assign, Q = 0, F1, W1, H1, K1, G1, q1, Y1;
     function z1() {
     }
     z1.__reactDisabledLog = !0;
     function P3() {
       {
-        if (l1 === 0) {
-          W1 = console.log, F1 = console.info, H1 = console.warn, K1 = console.error, G1 = console.group, q1 = console.groupCollapsed, Y1 = console.groupEnd;
+        if (Q === 0) {
+          F1 = console.log, W1 = console.info, H1 = console.warn, K1 = console.error, G1 = console.group, q1 = console.groupCollapsed, Y1 = console.groupEnd;
           var o = {
             configurable: !0,
             enumerable: !0,
@@ -552,100 +552,100 @@ function R8() {
             groupEnd: o
           });
         }
-        l1++;
+        Q++;
       }
     }
-    function D3() {
+    function T3() {
       {
-        if (l1--, l1 === 0) {
+        if (Q--, Q === 0) {
           var o = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: J({}, o, {
-              value: W1
-            }),
-            info: J({}, o, {
+            log: Y({}, o, {
               value: F1
             }),
-            warn: J({}, o, {
+            info: Y({}, o, {
+              value: W1
+            }),
+            warn: Y({}, o, {
               value: H1
             }),
-            error: J({}, o, {
+            error: Y({}, o, {
               value: K1
             }),
-            group: J({}, o, {
+            group: Y({}, o, {
               value: G1
             }),
-            groupCollapsed: J({}, o, {
+            groupCollapsed: Y({}, o, {
               value: q1
             }),
-            groupEnd: J({}, o, {
+            groupEnd: Y({}, o, {
               value: Y1
             })
           });
         }
-        l1 < 0 && A("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Q < 0 && A("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var y1 = $.ReactCurrentDispatcher, R1;
-    function p1(o, l, u) {
+    function f1(o, l, u) {
       {
         if (R1 === void 0)
           try {
             throw Error();
-          } catch (C) {
-            var f = C.stack.trim().match(/\n( *(at )?)/);
+          } catch (S) {
+            var f = S.stack.trim().match(/\n( *(at )?)/);
             R1 = f && f[1] || "";
           }
         return `
 ` + R1 + o;
       }
     }
-    var E1 = !1, w1;
+    var E1 = !1, p1;
     {
-      var T3 = typeof WeakMap == "function" ? WeakMap : Map;
-      w1 = new T3();
+      var D3 = typeof WeakMap == "function" ? WeakMap : Map;
+      p1 = new D3();
     }
     function J1(o, l) {
       if (!o || E1)
         return "";
       {
-        var u = w1.get(o);
+        var u = p1.get(o);
         if (u !== void 0)
           return u;
       }
       var f;
       E1 = !0;
-      var C = Error.prepareStackTrace;
+      var S = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var y;
       y = y1.current, y1.current = null, P3();
       try {
         if (l) {
-          var Z = function() {
+          var m = function() {
             throw Error();
           };
-          if (Object.defineProperty(Z.prototype, "props", {
+          if (Object.defineProperty(m.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(Z, []);
+              Reflect.construct(m, []);
             } catch (V) {
               f = V;
             }
-            Reflect.construct(o, [], Z);
+            Reflect.construct(o, [], m);
           } else {
             try {
-              Z.call();
+              m.call();
             } catch (V) {
               f = V;
             }
-            o.call(Z.prototype);
+            o.call(m.prototype);
           }
         } else {
           try {
@@ -657,28 +657,28 @@ function R8() {
         }
       } catch (V) {
         if (V && f && typeof V.stack == "string") {
-          for (var m = V.stack.split(`
+          for (var M = V.stack.split(`
 `), O = f.stack.split(`
-`), D = m.length - 1, T = O.length - 1; D >= 1 && T >= 0 && m[D] !== O[T]; )
-            T--;
-          for (; D >= 1 && T >= 0; D--, T--)
-            if (m[D] !== O[T]) {
-              if (D !== 1 || T !== 1)
+`), T = M.length - 1, D = O.length - 1; T >= 1 && D >= 0 && M[T] !== O[D]; )
+            D--;
+          for (; T >= 1 && D >= 0; T--, D--)
+            if (M[T] !== O[D]) {
+              if (T !== 1 || D !== 1)
                 do
-                  if (D--, T--, T < 0 || m[D] !== O[T]) {
+                  if (T--, D--, D < 0 || M[T] !== O[D]) {
                     var W = `
-` + m[D].replace(" at new ", " at ");
-                    return o.displayName && W.includes("<anonymous>") && (W = W.replace("<anonymous>", o.displayName)), typeof o == "function" && w1.set(o, W), W;
+` + M[T].replace(" at new ", " at ");
+                    return o.displayName && W.includes("<anonymous>") && (W = W.replace("<anonymous>", o.displayName)), typeof o == "function" && p1.set(o, W), W;
                   }
-                while (D >= 1 && T >= 0);
+                while (T >= 1 && D >= 0);
               break;
             }
         }
       } finally {
-        E1 = !1, y1.current = y, D3(), Error.prepareStackTrace = C;
+        E1 = !1, y1.current = y, T3(), Error.prepareStackTrace = S;
       }
-      var o1 = o ? o.displayName || o.name : "", Q = o1 ? p1(o1) : "";
-      return typeof o == "function" && w1.set(o, Q), Q;
+      var n1 = o ? o.displayName || o.name : "", N = n1 ? f1(n1) : "";
+      return typeof o == "function" && p1.set(o, N), N;
     }
     function _3(o, l, u) {
       return J1(o, !1);
@@ -687,59 +687,59 @@ function R8() {
       var l = o.prototype;
       return !!(l && l.isReactComponent);
     }
-    function x1(o, l, u) {
+    function w1(o, l, u) {
       if (o == null)
         return "";
       if (typeof o == "function")
         return J1(o, L3(o));
       if (typeof o == "string")
-        return p1(o);
+        return f1(o);
       switch (o) {
         case x:
-          return p1("Suspense");
+          return f1("Suspense");
         case v:
-          return p1("SuspenseList");
+          return f1("SuspenseList");
       }
       if (typeof o == "object")
         switch (o.$$typeof) {
           case g:
             return _3(o.render);
           case I:
-            return x1(o.type, l, u);
+            return w1(o.type, l, u);
           case L: {
-            var f = o, C = f._payload, y = f._init;
+            var f = o, S = f._payload, y = f._init;
             try {
-              return x1(y(C), l, u);
+              return w1(y(S), l, u);
             } catch {
             }
           }
         }
       return "";
     }
-    var i1 = Object.prototype.hasOwnProperty, X1 = {}, Q1 = $.ReactDebugCurrentFrame;
-    function M1(o) {
+    var r1 = Object.prototype.hasOwnProperty, X1 = {}, Q1 = $.ReactDebugCurrentFrame;
+    function x1(o) {
       if (o) {
-        var l = o._owner, u = x1(o.type, o._source, l ? l.type : null);
+        var l = o._owner, u = w1(o.type, o._source, l ? l.type : null);
         Q1.setExtraStackFrame(u);
       } else
         Q1.setExtraStackFrame(null);
     }
-    function $3(o, l, u, f, C) {
+    function $3(o, l, u, f, S) {
       {
-        var y = Function.call.bind(i1);
-        for (var Z in o)
-          if (y(o, Z)) {
-            var m = void 0;
+        var y = Function.call.bind(r1);
+        for (var m in o)
+          if (y(o, m)) {
+            var M = void 0;
             try {
-              if (typeof o[Z] != "function") {
-                var O = Error((f || "React class") + ": " + u + " type `" + Z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[Z] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof o[m] != "function") {
+                var O = Error((f || "React class") + ": " + u + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw O.name = "Invariant Violation", O;
               }
-              m = o[Z](l, Z, f, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (D) {
-              m = D;
+              M = o[m](l, m, f, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (T) {
+              M = T;
             }
-            m && !(m instanceof Error) && (M1(C), A("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", f || "React class", u, Z, typeof m), M1(null)), m instanceof Error && !(m.message in X1) && (X1[m.message] = !0, M1(C), A("Failed %s type: %s", u, m.message), M1(null));
+            M && !(M instanceof Error) && (x1(S), A("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", f || "React class", u, m, typeof M), x1(null)), M instanceof Error && !(M.message in X1) && (X1[M.message] = !0, x1(S), A("Failed %s type: %s", u, M.message), x1(null));
           }
       }
     }
@@ -774,7 +774,7 @@ function R8() {
       __source: !0
     }, s3, n3;
     function k3(o) {
-      if (i1.call(o, "ref")) {
+      if (r1.call(o, "ref")) {
         var l = Object.getOwnPropertyDescriptor(o, "ref").get;
         if (l && l.isReactWarning)
           return !1;
@@ -782,17 +782,17 @@ function R8() {
       return o.ref !== void 0;
     }
     function U3(o) {
-      if (i1.call(o, "key")) {
+      if (r1.call(o, "key")) {
         var l = Object.getOwnPropertyDescriptor(o, "key").get;
         if (l && l.isReactWarning)
           return !1;
       }
       return o.key !== void 0;
     }
-    function W3(o, l) {
+    function F3(o, l) {
       typeof o.ref == "string" && t3.current;
     }
-    function F3(o, l) {
+    function W3(o, l) {
       {
         var u = function() {
           s3 || (s3 = !0, A("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
@@ -814,70 +814,70 @@ function R8() {
         });
       }
     }
-    var K3 = function(o, l, u, f, C, y, Z) {
-      var m = {
+    var K3 = function(o, l, u, f, S, y, m) {
+      var M = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: o,
         key: l,
         ref: u,
-        props: Z,
+        props: m,
         // Record the component responsible for creating this element.
         _owner: y
       };
-      return m._store = {}, Object.defineProperty(m._store, "validated", {
+      return M._store = {}, Object.defineProperty(M._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(m, "_self", {
+      }), Object.defineProperty(M, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: f
-      }), Object.defineProperty(m, "_source", {
+      }), Object.defineProperty(M, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: C
-      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
+        value: S
+      }), Object.freeze && (Object.freeze(M.props), Object.freeze(M)), M;
     };
-    function G3(o, l, u, f, C) {
+    function G3(o, l, u, f, S) {
       {
-        var y, Z = {}, m = null, O = null;
-        u !== void 0 && (e3(u), m = "" + u), U3(l) && (e3(l.key), m = "" + l.key), k3(l) && (O = l.ref, W3(l, C));
+        var y, m = {}, M = null, O = null;
+        u !== void 0 && (e3(u), M = "" + u), U3(l) && (e3(l.key), M = "" + l.key), k3(l) && (O = l.ref, F3(l, S));
         for (y in l)
-          i1.call(l, y) && !V3.hasOwnProperty(y) && (Z[y] = l[y]);
+          r1.call(l, y) && !V3.hasOwnProperty(y) && (m[y] = l[y]);
         if (o && o.defaultProps) {
-          var D = o.defaultProps;
-          for (y in D)
-            Z[y] === void 0 && (Z[y] = D[y]);
+          var T = o.defaultProps;
+          for (y in T)
+            m[y] === void 0 && (m[y] = T[y]);
         }
-        if (m || O) {
-          var T = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
-          m && F3(Z, T), O && H3(Z, T);
+        if (M || O) {
+          var D = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
+          M && W3(m, D), O && H3(m, D);
         }
-        return K3(o, m, O, C, f, t3.current, Z);
+        return K3(o, M, O, S, f, t3.current, m);
       }
     }
-    var D1 = $.ReactCurrentOwner, o3 = $.ReactDebugCurrentFrame;
-    function n1(o) {
+    var T1 = $.ReactCurrentOwner, o3 = $.ReactDebugCurrentFrame;
+    function s1(o) {
       if (o) {
-        var l = o._owner, u = x1(o.type, o._source, l ? l.type : null);
+        var l = o._owner, u = w1(o.type, o._source, l ? l.type : null);
         o3.setExtraStackFrame(u);
       } else
         o3.setExtraStackFrame(null);
     }
-    var T1;
-    T1 = !1;
+    var D1;
+    D1 = !1;
     function _1(o) {
       return typeof o == "object" && o !== null && o.$$typeof === t;
     }
     function c3() {
       {
-        if (D1.current) {
-          var o = G(D1.current.type);
+        if (T1.current) {
+          var o = F(T1.current.type);
           if (o)
             return `
 
@@ -912,7 +912,7 @@ Check the top-level render call using <` + u + ">.");
           return;
         r3[u] = !0;
         var f = "";
-        o && o._owner && o._owner !== D1.current && (f = " It was passed a child from " + G(o._owner.type) + "."), n1(o), A('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, f), n1(null);
+        o && o._owner && o._owner !== T1.current && (f = " It was passed a child from " + F(o._owner.type) + "."), s1(o), A('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, f), s1(null);
       }
     }
     function i3(o, l) {
@@ -927,10 +927,10 @@ Check the top-level render call using <` + u + ">.");
         else if (_1(o))
           o._store && (o._store.validated = !0);
         else if (o) {
-          var C = r1(o);
-          if (typeof C == "function" && C !== o.entries)
-            for (var y = C.call(o), Z; !(Z = y.next()).done; )
-              _1(Z.value) && l3(Z.value, l);
+          var S = c1(o);
+          if (typeof S == "function" && S !== o.entries)
+            for (var y = S.call(o), m; !(m = y.next()).done; )
+              _1(m.value) && l3(m.value, l);
         }
       }
     }
@@ -949,12 +949,12 @@ Check the top-level render call using <` + u + ">.");
         else
           return;
         if (u) {
-          var f = G(l);
+          var f = F(l);
           $3(u, o.props, "prop", f, o);
-        } else if (l.PropTypes !== void 0 && !T1) {
-          T1 = !0;
-          var C = G(l);
-          A("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
+        } else if (l.PropTypes !== void 0 && !D1) {
+          D1 = !0;
+          var S = F(l);
+          A("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", S || "Unknown");
         }
         typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && A("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -964,56 +964,56 @@ Check the top-level render call using <` + u + ">.");
         for (var l = Object.keys(o.props), u = 0; u < l.length; u++) {
           var f = l[u];
           if (f !== "children" && f !== "key") {
-            n1(o), A("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), n1(null);
+            s1(o), A("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), s1(null);
             break;
           }
         }
-        o.ref !== null && (n1(o), A("Invalid attribute `ref` supplied to `React.Fragment`."), n1(null));
+        o.ref !== null && (s1(o), A("Invalid attribute `ref` supplied to `React.Fragment`."), s1(null));
       }
     }
     var a3 = {};
-    function u3(o, l, u, f, C, y) {
+    function u3(o, l, u, f, S, y) {
       {
-        var Z = B(o);
-        if (!Z) {
-          var m = "";
-          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (m += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+        var m = J(o);
+        if (!m) {
+          var M = "";
+          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (M += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var O = q3();
-          O ? m += O : m += c3();
-          var D;
-          o === null ? D = "null" : P1(o) ? D = "array" : o !== void 0 && o.$$typeof === t ? (D = "<" + (G(o.type) || "Unknown") + " />", m = " Did you accidentally export a JSX literal instead of a component?") : D = typeof o, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, m);
-        }
-        var T = G3(o, l, u, C, y);
-        if (T == null)
-          return T;
-        if (Z) {
+          O ? M += O : M += c3();
+          var T;
+          o === null ? T = "null" : P1(o) ? T = "array" : o !== void 0 && o.$$typeof === t ? (T = "<" + (F(o.type) || "Unknown") + " />", M = " Did you accidentally export a JSX literal instead of a component?") : T = typeof o, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", T, M);
+        }
+        var D = G3(o, l, u, S, y);
+        if (D == null)
+          return D;
+        if (m) {
           var W = l.children;
           if (W !== void 0)
             if (f)
               if (P1(W)) {
-                for (var o1 = 0; o1 < W.length; o1++)
-                  i3(W[o1], o);
+                for (var n1 = 0; n1 < W.length; n1++)
+                  i3(W[n1], o);
                 Object.freeze && Object.freeze(W);
               } else
                 A("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               i3(W, o);
         }
-        if (i1.call(l, "key")) {
-          var Q = G(o), V = Object.keys(l).filter(function(s2) {
+        if (r1.call(l, "key")) {
+          var N = F(o), V = Object.keys(l).filter(function(s2) {
             return s2 !== "key";
           }), L1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!a3[Q + L1]) {
+          if (!a3[N + L1]) {
             var t2 = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
             A(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, L1, Q, t2, Q), a3[Q + L1] = !0;
+  <%s key={someKey} {...props} />`, L1, N, t2, N), a3[N + L1] = !0;
           }
         }
-        return o === c ? J3(T) : z3(T), T;
+        return o === c ? J3(D) : z3(D), D;
       }
     }
     function X3(o, l, u) {
@@ -1023,22 +1023,22 @@ React keys must be passed directly to JSX without using spread:
       return u3(o, l, u, !1);
     }
     var N3 = Q3, e2 = X3;
-    d1.Fragment = c, d1.jsx = N3, d1.jsxs = e2;
-  }()), d1;
+    a1.Fragment = c, a1.jsx = N3, a1.jsxs = e2;
+  }()), a1;
 }
 var f3;
 function E8() {
-  return f3 || (f3 = 1, process.env.NODE_ENV === "production" ? m1.exports = y8() : m1.exports = R8()), m1.exports;
+  return f3 || (f3 = 1, process.env.NODE_ENV === "production" ? Z1.exports = y8() : Z1.exports = R8()), Z1.exports;
 }
 var s = E8();
-const P8 = "_mwfit_ppa3l_1", D8 = {
+const P8 = "_mwfit_ppa3l_1", T8 = {
   mwfit: P8
-}, T8 = () => {
-  const { reconnect: e } = b(), t = S3(), n = h8(), c = g8();
+}, D8 = () => {
+  const { reconnect: e } = C(), t = S3(), n = h8(), c = g8();
   return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: `disconnected-message ${D8.mwfit} mx-auto text-center`,
+      className: `disconnected-message ${T8.mwfit} mx-auto text-center`,
       children: [
         t === void 0 ? /* @__PURE__ */ s.jsx("h1", { children: "Connecting..." }) : /* @__PURE__ */ s.jsx("h1", { children: "Disconnected" }),
         n && /* @__PURE__ */ s.jsx("h5", { children: n }),
@@ -1056,10 +1056,10 @@ const P8 = "_mwfit_ppa3l_1", D8 = {
 };
 class _8 {
   constructor() {
-    q(this, "uuid", "current-uuid");
-    q(this, "roomKey", "current-room-key");
-    q(this, "code", "current-code");
-    q(this, "expiry", "current-uuid-expires");
+    G(this, "uuid", "current-uuid");
+    G(this, "roomKey", "current-room-key");
+    G(this, "code", "current-code");
+    G(this, "expiry", "current-uuid-expires");
   }
 }
 const p3 = new _8(), y3 = v2({
@@ -1076,43 +1076,43 @@ function $8(e, t) {
   sessionStorage.setItem(e, t);
 }
 const A8 = ({ children: e }) => {
-  const [t, n] = K(), c = S3(), r = s8(), i = n8(), d = I8(), a = Z2(), g = o8(), x = c8(), v = r8(), I = h1(null), [L, H] = K(), U = h1({}), X = a1(
-    async (E) => {
+  const [t, n] = K(), c = S3(), r = s8(), i = n8(), d = I8(), a = Z2(), g = o8(), x = c8(), v = r8(), I = d1(null), [L, H] = K(), U = d1({}), X = l1(
+    async (P) => {
       try {
-        const S = await V1.get(
-          `${E}/ui/joinroom?token=${t}`
+        const j = await V1.get(
+          `${P}/ui/joinroom?token=${t}`
         );
-        return S.status === 200 && S.data ? (M.dispatch(F.setRoomData(S.data)), !0) : !1;
-      } catch (S) {
-        return console.log(S), v ? !0 : S instanceof r2 && S.response && S.response.status === 498 ? (console.error("Invalid token. Unable to join room"), M.dispatch(
+        return j.status === 200 && j.data ? (b.dispatch(z.setRoomData(j.data)), !0) : !1;
+      } catch (j) {
+        return console.log(j), v ? !0 : j instanceof r2 && j.response && j.response.status === 498 ? (console.error("Invalid token. Unable to join room"), b.dispatch(
           k.setErrorMessage(
             `Token ${t} is invalid. Unable to join room`
           )
-        ), !1) : (console.error("Error getting room data", S), S instanceof Error ? M.dispatch(k.setErrorMessage(S.message)) : M.dispatch(k.setErrorMessage("Error getting room data")), !1);
+        ), !1) : (console.error("Error getting room data", j), j instanceof Error ? b.dispatch(k.setErrorMessage(j.message)) : b.dispatch(k.setErrorMessage("Error getting room data")), !1);
       }
     },
     [t, v]
-  ), r1 = a1(() => {
-    const E = `${a.gatewayAppPath}?uuid=${g}&roomKey=${r}`;
-    window.location.href = x ? `${E}&Code=${x}` : E;
-  }, [a.gatewayAppPath, r, g, x]), $ = a1(
-    (E, S) => {
-      I.current && c && I.current.send(JSON.stringify({ type: E, clientId: i, content: S }));
+  ), c1 = l1(() => {
+    const P = `${a.gatewayAppPath}?uuid=${g}&roomKey=${r}`;
+    window.location.href = x ? `${P}&Code=${x}` : P;
+  }, [a.gatewayAppPath, r, g, x]), $ = l1(
+    (P, j) => {
+      I.current && c && I.current.send(JSON.stringify({ type: P, clientId: i, content: j }));
     },
     [c, i]
-  ), A = (E, S) => {
-    $(E, { value: S });
-  }, C1 = a1(
-    (E, S, f1) => {
-      U.current[E] || (U.current[E] = {}), U.current[E][S] = f1, console.log("event handler added", E, S);
+  ), A = (P, j) => {
+    $(P, { value: j });
+  }, b1 = l1(
+    (P, j, h1) => {
+      U.current[P] || (U.current[P] = {}), U.current[P][j] = h1, console.log("event handler added", P, j);
     },
     []
-  ), b1 = a1((E, S) => {
-    U.current[E] && (delete U.current[E][S], console.log("event handler removed", E, S));
+  ), I1 = l1((P, j) => {
+    U.current[P] && (delete U.current[P][j], console.log("event handler removed", P, j));
   }, []);
-  return c1(() => {
-    let S = new URLSearchParams(window.location.search).get("token");
-    S ? (console.log("saving token: ", S), $8(p3.uuid, S)) : (S = L8(p3.uuid), console.log("loading token: ", S)), n(S), d();
+  o1(() => {
+    let j = new URLSearchParams(window.location.search).get("token");
+    j ? (console.log("saving token: ", j), $8(p3.uuid, j)) : (j = L8(p3.uuid), console.log("loading token: ", j)), n(j), d();
   }, []), console.log(
     "connection dependencies",
     a.apiPath,
@@ -1120,48 +1120,58 @@ const A8 = ({ children: e }) => {
     t,
     L,
     v
-  ), c1(() => {
-    async function E() {
+  );
+  function t1() {
+    b.dispatch(k.setShowReconnect(!0)), b.dispatch(z.setWebsocketIsConnected(!1)), b.dispatch(M1.clearDevices()), b.dispatch(m1.clearRooms()), b.dispatch(k.clearAllModals()), b.dispatch(k.clearSyncState());
+  }
+  return o1(() => {
+    console.log("🔍 useEffect triggered by dependency change:", {
+      apiPath: a.apiPath,
+      token: (t == null ? void 0 : t.substring(0, 10)) + "...",
+      waitingToReconnect: L,
+      serverIsRunningOnProcessorHardware: v
+    });
+    async function P() {
       if (console.log("Attempting to join websocket..."), !a.apiPath || L || !t || !await X(a.apiPath)) return;
       if (I.current) {
         console.log("websocket exists");
         return;
       }
       console.log("connecting to websocket");
-      const I1 = `${a.apiPath.replace("http", "ws")}/ui/join/${t}`, z = new WebSocket(I1);
-      I.current = z, z.onopen = (B) => {
-        console.log("connected", B.type, B.target), M.dispatch(F.setWebsocketIsConnected(!0));
-      }, z.onerror = (B) => {
+      const g1 = `${a.apiPath.replace("http", "ws")}/ui/join/${t}`, J = new WebSocket(g1);
+      I.current = J, J.onopen = (B) => {
+        console.log("connected", B.type, B.target), b.dispatch(z.setWebsocketIsConnected(!0));
+      }, J.onerror = (B) => {
         console.error("Websocket error", B);
-      }, z.onclose = (B) => {
+      }, J.onclose = (B) => {
         if (console.log("disconnected: ", B.reason, B.code), B.code === 4100) {
-          console.log("WebSocket closed by client (useEffect cleanup)."), M.dispatch(k.setShowReconnect(!0)), M.dispatch(F.setWebsocketIsConnected(!1)), M.dispatch(N.clearDevices()), M.dispatch(e1.clearRooms()), M.dispatch(k.clearAllModals()), M.dispatch(k.clearSyncState());
+          console.log("WebSocket closed by client (useEffect cleanup)."), t1();
           return;
         }
         if (H(!0), B.code === 4e3) {
-          console.log("user code changed"), M.dispatch(
-            F.setUserCode({ userCode: "", qrUrl: "" })
-          ), M.dispatch(
+          console.log("user code changed"), b.dispatch(
+            z.setUserCode({ userCode: "", qrUrl: "" })
+          ), b.dispatch(
             k.setErrorMessage(
               "User code changed. Click reconnect to enter the new code"
             )
-          ), M.dispatch(k.setShowReconnect(!0)), M.dispatch(F.setWebsocketIsConnected(!1)), M.dispatch(N.clearDevices()), M.dispatch(e1.clearRooms());
+          ), t1();
           return;
         }
         if (B.code === 4001 && !v) {
-          console.log("processor disconnected"), M.dispatch(
+          console.log("processor disconnected"), b.dispatch(
             k.setErrorMessage(
               "Processor has disconnected. Click Reconnect"
             )
-          ), M.dispatch(k.setShowReconnect(!0)), M.dispatch(F.setWebsocketIsConnected(!1)), M.dispatch(N.clearDevices()), M.dispatch(e1.clearRooms());
+          ), t1();
           return;
         }
         if (B.code === 4002) {
-          console.log("room combination changed"), M.dispatch(
+          console.log("room combination changed"), b.dispatch(
             k.setErrorMessage(
               "Room combination changed. Click Reconnect to re-join the room"
             )
-          ), M.dispatch(k.setShowReconnect(!0)), M.dispatch(F.setWebsocketIsConnected(!1)), M.dispatch(N.clearDevices()), M.dispatch(e1.clearRooms());
+          ), t1();
           return;
         }
         if (I.current)
@@ -1170,69 +1180,63 @@ const A8 = ({ children: e }) => {
           console.log("WebSocket closed by client.");
           return;
         }
-        console.log("websocket waitingToReconnect", L), !L && (console.log("websocket clearing state on disconnect"), M.dispatch(F.setWebsocketIsConnected(!1)), M.dispatch(N.clearDevices()), M.dispatch(e1.clearRooms()), setTimeout(() => H(void 0), 5e3));
-      }, z.onmessage = (B) => {
+        console.log("websocket waitingToReconnect", L), !L && (console.log("websocket clearing state on disconnect"), b.dispatch(z.setWebsocketIsConnected(!1)), b.dispatch(M1.clearDevices()), b.dispatch(m1.clearRooms()), b.dispatch(k.clearAllModals()), b.dispatch(k.clearSyncState()), setTimeout(() => H(void 0), 5e3));
+      }, J.onmessage = (B) => {
         try {
-          const P = JSON.parse(B.data);
-          if (console.log(P), P.type === "close") {
-            z.close(4001, P.content);
+          const R = JSON.parse(B.data);
+          if (console.log(R), R.type === "close") {
+            J.close(4001, R.content);
             return;
           }
-          if (P.type.startsWith("/system/"))
-            switch (P.type) {
+          if (R.type.startsWith("/system/"))
+            switch (R.type) {
               case "/system/touchpanelKey":
-                M.dispatch(
-                  F.setTouchpanelKey(
-                    P.content
+                b.dispatch(
+                  z.setTouchpanelKey(
+                    R.content
                   )
                 );
                 break;
               case "/system/roomKey": {
-                M.dispatch(e1.clearRooms()), M.dispatch(N.clearDevices()), M.dispatch(
-                  F.setCurrentRoomKey(
-                    P.content
+                b.dispatch(m1.clearRooms()), b.dispatch(M1.clearDevices()), b.dispatch(k.clearSyncState()), b.dispatch(
+                  z.setCurrentRoomKey(
+                    R.content
                   )
                 );
                 break;
               }
               case "/system/userCodeChanged":
-                M.dispatch(
-                  F.setUserCode(P.content)
+                b.dispatch(
+                  z.setUserCode(R.content)
                 );
                 break;
               case "/system/roomCombinationChanged":
                 window.location.reload();
                 break;
               default:
-                console.log("unhandled system message", P);
+                console.log("unhandled system message", R);
                 break;
             }
-          else if (P.type.startsWith("/event/")) {
-            console.log("event message received", P);
-            const s1 = U.current[P.type];
-            s1 || console.log("no handlers found for event type", P.type), s1 && Object.values(s1).forEach((G) => {
+          else if (R.type.startsWith("/event/")) {
+            console.log("event message received", R);
+            const F = U.current[R.type];
+            F || console.log("no handlers found for event type", R.type), F && Object.values(F).forEach((Y) => {
               try {
-                G(P);
-              } catch (J) {
-                console.error(J);
+                Y(R);
+              } catch (Q) {
+                console.error(Q);
               }
             });
-          } else P.type.startsWith("/room/") ? M.dispatch(e1.setRoomState(P)) : P.type.startsWith("/device/") && M.dispatch(N.setDeviceState(P));
-        } catch (P) {
-          console.error("websocket message handling error", P);
+          } else R.type.startsWith("/room/") ? b.dispatch(m1.setRoomState(R)) : R.type.startsWith("/device/") && b.dispatch(M1.setDeviceState(R));
+        } catch (R) {
+          console.error("websocket message handling error", R);
         }
       };
     }
-    return E(), console.log("App mode: production"), console.log("Is dev mode: false"), () => {
+    return P(), console.log("App mode: production"), console.log("Is dev mode: false"), () => {
       I.current && (console.log("closing websocket dev mode"), I.current.close(4100, "app running in dev mode"), I.current = null);
     };
-  }, [
-    a.apiPath,
-    X,
-    t,
-    L,
-    v
-  ]), c1(() => {
+  }, [a.apiPath, X, t, L]), o1(() => {
     !r || !c || (console.log("clientId: ", i), i && (console.log("requesting status from room: ", r), $(`/room/${r}/status`, null)));
   }, [r, i, c, $]), /* @__PURE__ */ s.jsx(
     y3.Provider,
@@ -1240,15 +1244,15 @@ const A8 = ({ children: e }) => {
       value: {
         sendMessage: $,
         sendSimpleMessage: A,
-        addEventHandler: C1,
-        removeEventHandler: b1,
-        reconnect: r1
+        addEventHandler: b1,
+        removeEventHandler: I1,
+        reconnect: c1
       },
-      children: c ? e : /* @__PURE__ */ s.jsx(T8, {})
+      children: c ? e : /* @__PURE__ */ s.jsx(D8, {})
     }
   );
-}, me = ({ children: e }) => /* @__PURE__ */ s.jsx(a2, { store: M, children: /* @__PURE__ */ s.jsx(A8, { children: e }) });
-function b() {
+}, me = ({ children: e }) => /* @__PURE__ */ s.jsx(a2, { store: b, children: /* @__PURE__ */ s.jsx(A8, { children: e }) });
+function C() {
   return h2(y3);
 }
 function B8({
@@ -1257,7 +1261,7 @@ function B8({
   onHold: n,
   holdTimeMs: c = 500
 }) {
-  const r = h1(null), i = h1(!1);
+  const r = d1(null), i = d1(!1);
   function d() {
     i.current = !0, e == null || e(), r.current = setTimeout(() => {
       n == null || n(), r.current = null;
@@ -1276,7 +1280,7 @@ function B8({
   };
 }
 function h(e, t) {
-  const { sendMessage: c } = b(), r = h1(null);
+  const { sendMessage: c } = C(), r = d1(null);
   function i() {
     c(`${e}/${t}`, { value: "pressed" }), r.current || (r.current = setInterval(() => {
       c(`${e}/${t}`, { value: "held" });
@@ -1288,7 +1292,7 @@ function h(e, t) {
   return B8({ onPress: i, onRelease: d });
 }
 function R3(e, t) {
-  const { sendMessage: n, sendSimpleMessage: c } = b(), r = h(`${e}`, "volumeUp"), i = h(`${e}`, "volumeDown");
+  const { sendMessage: n, sendSimpleMessage: c } = C(), r = h(`${e}`, "volumeUp"), i = h(`${e}`, "volumeDown");
   return t ? {
     volumeState: t,
     volumeUp: r,
@@ -1300,7 +1304,7 @@ function R3(e, t) {
   } : void 0;
 }
 function Ze(e, t) {
-  const { sendMessage: n, sendSimpleMessage: c } = b(), r = h(`${e}`, "volumeUp"), i = h(`${e}`, "volumeDown");
+  const { sendMessage: n, sendSimpleMessage: c } = C(), r = h(`${e}`, "volumeUp"), i = h(`${e}`, "volumeDown");
   return t ? {
     volumeState: t,
     volumeUp: r,
@@ -1312,11 +1316,11 @@ function Ze(e, t) {
   } : void 0;
 }
 function O8(e) {
-  const t = R(e), n = `/device/${e}`;
+  const t = E(e), n = `/device/${e}`;
   return R3(n, t == null ? void 0 : t.volume);
 }
 function E3(e) {
-  const { sendMessage: t } = b();
+  const { sendMessage: t } = C();
   return { powerOn: () => {
     t(`/device/${e}/powerOn`, null);
   }, powerOff: () => {
@@ -1326,13 +1330,13 @@ function E3(e) {
   } };
 }
 function k1(e) {
-  const { sendMessage: t } = b(), n = R(e);
+  const { sendMessage: t } = C(), n = E(e);
   return console.log("deviceState", n), n ? { itemsState: n, selectItem: (r) => {
     t(`/device/${e}/${r}`, null);
   } } : void 0;
 }
 function V8(e) {
-  const { sendMessage: t } = b(), n = R(e), c = () => {
+  const { sendMessage: t } = C(), n = E(e), c = () => {
     t(`/device/${e}/setDefaultChannelLevels`, null);
   }, r = () => {
     if ((n == null ? void 0 : n.levelControls) === void 0) return;
@@ -1343,7 +1347,7 @@ function V8(e) {
   return n ? { levelControls: n.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
 }
 function je(e) {
-  const t = R(e), n = E3(e), c = k1(e), r = k1(e), i = O8(e), d = V8(e);
+  const t = E(e), n = E3(e), c = k1(e), r = k1(e), i = O8(e), d = V8(e);
   if (t)
     return {
       avrState: t,
@@ -1355,7 +1359,7 @@ function je(e) {
     };
 }
 function Se(e) {
-  const { sendMessage: t } = b(), n = `/device/${e}`, c = R(e), r = h(n, "cameraUp"), i = h(n, "cameraDown"), d = h(n, "cameraLeft"), a = h(n, "cameraRight"), g = h(n, "cameraZoomIn"), x = h(n, "cameraZoomOut"), v = (I) => t("/camera/recallPreset", I);
+  const { sendMessage: t } = C(), n = `/device/${e}`, c = E(e), r = h(n, "cameraUp"), i = h(n, "cameraDown"), d = h(n, "cameraLeft"), a = h(n, "cameraRight"), g = h(n, "cameraZoomIn"), x = h(n, "cameraZoomOut"), v = (I) => t("/camera/recallPreset", I);
   if (c)
     return {
       state: c,
@@ -1370,7 +1374,7 @@ function Se(e) {
 }
 const Ce = ({ className: e }) => {
   const [t, n] = K();
-  return c1(() => {
+  return o1(() => {
     setInterval(() => {
       const c = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
       n(c);
@@ -1381,7 +1385,7 @@ const Ce = ({ className: e }) => {
   ] });
 };
 function be(e) {
-  const { sendMessage: t } = b(), n = R(e), c = `/device/${e}`;
+  const { sendMessage: t } = C(), n = E(e), c = `/device/${e}`;
   return n ? { state: n, recallPreset: (d, a) => {
     t(`${c}/presets/recall`, { deviceKey: d, preset: a });
   }, savePresets: (d) => {
@@ -1389,7 +1393,7 @@ function be(e) {
   } } : void 0;
 }
 function Ie(e) {
-  const t = R(e);
+  const t = E(e);
   if (t)
     return { endpointState: t };
 }
@@ -1402,23 +1406,23 @@ function Re(e) {
   return { red: n, green: c, yellow: r, blue: i };
 }
 function Ee(e) {
-  const t = R(e);
+  const t = E(e);
   if (t)
     return {
       communicationMonitorState: t
     };
 }
 function Pe(e) {
-  const t = R(e);
+  const t = E(e);
   if (t)
     return t.deviceInfo || void 0;
 }
-function De(e) {
+function Te(e) {
   const t = `/device/${e}`, n = h(t, "up"), c = h(t, "down"), r = h(t, "left"), i = h(t, "right"), d = h(t, "select"), a = h(t, "menu"), g = h(t, "exit");
   return { up: n, down: c, left: r, right: i, select: d, menu: a, exit: g };
 }
-function Te(e) {
-  const { sendMessage: t } = b();
+function De(e) {
+  const { sendMessage: t } = C();
   return { recallPreset: (c) => {
     t(
       `/device/${e}/recallPreset`,
@@ -1431,7 +1435,7 @@ function _e(e) {
   return { dvrList: n, record: c };
 }
 function Le(e) {
-  const { sendMessage: t } = b(), n = R(e);
+  const { sendMessage: t } = C(), n = E(e);
   return n ? { roomCombinerState: n, setAutoMode: () => {
     t(`/device/${e}/setAutoMode`, null);
   }, setManualMode: () => {
@@ -1445,7 +1449,7 @@ function Le(e) {
   } } : void 0;
 }
 function $e(e) {
-  const { sendMessage: t } = b(), n = `/device/${e}`, c = R(e);
+  const { sendMessage: t } = C(), n = `/device/${e}`, c = E(e);
   return c ? {
     state: c,
     selectCamera: (i) => {
@@ -1454,12 +1458,12 @@ function $e(e) {
   } : void 0;
 }
 function Ae(e) {
-  const t = R(e);
+  const t = E(e);
   if (t)
     return { state: t };
 }
 function Be(e) {
-  const { sendMessage: t, sendSimpleMessage: n } = b(), c = R(e), r = K2(e), i = c || r;
+  const { sendMessage: t, sendSimpleMessage: n } = C(), c = E(e), r = K2(e), i = c || r;
   return i ? {
     levelState: i,
     setLevel: (v, I) => n(`${v}/level`, I),
@@ -1469,19 +1473,19 @@ function Be(e) {
   } : void 0;
 }
 function Oe(e) {
-  const { sendMessage: t } = b(), n = R(e);
+  const { sendMessage: t } = C(), n = E(e);
   return n ? { lightingState: n, selectScene: (r) => {
     t(`/device/${e}/selectScene`, r);
   } } : void 0;
 }
 function Ve(e) {
-  const { sendMessage: t } = b(), n = R(e);
+  const { sendMessage: t } = C(), n = E(e);
   return n ? { matrixRoutingState: n, setRoute: (r) => {
     t(`/device/${e}/route`, r);
   } } : void 0;
 }
 function ke(e) {
-  const { sendMessage: t } = b();
+  const { sendMessage: t } = C();
   return { closeApp: () => {
     t(`/device/${e}/closeWebViewController`, null);
   } };
@@ -1503,35 +1507,35 @@ function Ue(e) {
     keypadAccessoryButton2: H
   };
 }
-function We(e) {
-  const { sendMessage: t } = b(), n = R(e);
+function Fe(e) {
+  const { sendMessage: t } = C(), n = E(e);
   return n ? { projectorScreenLiftControlState: n, raise: () => {
     t(`/device/${e}/raise`, null);
   }, lower: () => {
     t(`/device/${e}/lower`, null);
   } } : void 0;
 }
-function Fe(e) {
-  const { sendMessage: t } = b(), n = S1(e);
+function We(e) {
+  const { sendMessage: t } = C(), n = C1(e);
   return n ? { roomEventScheduleState: n, save: (r) => {
     t(`/room/${e}/saveScheduledEvents`, r);
   } } : void 0;
 }
 function He(e) {
-  const { sendMessage: t } = b();
+  const { sendMessage: t } = C();
   return { runDefaultPresentRoute: () => {
     t(`/room/${e}/defaultsource`, {});
   } };
 }
 function Ke(e) {
-  const { sendMessage: t } = b();
+  const { sendMessage: t } = C();
   return { runDirectRoute: (c) => {
     t(`/room/${e}/directRoute`, c);
   } };
 }
 function Ge(e) {
-  const { sendMessage: t } = b();
-  return { routingState: R(e), runRoute: (r) => {
+  const { sendMessage: t } = C();
+  return { routingState: E(e), runRoute: (r) => {
     t(`/room/${e}/source`, r);
   } };
 }
@@ -1540,7 +1544,7 @@ function qe(e) {
   return { dvrList: n, replay: c };
 }
 function Ye(e) {
-  const { sendMessage: t } = b(), n = R(e);
+  const { sendMessage: t } = C(), n = E(e);
   return n ? { shadeState: n, shadeUp: () => {
     t(`/device/${e}/shadeUp`, null);
   }, shadeDown: () => {
@@ -1550,7 +1554,7 @@ function Ye(e) {
   } } : void 0;
 }
 function ze(e) {
-  const { sendMessage: t } = b(), n = S1(e);
+  const { sendMessage: t } = C(), n = C1(e);
   return n ? { shutdownPromptTimerState: n, setShutdownPromptSeconds: (a) => {
     t(`/room/${e}/setShutdownPromptSeconds`, a);
   }, shutdownStart: () => {
@@ -1562,7 +1566,7 @@ function ze(e) {
   } } : void 0;
 }
 function Je(e) {
-  const { sendMessage: t } = b(), n = R(e);
+  const { sendMessage: t } = C(), n = E(e);
   return n ? { switchedOutputState: n, on: () => {
     t(`/device/${e}/on`, null);
   }, off: () => {
@@ -1570,7 +1574,7 @@ function Je(e) {
   } } : void 0;
 }
 function Xe(e) {
-  const { sendMessage: t } = b(), n = S1(e);
+  const { sendMessage: t } = C(), n = C1(e);
   return n ? { techPasswordState: n, validatePassword: (i) => {
     t(`/room/${e}/validateTechPassword`, { password: i });
   }, setPassword: (i, d) => {
@@ -1578,11 +1582,11 @@ function Xe(e) {
   } } : void 0;
 }
 function Qe(e) {
-  const { sendMessage: t } = b(), n = R(e);
+  const { sendMessage: t } = C(), n = E(e);
   return n ? { state: n, setTemperatureUnitsToCelcius: () => t(`${e}/setTemperatureUnitsToCelcius`, null), setTemperatureUnitsToFahrenheit: () => t(`${e}/setTemperatureUnitsToFahrenheit`, null) } : void 0;
 }
 function Ne(e) {
-  const { sendMessage: t } = b(), n = R(e), c = (r) => {
+  const { sendMessage: t } = C(), n = E(e), c = (r) => {
     t(`/device/${e}/saveTheme`, { value: r });
   };
   return {
@@ -1604,7 +1608,7 @@ function e5(e) {
   };
 }
 function t5(e) {
-  const t = R(e), { sendMessage: n } = b();
+  const t = E(e), { sendMessage: n } = C();
   return t ? {
     touchpanelState: t,
     appControl: { hideApp: () => {
@@ -1620,7 +1624,7 @@ function t5(e) {
   } : void 0;
 }
 function s5(e) {
-  const t = R(e), n = E3(e), c = k1(e);
+  const t = E(e), n = E3(e), c = k1(e);
   if (!t) return;
   const r = (t.powerState || t.isWarming) && !t.isCooling, i = (!t.powerState || t.isCooling) && !t.isWarming;
   return {
@@ -1633,8 +1637,8 @@ function s5(e) {
 const n5 = ({
   config: e
 }) => {
-  const { sendMessage: t } = b();
-  c1(() => {
+  const { sendMessage: t } = C();
+  o1(() => {
     var c, r, i, d;
     if (!e)
       return;
@@ -1702,7 +1706,7 @@ function l5(e) {
   }, f8(e)];
 }
 function i5() {
-  const { sendMessage: e } = b();
+  const { sendMessage: e } = C();
   return {
     reboot: () => {
       e("/system/reboot", null);
@@ -1719,7 +1723,7 @@ function a5() {
     const i = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
     c(i);
   }
-  return c1(() => {
+  return o1(() => {
     r();
     const i = setInterval(() => {
       r();
@@ -1750,11 +1754,11 @@ const u5 = () => {
     ),
     e && /* @__PURE__ */ s.jsx("p", { children: r })
   ] });
-}, k8 = "_iconbtn_16qss_1", U8 = "_iconbtnvert_16qss_7", W8 = "_iconsm_16qss_18", $1 = {
+}, k8 = "_iconbtn_16qss_1", U8 = "_iconbtnvert_16qss_7", F8 = "_iconsm_16qss_18", $1 = {
   iconbtn: k8,
   iconbtnvert: U8,
-  iconsm: W8
-}, F8 = ({
+  iconsm: F8
+}, W8 = ({
   multiIcon: e,
   otherContent: t = null,
   vert: n = !1,
@@ -1769,7 +1773,7 @@ const u5 = () => {
   onPointerLeave: I,
   ...L
 }) => {
-  const [H, U] = K(!1), X = !d && a ? g : "", r1 = !d && (H || a);
+  const [H, U] = K(!1), X = !d && a ? g : "", c1 = !d && (H || a);
   return /* @__PURE__ */ s.jsxs(
     "button",
     {
@@ -1791,7 +1795,7 @@ const u5 = () => {
           e,
           {
             className: `${r || $1.iconsm}`,
-            active: r1,
+            active: c1,
             disabled: d
           }
         ),
@@ -1799,7 +1803,7 @@ const u5 = () => {
       ]
     }
   );
-}, j = ({
+}, Z = ({
   ActiveImage: e,
   DisabledImage: t,
   EnabledImage: n,
@@ -1810,7 +1814,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: /* @__PURE__ */ s.jsx(
       "svg",
@@ -1862,7 +1866,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-ban-active.svg */
@@ -1911,7 +1915,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: /* @__PURE__ */ s.jsx(
       "svg",
@@ -1951,7 +1955,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-check-active.svg */
@@ -2001,7 +2005,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-controller-active.svg */
@@ -2068,7 +2072,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-down-active.svg */
@@ -2117,7 +2121,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-elipses-active.svg */
@@ -2166,7 +2170,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-flag-active.svg */
@@ -2215,7 +2219,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* /Users/hvolmer/Downloads/SVG/icon-gear-active.svg */
@@ -2264,7 +2268,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-glass-active.svg */
@@ -2314,7 +2318,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-hdmi-active.svg */
@@ -2381,7 +2385,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-laptop-active.svg */
@@ -2430,7 +2434,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-left-active.svg */
@@ -2479,7 +2483,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-light-active.svg */
@@ -2528,7 +2532,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-moon-active.svg */
@@ -2577,7 +2581,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-playstation-active.svg */
@@ -2599,7 +2603,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-podium-active.svg */
@@ -2648,7 +2652,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-power-active.svg */
@@ -2697,7 +2701,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-privacy-active.svg */
@@ -2746,7 +2750,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-question-active.svg */
@@ -2795,7 +2799,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-right-active.svg */
@@ -2845,7 +2849,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-roomPC-active.svg */
@@ -2912,7 +2916,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-shade-active.svg */
@@ -2961,7 +2965,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-sun-active.svg */
@@ -3012,7 +3016,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: void 0,
     DisabledImage: void 0,
@@ -3025,7 +3029,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-up-active.svg */
@@ -3074,7 +3078,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-volDown-active.svg */
@@ -3123,7 +3127,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-volMute-active.svg */
@@ -3172,7 +3176,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-volUp-active.svg */
@@ -3221,7 +3225,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-wireless-active.svg */
@@ -3270,7 +3274,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-x-active.svg */
@@ -3319,7 +3323,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-xbox-active.svg */
@@ -3368,7 +3372,7 @@ const u5 = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ s.jsx(
-  j,
+  Z,
   {
     ActiveImage: (
       /* icon-mic-active.svg */
@@ -3452,30 +3456,30 @@ function v5({
   ...n
 }) {
   const c = t[e] ?? null;
-  return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ s.jsx(F8, { multiIcon: c, ...n });
+  return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ s.jsx(W8, { multiIcon: c, ...n });
 }
-const S6 = "_grid_1cmpp_1", C6 = "_header_1cmpp_11", b6 = "_content_1cmpp_17", I6 = "_footer_1cmpp_23", y6 = "_volume_1cmpp_29", v1 = {
+const S6 = "_grid_1cmpp_1", C6 = "_header_1cmpp_11", b6 = "_content_1cmpp_17", I6 = "_footer_1cmpp_23", y6 = "_volume_1cmpp_29", u1 = {
   grid: S6,
   header: C6,
   content: b6,
   footer: I6,
   volume: y6
-}, h5 = ({ header: e, footer: t, content: n, volume: c, showVolume: r }) => /* @__PURE__ */ s.jsxs("div", { className: v1.grid, children: [
-  /* @__PURE__ */ s.jsx("div", { className: v1.header, children: e }),
-  /* @__PURE__ */ s.jsx("div", { className: v1.content, children: n }),
-  r && /* @__PURE__ */ s.jsx("div", { className: v1.volume, children: c }),
-  /* @__PURE__ */ s.jsx("div", { className: v1.footer, children: t })
-] }), R6 = "_grid_11w5q_1", E6 = "_header_11w5q_11", P6 = "_content_11w5q_17", Z1 = {
+}, h5 = ({ header: e, footer: t, content: n, volume: c, showVolume: r }) => /* @__PURE__ */ s.jsxs("div", { className: u1.grid, children: [
+  /* @__PURE__ */ s.jsx("div", { className: u1.header, children: e }),
+  /* @__PURE__ */ s.jsx("div", { className: u1.content, children: n }),
+  r && /* @__PURE__ */ s.jsx("div", { className: u1.volume, children: c }),
+  /* @__PURE__ */ s.jsx("div", { className: u1.footer, children: t })
+] }), R6 = "_grid_11w5q_1", E6 = "_header_11w5q_11", P6 = "_content_11w5q_17", j1 = {
   grid: R6,
   header: E6,
   content: P6
-}, g5 = ({ className: e, header: t, content: n, leftNav: c }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${Z1.grid}`, children: [
-  /* @__PURE__ */ s.jsx("div", { className: Z1.header, children: t }),
-  c && /* @__PURE__ */ s.jsx("div", { className: Z1.leftNav, children: c }),
-  /* @__PURE__ */ s.jsx("div", { className: Z1.content, children: n })
-] }), D6 = "_grid_1uwfo_1", T6 = "_header_1uwfo_11", _6 = "_content_1uwfo_17", A1 = {
-  grid: D6,
-  header: T6,
+}, g5 = ({ className: e, header: t, content: n, leftNav: c }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${j1.grid}`, children: [
+  /* @__PURE__ */ s.jsx("div", { className: j1.header, children: t }),
+  c && /* @__PURE__ */ s.jsx("div", { className: j1.leftNav, children: c }),
+  /* @__PURE__ */ s.jsx("div", { className: j1.content, children: n })
+] }), T6 = "_grid_1uwfo_1", D6 = "_header_1uwfo_11", _6 = "_content_1uwfo_17", A1 = {
+  grid: T6,
+  header: D6,
   content: _6
 }, f5 = ({ className: e, header: t, content: n }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${A1.grid}`, children: [
   /* @__PURE__ */ s.jsx("div", { className: A1.header, children: t }),
@@ -3483,9 +3487,9 @@ const S6 = "_grid_1cmpp_1", C6 = "_header_1cmpp_11", b6 = "_content_1cmpp_17", I
 ] });
 class p5 {
   constructor() {
-    q(this, "currentShareText");
-    q(this, "enabled");
-    q(this, "isSharing");
+    G(this, "currentShareText");
+    G(this, "enabled");
+    G(this, "isSharing");
   }
 }
 function w5() {
@@ -3494,8 +3498,8 @@ function w5() {
 var L6 = /* @__PURE__ */ ((e) => (e[e.NotSet = 0] = "NotSet", e[e.Sunday = 1] = "Sunday", e[e.Monday = 2] = "Monday", e[e.Tuesday = 4] = "Tuesday", e[e.Wednesday = 8] = "Wednesday", e[e.Thursday = 16] = "Thursday", e[e.Friday = 32] = "Friday", e[e.Saturday = 64] = "Saturday", e))(L6 || {});
 class x5 {
   constructor(t, n) {
-    q(this, "path");
-    q(this, "handler");
+    G(this, "path");
+    G(this, "handler");
     this.path = t, this.handler = n;
   }
 }
@@ -3504,7 +3508,7 @@ export {
   Ce as Clock,
   L6 as DaysOfWeek,
   u5 as ErrorBox,
-  F8 as IconButton,
+  W8 as IconButton,
   H8 as IconMultiAlert,
   K8 as IconMultiBan,
   G8 as IconMultiCamera,
@@ -3541,20 +3545,20 @@ export {
   h5 as MainLayout,
   x5 as MessageHandler,
   me as MobileControlProvider,
-  j as MultiStateIconContainer,
+  Z as MultiStateIconContainer,
   v5 as NamedIconButton,
   p5 as ShareState,
   g5 as TechLayout,
   f5 as TechPinLayout,
   y3 as WebsocketContext,
   M8 as appConfigActions,
-  N as devicesActions,
+  M1 as devicesActions,
   w5 as getBaseLocation,
   V1 as httpClient,
   j6 as iconsDictionary,
   M5 as roomOffSourceKey,
-  e1 as roomsActions,
-  F as runtimeConfigActions,
+  m1 as roomsActions,
+  z as runtimeConfigActions,
   j3 as selectAllDevices,
   x2 as selectApiPath,
   w2 as selectAppConfig,
@@ -3573,9 +3577,9 @@ export {
   b2 as selectRoomByKey,
   $2 as selectRoomCodecContentDestinationKey,
   S2 as selectRoomConfiguration,
-  T2 as selectRoomDestinationList,
-  D2 as selectRoomDestinations,
-  F2 as selectRoomDisplayStates,
+  D2 as selectRoomDestinationList,
+  T2 as selectRoomDestinations,
+  W2 as selectRoomDisplayStates,
   _2 as selectRoomEnvironmentalDevices,
   A2 as selectRoomInCall,
   O2 as selectRoomIsCoolingDown,
@@ -3598,8 +3602,8 @@ export {
   N2 as selectTouchpanelKey,
   J2 as selectUserCode,
   G2 as selectWsIsConnected,
-  W2 as selectZoomRoomControllerKey,
-  M as store,
+  F2 as selectZoomRoomControllerKey,
+  b as store,
   k as uiActions,
   w8 as uiReducer,
   U6 as useApiPath,
@@ -3619,7 +3623,7 @@ export {
   H6 as useGetAllDevices,
   G6 as useGetAllRooms,
   we as useGetCurrentPopoverIdForGroup,
-  R as useGetDevice,
+  E as useGetDevice,
   Ze as useGetIBasicVolumeWithFeedback,
   q6 as useGetRoom,
   ie as useGetRoomDisplayStates,
@@ -3628,9 +3632,9 @@ export {
   ye as useIChannel,
   Re as useIColor,
   Ee as useICommunicationMonitor,
-  De as useIDPad,
+  Te as useIDPad,
   Pe as useIDeviceInfoMessenger,
-  Te as useIDspPresets,
+  De as useIDspPresets,
   _e as useIDvr,
   Le as useIEssentialsRoomCombiner,
   $e as useIHasCameras,
@@ -3642,8 +3646,8 @@ export {
   Ve as useIMatrixRouting,
   ke as useIMcCiscoCodecUserInterfaceAppControl,
   Ue as useINumeric,
-  We as useIProjectorScreenLiftControl,
-  Fe as useIRoomEventSchedule,
+  Fe as useIProjectorScreenLiftControl,
+  We as useIRoomEventSchedule,
   He as useIRunDefaultPresentRoute,
   Ke as useIRunDirectRouteAction,
   Ge as useIRunRouteAction,
@@ -3658,10 +3662,10 @@ export {
   I8 as useInitialize,
   f8 as useIsSyncStateValuePresent,
   ve as useIsTouchpanel,
-  W6 as useLogoPath,
+  F6 as useLogoPath,
   t5 as useMobileControlTouchpanelController,
   o5 as useOverflow,
-  F6 as usePartnerMetadata,
+  W6 as usePartnerMetadata,
   B8 as usePressHoldRelease,
   re as useRoomAdvancedSharingActive,
   J6 as useRoomAudioControlPointList,
@@ -3681,7 +3685,7 @@ export {
   ee as useRoomProgramAudioDestinationKey,
   le as useRoomShareState,
   z6 as useRoomSourceList,
-  S1 as useRoomState,
+  C1 as useRoomState,
   H2 as useRoomVolume,
   ue as useRuntimeInfo,
   r5 as useScroll,
@@ -3699,6 +3703,6 @@ export {
   de as useTouchpanelKey,
   s5 as useTwoWayDisplayBase,
   c8 as useUserCode,
-  b as useWebsocketContext,
+  C as useWebsocketContext,
   S3 as useWsIsConnected
 };