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

package/dist/{HLSView-QMU5JK7U.js → HLSView-HL455FYH.js}

@@ -9,7 +9,7 @@ import {
   Slider,
   ToastManager,
   useTheme
-} from "./chunk-WVGGQZK4.js";
+} from "./chunk-6JF3GAOH.js";
 import {
   Box,
   Flex,
@@ -23,7 +23,7 @@ import {
   __spreadValues,
   config,
   styled
-} from "./chunk-KBVIZGYW.js";
+} from "./chunk-KAJJ56J4.js";
 
 // src/Prebuilt/layouts/HLSView.jsx
 import React10, { useCallback, useEffect as useEffect3, useRef as useRef2, useState as useState4 } from "react";
@@ -840,4 +840,4 @@ var HLSView_default = HLSView;
 export {
   HLSView_default as default
 };
-//# sourceMappingURL=HLSView-QMU5JK7U.js.map
+//# sourceMappingURL=HLSView-HL455FYH.js.map

package/dist/Prebuilt/components/Leave/DesktopLeaveRoom.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { ConferencingScreen } from '@100mslive/types-prebuilt';
-export declare const DesktopLeaveRoom: ({ leaveRoom, screenType, }: {
+export declare const DesktopLeaveRoom: ({ leaveRoom, screenType, endRoom, }: {
     leaveRoom: (args: {
         endstream: boolean;
     }) => void;
     screenType: keyof ConferencingScreen;
+    endRoom: () => void;
 }) => React.JSX.Element | null;

package/dist/Prebuilt/components/Leave/MwebLeaveRoom.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { ConferencingScreen } from '@100mslive/types-prebuilt';
-export declare const MwebLeaveRoom: ({ leaveRoom, screenType, }: {
+export declare const MwebLeaveRoom: ({ leaveRoom, screenType, endRoom, }: {
     leaveRoom: (args: {
         endstream: boolean;
     }) => void;
     screenType: keyof ConferencingScreen;
+    endRoom: () => void;
 }) => React.JSX.Element | null;

package/dist/{VirtualBackground-37FXUPYO.js → VirtualBackground-6EP3X7MO.js}

@@ -1,12 +1,12 @@
 import {
   ActionTile
-} from "./chunk-ZKE2N5LH.js";
+} from "./chunk-UXBTLGWY.js";
 import {
   IconButton_default,
   Loading,
   Tooltip,
   __async
-} from "./chunk-KBVIZGYW.js";
+} from "./chunk-KAJJ56J4.js";
 
 // src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx
 import React, { useEffect, useRef, useState } from "react";
@@ -174,4 +174,4 @@ export {
   VirtualBackground,
   VirtualBackground_default as default
 };
-//# sourceMappingURL=VirtualBackground-37FXUPYO.js.map
+//# sourceMappingURL=VirtualBackground-6EP3X7MO.js.map

package/dist/{chunk-WVGGQZK4.js → chunk-6JF3GAOH.js}

@@ -35,7 +35,7 @@ import {
   textEllipsis,
   theme,
   toastAnimation
-} from "./chunk-KBVIZGYW.js";
+} from "./chunk-KAJJ56J4.js";
 
 // src/Button/Button.tsx
 import React2 from "react";
@@ -234,12 +234,12 @@ var StyledButton = styled("button", __spreadProps(__spreadValues({}, flexCenter)
   variants: {
     variant: {
       standard: getButtonVariants(
-        "$secondary_default",
-        "$secondary_bright",
-        "$secondary_dim",
-        "$secondary_disabled",
-        "$on_secondary_high",
-        "$on_secondary_low"
+        "$surface_brighter",
+        "$surface_bright",
+        "$surface_default",
+        "$surface_dim",
+        "$on_surface_high",
+        "$on_surface_low"
       ),
       danger: getButtonVariants(
         "$alert_error_default",
@@ -1995,7 +1995,7 @@ import { BrowserRouter, MemoryRouter, Navigate, Route, Routes, useParams as useP
 import {
   HMSReactiveStore,
   HMSRoomProvider,
-  selectIsConnectedToRoom as selectIsConnectedToRoom7,
+  selectIsConnectedToRoom as selectIsConnectedToRoom6,
   useHMSActions as useHMSActions20,
   useHMSStore as useHMSStore31
 } from "@100mslive/react-sdk";
@@ -2951,12 +2951,10 @@ import { useNavigate as useNavigate2, useParams as useParams2 } from "react-rout
 import {
   HMSNotificationTypes as HMSNotificationTypes7,
   HMSRoomState as HMSRoomState3,
-  selectPeerMetadata,
   selectRoomState as selectRoomState3,
   useCustomEvent,
   useHMSNotifications as useHMSNotifications7,
-  useHMSStore as useHMSStore8,
-  useHMSVanillaStore as useHMSVanillaStore4
+  useHMSStore as useHMSStore8
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/provider/roomLayoutProvider/index.tsx
@@ -4185,7 +4183,6 @@ function Notifications() {
   const notification = useHMSNotifications7();
   const navigate = useNavigate2();
   const params = useParams2();
-  const vanillaStore = useHMSVanillaStore4();
   const subscribedNotifications = useSubscribedNotifications() || {};
   const roomState = useHMSStore8(selectRoomState3);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
@@ -4199,7 +4196,7 @@ function Notifications() {
   }, []);
   useCustomEvent({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
   useEffect16(() => {
-    var _a7, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+    var _a7, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
     if (!notification || isNotificationDisabled) {
       return;
     }
@@ -4259,22 +4256,19 @@ function Notifications() {
         break;
       case HMSNotificationTypes7.ROLE_UPDATED: {
         if ((_m = notification.data) == null ? void 0 : _m.isLocal) {
-          const { prevRole } = vanillaStore.getState(selectPeerMetadata((_n = notification.data) == null ? void 0 : _n.id));
-          if (prevRole !== ((_o = notification == null ? void 0 : notification.data) == null ? void 0 : _o.roleName)) {
-            ToastManager.addToast({
-              title: `You are now a ${notification.data.roleName}`
-            });
-            updateRoomLayoutForRole(notification.data.roleName);
-          }
+          ToastManager.addToast({
+            title: `You are now a ${notification.data.roleName}`
+          });
+          updateRoomLayoutForRole(notification.data.roleName);
         }
         break;
       }
       case HMSNotificationTypes7.CHANGE_TRACK_STATE_REQUEST:
-        const track = (_p = notification.data) == null ? void 0 : _p.track;
+        const track = (_n = notification.data) == null ? void 0 : _n.track;
         if (!notification.data.enabled) {
           ToastManager.addToast({
             title: `Your ${track.source} ${track.type} was muted by
-                ${(_q = notification.data.requestedBy) == null ? void 0 : _q.name}.`
+                ${(_o = notification.data.requestedBy) == null ? void 0 : _o.name}.`
           });
         }
         break;
@@ -4308,13 +4302,12 @@ import { ExitIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Header/Header.tsx
 import React36 from "react";
-import { useMedia as useMedia4 } from "react-use";
+import { useMedia as useMedia3 } from "react-use";
 import { HMSRoomState as HMSRoomState5, selectRoomState as selectRoomState5, useHMSStore as useHMSStore17 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Header/HeaderComponents.jsx
 import React31, { useEffect as useEffect17, useState as useState11 } from "react";
-import { useMedia as useMedia2 } from "react-use";
-import { selectDominantSpeaker, selectIsConnectedToRoom as selectIsConnectedToRoom2, useHMSStore as useHMSStore9 } from "@100mslive/react-sdk";
+import { selectDominantSpeaker, useHMSStore as useHMSStore9 } from "@100mslive/react-sdk";
 import { VolumeOneIcon } from "@100mslive/react-icons";
 var SpeakerTag = () => {
   const dominantSpeaker = useHMSStore9(selectDominantSpeaker);
@@ -4342,17 +4335,12 @@ var Logo = () => {
   var _a7;
   const roomLayout = useRoomLayout();
   const logo = (_a7 = roomLayout == null ? void 0 : roomLayout.logo) == null ? void 0 : _a7.url;
-  const isMobile = useMedia2(config.media.md);
-  const isConnected = useHMSStore9(selectIsConnectedToRoom2);
   const [hideImage, setHideImage] = useState11(false);
   useEffect17(() => {
     if (hideImage) {
       setHideImage(false);
     }
   }, [logo]);
-  if (isConnected && isMobile) {
-    return null;
-  }
   return logo && !hideImage ? /* @__PURE__ */ React31.createElement(
     LogoImg,
     {
@@ -4368,11 +4356,11 @@ var Logo = () => {
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 import React34, { useCallback as useCallback13, useEffect as useEffect19, useRef as useRef5, useState as useState13 } from "react";
-import { useMedia as useMedia3 } from "react-use";
+import { useMedia as useMedia2 } from "react-use";
 import {
   HMSRoomState as HMSRoomState4,
   selectHLSState as selectHLSState2,
-  selectIsConnectedToRoom as selectIsConnectedToRoom3,
+  selectIsConnectedToRoom as selectIsConnectedToRoom2,
   selectPermissions,
   selectRoomState as selectRoomState4,
   useHMSActions as useHMSActions12,
@@ -4499,19 +4487,19 @@ import { selectLocalPeerID as selectLocalPeerID2, selectPeerByCondition, useHMSS
 import { useCallback as useCallback9 } from "react";
 import {
   selectLocalPeerID,
-  selectPeerMetadata as selectPeerMetadata2,
+  selectPeerMetadata,
   useHMSActions as useHMSActions9,
   useHMSStore as useHMSStore10,
-  useHMSVanillaStore as useHMSVanillaStore5
+  useHMSVanillaStore as useHMSVanillaStore4
 } from "@100mslive/react-sdk";
 var useMyMetadata = () => {
   const hmsActions = useHMSActions9();
   const localPeerId = useHMSStore10(selectLocalPeerID);
-  const vanillaStore = useHMSVanillaStore5();
-  const metaData = useHMSStore10(selectPeerMetadata2(localPeerId));
+  const vanillaStore = useHMSVanillaStore4();
+  const metaData = useHMSStore10(selectPeerMetadata(localPeerId));
   const update = (updatedFields) => __async(void 0, null, function* () {
     try {
-      const currentMetadata = vanillaStore.getState(selectPeerMetadata2(localPeerId));
+      const currentMetadata = vanillaStore.getState(selectPeerMetadata(localPeerId));
       yield hmsActions.changeMetadata(Object.assign(currentMetadata, updatedFields));
       return true;
     } catch (error) {
@@ -4748,7 +4736,7 @@ var LiveStatus = () => {
   var _a7;
   const { isHLSRunning, isRTMPRunning } = useRecordingStreaming2();
   const hlsState = useHMSStore15(selectHLSState2);
-  const isMobile = useMedia3(config.media.md);
+  const isMobile = useMedia2(config.media.md);
   const intervalRef = useRef5(null);
   const [liveTime, setLiveTime] = useState13(0);
   const startTimer = useCallback13(() => {
@@ -4793,7 +4781,7 @@ var LiveStatus = () => {
 var RecordingStatus = () => {
   const { isBrowserRecordingOn, isServerRecordingOn, isHLSRecordingOn, isRecordingOn } = useRecordingStreaming2();
   const permissions = useHMSStore15(selectPermissions);
-  const isMobile = useMedia3(config.media.md);
+  const isMobile = useMedia2(config.media.md);
   if (!isRecordingOn || // if only browser recording is enabled, stop recording is shown
   // so no need to show this as it duplicates
   [permissions == null ? void 0 : permissions.browserRecording, !isServerRecordingOn, !isHLSRecordingOn, isBrowserRecordingOn].every(
@@ -4892,8 +4880,8 @@ var StartRecording = () => {
   );
 };
 var StreamActions = () => {
-  const isConnected = useHMSStore15(selectIsConnectedToRoom3);
-  const isMobile = useMedia3(config.media.md);
+  const isConnected = useHMSStore15(selectIsConnectedToRoom2);
+  const isMobile = useMedia2(config.media.md);
   const roomState = useHMSStore15(selectRoomState4);
   return /* @__PURE__ */ React34.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React34.createElement(AdditionalRoomState, null), !isMobile && /* @__PURE__ */ React34.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React34.createElement(RecordingStatus, null), roomState !== HMSRoomState4.Preview ? /* @__PURE__ */ React34.createElement(LiveStatus, null) : null), isConnected && !isMobile ? /* @__PURE__ */ React34.createElement(StartRecording, null) : null);
 };
@@ -5048,7 +5036,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React35.createElement(Rea
 // src/Prebuilt/components/Header/Header.tsx
 var Header2 = () => {
   const roomState = useHMSStore17(selectRoomState5);
-  const isMobile = useMedia4(config.media.md);
+  const isMobile = useMedia3(config.media.md);
   if (roomState !== HMSRoomState5.Connected) {
     return /* @__PURE__ */ React36.createElement(React36.Fragment, null);
   }
@@ -5125,7 +5113,7 @@ import { useSearchParam } from "react-use";
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
 import React55, { Fragment as Fragment6, Suspense, useCallback as useCallback17, useEffect as useEffect24, useState as useState19 } from "react";
-import { useMedia as useMedia10 } from "react-use";
+import { useMedia as useMedia9 } from "react-use";
 import {
   HMSRoomState as HMSRoomState7,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled5,
@@ -5534,7 +5522,7 @@ var TileConnection_default = TileConnection;
 
 // src/Prebuilt/components/Settings/SettingsModal.jsx
 import React48, { useCallback as useCallback15, useEffect as useEffect21, useState as useState15 } from "react";
-import { useMedia as useMedia5 } from "react-use";
+import { useMedia as useMedia4 } from "react-use";
 import { ChevronLeftIcon, CrossIcon as CrossIcon6 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Settings/common.js
@@ -5944,7 +5932,7 @@ var settingsList = [
 // src/Prebuilt/components/Settings/SettingsModal.jsx
 var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ */ React48.createElement(React48.Fragment, null) }) => {
   const mediaQueryLg = config.media.md;
-  const isMobile = useMedia5(mediaQueryLg);
+  const isMobile = useMedia4(mediaQueryLg);
   const [showSetting, setShowSetting] = useState15(
     () => settingsList.reduce((obj, { tabName }) => __spreadProps(__spreadValues({}, obj), { [tabName]: true }), {})
   );
@@ -6150,20 +6138,20 @@ import {
   selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
   selectIsPeerAudioEnabled,
   selectLocalPeerID as selectLocalPeerID5,
-  selectPeerMetadata as selectPeerMetadata3,
+  selectPeerMetadata as selectPeerMetadata2,
   selectPeerNameByID,
   selectSessionStore as selectSessionStore3,
   selectTrackAudioByID,
   selectVideoTrackByID as selectVideoTrackByID4,
   selectVideoTrackByPeerID as selectVideoTrackByPeerID3,
   useHMSStore as useHMSStore25,
-  useHMSVanillaStore as useHMSVanillaStore6
+  useHMSVanillaStore as useHMSVanillaStore5
 } from "@100mslive/react-sdk";
 import { BrbTileIcon, HandIcon as HandIcon3, MicOffIcon as MicOffIcon3 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/TileMenu/TileMenu.jsx
 import React52, { useState as useState17 } from "react";
-import { useMedia as useMedia8 } from "react-use";
+import { useMedia as useMedia7 } from "react-use";
 import {
   selectLocalPeerID as selectLocalPeerID4,
   selectPeerByID as selectPeerByID2,
@@ -6177,7 +6165,7 @@ import { CrossIcon as CrossIcon8, VerticalMenuIcon as VerticalMenuIcon2 } from "
 
 // src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx
 import React50, { useState as useState16 } from "react";
-import { useMedia as useMedia6 } from "react-use";
+import { useMedia as useMedia5 } from "react-use";
 import { selectLocalPeerName, useHMSActions as useHMSActions16, useHMSStore as useHMSStore22 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/MoreSettings/ChangeNameContent.jsx
@@ -6292,7 +6280,7 @@ var ChangeNameModal = ({ onOpenChange, openParentSheet = null }) => {
   const hmsActions = useHMSActions16();
   const localPeerName = useHMSStore22(selectLocalPeerName);
   const [currentName, setCurrentName] = useState16(localPeerName);
-  const isMobile = useMedia6(config.media.md);
+  const isMobile = useMedia5(config.media.md);
   const changeName = () => __async(void 0, null, function* () {
     const name = currentName.trim();
     if (!name || name === localPeerName) {
@@ -6330,7 +6318,7 @@ var ChangeNameModal = ({ onOpenChange, openParentSheet = null }) => {
 
 // src/Prebuilt/components/TileMenu/TileMenuContent.jsx
 import React51, { Fragment as Fragment4 } from "react";
-import { useMedia as useMedia7 } from "react-use";
+import { useMedia as useMedia6 } from "react-use";
 import {
   selectPermissions as selectPermissions2,
   selectSessionStore as selectSessionStore2,
@@ -6496,7 +6484,7 @@ var TileMenuContent = (props) => {
   const { sendEvent } = useCustomEvent2({
     type: REMOTE_STOP_SCREENSHARE_TYPE
   });
-  const isMobile = useMedia7(config.media.md);
+  const isMobile = useMedia6(config.media.md);
   return isLocal ? (showPinAction || canMinimise) && /* @__PURE__ */ React51.createElement(React51.Fragment, null, showPinAction && /* @__PURE__ */ React51.createElement(PinActions, { audioTrackID, videoTrackID }), showSpotlight && /* @__PURE__ */ React51.createElement(SpotlightActions, { peerId: peerID, onSpotLightClick: () => closeSheetOnClick() }), canMinimise && /* @__PURE__ */ React51.createElement(MinimiseInset, null), /* @__PURE__ */ React51.createElement(
     StyledMenuTile.ItemButton,
     {
@@ -6601,7 +6589,7 @@ var TileMenu = ({
   const showPinAction = audioTrackID || videoTrackID && isPrimaryVideoTrack;
   const track = useHMSStore24(selectTrackByID3(videoTrackID));
   const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
-  const isMobile = useMedia8(config.media.md);
+  const isMobile = useMedia7(config.media.md);
   const peer = useHMSStore24(selectPeerByID2(peerID));
   const [showNameChangeModal, setShowNameChangeModal] = useState17(false);
   useDropdownList({ open, name: "TileMenu" });
@@ -6810,7 +6798,7 @@ var heightAnimation = (value) => keyframes({
   }
 });
 var AudioLevelIndicator = ({ trackId, value, delay }) => {
-  const vanillaStore = useHMSVanillaStore6();
+  const vanillaStore = useHMSVanillaStore5();
   const ref = useRef7();
   useEffect23(() => {
     const unsubscribe = vanillaStore.subscribe((audioLevel) => {
@@ -6839,7 +6827,7 @@ var AudioLevel = ({ trackId }) => {
   return /* @__PURE__ */ React53.createElement(StyledVideoTile.AudioIndicator, null, /* @__PURE__ */ React53.createElement(Flex, { align: "center", justify: "center", css: { gap: "$2" } }, [3, 2, 3].map((v, i) => /* @__PURE__ */ React53.createElement(AudioLevelIndicator, { trackId, value: v, delay: i * 0.15, key: i }))));
 };
 var PeerMetadata = ({ peerId }) => {
-  const metaData = useHMSStore25(selectPeerMetadata3(peerId));
+  const metaData = useHMSStore25(selectPeerMetadata2(peerId));
   const isHandRaised = (metaData == null ? void 0 : metaData.isHandRaised) || false;
   const isBRB = (metaData == null ? void 0 : metaData.isBRBOn) || false;
   return /* @__PURE__ */ React53.createElement(Fragment5, null, isHandRaised ? /* @__PURE__ */ React53.createElement(StyledVideoTile.AttributeBox, { css: metaStyles, "data-testid": "raiseHand_icon_onTile" }, /* @__PURE__ */ React53.createElement(HandIcon3, { width: 24, height: 24 })) : null, isBRB ? /* @__PURE__ */ React53.createElement(StyledVideoTile.AttributeBox, { css: metaStyles, "data-testid": "brb_icon_onTile" }, /* @__PURE__ */ React53.createElement(BrbTileIcon, { width: 22, height: 22 })) : null);
@@ -6849,7 +6837,7 @@ var VideoTile_default = VideoTile;
 
 // src/Prebuilt/components/Preview/PreviewForm.tsx
 import React54 from "react";
-import { useMedia as useMedia9 } from "react-use";
+import { useMedia as useMedia8 } from "react-use";
 import { JoinForm_JoinBtnType as JoinForm_JoinBtnType2 } from "@100mslive/types-prebuilt/elements/join_form";
 import { useRecordingStreaming as useRecordingStreaming3 } from "@100mslive/react-sdk";
 import { RadioIcon } from "@100mslive/react-icons";
@@ -6865,7 +6853,7 @@ var PreviewForm = ({
   const formSubmit = (e) => {
     e.preventDefault();
   };
-  const isMobile = useMedia9(config.media.md);
+  const isMobile = useMedia8(config.media.md);
   const { isHLSRunning } = useRecordingStreaming3();
   const layout = useRoomLayout();
   const { join_form: joinForm = {} } = ((_c = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
@@ -6915,7 +6903,7 @@ var Form = styled("form", {
 var PreviewForm_default = PreviewForm;
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
-var VirtualBackground = React55.lazy(() => import("./VirtualBackground-37FXUPYO.js"));
+var VirtualBackground = React55.lazy(() => import("./VirtualBackground-6EP3X7MO.js"));
 var getParticipantChipContent = (peerCount = 0) => {
   if (peerCount === 0) {
     return "You are the first to join";
@@ -7044,7 +7032,7 @@ var PreviewTile = ({ name, error }) => {
   const track = useHMSStore26(trackSelector);
   const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
   const videoTrack = useHMSStore26(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
-  const isMobile = useMedia10(config.media.md);
+  const isMobile = useMedia9(config.media.md);
   const aspectRatio = (videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) ? videoTrack.width / videoTrack.height : isMobile ? 9 / 16 : 16 / 9;
   return /* @__PURE__ */ React55.createElement(
     StyledVideoTile.Container,
@@ -7074,7 +7062,7 @@ var PreviewTile = ({ name, error }) => {
   );
 };
 var PreviewControls = ({ hideSettings }) => {
-  const isMobile = useMedia10(config.media.md);
+  const isMobile = useMedia9(config.media.md);
   return /* @__PURE__ */ React55.createElement(
     Flex,
     {
@@ -7136,7 +7124,7 @@ var PreviewContainer_default = PreviewContainer;
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 import React58, { useEffect as useEffect25, useState as useState20 } from "react";
-import { selectIsConnectedToRoom as selectIsConnectedToRoom4, useHMSStore as useHMSStore27 } from "@100mslive/react-sdk";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom3, useHMSStore as useHMSStore27 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/Toast.jsx
 import React57 from "react";
@@ -7158,7 +7146,7 @@ var Toast2 = (_a7) => {
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 var ToastContainer = () => {
-  const isConnected = useHMSStore27(selectIsConnectedToRoom4);
+  const isConnected = useHMSStore27(selectIsConnectedToRoom3);
   const [toasts, setToast] = useState20([]);
   useEffect25(() => {
     ToastManager.addListener(setToast);
@@ -7180,13 +7168,13 @@ var ToastContainer = () => {
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 import React59, { useCallback as useCallback18, useEffect as useEffect26, useMemo as useMemo4, useState as useState21 } from "react";
-import { useMedia as useMedia11 } from "react-use";
+import { useMedia as useMedia10 } from "react-use";
 import {
   selectLocalPeerID as selectLocalPeerID6,
   selectPeerNameByID as selectPeerNameByID2,
   useCustomEvent as useCustomEvent3,
   useHMSStore as useHMSStore28,
-  useHMSVanillaStore as useHMSVanillaStore7
+  useHMSVanillaStore as useHMSVanillaStore6
 } from "@100mslive/react-sdk";
 var emojiCount = 1;
 var flyAndFade = keyframes({
@@ -7213,9 +7201,9 @@ var getStartingPoints = (isMobile) => {
 };
 function FlyingEmoji() {
   const localPeerId = useHMSStore28(selectLocalPeerID6);
-  const vanillaStore = useHMSVanillaStore7();
+  const vanillaStore = useHMSVanillaStore6();
   const [emojis, setEmojis] = useState21([]);
-  const isMobile = useMedia11(config.media.md);
+  const isMobile = useMedia10(config.media.md);
   const startingPoints = useMemo4(() => getStartingPoints(isMobile), [isMobile]);
   const showFlyingEmoji = useCallback18(
     ({ emojiId, senderId }) => {
@@ -7326,7 +7314,7 @@ function RemoteStopScreenshare() {
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 import { useCallback as useCallback20, useEffect as useEffect28, useRef as useRef9 } from "react";
 import {
-  selectIsConnectedToRoom as selectIsConnectedToRoom6,
+  selectIsConnectedToRoom as selectIsConnectedToRoom5,
   selectPermissions as selectPermissions4,
   useHMSActions as useHMSActions19,
   useHMSStore as useHMSStore30,
@@ -7338,13 +7326,13 @@ import { useEffect as useEffect27, useRef as useRef8, useState as useState22 } f
 import { JoinForm_JoinBtnType as JoinForm_JoinBtnType3 } from "@100mslive/types-prebuilt/elements/join_form";
 import {
   selectAvailableRoleNames as selectAvailableRoleNames2,
-  selectIsConnectedToRoom as selectIsConnectedToRoom5,
+  selectIsConnectedToRoom as selectIsConnectedToRoom4,
   selectPeerCount,
-  selectPeerMetadata as selectPeerMetadata4,
+  selectPeerMetadata as selectPeerMetadata3,
   selectPeers,
   selectRemotePeers,
   useHMSStore as useHMSStore29,
-  useHMSVanillaStore as useHMSVanillaStore8
+  useHMSVanillaStore as useHMSVanillaStore7
 } from "@100mslive/react-sdk";
 var useFilteredRoles = () => {
   const roles = useHMSStore29(selectAvailableRoleNames2).filter((role) => !isInternalRole(role));
@@ -7358,15 +7346,15 @@ var useShowStreamingUI = () => {
 };
 var useParticipants2 = (params) => {
   var _a7;
-  const isConnected = useHMSStore29(selectIsConnectedToRoom5);
+  const isConnected = useHMSStore29(selectIsConnectedToRoom4);
   const peerCount = useHMSStore29(selectPeerCount);
   const availableRoles = useHMSStore29(selectAvailableRoleNames2);
   let participantList = useHMSStore29(isConnected ? selectPeers : selectRemotePeers);
   const rolesWithParticipants = Array.from(new Set(participantList.map((peer) => peer.roleName)));
-  const vanillaStore = useHMSVanillaStore8();
+  const vanillaStore = useHMSVanillaStore7();
   if ((_a7 = params == null ? void 0 : params.metadata) == null ? void 0 : _a7.isHandRaised) {
     participantList = participantList.filter((peer) => {
-      return vanillaStore.getState(selectPeerMetadata4(peer.id)).isHandRaised;
+      return vanillaStore.getState(selectPeerMetadata3(peer.id)).isHandRaised;
     });
   }
   if ((params == null ? void 0 : params.role) && availableRoles.includes(params.role)) {
@@ -7385,7 +7373,7 @@ var useAutoStartStreaming = () => {
   const permissions = useHMSStore30(selectPermissions4);
   const showStreamingUI = useShowStreamingUI();
   const hmsActions = useHMSActions19();
-  const isConnected = useHMSStore30(selectIsConnectedToRoom6);
+  const isConnected = useHMSStore30(selectIsConnectedToRoom5);
   const { isHLSRunning } = useRecordingStreaming5();
   const streamStartedRef = useRef9(false);
   const startHLS = useCallback20(() => __async(void 0, null, function* () {
@@ -7419,7 +7407,7 @@ var useAutoStartStreaming = () => {
 };
 
 // src/Prebuilt/App.tsx
-var Conference = React61.lazy(() => import("./conference-FJJQ4TXX.js"));
+var Conference = React61.lazy(() => import("./conference-MPZNWHV5.js"));
 var HMSPrebuilt = React61.forwardRef(
   ({
     roomCode = "",
@@ -7593,7 +7581,7 @@ var RouteList = () => {
   )), isLeaveScreenEnabled ? /* @__PURE__ */ React61.createElement(Route, { path: "leave" }, /* @__PURE__ */ React61.createElement(Route, { path: ":roomId/:role", element: /* @__PURE__ */ React61.createElement(PostLeave_default, null) }), /* @__PURE__ */ React61.createElement(Route, { path: ":roomId", element: /* @__PURE__ */ React61.createElement(PostLeave_default, null) })) : null, /* @__PURE__ */ React61.createElement(Route, { path: "/:roomId/:role", element: /* @__PURE__ */ React61.createElement(Redirector, { showPreview: isPreviewScreenEnabled }) }), /* @__PURE__ */ React61.createElement(Route, { path: "/:roomId/", element: /* @__PURE__ */ React61.createElement(Redirector, { showPreview: isPreviewScreenEnabled }) }));
 };
 var BackSwipe = () => {
-  const isConnectedToRoom = useHMSStore31(selectIsConnectedToRoom7);
+  const isConnectedToRoom = useHMSStore31(selectIsConnectedToRoom6);
   const hmsActions = useHMSActions20();
   useEffect29(() => {
     const onRouteLeave = () => __async(void 0, null, function* () {
@@ -7741,4 +7729,4 @@ export {
   HMSPrebuilt,
   Progress
 };
-//# sourceMappingURL=chunk-WVGGQZK4.js.map
+//# sourceMappingURL=chunk-6JF3GAOH.js.map