@100mslive/roomkit-react 0.3.22-alpha.2 → 0.3.22-alpha.3

package/dist/{chunk-4BQ3AMVG.js → chunk-26D5FDBW.js}

@@ -1,6 +1,6 @@
 import {
   Text
-} from "./chunk-BXBPZGSP.js";
+} from "./chunk-JKWX7W4K.js";
 import {
   Dropdown,
   ToastManager,
@@ -8,11 +8,11 @@ import {
   useLandscapeHLSStream,
   useMobileHLSStream,
   useShowStreamingUI
-} from "./chunk-USEEH3QW.js";
+} from "./chunk-BQOT4DK7.js";
 import {
   Box,
   Flex
-} from "./chunk-4L5OKEIV.js";
+} from "./chunk-7QZJMUHM.js";
 import {
   IconButton,
   IconButton_default,
@@ -56,7 +56,7 @@ import {
   useUISettings,
   useUpdateRoomLayout,
   useUserPreferences
-} from "./chunk-6BX3VCVC.js";
+} from "./chunk-ENHSO6YN.js";
 import {
   APP_DATA,
   CAPTION_TOAST,
@@ -100,7 +100,7 @@ import {
   keyframes,
   styled,
   theme
-} from "./chunk-YDIB6WKJ.js";
+} from "./chunk-TBXRX6MK.js";
 
 // ../../node_modules/ua-parser-js/src/ua-parser.js
 var require_ua_parser = __commonJS({
@@ -6444,7 +6444,7 @@ var Collapsible = {
 
 // src/Prebuilt/App.tsx
 init_define_process_env();
-import React74, { useEffect as useEffect40, useRef as useRef15 } from "react";
+import React74, { useEffect as useEffect41, useRef as useRef15 } from "react";
 import { match as match7 } from "ts-pattern";
 import {
   HMSReactiveStore,
@@ -10794,7 +10794,7 @@ var c = (a2, e, t) => new Promise((i, r) => {
   n((t = t.apply(a2, e)).next());
 });
 var yr = oo((xc, go) => {
-  go.exports = { version: "0.12.22-alpha.2", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, 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" } }, sideEffects: false, 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", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+  go.exports = { version: "0.12.22-alpha.3", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, 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" } }, sideEffects: false, 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", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
 });
 var Tr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Tr || {});
 var no = ((e) => (e.CHAT = "chat", e))(no || {});
@@ -11965,17 +11965,14 @@ import { HMSNotificationTypes as HMSNotificationTypes6, useHMSNotifications as u
 var notificationTypes = [
   HMSNotificationTypes6.PEER_JOINED,
   HMSNotificationTypes6.PEER_LEFT,
-  HMSNotificationTypes6.NAME_UPDATED,
-  HMSNotificationTypes6.ROLE_UPDATED
+  HMSNotificationTypes6.NAME_UPDATED
 ];
 var PeerNotifications = () => {
   const notification = useHMSNotifications7(notificationTypes);
   const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
   const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
   const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
-  const updateRoomLayoutForRole = useUpdateRoomLayout();
   useEffect19(() => {
-    var _a, _b;
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
@@ -11997,15 +11994,6 @@ var PeerNotifications = () => {
       case HMSNotificationTypes6.NAME_UPDATED:
         console.log(notification.data.id + " changed their name to " + notification.data.name);
         return;
-      case HMSNotificationTypes6.ROLE_UPDATED: {
-        if (((_a = notification.data) == null ? void 0 : _a.isLocal) && ((_b = notification.data) == null ? void 0 : _b.roleName)) {
-          ToastManager.addToast({
-            title: `You are now a ${notification.data.roleName}`
-          });
-          updateRoomLayoutForRole == null ? void 0 : updateRoomLayoutForRole(notification.data.roleName);
-        }
-        return;
-      }
       default:
         return;
     }
@@ -12180,31 +12168,53 @@ var ReconnectNotifications = () => {
   return null;
 };
 
+// src/Prebuilt/components/Notifications/RoleChangeNotification.tsx
+init_define_process_env();
+import { useEffect as useEffect23 } from "react";
+import { HMSNotificationTypes as HMSNotificationTypes10, useHMSNotifications as useHMSNotifications11 } from "@100mslive/react-sdk";
+var RoleChangeNotification = () => {
+  const notification = useHMSNotifications11(HMSNotificationTypes10.ROLE_UPDATED);
+  const updateRoomLayoutForRole = useUpdateRoomLayout();
+  useEffect23(() => {
+    var _a, _b;
+    if (!(notification == null ? void 0 : notification.data)) {
+      return;
+    }
+    if (((_a = notification.data) == null ? void 0 : _a.isLocal) && ((_b = notification.data) == null ? void 0 : _b.roleName)) {
+      ToastManager.addToast({
+        title: `You are now a ${notification.data.roleName}`
+      });
+      updateRoomLayoutForRole == null ? void 0 : updateRoomLayoutForRole(notification.data.roleName);
+    }
+  }, [notification]);
+  return null;
+};
+
 // src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
 init_define_process_env();
-import React37, { useEffect as useEffect23, useState as useState8 } from "react";
+import React37, { useEffect as useEffect24, useState as useState8 } from "react";
 import {
-  HMSNotificationTypes as HMSNotificationTypes10,
+  HMSNotificationTypes as HMSNotificationTypes11,
   useHMSActions as useHMSActions8,
-  useHMSNotifications as useHMSNotifications11
+  useHMSNotifications as useHMSNotifications12
 } from "@100mslive/react-sdk";
 import { MicOnIcon } from "@100mslive/react-icons";
 var notificationTypes4 = [
-  HMSNotificationTypes10.CHANGE_MULTI_TRACK_STATE_REQUEST,
-  HMSNotificationTypes10.ROOM_ENDED,
-  HMSNotificationTypes10.REMOVED_FROM_ROOM
+  HMSNotificationTypes11.CHANGE_MULTI_TRACK_STATE_REQUEST,
+  HMSNotificationTypes11.ROOM_ENDED,
+  HMSNotificationTypes11.REMOVED_FROM_ROOM
 ];
 var TrackBulkUnmuteModal = () => {
   const hmsActions = useHMSActions8();
   const [muteNotification, setMuteNotification] = useState8(null);
-  const notification = useHMSNotifications11(notificationTypes4);
-  useEffect23(() => {
+  const notification = useHMSNotifications12(notificationTypes4);
+  useEffect24(() => {
     switch (notification == null ? void 0 : notification.type) {
-      case HMSNotificationTypes10.REMOVED_FROM_ROOM:
-      case HMSNotificationTypes10.ROOM_ENDED:
+      case HMSNotificationTypes11.REMOVED_FROM_ROOM:
+      case HMSNotificationTypes11.ROOM_ENDED:
         setMuteNotification(null);
         break;
-      case HMSNotificationTypes10.CHANGE_MULTI_TRACK_STATE_REQUEST:
+      case HMSNotificationTypes11.CHANGE_MULTI_TRACK_STATE_REQUEST:
         if (notification == null ? void 0 : notification.data.enabled) {
           setMuteNotification(notification.data);
         }
@@ -12237,28 +12247,28 @@ var TrackBulkUnmuteModal = () => {
 
 // src/Prebuilt/components/Notifications/TrackNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect24 } from "react";
-import { HMSNotificationTypes as HMSNotificationTypes11, useHMSNotifications as useHMSNotifications12 } from "@100mslive/react-sdk";
+import { useEffect as useEffect25 } from "react";
+import { HMSNotificationTypes as HMSNotificationTypes12, useHMSNotifications as useHMSNotifications13 } from "@100mslive/react-sdk";
 var notificationTypes5 = [
-  HMSNotificationTypes11.TRACK_ADDED,
-  HMSNotificationTypes11.TRACK_REMOVED,
-  HMSNotificationTypes11.TRACK_MUTED,
-  HMSNotificationTypes11.TRACK_UNMUTED,
-  HMSNotificationTypes11.CHANGE_TRACK_STATE_REQUEST
+  HMSNotificationTypes12.TRACK_ADDED,
+  HMSNotificationTypes12.TRACK_REMOVED,
+  HMSNotificationTypes12.TRACK_MUTED,
+  HMSNotificationTypes12.TRACK_UNMUTED,
+  HMSNotificationTypes12.CHANGE_TRACK_STATE_REQUEST
 ];
 var TrackNotifications = () => {
-  const notification = useHMSNotifications12(notificationTypes5);
-  useEffect24(() => {
+  const notification = useHMSNotifications13(notificationTypes5);
+  useEffect25(() => {
     var _a, _b;
     if (notification) {
       switch (notification.type) {
-        case HMSNotificationTypes11.TRACK_ADDED:
-        case HMSNotificationTypes11.TRACK_REMOVED:
-        case HMSNotificationTypes11.TRACK_MUTED:
-        case HMSNotificationTypes11.TRACK_UNMUTED:
+        case HMSNotificationTypes12.TRACK_ADDED:
+        case HMSNotificationTypes12.TRACK_REMOVED:
+        case HMSNotificationTypes12.TRACK_MUTED:
+        case HMSNotificationTypes12.TRACK_UNMUTED:
           console.debug(`[${notification.type}]`, notification);
           break;
-        case HMSNotificationTypes11.CHANGE_TRACK_STATE_REQUEST:
+        case HMSNotificationTypes12.CHANGE_TRACK_STATE_REQUEST:
           {
             const track = (_a = notification.data) == null ? void 0 : _a.track;
             if (!notification.data.enabled) {
@@ -12277,33 +12287,33 @@ var TrackNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
 init_define_process_env();
-import React38, { useEffect as useEffect25, useState as useState9 } from "react";
+import React38, { useEffect as useEffect26, useState as useState9 } from "react";
 import {
-  HMSNotificationTypes as HMSNotificationTypes12,
+  HMSNotificationTypes as HMSNotificationTypes13,
   useHMSActions as useHMSActions9,
-  useHMSNotifications as useHMSNotifications13
+  useHMSNotifications as useHMSNotifications14
 } from "@100mslive/react-sdk";
 import { MicOnIcon as MicOnIcon2 } from "@100mslive/react-icons";
 var notificationTypes6 = [
-  HMSNotificationTypes12.CHANGE_TRACK_STATE_REQUEST,
-  HMSNotificationTypes12.ROOM_ENDED,
-  HMSNotificationTypes12.REMOVED_FROM_ROOM
+  HMSNotificationTypes13.CHANGE_TRACK_STATE_REQUEST,
+  HMSNotificationTypes13.ROOM_ENDED,
+  HMSNotificationTypes13.REMOVED_FROM_ROOM
 ];
 var TrackUnmuteModal = () => {
   const hmsActions = useHMSActions9();
-  const notification = useHMSNotifications13(notificationTypes6);
+  const notification = useHMSNotifications14(notificationTypes6);
   const [muteNotification, setMuteNotification] = useState9(null);
-  useEffect25(() => {
+  useEffect26(() => {
     switch (notification == null ? void 0 : notification.type) {
-      case HMSNotificationTypes12.REMOVED_FROM_ROOM:
-      case HMSNotificationTypes12.ROOM_ENDED:
+      case HMSNotificationTypes13.REMOVED_FROM_ROOM:
+      case HMSNotificationTypes13.ROOM_ENDED:
         ToastManager.addToast({
           title: `${notification.message}. 
               ${notification.data.reason && `Reason: ${notification.data.reason}`}`
         });
         setMuteNotification(null);
         break;
-      case HMSNotificationTypes12.CHANGE_TRACK_STATE_REQUEST:
+      case HMSNotificationTypes13.CHANGE_TRACK_STATE_REQUEST:
         if (notification == null ? void 0 : notification.data.enabled) {
           setMuteNotification(notification.data);
         }
@@ -12333,14 +12343,14 @@ var TrackUnmuteModal = () => {
 
 // src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
 init_define_process_env();
-import React39, { useEffect as useEffect26 } from "react";
+import React39, { useEffect as useEffect27 } from "react";
 import { match as match5 } from "ts-pattern";
-import { HMSNotificationTypes as HMSNotificationTypes13, HMSTranscriptionState, useHMSNotifications as useHMSNotifications14 } from "@100mslive/react-sdk";
+import { HMSNotificationTypes as HMSNotificationTypes14, HMSTranscriptionState, useHMSNotifications as useHMSNotifications15 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon, ClosedCaptionIcon, OpenCaptionIcon } from "@100mslive/react-icons";
 var TranscriptionNotifications = () => {
-  const notification = useHMSNotifications14(HMSNotificationTypes13.TRANSCRIPTION_STATE_UPDATED);
+  const notification = useHMSNotifications15(HMSNotificationTypes14.TRANSCRIPTION_STATE_UPDATED);
   const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
@@ -12392,7 +12402,7 @@ function Notifications() {
   if (isNotificationDisabled) {
     return null;
   }
-  return /* @__PURE__ */ React40.createElement(React40.Fragment, null, /* @__PURE__ */ React40.createElement(TrackUnmuteModal, null), /* @__PURE__ */ React40.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ React40.createElement(TrackNotifications, null), roomState === HMSRoomState4.Connected ? /* @__PURE__ */ React40.createElement(PeerNotifications, null) : null, /* @__PURE__ */ React40.createElement(PollNotificationModal, null), /* @__PURE__ */ React40.createElement(MessageNotifications, null), /* @__PURE__ */ React40.createElement(DeviceChangeNotifications, null), /* @__PURE__ */ React40.createElement(ReconnectNotifications, null), /* @__PURE__ */ React40.createElement(ErrorNotifications, null), /* @__PURE__ */ React40.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ React40.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ React40.createElement(InitErrorModal, null), /* @__PURE__ */ React40.createElement(ChatNotifications, null), /* @__PURE__ */ React40.createElement(HandRaisedNotifications, null), /* @__PURE__ */ React40.createElement(TranscriptionNotifications, null), /* @__PURE__ */ React40.createElement(DeviceInUseError, null));
+  return /* @__PURE__ */ React40.createElement(React40.Fragment, null, /* @__PURE__ */ React40.createElement(TrackUnmuteModal, null), /* @__PURE__ */ React40.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ React40.createElement(TrackNotifications, null), roomState === HMSRoomState4.Connected ? /* @__PURE__ */ React40.createElement(PeerNotifications, null) : null, /* @__PURE__ */ React40.createElement(RoleChangeNotification, null), /* @__PURE__ */ React40.createElement(PollNotificationModal, null), /* @__PURE__ */ React40.createElement(MessageNotifications, null), /* @__PURE__ */ React40.createElement(DeviceChangeNotifications, null), /* @__PURE__ */ React40.createElement(ReconnectNotifications, null), /* @__PURE__ */ React40.createElement(ErrorNotifications, null), /* @__PURE__ */ React40.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ React40.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ React40.createElement(InitErrorModal, null), /* @__PURE__ */ React40.createElement(ChatNotifications, null), /* @__PURE__ */ React40.createElement(HandRaisedNotifications, null), /* @__PURE__ */ React40.createElement(TranscriptionNotifications, null), /* @__PURE__ */ React40.createElement(DeviceInUseError, null));
 }
 
 // src/Prebuilt/components/PIP/PIPProvider.tsx
@@ -12451,7 +12461,7 @@ var FullPageProgress_default = FullPageProgress;
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
 init_define_process_env();
-import React64, { Fragment as Fragment5, useCallback as useCallback12, useEffect as useEffect35, useMemo as useMemo5, useState as useState20 } from "react";
+import React64, { Fragment as Fragment5, useCallback as useCallback12, useEffect as useEffect36, useMemo as useMemo5, useState as useState20 } from "react";
 import { useMeasure as useMeasure2, useMedia as useMedia12 } from "react-use";
 import {
   HMSRoomState as HMSRoomState6,
@@ -12472,7 +12482,7 @@ import { MicOffIcon as MicOffIcon4, SettingsIcon as SettingsIcon3 } from "@100ms
 
 // src/Prebuilt/layouts/SidePane.tsx
 init_define_process_env();
-import React52, { Suspense, useEffect as useEffect28 } from "react";
+import React52, { Suspense, useEffect as useEffect29 } from "react";
 import { useMedia as useMedia8 } from "react-use";
 import { match as match6 } from "ts-pattern";
 import { selectAppData as selectAppData3, selectVideoTrackByPeerID as selectVideoTrackByPeerID3, useHMSStore as useHMSStore20 } from "@100mslive/react-sdk";
@@ -12790,7 +12800,7 @@ import { selectLocalPeerName, useHMSActions as useHMSActions10, useHMSStore as u
 
 // src/Prebuilt/components/MoreSettings/ChangeNameContent.tsx
 init_define_process_env();
-import React46, { useEffect as useEffect27, useRef as useRef10 } from "react";
+import React46, { useEffect as useEffect28, useRef as useRef10 } from "react";
 import { ChevronLeftIcon, CrossIcon as CrossIcon4 } from "@100mslive/react-icons";
 var ChangeNameContent = ({
   changeName,
@@ -12802,7 +12812,7 @@ var ChangeNameContent = ({
   onBackClick
 }) => {
   const inputRef = useRef10(null);
-  useEffect27(() => {
+  useEffect28(() => {
     if (isMobile) {
       setTimeout(() => {
         var _a;
@@ -13609,14 +13619,14 @@ var VideoTile_default = VideoTile;
 
 // src/Prebuilt/layouts/SidePane.tsx
 var SidePaneTabs = React52.lazy(
-  () => import("./SidePaneTabs-T7BKZ2AT.js").then((module) => ({ default: module.SidePaneTabs }))
+  () => import("./SidePaneTabs-QXCDHOGG.js").then((module) => ({ default: module.SidePaneTabs }))
 );
-var Polls = React52.lazy(() => import("./Polls-AULCHMLW.js").then((module) => ({ default: module.Polls })));
+var Polls = React52.lazy(() => import("./Polls-IN3V2HFI.js").then((module) => ({ default: module.Polls })));
 var RoomDetailsPane = React52.lazy(
-  () => import("./RoomDetailsPane-7OP2CNJW.js").then((module) => ({ default: module.RoomDetailsPane }))
+  () => import("./RoomDetailsPane-CZH2SNLE.js").then((module) => ({ default: module.RoomDetailsPane }))
 );
 var VBPicker = React52.lazy(
-  () => import("./VBPicker-TQLIL3NC.js").then((module) => ({ default: module.VBPicker }))
+  () => import("./VBPicker-XN74N67R.js").then((module) => ({ default: module.VBPicker }))
 );
 var Wrapper3 = styled("div", {
   w: "$100",
@@ -13759,7 +13769,7 @@ var SidePane = ({
     return null;
   });
   const resetSidePane = useSidepaneReset();
-  useEffect28(() => {
+  useEffect29(() => {
     return () => {
       resetSidePane();
     };
@@ -13802,7 +13812,7 @@ var SidePane_default = SidePane;
 
 // src/Prebuilt/components/AudioVideoToggle.tsx
 init_define_process_env();
-import React59, { Fragment as Fragment4, useCallback as useCallback11, useEffect as useEffect32, useState as useState18 } from "react";
+import React59, { Fragment as Fragment4, useCallback as useCallback11, useEffect as useEffect33, useState as useState18 } from "react";
 import { HMSKrispPlugin } from "@100mslive/hms-noise-cancellation";
 import {
   DeviceType as DeviceType2,
@@ -14028,13 +14038,13 @@ var ActionTile = {
 
 // src/Prebuilt/components/Settings/SettingsModal.jsx
 init_define_process_env();
-import React58, { useCallback as useCallback10, useEffect as useEffect31, useState as useState17 } from "react";
+import React58, { useCallback as useCallback10, useEffect as useEffect32, useState as useState17 } from "react";
 import { useMedia as useMedia10 } from "react-use";
 import { ChevronLeftIcon as ChevronLeftIcon2, CrossIcon as CrossIcon7, GridFourIcon, NotificationsIcon, SettingsIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Settings/DeviceSettings.jsx
 init_define_process_env();
-import React56, { Fragment as Fragment3, useEffect as useEffect30, useRef as useRef13, useState as useState16 } from "react";
+import React56, { Fragment as Fragment3, useEffect as useEffect31, useRef as useRef13, useState as useState16 } from "react";
 import { useMedia as useMedia9 } from "react-use";
 import {
   DeviceType,
@@ -14096,11 +14106,11 @@ var DialogDropdownTrigger = React55.forwardRef(({ title, css: css2, open, icon,
 
 // src/Prebuilt/components/hooks/useAudioOutputTest.tsx
 init_define_process_env();
-import { useEffect as useEffect29, useRef as useRef12, useState as useState15 } from "react";
+import { useEffect as useEffect30, useRef as useRef12, useState as useState15 } from "react";
 var useAudioOutputTest = ({ deviceId }) => {
   const audioRef = useRef12(null);
   const [playing, setPlaying] = useState15(false);
-  useEffect29(() => {
+  useEffect30(() => {
     if (audioRef.current && deviceId) {
       try {
         if (typeof audioRef.current.setSinkId !== "undefined") {
@@ -14127,7 +14137,7 @@ var Settings = ({ setHide }) => {
   const hmsActions = useHMSActions13();
   const track = useHMSStore21(trackSelector);
   const isMobile = useMedia9(config.media.md);
-  useEffect30(() => {
+  useEffect31(() => {
     if (isMobile) {
       hmsActions.refreshDevices();
     }
@@ -14372,7 +14382,7 @@ var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ *
     (key) => (hide) => setShowSetting((prev) => __spreadProps(__spreadValues({}, prev), { [key]: !hide })),
     [setShowSetting]
   );
-  useEffect31(() => {
+  useEffect32(() => {
     if (screenType === "hls_live_streaming") {
       hideSettingByTabName("layout")(true);
     }
@@ -14384,7 +14394,7 @@ var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ *
   const resetSelection = useCallback10(() => {
     setSelection("");
   }, []);
-  useEffect31(() => {
+  useEffect32(() => {
     var _a;
     if (isMobile) {
       setSelection("");
@@ -14784,7 +14794,7 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
   const isNoiseCancellationEnabled = useIsNoiseCancellationEnabled();
   const { setNoiseCancellationWithPlugin, inProgress } = useNoiseCancellationWithPlugin();
   const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
-  useEffect32(() => {
+  useEffect33(() => {
     (() => __async(void 0, null, function* () {
       var _a;
       const isEnabledForRoom = (_a = vanillaStore.getState(selectRoom)) == null ? void 0 : _a.isNoiseCancellationEnabled;
@@ -14907,7 +14917,7 @@ var Chip_default = Chip;
 
 // src/Prebuilt/components/Header/HeaderComponents.jsx
 init_define_process_env();
-import React61, { useEffect as useEffect33, useState as useState19 } from "react";
+import React61, { useEffect as useEffect34, useState as useState19 } from "react";
 import { selectDominantSpeaker, useHMSStore as useHMSStore23 } from "@100mslive/react-sdk";
 import { VolumeOneIcon } from "@100mslive/react-icons";
 var SpeakerTag = () => {
@@ -14936,7 +14946,7 @@ var Logo = () => {
   const roomLayout = useRoomLayout();
   const logo = (_a = roomLayout == null ? void 0 : roomLayout.logo) == null ? void 0 : _a.url;
   const [hideImage, setHideImage] = useState19(false);
-  useEffect33(() => {
+  useEffect34(() => {
     if (hideImage) {
       setHideImage(false);
     }
@@ -14956,7 +14966,7 @@ var Logo = () => {
 
 // src/Prebuilt/components/VirtualBackground/VBToggle.tsx
 init_define_process_env();
-import React62, { useEffect as useEffect34 } from "react";
+import React62, { useEffect as useEffect35 } from "react";
 import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes2 } from "@100mslive/hms-virtual-background/hmsvbplugin";
 import {
   selectAppData as selectAppData4,
@@ -14977,7 +14987,7 @@ var VBToggle = () => {
   const loadingEffects = useHMSStore24(selectAppData4(APP_DATA.loadingEffects));
   const hmsActions = useHMSActions15();
   const { toggleVideo } = useAVToggle3();
-  useEffect34(() => {
+  useEffect35(() => {
     var _a;
     if (!toggleVideo) {
       (_a = VBHandler) == null ? void 0 : _a.reset();
@@ -15125,7 +15135,7 @@ var PreviewJoin = ({
   const { elements = {} } = useRoomLayoutPreviewScreen();
   const { preview_header: previewHeader = {}, virtual_background } = elements || {};
   const aspectRatio = useLocalTileAspectRatio();
-  useEffect35(() => {
+  useEffect36(() => {
     if (authToken) {
       if (skipPreview) {
         savePreferenceAndJoin();
@@ -15134,7 +15144,7 @@ var PreviewJoin = ({
       }
     }
   }, [authToken, skipPreview]);
-  useEffect35(() => {
+  useEffect36(() => {
     if (initialName) {
       setName(initialName);
     }
@@ -15265,7 +15275,7 @@ var PreviewScreen = () => {
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 init_define_process_env();
-import React67, { useEffect as useEffect36, useState as useState21 } from "react";
+import React67, { useEffect as useEffect37, useState as useState21 } from "react";
 import { selectIsConnectedToRoom, useHMSStore as useHMSStore26 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/Toast.jsx
@@ -15291,7 +15301,7 @@ var Toast2 = (_a) => {
 var ToastContainer = () => {
   const isConnected = useHMSStore26(selectIsConnectedToRoom);
   const [toasts, setToast] = useState21([]);
-  useEffect36(() => {
+  useEffect37(() => {
     ToastManager.addListener(setToast);
     return () => {
       ToastManager.removeListener(setToast);
@@ -15325,7 +15335,7 @@ import React69 from "react";
 
 // src/Prebuilt/components/RoomDetails/Duration.tsx
 init_define_process_env();
-import React68, { useEffect as useEffect37, useState as useState22 } from "react";
+import React68, { useEffect as useEffect38, useState as useState22 } from "react";
 
 // src/Prebuilt/components/Polls/common/utils.ts
 init_define_process_env();
@@ -15353,7 +15363,7 @@ var getFormattedTime = (milliseconds, precise = true) => {
 // src/Prebuilt/components/RoomDetails/Duration.tsx
 var Duration = ({ timestamp }) => {
   const [elapsedTime, setElapsedTime] = useState22(getFormattedTime(Date.now() - timestamp.getTime(), false));
-  useEffect37(() => {
+  useEffect38(() => {
     const timerAdded = setInterval(() => {
       setElapsedTime(getFormattedTime(Date.now() - timestamp.getTime(), false));
     }, 1e3);
@@ -15418,7 +15428,7 @@ var Sheet2 = () => {
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
-import React72, { useCallback as useCallback14, useEffect as useEffect38, useMemo as useMemo6, useState as useState23 } from "react";
+import React72, { useCallback as useCallback14, useEffect as useEffect39, useMemo as useMemo6, useState as useState23 } from "react";
 import { useMedia as useMedia13 } from "react-use";
 import {
   selectIsLargeRoom,
@@ -15492,7 +15502,7 @@ function FlyingEmoji() {
     type: EMOJI_REACTION_TYPE,
     onEvent: showFlyingEmoji
   });
-  useEffect38(() => {
+  useEffect39(() => {
     window.showFlyingEmoji = showFlyingEmoji;
   }, [showFlyingEmoji]);
   return /* @__PURE__ */ React72.createElement(
@@ -15571,7 +15581,7 @@ function RemoteStopScreenshare() {
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 init_define_process_env();
-import { useCallback as useCallback16, useEffect as useEffect39, useRef as useRef14 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect40, useRef as useRef14 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom2,
   selectPermissions as selectPermissions3,
@@ -15610,12 +15620,12 @@ var useAutoStartStreaming = () => {
     isHLSRecordingOn,
     isBrowserRecordingOn
   ]);
-  useEffect39(() => {
+  useEffect40(() => {
     if (!isHLSStarted && !isHLSRunning) {
       streamStartedRef.current = false;
     }
   }, [isHLSStarted, isHLSRunning]);
-  useEffect39(() => {
+  useEffect40(() => {
     if (!isConnected || streamStartedRef.current || !(permissions == null ? void 0 : permissions.hlsStreaming)) {
       return;
     }
@@ -15625,10 +15635,10 @@ var useAutoStartStreaming = () => {
 
 // src/Prebuilt/App.tsx
 var LeaveScreen = React74.lazy(
-  () => import("./LeaveScreen-PC4KB6OG.js").then((module) => ({ default: module.LeaveScreen }))
+  () => import("./LeaveScreen-D6XU64JL.js").then((module) => ({ default: module.LeaveScreen }))
 );
 var ConferenceScreen = React74.lazy(
-  () => import("./ConferenceScreen-KS5URW6Z.js").then((module) => ({ default: module.ConferenceScreen }))
+  () => import("./ConferenceScreen-CSVWECB5.js").then((module) => ({ default: module.ConferenceScreen }))
 );
 var HMSPrebuilt = React74.forwardRef(
   ({
@@ -15647,7 +15657,7 @@ var HMSPrebuilt = React74.forwardRef(
     var _a, _b, _c, _d;
     const reactiveStore = useRef15();
     const [hydrated, setHydrated] = React74.useState(false);
-    useEffect40(() => {
+    useEffect41(() => {
       setHydrated(true);
       const hms = new HMSReactiveStore();
       const hmsStore = hms.getStore();
@@ -15662,13 +15672,13 @@ var HMSPrebuilt = React74.forwardRef(
         hmsNotifications
       };
     }, []);
-    useEffect40(() => {
+    useEffect41(() => {
       if (!ref || !reactiveStore.current) {
         return;
       }
       ref.current = __spreadValues({}, reactiveStore.current);
     }, [ref]);
-    useEffect40(() => {
+    useEffect41(() => {
       return () => {
         var _a2;
         VBHandler.reset();
@@ -15784,7 +15794,7 @@ var AppStates = ({ activeState }) => {
 var BackSwipe = () => {
   const isConnectedToRoom = useHMSStore31(selectIsConnectedToRoom3);
   const hmsActions = useHMSActions20();
-  useEffect40(() => {
+  useEffect41(() => {
     const onRouteLeave = () => __async(void 0, null, function* () {
       if (isConnectedToRoom) {
         yield hmsActions.leave();
@@ -15882,7 +15892,7 @@ import {
 
 // src/Diagnostics/AudioTest.tsx
 init_define_process_env();
-import React78, { useCallback as useCallback17, useEffect as useEffect41, useState as useState25 } from "react";
+import React78, { useCallback as useCallback17, useEffect as useEffect42, useState as useState25 } from "react";
 import {
   selectDevices,
   selectLocalAudioTrackID as selectLocalAudioTrackID2,
@@ -16153,7 +16163,7 @@ var AudioTest = () => {
     },
     [updateStep, setErrorAlone]
   );
-  useEffect41(() => {
+  useEffect42(() => {
     hmsDiagnostics == null ? void 0 : hmsDiagnostics.requestPermission({ audio: true }).catch((error2) => setError(error2));
   }, [hmsDiagnostics, setError]);
   return /* @__PURE__ */ React78.createElement(React78.Fragment, null, /* @__PURE__ */ React78.createElement(TestContainer, null, /* @__PURE__ */ React78.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, "Record a 10 second audio clip and play it back to check that your microphone and speaker are working. If they aren't, make sure your volume is turned up, try a different speaker or microphone, or check your bluetooth settings."), /* @__PURE__ */ React78.createElement(
@@ -16175,7 +16185,7 @@ var AudioTest = () => {
 
 // src/Diagnostics/BrowserTest.tsx
 init_define_process_env();
-import React79, { useEffect as useEffect42, useState as useState26 } from "react";
+import React79, { useEffect as useEffect43, useState as useState26 } from "react";
 import { parsedUserAgent as parsedUserAgent2 } from "@100mslive/react-sdk";
 var CMS_MEDIA_SERVER = "https://storage.googleapis.com/100ms-cms-prod/";
 var operatingSystemIconInfo = {
@@ -16262,7 +16272,7 @@ var BrowserTest = () => {
   var _a, _b, _c, _d;
   const { hmsDiagnostics, updateStep } = useDiagnostics();
   const [error, setError] = useState26();
-  useEffect42(() => {
+  useEffect43(() => {
     try {
       hmsDiagnostics == null ? void 0 : hmsDiagnostics.checkBrowserSupport();
     } catch (err) {
@@ -16511,7 +16521,7 @@ var downloadJson = (obj, fileName) => {
 
 // src/Diagnostics/VideoTest.tsx
 init_define_process_env();
-import React81, { useEffect as useEffect43, useState as useState28 } from "react";
+import React81, { useEffect as useEffect44, useState as useState28 } from "react";
 import {
   selectDevices as selectDevices2,
   selectLocalMediaSettings as selectLocalMediaSettings2,
@@ -16526,7 +16536,7 @@ var VideoTest = () => {
   const trackID = useHMSStore33(selectLocalVideoTrackID3);
   const sdkSelectedDevices = useHMSStore33(selectLocalMediaSettings2);
   const [error, setError] = useState28();
-  useEffect43(() => {
+  useEffect44(() => {
     hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
       updateStep(1 /* VIDEO */, { hasFailed: true });
       setError(err);
@@ -16799,4 +16809,4 @@ object-assign/index.js:
   @license MIT
   *)
 */
-//# sourceMappingURL=chunk-4BQ3AMVG.js.map
+//# sourceMappingURL=chunk-26D5FDBW.js.map