@100mslive/roomkit-react 0.1.2 → 0.1.4-alpha.0

package/dist/{chunk-2SV2DRIF.js → chunk-3HMUOAD6.js}

@@ -17,15 +17,15 @@ import {
   useSetAppDataByKey,
   useTheme,
   useUISettings
-} from "./chunk-MJNJRHS3.js";
+} from "./chunk-NLZVUXR3.js";
 import {
   useIsFeatureEnabled
-} from "./chunk-PLKNFRDT.js";
+} from "./chunk-ORPC2GYB.js";
 import {
   Box,
   Flex,
   Text
-} from "./chunk-S4QRZ4VV.js";
+} from "./chunk-6GXDYWD5.js";
 import {
   APP_DATA,
   FEATURE_LIST,
@@ -42,7 +42,7 @@ import {
   define_process_env_default,
   init_define_process_env,
   styled
-} from "./chunk-YJCBCMH4.js";
+} from "./chunk-YE4RPJYG.js";
 
 // ../../node_modules/ua-parser-js/src/ua-parser.js
 var require_ua_parser = __commonJS({
@@ -2682,23 +2682,12 @@ import {
   VideoOnIcon
 } from "@100mslive/react-icons";
 var isSameTile = ({ trackId, videoTrackID, audioTrackID }) => trackId && (videoTrackID && videoTrackID === trackId || audioTrackID && audioTrackID === trackId);
-var SpotlightActions = ({ audioTrackID, videoTrackID }) => {
+var SpotlightActions = ({ peerId }) => {
   const hmsActions = useHMSActions();
-  const spotlightTrackId = useHMSStore(selectSessionStore(SESSION_STORE_KEY.SPOTLIGHT));
-  const isTileSpotlighted = isSameTile({
-    trackId: spotlightTrackId,
-    videoTrackID,
-    audioTrackID
-  });
-  const setSpotlightTrackId = (trackId) => hmsActions.sessionStore.set(SESSION_STORE_KEY.SPOTLIGHT, trackId).catch((err) => ToastManager.addToast({ title: err.description }));
-  return /* @__PURE__ */ React.createElement(
-    StyledMenuTile.ItemButton,
-    {
-      onClick: () => isTileSpotlighted ? setSpotlightTrackId() : setSpotlightTrackId(videoTrackID || audioTrackID)
-    },
-    /* @__PURE__ */ React.createElement(StarIcon, null),
-    /* @__PURE__ */ React.createElement("span", null, isTileSpotlighted ? "Remove from Spotlight" : "Spotlight Tile for everyone")
-  );
+  const spotlightPeerId = useHMSStore(selectSessionStore(SESSION_STORE_KEY.SPOTLIGHT));
+  const isTileSpotlighted = spotlightPeerId === peerId;
+  const setSpotlightPeerId = (peer) => hmsActions.sessionStore.set(SESSION_STORE_KEY.SPOTLIGHT, peer).catch((err) => ToastManager.addToast({ title: err.description }));
+  return /* @__PURE__ */ React.createElement(StyledMenuTile.ItemButton, { onClick: () => isTileSpotlighted ? setSpotlightPeerId() : setSpotlightPeerId(peerId) }, /* @__PURE__ */ React.createElement(StarIcon, null), /* @__PURE__ */ React.createElement("span", null, isTileSpotlighted ? "Remove from Spotlight" : "Spotlight Tile for everyone"));
 };
 var PinActions = ({ audioTrackID, videoTrackID }) => {
   const [pinnedTrackId, setPinnedTrackId] = useSetAppDataByKey(APP_DATA.pinnedTrackId);
@@ -2716,18 +2705,18 @@ var PinActions = ({ audioTrackID, videoTrackID }) => {
     /* @__PURE__ */ React.createElement("span", null, isTilePinned ? "Unpin" : "Pin", " Tile for myself")
   ));
 };
-var showSpotlight = define_process_env_default.REACT_APP_ENV === "qa";
 var TileMenu = ({ audioTrackID, videoTrackID, peerID, isScreenshare = false }) => {
   var _a, _b;
   const [open, setOpen] = useState(false);
   const actions = useHMSActions();
   const localPeerID = useHMSStore(selectLocalPeerID);
   const isLocal = localPeerID === peerID;
-  const { removeOthers } = useHMSStore(selectPermissions);
+  const { removeOthers, changeRole } = useHMSStore(selectPermissions);
   const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = useRemoteAVToggle(
     audioTrackID,
     videoTrackID
   );
+  const showSpotlight = changeRole;
   const { sendEvent } = useCustomEvent({
     type: REMOTE_STOP_SCREENSHARE_TYPE
   });
@@ -2745,7 +2734,7 @@ var TileMenu = ({ audioTrackID, videoTrackID, peerID, isScreenshare = false }) =
   if (isInset && isLocal) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(StyledMenuTile.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(StyledMenuTile.Trigger, { "data-testid": "participant_menu_btn", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement(HorizontalMenuIcon, null)), /* @__PURE__ */ React.createElement(StyledMenuTile.Content, { side: "top", align: "end" }, isLocal ? showPinAction && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PinActions, { audioTrackID, videoTrackID }), showSpotlight && /* @__PURE__ */ React.createElement(SpotlightActions, { audioTrackID, videoTrackID })) : /* @__PURE__ */ React.createElement(React.Fragment, null, toggleVideo ? /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(StyledMenuTile.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(StyledMenuTile.Trigger, { "data-testid": "participant_menu_btn", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement(HorizontalMenuIcon, null)), /* @__PURE__ */ React.createElement(StyledMenuTile.Content, { side: "top", align: "end" }, isLocal ? showPinAction && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PinActions, { audioTrackID, videoTrackID }), showSpotlight && /* @__PURE__ */ React.createElement(SpotlightActions, { peerId: peerID })) : /* @__PURE__ */ React.createElement(React.Fragment, null, toggleVideo ? /* @__PURE__ */ React.createElement(
     StyledMenuTile.ItemButton,
     {
       onClick: toggleVideo,
@@ -2761,7 +2750,7 @@ var TileMenu = ({ audioTrackID, videoTrackID, peerID, isScreenshare = false }) =
     },
     isAudioEnabled ? /* @__PURE__ */ React.createElement(MicOnIcon, null) : /* @__PURE__ */ React.createElement(MicOffIcon, null),
     /* @__PURE__ */ React.createElement("span", null, isAudioEnabled ? "Mute" : "Request Unmute")
-  ) : null, audioTrackID ? /* @__PURE__ */ React.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider" }, /* @__PURE__ */ React.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ React.createElement(SpeakerIcon, null), /* @__PURE__ */ React.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ React.createElement(Slider, { css: { my: "0.5rem" }, step: 5, value: [volume], onValueChange: (e) => setVolume(e[0]) })) : null, showPinAction && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PinActions, { audioTrackID, videoTrackID }), showSpotlight && /* @__PURE__ */ React.createElement(SpotlightActions, { audioTrackID, videoTrackID })), /* @__PURE__ */ React.createElement(SimulcastLayers, { trackId: videoTrackID }), removeOthers ? /* @__PURE__ */ React.createElement(
+  ) : null, audioTrackID ? /* @__PURE__ */ React.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider" }, /* @__PURE__ */ React.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ React.createElement(SpeakerIcon, null), /* @__PURE__ */ React.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ React.createElement(Slider, { css: { my: "0.5rem" }, step: 5, value: [volume], onValueChange: (e) => setVolume(e[0]) })) : null, showPinAction && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PinActions, { audioTrackID, videoTrackID }), showSpotlight && /* @__PURE__ */ React.createElement(SpotlightActions, { peerId: peerID })), /* @__PURE__ */ React.createElement(SimulcastLayers, { trackId: videoTrackID }), removeOthers ? /* @__PURE__ */ React.createElement(
     StyledMenuTile.RemoveItem,
     {
       onClick: () => __async(void 0, null, function* () {
@@ -5338,7 +5327,7 @@ var $t = (n2, e) => {
 };
 var mr = (n2, e) => () => (e || n2((e = { exports: {} }).exports, e), e.exports);
 var Jt = mr((aa, Ar) => {
-  Ar.exports = { name: "@100mslive/hms-video", version: "0.9.11", license: "MIT", main: "dist/index.cjs.js", typings: "dist/index.d.ts", module: "dist/index.js", files: ["dist", "src"], engines: { node: ">=10" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", test: "jest --maxWorkers=1", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", format: "prettier --write src/**/*.ts" }, author: "100ms <tech-common@100ms.live>", devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", tslib: "^2.2.0" }, dependencies: { eventemitter2: "^6.4.7", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0" } };
+  Ar.exports = { name: "@100mslive/hms-video", version: "0.9.13-alpha.0", license: "MIT", main: "dist/index.cjs.js", typings: "dist/index.d.ts", module: "dist/index.js", files: ["dist", "src"], engines: { node: ">=10" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", test: "jest --maxWorkers=1", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", format: "prettier --write src/**/*.ts" }, author: "100ms <tech-common@100ms.live>", devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", tslib: "^2.2.0" }, dependencies: { eventemitter2: "^6.4.7", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0" } };
 });
 var Se = class {
 };
@@ -5792,10 +5781,10 @@ var Ie = ((c) => (c.Disconnected = "Disconnected", c.Connecting = "Connecting",
 var me = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(me || {});
 
 // ../hms-video-store/dist/index.js
-import { EventEmitter2 as ys } from "eventemitter2";
+import { EventEmitter2 as gs } from "eventemitter2";
 var Ut = (s, e) => () => (e || s((e = { exports: {} }).exports, e), e.exports);
-var At = Ut((Vn, vs) => {
-  vs.exports = { version: "0.10.11", license: "MIT", main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", sideEffects: false, dependencies: { "@100mslive/hms-video": "0.9.11", eventemitter2: "^6.4.7", immer: "^9.0.6", reselect: "4.0.0", zustand: "3.5.7" }, devDependencies: { "ts-node": "^10.4.0", tslib: "^2.2.0" }, description: "This is an addon to the core sdk provided by 100ms. It abstracts away the intricacies of data management and provides a flux based reactive data store where data flows in only one direction.", repository: { type: "git", url: "git+https://github.com/100mslive/hms-video-store.git" }, keywords: ["video", "webrtc", "conferencing", "100ms"], bugs: { url: "https://github.com/100mslive/hms-video-store/issues" }, homepage: "https://github.com/100mslive/hms-video-store#readme" };
+var At = Ut((Kn, Is) => {
+  Is.exports = { version: "0.10.13-alpha.0", license: "MIT", main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", sideEffects: false, dependencies: { "@100mslive/hms-video": "0.9.13-alpha.0", eventemitter2: "^6.4.7", immer: "^9.0.6", reselect: "4.0.0", zustand: "3.5.7" }, devDependencies: { "ts-node": "^10.4.0", tslib: "^2.2.0" }, description: "This is an addon to the core sdk provided by 100ms. It abstracts away the intricacies of data management and provides a flux based reactive data store where data flows in only one direction.", repository: { type: "git", url: "git+https://github.com/100mslive/hms-video-store.git" }, keywords: ["video", "webrtc", "conferencing", "100ms"], bugs: { url: "https://github.com/100mslive/hms-video-store/issues" }, homepage: "https://github.com/100mslive/hms-video-store#readme" };
 });
 var Re = ((n2) => (n2.Disconnected = "Disconnected", n2.Preview = "Preview", n2.Connecting = "Connecting", n2.Connected = "Connected", n2.Reconnecting = "Reconnecting", n2.Disconnecting = "Disconnecting", n2.Failed = "Failed", n2))(Re || {});
 var Vt = ((e) => (e.CHAT = "chat", e))(Vt || {});
@@ -5839,8 +5828,8 @@ function Y(s) {
 }
 var P2 = (s) => s.room;
 var Bt = (s) => s.errors;
-var li = createSelector(Bt, (s) => s.length === 0 ? null : s.at(-1));
-var di = createSelector(P2, (s) => s.id);
+var di = createSelector(Bt, (s) => s.length === 0 ? null : s.at(-1));
+var ui2 = createSelector(P2, (s) => s.id);
 var k = (s) => s.peers;
 var Qe = (s) => s.messages.byID;
 var $e = (s) => s.messages.allIDs;
@@ -5848,22 +5837,23 @@ var T = (s) => s.tracks;
 var ve2 = (s) => s.appData;
 var qt = (s) => s.speakers;
 var B = createSelector([P2], (s) => s && s.isConnected);
-var Mi = createSelector([B, P2], (s, e) => s ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
-var w2 = createSelector([P2, k], (s, e) => s.peers.map((t) => e[t]));
-var jt = createSelector(T, (s) => Object.values(s));
+var Ti2 = createSelector([B, P2], (s, e) => s ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
+var jt = (s) => s.hideLocalPeer;
+var w2 = createSelector([P2, k, jt], (s, e, t) => t ? s.peers.filter((i) => s.localPeer !== i).map((i) => e[i]) : s.peers.map((i) => e[i]));
+var Gt = createSelector(T, (s) => Object.values(s));
 var v2 = createSelector(P2, k, (s, e) => e[s.localPeer]);
 var G = createSelector(P2, (s) => s.localPeer);
-var Ti2 = createSelector(v2, (s) => s == null ? void 0 : s.name);
-var Hi = createSelector(v2, (s) => s == null ? void 0 : s.roleName);
+var Hi = createSelector(v2, (s) => s == null ? void 0 : s.name);
+var fi2 = createSelector(v2, (s) => s == null ? void 0 : s.roleName);
 var b = createSelector(v2, (s) => s == null ? void 0 : s.audioTrack);
 var I = createSelector(v2, (s) => s == null ? void 0 : s.videoTrack);
-var Gt = createSelector(v2, (s) => s == null ? void 0 : s.auxiliaryTracks);
-var Je = createSelector([b, I, Gt], (s, e, t) => {
+var Ft = createSelector(v2, (s) => s == null ? void 0 : s.auxiliaryTracks);
+var Je = createSelector([b, I, Ft], (s, e, t) => {
   let i = t ? [...t] : [];
   return s && i.unshift(s), e && i.unshift(e), i;
 });
-var fi2 = createSelector(w2, (s) => s.filter((e) => !e.isLocal));
-var mi = createSelector(k, qt, (s, e) => {
+var mi = createSelector(w2, (s) => s.filter((e) => !e.isLocal));
+var yi = createSelector(k, qt, (s, e) => {
   let t = Object.entries(e).sort((i, o2) => {
     var n2, l;
     let r = ((n2 = i[1]) == null ? void 0 : n2.audioLevel) || 0;
@@ -5880,7 +5870,7 @@ var Ee = createSelector(v2, T, (s, e) => {
   let { video: t, audio: i } = j(e, s);
   return !!(t || i);
 });
-var Ft = createSelector(k, T, (s, e) => {
+var Qt = createSelector(k, T, (s, e) => {
   let t;
   for (let i in s) {
     let o2 = s[i], { video: r, audio: a } = j(e, o2);
@@ -5890,15 +5880,15 @@ var Ft = createSelector(k, T, (s, e) => {
   }
   return t;
 });
-var gi = createSelector(Ft, (s) => !!s);
-var hi = createSelector(k, T, (s, e) => {
+var hi = createSelector(Qt, (s) => !!s);
+var Pi2 = createSelector(k, T, (s, e) => {
   for (let t in s) {
     let i = s[t], { audio: o2, video: r } = j(e, i);
     if (!r && o2)
       return i;
   }
 });
-var Pi2 = createSelector(k, T, (s, e) => {
+var ki2 = createSelector(k, T, (s, e) => {
   let t = [], i = [];
   for (let o2 in s) {
     let r = s[o2], { video: a, audio: n2 } = j(e, r);
@@ -5906,23 +5896,23 @@ var Pi2 = createSelector(k, T, (s, e) => {
   }
   return t.concat(i);
 });
-var ki2 = createSelector(k, T, (s, e) => {
+var Ri2 = createSelector(k, T, (s, e) => {
   for (let t in e) {
     let i = e[t];
     if (J2(i) && W(i) && i.peerId)
       return s[i.peerId];
   }
 });
-var Ri2 = createSelector(k, T, (s, e) => {
+var Di2 = createSelector(k, T, (s, e) => {
   for (let t in e) {
     let i = e[t];
     if (ce2(i) && i.peerId)
       return s[i.peerId];
   }
 });
-var Di2 = createSelector(jt, (s) => s.filter(Ge));
-var vi = createSelector($e, (s) => s.length);
-var Ii2 = createSelector(Qe, (s) => Object.values(s).filter((e) => !e.read).length);
+var vi = createSelector(Gt, (s) => s.filter(Ge));
+var Ii2 = createSelector($e, (s) => s.length);
+var Ei2 = createSelector(Qe, (s) => Object.values(s).filter((e) => !e.read).length);
 var Se2 = createSelector($e, Qe, (s, e) => {
   let t = [];
   return s.forEach((i) => {
@@ -5930,26 +5920,26 @@ var Se2 = createSelector($e, Qe, (s, e) => {
   }), t;
 });
 var E2 = createSelector([P2], (s) => s && s.roomState);
-var Ei2 = createSelector(E2, (s) => s === "Preview");
-var bi = createSelector(P2, (s) => s.roomState !== "Disconnected");
+var bi = createSelector(E2, (s) => s === "Preview");
+var Ai2 = createSelector(P2, (s) => s.roomState !== "Disconnected");
 var _2 = (s) => s.roles;
-var Ai2 = createSelector([_2], (s) => Object.keys(s));
+var Ci = createSelector([_2], (s) => Object.keys(s));
 var le2 = createSelector([v2, _2], (s, e) => s != null && s.roleName ? e[s.roleName] : null);
-var Qt = (s) => {
+var $t2 = (s) => {
   var e;
   return (e = s.preview) == null ? void 0 : e.asRole;
 };
-var ze = createSelector([Qt, _2], (s, e) => s ? e[s] : null);
-var Ci = createSelector([le2], (s) => {
+var ze = createSelector([$t2, _2], (s, e) => s ? e[s] : null);
+var Ni2 = createSelector([le2], (s) => {
   var e;
   return (e = s == null ? void 0 : s.subscribeParams) != null && e.subscribeToRoles ? s.subscribeParams.subscribeToRoles.length > 0 : false;
 });
 var Xe = createSelector(le2, (s) => s == null ? void 0 : s.permissions);
-var Ni2 = createSelector(P2, (s) => s.recording);
-var Li = createSelector(P2, (s) => s.rtmp);
-var xi2 = createSelector(P2, (s) => s.hls);
-var Oi2 = createSelector(P2, (s) => s.sessionId);
-var _i2 = createSelector(P2, (s) => s.startedAt);
+var Li = createSelector(P2, (s) => s.recording);
+var xi2 = createSelector(P2, (s) => s.rtmp);
+var Oi2 = createSelector(P2, (s) => s.hls);
+var _i2 = createSelector(P2, (s) => s.sessionId);
+var wi2 = createSelector(P2, (s) => s.startedAt);
 var Ze2 = (s) => s.polls;
 var tt = (s = "audio") => (e) => e.playlist[s].list;
 var be = (s = "audio") => (e) => e.playlist[s].selection;
@@ -6037,93 +6027,93 @@ S.level = kr.VERBOSE;
 var Ae = (s, e) => e;
 var Z = (s, e) => e;
 var dt = (s, e) => e;
-var Xt2 = (s, e) => e;
 var Zt2 = (s, e) => e;
+var es = (s, e) => e;
 var D = createSelector([k, Ae], (s, e) => e ? s[e] : null);
 var Ce = createSelector([T, Z], (s, e) => e ? s[e] : null);
-var es = createSelector([T, Z], (s, e) => {
+var ts = createSelector([T, Z], (s, e) => {
   if (!e)
     return null;
   let t = s[e];
   return (t == null ? void 0 : t.type) === "video" ? t : null;
 });
-var ts = createSelector([T, Z], (s, e) => {
+var ss = createSelector([T, Z], (s, e) => {
   if (!e)
     return null;
   let t = s[e];
   return (t == null ? void 0 : t.type) === "audio" ? t : null;
 });
-var ss = createSelector([T, Z], (s, e) => {
+var is2 = createSelector([T, Z], (s, e) => {
   if (!e)
     return null;
   let t = s[e];
   return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
 });
-var is2 = createSelector([T, Z], (s, e) => {
+var os = createSelector([T, Z], (s, e) => {
   if (!e)
     return null;
   let t = s[e];
   return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
 });
-var os = createSelector([Ze2, Zt2], (s, e) => e ? s[e] : null);
+var rs2 = createSelector([Ze2, es], (s, e) => e ? s[e] : null);
 var C = u(D);
-var Wo = u(createSelector([ve2, Xt2], (s, e) => {
+var Jo = u(createSelector([ve2, Zt2], (s, e) => {
   if (s)
     return e ? s[e] : s;
 }));
-var zo = u(createSelector(D, (s) => s == null ? void 0 : s.name));
+var Xo = u(createSelector(D, (s) => s == null ? void 0 : s.name));
 var ue = u(Ce);
-var ut = u(es);
-var Xo = u(ts);
+var ut = u(ts);
 var Zo = u(ss);
 var er = u(is2);
-var rs2 = u((s, e) => {
+var tr = u(os);
+var as = u((s, e) => {
   let t = D(s, e);
   if (t && t.videoTrack && t.videoTrack !== "")
     return s.tracks[t.videoTrack];
 });
-var as = u((s, e) => {
+var ns = u((s, e) => {
   let t = D(s, e);
   if (t && t.audioTrack && t.audioTrack !== "")
     return s.tracks[t.audioTrack];
 });
-var sr = u((s, e) => {
+var ir = u((s, e) => {
   let t = D(s, e);
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => s.tracks[i])) || [];
 });
 var pt = (s, e) => e ? s.speakers[e] : null;
-var ir = u(createSelector(pt, (s) => (s == null ? void 0 : s.audioLevel) || 0));
-var ns = (s, e) => {
-  let t = as(e)(s);
+var or = u(createSelector(pt, (s) => (s == null ? void 0 : s.audioLevel) || 0));
+var cs = (s, e) => {
+  let t = ns(e)(s);
   return pt(s, t == null ? void 0 : t.id);
 };
-var or = u(createSelector(ns, (s) => (s == null ? void 0 : s.audioLevel) || 0));
-var rr = u((s, e) => {
+var rr = u(createSelector(cs, (s) => (s == null ? void 0 : s.audioLevel) || 0));
+var ar = u((s, e) => {
   if (e)
     return s.connectionQualities[e];
 });
-var ar = u((s, e) => {
+var nr = u((s, e) => {
   let t = D(s, e);
   if (t) {
     let i = t == null ? void 0 : t.auxiliaryTracks.find((o2) => $(s.tracks[o2]));
     return i ? s.tracks[i] : void 0;
   }
 });
-var nr = u(createSelector(T, D, (s, e) => {
+var cr2 = u(createSelector(T, D, (s, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let o2 = s[i];
     return J2(o2) && W(o2);
   });
   return t ? s[t] : void 0;
 }));
-var cr2 = u(createSelector(T, D, (s, e) => {
+var Sr2 = u(createSelector(T, D, (s, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let o2 = s[i];
     return J2(o2) && $(o2);
   });
   return t ? s[t] : void 0;
 }));
-var Sr2 = u(createSelector(T, D, (s, e) => {
+var lr2 = u(createSelector(T, D, (s, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let o2 = s[i];
     return ce2(o2) && $(o2);
@@ -6132,11 +6122,11 @@ var Sr2 = u(createSelector(T, D, (s, e) => {
 }));
 var Mt = u(createSelector(T, D, (s, e) => j(s, e)));
 var Tt = (s) => createSelector(Mt(s), (e) => e.audio);
-var dr2 = u((s, e) => {
+var ur2 = u((s, e) => {
   let t = D(s, e);
   return Q(s, t == null ? void 0 : t.audioTrack);
 });
-var ur2 = u((s, e) => {
+var pr = u((s, e) => {
   let t = D(s, e);
   return Q(s, t == null ? void 0 : t.videoTrack);
 });
@@ -6144,11 +6134,11 @@ var Ht = u((s, e) => {
   if (e && s.tracks[e])
     return s.tracks[e].volume === 0;
 });
-var pr = u((s, e) => {
+var Mr2 = u((s, e) => {
   let t = D(s, e);
   return Ht(t == null ? void 0 : t.audioTrack)(s);
 });
-var Mr2 = u((s, e) => {
+var Tr = u((s, e) => {
   let t = Tt(e)(s);
   return Ht(t == null ? void 0 : t.id)(s);
 });
@@ -6162,15 +6152,15 @@ var ft = u((s, e) => {
     return t.volume;
   }
 });
-var Tr = u((s, e) => {
+var Hr = u((s, e) => {
   let t = D(s, e);
   return ft(t == null ? void 0 : t.audioTrack)(s);
 });
-var Hr = u((s, e) => {
+var fr2 = u((s, e) => {
   let t = Tt(e)(s);
   return ft(t == null ? void 0 : t.id)(s);
 });
-var fr2 = u((s, e) => {
+var mr2 = u((s, e) => {
   let t = Ce(s, e);
   if (t) {
     if (t.type !== "video") {
@@ -6194,93 +6184,93 @@ var yt = createSelector([Se2, dt], (s, e) => {
       return (i = t.recipientRoles) != null && i.length ? (o2 = t.recipientRoles) == null ? void 0 : o2.includes(e) : false;
     });
 });
-var cs = createSelector(Se2, (s) => s.filter((e) => {
+var Ss = createSelector(Se2, (s) => s.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
-var Ss = createSelector([yt, dt], (s) => s ? s.filter((e) => !e.read).length : 0);
-var ls = createSelector([mt, Ae], (s) => s ? s.filter((e) => !e.read).length : 0);
-var mr2 = createSelector(cs, (s) => s.filter((e) => !e.read).length);
-var yr = u(mt);
-var gr2 = u(yt);
-var hr = u(Ss);
+var ls = createSelector([yt, dt], (s) => s ? s.filter((e) => !e.read).length : 0);
+var ds2 = createSelector([mt, Ae], (s) => s ? s.filter((e) => !e.read).length : 0);
+var yr = createSelector(Ss, (s) => s.filter((e) => !e.read).length);
+var gr2 = u(mt);
+var hr = u(yt);
 var Pr = u(ls);
-var gt = u(os);
-var Cr = createSelector([k, T], (s, e) => Object.values(s).map((i) => {
+var kr2 = u(ds2);
+var gt = u(rs2);
+var Nr = createSelector([k, T], (s, e) => Object.values(s).map((i) => {
   var o2;
   return { peer: i, isAudioEnabled: i.audioTrack ? (o2 = e[i.audioTrack]) == null ? void 0 : o2.enabled : false };
 }));
-var ds2 = (s) => s.roleChangeRequests[0] || null;
-var Nr = createSelector([ds2, k, _2], (s, e, t) => s ? { requestedBy: s.requestedBy ? e[s.requestedBy] : void 0, role: t[s.roleName], token: s.token } : null);
-var Lr = createSelector([le2], (s) => Y(s));
-var xr2 = createSelector([ze], (s) => Y(s));
-var ps = createSelector([I, T], (s, e) => {
+var us = (s) => s.roleChangeRequests[0] || null;
+var Lr = createSelector([us, k, _2], (s, e, t) => s ? { requestedBy: s.requestedBy ? e[s.requestedBy] : void 0, role: t[s.roleName], token: s.token } : null);
+var xr2 = createSelector([le2], (s) => Y(s));
+var Or2 = createSelector([ze], (s) => Y(s));
+var Ms = createSelector([I, T], (s, e) => {
   let t = null;
   return s && (t = e[s]), (t == null ? void 0 : t.plugins) || [];
 });
-var Ms = createSelector([b, T], (s, e) => {
+var Ts = createSelector([b, T], (s, e) => {
   let t = null;
   return s && (t = e[s]), (t == null ? void 0 : t.plugins) || [];
 });
 var He = { [ct.PEER_JOINED]: "PEER_JOINED", [ct.PEER_LEFT]: "PEER_LEFT", [ct.ROLE_UPDATED]: "ROLE_UPDATED", [ct.NAME_UPDATED]: "NAME_UPDATED", [ct.METADATA_UPDATED]: "METADATA_UPDATED" };
 var te = { [ie.TRACK_ADDED]: "TRACK_ADDED", [ie.TRACK_REMOVED]: "TRACK_REMOVED", [ie.TRACK_MUTED]: "TRACK_MUTED", [ie.TRACK_UNMUTED]: "TRACK_UNMUTED", [ie.TRACK_DEGRADED]: "TRACK_DEGRADED", [ie.TRACK_RESTORED]: "TRACK_RESTORED", [ie.TRACK_DESCRIPTION_CHANGED]: "TRACK_DESCRIPTION_CHANGED" };
 var fe2 = { [Xt.POLL_CREATED]: "POLL_CREATED", [Xt.POLL_STARTED]: "POLL_STARTED", [Xt.POLL_STOPPED]: "POLL_STOPPED", [Xt.POLL_STATS_UPDATED]: "POLL_VOTES_UPDATED" };
-var Ns = (s) => s.localPeer.id;
-var Ls = (s) => s.localPeer.audioTrack;
-var xs = (s) => s.localPeer.videoTrack;
-var Os = (s, e) => e;
+var Ls = (s) => s.localPeer.id;
+var xs = (s) => s.localPeer.audioTrack;
+var Os = (s) => s.localPeer.videoTrack;
+var _s = (s, e) => e;
 var Ct = (s, e) => e;
-var _s = (s) => s.remoteTrackStats;
+var ws = (s) => s.remoteTrackStats;
 var Nt = (s) => s.peerStats;
 var we = (s) => s.localTrackStats;
-var V2 = createSelector([Nt, Ns], (s, e) => s[e]);
-var ws = createSelector(V2, (s) => {
+var V2 = createSelector([Nt, Ls], (s, e) => s[e]);
+var Us = createSelector(V2, (s) => {
   var e;
   return (e = s == null ? void 0 : s.subscribe) == null ? void 0 : e.packetsLost;
 });
-var Us = createSelector(V2, (s) => {
+var Vs = createSelector(V2, (s) => {
   var e;
   return (e = s == null ? void 0 : s.subscribe) == null ? void 0 : e.jitter;
 });
-var Vs = createSelector(V2, (s) => {
+var Ks = createSelector(V2, (s) => {
   var e;
   return (e = s == null ? void 0 : s.publish) == null ? void 0 : e.bitrate;
 });
-var Ks = createSelector(V2, (s) => {
+var Bs = createSelector(V2, (s) => {
   var e;
   return (e = s == null ? void 0 : s.subscribe) == null ? void 0 : e.bitrate;
 });
-var Bs = createSelector(V2, (s) => {
+var qs = createSelector(V2, (s) => {
   var e;
   return (e = s == null ? void 0 : s.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var qs = createSelector(V2, (s) => {
+var js = createSelector(V2, (s) => {
   var e;
   return (e = s == null ? void 0 : s.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var js = createSelector(V2, (s) => {
+var Gs = createSelector(V2, (s) => {
   var e;
   return (e = s == null ? void 0 : s.publish) == null ? void 0 : e.bytesSent;
 });
-var Gs = createSelector(V2, (s) => {
+var Fs = createSelector(V2, (s) => {
   var e;
   return (e = s == null ? void 0 : s.subscribe) == null ? void 0 : e.bytesReceived;
 });
-var Fs = createSelector([Nt, Os], (s, e) => e ? s[e] : void 0);
-var Qs = createSelector([_s, Ct], (s, e) => e ? s[e] : void 0);
+var Qs = createSelector([Nt, _s], (s, e) => e ? s[e] : void 0);
+var $s = createSelector([ws, Ct], (s, e) => e ? s[e] : void 0);
 var Ue = createSelector([we, Ct], (s, e) => e ? s[e] : void 0);
-var $s = u(Fs);
 var Ws = u(Qs);
-var Js = createSelector([we, Ls], (s, e) => {
+var Js = u($s);
+var Ys = createSelector([we, xs], (s, e) => {
   var t;
   return e ? (t = s[e]) == null ? void 0 : t[0] : void 0;
 });
-var Ys = u(createSelector(Ue, (s) => s == null ? void 0 : s[0]));
-var zs = createSelector([we, xs], (s, e) => {
+var zs = u(createSelector(Ue, (s) => s == null ? void 0 : s[0]));
+var Xs = createSelector([we, Os], (s, e) => {
   var t;
   return e ? (t = s[e]) == null ? void 0 : t[0] : void 0;
 });
-var Xs = u(createSelector(Ue, (s) => s));
+var Zs = u(createSelector(Ue, (s) => s));
 
 // src/Prebuilt/common/PeersSorter.js
 var PeersSorter = class {
@@ -6303,7 +6293,7 @@ var PeersSorter = class {
         }
       });
       if (!this.storeUnsubscribe) {
-        this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange, mi);
+        this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange, yi);
       }
       this.moveSpeakerToFront(this.speaker);
     });
@@ -6519,4 +6509,4 @@ export {
   GridCenterView,
   GridSidePaneView
 };
-//# sourceMappingURL=chunk-2SV2DRIF.js.map
+//# sourceMappingURL=chunk-3HMUOAD6.js.map