@pepperdash/mobile-control-react-app-core 1.21.0-feature-add-deviceInterfaceSupport-to-joinroom-response.3 → 1.21.0-feature-add-deviceInterfaceSupport-to-joinroom-response.4

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

@@ -1,13 +1,13 @@
-var s2 = Object.defineProperty;
-var n2 = (e, t, n) => t in e ? s2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var G = (e, t, n) => n2(e, typeof t != "symbol" ? t + "" : t, n);
-import o2, { AxiosError as c2 } from "axios";
-import { useDispatch as r2, useSelector as l2, Provider as i2 } from "react-redux";
-import { createSelector as w, createSlice as g1, combineReducers as a2, configureStore as u2 } from "@reduxjs/toolkit";
-import w3, { createContext as d2, useState as H, useRef as h1, useCallback as a1, useEffect as c1, useContext as v2, useLayoutEffect as x3 } from "react";
+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);
+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 * as M3 from "lodash";
-import { useNavigate as h2, useRouteError as g2, isRouteErrorResponse as f2 } from "react-router-dom";
-const p2 = r2.withTypes(), p = l2.withTypes(), j1 = (e) => e.appConfig, w2 = w(
+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,
   (e) => e.config
 ), x2 = w(
@@ -19,13 +19,13 @@ const p2 = r2.withTypes(), p = l2.withTypes(), j1 = (e) => e.appConfig, w2 = w(
 ), m2 = w(
   j1,
   (e) => e.config.partnerMetadata
-), Z2 = () => p(w2), k6 = () => p(x2), U6 = () => p(M2), W6 = () => p(m2), m3 = (e) => e.devices, Z3 = w(
-  m3,
+), Z2 = () => p(w2), U6 = () => p(x2), W6 = () => p(M2), F6 = () => p(m2), Z3 = (e) => e.devices, j3 = w(
+  Z3,
   (e) => e
 ), j2 = (e) => w(
-  m3,
+  Z3,
   (t) => t[e] ? t[e] : void 0
-), F6 = () => p(Z3);
+), H6 = () => p(j3);
 function y(e) {
   return p(j2(e));
 }
@@ -134,7 +134,7 @@ const D = (e) => e.rooms, S2 = (e) => w(
 ), F2 = w(
   [
     (e, t) => t,
-    () => Z3,
+    () => j3,
     (e, t) => {
       var n, c;
       return (c = (n = e.rooms[t]) == null ? void 0 : n.configuration) == null ? void 0 : c.destinations;
@@ -146,22 +146,22 @@ const D = (e) => e.rooms, S2 = (e) => w(
     return Object.values(t).filter((i) => Object.values(c).includes(i.key));
   }
 );
-function H6(e) {
+function K6(e) {
   return p(
     S2(e)
   );
 }
-function K6() {
+function G6() {
   return p(C2);
 }
 function S1(e) {
   return p(b2(e));
 }
-const G6 = S1, q6 = (e) => p(
+const q6 = S1, Y6 = (e) => p(
   I2(e)
 ), H2 = (e, t) => p(
   R2(e, t)
-), K2 = (e) => p(y2(e)) || void 0, Y6 = (e) => p(E2(e)), z6 = (e) => p(P2(e)), J6 = (e) => p(T2(e)), X6 = (e) => p(_2(e)), Q6 = (e) => p(D2(e)), N6 = (e) => p(L2(e)), ee = (e) => p($2(e)), te = (e) => p(A2(e)), se = (e) => p(B2(e)), ne = (e) => p(O2(e)), oe = (e) => p(V2(e)), ce = (e) => p(k2(e)), re = (e) => p(U2(e)), le = (e) => p((t) => F2(t, e)), ie = (e) => p(W2(e)), Y = (e) => e.runtimeConfig, G2 = w(
+), K2 = (e) => p(y2(e)) || void 0, z6 = (e) => p(E2(e)), J6 = (e) => p(P2(e)), X6 = (e) => p(T2(e)), Q6 = (e) => p(_2(e)), N6 = (e) => p(D2(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,
   (e) => e.websocket.isConnected
 ), q2 = w(
@@ -194,7 +194,7 @@ const G6 = S1, q6 = (e) => p(
 ), t8 = w(
   Y,
   (e) => e.roomData.deviceInterfaceSupport
-), j3 = () => p(G2), s8 = () => p(q2), n8 = () => p(Y2), o8 = () => p(z2), c8 = () => p(J2), r8 = () => p(X2), ae = () => p(Q2), ue = () => p(N2), de = () => p(e8), ve = () => 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), t1 = (e) => e.ui, U1 = (e) => w(t1, (t) => t.modalVisibility[e]), l8 = (e) => w(t1, (t) => {
   const n = t.popoverVisibility[e];
   if (n)
     return Object.keys(n).find((c) => n[c]);
@@ -207,7 +207,7 @@ const G6 = S1, q6 = (e) => p(
 ), a8 = w(t1, (e) => e.error), u8 = w(
   t1,
   (e) => e.showReconnect
-), d8 = w(t1, (e) => e.theme), v8 = (e) => w(t1, (t) => t.syncState.has(e)), he = () => p(U1("showShutdownModal")), ge = () => p(U1("showIncomingCallModal")), fe = (e) => p(U1(e)), pe = (e) => p(l8(e)), we = (e, t) => p(i8(e, t)), h8 = () => p(a8), g8 = () => p(u8), xe = () => p(d8), Me = (e) => p(v8(e)), f8 = {
+), d8 = w(t1, (e) => e.theme), v8 = (e) => w(t1, (t) => t.syncState.has(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,9 +216,9 @@ const G6 = S1, q6 = (e) => p(
   },
   popoverVisibility: {},
   syncState: /* @__PURE__ */ new Set()
-}, S3 = g1({
+}, C3 = g1({
   name: "ui",
-  initialState: f8,
+  initialState: p8,
   reducers: {
     clearAllModals(e) {
       Object.entries(e.modalVisibility).forEach(([t]) => {
@@ -260,7 +260,7 @@ const G6 = S1, q6 = (e) => p(
       e.syncState.clear();
     }
   }
-}), q = S3.actions, p8 = S3.reducer, w8 = {
+}), F = C3.actions, w8 = C3.reducer, x8 = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -270,15 +270,15 @@ const G6 = S1, q6 = (e) => p(
     loginMode: "",
     modes: {}
   }
-}, C3 = g1({
+}, b3 = g1({
   name: "appConfig",
-  initialState: w8,
+  initialState: x8,
   reducers: {
     setAppConfig(e, t) {
       e.config = t.payload;
     }
   }
-}), x8 = C3.actions, M8 = C3.reducer, d3 = {}, B1 = g1({
+}), M8 = b3.actions, m8 = b3.reducer, d3 = {}, B1 = g1({
   name: "devices",
   initialState: d3,
   reducers: {
@@ -295,7 +295,7 @@ const G6 = S1, q6 = (e) => p(
 }), N = {
   setDeviceState: B1.actions.setDeviceState,
   clearDevices: B1.actions.clearDevices
-}, m8 = B1.reducer, v3 = {}, O1 = g1({
+}, Z8 = B1.reducer, v3 = {}, O1 = g1({
   name: "rooms",
   initialState: v3,
   reducers: {
@@ -312,7 +312,7 @@ const G6 = S1, q6 = (e) => p(
 }), e1 = {
   setRoomState: O1.actions.setRoomState,
   clearRooms: O1.actions.clearRooms
-}, Z8 = O1.reducer, j8 = {
+}, j8 = O1.reducer, S8 = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -343,9 +343,9 @@ const G6 = S1, q6 = (e) => p(
     userCode: "",
     qrUrl: ""
   }
-}, b3 = g1({
+}, I3 = g1({
   name: "runtimeConfig",
-  initialState: j8,
+  initialState: S8,
   reducers: {
     setRuntimeConfig(e, t) {
       e.apiVersion = t.payload.apiVersion, e.serverIsRunningOnProcessorHardware = t.payload.serverIsRunningOnProcessorHardware;
@@ -372,17 +372,17 @@ const G6 = S1, q6 = (e) => p(
       e.touchpanelKey = t.payload;
     }
   }
-}), W = b3.actions, S8 = b3.reducer, C8 = a2({
-  appConfig: M8,
-  runtimeConfig: S8,
-  rooms: Z8,
-  devices: m8,
-  ui: p8
-}), m = u2({
-  reducer: C8
-}), V1 = o2.create();
-function b8() {
-  const e = p2();
+}), W = I3.actions, C8 = I3.reducer, b8 = u2({
+  appConfig: m8,
+  runtimeConfig: C8,
+  rooms: j8,
+  devices: Z8,
+  ui: w8
+}), m = d2({
+  reducer: b8
+}), V1 = c2.create();
+function I8() {
+  const e = m3();
   return async () => {
     try {
       const t = location.pathname.split("/").filter((r) => r.length > 0);
@@ -390,7 +390,7 @@ function b8() {
       const n = `/${t.join("/")}`, c = await V1.get("/_local-config/_config.local.json", { baseURL: n });
       if (c.status == 200 && c.data) {
         const r = c.data.apiPath;
-        e(x8.setAppConfig(c.data));
+        e(M8.setAppConfig(c.data));
         const i = await V1.get(`${r}/version`);
         i.status == 200 && i.data && e(W.setRuntimeConfig(i.data));
       }
@@ -411,16 +411,16 @@ var m1 = { exports: {} }, u1 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var h3;
-function I8() {
+function R8() {
   if (h3) return u1;
   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) {
-    var v, I = {}, L = null, F = null;
-    x !== void 0 && (L = "" + x), g.key !== void 0 && (L = "" + g.key), g.ref !== void 0 && (F = g.ref);
+    var v, I = {}, L = null, H = null;
+    x !== void 0 && (L = "" + x), g.key !== void 0 && (L = "" + g.key), g.ref !== void 0 && (H = g.ref);
     for (v in g) c.call(g, v) && !i.hasOwnProperty(v) && (I[v] = g[v]);
     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: F, props: I, _owner: r.current };
+    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;
 }
@@ -435,9 +435,9 @@ var d1 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var g3;
-function R8() {
+function y8() {
   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"), F = Symbol.for("react.offscreen"), k = Symbol.iterator, X = "@@iterator";
+    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"), k = Symbol.iterator, X = "@@iterator";
     function r1(o) {
       if (o === null || typeof o != "object")
         return null;
@@ -465,7 +465,7 @@ function R8() {
     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 === F || 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
+      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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -481,7 +481,7 @@ function R8() {
     function s1(o) {
       return o.displayName || "Context";
     }
-    function K(o) {
+    function G(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")
@@ -514,11 +514,11 @@ function R8() {
             return P(o, o.render, "ForwardRef");
           case I:
             var f = o.displayName || null;
-            return f !== null ? f : K(o.type) || "Memo";
+            return f !== null ? f : G(o.type) || "Memo";
           case L: {
             var C = o, R = C._payload, Z = C._init;
             try {
-              return K(Z(R));
+              return G(Z(R));
             } catch {
               return null;
             }
@@ -530,7 +530,7 @@ function R8() {
     function z1() {
     }
     z1.__reactDisabledLog = !0;
-    function E3() {
+    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;
@@ -553,7 +553,7 @@ function R8() {
         l1++;
       }
     }
-    function P3() {
+    function T3() {
       {
         if (l1--, l1 === 0) {
           var o = {
@@ -604,8 +604,8 @@ function R8() {
     }
     var E1 = !1, w1;
     {
-      var T3 = typeof WeakMap == "function" ? WeakMap : Map;
-      w1 = new T3();
+      var _3 = typeof WeakMap == "function" ? WeakMap : Map;
+      w1 = new _3();
     }
     function J1(o, l) {
       if (!o || E1)
@@ -620,7 +620,7 @@ function R8() {
       var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var R;
-      R = R1.current, R1.current = null, E3();
+      R = R1.current, R1.current = null, P3();
       try {
         if (l) {
           var Z = function() {
@@ -673,15 +673,15 @@ function R8() {
             }
         }
       } finally {
-        E1 = !1, R1.current = R, P3(), Error.prepareStackTrace = C;
+        E1 = !1, R1.current = R, T3(), Error.prepareStackTrace = C;
       }
       var o1 = o ? o.displayName || o.name : "", Q = o1 ? p1(o1) : "";
       return typeof o == "function" && w1.set(o, Q), Q;
     }
-    function _3(o, l, u) {
+    function D3(o, l, u) {
       return J1(o, !1);
     }
-    function D3(o) {
+    function L3(o) {
       var l = o.prototype;
       return !!(l && l.isReactComponent);
     }
@@ -689,7 +689,7 @@ function R8() {
       if (o == null)
         return "";
       if (typeof o == "function")
-        return J1(o, D3(o));
+        return J1(o, L3(o));
       if (typeof o == "string")
         return p1(o);
       switch (o) {
@@ -701,7 +701,7 @@ function R8() {
       if (typeof o == "object")
         switch (o.$$typeof) {
           case g:
-            return _3(o.render);
+            return D3(o.render);
           case I:
             return x1(o.type, l, u);
           case L: {
@@ -722,7 +722,7 @@ function R8() {
       } else
         Q1.setExtraStackFrame(null);
     }
-    function L3(o, l, u, f, C) {
+    function $3(o, l, u, f, C) {
       {
         var R = Function.call.bind(i1);
         for (var Z in o)
@@ -741,17 +741,17 @@ function R8() {
           }
       }
     }
-    var $3 = Array.isArray;
+    var A3 = Array.isArray;
     function P1(o) {
-      return $3(o);
+      return A3(o);
     }
-    function A3(o) {
+    function B3(o) {
       {
         var l = typeof Symbol == "function" && Symbol.toStringTag, u = l && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return u;
       }
     }
-    function B3(o) {
+    function O3(o) {
       try {
         return N1(o), !1;
       } catch {
@@ -762,16 +762,16 @@ function R8() {
       return "" + o;
     }
     function e3(o) {
-      if (B3(o))
-        return A("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", A3(o)), N1(o);
+      if (O3(o))
+        return A("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", B3(o)), N1(o);
     }
-    var t3 = $.ReactCurrentOwner, O3 = {
+    var t3 = $.ReactCurrentOwner, V3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, s3, n3;
-    function V3(o) {
+    function k3(o) {
       if (i1.call(o, "ref")) {
         var l = Object.getOwnPropertyDescriptor(o, "ref").get;
         if (l && l.isReactWarning)
@@ -779,7 +779,7 @@ function R8() {
       }
       return o.ref !== void 0;
     }
-    function k3(o) {
+    function U3(o) {
       if (i1.call(o, "key")) {
         var l = Object.getOwnPropertyDescriptor(o, "key").get;
         if (l && l.isReactWarning)
@@ -787,10 +787,10 @@ function R8() {
       }
       return o.key !== void 0;
     }
-    function U3(o, l) {
+    function W3(o, l) {
       typeof o.ref == "string" && t3.current;
     }
-    function W3(o, l) {
+    function F3(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));
@@ -801,7 +801,7 @@ function R8() {
         });
       }
     }
-    function F3(o, l) {
+    function H3(o, l) {
       {
         var u = function() {
           n3 || (n3 = !0, A("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
@@ -812,7 +812,7 @@ function R8() {
         });
       }
     }
-    var H3 = function(o, l, u, f, C, R, Z) {
+    var K3 = function(o, l, u, f, C, R, Z) {
       var M = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -841,12 +841,12 @@ function R8() {
         value: C
       }), Object.freeze && (Object.freeze(M.props), Object.freeze(M)), M;
     };
-    function K3(o, l, u, f, C) {
+    function G3(o, l, u, f, C) {
       {
         var R, Z = {}, M = null, O = null;
-        u !== void 0 && (e3(u), M = "" + u), k3(l) && (e3(l.key), M = "" + l.key), V3(l) && (O = l.ref, U3(l, C));
+        u !== void 0 && (e3(u), M = "" + u), U3(l) && (e3(l.key), M = "" + l.key), k3(l) && (O = l.ref, W3(l, C));
         for (R in l)
-          i1.call(l, R) && !O3.hasOwnProperty(R) && (Z[R] = l[R]);
+          i1.call(l, R) && !V3.hasOwnProperty(R) && (Z[R] = l[R]);
         if (o && o.defaultProps) {
           var T = o.defaultProps;
           for (R in T)
@@ -854,9 +854,9 @@ function R8() {
         }
         if (M || O) {
           var _ = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
-          M && W3(Z, _), O && F3(Z, _);
+          M && F3(Z, _), O && H3(Z, _);
         }
-        return H3(o, M, O, C, f, t3.current, Z);
+        return K3(o, M, O, C, f, t3.current, Z);
       }
     }
     var T1 = $.ReactCurrentOwner, o3 = $.ReactDebugCurrentFrame;
@@ -875,7 +875,7 @@ function R8() {
     function c3() {
       {
         if (T1.current) {
-          var o = K(T1.current.type);
+          var o = G(T1.current.type);
           if (o)
             return `
 
@@ -884,11 +884,11 @@ Check the render method of \`` + o + "`.";
         return "";
       }
     }
-    function G3(o) {
+    function q3(o) {
       return "";
     }
     var r3 = {};
-    function q3(o) {
+    function Y3(o) {
       {
         var l = c3();
         if (!l) {
@@ -905,12 +905,12 @@ Check the top-level render call using <` + u + ">.");
         if (!o._store || o._store.validated || o.key != null)
           return;
         o._store.validated = !0;
-        var u = q3(l);
+        var u = Y3(l);
         if (r3[u])
           return;
         r3[u] = !0;
         var f = "";
-        o && o._owner && o._owner !== T1.current && (f = " It was passed a child from " + K(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 " + 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);
       }
     }
     function i3(o, l) {
@@ -932,7 +932,7 @@ Check the top-level render call using <` + u + ">.");
         }
       }
     }
-    function Y3(o) {
+    function z3(o) {
       {
         var l = o.type;
         if (l == null || typeof l == "string")
@@ -947,17 +947,17 @@ Check the top-level render call using <` + u + ">.");
         else
           return;
         if (u) {
-          var f = K(l);
-          L3(u, o.props, "prop", f, o);
+          var f = G(l);
+          $3(u, o.props, "prop", f, o);
         } else if (l.PropTypes !== void 0 && !_1) {
           _1 = !0;
-          var C = K(l);
+          var C = G(l);
           A("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "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.");
       }
     }
-    function z3(o) {
+    function J3(o) {
       {
         for (var l = Object.keys(o.props), u = 0; u < l.length; u++) {
           var f = l[u];
@@ -976,12 +976,12 @@ Check the top-level render call using <` + u + ">.");
         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 O = G3();
+          var O = q3();
           O ? M += O : M += c3();
           var T;
-          o === null ? T = "null" : P1(o) ? T = "array" : o !== void 0 && o.$$typeof === t ? (T = "<" + (K(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);
+          o === null ? T = "null" : P1(o) ? T = "array" : o !== void 0 && o.$$typeof === t ? (T = "<" + (G(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 _ = K3(o, l, u, C, R);
+        var _ = G3(o, l, u, C, R);
         if (_ == null)
           return _;
         if (Z) {
@@ -998,45 +998,45 @@ Check the top-level render call using <` + u + ">.");
               i3(U, o);
         }
         if (i1.call(l, "key")) {
-          var Q = K(o), V = Object.keys(l).filter(function(t2) {
-            return t2 !== "key";
+          var Q = G(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]) {
-            var e2 = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
+            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, e2, Q), a3[Q + L1] = !0;
+  <%s key={someKey} {...props} />`, L1, Q, t2, Q), a3[Q + L1] = !0;
           }
         }
-        return o === c ? z3(_) : Y3(_), _;
+        return o === c ? J3(_) : z3(_), _;
       }
     }
-    function J3(o, l, u) {
+    function X3(o, l, u) {
       return u3(o, l, u, !0);
     }
-    function X3(o, l, u) {
+    function Q3(o, l, u) {
       return u3(o, l, u, !1);
     }
-    var Q3 = X3, N3 = J3;
-    d1.Fragment = c, d1.jsx = Q3, d1.jsxs = N3;
+    var N3 = Q3, e2 = X3;
+    d1.Fragment = c, d1.jsx = N3, d1.jsxs = e2;
   }()), d1;
 }
 var f3;
-function y8() {
-  return f3 || (f3 = 1, process.env.NODE_ENV === "production" ? m1.exports = I8() : m1.exports = R8()), m1.exports;
+function E8() {
+  return f3 || (f3 = 1, process.env.NODE_ENV === "production" ? m1.exports = R8() : m1.exports = y8()), m1.exports;
 }
-var s = y8();
-const E8 = "_mwfit_ppa3l_1", P8 = {
-  mwfit: E8
-}, T8 = () => {
-  const { reconnect: e } = b(), t = j3(), n = h8(), c = g8();
+var s = E8();
+const P8 = "_mwfit_ppa3l_1", T8 = {
+  mwfit: P8
+}, _8 = () => {
+  const { reconnect: e } = b(), t = S3(), n = h8(), c = g8();
   return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: `disconnected-message ${P8.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 }),
@@ -1045,29 +1045,29 @@ const E8 = "_mwfit_ppa3l_1", P8 = {
     }
   ) });
 };
-class _8 {
+class D8 {
   constructor() {
-    G(this, "uuid", "current-uuid");
-    G(this, "roomKey", "current-room-key");
-    G(this, "code", "current-code");
-    G(this, "expiry", "current-uuid-expires");
+    q(this, "uuid", "current-uuid");
+    q(this, "roomKey", "current-room-key");
+    q(this, "code", "current-code");
+    q(this, "expiry", "current-uuid-expires");
   }
 }
-const p3 = new _8(), I3 = d2({
+const p3 = new D8(), R3 = v2({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
   removeEventHandler: () => null,
   reconnect: () => null
 });
-function D8(e) {
+function L8(e) {
   return sessionStorage.getItem(e) || "";
 }
-function L8(e, t) {
+function $8(e, t) {
   sessionStorage.setItem(e, t);
 }
-const $8 = ({ children: e }) => {
-  const [t, n] = H(), c = j3(), r = s8(), i = n8(), d = b8(), a = Z2(), g = o8(), x = c8(), v = r8(), I = h1(null), [L, F] = H(), k = h1({}), X = a1(
+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(), k = h1({}), X = a1(
     async (E) => {
       try {
         const S = await V1.get(
@@ -1075,11 +1075,11 @@ const $8 = ({ children: e }) => {
         );
         return S.status === 200 && S.data ? (m.dispatch(W.setRoomData(S.data)), !0) : !1;
       } catch (S) {
-        return console.log(S), v ? !0 : S instanceof c2 && S.response && S.response.status === 498 ? (console.error("Invalid token. Unable to join room"), m.dispatch(
-          q.setErrorMessage(
+        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(
+          F.setErrorMessage(
             `Token ${t} is invalid. Unable to join room`
           )
-        ), !1) : (console.error("Error getting room data", S), S instanceof Error ? m.dispatch(q.setErrorMessage(S.message)) : m.dispatch(q.setErrorMessage("Error getting room data")), !1);
+        ), !1) : (console.error("Error getting room data", S), S instanceof Error ? m.dispatch(F.setErrorMessage(S.message)) : m.dispatch(F.setErrorMessage("Error getting room data")), !1);
       }
     },
     [t, v]
@@ -1103,7 +1103,7 @@ const $8 = ({ children: e }) => {
   }, []);
   return c1(() => {
     let S = new URLSearchParams(window.location.search).get("token");
-    S ? (console.log("saving token: ", S), L8(p3.uuid, S)) : (S = D8(p3.uuid), console.log("loading token: ", S)), n(S), d();
+    S ? (console.log("saving token: ", S), $8(p3.uuid, S)) : (S = L8(p3.uuid), console.log("loading token: ", S)), n(S), d();
   }, []), console.log(
     "connection dependencies",
     a.apiPath,
@@ -1126,33 +1126,33 @@ const $8 = ({ children: e }) => {
         console.error("Websocket error", B);
       }, z.onclose = (B) => {
         if (console.log("disconnected: ", B.reason, B.code), B.code === 4100) {
-          console.log("WebSocket closed by client (useEffect cleanup)."), m.dispatch(q.setShowReconnect(!0)), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
+          console.log("WebSocket closed by client (useEffect cleanup)."), m.dispatch(F.setShowReconnect(!0)), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
           return;
         }
-        if (F(!0), B.code === 4e3) {
+        if (H(!0), B.code === 4e3) {
           console.log("user code changed"), m.dispatch(
             W.setUserCode({ userCode: "", qrUrl: "" })
           ), m.dispatch(
-            q.setErrorMessage(
+            F.setErrorMessage(
               "User code changed. Click reconnect to enter the new code"
             )
-          ), m.dispatch(q.setShowReconnect(!0)), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
+          ), m.dispatch(F.setShowReconnect(!0)), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
           return;
         }
         if (B.code === 4001 && !v) {
           console.log("processor disconnected"), m.dispatch(
-            q.setErrorMessage(
+            F.setErrorMessage(
               "Processor has disconnected. Click Reconnect"
             )
-          ), m.dispatch(q.setShowReconnect(!0)), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
+          ), m.dispatch(F.setShowReconnect(!0)), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
           return;
         }
         if (B.code === 4002) {
           console.log("room combination changed"), m.dispatch(
-            q.setErrorMessage(
+            F.setErrorMessage(
               "Room combination changed. Click Reconnect to re-join the room"
             )
-          ), m.dispatch(q.setShowReconnect(!0)), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
+          ), m.dispatch(F.setShowReconnect(!0)), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms());
           return;
         }
         if (I.current)
@@ -1161,7 +1161,7 @@ const $8 = ({ children: e }) => {
           console.log("WebSocket closed by client.");
           return;
         }
-        console.log("websocket waitingToReconnect", L), !L && (console.log("websocket clearing state on disconnect"), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms()), setTimeout(() => F(void 0), 5e3));
+        console.log("websocket waitingToReconnect", L), !L && (console.log("websocket clearing state on disconnect"), m.dispatch(W.setWebsocketIsConnected(!1)), m.dispatch(N.clearDevices()), m.dispatch(e1.clearRooms()), setTimeout(() => H(void 0), 5e3));
       }, z.onmessage = (B) => {
         try {
           const P = JSON.parse(B.data);
@@ -1201,9 +1201,9 @@ const $8 = ({ children: e }) => {
           else if (P.type.startsWith("/event/")) {
             console.log("event message received", P);
             const s1 = k.current[P.type];
-            s1 || console.log("no handlers found for event type", P.type), s1 && Object.values(s1).forEach((K) => {
+            s1 || console.log("no handlers found for event type", P.type), s1 && Object.values(s1).forEach((G) => {
               try {
-                K(P);
+                G(P);
               } catch (J) {
                 console.error(J);
               }
@@ -1226,7 +1226,7 @@ const $8 = ({ children: e }) => {
   ]), c1(() => {
     !r || !c || (console.log("clientId: ", i), i && (console.log("requesting status from room: ", r), $(`/room/${r}/status`, null)));
   }, [r, i, c, $]), /* @__PURE__ */ s.jsx(
-    I3.Provider,
+    R3.Provider,
     {
       value: {
         sendMessage: $,
@@ -1235,14 +1235,14 @@ const $8 = ({ children: e }) => {
         removeEventHandler: b1,
         reconnect: r1
       },
-      children: c ? e : /* @__PURE__ */ s.jsx(T8, {})
+      children: c ? e : /* @__PURE__ */ s.jsx(_8, {})
     }
   );
-}, me = ({ children: e }) => /* @__PURE__ */ s.jsx(i2, { store: m, children: /* @__PURE__ */ s.jsx($8, { children: e }) });
+}, me = ({ children: e }) => /* @__PURE__ */ s.jsx(a2, { store: m, children: /* @__PURE__ */ s.jsx(A8, { children: e }) });
 function b() {
-  return v2(I3);
+  return h2(R3);
 }
-function A8({
+function B8({
   onPress: e,
   onRelease: t,
   onHold: n,
@@ -1276,9 +1276,9 @@ function h(e, t) {
   function d() {
     r.current && (clearInterval(r.current), r.current = null), c(`${e}/${t}`, { value: "released" });
   }
-  return A8({ onPress: i, onRelease: d });
+  return B8({ onPress: i, onRelease: d });
 }
-function R3(e, t) {
+function y3(e, t) {
   const { sendMessage: n, sendSimpleMessage: c } = b(), r = h(`${e}`, "volumeUp"), i = h(`${e}`, "volumeDown");
   return t ? {
     volumeState: t,
@@ -1302,11 +1302,11 @@ function Ze(e, t) {
     muteOff: () => n(`${e}/muteOff`, null)
   } : void 0;
 }
-function B8(e) {
+function O8(e) {
   const t = y(e), n = `/device/${e}`;
-  return R3(n, t == null ? void 0 : t.volume);
+  return y3(n, t == null ? void 0 : t.volume);
 }
-function y3(e) {
+function E3(e) {
   const { sendMessage: t } = b();
   return { powerOn: () => {
     t(`/device/${e}/powerOn`, null);
@@ -1322,7 +1322,7 @@ function k1(e) {
     t(`/device/${e}/${r}`, null);
   } } : void 0;
 }
-function O8(e) {
+function V8(e) {
   const { sendMessage: t } = b(), n = y(e), c = () => {
     t(`/device/${e}/setDefaultChannelLevels`, null);
   }, r = () => {
@@ -1334,7 +1334,7 @@ function O8(e) {
   return n ? { levelControls: n.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
 }
 function je(e) {
-  const t = y(e), n = y3(e), c = k1(e), r = k1(e), i = B8(e), d = O8(e);
+  const t = y(e), n = E3(e), c = k1(e), r = k1(e), i = O8(e), d = V8(e);
   if (t)
     return {
       avrState: t,
@@ -1360,7 +1360,7 @@ function Se(e) {
     };
 }
 const Ce = ({ className: e }) => {
-  const [t, n] = H();
+  const [t, n] = K();
   return c1(() => {
     setInterval(() => {
       const c = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
@@ -1478,7 +1478,7 @@ function ke(e) {
   } };
 }
 function Ue(e) {
-  const t = `/device/${e}`, n = h(t, "num0"), c = h(t, "num1"), r = h(t, "num2"), i = h(t, "num3"), d = h(t, "num4"), a = h(t, "num5"), g = h(t, "num6"), x = h(t, "num7"), v = h(t, "num8"), I = h(t, "num9"), L = h(t, "numDash"), F = h(t, "numEnter");
+  const t = `/device/${e}`, n = h(t, "num0"), c = h(t, "num1"), r = h(t, "num2"), i = h(t, "num3"), d = h(t, "num4"), a = h(t, "num5"), g = h(t, "num6"), x = h(t, "num7"), v = h(t, "num8"), I = h(t, "num9"), L = h(t, "numDash"), H = h(t, "numEnter");
   return {
     digit0: n,
     digit1: c,
@@ -1491,7 +1491,7 @@ function Ue(e) {
     digit8: v,
     digit9: I,
     keypadAccessoryButton1: L,
-    keypadAccessoryButton2: F
+    keypadAccessoryButton2: H
   };
 }
 function We(e) {
@@ -1611,7 +1611,7 @@ function t5(e) {
   } : void 0;
 }
 function s5(e) {
-  const t = y(e), n = y3(e), c = k1(e);
+  const t = y(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 {
@@ -1655,7 +1655,7 @@ const n5 = ({
   }, [e, t]);
 };
 function o5(e, t) {
-  const [n, c] = H(!1), [r, i] = H(!1);
+  const [n, c] = K(!1), [r, i] = K(!1);
   return x3(() => {
     const { current: d } = e, a = () => {
       const g = d && d.scrollHeight > d.clientHeight, x = d && d.scrollWidth > d.clientWidth;
@@ -1666,11 +1666,11 @@ function o5(e, t) {
 }
 function c5(e, t) {
   const n = H2(e, t), c = `/room/${e}/volumes/${t}`;
-  return R3(c, n);
+  return y3(c, n);
 }
 function r5(e) {
   var a, g;
-  const [t, n] = H(((a = e == null ? void 0 : e.current) == null ? void 0 : a.scrollLeft) ?? 0), [c, r] = H(((g = e == null ? void 0 : e.current) == null ? void 0 : g.scrollTop) ?? 0), i = (x) => {
+  const [t, n] = K(((a = e == null ? void 0 : e.current) == null ? void 0 : a.scrollLeft) ?? 0), [c, r] = K(((g = e == null ? void 0 : e.current) == null ? void 0 : g.scrollTop) ?? 0), i = (x) => {
     const { current: v } = e;
     v && (console.log(v.scrollLeft), v.scrollLeft += x, console.log(v.scrollLeft));
   }, d = (x) => {
@@ -1684,7 +1684,15 @@ function r5(e) {
     x && v();
   }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: i, scrollVertical: d };
 }
-function l5() {
+function l5(e) {
+  const t = m3();
+  return [() => {
+    t(F.addSyncState(e));
+  }, () => {
+    t(F.removeSyncState(e));
+  }, f8(e)];
+}
+function i5() {
   const { sendMessage: e } = b();
   return {
     reboot: () => {
@@ -1695,8 +1703,8 @@ function l5() {
     }
   };
 }
-function i5() {
-  const [e, t] = H(), [n, c] = H();
+function a5() {
+  const [e, t] = K(), [n, c] = K();
   function r() {
     t((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
     const i = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
@@ -1710,20 +1718,20 @@ function i5() {
     return () => clearInterval(i);
   }, []), { date: e, time: n };
 }
-const a5 = () => {
-  const [e, t] = H(!1), n = h2(), c = g2();
+const u5 = () => {
+  const [e, t] = K(!1), n = g2(), c = f2();
   let r;
-  return f2(c) ? r = c.statusText : c instanceof Error ? r = c.message : typeof c == "string" ? r = c : (console.error(c), r = "Unknown error"), /* @__PURE__ */ s.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
+  return p2(c) ? r = c.statusText : c instanceof Error ? r = c.message : typeof c == "string" ? r = c : (console.error(c), r = "Unknown error"), /* @__PURE__ */ s.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
     /* @__PURE__ */ s.jsx("div", { className: "m-2 p-2 bg-danger rounded d-flex align-items-center", children: /* @__PURE__ */ s.jsx("span", { className: "fs-5 text-white", children: "We are sorry. Something went wrong." }) }),
     /* @__PURE__ */ s.jsx("button", { className: "btn btn-primary p-2", onClick: () => n(-1), children: "Go Back" }),
     /* @__PURE__ */ s.jsx("button", { className: "btn btn-primary p-2", onClick: () => t(!e), children: e ? "Hide error message" : "Show error message" }),
     e && /* @__PURE__ */ s.jsx("p", { children: r })
   ] });
-}, V8 = "_iconbtn_16qss_1", k8 = "_iconbtnvert_16qss_7", U8 = "_iconsm_16qss_18", $1 = {
-  iconbtn: V8,
-  iconbtnvert: k8,
-  iconsm: U8
-}, W8 = ({
+}, k8 = "_iconbtn_16qss_1", U8 = "_iconbtnvert_16qss_7", W8 = "_iconsm_16qss_18", $1 = {
+  iconbtn: k8,
+  iconbtnvert: U8,
+  iconsm: W8
+}, F8 = ({
   multiIcon: e,
   otherContent: t = null,
   vert: n = !1,
@@ -1738,7 +1746,7 @@ const a5 = () => {
   onPointerLeave: I,
   ...L
 }) => {
-  const [F, k] = H(!1), X = !d && a ? g : "", r1 = !d && (F || a);
+  const [H, k] = K(!1), X = !d && a ? g : "", r1 = !d && (H || a);
   return /* @__PURE__ */ s.jsxs(
     "button",
     {
@@ -1774,7 +1782,7 @@ const a5 = () => {
   EnabledImage: n,
   active: c,
   disabled: r
-}) => r ? t : c ? e : n, F8 = ({
+}) => r ? t : c ? e : n, H8 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -1826,7 +1834,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), H8 = ({
+), K8 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -1875,7 +1883,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), K8 = ({
+), G8 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -1915,7 +1923,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), G8 = ({
+), q8 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -1964,7 +1972,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), q8 = ({
+), Y8 = ({
   active: e,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   className: t = "",
@@ -2032,7 +2040,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), Y8 = ({
+), z8 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -2081,7 +2089,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), z8 = ({
+), J8 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -2130,7 +2138,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), J8 = ({
+), X8 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -2179,7 +2187,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), X8 = ({
+), Q8 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -2228,7 +2236,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), Q8 = ({
+), N8 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -2277,7 +2285,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), N8 = ({
+), e6 = ({
   active: e,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   className: t = "",
@@ -2345,7 +2353,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), e6 = ({
+), t6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -2394,7 +2402,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), t6 = ({
+), s6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -2443,7 +2451,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), s6 = ({
+), n6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -2492,7 +2500,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), n6 = ({
+), o6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -2541,7 +2549,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), o6 = ({
+), c6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -2563,7 +2571,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), c6 = ({
+), r6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -2612,7 +2620,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), r6 = ({
+), l6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -2661,7 +2669,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), l6 = ({
+), i6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -2710,7 +2718,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), i6 = ({
+), a6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -2759,7 +2767,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), a6 = ({
+), u6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -2808,7 +2816,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), u6 = ({
+), d6 = ({
   active: e,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   className: t = "",
@@ -2876,7 +2884,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), d6 = ({
+), v6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -2925,7 +2933,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), v6 = ({
+), h6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -2974,7 +2982,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), u5 = ({
+), d5 = ({
   active: e,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -2989,7 +2997,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), h6 = ({
+), g6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -3038,7 +3046,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), g6 = ({
+), f6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -3087,7 +3095,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), f6 = ({
+), p6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -3136,7 +3144,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), p6 = ({
+), w6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -3185,7 +3193,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), w6 = ({
+), x6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -3234,7 +3242,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), x6 = ({
+), M6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -3283,7 +3291,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), M6 = ({
+), m6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -3332,7 +3340,7 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), m6 = ({
+), Z6 = ({
   active: e,
   className: t = "",
   disabled: n
@@ -3381,150 +3389,150 @@ const a5 = () => {
     active: e,
     disabled: n
   }
-), Z6 = {
-  Alert: F8,
-  Camera: K8,
-  DownArrow: Y8,
-  Ban: H8,
-  Check: G8,
-  Controller: q8,
-  Elipses: z8,
-  Flag: J8,
-  Gear: X8,
-  Glass: Q8,
-  Hdmi: N8,
-  Laptop: e6,
-  LeftArrow: t6,
-  Light: s6,
-  Mic: m6,
-  Moon: n6,
-  Playstation: o6,
-  Podium: c6,
-  Power: r6,
-  Privacy: l6,
-  Question: i6,
-  RightArrow: a6,
-  RoomPC: u6,
-  Shade: d6,
-  Sun: v6,
-  UpArrow: h6,
-  VolDown: g6,
-  VolMute: f6,
-  VolUp: p6,
-  Wireless: w6,
-  X: x6,
-  Xbox: M6
+), j6 = {
+  Alert: H8,
+  Camera: G8,
+  DownArrow: z8,
+  Ban: K8,
+  Check: q8,
+  Controller: Y8,
+  Elipses: J8,
+  Flag: X8,
+  Gear: Q8,
+  Glass: N8,
+  Hdmi: e6,
+  Laptop: t6,
+  LeftArrow: s6,
+  Light: n6,
+  Mic: Z6,
+  Moon: o6,
+  Playstation: c6,
+  Podium: r6,
+  Power: l6,
+  Privacy: i6,
+  Question: a6,
+  RightArrow: u6,
+  RoomPC: d6,
+  Shade: v6,
+  Sun: h6,
+  UpArrow: g6,
+  VolDown: f6,
+  VolMute: p6,
+  VolUp: w6,
+  Wireless: x6,
+  X: M6,
+  Xbox: m6
 };
-function d5({
+function v5({
   name: e,
-  iconsDictionary: t = Z6,
+  iconsDictionary: t = j6,
   ...n
 }) {
   const c = t[e] ?? null;
-  return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ s.jsx(W8, { multiIcon: c, ...n });
-}
-const j6 = "_grid_1cmpp_1", S6 = "_header_1cmpp_11", C6 = "_content_1cmpp_17", b6 = "_footer_1cmpp_23", I6 = "_volume_1cmpp_29", v1 = {
-  grid: j6,
-  header: S6,
-  content: C6,
-  footer: b6,
-  volume: I6
-}, v5 = ({ header: e, footer: t, content: n, volume: c, showVolume: r }) => /* @__PURE__ */ s.jsxs("div", { className: v1.grid, children: [
+  return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ s.jsx(F8, { multiIcon: c, ...n });
+}
+const S6 = "_grid_1cmpp_1", C6 = "_header_1cmpp_11", b6 = "_content_1cmpp_17", I6 = "_footer_1cmpp_23", R6 = "_volume_1cmpp_29", v1 = {
+  grid: S6,
+  header: C6,
+  content: b6,
+  footer: I6,
+  volume: R6
+}, 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", y6 = "_header_11w5q_11", E6 = "_content_11w5q_17", Z1 = {
-  grid: R6,
-  header: y6,
-  content: E6
-}, h5 = ({ className: e, header: t, content: n, leftNav: c }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${Z1.grid}`, children: [
+] }), y6 = "_grid_11w5q_1", E6 = "_header_11w5q_11", P6 = "_content_11w5q_17", Z1 = {
+  grid: y6,
+  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 })
-] }), P6 = "_grid_1uwfo_1", T6 = "_header_1uwfo_11", _6 = "_content_1uwfo_17", A1 = {
-  grid: P6,
-  header: T6,
-  content: _6
-}, g5 = ({ className: e, header: t, content: n }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${A1.grid}`, children: [
+] }), T6 = "_grid_1uwfo_1", _6 = "_header_1uwfo_11", D6 = "_content_1uwfo_17", A1 = {
+  grid: T6,
+  header: _6,
+  content: D6
+}, 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 }),
   /* @__PURE__ */ s.jsx("div", { className: A1.content, children: n })
 ] });
-class f5 {
+class p5 {
   constructor() {
-    G(this, "currentShareText");
-    G(this, "enabled");
-    G(this, "isSharing");
+    q(this, "currentShareText");
+    q(this, "enabled");
+    q(this, "isSharing");
   }
 }
-function p5() {
+function w5() {
   return console.log(location.pathname), location.pathname;
 }
-var D6 = /* @__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))(D6 || {});
-class 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) {
-    G(this, "path");
-    G(this, "handler");
+    q(this, "path");
+    q(this, "handler");
     this.path = t, this.handler = n;
   }
 }
-const x5 = "$off";
+const M5 = "$off";
 export {
   Ce as Clock,
-  D6 as DaysOfWeek,
-  a5 as ErrorBox,
-  W8 as IconButton,
-  F8 as IconMultiAlert,
-  H8 as IconMultiBan,
-  K8 as IconMultiCamera,
-  G8 as IconMultiCheck,
-  q8 as IconMultiController,
-  Y8 as IconMultiDownArrow,
-  z8 as IconMultiElipses,
-  J8 as IconMultiFlag,
-  X8 as IconMultiGear,
-  Q8 as IconMultiGlass,
-  N8 as IconMultiHdmi,
-  e6 as IconMultiLaptop,
-  t6 as IconMultiLeftArrow,
-  s6 as IconMultiLight,
-  m6 as IconMultiMic,
-  n6 as IconMultiMoon,
-  o6 as IconMultiPlaystation,
-  c6 as IconMultiPodium,
-  r6 as IconMultiPower,
-  l6 as IconMultiPrivacy,
-  i6 as IconMultiQuestion,
-  a6 as IconMultiRightArrow,
-  u6 as IconMultiRoomPC,
-  d6 as IconMultiShade,
-  v6 as IconMultiSun,
-  u5 as IconMultiTemplate,
-  h6 as IconMultiUpArrow,
-  g6 as IconMultiVolDown,
-  f6 as IconMultiVolMute,
-  p6 as IconMultiVolUp,
-  w6 as IconMultiWireless,
-  x6 as IconMultiX,
-  M6 as IconMultiXbox,
-  v5 as MainLayout,
-  w5 as MessageHandler,
+  L6 as DaysOfWeek,
+  u5 as ErrorBox,
+  F8 as IconButton,
+  H8 as IconMultiAlert,
+  K8 as IconMultiBan,
+  G8 as IconMultiCamera,
+  q8 as IconMultiCheck,
+  Y8 as IconMultiController,
+  z8 as IconMultiDownArrow,
+  J8 as IconMultiElipses,
+  X8 as IconMultiFlag,
+  Q8 as IconMultiGear,
+  N8 as IconMultiGlass,
+  e6 as IconMultiHdmi,
+  t6 as IconMultiLaptop,
+  s6 as IconMultiLeftArrow,
+  n6 as IconMultiLight,
+  Z6 as IconMultiMic,
+  o6 as IconMultiMoon,
+  c6 as IconMultiPlaystation,
+  r6 as IconMultiPodium,
+  l6 as IconMultiPower,
+  i6 as IconMultiPrivacy,
+  a6 as IconMultiQuestion,
+  u6 as IconMultiRightArrow,
+  d6 as IconMultiRoomPC,
+  v6 as IconMultiShade,
+  h6 as IconMultiSun,
+  d5 as IconMultiTemplate,
+  g6 as IconMultiUpArrow,
+  f6 as IconMultiVolDown,
+  p6 as IconMultiVolMute,
+  w6 as IconMultiVolUp,
+  x6 as IconMultiWireless,
+  M6 as IconMultiX,
+  m6 as IconMultiXbox,
+  h5 as MainLayout,
+  x5 as MessageHandler,
   me as MobileControlProvider,
   j as MultiStateIconContainer,
-  d5 as NamedIconButton,
-  f5 as ShareState,
-  h5 as TechLayout,
-  g5 as TechPinLayout,
-  I3 as WebsocketContext,
-  x8 as appConfigActions,
+  v5 as NamedIconButton,
+  p5 as ShareState,
+  g5 as TechLayout,
+  f5 as TechPinLayout,
+  R3 as WebsocketContext,
+  M8 as appConfigActions,
   N as devicesActions,
-  p5 as getBaseLocation,
+  w5 as getBaseLocation,
   V1 as httpClient,
-  Z6 as iconsDictionary,
-  x5 as roomOffSourceKey,
+  j6 as iconsDictionary,
+  M5 as roomOffSourceKey,
   e1 as roomsActions,
   W as runtimeConfigActions,
-  Z3 as selectAllDevices,
+  j3 as selectAllDevices,
   x2 as selectApiPath,
   w2 as selectAppConfig,
   Y2 as selectClientId,
@@ -3569,31 +3577,31 @@ export {
   G2 as selectWsIsConnected,
   W2 as selectZoomRoomControllerKey,
   m as store,
-  q as uiActions,
-  p8 as uiReducer,
-  k6 as useApiPath,
+  F as uiActions,
+  w8 as uiReducer,
+  U6 as useApiPath,
   Z2 as useAppConfig,
-  p2 as useAppDispatch,
+  m3 as useAppDispatch,
   p as useAppSelector,
   je as useAvrControl,
   h as useButtonHeldHeartbeat,
   Se as useCameraBase,
   n8 as useClientId,
-  B8 as useDeviceIBasicVolumeWithFeedback,
-  ve as useDeviceInterfaceSupport,
+  O8 as useDeviceIBasicVolumeWithFeedback,
+  he as useDeviceInterfaceSupport,
   be as useDevicePresetsModel,
   Ie as useEndpoint,
   h8 as useError,
   n5 as useGetAllDeviceStateFromRoomConfiguration,
-  F6 as useGetAllDevices,
-  K6 as useGetAllRooms,
-  pe as useGetCurrentPopoverIdForGroup,
+  H6 as useGetAllDevices,
+  G6 as useGetAllRooms,
+  we as useGetCurrentPopoverIdForGroup,
   y as useGetDevice,
   Ze as useGetIBasicVolumeWithFeedback,
-  G6 as useGetRoom,
-  le as useGetRoomDisplayStates,
-  ie as useGetZoomRoomControllerKey,
-  R3 as useIBasicVolumeWithFeedback,
+  q6 as useGetRoom,
+  ie as useGetRoomDisplayStates,
+  ae as useGetZoomRoomControllerKey,
+  y3 as useIBasicVolumeWithFeedback,
   Re as useIChannel,
   ye as useIColor,
   Ee as useICommunicationMonitor,
@@ -3603,7 +3611,7 @@ export {
   De as useIDvr,
   Le as useIEssentialsRoomCombiner,
   $e as useIHasCameras,
-  y3 as useIHasPowerControl,
+  E3 as useIHasPowerControl,
   k1 as useIHasSelectableItems,
   Ae as useIHumiditySensor,
   Be as useILevelControls,
@@ -3624,49 +3632,50 @@ export {
   Qe as useITemperatureSensor,
   Ne as useITheme,
   e5 as useITransport,
-  b8 as useInitialize,
-  Me as useIsSyncStateValuePresent,
-  de as useIsTouchpanel,
-  U6 as useLogoPath,
+  I8 as useInitialize,
+  f8 as useIsSyncStateValuePresent,
+  ve as useIsTouchpanel,
+  W6 as useLogoPath,
   t5 as useMobileControlTouchpanelController,
   o5 as useOverflow,
-  W6 as usePartnerMetadata,
-  A8 as usePressHoldRelease,
-  ce as useRoomAdvancedSharingActive,
-  z6 as useRoomAudioControlPointList,
-  ee as useRoomCodecContentDestinationKey,
-  H6 as useRoomConfiguration,
-  X6 as useRoomDestinationList,
-  J6 as useRoomDestinations,
-  Q6 as useRoomEnvironmentalDevices,
+  F6 as usePartnerMetadata,
+  B8 as usePressHoldRelease,
+  re as useRoomAdvancedSharingActive,
+  J6 as useRoomAudioControlPointList,
+  te as useRoomCodecContentDestinationKey,
+  K6 as useRoomConfiguration,
+  Q6 as useRoomDestinationList,
+  X6 as useRoomDestinations,
+  N6 as useRoomEnvironmentalDevices,
   c5 as useRoomIBasicVolumeWithFeedback,
-  te as useRoomInCall,
-  ne as useRoomIsCoolingDown,
-  oe as useRoomIsOn,
-  se as useRoomIsWarmingUp,
+  se as useRoomInCall,
+  oe as useRoomIsCoolingDown,
+  ce as useRoomIsOn,
+  ne as useRoomIsWarmingUp,
   s8 as useRoomKey,
   K2 as useRoomLevelControls,
-  q6 as useRoomName,
-  N6 as useRoomProgramAudioDestinationKey,
-  re as useRoomShareState,
-  Y6 as useRoomSourceList,
+  Y6 as useRoomName,
+  ee as useRoomProgramAudioDestinationKey,
+  le as useRoomShareState,
+  z6 as useRoomSourceList,
   S1 as useRoomState,
   H2 as useRoomVolume,
-  ae as useRuntimeInfo,
+  ue as useRuntimeInfo,
   r5 as useScroll,
   r8 as useServerIsRunningOnProcessorHardware,
-  ge as useShowIncomingCallModal,
-  fe as useShowModal,
-  we as useShowPopoverById,
+  fe as useShowIncomingCallModal,
+  pe as useShowModal,
+  xe as useShowPopoverById,
   g8 as useShowReconnect,
-  he as useShowShutdownModal,
-  l5 as useSystemControl,
+  ge as useShowShutdownModal,
+  l5 as useStateIsSynced,
+  i5 as useSystemControl,
   o8 as useSystemUuid,
-  xe as useTheme,
-  i5 as useTimeAndDate,
-  ue as useTouchpanelKey,
+  Me as useTheme,
+  a5 as useTimeAndDate,
+  de as useTouchpanelKey,
   s5 as useTwoWayDisplayBase,
   c8 as useUserCode,
   b as useWebsocketContext,
-  j3 as useWsIsConnected
+  S3 as useWsIsConnected
 };