@pepperdash/mobile-control-react-app-core 1.3.0 → 1.4.0

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

@@ -1,12 +1,12 @@
-var B1 = Object.defineProperty;
-var L1 = (c, r, t) => r in c ? B1(c, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[r] = t;
+var A1 = Object.defineProperty;
+var L1 = (c, r, t) => r in c ? A1(c, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[r] = t;
 var d = (c, r, t) => (L1(c, typeof r != "symbol" ? r + "" : r, t), t);
-import A1 from "axios";
-import { createSlice as K, combineReducers as T1, configureStore as W3 } from "@reduxjs/toolkit";
-import { useSelector as P1, useDispatch as D1, Provider as O1 } from "react-redux";
+import T1 from "axios";
+import { createSlice as Y, combineReducers as P1, configureStore as W3, createSelector as D1 } from "@reduxjs/toolkit";
+import { useSelector as O1, useDispatch as V1, Provider as k1 } from "react-redux";
 import * as U3 from "lodash";
-import H3, { createContext as V1, useContext as k1, useState as r3, useRef as $1, useCallback as V3, useEffect as Y } from "react";
-const F1 = {
+import H3, { createContext as $1, useContext as F1, useState as r3, useRef as W1, useCallback as V3, useEffect as K } from "react";
+const U1 = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -16,45 +16,39 @@ const F1 = {
     loginMode: "",
     modes: {}
   }
-}, q3 = K({
+}, G3 = Y({
   name: "appConfig",
-  initialState: F1,
+  initialState: U1,
   reducers: {
     setAppConfig(c, r) {
       c.config = r.payload;
     }
   }
-}), W1 = q3.actions, U1 = q3.reducer, H1 = {}, G3 = K({
+}), H1 = G3.actions, G1 = G3.reducer, q1 = {}, q3 = Y({
   name: "devices",
-  initialState: H1,
+  initialState: q1,
   reducers: {
     setDeviceState(c, r) {
       const t = r.payload.type, l = t.slice(t.lastIndexOf("/") + 1);
       if (!l)
         return;
-      const g = r.payload.content, m = c[l] ?? {}, S = U3.merge(m, g);
-      return {
-        ...c,
-        [l]: S
-      };
+      const a = r.payload.content, Z = c[l] ?? {}, S = U3.merge(Z, a);
+      return c[l] = S, c;
     }
   }
-}), q1 = G3.actions, G1 = G3.reducer, Y1 = {}, Y3 = K({
+}), K1 = q3.actions, Y1 = q3.reducer, z1 = {}, K3 = Y({
   name: "rooms",
-  initialState: Y1,
+  initialState: z1,
   reducers: {
     setRoomState(c, r) {
       const l = r.payload.type.match("/room/(.*)/status");
       if (!l)
         return;
-      const g = l[1], m = r.payload.content, S = c[g] ?? {}, b = U3.merge(S, m);
-      return {
-        ...c,
-        [g]: b
-      };
+      const a = l[1], Z = r.payload.content, S = c[a] ?? {}, b = U3.merge(S, Z);
+      return c[a] = b, c;
     }
   }
-}), K1 = Y3.actions, J1 = Y3.reducer, z1 = {
+}), J1 = K3.actions, X1 = K3.reducer, Q1 = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -73,9 +67,9 @@ const F1 = {
     userCode: "",
     qrUrl: ""
   }
-}, K3 = K({
+}, Y3 = Y({
   name: "runtimeConfig",
-  initialState: z1,
+  initialState: Q1,
   reducers: {
     setRuntimeConfig(c, r) {
       c.apiVersion = r.payload.apiVersion, c.serverIsRunningOnProcessorHardware = r.payload.serverIsRunningOnProcessorHardware;
@@ -99,15 +93,15 @@ const F1 = {
       c.roomData.userCode = r.payload.userCode, c.roomData.qrUrl = r.payload.qrUrl;
     }
   }
-}), F = K3.actions, X1 = K3.reducer, Q1 = {
+}), F = Y3.actions, N1 = Y3.reducer, e2 = {
   modalVisibility: {
     showShutdownModal: !1,
     showIncomingCallModal: !1
   },
   popoverVisibility: {}
-}, J3 = K({
+}, z3 = Y({
   name: "ui",
-  initialState: Q1,
+  initialState: e2,
   reducers: {
     clearAllModals(c) {
       Object.entries(c.modalVisibility).forEach(([r]) => {
@@ -129,101 +123,107 @@ const F1 = {
       }), c.popoverVisibility[r.payload.popoverGroup][r.payload.popoverId] = r.payload.value;
     }
   }
-}), v8 = J3.actions, N1 = J3.reducer, z3 = T1({
-  appConfig: U1,
-  runtimeConfig: X1,
-  rooms: J1,
-  devices: G1,
-  ui: N1
-});
-W3({
-  reducer: z3
-});
-const f = P1, e2 = () => f((c) => c.appConfig.config), h8 = () => f((c) => c.appConfig.config.apiPath), d8 = () => f((c) => Object.values(c.devices)), r2 = (c) => f((r) => r.devices[c]), u8 = (c) => f(
+}), d8 = z3.actions, r2 = z3.reducer, J3 = P1({
+  appConfig: G1,
+  runtimeConfig: N1,
+  rooms: X1,
+  devices: Y1,
+  ui: r2
+}), c2 = W3({
+  reducer: J3
+}), f = O1, s2 = () => f((c) => c.appConfig.config), u8 = () => f((c) => c.appConfig.config.apiPath), g8 = () => D1(
+  [(c) => c.devices],
+  (c) => c ? Object.values(c) : void 0
+)(c2.getState()), X3 = (c) => f((r) => r.devices[c] ? r.devices[c] : void 0), w8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.configuration : void 0;
   }
-), g8 = (c) => f(
+), x8 = (c) => f(
   (r) => r.rooms[c] ? r.rooms[c] : void 0
-), w8 = (c) => f(
+), f8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.name : void 0;
   }
-), x8 = (c) => f(
+), p8 = (c) => f(
   (r) => {
     var t, l;
     return r.rooms[c] ? (l = (t = r.rooms[c]) == null ? void 0 : t.volumes) == null ? void 0 : l.master : void 0;
   }
-), f8 = (c) => f(
+), M8 = (c) => f(
   (r) => {
     var t, l;
     return r.rooms[c] ? (l = (t = r.rooms[c]) == null ? void 0 : t.configuration) == null ? void 0 : l.sourceList : void 0;
   }
-), p8 = (c) => f(
+), Z8 = (c) => f(
   (r) => {
     var t, l;
     return r.rooms[c] ? (l = (t = r.rooms[c]) == null ? void 0 : t.configuration) == null ? void 0 : l.displayKeys : void 0;
   }
-), M8 = (c) => f(
+), m8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isInCall : void 0;
   }
-), Z8 = (c) => f(
+), j8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isWarmingUp : void 0;
   }
-), m8 = (c) => f(
+), C8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isCoolingDown : void 0;
   }
-), j8 = (c) => f(
+), S8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.isOn : void 0;
   }
-), C8 = (c) => f(
+), b8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.advancedSharingActive : void 0;
   }
-), S8 = (c) => f(
+), y8 = (c) => f(
   (r) => {
     var t;
     return r.rooms[c] ? (t = r.rooms[c]) == null ? void 0 : t.share : void 0;
   }
-), b8 = (c) => f((r) => {
-  var g, m;
-  const t = (m = (g = r.rooms[c]) == null ? void 0 : g.configuration) == null ? void 0 : m.displayKeys;
+), I8 = (c) => f((r) => {
+  var a, Z;
+  const t = (Z = (a = r.rooms[c]) == null ? void 0 : a.configuration) == null ? void 0 : Z.displayKeys;
   return t && Object.values(r.devices).filter(
     (S) => t.includes(S.key)
   ) || void 0;
-}), c2 = () => f((c) => c.runtimeConfig.websocket.isConnected), s2 = () => f((c) => c.runtimeConfig.roomData.roomKey), t2 = () => f((c) => c.runtimeConfig.roomData.clientId), y8 = () => f((c) => c.ui.modalVisibility.showShutdownModal), I8 = () => f((c) => c.ui.modalVisibility.showIncomingCallModal), R8 = (c) => f((r) => r.ui.modalVisibility[c]), E8 = (c) => f((r) => {
+}), R8 = (c) => f(
+  (r) => {
+    var t, l;
+    return r.rooms[c] ? (l = (t = r.rooms[c]) == null ? void 0 : t.configuration) == null ? void 0 : l.zoomRoomControllerKey : void 0;
+  }
+), t2 = () => f((c) => c.runtimeConfig.websocket.isConnected), o2 = () => f((c) => c.runtimeConfig.roomData.roomKey), n2 = () => f((c) => c.runtimeConfig.roomData.clientId), E8 = () => f((c) => c.ui.modalVisibility.showShutdownModal), _8 = () => f((c) => c.ui.modalVisibility.showIncomingCallModal), B8 = (c) => f((r) => r.ui.modalVisibility[c]), A8 = (c) => f((r) => {
   const t = r.ui.popoverVisibility[c];
   if (t)
     return Object.keys(t).find((l) => t[l]);
-}), _8 = (c, r) => f((t) => {
+}), L8 = (c, r) => f((t) => {
   var l;
   return (l = t.ui.popoverVisibility[c]) == null ? void 0 : l[r];
 }), D = W3({
-  reducer: z3
-}), o2 = D1, h3 = A1.create();
-function n2() {
-  const c = o2();
+  reducer: J3
+}), l2 = V1, d3 = T1.create();
+function i2() {
+  const c = l2();
   return async () => {
     try {
-      const r = location.pathname.split("/").filter((g) => g.length > 0);
+      const r = location.pathname.split("/").filter((a) => a.length > 0);
       r.length >= 5 ? r.length = 5 : r.length = 2;
-      const t = `/${r.join("/")}`, l = await h3.get("/_local-config/_config.local.json", { baseURL: t });
+      const t = `/${r.join("/")}`, l = await d3.get("/_local-config/_config.local.json", { baseURL: t });
       if (l.status == 200 && l.data) {
-        const g = l.data.apiPath;
-        c(W1.setAppConfig(l.data));
-        const m = await h3.get(`${g}/version`);
-        m.status == 200 && m.data && c(F.setRuntimeConfig(m.data));
+        const a = l.data.apiPath;
+        c(H1.setAppConfig(l.data));
+        const Z = await d3.get(`${a}/version`);
+        Z.status == 200 && Z.data && c(F.setRuntimeConfig(Z.data));
       }
     } catch (r) {
       console.error("Error getting config", r);
@@ -231,7 +231,7 @@ function n2() {
     return !0;
   };
 }
-var d3 = { exports: {} }, H = {};
+var u3 = { exports: {} }, H = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -242,13 +242,13 @@ var d3 = { exports: {} }, H = {};
  * LICENSE file in the root directory of this source tree.
  */
 var k3;
-function l2() {
+function a2() {
   return k3 || (k3 = 1, process.env.NODE_ENV !== "production" && function() {
-    var c = H3, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), S = Symbol.for("react.provider"), b = Symbol.for("react.context"), x = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), B = Symbol.for("react.offscreen"), M = Symbol.iterator, A = "@@iterator";
+    var c = H3, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), Z = Symbol.for("react.profiler"), S = Symbol.for("react.provider"), b = Symbol.for("react.context"), x = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), B = Symbol.for("react.offscreen"), M = Symbol.iterator, L = "@@iterator";
     function O(s) {
       if (s === null || typeof s != "object")
         return null;
-      var o = M && s[M] || s[A];
+      var o = M && s[M] || s[L];
       return typeof o == "function" ? o : null;
     }
     var p = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -256,34 +256,34 @@ function l2() {
       {
         for (var o = arguments.length, n = new Array(o > 1 ? o - 1 : 0), i = 1; i < o; i++)
           n[i - 1] = arguments[i];
-        Q3("error", s, n);
+        N3("error", s, n);
       }
     }
-    function Q3(s, o, n) {
+    function N3(s, o, n) {
       {
-        var i = p.ReactDebugCurrentFrame, h = i.getStackAddendum();
-        h !== "" && (o += "%s", n = n.concat([h]));
-        var w = n.map(function(v) {
-          return String(v);
+        var i = p.ReactDebugCurrentFrame, u = i.getStackAddendum();
+        u !== "" && (o += "%s", n = n.concat([u]));
+        var w = n.map(function(h) {
+          return String(h);
         });
         w.unshift("Warning: " + o), Function.prototype.apply.call(console[s], console, w);
       }
     }
-    var N3 = !1, e1 = !1, r1 = !1, c1 = !1, s1 = !1, g3;
+    var e1 = !1, r1 = !1, c1 = !1, s1 = !1, t1 = !1, g3;
     g3 = Symbol.for("react.module.reference");
-    function t1(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === l || s === m || s1 || s === g || s === E || s === j || c1 || s === B || N3 || e1 || r1 || typeof s == "object" && s !== null && (s.$$typeof === _ || s.$$typeof === y || s.$$typeof === S || s.$$typeof === b || s.$$typeof === x || // This needs to include all possible module reference object
+    function o1(s) {
+      return !!(typeof s == "string" || typeof s == "function" || s === l || s === Z || t1 || s === a || s === E || s === j || s1 || s === B || e1 || r1 || c1 || typeof s == "object" && s !== null && (s.$$typeof === _ || s.$$typeof === y || s.$$typeof === S || s.$$typeof === b || s.$$typeof === x || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       s.$$typeof === g3 || s.getModuleId !== void 0));
     }
-    function o1(s, o, n) {
+    function n1(s, o, n) {
       var i = s.displayName;
       if (i)
         return i;
-      var h = o.displayName || o.name || "";
-      return h !== "" ? n + "(" + h + ")" : n;
+      var u = o.displayName || o.name || "";
+      return u !== "" ? n + "(" + u + ")" : n;
     }
     function w3(s) {
       return s.displayName || "Context";
@@ -300,9 +300,9 @@ function l2() {
           return "Fragment";
         case t:
           return "Portal";
-        case m:
+        case Z:
           return "Profiler";
-        case g:
+        case a:
           return "StrictMode";
         case E:
           return "Suspense";
@@ -318,14 +318,14 @@ function l2() {
             var n = s;
             return w3(n._context) + ".Provider";
           case x:
-            return o1(s, s.render, "ForwardRef");
+            return n1(s, s.render, "ForwardRef");
           case y:
             var i = s.displayName || null;
             return i !== null ? i : T(s.type) || "Memo";
           case _: {
-            var h = s, w = h._payload, v = h._init;
+            var u = s, w = u._payload, h = u._init;
             try {
-              return T(v(w));
+              return T(h(w));
             } catch {
               return null;
             }
@@ -337,7 +337,7 @@ function l2() {
     function C3() {
     }
     C3.__reactDisabledLog = !0;
-    function n1() {
+    function l1() {
       {
         if (W === 0) {
           x3 = console.log, f3 = console.info, p3 = console.warn, M3 = console.error, Z3 = console.group, m3 = console.groupCollapsed, j3 = console.groupEnd;
@@ -360,7 +360,7 @@ function l2() {
         W++;
       }
     }
-    function l1() {
+    function i1() {
       {
         if (W--, W === 0) {
           var s = {
@@ -395,62 +395,62 @@ function l2() {
         W < 0 && I("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var c3 = p.ReactCurrentDispatcher, s3;
-    function J(s, o, n) {
+    var s3 = p.ReactCurrentDispatcher, t3;
+    function z(s, o, n) {
       {
-        if (s3 === void 0)
+        if (t3 === void 0)
           try {
             throw Error();
-          } catch (h) {
-            var i = h.stack.trim().match(/\n( *(at )?)/);
-            s3 = i && i[1] || "";
+          } catch (u) {
+            var i = u.stack.trim().match(/\n( *(at )?)/);
+            t3 = i && i[1] || "";
           }
         return `
-` + s3 + s;
+` + t3 + s;
       }
     }
-    var t3 = !1, z;
+    var o3 = !1, J;
     {
-      var i1 = typeof WeakMap == "function" ? WeakMap : Map;
-      z = new i1();
+      var a1 = typeof WeakMap == "function" ? WeakMap : Map;
+      J = new a1();
     }
     function S3(s, o) {
-      if (!s || t3)
+      if (!s || o3)
         return "";
       {
-        var n = z.get(s);
+        var n = J.get(s);
         if (n !== void 0)
           return n;
       }
       var i;
-      t3 = !0;
-      var h = Error.prepareStackTrace;
+      o3 = !0;
+      var u = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var w;
-      w = c3.current, c3.current = null, n1();
+      w = s3.current, s3.current = null, l1();
       try {
         if (o) {
-          var v = function() {
+          var h = function() {
             throw Error();
           };
-          if (Object.defineProperty(v.prototype, "props", {
+          if (Object.defineProperty(h.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(v, []);
+              Reflect.construct(h, []);
             } catch (P) {
               i = P;
             }
-            Reflect.construct(s, [], v);
+            Reflect.construct(s, [], h);
           } else {
             try {
-              v.call();
+              h.call();
             } catch (P) {
               i = P;
             }
-            s.call(v.prototype);
+            s.call(h.prototype);
           }
         } else {
           try {
@@ -462,33 +462,33 @@ function l2() {
         }
       } catch (P) {
         if (P && i && typeof P.stack == "string") {
-          for (var a = P.stack.split(`
+          for (var v = P.stack.split(`
 `), R = i.stack.split(`
-`), Z = a.length - 1, C = R.length - 1; Z >= 1 && C >= 0 && a[Z] !== R[C]; )
+`), m = v.length - 1, C = R.length - 1; m >= 1 && C >= 0 && v[m] !== R[C]; )
             C--;
-          for (; Z >= 1 && C >= 0; Z--, C--)
-            if (a[Z] !== R[C]) {
-              if (Z !== 1 || C !== 1)
+          for (; m >= 1 && C >= 0; m--, C--)
+            if (v[m] !== R[C]) {
+              if (m !== 1 || C !== 1)
                 do
-                  if (Z--, C--, C < 0 || a[Z] !== R[C]) {
-                    var L = `
-` + a[Z].replace(" at new ", " at ");
-                    return s.displayName && L.includes("<anonymous>") && (L = L.replace("<anonymous>", s.displayName)), typeof s == "function" && z.set(s, L), L;
+                  if (m--, C--, C < 0 || v[m] !== R[C]) {
+                    var A = `
+` + v[m].replace(" at new ", " at ");
+                    return s.displayName && A.includes("<anonymous>") && (A = A.replace("<anonymous>", s.displayName)), typeof s == "function" && J.set(s, A), A;
                   }
-                while (Z >= 1 && C >= 0);
+                while (m >= 1 && C >= 0);
               break;
             }
         }
       } finally {
-        t3 = !1, c3.current = w, l1(), Error.prepareStackTrace = h;
+        o3 = !1, s3.current = w, i1(), Error.prepareStackTrace = u;
       }
-      var $ = s ? s.displayName || s.name : "", O3 = $ ? J($) : "";
-      return typeof s == "function" && z.set(s, O3), O3;
+      var $ = s ? s.displayName || s.name : "", O3 = $ ? z($) : "";
+      return typeof s == "function" && J.set(s, O3), O3;
     }
-    function a1(s, o, n) {
+    function v1(s, o, n) {
       return S3(s, !1);
     }
-    function v1(s) {
+    function h1(s) {
       var o = s.prototype;
       return !!(o && o.isReactComponent);
     }
@@ -496,25 +496,25 @@ function l2() {
       if (s == null)
         return "";
       if (typeof s == "function")
-        return S3(s, v1(s));
+        return S3(s, h1(s));
       if (typeof s == "string")
-        return J(s);
+        return z(s);
       switch (s) {
         case E:
-          return J("Suspense");
+          return z("Suspense");
         case j:
-          return J("SuspenseList");
+          return z("SuspenseList");
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
           case x:
-            return a1(s.render);
+            return v1(s.render);
           case y:
             return X(s.type, o, n);
           case _: {
-            var i = s, h = i._payload, w = i._init;
+            var i = s, u = i._payload, w = i._init;
             try {
-              return X(w(h), o, n);
+              return X(w(u), o, n);
             } catch {
             }
           }
@@ -529,36 +529,36 @@ function l2() {
       } else
         y3.setExtraStackFrame(null);
     }
-    function h1(s, o, n, i, h) {
+    function d1(s, o, n, i, u) {
       {
         var w = Function.call.bind(Q);
-        for (var v in s)
-          if (w(s, v)) {
-            var a = void 0;
+        for (var h in s)
+          if (w(s, h)) {
+            var v = void 0;
             try {
-              if (typeof s[v] != "function") {
-                var R = Error((i || "React class") + ": " + n + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof s[h] != "function") {
+                var R = Error((i || "React class") + ": " + n + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw R.name = "Invariant Violation", R;
               }
-              a = s[v](o, v, i, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (Z) {
-              a = Z;
+              v = s[h](o, h, i, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (m) {
+              v = m;
             }
-            a && !(a instanceof Error) && (N(h), I("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", n, v, typeof a), N(null)), a instanceof Error && !(a.message in b3) && (b3[a.message] = !0, N(h), I("Failed %s type: %s", n, a.message), N(null));
+            v && !(v instanceof Error) && (N(u), I("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", n, h, typeof v), N(null)), v instanceof Error && !(v.message in b3) && (b3[v.message] = !0, N(u), I("Failed %s type: %s", n, v.message), N(null));
           }
       }
     }
-    var d1 = Array.isArray;
-    function o3(s) {
-      return d1(s);
+    var u1 = Array.isArray;
+    function n3(s) {
+      return u1(s);
     }
-    function u1(s) {
+    function g1(s) {
       {
         var o = typeof Symbol == "function" && Symbol.toStringTag, n = o && s[Symbol.toStringTag] || s.constructor.name || "Object";
         return n;
       }
     }
-    function g1(s) {
+    function w1(s) {
       try {
         return I3(s), !1;
       } catch {
@@ -569,17 +569,17 @@ function l2() {
       return "" + s;
     }
     function R3(s) {
-      if (g1(s))
-        return I("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", u1(s)), I3(s);
+      if (w1(s))
+        return I("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", g1(s)), I3(s);
     }
-    var U = p.ReactCurrentOwner, w1 = {
+    var U = p.ReactCurrentOwner, x1 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, E3, _3, n3;
-    n3 = {};
-    function x1(s) {
+    }, E3, _3, l3;
+    l3 = {};
+    function f1(s) {
       if (Q.call(s, "ref")) {
         var o = Object.getOwnPropertyDescriptor(s, "ref").get;
         if (o && o.isReactWarning)
@@ -587,7 +587,7 @@ function l2() {
       }
       return s.ref !== void 0;
     }
-    function f1(s) {
+    function p1(s) {
       if (Q.call(s, "key")) {
         var o = Object.getOwnPropertyDescriptor(s, "key").get;
         if (o && o.isReactWarning)
@@ -595,13 +595,13 @@ function l2() {
       }
       return s.key !== void 0;
     }
-    function p1(s, o) {
+    function M1(s, o) {
       if (typeof s.ref == "string" && U.current && o && U.current.stateNode !== o) {
         var n = T(U.current.type);
-        n3[n] || (I('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', T(U.current.type), s.ref), n3[n] = !0);
+        l3[n] || (I('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', T(U.current.type), s.ref), l3[n] = !0);
       }
     }
-    function M1(s, o) {
+    function Z1(s, o) {
       {
         var n = function() {
           E3 || (E3 = !0, I("%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)", o));
@@ -612,7 +612,7 @@ function l2() {
         });
       }
     }
-    function Z1(s, o) {
+    function m1(s, o) {
       {
         var n = function() {
           _3 || (_3 = !0, I("%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)", o));
@@ -623,54 +623,54 @@ function l2() {
         });
       }
     }
-    var m1 = function(s, o, n, i, h, w, v) {
-      var a = {
+    var j1 = function(s, o, n, i, u, w, h) {
+      var v = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
         // Built-in properties that belong on the element
         type: s,
         key: o,
         ref: n,
-        props: v,
+        props: h,
         // Record the component responsible for creating this element.
         _owner: w
       };
-      return a._store = {}, Object.defineProperty(a._store, "validated", {
+      return v._store = {}, Object.defineProperty(v._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(a, "_self", {
+      }), Object.defineProperty(v, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: i
-      }), Object.defineProperty(a, "_source", {
+      }), Object.defineProperty(v, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: h
-      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
+        value: u
+      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
     };
-    function j1(s, o, n, i, h) {
+    function C1(s, o, n, i, u) {
       {
-        var w, v = {}, a = null, R = null;
-        n !== void 0 && (R3(n), a = "" + n), f1(o) && (R3(o.key), a = "" + o.key), x1(o) && (R = o.ref, p1(o, h));
+        var w, h = {}, v = null, R = null;
+        n !== void 0 && (R3(n), v = "" + n), p1(o) && (R3(o.key), v = "" + o.key), f1(o) && (R = o.ref, M1(o, u));
         for (w in o)
-          Q.call(o, w) && !w1.hasOwnProperty(w) && (v[w] = o[w]);
+          Q.call(o, w) && !x1.hasOwnProperty(w) && (h[w] = o[w]);
         if (s && s.defaultProps) {
-          var Z = s.defaultProps;
-          for (w in Z)
-            v[w] === void 0 && (v[w] = Z[w]);
+          var m = s.defaultProps;
+          for (w in m)
+            h[w] === void 0 && (h[w] = m[w]);
         }
-        if (a || R) {
+        if (v || R) {
           var C = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          a && M1(v, C), R && Z1(v, C);
+          v && Z1(h, C), R && m1(h, C);
         }
-        return m1(s, a, R, h, i, U.current, v);
+        return j1(s, v, R, u, i, U.current, h);
       }
     }
-    var l3 = p.ReactCurrentOwner, B3 = p.ReactDebugCurrentFrame;
+    var i3 = p.ReactCurrentOwner, B3 = p.ReactDebugCurrentFrame;
     function k(s) {
       if (s) {
         var o = s._owner, n = X(s.type, s._source, o ? o.type : null);
@@ -678,15 +678,15 @@ function l2() {
       } else
         B3.setExtraStackFrame(null);
     }
-    var i3;
-    i3 = !1;
-    function a3(s) {
+    var a3;
+    a3 = !1;
+    function v3(s) {
       return typeof s == "object" && s !== null && s.$$typeof === r;
     }
-    function L3() {
+    function A3() {
       {
-        if (l3.current) {
-          var s = T(l3.current.type);
+        if (i3.current) {
+          var s = T(i3.current.type);
           if (s)
             return `
 
@@ -695,7 +695,7 @@ Check the render method of \`` + s + "`.";
         return "";
       }
     }
-    function C1(s) {
+    function S1(s) {
       {
         if (s !== void 0) {
           var o = s.fileName.replace(/^.*[\\\/]/, ""), n = s.lineNumber;
@@ -706,10 +706,10 @@ Check your code at ` + o + ":" + n + ".";
         return "";
       }
     }
-    var A3 = {};
-    function S1(s) {
+    var L3 = {};
+    function b1(s) {
       {
-        var o = L3();
+        var o = A3();
         if (!o) {
           var n = typeof s == "string" ? s : s.displayName || s.name;
           n && (o = `
@@ -724,34 +724,34 @@ Check the top-level render call using <` + n + ">.");
         if (!s._store || s._store.validated || s.key != null)
           return;
         s._store.validated = !0;
-        var n = S1(o);
-        if (A3[n])
+        var n = b1(o);
+        if (L3[n])
           return;
-        A3[n] = !0;
+        L3[n] = !0;
         var i = "";
-        s && s._owner && s._owner !== l3.current && (i = " It was passed a child from " + T(s._owner.type) + "."), k(s), I('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, i), k(null);
+        s && s._owner && s._owner !== i3.current && (i = " It was passed a child from " + T(s._owner.type) + "."), k(s), I('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, i), k(null);
       }
     }
     function P3(s, o) {
       {
         if (typeof s != "object")
           return;
-        if (o3(s))
+        if (n3(s))
           for (var n = 0; n < s.length; n++) {
             var i = s[n];
-            a3(i) && T3(i, o);
+            v3(i) && T3(i, o);
           }
-        else if (a3(s))
+        else if (v3(s))
           s._store && (s._store.validated = !0);
         else if (s) {
-          var h = O(s);
-          if (typeof h == "function" && h !== s.entries)
-            for (var w = h.call(s), v; !(v = w.next()).done; )
-              a3(v.value) && T3(v.value, o);
+          var u = O(s);
+          if (typeof u == "function" && u !== s.entries)
+            for (var w = u.call(s), h; !(h = w.next()).done; )
+              v3(h.value) && T3(h.value, o);
         }
       }
     }
-    function b1(s) {
+    function y1(s) {
       {
         var o = s.type;
         if (o == null || typeof o == "string")
@@ -767,16 +767,16 @@ Check the top-level render call using <` + n + ">.");
           return;
         if (n) {
           var i = T(o);
-          h1(n, s.props, "prop", i, s);
-        } else if (o.PropTypes !== void 0 && !i3) {
-          i3 = !0;
-          var h = T(o);
-          I("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", h || "Unknown");
+          d1(n, s.props, "prop", i, s);
+        } else if (o.PropTypes !== void 0 && !a3) {
+          a3 = !0;
+          var u = T(o);
+          I("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", u || "Unknown");
         }
         typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && I("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function y1(s) {
+    function I1(s) {
       {
         for (var o = Object.keys(s.props), n = 0; n < o.length; n++) {
           var i = o[n];
@@ -788,47 +788,47 @@ Check the top-level render call using <` + n + ">.");
         s.ref !== null && (k(s), I("Invalid attribute `ref` supplied to `React.Fragment`."), k(null));
       }
     }
-    function D3(s, o, n, i, h, w) {
+    function D3(s, o, n, i, u, w) {
       {
-        var v = t1(s);
-        if (!v) {
-          var a = "";
-          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (a += " 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 R = C1(h);
-          R ? a += R : a += L3();
-          var Z;
-          s === null ? Z = "null" : o3(s) ? Z = "array" : s !== void 0 && s.$$typeof === r ? (Z = "<" + (T(s.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : Z = typeof s, I("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Z, a);
-        }
-        var C = j1(s, o, n, h, w);
+        var h = o1(s);
+        if (!h) {
+          var v = "";
+          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (v += " 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 R = S1(u);
+          R ? v += R : v += A3();
+          var m;
+          s === null ? m = "null" : n3(s) ? m = "array" : s !== void 0 && s.$$typeof === r ? (m = "<" + (T(s.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : m = typeof s, I("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", m, v);
+        }
+        var C = C1(s, o, n, u, w);
         if (C == null)
           return C;
-        if (v) {
-          var L = o.children;
-          if (L !== void 0)
+        if (h) {
+          var A = o.children;
+          if (A !== void 0)
             if (i)
-              if (o3(L)) {
-                for (var $ = 0; $ < L.length; $++)
-                  P3(L[$], s);
-                Object.freeze && Object.freeze(L);
+              if (n3(A)) {
+                for (var $ = 0; $ < A.length; $++)
+                  P3(A[$], s);
+                Object.freeze && Object.freeze(A);
               } else
                 I("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
-              P3(L, s);
+              P3(A, s);
         }
-        return s === l ? y1(C) : b1(C), C;
+        return s === l ? I1(C) : y1(C), C;
       }
     }
-    function I1(s, o, n) {
+    function R1(s, o, n) {
       return D3(s, o, n, !0);
     }
-    function R1(s, o, n) {
+    function E1(s, o, n) {
       return D3(s, o, n, !1);
     }
-    var E1 = R1, _1 = I1;
-    H.Fragment = l, H.jsx = E1, H.jsxs = _1;
+    var _1 = E1, B1 = R1;
+    H.Fragment = l, H.jsx = _1, H.jsxs = B1;
   }()), H;
 }
-var q = {};
+var G = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -839,30 +839,30 @@ var q = {};
  * LICENSE file in the root directory of this source tree.
  */
 var $3;
-function i2() {
+function v2() {
   if ($3)
-    return q;
+    return G;
   $3 = 1;
-  var c = H3, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, g = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, m = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var c = H3, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, a = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Z = { key: !0, ref: !0, __self: !0, __source: !0 };
   function S(b, x, E) {
     var j, y = {}, _ = null, B = null;
     E !== void 0 && (_ = "" + E), x.key !== void 0 && (_ = "" + x.key), x.ref !== void 0 && (B = x.ref);
     for (j in x)
-      l.call(x, j) && !m.hasOwnProperty(j) && (y[j] = x[j]);
+      l.call(x, j) && !Z.hasOwnProperty(j) && (y[j] = x[j]);
     if (b && b.defaultProps)
       for (j in x = b.defaultProps, x)
         y[j] === void 0 && (y[j] = x[j]);
-    return { $$typeof: r, type: b, key: _, ref: B, props: y, _owner: g.current };
+    return { $$typeof: r, type: b, key: _, ref: B, props: y, _owner: a.current };
   }
-  return q.Fragment = t, q.jsx = S, q.jsxs = S, q;
+  return G.Fragment = t, G.jsx = S, G.jsxs = S, G;
 }
-process.env.NODE_ENV === "production" ? d3.exports = i2() : d3.exports = l2();
-var e = d3.exports;
-const a2 = () => /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "disconnected-message", children: [
+process.env.NODE_ENV === "production" ? u3.exports = v2() : u3.exports = a2();
+var e = u3.exports;
+const h2 = () => /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "disconnected-message", children: [
   /* @__PURE__ */ e.jsx("h1", { children: "Disconnected" }),
   /* @__PURE__ */ e.jsx("p", { children: "Reconnecting..." })
 ] }) });
-class v2 {
+class d2 {
   constructor() {
     d(this, "uuid", "current-uuid");
     d(this, "roomKey", "current-room-key");
@@ -870,23 +870,22 @@ class v2 {
     d(this, "expiry", "current-uuid-expires");
   }
 }
-const F3 = new v2();
-function h2(c) {
+const F3 = new d2();
+function u2(c) {
   return sessionStorage.getItem(c) || "";
 }
-function d2(c, r) {
+function g2(c, r) {
   sessionStorage.setItem(c, r);
 }
-const X3 = V1({
-  sendMessage: () => null
-});
-function u3() {
-  return k1(X3);
+function c3() {
+  return F1(Q3);
 }
-const u2 = ({ children: c }) => {
-  const [r, t] = r3(), l = c2(), g = s2(), m = t2(), S = n2(), b = e2(), x = $1(null), [E, j] = r3(), y = V3(
+const Q3 = $1({
+  sendMessage: () => null
+}), w2 = ({ children: c }) => {
+  const [r, t] = r3(), l = t2(), a = o2(), Z = n2(), S = i2(), b = s2(), x = W1(null), [E, j] = r3(), y = V3(
     async (B) => {
-      await h3.get(`${B}/ui/joinroom?token=${r}`).then((M) => {
+      await d3.get(`${B}/ui/joinroom?token=${r}`).then((M) => {
         M.status === 200 && M.data && D.dispatch(F.setRoomData(M.data));
       }).catch((M) => {
         console.log(M);
@@ -895,22 +894,22 @@ const u2 = ({ children: c }) => {
     [r]
   ), _ = V3(
     (B, M) => {
-      x.current && l && x.current.send(JSON.stringify({ type: B, clientId: m, content: M }));
+      x.current && l && x.current.send(JSON.stringify({ type: B, clientId: Z, content: M }));
     },
-    [l, m]
+    [l, Z]
   );
-  return Y(() => {
+  return K(() => {
     let M = new URLSearchParams(window.location.search).get("token");
-    M ? (console.log("saving token: ", M), d2(F3.uuid, M)) : (M = h2(F3.uuid), console.log("loading token: ", M)), t(M), S();
-  }, []), Y(() => {
+    M ? (console.log("saving token: ", M), g2(F3.uuid, M)) : (M = u2(F3.uuid), console.log("loading token: ", M)), t(M), S();
+  }, []), K(() => {
     if (!(!b.apiPath || E || !r)) {
       if (y(b.apiPath), !x.current) {
-        const M = `${b.apiPath.replace("http", "ws")}/ui/join/${r}`, A = new WebSocket(M);
-        x.current = A, A.onopen = () => {
+        const M = `${b.apiPath.replace("http", "ws")}/ui/join/${r}`, L = new WebSocket(M);
+        x.current = L, L.onopen = () => {
           console.log("connected"), D.dispatch(F.setWebsocketIsConnected(!0));
-        }, A.onerror = (O) => {
+        }, L.onerror = (O) => {
           console.log(O);
-        }, A.onclose = () => {
+        }, L.onclose = () => {
           if (console.log("disconnected"), x.current)
             console.log("WebSocket closed by server.");
           else {
@@ -918,7 +917,7 @@ const u2 = ({ children: c }) => {
             return;
           }
           E || (D.dispatch(F.setWebsocketIsConnected(!1)), j(!0), setTimeout(() => j(void 0), 5e3));
-        }, A.onmessage = (O) => {
+        }, L.onmessage = (O) => {
           try {
             const p = JSON.parse(O.data);
             if (console.log(p), p.type.startsWith("/system/"))
@@ -937,7 +936,7 @@ const u2 = ({ children: c }) => {
                   break;
               }
             else
-              p.type.startsWith("/room/") ? D.dispatch(K1.setRoomState(p)) : p.type.startsWith("/device/") && D.dispatch(q1.setDeviceState(p));
+              p.type.startsWith("/room/") ? D.dispatch(J1.setRoomState(p)) : p.type.startsWith("/device/") && D.dispatch(K1.setDeviceState(p));
           } catch (p) {
             console.log(p);
           }
@@ -947,29 +946,32 @@ const u2 = ({ children: c }) => {
         x.current && x.current.close(), x.current = null;
       };
     }
-  }, [b.apiPath, y, r, E]), Y(() => {
-    g && _(`/room/${g}/status`, null);
-  }, [g, _]), /* @__PURE__ */ e.jsx(X3.Provider, { value: { sendMessage: _ }, children: l ? c : /* @__PURE__ */ e.jsx(a2, {}) });
-}, B8 = ({ children: c }) => /* @__PURE__ */ e.jsx(O1, { store: D, children: /* @__PURE__ */ e.jsx(u2, { children: c }) }), L8 = ({ config: c }) => {
-  const { sendMessage: r } = u3();
-  Y(() => {
+  }, [b.apiPath, y, r, E]), K(() => {
+    a && _(`/room/${a}/status`, null);
+  }, [a, _]), /* @__PURE__ */ e.jsx(Q3.Provider, { value: { sendMessage: _ }, children: l ? c : /* @__PURE__ */ e.jsx(h2, {}) });
+}, T8 = ({ children: c }) => /* @__PURE__ */ e.jsx(k1, { store: D, children: /* @__PURE__ */ e.jsx(w2, { children: c }) }), P8 = ({ config: c }) => {
+  const { sendMessage: r } = c3();
+  K(() => {
+    var l;
     if (!c)
       return;
     const t = [];
-    c.displayKeys.forEach((l) => {
-      t.push(l);
-    }), c.environmentalDevices.forEach((l) => {
-      t.push(l);
+    c.displayKeys.forEach((a) => {
+      t.push(a);
+    }), (l = c.touchpanelKeys) == null || l.forEach((a) => {
+      t.push(a);
+    }), c.environmentalDevices.forEach((a) => {
+      t.push(a);
     }), c.audioCodecKey && t.push(c.audioCodecKey), c.videoCodecKey && t.push(c.videoCodecKey);
-    for (const l of Object.values(c.sourceList))
-      t.push(l.sourceKey);
-    t.forEach((l) => {
-      r(`/device/${l}/fullStatus`, { deviceKey: l });
+    for (const a of Object.values(c.sourceList))
+      t.push(a.sourceKey);
+    t.forEach((a) => {
+      r(`/device/${a}/fullStatus`, { deviceKey: a });
     });
   }, [c, r]);
 };
-function g2(c) {
-  const { sendMessage: r } = u3();
+function x2(c) {
+  const { sendMessage: r } = c3();
   return { powerOn: () => {
     r(`/device/${c}/powerOn`, null);
   }, powerOff: () => {
@@ -978,27 +980,50 @@ function g2(c) {
     r(`/device/${c}/powerToggle`, null);
   } };
 }
-function A8(c) {
-  const { sendMessage: r } = u3();
+function D8(c) {
+  const { sendMessage: r } = c3();
   return { runDirectRoute: (l) => {
     r(`/room/${c}/directRoute`, l);
   } };
 }
-function T8(c) {
-  const r = r2(c), t = g2(c);
-  return { state: r, powerControl: t };
+function O8(c) {
+  const r = X3(c), { sendMessage: t } = c3();
+  return r ? {
+    touchpanelState: r,
+    appControl: { hideApp: () => {
+      t(`/device/${c}/hideApp`, null);
+    }, openApp: () => {
+      t(`/device/${c}/openApp`, null);
+    }, closeApp: () => {
+      t(`/device/${c}/closeApp`, null);
+    } },
+    zoomControl: { endCall: () => {
+      t(`/device/${c}/endCall`, null);
+    } }
+  } : void 0;
+}
+function V8(c) {
+  const r = X3(c), t = x2(c);
+  if (!r)
+    return;
+  const l = (r.powerState || r.isWarming) && !r.isCooling, a = (!r.powerState || r.isCooling) && !r.isWarming;
+  return {
+    displayState: r,
+    powerControl: t,
+    powerFb: { powerOnFb: l, powerOffFb: a }
+  };
 }
-const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger rounded d-flex align-items-center", children: /* @__PURE__ */ e.jsx("span", { className: "fs-5 text-white", children: "We are sorry. Something went wrong." }) }), w2 = "_iconbtn_16qss_1", x2 = "_iconbtnvert_16qss_7", f2 = "_iconsm_16qss_18", v3 = {
-  iconbtn: w2,
-  iconbtnvert: x2,
-  iconsm: f2
-}, p2 = ({
+const k8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger rounded d-flex align-items-center", children: /* @__PURE__ */ e.jsx("span", { className: "fs-5 text-white", children: "We are sorry. Something went wrong." }) }), f2 = "_iconbtn_16qss_1", p2 = "_iconbtnvert_16qss_7", M2 = "_iconsm_16qss_18", h3 = {
+  iconbtn: f2,
+  iconbtnvert: p2,
+  iconsm: M2
+}, Z2 = ({
   multiIcon: c,
   otherContent: r = null,
   vert: t = !1,
   className: l,
-  iconClassName: g = "",
-  otherContentClassName: m = "",
+  iconClassName: a = "",
+  otherContentClassName: Z = "",
   disabled: S,
   feedback: b,
   feedbackClassName: x,
@@ -1007,12 +1032,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
   onPointerLeave: y,
   ..._
 }) => {
-  const [B, M] = r3(!1), A = !S && b ? x : "", O = !S && (B || b);
+  const [B, M] = r3(!1), L = !S && b ? x : "", O = !S && (B || b);
   return /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
-      className: `${v3.iconbtn} ${t ? v3.iconbtnvert : ""} ${l} ${A}`,
+      className: `${h3.iconbtn} ${t ? h3.iconbtnvert : ""} ${l} ${L}`,
       ..._,
       disabled: S,
       onPointerDown: (p) => {
@@ -1028,27 +1053,27 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
         /* @__PURE__ */ e.jsx(
           c,
           {
-            className: `${g || v3.iconsm}`,
+            className: `${a || h3.iconsm}`,
             active: O,
             disabled: S
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: m, children: r })
+        /* @__PURE__ */ e.jsx("div", { className: Z, children: r })
       ]
     }
   );
-}, u = ({
+}, g = ({
   ActiveImage: c,
   DisabledImage: r,
   EnabledImage: t,
   active: l,
-  disabled: g
-}) => g ? r : l ? c : t, M2 = ({
+  disabled: a
+}) => a ? r : l ? c : t, m2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-mic-active.svg */
@@ -1092,12 +1117,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), Z2 = ({
+), j2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: /* @__PURE__ */ e.jsx(
       "svg",
@@ -1144,12 +1169,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), m2 = ({
+), C2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-ban-active.svg */
@@ -1193,12 +1218,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), j2 = ({
+), S2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: /* @__PURE__ */ e.jsx(
       "svg",
@@ -1233,12 +1258,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), C2 = ({
+), b2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-check-active.svg */
@@ -1282,12 +1307,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), S2 = ({
+), y2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-down-active.svg */
@@ -1331,12 +1356,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), b2 = ({
+), I2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-elipses-active.svg */
@@ -1380,12 +1405,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), y2 = ({
+), R2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-flag-active.svg */
@@ -1429,12 +1454,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), I2 = ({
+), E2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* /Users/hvolmer/Downloads/SVG/icon-gear-active.svg */
@@ -1478,12 +1503,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), R2 = ({
+), _2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-glass-active.svg */
@@ -1527,14 +1552,14 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), E2 = ({
+), B2 = ({
   active: c,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-hdmi-active.svg */
@@ -1596,12 +1621,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), _2 = ({
+), A2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-laptop-active.svg */
@@ -1645,12 +1670,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), B2 = ({
+), L2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-left-active.svg */
@@ -1694,12 +1719,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), L2 = ({
+), T2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-light-active.svg */
@@ -1743,12 +1768,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), A2 = ({
+), P2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-moon-active.svg */
@@ -1792,12 +1817,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), T2 = ({
+), D2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-playstation-active.svg */
@@ -1814,12 +1839,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), P2 = ({
+), O2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-podium-active.svg */
@@ -1863,12 +1888,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), D2 = ({
+), V2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-power-active.svg */
@@ -1912,12 +1937,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), O2 = ({
+), k2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-privacy-active.svg */
@@ -1961,12 +1986,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), V2 = ({
+), $2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-question-active.svg */
@@ -2010,12 +2035,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), k2 = ({
+), F2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-right-active.svg */
@@ -2059,12 +2084,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), $2 = ({
+), W2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-shade-active.svg */
@@ -2108,12 +2133,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), F2 = ({
+), U2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-sun-active.svg */
@@ -2157,12 +2182,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), W2 = ({
+), H2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-up-active.svg */
@@ -2206,12 +2231,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), U2 = ({
+), G2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-volDown-active.svg */
@@ -2255,12 +2280,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), H2 = ({
+), q2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-volMute-active.svg */
@@ -2304,12 +2329,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), q2 = ({
+), K2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-volUp-active.svg */
@@ -2353,12 +2378,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), G2 = ({
+), Y2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-wireless-active.svg */
@@ -2402,12 +2427,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), Y2 = ({
+), z2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-x-active.svg */
@@ -2451,12 +2476,12 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), K2 = ({
+), J2 = ({
   active: c,
   className: r = "",
   disabled: t
 }) => /* @__PURE__ */ e.jsx(
-  u,
+  g,
   {
     ActiveImage: (
       /* icon-xbox-active.svg */
@@ -2500,84 +2525,84 @@ const P8 = () => /* @__PURE__ */ e.jsx("div", { className: "m-2 p-2 bg-danger ro
     active: c,
     disabled: t
   }
-), J2 = {
-  Alert: Z2,
-  Camera: j2,
-  DownArrow: S2,
-  Ban: m2,
-  Check: C2,
-  Elipses: b2,
-  Flag: y2,
-  Gear: I2,
-  Glass: R2,
-  Hdmi: E2,
-  Laptop: _2,
-  LeftArrow: B2,
-  Light: L2,
-  Mic: M2,
-  Moon: A2,
-  Playstation: T2,
-  Podium: P2,
-  Power: D2,
-  Privacy: O2,
-  Question: V2,
-  RightArrow: k2,
-  Shade: $2,
-  Sun: F2,
-  UpArrow: W2,
-  VolDown: U2,
-  VolMute: H2,
-  VolUp: q2,
-  Wireless: G2,
-  X: Y2,
-  Xbox: K2
+), X2 = {
+  Alert: j2,
+  Camera: S2,
+  DownArrow: y2,
+  Ban: C2,
+  Check: b2,
+  Elipses: I2,
+  Flag: R2,
+  Gear: E2,
+  Glass: _2,
+  Hdmi: B2,
+  Laptop: A2,
+  LeftArrow: L2,
+  Light: T2,
+  Mic: m2,
+  Moon: P2,
+  Playstation: D2,
+  Podium: O2,
+  Power: V2,
+  Privacy: k2,
+  Question: $2,
+  RightArrow: F2,
+  Shade: W2,
+  Sun: U2,
+  UpArrow: H2,
+  VolDown: G2,
+  VolMute: q2,
+  VolUp: K2,
+  Wireless: Y2,
+  X: z2,
+  Xbox: J2
 };
-function D8({
+function $8({
   name: c,
   ...r
 }) {
-  return /* @__PURE__ */ e.jsx(p2, { multiIcon: J2[c], ...r });
+  return /* @__PURE__ */ e.jsx(Z2, { multiIcon: X2[c], ...r });
 }
-const z2 = "_grid_1cmpp_1", X2 = "_header_1cmpp_11", Q2 = "_content_1cmpp_17", N2 = "_footer_1cmpp_23", e8 = "_volume_1cmpp_29", G = {
-  grid: z2,
-  header: X2,
-  content: Q2,
-  footer: N2,
-  volume: e8
-}, O8 = ({ header: c, footer: r, content: t, volume: l, showVolume: g }) => /* @__PURE__ */ e.jsxs("div", { className: G.grid, children: [
-  /* @__PURE__ */ e.jsx("div", { className: G.header, children: c }),
-  /* @__PURE__ */ e.jsx("div", { className: G.content, children: t }),
-  g && /* @__PURE__ */ e.jsx("div", { className: G.volume, children: l }),
-  /* @__PURE__ */ e.jsx("div", { className: G.footer, children: r })
-] }), r8 = "_grid_11w5q_1", c8 = "_header_11w5q_11", s8 = "_content_11w5q_17", e3 = {
-  grid: r8,
-  header: c8,
-  content: s8,
+const Q2 = "_grid_1cmpp_1", N2 = "_header_1cmpp_11", e8 = "_content_1cmpp_17", r8 = "_footer_1cmpp_23", c8 = "_volume_1cmpp_29", q = {
+  grid: Q2,
+  header: N2,
+  content: e8,
+  footer: r8,
+  volume: c8
+}, F8 = ({ header: c, footer: r, content: t, volume: l, showVolume: a }) => /* @__PURE__ */ e.jsxs("div", { className: q.grid, children: [
+  /* @__PURE__ */ e.jsx("div", { className: q.header, children: c }),
+  /* @__PURE__ */ e.jsx("div", { className: q.content, children: t }),
+  a && /* @__PURE__ */ e.jsx("div", { className: q.volume, children: l }),
+  /* @__PURE__ */ e.jsx("div", { className: q.footer, children: r })
+] }), s8 = "_grid_11w5q_1", t8 = "_header_11w5q_11", o8 = "_content_11w5q_17", e3 = {
+  grid: s8,
+  header: t8,
+  content: o8,
   "left-nav": "_left-nav_11w5q_23"
-}, V8 = ({ className: c, header: r, content: t, leftNav: l }) => /* @__PURE__ */ e.jsxs("div", { className: `${c} ${e3.grid}`, children: [
+}, W8 = ({ className: c, header: r, content: t, leftNav: l }) => /* @__PURE__ */ e.jsxs("div", { className: `${c} ${e3.grid}`, children: [
   /* @__PURE__ */ e.jsx("div", { className: e3.header, children: r }),
   /* @__PURE__ */ e.jsx("div", { className: e3.leftNav, children: l }),
   /* @__PURE__ */ e.jsx("div", { className: e3.content, children: t })
 ] });
-function k8() {
+function U8() {
   return console.log(location.pathname), location.pathname;
 }
-var t8 = /* @__PURE__ */ ((c) => (c[c.NotSet = 0] = "NotSet", c[c.Sunday = 1] = "Sunday", c[c.Monday = 2] = "Monday", c[c.Tuesday = 4] = "Tuesday", c[c.Wednesday = 8] = "Wednesday", c[c.Thursday = 16] = "Thursday", c[c.Friday = 32] = "Friday", c[c.Saturday = 64] = "Saturday", c))(t8 || {});
-class $8 {
+var n8 = /* @__PURE__ */ ((c) => (c[c.NotSet = 0] = "NotSet", c[c.Sunday = 1] = "Sunday", c[c.Monday = 2] = "Monday", c[c.Tuesday = 4] = "Tuesday", c[c.Wednesday = 8] = "Wednesday", c[c.Thursday = 16] = "Thursday", c[c.Friday = 32] = "Friday", c[c.Saturday = 64] = "Saturday", c))(n8 || {});
+class H8 {
   constructor(r, t) {
     d(this, "path");
     d(this, "handler");
     this.path = r, this.handler = t;
   }
 }
-class F8 {
+class G8 {
   constructor() {
     d(this, "name", "");
     d(this, "iconUrl", "");
     d(this, "channel", "");
   }
 }
-class W8 {
+class q8 {
   constructor() {
     d(this, "audioCodecKey");
     d(this, "defaultDisplayKey");
@@ -2594,24 +2619,26 @@ class W8 {
     d(this, "userCanChangeShareMode");
     d(this, "videoCodecIsZoomRoom");
     d(this, "videoCodecKey");
+    d(this, "touchpanelKeys");
+    d(this, "zoomRoomControllerKey");
   }
 }
-class U8 {
+class K8 {
   constructor() {
     d(this, "deviceKey");
     d(this, "deviceType");
   }
 }
-class H8 {
+class Y8 {
   constructor() {
     d(this, "currentShareText");
     d(this, "enabled");
     d(this, "isSharing");
   }
 }
-const q8 = ({ className: c }) => {
+const z8 = ({ className: c }) => {
   const [r, t] = r3();
-  return Y(() => {
+  return K(() => {
     setInterval(() => {
       const l = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
       t(l);
@@ -2622,83 +2649,85 @@ const q8 = ({ className: c }) => {
   ] });
 };
 export {
-  q8 as Clock,
-  t8 as DaysOfWeek,
-  U8 as EnvironmentalDeviceConfiguration,
-  P8 as ErrorBox,
-  p2 as IconButton,
-  Z2 as IconMultiAlert,
-  m2 as IconMultiBan,
-  j2 as IconMultiCamera,
-  C2 as IconMultiCheck,
-  S2 as IconMultiDownArrow,
-  b2 as IconMultiElipses,
-  y2 as IconMultiFlag,
-  I2 as IconMultiGear,
-  R2 as IconMultiGlass,
-  E2 as IconMultiHdmi,
-  _2 as IconMultiLaptop,
-  B2 as IconMultiLeftArrow,
-  L2 as IconMultiLight,
-  A2 as IconMultiMoon,
-  T2 as IconMultiPlaystation,
-  P2 as IconMultiPodium,
-  D2 as IconMultiPower,
-  O2 as IconMultiPrivacy,
-  V2 as IconMultiQuestion,
-  k2 as IconMultiRightArrow,
-  $2 as IconMultiShade,
-  F2 as IconMultiSun,
-  W2 as IconMultiUpArrow,
-  U2 as IconMultiVolDown,
-  H2 as IconMultiVolMute,
-  q2 as IconMultiVolUp,
-  G2 as IconMultiWireless,
-  Y2 as IconMultiX,
-  K2 as IconMultiXbox,
-  O8 as MainLayout,
-  $8 as MessageHandler,
-  B8 as MobileControlProvider,
-  u as MultiStateIconContainer,
-  D8 as NamedIconButton,
-  F8 as PresetChannel,
-  W8 as RoomConfiguration,
-  H8 as ShareState,
-  V8 as TechLayout,
-  k8 as getBaseLocation,
-  h3 as httpClient,
+  z8 as Clock,
+  n8 as DaysOfWeek,
+  K8 as EnvironmentalDeviceConfiguration,
+  k8 as ErrorBox,
+  Z2 as IconButton,
+  j2 as IconMultiAlert,
+  C2 as IconMultiBan,
+  S2 as IconMultiCamera,
+  b2 as IconMultiCheck,
+  y2 as IconMultiDownArrow,
+  I2 as IconMultiElipses,
+  R2 as IconMultiFlag,
+  E2 as IconMultiGear,
+  _2 as IconMultiGlass,
+  B2 as IconMultiHdmi,
+  A2 as IconMultiLaptop,
+  L2 as IconMultiLeftArrow,
+  T2 as IconMultiLight,
+  P2 as IconMultiMoon,
+  D2 as IconMultiPlaystation,
+  O2 as IconMultiPodium,
+  V2 as IconMultiPower,
+  k2 as IconMultiPrivacy,
+  $2 as IconMultiQuestion,
+  F2 as IconMultiRightArrow,
+  W2 as IconMultiShade,
+  U2 as IconMultiSun,
+  H2 as IconMultiUpArrow,
+  G2 as IconMultiVolDown,
+  q2 as IconMultiVolMute,
+  K2 as IconMultiVolUp,
+  Y2 as IconMultiWireless,
+  z2 as IconMultiX,
+  J2 as IconMultiXbox,
+  F8 as MainLayout,
+  H8 as MessageHandler,
+  T8 as MobileControlProvider,
+  g as MultiStateIconContainer,
+  $8 as NamedIconButton,
+  G8 as PresetChannel,
+  q8 as RoomConfiguration,
+  Y8 as ShareState,
+  W8 as TechLayout,
+  U8 as getBaseLocation,
+  d3 as httpClient,
   D as store,
-  v8 as uiActions,
-  N1 as uiReducer,
-  h8 as useApiPath,
-  e2 as useAppConfig,
-  o2 as useAppDispatch,
-  t2 as useClientId,
-  L8 as useGetAllDeviceStateFromRoomConfiguration,
-  d8 as useGetAllDevices,
-  E8 as useGetCurrentPopoverIdForGroup,
-  r2 as useGetDevice,
-  b8 as useGetRoomDisplays,
-  g2 as useIHasPowerControl,
-  A8 as useIRunDirectRouteAction,
-  n2 as useInitialize,
-  C8 as useRoomAdvancedSharingActive,
-  u8 as useRoomConfiguration,
-  p8 as useRoomDestinationKeys,
-  M8 as useRoomInCall,
-  m8 as useRoomIsCoolingDown,
-  j8 as useRoomIsOn,
-  Z8 as useRoomIsWarmingUp,
-  s2 as useRoomKey,
-  x8 as useRoomMasterVolume,
-  w8 as useRoomName,
-  S8 as useRoomShareState,
-  f8 as useRoomSourceList,
-  g8 as useRoomState,
-  I8 as useShowIncomingCallModal,
-  R8 as useShowModal,
-  _8 as useShowPopoverById,
-  y8 as useShowShutdownModal,
-  T8 as useTwoWayDisplayBase,
-  c2 as useWsIsConnected
+  d8 as uiActions,
+  r2 as uiReducer,
+  u8 as useApiPath,
+  s2 as useAppConfig,
+  l2 as useAppDispatch,
+  n2 as useClientId,
+  P8 as useGetAllDeviceStateFromRoomConfiguration,
+  g8 as useGetAllDevices,
+  A8 as useGetCurrentPopoverIdForGroup,
+  X3 as useGetDevice,
+  I8 as useGetRoomDisplays,
+  R8 as useGetZoomRoomControllerKey,
+  x2 as useIHasPowerControl,
+  D8 as useIRunDirectRouteAction,
+  i2 as useInitialize,
+  O8 as useMobileControlTouchpanelController,
+  b8 as useRoomAdvancedSharingActive,
+  w8 as useRoomConfiguration,
+  Z8 as useRoomDestinationKeys,
+  m8 as useRoomInCall,
+  C8 as useRoomIsCoolingDown,
+  S8 as useRoomIsOn,
+  j8 as useRoomIsWarmingUp,
+  o2 as useRoomKey,
+  p8 as useRoomMasterVolume,
+  f8 as useRoomName,
+  y8 as useRoomShareState,
+  M8 as useRoomSourceList,
+  x8 as useRoomState,
+  _8 as useShowIncomingCallModal,
+  B8 as useShowModal,
+  L8 as useShowPopoverById,
+  E8 as useShowShutdownModal,
+  V8 as useTwoWayDisplayBase,
+  t2 as useWsIsConnected
 };