@pepperdash/mobile-control-react-app-core 1.20.17-roomCombinationChanged-handling.1 → 1.20.17

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

@@ -1,137 +1,137 @@
 var s2 = Object.defineProperty;
 var o2 = (e, t, o) => t in e ? s2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var Y = (e, t, o) => o2(e, typeof t != "symbol" ? t + "" : t, o);
+var G = (e, t, o) => o2(e, typeof t != "symbol" ? t + "" : t, o);
 import n2, { 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 G, useRef as v1, useCallback as a1, useEffect as n1, useContext as h2, useLayoutEffect as x3 } from "react";
+import { createSelector as p, createSlice as g1, combineReducers as a2, configureStore as u2 } from "@reduxjs/toolkit";
+import p3, { createContext as d2, useState as H, useRef as v1, useCallback as a1, useEffect as n1, useContext as h2, useLayoutEffect as x3 } from "react";
 import * as M3 from "lodash";
 import { useNavigate as v2, useRouteError as g2, isRouteErrorResponse as f2 } from "react-router-dom";
-const p2 = r2.withTypes(), p = l2.withTypes(), j1 = (e) => e.appConfig, w2 = w(
+const w2 = r2.withTypes(), w = l2.withTypes(), j1 = (e) => e.appConfig, p2 = p(
   j1,
   (e) => e.config
-), x2 = w(
+), x2 = p(
   j1,
   (e) => e.config.apiPath
-), M2 = w(
+), M2 = p(
   j1,
   (e) => e.config.logoPath
-), m2 = w(
+), m2 = p(
   j1,
   (e) => e.config.partnerMetadata
-), Z2 = () => p(w2), O6 = () => p(x2), V6 = () => p(M2), k6 = () => p(m2), m3 = (e) => e.devices, Z3 = w(
+), Z2 = () => w(p2), O6 = () => w(x2), V6 = () => w(M2), k6 = () => w(m2), m3 = (e) => e.devices, Z3 = p(
   m3,
   (e) => e
-), j2 = (e) => w(
+), j2 = (e) => p(
   m3,
   (t) => t[e] ? t[e] : void 0
-), U6 = () => p(Z3);
+), U6 = () => w(Z3);
 function _(e) {
-  return p(j2(e));
+  return w(j2(e));
 }
-const L = (e) => e.rooms, C2 = (e) => w(
+const L = (e) => e.rooms, C2 = (e) => p(
   L,
   (t) => t[e] ? t[e].configuration : void 0
-), S2 = w(
+), S2 = p(
   L,
   (e) => e
-), b2 = (e) => w(
+), b2 = (e) => p(
   L,
   (t) => t[e] ? t[e] : void 0
-), I2 = (e) => w(
+), I2 = (e) => p(
   L,
   (t) => t[e] ? t[e].name : void 0
-), R2 = (e, t) => w(
+), R2 = (e, t) => p(
   L,
   (o) => o[e] ? o[e].volumes[t] : void 0
-), y2 = (e) => w(
+), y2 = (e) => p(
   L,
   (t) => t[e] ? t[e] : void 0
-), E2 = (e) => w(
+), E2 = (e) => p(
   L,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.sourceList : void 0;
   }
-), T2 = (e) => w(
+), T2 = (e) => p(
   L,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.audioControlPointList : void 0;
   }
-), _2 = (e) => w(
+), _2 = (e) => p(
   L,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.destinations : void 0;
   }
-), P2 = (e) => w(
+), P2 = (e) => p(
   L,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.destinationList : void 0;
   }
-), L2 = (e) => w(
+), L2 = (e) => p(
   L,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.environmentalDevices : void 0;
   }
-), D2 = (e) => w(
+), D2 = (e) => p(
   L,
   (t) => {
     var o, c, r, i, d, a, f, x;
     return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (d = (i = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : i.destinationList.programAudio) == null ? void 0 : d.sinkKey : ((x = (f = (a = t[e]) == null ? void 0 : a.configuration) == null ? void 0 : f.destinationList.defaultDisplay) == null ? void 0 : x.sinkKey) || "";
   }
-), $2 = (e) => w(
+), $2 = (e) => p(
   L,
   (t) => {
     var o, c, r;
     return t[e] ? (r = (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.destinationList.codecContent) == null ? void 0 : r.sinkKey : void 0;
   }
-), A2 = (e) => w(
+), A2 = (e) => p(
   L,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isInCall : void 0;
   }
-), B2 = (e) => w(
+), B2 = (e) => p(
   L,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isWarmingUp : void 0;
   }
-), O2 = (e) => w(
+), O2 = (e) => p(
   L,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isCoolingDown : void 0;
   }
-), V2 = (e) => w(
+), V2 = (e) => p(
   L,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isOn : void 0;
   }
-), k2 = (e) => w(
+), k2 = (e) => p(
   L,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.advancedSharingActive : void 0;
   }
-), U2 = (e) => w(
+), U2 = (e) => p(
   L,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.share : void 0;
   }
-), W2 = (e) => w(
+), W2 = (e) => p(
   L,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.zoomRoomControllerKey : void 0;
   }
-), F2 = w(
+), F2 = p(
   [
     (e, t) => t,
     () => Z3,
@@ -147,76 +147,76 @@ const L = (e) => e.rooms, C2 = (e) => w(
   }
 );
 function W6(e) {
-  return p(
+  return w(
     C2(e)
   );
 }
 function F6() {
-  return p(S2);
+  return w(S2);
 }
 function C1(e) {
-  return p(b2(e));
+  return w(b2(e));
 }
-const H6 = C1, K6 = (e) => p(
+const H6 = C1, K6 = (e) => w(
   I2(e)
-), H2 = (e, t) => p(
+), H2 = (e, t) => w(
   R2(e, t)
-), K2 = (e) => p(y2(e)) || void 0, G6 = (e) => p(E2(e)), q6 = (e) => p(T2(e)), Y6 = (e) => p(_2(e)), z6 = (e) => p(P2(e)), J6 = (e) => p(L2(e)), X6 = (e) => p(D2(e)), Q6 = (e) => p($2(e)), N6 = (e) => p(A2(e)), ee = (e) => p(B2(e)), te = (e) => p(O2(e)), se = (e) => p(V2(e)), oe = (e) => p(k2(e)), ne = (e) => p(U2(e)), ce = (e) => p((t) => F2(t, e)), re = (e) => p(W2(e)), X = (e) => e.runtimeConfig, G2 = w(
-  X,
+), K2 = (e) => w(y2(e)) || void 0, G6 = (e) => w(E2(e)), q6 = (e) => w(T2(e)), Y6 = (e) => w(_2(e)), z6 = (e) => w(P2(e)), J6 = (e) => w(L2(e)), X6 = (e) => w(D2(e)), Q6 = (e) => w($2(e)), N6 = (e) => w(A2(e)), ee = (e) => w(B2(e)), te = (e) => w(O2(e)), se = (e) => w(V2(e)), oe = (e) => w(k2(e)), ne = (e) => w(U2(e)), ce = (e) => w((t) => F2(t, e)), re = (e) => w(W2(e)), J = (e) => e.runtimeConfig, G2 = p(
+  J,
   (e) => e.websocket.isConnected
-), q2 = w(
-  X,
+), q2 = p(
+  J,
   (e) => e.currentRoomKey
-), Y2 = w(
-  X,
+), Y2 = p(
+  J,
   (e) => e.roomData.clientId
-), z2 = w(
-  X,
+), z2 = p(
+  J,
   (e) => e.roomData.systemUuid
-), J2 = w(
-  X,
+), J2 = p(
+  J,
   (e) => e.roomData.userCode
-), X2 = w(
-  X,
+), X2 = p(
+  J,
   (e) => e.serverIsRunningOnProcessorHardware
-), Q2 = w(
-  X,
+), Q2 = p(
+  J,
   (e) => {
     var t;
     return (t = e.roomData.config) == null ? void 0 : t.runtimeInfo;
   }
-), N2 = w(
-  X,
+), N2 = p(
+  J,
   (e) => e.touchpanelKey
-), e8 = w(
-  X,
+), e8 = p(
+  J,
   (e) => e.touchpanelKey !== ""
-), j3 = () => p(G2), t8 = () => p(q2), s8 = () => p(Y2), o8 = () => p(z2), n8 = () => p(J2), c8 = () => p(X2), le = () => p(Q2), ie = () => p(N2), ae = () => p(e8), c1 = (e) => e.ui, U1 = (e) => w(
+), j3 = () => w(G2), t8 = () => w(q2), s8 = () => w(Y2), o8 = () => w(z2), n8 = () => w(J2), c8 = () => w(X2), le = () => w(Q2), ie = () => w(N2), ae = () => w(e8), c1 = (e) => e.ui, U1 = (e) => p(
   c1,
   (t) => t.modalVisibility[e]
-), r8 = (e) => w(
+), r8 = (e) => p(
   c1,
   (t) => {
     const o = t.popoverVisibility[e];
     if (o)
       return Object.keys(o).find((c) => o[c]);
   }
-), l8 = (e, t) => w(
+), l8 = (e, t) => p(
   c1,
   (o) => {
     var c;
     return ((c = o.popoverVisibility[e]) == null ? void 0 : c[t]) ?? !1;
   }
-), i8 = w(
+), i8 = p(
   c1,
   (e) => e.error
-), a8 = w(
+), a8 = p(
   c1,
   (e) => e.showReconnect
-), u8 = w(
+), u8 = p(
   c1,
   (e) => e.theme
-), ue = () => p(U1("showShutdownModal")), de = () => p(U1("showIncomingCallModal")), he = (e) => p(U1(e)), ve = (e) => p(r8(e)), ge = (e, t) => p(l8(e, t)), d8 = () => p(i8), h8 = () => p(a8), fe = () => p(u8), v8 = {
+), ue = () => w(U1("showShutdownModal")), de = () => w(U1("showIncomingCallModal")), he = (e) => w(U1(e)), ve = (e) => w(r8(e)), ge = (e, t) => w(l8(e, t)), d8 = () => w(i8), h8 = () => w(a8), fe = () => w(u8), v8 = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -257,7 +257,7 @@ const H6 = C1, K6 = (e) => p(
       e.theme = t.payload;
     }
   }
-}), z = C3.actions, g8 = C3.reducer, f8 = {
+}), q = C3.actions, g8 = C3.reducer, f8 = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -275,7 +275,7 @@ const H6 = C1, K6 = (e) => p(
       e.config = t.payload;
     }
   }
-}), p8 = S3.actions, w8 = S3.reducer, d3 = {}, B1 = g1({
+}), w8 = S3.actions, p8 = S3.reducer, d3 = {}, B1 = g1({
   name: "devices",
   initialState: d3,
   reducers: {
@@ -289,7 +289,7 @@ const H6 = C1, K6 = (e) => p(
       return d3;
     }
   }
-}), e1 = {
+}), N = {
   setDeviceState: B1.actions.setDeviceState,
   clearDevices: B1.actions.clearDevices
 }, x8 = B1.reducer, h3 = {}, O1 = g1({
@@ -306,7 +306,7 @@ const H6 = C1, K6 = (e) => p(
       return h3;
     }
   }
-}), t1 = {
+}), e1 = {
   setRoomState: O1.actions.setRoomState,
   clearRooms: O1.actions.clearRooms
 }, M8 = O1.reducer, m8 = {
@@ -368,8 +368,8 @@ const H6 = C1, K6 = (e) => p(
       e.touchpanelKey = t.payload;
     }
   }
-}), F = b3.actions, Z8 = b3.reducer, j8 = a2({
-  appConfig: w8,
+}), W = b3.actions, Z8 = b3.reducer, j8 = a2({
+  appConfig: p8,
   runtimeConfig: Z8,
   rooms: M8,
   devices: x8,
@@ -378,7 +378,7 @@ const H6 = C1, K6 = (e) => p(
   reducer: j8
 }), V1 = n2.create();
 function C8() {
-  const e = p2();
+  const e = w2();
   return async () => {
     try {
       const t = location.pathname.split("/").filter((r) => r.length > 0);
@@ -386,9 +386,9 @@ function C8() {
       const o = `/${t.join("/")}`, c = await V1.get("/_local-config/_config.local.json", { baseURL: o });
       if (c.status == 200 && c.data) {
         const r = c.data.apiPath;
-        e(p8.setAppConfig(c.data));
+        e(w8.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(W.setRuntimeConfig(i.data));
       }
     } catch (t) {
       console.error("Error getting config", t);
@@ -410,13 +410,13 @@ var v3;
 function S8() {
   if (v3) return u1;
   v3 = 1;
-  var e = w3, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var e = p3, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function d(a, f, x) {
-    var h, R = {}, D = null, H = null;
-    x !== void 0 && (D = "" + x), f.key !== void 0 && (D = "" + f.key), f.ref !== void 0 && (H = f.ref);
+    var h, R = {}, D = null, F = null;
+    x !== void 0 && (D = "" + x), f.key !== void 0 && (D = "" + f.key), f.ref !== void 0 && (F = f.ref);
     for (h in f) c.call(f, h) && !i.hasOwnProperty(h) && (R[h] = f[h]);
     if (a && a.defaultProps) for (h in f = a.defaultProps, f) R[h] === void 0 && (R[h] = f[h]);
-    return { $$typeof: t, type: a, key: D, ref: H, props: R, _owner: r.current };
+    return { $$typeof: t, type: a, key: D, ref: F, props: R, _owner: r.current };
   }
   return u1.Fragment = o, u1.jsx = d, u1.jsxs = d, u1;
 }
@@ -433,11 +433,11 @@ var d1 = {};
 var g3;
 function b8() {
   return g3 || (g3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = w3, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), a = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), H = Symbol.for("react.offscreen"), V = Symbol.iterator, Q = "@@iterator";
+    var e = p3, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), a = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), k = Symbol.iterator, X = "@@iterator";
     function r1(n) {
       if (n === null || typeof n != "object")
         return null;
-      var l = V && n[V] || n[Q];
+      var l = k && n[k] || n[X];
       return typeof l == "function" ? l : null;
     }
     var $ = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -458,26 +458,26 @@ function b8() {
         I.unshift("Warning: " + l), Function.prototype.apply.call(console[n], console, I);
       }
     }
-    var b1 = !1, E = !1, C = !1, f1 = !1, I1 = !1, J;
-    J = Symbol.for("react.module.reference");
+    var b1 = !1, y = !1, C = !1, f1 = !1, I1 = !1, Y;
+    Y = Symbol.for("react.module.reference");
     function B(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === c || n === i || I1 || n === r || n === x || n === h || f1 || n === H || b1 || E || C || typeof n == "object" && n !== null && (n.$$typeof === D || n.$$typeof === R || n.$$typeof === d || n.$$typeof === a || n.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof n == "string" || typeof n == "function" || n === c || n === i || I1 || n === r || n === x || n === h || f1 || n === F || b1 || y || C || typeof n == "object" && n !== null && (n.$$typeof === D || n.$$typeof === R || n.$$typeof === d || n.$$typeof === a || n.$$typeof === f || // 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.
-      n.$$typeof === J || n.getModuleId !== void 0));
+      n.$$typeof === Y || n.getModuleId !== void 0));
     }
-    function y(n, l, u) {
+    function E(n, l, u) {
       var v = n.displayName;
       if (v)
         return v;
       var S = l.displayName || l.name || "";
       return S !== "" ? u + "(" + S + ")" : u;
     }
-    function q(n) {
+    function t1(n) {
       return n.displayName || "Context";
     }
-    function U(n) {
+    function K(n) {
       if (n == null)
         return null;
       if (typeof n.tag == "number" && A("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
@@ -502,19 +502,19 @@ function b8() {
         switch (n.$$typeof) {
           case a:
             var l = n;
-            return q(l) + ".Consumer";
+            return t1(l) + ".Consumer";
           case d:
             var u = n;
-            return q(u._context) + ".Provider";
+            return t1(u._context) + ".Provider";
           case f:
-            return y(n, n.render, "ForwardRef");
+            return E(n, n.render, "ForwardRef");
           case R:
             var v = n.displayName || null;
-            return v !== null ? v : U(n.type) || "Memo";
+            return v !== null ? v : K(n.type) || "Memo";
           case D: {
             var S = n, I = S._payload, Z = S._init;
             try {
-              return U(Z(I));
+              return K(Z(I));
             } catch {
               return null;
             }
@@ -522,7 +522,7 @@ function b8() {
         }
       return null;
     }
-    var K = Object.assign, l1 = 0, W1, F1, H1, K1, G1, q1, Y1;
+    var z = Object.assign, l1 = 0, W1, F1, H1, K1, G1, q1, Y1;
     function z1() {
     }
     z1.__reactDisabledLog = !0;
@@ -558,25 +558,25 @@ function b8() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: K({}, n, {
+            log: z({}, n, {
               value: W1
             }),
-            info: K({}, n, {
+            info: z({}, n, {
               value: F1
             }),
-            warn: K({}, n, {
+            warn: z({}, n, {
               value: H1
             }),
-            error: K({}, n, {
+            error: z({}, n, {
               value: K1
             }),
-            group: K({}, n, {
+            group: z({}, n, {
               value: G1
             }),
-            groupCollapsed: K({}, n, {
+            groupCollapsed: z({}, n, {
               value: q1
             }),
-            groupEnd: K({}, n, {
+            groupEnd: z({}, n, {
               value: Y1
             })
           });
@@ -585,7 +585,7 @@ function b8() {
       }
     }
     var R1 = $.ReactCurrentDispatcher, y1;
-    function p1(n, l, u) {
+    function w1(n, l, u) {
       {
         if (y1 === void 0)
           try {
@@ -598,16 +598,16 @@ function b8() {
 ` + y1 + n;
       }
     }
-    var E1 = !1, w1;
+    var E1 = !1, p1;
     {
       var _3 = typeof WeakMap == "function" ? WeakMap : Map;
-      w1 = new _3();
+      p1 = new _3();
     }
     function J1(n, l) {
       if (!n || E1)
         return "";
       {
-        var u = w1.get(n);
+        var u = p1.get(n);
         if (u !== void 0)
           return u;
       }
@@ -629,29 +629,29 @@ function b8() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(Z, []);
-            } catch (k) {
-              v = k;
+            } catch (V) {
+              v = V;
             }
             Reflect.construct(n, [], Z);
           } else {
             try {
               Z.call();
-            } catch (k) {
-              v = k;
+            } catch (V) {
+              v = V;
             }
             n.call(Z.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (k) {
-            v = k;
+          } catch (V) {
+            v = V;
           }
           n();
         }
-      } catch (k) {
-        if (k && v && typeof k.stack == "string") {
-          for (var M = k.stack.split(`
+      } catch (V) {
+        if (V && v && typeof V.stack == "string") {
+          for (var M = V.stack.split(`
 `), O = v.stack.split(`
 `), T = M.length - 1, P = O.length - 1; T >= 1 && P >= 0 && M[T] !== O[P]; )
             P--;
@@ -660,9 +660,9 @@ function b8() {
               if (T !== 1 || P !== 1)
                 do
                   if (T--, P--, P < 0 || M[T] !== O[P]) {
-                    var W = `
+                    var U = `
 ` + M[T].replace(" at new ", " at ");
-                    return n.displayName && W.includes("<anonymous>") && (W = W.replace("<anonymous>", n.displayName)), typeof n == "function" && w1.set(n, W), W;
+                    return n.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", n.displayName)), typeof n == "function" && p1.set(n, U), U;
                   }
                 while (T >= 1 && P >= 0);
               break;
@@ -671,8 +671,8 @@ function b8() {
       } finally {
         E1 = !1, R1.current = I, T3(), Error.prepareStackTrace = S;
       }
-      var o1 = n ? n.displayName || n.name : "", N = o1 ? p1(o1) : "";
-      return typeof n == "function" && w1.set(n, N), N;
+      var o1 = n ? n.displayName || n.name : "", Q = o1 ? w1(o1) : "";
+      return typeof n == "function" && p1.set(n, Q), Q;
     }
     function P3(n, l, u) {
       return J1(n, !1);
@@ -687,12 +687,12 @@ function b8() {
       if (typeof n == "function")
         return J1(n, L3(n));
       if (typeof n == "string")
-        return p1(n);
+        return w1(n);
       switch (n) {
         case x:
-          return p1("Suspense");
+          return w1("Suspense");
         case h:
-          return p1("SuspenseList");
+          return w1("SuspenseList");
       }
       if (typeof n == "object")
         switch (n.$$typeof) {
@@ -871,7 +871,7 @@ function b8() {
     function c3() {
       {
         if (_1.current) {
-          var n = U(_1.current.type);
+          var n = K(_1.current.type);
           if (n)
             return `
 
@@ -906,7 +906,7 @@ Check the top-level render call using <` + u + ">.");
           return;
         r3[u] = !0;
         var v = "";
-        n && n._owner && n._owner !== _1.current && (v = " It was passed a child from " + U(n._owner.type) + "."), s1(n), 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, v), s1(null);
+        n && n._owner && n._owner !== _1.current && (v = " It was passed a child from " + K(n._owner.type) + "."), s1(n), 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, v), s1(null);
       }
     }
     function i3(n, l) {
@@ -943,11 +943,11 @@ Check the top-level render call using <` + u + ">.");
         else
           return;
         if (u) {
-          var v = U(l);
+          var v = K(l);
           D3(u, n.props, "prop", v, n);
         } else if (l.PropTypes !== void 0 && !P1) {
           P1 = !0;
-          var S = U(l);
+          var S = K(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.");
@@ -975,36 +975,36 @@ Check the top-level render call using <` + u + ">.");
           var O = G3();
           O ? M += O : M += c3();
           var T;
-          n === null ? T = "null" : T1(n) ? T = "array" : n !== void 0 && n.$$typeof === t ? (T = "<" + (U(n.type) || "Unknown") + " />", M = " Did you accidentally export a JSX literal instead of a component?") : T = typeof n, 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);
+          n === null ? T = "null" : T1(n) ? T = "array" : n !== void 0 && n.$$typeof === t ? (T = "<" + (K(n.type) || "Unknown") + " />", M = " Did you accidentally export a JSX literal instead of a component?") : T = typeof n, 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 P = K3(n, l, u, S, I);
         if (P == null)
           return P;
         if (Z) {
-          var W = l.children;
-          if (W !== void 0)
+          var U = l.children;
+          if (U !== void 0)
             if (v)
-              if (T1(W)) {
-                for (var o1 = 0; o1 < W.length; o1++)
-                  i3(W[o1], n);
-                Object.freeze && Object.freeze(W);
+              if (T1(U)) {
+                for (var o1 = 0; o1 < U.length; o1++)
+                  i3(U[o1], n);
+                Object.freeze && Object.freeze(U);
               } 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, n);
+              i3(U, n);
         }
         if (i1.call(l, "key")) {
-          var N = U(n), k = Object.keys(l).filter(function(t2) {
+          var Q = K(n), V = Object.keys(l).filter(function(t2) {
             return t2 !== "key";
-          }), D1 = k.length > 0 ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!a3[N + D1]) {
-            var e2 = k.length > 0 ? "{" + k.join(": ..., ") + ": ...}" : "{}";
+          }), D1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!a3[Q + D1]) {
+            var e2 = 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} />`, D1, N, e2, N), a3[N + D1] = !0;
+  <%s key={someKey} {...props} />`, D1, Q, e2, Q), a3[Q + D1] = !0;
           }
         }
         return n === c ? z3(P) : Y3(P), P;
@@ -1043,13 +1043,13 @@ const R8 = "_mwfit_ppa3l_1", y8 = {
 };
 class T8 {
   constructor() {
-    Y(this, "uuid", "current-uuid");
-    Y(this, "roomKey", "current-room-key");
-    Y(this, "code", "current-code");
-    Y(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 T8(), I3 = d2({
+const w3 = new T8(), I3 = d2({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
@@ -1063,92 +1063,65 @@ function P8(e, t) {
   sessionStorage.setItem(e, t);
 }
 const L8 = ({ children: e }) => {
-  const [t, o] = G(), c = j3(), r = t8(), i = s8(), d = C8(), a = Z2(), f = o8(), x = n8(), h = c8(), R = v1(null), [D, H] = G(), V = v1({}), Q = a1(
-    async (E) => {
+  const [t, o] = H(), c = j3(), r = t8(), i = s8(), d = C8(), a = Z2(), f = o8(), x = n8(), h = c8(), R = v1(null), [D, F] = H(), k = v1({}), X = a1(
+    async (y) => {
       try {
-        const C = await V1.get(
-          `${E}/ui/joinroom?token=${t}`
-        );
-        return C.status === 200 && C.data ? (m.dispatch(F.setRoomData(C.data)), !0) : !1;
+        const C = await V1.get(`${y}/ui/joinroom?token=${t}`);
+        return C.status === 200 && C.data ? (m.dispatch(W.setRoomData(C.data)), !0) : !1;
       } catch (C) {
-        return console.log(C), h ? !0 : C instanceof c2 && C.response && C.response.status === 498 ? (console.error("Invalid token. Unable to join room"), m.dispatch(
-          z.setErrorMessage(
-            `Token ${t} is invalid. Unable to join room`
-          )
-        ), !1) : (console.error("Error getting room data", C), C instanceof Error ? m.dispatch(z.setErrorMessage(C.message)) : m.dispatch(z.setErrorMessage("Error getting room data")), !1);
+        return console.log(C), h ? !0 : C instanceof c2 && C.response && C.response.status === 498 ? (console.error("Invalid token. Unable to join room"), m.dispatch(q.setErrorMessage(`Token ${t} is invalid. Unable to join room`)), !1) : (console.error("Error getting room data", C), C instanceof Error ? m.dispatch(q.setErrorMessage(C.message)) : m.dispatch(q.setErrorMessage("Error getting room data")), !1);
       }
     },
     [t, h]
   ), r1 = a1(() => {
-    const E = `${a.gatewayAppPath}?uuid=${f}&roomKey=${r}`;
-    window.location.href = x ? `${E}&Code=${x}` : E;
+    const y = `${a.gatewayAppPath}?uuid=${f}&roomKey=${r}`;
+    window.location.href = x ? `${y}&Code=${x}` : y;
   }, [a.gatewayAppPath, r, f, x]), $ = a1(
-    (E, C) => {
-      R.current && c && R.current.send(JSON.stringify({ type: E, clientId: i, content: C }));
+    (y, C) => {
+      R.current && c && R.current.send(JSON.stringify({ type: y, clientId: i, content: C }));
     },
     [c, i]
-  ), A = (E, C) => {
-    $(E, { value: C });
+  ), A = (y, C) => {
+    $(y, { value: C });
   }, S1 = a1(
-    (E, C, f1) => {
-      V.current[E] || (V.current[E] = {}), V.current[E][C] = f1, console.log("event handler added", E, C);
+    (y, C, f1) => {
+      k.current[y] || (k.current[y] = {}), k.current[y][C] = f1, console.log("event handler added", y, C);
     },
     []
-  ), b1 = a1((E, C) => {
-    V.current[E] && (delete V.current[E][C], console.log("event handler removed", E, C));
+  ), b1 = a1((y, C) => {
+    k.current[y] && (delete k.current[y][C], console.log("event handler removed", y, C));
   }, []);
   return n1(() => {
     let C = new URLSearchParams(window.location.search).get("token");
-    C ? (console.log("saving token: ", C), P8(p3.uuid, C)) : (C = _8(p3.uuid), console.log("loading token: ", C)), o(C), d();
-  }, []), console.log(
-    "connection dependencies",
-    a.apiPath,
-    Q,
-    t,
-    D,
-    h
-  ), n1(() => {
-    async function E() {
-      if (console.log("Attempting to join websocket..."), !a.apiPath || D || !t || !await Q(a.apiPath)) return;
+    C ? (console.log("saving token: ", C), P8(w3.uuid, C)) : (C = _8(w3.uuid), console.log("loading token: ", C)), o(C), d();
+  }, []), console.log("connection dependencies", a.apiPath, X, t, D, h), n1(() => {
+    async function y() {
+      if (console.log("Attempting to join websocket..."), !a.apiPath || D || !t || !await X(a.apiPath)) return;
       if (R.current) {
         console.log("websocket exists");
         return;
       }
       console.log("connecting to websocket");
-      const I1 = `${a.apiPath.replace("http", "ws")}/ui/join/${t}`, J = new WebSocket(I1);
-      R.current = J, J.onopen = (B) => {
-        console.log("connected", B.type, B.target), m.dispatch(F.setWebsocketIsConnected(!0));
-      }, J.onerror = (B) => {
+      const I1 = `${a.apiPath.replace("http", "ws")}/ui/join/${t}`, Y = new WebSocket(I1);
+      R.current = Y, Y.onopen = (B) => {
+        console.log("connected", B.type, B.target), m.dispatch(W.setWebsocketIsConnected(!0));
+      }, Y.onerror = (B) => {
         console.error("Websocket error", B);
-      }, J.onclose = (B) => {
+      }, Y.onclose = (B) => {
         if (console.log("disconnected: ", B.reason, B.code), B.code === 4100) {
-          console.log("WebSocket closed by client (useEffect cleanup)."), m.dispatch(z.setShowReconnect(!0)), m.dispatch(F.setWebsocketIsConnected(!1)), m.dispatch(e1.clearDevices()), m.dispatch(t1.clearRooms());
+          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());
           return;
         }
-        if (H(!0), B.code === 4e3) {
-          console.log("user code changed"), m.dispatch(
-            F.setUserCode({ userCode: "", qrUrl: "" })
-          ), m.dispatch(
-            z.setErrorMessage(
-              "User code changed. Click reconnect to enter the new code"
-            )
-          ), m.dispatch(z.setShowReconnect(!0)), m.dispatch(F.setWebsocketIsConnected(!1)), m.dispatch(e1.clearDevices()), m.dispatch(t1.clearRooms());
+        if (F(!0), B.code === 4e3) {
+          console.log("user code changed"), m.dispatch(W.setUserCode({ userCode: "", qrUrl: "" })), m.dispatch(q.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());
           return;
         }
         if (B.code === 4001 && !h) {
-          console.log("processor disconnected"), m.dispatch(
-            z.setErrorMessage(
-              "Processor has disconnected. Click Reconnect"
-            )
-          ), m.dispatch(z.setShowReconnect(!0)), m.dispatch(F.setWebsocketIsConnected(!1)), m.dispatch(e1.clearDevices()), m.dispatch(t1.clearRooms());
+          console.log("processor disconnected"), m.dispatch(q.setErrorMessage("Processor has disconnected. Click Reconnect")), m.dispatch(q.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(
-            z.setErrorMessage(
-              "Room combination changed. Click Reconnect to re-join the room"
-            )
-          ), m.dispatch(z.setShowReconnect(!0)), m.dispatch(F.setWebsocketIsConnected(!1)), m.dispatch(e1.clearDevices()), m.dispatch(t1.clearRooms());
+          console.log("room combination changed"), m.dispatch(q.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());
           return;
         }
         if (R.current)
@@ -1157,81 +1130,65 @@ const L8 = ({ children: e }) => {
           console.log("WebSocket closed by client.");
           return;
         }
-        console.log("websocket waitingToReconnect", D), !D && (console.log("websocket clearing state on disconnect"), m.dispatch(F.setWebsocketIsConnected(!1)), m.dispatch(e1.clearDevices()), m.dispatch(t1.clearRooms()), setTimeout(() => H(void 0), 5e3));
-      }, J.onmessage = (B) => {
+        console.log("websocket waitingToReconnect", D), !D && (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));
+      }, Y.onmessage = (B) => {
         try {
-          const y = JSON.parse(B.data);
-          if (console.log(y), y.type === "close") {
-            J.close(4001, y.content);
+          const E = JSON.parse(B.data);
+          if (console.log(E), E.type === "close") {
+            Y.close(4001, E.content);
             return;
           }
-          if (y.type.startsWith("/system/"))
-            switch (y.type) {
+          if (E.type.startsWith("/system/"))
+            switch (E.type) {
               case "/system/touchpanelKey":
                 m.dispatch(
-                  F.setTouchpanelKey(
-                    y.content
+                  W.setTouchpanelKey(
+                    E.content
                   )
                 );
                 break;
               case "/system/roomKey": {
-                m.dispatch(t1.clearRooms()), m.dispatch(e1.clearDevices()), m.dispatch(
-                  F.setCurrentRoomKey(
-                    y.content
+                m.dispatch(e1.clearRooms()), m.dispatch(N.clearDevices()), m.dispatch(
+                  W.setCurrentRoomKey(
+                    E.content
                   )
                 );
                 break;
               }
               case "/system/userCodeChanged":
                 m.dispatch(
-                  F.setUserCode(y.content)
+                  W.setUserCode(
+                    E.content
+                  )
                 );
                 break;
-              case "/system/roomCombinationChanged": {
-                console.log("event message received", y);
-                const q = V.current[y.type];
-                q || (console.log(
-                  "no handlers found for room combination changed. Reloading application.",
-                  y.type
-                ), window.location.reload()), q && Object.values(q).forEach((U) => {
-                  try {
-                    U(y);
-                  } catch (K) {
-                    console.error(K);
-                  }
-                });
+              case "/system/roomCombinationChanged":
+                window.location.reload();
                 break;
-              }
               default:
-                console.log("unhandled system message", y);
+                console.log("unhandled system message", E);
                 break;
             }
-          else if (y.type.startsWith("/event/")) {
-            console.log("event message received", y);
-            const q = V.current[y.type];
-            q || console.log("no handlers found for event type", y.type), q && Object.values(q).forEach((U) => {
+          else if (E.type.startsWith("/event/")) {
+            console.log("event message received", E);
+            const t1 = k.current[E.type];
+            t1 || console.log("no handlers found for event type", E.type), t1 && Object.values(t1).forEach((K) => {
               try {
-                U(y);
-              } catch (K) {
-                console.error(K);
+                K(E);
+              } catch (z) {
+                console.error(z);
               }
             });
-          } else y.type.startsWith("/room/") ? m.dispatch(t1.setRoomState(y)) : y.type.startsWith("/device/") && m.dispatch(e1.setDeviceState(y));
-        } catch (y) {
-          console.error("websocket message handling error", y);
+          } else E.type.startsWith("/room/") ? m.dispatch(e1.setRoomState(E)) : E.type.startsWith("/device/") && m.dispatch(N.setDeviceState(E));
+        } catch (E) {
+          console.error("websocket message handling error", E);
         }
       };
     }
-    return E(), console.log("App mode: production"), console.log("Is dev mode: false"), () => {
+    return y(), console.log("App mode: production"), console.log("Is dev mode: false"), () => {
       R.current && (console.log("closing websocket dev mode"), R.current.close(4100, "app running in dev mode"), R.current = null);
     };
-  }, [
-    a.apiPath,
-    Q,
-    t,
-    D,
-    h
-  ]), n1(() => {
+  }, [a.apiPath, X, t, D, h]), n1(() => {
     !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,
@@ -1246,7 +1203,7 @@ const L8 = ({ children: e }) => {
       children: c ? e : /* @__PURE__ */ s.jsx(E8, {})
     }
   );
-}, pe = ({ children: e }) => /* @__PURE__ */ s.jsx(i2, { store: m, children: /* @__PURE__ */ s.jsx(L8, { children: e }) });
+}, we = ({ children: e }) => /* @__PURE__ */ s.jsx(i2, { store: m, children: /* @__PURE__ */ s.jsx(L8, { children: e }) });
 function b() {
   return h2(I3);
 }
@@ -1298,7 +1255,7 @@ function R3(e, t) {
     muteOff: () => o(`${e}/muteOff`, null)
   } : void 0;
 }
-function we(e, t) {
+function pe(e, t) {
   const { sendMessage: o, sendSimpleMessage: c } = b(), r = g(`${e}`, "volumeUp"), i = g(`${e}`, "volumeDown");
   return t ? {
     volumeState: t,
@@ -1354,7 +1311,7 @@ function xe(e) {
     };
 }
 const Me = ({ className: e }) => {
-  const [t, o] = G();
+  const [t, o] = H();
   return n1(() => {
     setInterval(() => {
       const c = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
@@ -1460,7 +1417,7 @@ function De(e) {
   } };
 }
 function $e(e) {
-  const t = `/device/${e}`, o = g(t, "num0"), c = g(t, "num1"), r = g(t, "num2"), i = g(t, "num3"), d = g(t, "num4"), a = g(t, "num5"), f = g(t, "num6"), x = g(t, "num7"), h = g(t, "num8"), R = g(t, "num9"), D = g(t, "numDash"), H = g(t, "numEnter");
+  const t = `/device/${e}`, o = g(t, "num0"), c = g(t, "num1"), r = g(t, "num2"), i = g(t, "num3"), d = g(t, "num4"), a = g(t, "num5"), f = g(t, "num6"), x = g(t, "num7"), h = g(t, "num8"), R = g(t, "num9"), D = g(t, "numDash"), F = g(t, "numEnter");
   return {
     digit0: o,
     digit1: c,
@@ -1473,7 +1430,7 @@ function $e(e) {
     digit8: h,
     digit9: R,
     keypadAccessoryButton1: D,
-    keypadAccessoryButton2: H
+    keypadAccessoryButton2: F
   };
 }
 function Ae(e) {
@@ -1637,7 +1594,7 @@ const Xe = ({
   }, [e, t]);
 };
 function Qe(e, t) {
-  const [o, c] = G(!1), [r, i] = G(!1);
+  const [o, c] = H(!1), [r, i] = H(!1);
   return x3(() => {
     const { current: d } = e, a = () => {
       const f = d && d.scrollHeight > d.clientHeight, x = d && d.scrollWidth > d.clientWidth;
@@ -1652,7 +1609,7 @@ function Ne(e, t) {
 }
 function e5(e) {
   var a, f;
-  const [t, o] = G(((a = e == null ? void 0 : e.current) == null ? void 0 : a.scrollLeft) ?? 0), [c, r] = G(((f = e == null ? void 0 : e.current) == null ? void 0 : f.scrollTop) ?? 0), i = (x) => {
+  const [t, o] = H(((a = e == null ? void 0 : e.current) == null ? void 0 : a.scrollLeft) ?? 0), [c, r] = H(((f = e == null ? void 0 : e.current) == null ? void 0 : f.scrollTop) ?? 0), i = (x) => {
     const { current: h } = e;
     h && (console.log(h.scrollLeft), h.scrollLeft += x, console.log(h.scrollLeft));
   }, d = (x) => {
@@ -1678,7 +1635,7 @@ function t5() {
   };
 }
 function s5() {
-  const [e, t] = G(), [o, c] = G();
+  const [e, t] = H(), [o, c] = H();
   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" });
@@ -1693,7 +1650,7 @@ function s5() {
   }, []), { date: e, time: o };
 }
 const o5 = () => {
-  const [e, t] = G(!1), o = v2(), c = g2();
+  const [e, t] = H(!1), o = v2(), c = g2();
   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: [
     /* @__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." }) }),
@@ -1720,22 +1677,22 @@ const o5 = () => {
   onPointerLeave: R,
   ...D
 }) => {
-  const [H, V] = G(!1), Q = !d && a ? f : "", r1 = !d && (H || a);
+  const [F, k] = H(!1), X = !d && a ? f : "", r1 = !d && (F || a);
   return /* @__PURE__ */ s.jsxs(
     "button",
     {
       type: "button",
-      className: `${$1.iconbtn} ${o ? $1.iconbtnvert : ""} ${c} ${Q}`,
+      className: `${$1.iconbtn} ${o ? $1.iconbtnvert : ""} ${c} ${X}`,
       ...D,
       disabled: d,
       onPointerDown: ($) => {
-        V(!0), x == null || x($);
+        k(!0), x == null || x($);
       },
       onPointerUp: ($) => {
-        V(!1), h == null || h($);
+        k(!1), h == null || h($);
       },
       onPointerLeave: ($) => {
-        V(!1), R == null || R($);
+        k(!1), R == null || R($);
       },
       children: [
         e && /* @__PURE__ */ s.jsx(
@@ -2956,6 +2913,21 @@ const o5 = () => {
     active: e,
     disabled: o
   }
+), n5 = ({
+  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
+  className: t = "",
+  disabled: o
+}) => /* @__PURE__ */ s.jsx(
+  j,
+  {
+    ActiveImage: void 0,
+    DisabledImage: void 0,
+    EnabledImage: void 0,
+    active: e,
+    disabled: o
+  }
 ), d6 = ({
   active: e,
   className: t = "",
@@ -3201,7 +3173,7 @@ const o5 = () => {
     active: e,
     disabled: o
   }
-), p6 = ({
+), w6 = ({
   active: e,
   className: t = "",
   disabled: o
@@ -3250,7 +3222,7 @@ const o5 = () => {
     active: e,
     disabled: o
   }
-), w6 = ({
+), p6 = ({
   active: e,
   className: t = "",
   disabled: o
@@ -3379,10 +3351,10 @@ const o5 = () => {
   VolMute: v6,
   VolUp: g6,
   Wireless: f6,
-  X: p6,
-  Xbox: w6
+  X: w6,
+  Xbox: p6
 };
-function n5({
+function c5({
   name: e,
   iconsDictionary: t = M6,
   ...o
@@ -3396,7 +3368,7 @@ const m6 = "_grid_1cmpp_1", Z6 = "_header_1cmpp_11", j6 = "_content_1cmpp_17", C
   content: j6,
   footer: C6,
   volume: S6
-}, c5 = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ s.jsxs("div", { className: h1.grid, children: [
+}, r5 = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ s.jsxs("div", { className: h1.grid, children: [
   /* @__PURE__ */ s.jsx("div", { className: h1.header, children: e }),
   /* @__PURE__ */ s.jsx("div", { className: h1.content, children: o }),
   r && /* @__PURE__ */ s.jsx("div", { className: h1.volume, children: c }),
@@ -3405,7 +3377,7 @@ const m6 = "_grid_1cmpp_1", Z6 = "_header_1cmpp_11", j6 = "_content_1cmpp_17", C
   grid: b6,
   header: I6,
   content: R6
-}, r5 = ({ className: e, header: t, content: o, leftNav: c }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${Z1.grid}`, children: [
+}, l5 = ({ className: e, header: t, content: o, 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: o })
@@ -3413,27 +3385,27 @@ const m6 = "_grid_1cmpp_1", Z6 = "_header_1cmpp_11", j6 = "_content_1cmpp_17", C
   grid: y6,
   header: E6,
   content: T6
-}, l5 = ({ className: e, header: t, content: o }) => /* @__PURE__ */ s.jsxs("div", { className: `${e} ${A1.grid}`, children: [
+}, i5 = ({ className: e, header: t, content: o }) => /* @__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: o })
 ] });
-function i5() {
+function a5() {
   return console.log(location.pathname), location.pathname;
 }
 var _6 = /* @__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))(_6 || {});
-class a5 {
+class u5 {
   constructor(t, o) {
-    Y(this, "path");
-    Y(this, "handler");
+    G(this, "path");
+    G(this, "handler");
     this.path = t, this.handler = o;
   }
 }
-const u5 = "$off";
-class d5 {
+const d5 = "$off";
+class h5 {
   constructor() {
-    Y(this, "currentShareText");
-    Y(this, "enabled");
-    Y(this, "isSharing");
+    G(this, "currentShareText");
+    G(this, "enabled");
+    G(this, "isSharing");
   }
 }
 export {
@@ -3455,6 +3427,7 @@ export {
   Q8 as IconMultiLaptop,
   N8 as IconMultiLeftArrow,
   e6 as IconMultiLight,
+  x6 as IconMultiMic,
   t6 as IconMultiMoon,
   s6 as IconMultiPlaystation,
   o6 as IconMultiPodium,
@@ -3465,27 +3438,29 @@ export {
   i6 as IconMultiRoomPC,
   a6 as IconMultiShade,
   u6 as IconMultiSun,
+  n5 as IconMultiTemplate,
   d6 as IconMultiUpArrow,
   h6 as IconMultiVolDown,
   v6 as IconMultiVolMute,
   g6 as IconMultiVolUp,
   f6 as IconMultiWireless,
-  p6 as IconMultiX,
-  w6 as IconMultiXbox,
-  c5 as MainLayout,
-  a5 as MessageHandler,
-  pe as MobileControlProvider,
+  w6 as IconMultiX,
+  p6 as IconMultiXbox,
+  r5 as MainLayout,
+  u5 as MessageHandler,
+  we as MobileControlProvider,
   j as MultiStateIconContainer,
-  n5 as NamedIconButton,
-  d5 as ShareState,
-  r5 as TechLayout,
-  l5 as TechPinLayout,
-  i5 as getBaseLocation,
+  c5 as NamedIconButton,
+  h5 as ShareState,
+  l5 as TechLayout,
+  i5 as TechPinLayout,
+  a5 as getBaseLocation,
   V1 as httpClient,
-  u5 as roomOffSourceKey,
+  M6 as iconsDictionary,
+  d5 as roomOffSourceKey,
   Z3 as selectAllDevices,
   x2 as selectApiPath,
-  w2 as selectAppConfig,
+  p2 as selectAppConfig,
   Y2 as selectClientId,
   r8 as selectCurrentPopoverIdForGroup,
   j2 as selectDeviceByKey,
@@ -3526,12 +3501,12 @@ export {
   G2 as selectWsIsConnected,
   W2 as selectZoomRoomControllerKey,
   m as store,
-  z as uiActions,
+  q as uiActions,
   g8 as uiReducer,
   O6 as useApiPath,
   Z2 as useAppConfig,
-  p2 as useAppDispatch,
-  p as useAppSelector,
+  w2 as useAppDispatch,
+  w as useAppSelector,
   xe as useAvrControl,
   g as useButtonHeldHeartbeat,
   s8 as useClientId,
@@ -3544,7 +3519,7 @@ export {
   F6 as useGetAllRooms,
   ve as useGetCurrentPopoverIdForGroup,
   _ as useGetDevice,
-  we as useGetIBasicVolumeWithFeedback,
+  pe as useGetIBasicVolumeWithFeedback,
   H6 as useGetRoom,
   ce as useGetRoomDisplayStates,
   re as useGetZoomRoomControllerKey,