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

package/dist/{conference-5TDUAQ6K.js → conference-IKSFGLVK.js}

@@ -6,7 +6,7 @@ import {
   VideoList_default,
   VideoTile_default,
   useAppConfig
-} from "./chunk-KKLZ7K2L.js";
+} from "./chunk-G56Z3JA5.js";
 import {
   AudioVideoToggle,
   Button,
@@ -70,17 +70,17 @@ import {
   useUserPreferences,
   useWaitingViewerRole,
   useWhiteboardMetadata
-} from "./chunk-LUND6FLY.js";
+} from "./chunk-TZJCHZPD.js";
 import {
   Loading,
   useIsFeatureEnabled,
   useRolePreference
-} from "./chunk-MYK3T45M.js";
+} from "./chunk-DH3QSV4E.js";
 import {
   Box,
   Flex,
   Text
-} from "./chunk-THORW2WT.js";
+} from "./chunk-INRXWU7L.js";
 import {
   APP_DATA,
   DEFAULT_HLS_VIEWER_ROLE,
@@ -108,11 +108,11 @@ import {
   isMacOS,
   isSafari,
   styled
-} from "./chunk-4ISMCWQA.js";
+} from "./chunk-DRKV2LAC.js";
 
 // src/Prebuilt/components/conference.jsx
 init_define_process_env();
-import React40, { useEffect as useEffect9, useRef as useRef7, useState as useState18 } from "react";
+import React38, { useEffect as useEffect9, useRef as useRef7, useState as useState17 } from "react";
 import { useParams } from "react-router-dom";
 import { usePrevious } from "react-use";
 import {
@@ -121,7 +121,7 @@ import {
   selectIsConnectedToRoom as selectIsConnectedToRoom2,
   selectRoomState,
   useHMSActions as useHMSActions16,
-  useHMSStore as useHMSStore22
+  useHMSStore as useHMSStore21
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Notifications/HLSFailureModal.jsx
@@ -294,16 +294,6 @@ var Progress = ({ type, duration }) => {
     }
   );
 };
-var PlaylistActive = ({ type, onToggle }) => {
-  var _a, _b;
-  const isAudioPlaylist = type === HMSPlaylistType2.audio;
-  const selector = isAudioPlaylist ? selectAudioPlaylist2 : selectVideoPlaylist2;
-  const active = useHMSStore3(selector.selectedItem);
-  if (!active) {
-    return null;
-  }
-  return /* @__PURE__ */ React2.createElement(Box, { css: { mt: "$8" } }, /* @__PURE__ */ React2.createElement(Flex, { justify: "between", css: { w: "100%" } }, /* @__PURE__ */ React2.createElement(Box, null, /* @__PURE__ */ React2.createElement(Text, { variant: "md" }, active.name), ((_a = active.metadata) == null ? void 0 : _a.description) && /* @__PURE__ */ React2.createElement(Text, { variant: "xs" }, (_b = active.metadata) == null ? void 0 : _b.description)), /* @__PURE__ */ React2.createElement(IconButton, { onClick: onToggle, css: { alignSelf: "center" }, "data-testid": "playlist_collapse_btn" }, /* @__PURE__ */ React2.createElement(PlaylistIcon, null))));
-};
 var Controls = ({ type, css = {} }) => {
   const { active, hasNext, hasPrevious, actions } = usePlaylist(type);
   if (!active) {
@@ -368,25 +358,6 @@ var VolumeControl = () => {
     }
   ));
 };
-var AudioPlaylistControls = ({ onToggle }) => {
-  const { active } = usePlaylist(HMSPlaylistType2.audio);
-  if (!active) {
-    return null;
-  }
-  return /* @__PURE__ */ React2.createElement(
-    Box,
-    {
-      css: {
-        p: "$8",
-        borderTop: "1px solid $border_bright",
-        bg: "$surface_default"
-      }
-    },
-    /* @__PURE__ */ React2.createElement(Controls, { type: HMSPlaylistType2.audio }),
-    /* @__PURE__ */ React2.createElement(Progress, { type: HMSPlaylistType2.audio, duration: active.duration }),
-    /* @__PURE__ */ React2.createElement(PlaylistActive, { type: HMSPlaylistType2.audio, onToggle })
-  );
-};
 var VideoPlaylistControls = ({ children }) => {
   const { active } = usePlaylist(HMSPlaylistType2.video);
   return /* @__PURE__ */ React2.createElement(
@@ -1301,9 +1272,9 @@ var WaitingView = React11.memo(() => {
 init_define_process_env();
 
 // src/Prebuilt/layouts/mainView.jsx
-var HLSView = React12.lazy(() => import("./HLSView-I26CVF5U.js"));
-var ActiveSpeakerView = React12.lazy(() => import("./ActiveSpeakerView-4XPIRZOK.js"));
-var PinnedTrackView = React12.lazy(() => import("./PinnedTrackView-GGTCNH5V.js"));
+var HLSView = React12.lazy(() => import("./HLSView-3ILTIGBT.js"));
+var ActiveSpeakerView = React12.lazy(() => import("./ActiveSpeakerView-N7C6WL27.js"));
+var PinnedTrackView = React12.lazy(() => import("./PinnedTrackView-6N6N5WOF.js"));
 var ConferenceMainView = () => {
   var _a, _b, _c;
   const localPeerRole = useHMSStore10(selectLocalPeerRoleName3);
@@ -1398,175 +1369,28 @@ var ConferenceMainView = () => {
 
 // src/Prebuilt/components/Footer.jsx
 init_define_process_env();
-import React38 from "react";
+import React36 from "react";
 
 // src/Prebuilt/components/Footer/ConferencingFooter.jsx
 init_define_process_env();
-import React36, { Fragment as Fragment7, Suspense as Suspense2, useState as useState17 } from "react";
+import React34, { Fragment as Fragment6, Suspense as Suspense2, useState as useState16 } from "react";
 import { useMedia as useMedia6 } from "react-use";
-import { HMSPlaylistType as HMSPlaylistType4, selectIsAllowedToPublish as selectIsAllowedToPublish4, useHMSStore as useHMSStore20, useScreenShare as useScreenShare5 } from "@100mslive/react-sdk";
+import { selectIsAllowedToPublish as selectIsAllowedToPublish3, useHMSStore as useHMSStore19, useScreenShare as useScreenShare5 } from "@100mslive/react-sdk";
 import { MusicIcon } from "@100mslive/react-icons";
 
-// src/Prebuilt/components/Playlist/Playlist.jsx
-init_define_process_env();
-import React14, { Fragment as Fragment3, useState as useState5 } from "react";
-import { HMSPlaylistType as HMSPlaylistType3, selectIsAllowedToPublish, useHMSStore as useHMSStore11 } from "@100mslive/react-sdk";
-import { AudioPlayerIcon, CrossIcon as CrossIcon3, VideoPlayerIcon } from "@100mslive/react-icons";
-
-// src/Prebuilt/components/Playlist/PlaylistItem.jsx
-init_define_process_env();
-import React13 from "react";
-function formatDuration(duration) {
-  if (!duration) {
-    return "";
-  }
-  let mins = Math.floor(duration / 60);
-  if (mins < 10) {
-    mins = `0${String(mins)}`;
-  }
-  let secs = Math.floor(duration % 60);
-  if (secs < 10) {
-    secs = `0${String(secs)}`;
-  }
-  return `${mins}:${secs}`;
-}
-var PlaylistItem = React13.memo(({ name, metadata, duration, selected, onClick }) => {
-  return /* @__PURE__ */ React13.createElement(
-    Dropdown.Item,
-    {
-      css: {
-        flexDirection: "column",
-        alignItems: "flex-start",
-        h: "$18",
-        p: "$8",
-        "&:hover": {
-          cursor: "pointer",
-          bg: "$surface_default"
-        },
-        "&:focus-visible": {
-          bg: "$surface_default"
-        }
-      },
-      onClick
-    },
-    /* @__PURE__ */ React13.createElement(Flex, { align: "center", justify: "between", css: { width: "100%", minHeight: 0 } }, /* @__PURE__ */ React13.createElement(Text, { variant: "md", css: { color: selected ? "$primary_default" : "$on_primary_high" } }, name), /* @__PURE__ */ React13.createElement(Text, { variant: "xs" }, formatDuration(duration))),
-    (metadata == null ? void 0 : metadata.description) && /* @__PURE__ */ React13.createElement(Text, { variant: "xs", css: { mt: "$4" } }, metadata == null ? void 0 : metadata.description)
-  );
-});
-
-// src/Prebuilt/components/Playlist/Playlist.jsx
-var BrowseAndPlayFromLocal = ({ type, actions }) => {
-  return /* @__PURE__ */ React14.createElement(Fragment3, null, /* @__PURE__ */ React14.createElement(Text, { as: "label", htmlFor: `${type}PlaylistBrowse`, variant: "sm", css: { cursor: "pointer", mr: "$2" } }, "Browse"), /* @__PURE__ */ React14.createElement(
-    "input",
-    {
-      type: "file",
-      id: `${type}PlaylistBrowse`,
-      accept: type === HMSPlaylistType3.audio ? "audio/*" : "video/*",
-      onChange: (e) => {
-        const file = e.target.files[0];
-        const id = file.lastModified;
-        actions.setList([
-          {
-            type,
-            id,
-            name: file.name,
-            url: URL.createObjectURL(file)
-          }
-        ]);
-        actions.play(id);
-      },
-      style: { display: "none" }
-    }
-  ));
-};
-var Playlist = ({ type }) => {
-  const isAudioPlaylist = type === HMSPlaylistType3.audio;
-  const { active, list: playlist, actions } = usePlaylist(type);
-  const [open, setOpen] = useState5(false);
-  const [collapse, setCollapse] = useState5(false);
-  const isAllowedToPublish = useHMSStore11(selectIsAllowedToPublish);
-  const isFeatureEnabled = useIsFeatureEnabled(
-    isAudioPlaylist ? FEATURE_LIST.AUDIO_PLAYLIST : FEATURE_LIST.VIDEO_PLAYLIST
-  );
-  if (!isAllowedToPublish.screen || playlist.length === 0 || !isFeatureEnabled) {
-    return null;
-  }
-  return /* @__PURE__ */ React14.createElement(Fragment3, null, /* @__PURE__ */ React14.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React14.createElement(Dropdown.Trigger, { asChild: true, "data-testid": type === HMSPlaylistType3.audio ? "audio_playlist" : "video_playlist" }, /* @__PURE__ */ React14.createElement(IconButton_default, { active: !active }, /* @__PURE__ */ React14.createElement(Tooltip, { title: isAudioPlaylist ? "Audio Playlist" : "Video Playlist" }, /* @__PURE__ */ React14.createElement(Box, null, isAudioPlaylist ? /* @__PURE__ */ React14.createElement(AudioPlayerIcon, null) : /* @__PURE__ */ React14.createElement(VideoPlayerIcon, null))))), /* @__PURE__ */ React14.createElement(
-    Dropdown.Content,
-    {
-      sideOffset: 5,
-      align: "center",
-      css: {
-        maxHeight: "unset",
-        width: "$60",
-        p: "$0",
-        bg: "$surface_bright",
-        border: "1px solid $border_default"
-      }
-    },
-    /* @__PURE__ */ React14.createElement(
-      Flex,
-      {
-        align: "center",
-        css: {
-          p: "$4 $8",
-          borderBottom: "1px solid $border_bright",
-          bg: "$surface_default"
-        }
-      },
-      /* @__PURE__ */ React14.createElement(Text, { variant: "md", css: { flex: "1 1 0" } }, isAudioPlaylist ? "Audio Player" : "Video Playlist"),
-      /* @__PURE__ */ React14.createElement(BrowseAndPlayFromLocal, { type, actions }),
-      /* @__PURE__ */ React14.createElement(
-        IconButton_default,
-        {
-          css: { mr: "-$4" },
-          onClick: () => __async(void 0, null, function* () {
-            if (active) {
-              yield actions.stop();
-            }
-            setOpen(false);
-            setCollapse(false);
-          })
-        },
-        /* @__PURE__ */ React14.createElement(CrossIcon3, { width: 24, height: 24 })
-      )
-    ),
-    !collapse && /* @__PURE__ */ React14.createElement(Box, { css: { maxHeight: "$96", overflowY: "auto" } }, playlist.map((playlistItem) => {
-      return /* @__PURE__ */ React14.createElement(
-        PlaylistItem,
-        __spreadProps(__spreadValues({
-          key: playlistItem.id
-        }, playlistItem), {
-          onClick: (e) => __async(void 0, null, function* () {
-            e.preventDefault();
-            try {
-              yield actions.play(playlistItem.id);
-            } catch (e2) {
-            }
-            if (!isAudioPlaylist) {
-              setOpen(false);
-            }
-          })
-        })
-      );
-    })),
-    isAudioPlaylist && /* @__PURE__ */ React14.createElement(AudioPlaylistControls, { onToggle: () => setCollapse((value) => !value) })
-  )));
-};
-
 // src/Prebuilt/components/MoreSettings/MoreSettings.jsx
 init_define_process_env();
-import React23, { Fragment as Fragment4, useState as useState13 } from "react";
+import React21, { Fragment as Fragment3, useState as useState12 } from "react";
 import { useMedia as useMedia5 } from "react-use";
 import Hls from "hls.js";
 import {
   selectAppData as selectAppData2,
-  selectIsAllowedToPublish as selectIsAllowedToPublish2,
+  selectIsAllowedToPublish,
   selectLocalPeerID as selectLocalPeerID6,
   selectLocalPeerRoleName as selectLocalPeerRoleName5,
   selectPermissions as selectPermissions4,
   useHMSActions as useHMSActions12,
-  useHMSStore as useHMSStore16,
+  useHMSStore as useHMSStore15,
   useRecordingStreaming as useRecordingStreaming3
 } from "@100mslive/react-sdk";
 import {
@@ -1582,12 +1406,12 @@ import {
 
 // src/Prebuilt/components/Settings/StartRecording.jsx
 init_define_process_env();
-import React15, { useState as useState6 } from "react";
-import { selectPermissions as selectPermissions2, useHMSActions as useHMSActions7, useHMSStore as useHMSStore12, useRecordingStreaming as useRecordingStreaming2 } from "@100mslive/react-sdk";
+import React13, { useState as useState5 } from "react";
+import { selectPermissions as selectPermissions2, useHMSActions as useHMSActions7, useHMSStore as useHMSStore11, useRecordingStreaming as useRecordingStreaming2 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon } from "@100mslive/react-icons";
 var StartRecording = ({ open, onOpenChange }) => {
-  const permissions = useHMSStore12(selectPermissions2);
-  const [resolution, setResolution] = useState6(RTMP_RECORD_DEFAULT_RESOLUTION);
+  const permissions = useHMSStore11(selectPermissions2);
+  const [resolution, setResolution] = useState5(RTMP_RECORD_DEFAULT_RESOLUTION);
   const [recordingStarted, setRecordingState] = useSetAppDataByKey(APP_DATA.recordingStarted);
   const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = useRecordingStreaming2();
   const hmsActions = useHMSActions7();
@@ -1595,7 +1419,7 @@ var StartRecording = ({ open, onOpenChange }) => {
     return null;
   }
   if (isBrowserRecordingOn) {
-    return /* @__PURE__ */ React15.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ React15.createElement(Dialog.Portal, null, /* @__PURE__ */ React15.createElement(
+    return /* @__PURE__ */ React13.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ React13.createElement(Dialog.Portal, null, /* @__PURE__ */ React13.createElement(
       Dialog.Content,
       {
         css: {
@@ -1604,9 +1428,9 @@ var StartRecording = ({ open, onOpenChange }) => {
           bg: "#201617"
         }
       },
-      /* @__PURE__ */ React15.createElement(Dialog.Title, null, /* @__PURE__ */ React15.createElement(Flex, { gap: 2, css: { c: "$alert_error_default" } }, /* @__PURE__ */ React15.createElement(AlertTriangleIcon, null), /* @__PURE__ */ React15.createElement(Text, { css: { c: "inherit" }, variant: "h6" }, "End Recording"))),
-      /* @__PURE__ */ React15.createElement(Text, { variant: "sm", css: { c: "$on_surface_medium", my: "$8" } }, "Are you sure you want to end recording? You can\u2019t undo this action."),
-      /* @__PURE__ */ React15.createElement(Flex, { justify: "end", css: { mt: "$12" } }, /* @__PURE__ */ React15.createElement(Dialog.Close, { asChild: true }, /* @__PURE__ */ React15.createElement(Button, { outlined: true, css: { borderColor: "$secondary_bright", mr: "$4" } }, "Don't end")), /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React13.createElement(Dialog.Title, null, /* @__PURE__ */ React13.createElement(Flex, { gap: 2, css: { c: "$alert_error_default" } }, /* @__PURE__ */ React13.createElement(AlertTriangleIcon, null), /* @__PURE__ */ React13.createElement(Text, { css: { c: "inherit" }, variant: "h6" }, "End Recording"))),
+      /* @__PURE__ */ React13.createElement(Text, { variant: "sm", css: { c: "$on_surface_medium", my: "$8" } }, "Are you sure you want to end recording? You can\u2019t undo this action."),
+      /* @__PURE__ */ React13.createElement(Flex, { justify: "end", css: { mt: "$12" } }, /* @__PURE__ */ React13.createElement(Dialog.Close, { asChild: true }, /* @__PURE__ */ React13.createElement(Button, { outlined: true, css: { borderColor: "$secondary_bright", mr: "$4" } }, "Don't end")), /* @__PURE__ */ React13.createElement(
         Button,
         {
           "data-testid": "stop_recording_confirm_mobile",
@@ -1628,14 +1452,14 @@ var StartRecording = ({ open, onOpenChange }) => {
       ))
     )));
   }
-  return /* @__PURE__ */ React15.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ React15.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ React15.createElement(Dialog.Title, null, /* @__PURE__ */ React15.createElement(Text, { variant: "h6" }, "Start Recording")), /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React13.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ React13.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ React13.createElement(Dialog.Title, null, /* @__PURE__ */ React13.createElement(Text, { variant: "h6" }, "Start Recording")), /* @__PURE__ */ React13.createElement(
     ResolutionInput,
     {
       testId: "recording_resolution_mobile",
       css: { flexDirection: "column", alignItems: "start" },
       onResolutionChange: setResolution
     }
-  ), /* @__PURE__ */ React15.createElement(
+  ), /* @__PURE__ */ React13.createElement(
     Button,
     {
       "data-testid": "start_recording_confirm_mobile",
@@ -1675,14 +1499,14 @@ var StartRecording_default = StartRecording;
 
 // src/Prebuilt/components/StatsForNerds.jsx
 init_define_process_env();
-import React16, { useEffect as useEffect6, useMemo as useMemo3, useRef as useRef5, useState as useState7 } from "react";
+import React14, { useEffect as useEffect6, useMemo as useMemo3, useRef as useRef5, useState as useState6 } from "react";
 import {
   selectHMSStats,
   selectLocalPeerID as selectLocalPeerID4,
   selectPeersMap,
   selectTracksMap,
   useHMSStatsStore,
-  useHMSStore as useHMSStore13
+  useHMSStore as useHMSStore12
 } from "@100mslive/react-sdk";
 var StatsForNerds = ({ onOpenChange }) => {
   var _a;
@@ -1691,9 +1515,9 @@ var StatsForNerds = ({ onOpenChange }) => {
     () => [{ id: "local-peer", label: "Local Peer Stats" }, ...tracksWithLabels],
     [tracksWithLabels]
   );
-  const [selectedStat, setSelectedStat] = useState7(statsOptions[0]);
+  const [selectedStat, setSelectedStat] = useState6(statsOptions[0]);
   const [showStatsOnTiles, setShowStatsOnTiles] = useSetUiSettings(UI_SETTINGS.showStatsOnTiles);
-  const [open, setOpen] = useState7(false);
+  const [open, setOpen] = useState6(false);
   const ref = useRef5();
   const selectionBg = useDropdownSelection();
   useEffect6(() => {
@@ -1701,7 +1525,7 @@ var StatsForNerds = ({ onOpenChange }) => {
       setSelectedStat("local-peer");
     }
   }, [tracksWithLabels, selectedStat]);
-  return /* @__PURE__ */ React16.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React16.createElement(Dialog.Portal, null, /* @__PURE__ */ React16.createElement(Dialog.Overlay, null), /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React14.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React14.createElement(Dialog.Portal, null, /* @__PURE__ */ React14.createElement(Dialog.Overlay, null), /* @__PURE__ */ React14.createElement(
     Dialog.Content,
     {
       css: {
@@ -1710,10 +1534,10 @@ var StatsForNerds = ({ onOpenChange }) => {
         overflowY: "auto"
       }
     },
-    /* @__PURE__ */ React16.createElement(Dialog.Title, { css: { p: "$4 0" } }, /* @__PURE__ */ React16.createElement(Flex, { justify: "between" }, /* @__PURE__ */ React16.createElement(Flex, { align: "center", css: { mb: "$1" } }, /* @__PURE__ */ React16.createElement(Text, { variant: "h6", inline: true }, "Stats For Nerds")), /* @__PURE__ */ React16.createElement(Dialog.DefaultClose, { "data-testid": "stats_dialog_close_icon" }))),
-    /* @__PURE__ */ React16.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }),
-    /* @__PURE__ */ React16.createElement(Flex, { justify: "start", gap: 4, css: { m: "$10 0" } }, /* @__PURE__ */ React16.createElement(Switch, { checked: showStatsOnTiles, onCheckedChange: setShowStatsOnTiles }), /* @__PURE__ */ React16.createElement(Text, { variant: "body2", css: { fontWeight: "$semiBold" } }, "Show Stats on Tiles")),
-    /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React14.createElement(Dialog.Title, { css: { p: "$4 0" } }, /* @__PURE__ */ React14.createElement(Flex, { justify: "between" }, /* @__PURE__ */ React14.createElement(Flex, { align: "center", css: { mb: "$1" } }, /* @__PURE__ */ React14.createElement(Text, { variant: "h6", inline: true }, "Stats For Nerds")), /* @__PURE__ */ React14.createElement(Dialog.DefaultClose, { "data-testid": "stats_dialog_close_icon" }))),
+    /* @__PURE__ */ React14.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }),
+    /* @__PURE__ */ React14.createElement(Flex, { justify: "start", gap: 4, css: { m: "$10 0" } }, /* @__PURE__ */ React14.createElement(Switch, { checked: showStatsOnTiles, onCheckedChange: setShowStatsOnTiles }), /* @__PURE__ */ React14.createElement(Text, { variant: "body2", css: { fontWeight: "$semiBold" } }, "Show Stats on Tiles")),
+    /* @__PURE__ */ React14.createElement(
       Flex,
       {
         direction: "column",
@@ -1723,8 +1547,8 @@ var StatsForNerds = ({ onOpenChange }) => {
           minWidth: 0
         }
       },
-      /* @__PURE__ */ React16.createElement(Label, { variant: "body2" }, "Stats For"),
-      /* @__PURE__ */ React16.createElement(Dropdown.Root, { "data-testid": "dialog_select_Stats For", open, onOpenChange: setOpen }, /* @__PURE__ */ React16.createElement(
+      /* @__PURE__ */ React14.createElement(Label, { variant: "body2" }, "Stats For"),
+      /* @__PURE__ */ React14.createElement(Dropdown.Root, { "data-testid": "dialog_select_Stats For", open, onOpenChange: setOpen }, /* @__PURE__ */ React14.createElement(
         DialogDropdownTrigger,
         {
           title: selectedStat.label || "Select Stats",
@@ -1733,9 +1557,9 @@ var StatsForNerds = ({ onOpenChange }) => {
           open,
           ref
         }
-      ), /* @__PURE__ */ React16.createElement(Dropdown.Portal, null, /* @__PURE__ */ React16.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_a = ref.current) == null ? void 0 : _a.clientWidth, zIndex: 1e3 } }, statsOptions.map((option) => {
+      ), /* @__PURE__ */ React14.createElement(Dropdown.Portal, null, /* @__PURE__ */ React14.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_a = ref.current) == null ? void 0 : _a.clientWidth, zIndex: 1e3 } }, statsOptions.map((option) => {
         const isSelected = option.id === selectedStat.id && option.layer === selectedStat.layer;
-        return /* @__PURE__ */ React16.createElement(
+        return /* @__PURE__ */ React14.createElement(
           Dropdown.Item,
           {
             key: `${option.id}-${option.layer || ""}`,
@@ -1752,13 +1576,13 @@ var StatsForNerds = ({ onOpenChange }) => {
         );
       }))))
     ),
-    selectedStat.id === "local-peer" ? /* @__PURE__ */ React16.createElement(LocalPeerStats, null) : /* @__PURE__ */ React16.createElement(TrackStats, { trackID: selectedStat.id, layer: selectedStat.layer, local: selectedStat.local })
+    selectedStat.id === "local-peer" ? /* @__PURE__ */ React14.createElement(LocalPeerStats, null) : /* @__PURE__ */ React14.createElement(TrackStats, { trackID: selectedStat.id, layer: selectedStat.layer, local: selectedStat.local })
   )));
 };
 var useTracksWithLabel = () => {
-  const tracksMap = useHMSStore13(selectTracksMap);
-  const peersMap = useHMSStore13(selectPeersMap);
-  const localPeerID = useHMSStore13(selectLocalPeerID4);
+  const tracksMap = useHMSStore12(selectTracksMap);
+  const peersMap = useHMSStore12(selectPeersMap);
+  const localPeerID = useHMSStore12(selectLocalPeerID4);
   const tracksWithLabels = useMemo3(
     () => Object.values(tracksMap).reduce((res, track) => {
       var _a, _b;
@@ -1794,13 +1618,13 @@ var LocalPeerStats = () => {
   if (!stats) {
     return null;
   }
-  return /* @__PURE__ */ React16.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ React16.createElement(StatsRow, { label: "Packets Lost", value: (_a = stats.subscribe) == null ? void 0 : _a.packetsLost }), /* @__PURE__ */ React16.createElement(StatsRow, { label: "Jitter", value: (_b = stats.subscribe) == null ? void 0 : _b.jitter }), /* @__PURE__ */ React16.createElement(StatsRow, { label: "Publish Bitrate", value: formatBytes((_c = stats.publish) == null ? void 0 : _c.bitrate, "b/s") }), /* @__PURE__ */ React16.createElement(StatsRow, { label: "Subscribe Bitrate", value: formatBytes((_d = stats.subscribe) == null ? void 0 : _d.bitrate, "b/s") }), /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React14.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ React14.createElement(StatsRow, { label: "Packets Lost", value: (_a = stats.subscribe) == null ? void 0 : _a.packetsLost }), /* @__PURE__ */ React14.createElement(StatsRow, { label: "Jitter", value: (_b = stats.subscribe) == null ? void 0 : _b.jitter }), /* @__PURE__ */ React14.createElement(StatsRow, { label: "Publish Bitrate", value: formatBytes((_c = stats.publish) == null ? void 0 : _c.bitrate, "b/s") }), /* @__PURE__ */ React14.createElement(StatsRow, { label: "Subscribe Bitrate", value: formatBytes((_d = stats.subscribe) == null ? void 0 : _d.bitrate, "b/s") }), /* @__PURE__ */ React14.createElement(
     StatsRow,
     {
       label: "Available Outgoing Bitrate",
       value: formatBytes((_e = stats.publish) == null ? void 0 : _e.availableOutgoingBitrate, "b/s")
     }
-  ), /* @__PURE__ */ React16.createElement(StatsRow, { label: "Total Bytes Sent", value: formatBytes((_f = stats.publish) == null ? void 0 : _f.bytesSent) }), /* @__PURE__ */ React16.createElement(StatsRow, { label: "Total Bytes Received", value: formatBytes((_g = stats.subscribe) == null ? void 0 : _g.bytesReceived) }), /* @__PURE__ */ React16.createElement(
+  ), /* @__PURE__ */ React14.createElement(StatsRow, { label: "Total Bytes Sent", value: formatBytes((_f = stats.publish) == null ? void 0 : _f.bytesSent) }), /* @__PURE__ */ React14.createElement(StatsRow, { label: "Total Bytes Received", value: formatBytes((_g = stats.subscribe) == null ? void 0 : _g.bytesReceived) }), /* @__PURE__ */ React14.createElement(
     StatsRow,
     {
       label: "Round Trip Time",
@@ -1816,15 +1640,15 @@ var TrackStats = ({ trackID, layer, local }) => {
     return null;
   }
   const inbound = stats.type.includes("inbound");
-  return /* @__PURE__ */ React16.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ React16.createElement(StatsRow, { label: "Type", value: stats.type + " " + stats.kind }), /* @__PURE__ */ React16.createElement(StatsRow, { label: "Bitrate", value: formatBytes(stats.bitrate, "b/s") }), /* @__PURE__ */ React16.createElement(StatsRow, { label: "Packets Lost", value: stats.packetsLost }), /* @__PURE__ */ React16.createElement(StatsRow, { label: "Jitter", value: (_a = stats.jitter) == null ? void 0 : _a.toFixed(3) }), /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React14.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ React14.createElement(StatsRow, { label: "Type", value: stats.type + " " + stats.kind }), /* @__PURE__ */ React14.createElement(StatsRow, { label: "Bitrate", value: formatBytes(stats.bitrate, "b/s") }), /* @__PURE__ */ React14.createElement(StatsRow, { label: "Packets Lost", value: stats.packetsLost }), /* @__PURE__ */ React14.createElement(StatsRow, { label: "Jitter", value: (_a = stats.jitter) == null ? void 0 : _a.toFixed(3) }), /* @__PURE__ */ React14.createElement(
     StatsRow,
     {
       label: inbound ? "Bytes Received" : "Bytes Sent",
       value: formatBytes(inbound ? stats.bytesReceived : stats.bytesSent)
     }
-  ), stats.kind === "video" && /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(StatsRow, { label: "Framerate", value: stats.framesPerSecond }), !inbound && /* @__PURE__ */ React16.createElement(StatsRow, { label: "Quality Limitation Reason", value: stats.qualityLimitationReason })), /* @__PURE__ */ React16.createElement(StatsRow, { label: "Round Trip Time", value: stats.roundTripTime ? `${stats.roundTripTime * 1e3} ms` : "-" }));
+  ), stats.kind === "video" && /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement(StatsRow, { label: "Framerate", value: stats.framesPerSecond }), !inbound && /* @__PURE__ */ React14.createElement(StatsRow, { label: "Quality Limitation Reason", value: stats.qualityLimitationReason })), /* @__PURE__ */ React14.createElement(StatsRow, { label: "Round Trip Time", value: stats.roundTripTime ? `${stats.roundTripTime * 1e3} ms` : "-" }));
 };
-var StatsRow = React16.memo(({ label, value }) => /* @__PURE__ */ React16.createElement(Box, { css: { bg: "$surface_bright", w: "calc(50% - $6)", p: "$8", r: "$3" } }, /* @__PURE__ */ React16.createElement(
+var StatsRow = React14.memo(({ label, value }) => /* @__PURE__ */ React14.createElement(Box, { css: { bg: "$surface_bright", w: "calc(50% - $6)", p: "$8", r: "$3" } }, /* @__PURE__ */ React14.createElement(
   Text,
   {
     variant: "overline",
@@ -1835,7 +1659,7 @@ var StatsRow = React16.memo(({ label, value }) => /* @__PURE__ */ React16.create
     }
   },
   label
-), /* @__PURE__ */ React16.createElement(Text, { variant: "sub1", css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, value || "-")));
+), /* @__PURE__ */ React14.createElement(Text, { variant: "sub1", css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, value || "-")));
 var formatBytes = (bytes, unit = "B", decimals = 2) => {
   if (bytes === void 0)
     return "-";
@@ -1850,7 +1674,7 @@ var formatBytes = (bytes, unit = "B", decimals = 2) => {
 
 // src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
 init_define_process_env();
-import React17, { useCallback as useCallback6, useRef as useRef6, useState as useState8 } from "react";
+import React15, { useCallback as useCallback6, useRef as useRef6, useState as useState7 } from "react";
 import { useHMSActions as useHMSActions8 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon2, ChangeRoleIcon, CheckIcon } from "@100mslive/react-icons";
 var BulkRoleChangeModal = ({ onOpenChange }) => {
@@ -1859,12 +1683,12 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
   const hmsActions = useHMSActions8();
   const ref = useRef6(null);
   const roleRef = useRef6(null);
-  const [selectedBulkRole, setBulkRole] = useState8([]);
-  const [selectedRole, setRole] = useState8("");
-  const [bulkRoleDialog, setBulkRoleDialog] = useState8(false);
-  const [roleDialog, setRoleDialog] = useState8(false);
-  const [errorMessage, setErrorMessage] = useState8("");
-  const [isSubmiting, setIsSubmiting] = useState8(false);
+  const [selectedBulkRole, setBulkRole] = useState7([]);
+  const [selectedRole, setRole] = useState7("");
+  const [bulkRoleDialog, setBulkRoleDialog] = useState7(false);
+  const [roleDialog, setRoleDialog] = useState7(false);
+  const [errorMessage, setErrorMessage] = useState7("");
+  const [isSubmiting, setIsSubmiting] = useState7(false);
   const changeBulkRole = useCallback6(() => __async(void 0, null, function* () {
     if (selectedBulkRole.length > 0 && selectedRole) {
       try {
@@ -1879,7 +1703,7 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
       }
     }
   }), [selectedBulkRole, selectedRole, hmsActions, onOpenChange]);
-  return /* @__PURE__ */ React17.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React17.createElement(DialogContent, { title: "Bulk Role Change", Icon: ChangeRoleIcon }, /* @__PURE__ */ React17.createElement(DialogRow, null, /* @__PURE__ */ React17.createElement(Text, null, "For Roles: "), /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React15.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React15.createElement(DialogContent, { title: "Bulk Role Change", Icon: ChangeRoleIcon }, /* @__PURE__ */ React15.createElement(DialogRow, null, /* @__PURE__ */ React15.createElement(Text, null, "For Roles: "), /* @__PURE__ */ React15.createElement(
     Dropdown.Root,
     {
       open: bulkRoleDialog,
@@ -1890,7 +1714,7 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
       },
       modal: false
     },
-    /* @__PURE__ */ React17.createElement(
+    /* @__PURE__ */ React15.createElement(
       DialogDropdownTrigger,
       {
         ref,
@@ -1902,7 +1726,7 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
         open: bulkRoleDialog
       }
     ),
-    /* @__PURE__ */ React17.createElement(
+    /* @__PURE__ */ React15.createElement(
       Dropdown.Content,
       {
         css: { w: (_a = ref.current) == null ? void 0 : _a.clientWidth, zIndex: 1e3 },
@@ -1913,7 +1737,7 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
         }
       },
       roles && roles.map((role) => {
-        return /* @__PURE__ */ React17.createElement(
+        return /* @__PURE__ */ React15.createElement(
           Dropdown.CheckboxItem,
           {
             key: role,
@@ -1925,12 +1749,12 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
               setErrorMessage("");
             }
           },
-          /* @__PURE__ */ React17.createElement(Checkbox.Root, { css: { margin: "$2" }, checked: selectedBulkRole.includes(role) }, /* @__PURE__ */ React17.createElement(Checkbox.Indicator, null, /* @__PURE__ */ React17.createElement(CheckIcon, { width: 16, height: 16 }))),
+          /* @__PURE__ */ React15.createElement(Checkbox.Root, { css: { margin: "$2" }, checked: selectedBulkRole.includes(role) }, /* @__PURE__ */ React15.createElement(Checkbox.Indicator, null, /* @__PURE__ */ React15.createElement(CheckIcon, { width: 16, height: 16 }))),
           role
         );
       })
     )
-  )), /* @__PURE__ */ React17.createElement(DialogRow, null, /* @__PURE__ */ React17.createElement(Text, null, "To Role: "), /* @__PURE__ */ React17.createElement(Dropdown.Root, { open: roleDialog, onOpenChange: (value) => setRoleDialog(value) }, /* @__PURE__ */ React17.createElement(
+  )), /* @__PURE__ */ React15.createElement(DialogRow, null, /* @__PURE__ */ React15.createElement(Text, null, "To Role: "), /* @__PURE__ */ React15.createElement(Dropdown.Root, { open: roleDialog, onOpenChange: (value) => setRoleDialog(value) }, /* @__PURE__ */ React15.createElement(
     DialogDropdownTrigger,
     {
       ref: roleRef,
@@ -1941,8 +1765,8 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
       },
       open: roleDialog
     }
-  ), /* @__PURE__ */ React17.createElement(Dropdown.Content, { css: { w: (_b = roleRef.current) == null ? void 0 : _b.clientWidth, zIndex: 1e3 } }, roles && roles.map((role) => {
-    return /* @__PURE__ */ React17.createElement(
+  ), /* @__PURE__ */ React15.createElement(Dropdown.Content, { css: { w: (_b = roleRef.current) == null ? void 0 : _b.clientWidth, zIndex: 1e3 } }, roles && roles.map((role) => {
+    return /* @__PURE__ */ React15.createElement(
       Dropdown.Item,
       {
         key: role,
@@ -1953,18 +1777,18 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
       },
       role
     );
-  })))), /* @__PURE__ */ React17.createElement(DialogRow, null, errorMessage && /* @__PURE__ */ React17.createElement(Flex, { gap: 2, css: { c: "$alert_error_default", w: "70%", ml: "auto" } }, /* @__PURE__ */ React17.createElement(AlertTriangleIcon2, null), /* @__PURE__ */ React17.createElement(Text, { css: { c: "inherit" } }, errorMessage))), /* @__PURE__ */ React17.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ React17.createElement(Button, { variant: "primary", onClick: changeBulkRole, disabled: !(selectedRole && selectedBulkRole.length > 0) }, isSubmiting && /* @__PURE__ */ React17.createElement(Loading, { css: { color: "$on_primary_medium" } }), "Apply"))));
+  })))), /* @__PURE__ */ React15.createElement(DialogRow, null, errorMessage && /* @__PURE__ */ React15.createElement(Flex, { gap: 2, css: { c: "$alert_error_default", w: "70%", ml: "auto" } }, /* @__PURE__ */ React15.createElement(AlertTriangleIcon2, null), /* @__PURE__ */ React15.createElement(Text, { css: { c: "inherit" } }, errorMessage))), /* @__PURE__ */ React15.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ React15.createElement(Button, { variant: "primary", onClick: changeBulkRole, disabled: !(selectedRole && selectedBulkRole.length > 0) }, isSubmiting && /* @__PURE__ */ React15.createElement(Loading, { css: { color: "$on_primary_medium" } }), "Apply"))));
 };
 
 // src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx
 init_define_process_env();
-import React18, { useState as useState9 } from "react";
-import { selectLocalPeerName, useHMSActions as useHMSActions9, useHMSStore as useHMSStore14 } from "@100mslive/react-sdk";
+import React16, { useState as useState8 } from "react";
+import { selectLocalPeerName, useHMSActions as useHMSActions9, useHMSStore as useHMSStore13 } from "@100mslive/react-sdk";
 var ChangeNameModal = ({ onOpenChange }) => {
   const [previewPreference, setPreviewPreference] = useUserPreferences(UserPreferencesKeys.PREVIEW);
   const hmsActions = useHMSActions9();
-  const localPeerName = useHMSStore14(selectLocalPeerName);
-  const [currentName, setCurrentName] = useState9(localPeerName);
+  const localPeerName = useHMSStore13(selectLocalPeerName);
+  const [currentName, setCurrentName] = useState8(localPeerName);
   const changeName = () => __async(void 0, null, function* () {
     const name = currentName.trim();
     if (!name || name === localPeerName) {
@@ -1982,7 +1806,7 @@ var ChangeNameModal = ({ onOpenChange }) => {
       onOpenChange(false);
     }
   });
-  return /* @__PURE__ */ React18.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React18.createElement(Dialog.Portal, null, /* @__PURE__ */ React18.createElement(Dialog.Overlay, null), /* @__PURE__ */ React18.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ React18.createElement(Dialog.Title, { css: { p: "0 $4" } }, /* @__PURE__ */ React18.createElement(Text, { variant: "h6" }, " Change Name")), /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React16.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React16.createElement(Dialog.Portal, null, /* @__PURE__ */ React16.createElement(Dialog.Overlay, null), /* @__PURE__ */ React16.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ React16.createElement(Dialog.Title, { css: { p: "0 $4" } }, /* @__PURE__ */ React16.createElement(Text, { variant: "h6" }, " Change Name")), /* @__PURE__ */ React16.createElement(
     "form",
     {
       onSubmit: (e) => __async(void 0, null, function* () {
@@ -1990,7 +1814,7 @@ var ChangeNameModal = ({ onOpenChange }) => {
         yield changeName();
       })
     },
-    /* @__PURE__ */ React18.createElement(Flex, { justify: "center", align: "center", css: { my: "$8", w: "100%" } }, /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React16.createElement(Flex, { justify: "center", align: "center", css: { my: "$8", w: "100%" } }, /* @__PURE__ */ React16.createElement(
       Input,
       {
         css: { width: "100%" },
@@ -2003,7 +1827,7 @@ var ChangeNameModal = ({ onOpenChange }) => {
         "data-testid": "change_name_field"
       }
     )),
-    /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React16.createElement(
       Flex,
       {
         justify: "between",
@@ -2014,8 +1838,8 @@ var ChangeNameModal = ({ onOpenChange }) => {
           mt: "$10"
         }
       },
-      /* @__PURE__ */ React18.createElement(Box, { css: { w: "50%" } }, /* @__PURE__ */ React18.createElement(Dialog.Close, { css: { w: "100%" } }, /* @__PURE__ */ React18.createElement(Button, { variant: "standard", css: { w: "100%" }, outlined: true, type: "submit", disabled: !localPeerName }, "Cancel"))),
-      /* @__PURE__ */ React18.createElement(Box, { css: { w: "50%" } }, /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React16.createElement(Box, { css: { w: "50%" } }, /* @__PURE__ */ React16.createElement(Dialog.Close, { css: { w: "100%" } }, /* @__PURE__ */ React16.createElement(Button, { variant: "standard", css: { w: "100%" }, outlined: true, type: "submit", disabled: !localPeerName }, "Cancel"))),
+      /* @__PURE__ */ React16.createElement(Box, { css: { w: "50%" } }, /* @__PURE__ */ React16.createElement(
         Button,
         {
           variant: "primary",
@@ -2032,21 +1856,21 @@ var ChangeNameModal = ({ onOpenChange }) => {
 
 // src/Prebuilt/components/MoreSettings/ChangeSelfRole.jsx
 init_define_process_env();
-import React19, { useMemo as useMemo4 } from "react";
+import React17, { useMemo as useMemo4 } from "react";
 import { useMedia as useMedia4 } from "react-use";
 import {
   selectLocalPeerID as selectLocalPeerID5,
   selectLocalPeerRoleName as selectLocalPeerRoleName4,
   selectPermissions as selectPermissions3,
   useHMSActions as useHMSActions10,
-  useHMSStore as useHMSStore15
+  useHMSStore as useHMSStore14
 } from "@100mslive/react-sdk";
 import { ArrowRightIcon, CheckIcon as CheckIcon2, PersonIcon } from "@100mslive/react-icons";
 var ChangeSelfRole = ({ onClick }) => {
   const roles = useFilteredRoles();
-  const permissions = useHMSStore15(selectPermissions3);
-  const localPeerId = useHMSStore15(selectLocalPeerID5);
-  const localPeerRole = useHMSStore15(selectLocalPeerRoleName4);
+  const permissions = useHMSStore14(selectPermissions3);
+  const localPeerId = useHMSStore14(selectLocalPeerID5);
+  const localPeerRole = useHMSStore14(selectLocalPeerRoleName4);
   const hmsActions = useHMSActions10();
   const hideTriggerItem = useMedia4(config.media.sm);
   const selfRoleChangeTo = useAppLayout("selfRoleChangeTo");
@@ -2054,7 +1878,7 @@ var ChangeSelfRole = ({ onClick }) => {
   if (!permissions.changeRole) {
     return null;
   }
-  return hideTriggerItem ? /* @__PURE__ */ React19.createElement(Dropdown.Item, { onClick }, /* @__PURE__ */ React19.createElement(PersonIcon, null), /* @__PURE__ */ React19.createElement(Text, { variant: "sm", css: { mx: "$4" } }, "Change My Role")) : /* @__PURE__ */ React19.createElement(Dropdown.SubMenu, null, /* @__PURE__ */ React19.createElement(Dropdown.TriggerItem, { "data-testid": "change_my_role_btn" }, /* @__PURE__ */ React19.createElement(PersonIcon, null), /* @__PURE__ */ React19.createElement(Text, { variant: "sm", css: { flex: "1 1 0", mx: "$4" } }, "Change My Role"), /* @__PURE__ */ React19.createElement(ArrowRightIcon, null)), /* @__PURE__ */ React19.createElement(Dropdown.SubMenuContent, { sideOffset: 8, alignOffset: -5, css: { py: "$0", "@md": { w: "$64" } } }, availableSelfChangeRoles.map((role) => /* @__PURE__ */ React19.createElement(
+  return hideTriggerItem ? /* @__PURE__ */ React17.createElement(Dropdown.Item, { onClick }, /* @__PURE__ */ React17.createElement(PersonIcon, null), /* @__PURE__ */ React17.createElement(Text, { variant: "sm", css: { mx: "$4" } }, "Change My Role")) : /* @__PURE__ */ React17.createElement(Dropdown.SubMenu, null, /* @__PURE__ */ React17.createElement(Dropdown.TriggerItem, { "data-testid": "change_my_role_btn" }, /* @__PURE__ */ React17.createElement(PersonIcon, null), /* @__PURE__ */ React17.createElement(Text, { variant: "sm", css: { flex: "1 1 0", mx: "$4" } }, "Change My Role"), /* @__PURE__ */ React17.createElement(ArrowRightIcon, null)), /* @__PURE__ */ React17.createElement(Dropdown.SubMenuContent, { sideOffset: 8, alignOffset: -5, css: { py: "$0", "@md": { w: "$64" } } }, availableSelfChangeRoles.map((role) => /* @__PURE__ */ React17.createElement(
     Dropdown.Item,
     {
       key: role,
@@ -2068,20 +1892,20 @@ var ChangeSelfRole = ({ onClick }) => {
       }),
       "data-testid": "change_to_role_" + role
     },
-    /* @__PURE__ */ React19.createElement(Text, { variant: "sm" }, role),
-    localPeerRole === role && /* @__PURE__ */ React19.createElement(CheckIcon2, { width: 16, height: 16 })
+    /* @__PURE__ */ React17.createElement(Text, { variant: "sm" }, role),
+    localPeerRole === role && /* @__PURE__ */ React17.createElement(CheckIcon2, { width: 16, height: 16 })
   ))));
 };
 
 // src/Prebuilt/components/MoreSettings/EmbedUrl.jsx
 init_define_process_env();
-import React20, { useState as useState10 } from "react";
+import React18, { useState as useState9 } from "react";
 import { ViewIcon } from "@100mslive/react-icons";
 var EmbedUrl = ({ setShowOpenUrl }) => {
   if (!window.CropTarget) {
     return null;
   }
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React18.createElement(
     Dropdown.Item,
     {
       onClick: () => {
@@ -2089,16 +1913,16 @@ var EmbedUrl = ({ setShowOpenUrl }) => {
       },
       "data-testid": "embed_url_btn"
     },
-    /* @__PURE__ */ React20.createElement(ViewIcon, null),
-    /* @__PURE__ */ React20.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Embed URL")
+    /* @__PURE__ */ React18.createElement(ViewIcon, null),
+    /* @__PURE__ */ React18.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Embed URL")
   );
 };
 function EmbedUrlModal({ onOpenChange }) {
   const [embedConfig, setEmbedConfig] = useSetAppDataByKey(APP_DATA.embedConfig);
-  const [url, setUrl] = useState10((embedConfig == null ? void 0 : embedConfig.url) || "");
+  const [url, setUrl] = useState9((embedConfig == null ? void 0 : embedConfig.url) || "");
   const isAnythingEmbedded = !!(embedConfig == null ? void 0 : embedConfig.url);
   const isModifying = isAnythingEmbedded && url && url !== embedConfig.url;
-  return /* @__PURE__ */ React20.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React20.createElement(DialogContent, { title: "Embed URL", Icon: ViewIcon }, /* @__PURE__ */ React20.createElement(DialogInput, { title: "URL", value: url, onChange: setUrl, placeholder: "https://www.tldraw.com/", type: "url" }), /* @__PURE__ */ React20.createElement(DialogRow, null, /* @__PURE__ */ React20.createElement(Text, null, "Embed a url and share with everyone in the room. Ensure that you're sharing the current tab when the prompt opens. Note that not all websites support being embedded.")), /* @__PURE__ */ React20.createElement(DialogRow, { justify: "end" }, isAnythingEmbedded ? /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React18.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React18.createElement(DialogContent, { title: "Embed URL", Icon: ViewIcon }, /* @__PURE__ */ React18.createElement(DialogInput, { title: "URL", value: url, onChange: setUrl, placeholder: "https://www.tldraw.com/", type: "url" }), /* @__PURE__ */ React18.createElement(DialogRow, null, /* @__PURE__ */ React18.createElement(Text, null, "Embed a url and share with everyone in the room. Ensure that you're sharing the current tab when the prompt opens. Note that not all websites support being embedded.")), /* @__PURE__ */ React18.createElement(DialogRow, { justify: "end" }, isAnythingEmbedded ? /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(
     Button,
     {
       variant: "primary",
@@ -2112,7 +1936,7 @@ function EmbedUrlModal({ onOpenChange }) {
       css: { mr: "$4" }
     },
     "Update Embed"
-  ), /* @__PURE__ */ React20.createElement(
+  ), /* @__PURE__ */ React18.createElement(
     Button,
     {
       variant: "danger",
@@ -2124,7 +1948,7 @@ function EmbedUrlModal({ onOpenChange }) {
       "data-testid": "embed_url_btn"
     },
     "Stop Embed"
-  )) : /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(
+  )) : /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(
     Button,
     {
       variant: "primary",
@@ -2138,7 +1962,7 @@ function EmbedUrlModal({ onOpenChange }) {
       css: { mr: "$4" }
     },
     "Just Embed"
-  ), /* @__PURE__ */ React20.createElement(
+  ), /* @__PURE__ */ React18.createElement(
     Button,
     {
       variant: "primary",
@@ -2156,15 +1980,15 @@ function EmbedUrlModal({ onOpenChange }) {
 
 // src/Prebuilt/components/MoreSettings/FullScreenItem.jsx
 init_define_process_env();
-import React21 from "react";
+import React19 from "react";
 import { ExpandIcon as ExpandIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/hooks/useFullscreen.js
 init_define_process_env();
-import { useCallback as useCallback7, useEffect as useEffect7, useState as useState11 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect7, useState as useState10 } from "react";
 import screenfull2 from "screenfull";
 var useFullscreen2 = () => {
-  const [isFullScreenEnabled, setIsFullScreenEnabled] = useState11(screenfull2.isFullscreen);
+  const [isFullScreenEnabled, setIsFullScreenEnabled] = useState10(screenfull2.isFullscreen);
   const toggle = useCallback7(() => __async(void 0, null, function* () {
     if (!screenfull2.isEnabled) {
       ToastManager.addToast({ title: "Fullscreen feature not supported" });
@@ -2207,7 +2031,7 @@ var FullScreenItem = () => {
   if (!isFullscreenEnabled || !allowed) {
     return null;
   }
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     Dropdown.Item,
     {
       onClick: () => {
@@ -2215,14 +2039,14 @@ var FullScreenItem = () => {
       },
       "data-testid": "full_screen_btn"
     },
-    /* @__PURE__ */ React21.createElement(ExpandIcon2, null),
-    /* @__PURE__ */ React21.createElement(Text, { variant: "sm", css: { ml: "$4" } }, isFullscreen ? "Exit " : "Go ", "Fullscreen")
+    /* @__PURE__ */ React19.createElement(ExpandIcon2, null),
+    /* @__PURE__ */ React19.createElement(Text, { variant: "sm", css: { ml: "$4" } }, isFullscreen ? "Exit " : "Go ", "Fullscreen")
   );
 };
 
 // src/Prebuilt/components/MoreSettings/MuteAllModal.jsx
 init_define_process_env();
-import React22, { useCallback as useCallback8, useState as useState12 } from "react";
+import React20, { useCallback as useCallback8, useState as useState11 } from "react";
 import { useHMSActions as useHMSActions11 } from "@100mslive/react-sdk";
 import { MicOffIcon } from "@100mslive/react-icons";
 var trackSourceOptions = [
@@ -2240,10 +2064,10 @@ var trackTypeOptions = [
 var MuteAllModal = ({ onOpenChange }) => {
   const roles = useFilteredRoles();
   const hmsActions = useHMSActions11();
-  const [enabled, setEnabled] = useState12(false);
-  const [trackType, setTrackType] = useState12();
-  const [selectedRole, setRole] = useState12();
-  const [selectedSource, setSource] = useState12();
+  const [enabled, setEnabled] = useState11(false);
+  const [trackType, setTrackType] = useState11();
+  const [selectedRole, setRole] = useState11();
+  const [selectedSource, setSource] = useState11();
   const muteAll = useCallback8(() => __async(void 0, null, function* () {
     yield hmsActions.setRemoteTracksEnabled({
       enabled,
@@ -2253,7 +2077,7 @@ var MuteAllModal = ({ onOpenChange }) => {
     });
     onOpenChange(false);
   }), [selectedRole, enabled, trackType, selectedSource, hmsActions, onOpenChange]);
-  return /* @__PURE__ */ React22.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React22.createElement(DialogContent, { title: "Mute/Unmute Remote Tracks", Icon: MicOffIcon }, /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React20.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React20.createElement(DialogContent, { title: "Mute/Unmute Remote Tracks", Icon: MicOffIcon }, /* @__PURE__ */ React20.createElement(
     DialogSelect,
     {
       title: "Role",
@@ -2263,7 +2087,7 @@ var MuteAllModal = ({ onOpenChange }) => {
       labelField: "label",
       onChange: setRole
     }
-  ), /* @__PURE__ */ React22.createElement(
+  ), /* @__PURE__ */ React20.createElement(
     DialogSelect,
     {
       title: "Track type",
@@ -2273,7 +2097,7 @@ var MuteAllModal = ({ onOpenChange }) => {
       keyField: "value",
       labelField: "label"
     }
-  ), /* @__PURE__ */ React22.createElement(
+  ), /* @__PURE__ */ React20.createElement(
     DialogSelect,
     {
       title: "Track source",
@@ -2283,7 +2107,7 @@ var MuteAllModal = ({ onOpenChange }) => {
       keyField: "value",
       labelField: "label"
     }
-  ), /* @__PURE__ */ React22.createElement(DialogRow, null, /* @__PURE__ */ React22.createElement(Text, { variant: "md" }, "Track status"), /* @__PURE__ */ React22.createElement(RadioGroup.Root, { value: enabled, onValueChange: setEnabled }, /* @__PURE__ */ React22.createElement(Flex, { align: "center", css: { mr: "$8" } }, /* @__PURE__ */ React22.createElement(RadioGroup.Item, { value: false, id: "trackDisableRadio", css: { mr: "$4" } }, /* @__PURE__ */ React22.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ React22.createElement(Label, { htmlFor: "trackDisableRadio" }, "Mute")), /* @__PURE__ */ React22.createElement(Flex, { align: "center", css: { cursor: "pointer" } }, /* @__PURE__ */ React22.createElement(RadioGroup.Item, { value: true, id: "trackEnableRadio", css: { mr: "$4" } }, /* @__PURE__ */ React22.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ React22.createElement(Label, { htmlFor: "trackEnableRadio" }, "Request Unmute")))), /* @__PURE__ */ React22.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ React22.createElement(Button, { variant: "primary", onClick: muteAll }, "Apply"))));
+  ), /* @__PURE__ */ React20.createElement(DialogRow, null, /* @__PURE__ */ React20.createElement(Text, { variant: "md" }, "Track status"), /* @__PURE__ */ React20.createElement(RadioGroup.Root, { value: enabled, onValueChange: setEnabled }, /* @__PURE__ */ React20.createElement(Flex, { align: "center", css: { mr: "$8" } }, /* @__PURE__ */ React20.createElement(RadioGroup.Item, { value: false, id: "trackDisableRadio", css: { mr: "$4" } }, /* @__PURE__ */ React20.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ React20.createElement(Label, { htmlFor: "trackDisableRadio" }, "Mute")), /* @__PURE__ */ React20.createElement(Flex, { align: "center", css: { cursor: "pointer" } }, /* @__PURE__ */ React20.createElement(RadioGroup.Item, { value: true, id: "trackEnableRadio", css: { mr: "$4" } }, /* @__PURE__ */ React20.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ React20.createElement(Label, { htmlFor: "trackEnableRadio" }, "Request Unmute")))), /* @__PURE__ */ React20.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ React20.createElement(Button, { variant: "primary", onClick: muteAll }, "Apply"))));
 };
 
 // src/Prebuilt/components/MoreSettings/MoreSettings.jsx
@@ -2300,18 +2124,18 @@ var MODALS = {
   EMBED_URL: "embedUrl"
 };
 var MoreSettings = () => {
-  const permissions = useHMSStore16(selectPermissions4);
-  const isAllowedToPublish = useHMSStore16(selectIsAllowedToPublish2);
-  const localPeerId = useHMSStore16(selectLocalPeerID6);
-  const localPeerRole = useHMSStore16(selectLocalPeerRoleName5);
+  const permissions = useHMSStore15(selectPermissions4);
+  const isAllowedToPublish = useHMSStore15(selectIsAllowedToPublish);
+  const localPeerId = useHMSStore15(selectLocalPeerID6);
+  const localPeerRole = useHMSStore15(selectLocalPeerRoleName5);
   const hmsActions = useHMSActions12();
-  const enablHlsStats = useHMSStore16(selectAppData2(APP_DATA.hlsStats));
+  const enablHlsStats = useHMSStore15(selectAppData2(APP_DATA.hlsStats));
   const isMobile = useMedia5(config.media.md);
   const { isBrowserRecordingOn } = useRecordingStreaming3();
   const isChangeNameEnabled = useIsFeatureEnabled(FEATURE_LIST.CHANGE_NAME);
   const isEmbedEnabled = useIsFeatureEnabled(FEATURE_LIST.EMBED_URL);
   const isSFNEnabled = useIsFeatureEnabled(FEATURE_LIST.STARTS_FOR_NERDS);
-  const [openModals, setOpenModals] = useState13(/* @__PURE__ */ new Set());
+  const [openModals, setOpenModals] = useState12(/* @__PURE__ */ new Set());
   useDropdownList({ open: openModals.size > 0, name: "MoreSettings" });
   const updateState = (modalName, value) => {
     setOpenModals((modals) => {
@@ -2324,14 +2148,14 @@ var MoreSettings = () => {
       return copy;
     });
   };
-  return /* @__PURE__ */ React23.createElement(Fragment4, null, /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React21.createElement(Fragment3, null, /* @__PURE__ */ React21.createElement(
     Dropdown.Root,
     {
       open: openModals.has(MODALS.MORE_SETTINGS),
       onOpenChange: (value) => updateState(MODALS.MORE_SETTINGS, value)
     },
-    /* @__PURE__ */ React23.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "more_settings_btn" }, /* @__PURE__ */ React23.createElement(IconButton_default, null, /* @__PURE__ */ React23.createElement(Tooltip, { title: "More options" }, /* @__PURE__ */ React23.createElement(Box, null, /* @__PURE__ */ React23.createElement(VerticalMenuIcon, null))))),
-    /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React21.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "more_settings_btn" }, /* @__PURE__ */ React21.createElement(IconButton_default, null, /* @__PURE__ */ React21.createElement(Tooltip, { title: "More options" }, /* @__PURE__ */ React21.createElement(Box, null, /* @__PURE__ */ React21.createElement(VerticalMenuIcon, null))))),
+    /* @__PURE__ */ React21.createElement(
       Dropdown.Content,
       {
         sideOffset: 5,
@@ -2345,66 +2169,66 @@ var MoreSettings = () => {
           }
         }
       },
-      isMobile && (permissions == null ? void 0 : permissions.browserRecording) ? /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.START_RECORDING, true) }, /* @__PURE__ */ React23.createElement(RecordIcon, null), /* @__PURE__ */ React23.createElement(Text, { variant: "sm", css: { ml: "$4" } }, isBrowserRecordingOn ? "Stop" : "Start", " Recording")), /* @__PURE__ */ React23.createElement(Dropdown.ItemSeparator, null)) : null,
-      isChangeNameEnabled && /* @__PURE__ */ React23.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.CHANGE_NAME, true), "data-testid": "change_name_btn" }, /* @__PURE__ */ React23.createElement(PencilIcon, null), /* @__PURE__ */ React23.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Change Name")),
-      /* @__PURE__ */ React23.createElement(ChangeSelfRole, { onClick: () => updateState(MODALS.SELF_ROLE_CHANGE, true) }),
-      (permissions == null ? void 0 : permissions.changeRole) && /* @__PURE__ */ React23.createElement(
+      isMobile && (permissions == null ? void 0 : permissions.browserRecording) ? /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.START_RECORDING, true) }, /* @__PURE__ */ React21.createElement(RecordIcon, null), /* @__PURE__ */ React21.createElement(Text, { variant: "sm", css: { ml: "$4" } }, isBrowserRecordingOn ? "Stop" : "Start", " Recording")), /* @__PURE__ */ React21.createElement(Dropdown.ItemSeparator, null)) : null,
+      isChangeNameEnabled && /* @__PURE__ */ React21.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.CHANGE_NAME, true), "data-testid": "change_name_btn" }, /* @__PURE__ */ React21.createElement(PencilIcon, null), /* @__PURE__ */ React21.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Change Name")),
+      /* @__PURE__ */ React21.createElement(ChangeSelfRole, { onClick: () => updateState(MODALS.SELF_ROLE_CHANGE, true) }),
+      (permissions == null ? void 0 : permissions.changeRole) && /* @__PURE__ */ React21.createElement(
         Dropdown.Item,
         {
           onClick: () => updateState(MODALS.BULK_ROLE_CHANGE, true),
           "data-testid": "bulk_role_change_btn"
         },
-        /* @__PURE__ */ React23.createElement(ChangeRoleIcon2, null),
-        /* @__PURE__ */ React23.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Bulk Role Change")
+        /* @__PURE__ */ React21.createElement(ChangeRoleIcon2, null),
+        /* @__PURE__ */ React21.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Bulk Role Change")
       ),
-      /* @__PURE__ */ React23.createElement(FullScreenItem, null),
-      isAllowedToPublish.screen && isEmbedEnabled && /* @__PURE__ */ React23.createElement(EmbedUrl, { setShowOpenUrl: () => updateState(MODALS.EMBED_URL, true) }),
-      permissions.mute && /* @__PURE__ */ React23.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.MUTE_ALL, true), "data-testid": "mute_all_btn" }, /* @__PURE__ */ React23.createElement(MicOffIcon2, null), /* @__PURE__ */ React23.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Mute All")),
-      /* @__PURE__ */ React23.createElement(Dropdown.ItemSeparator, null),
-      /* @__PURE__ */ React23.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.DEVICE_SETTINGS, true), "data-testid": "device_settings_btn" }, /* @__PURE__ */ React23.createElement(SettingsIcon, null), /* @__PURE__ */ React23.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Settings")),
-      FeatureFlags.enableStatsForNerds && isSFNEnabled && (localPeerRole === "hls-viewer" ? Hls.isSupported() ? /* @__PURE__ */ React23.createElement(
+      /* @__PURE__ */ React21.createElement(FullScreenItem, null),
+      isAllowedToPublish.screen && isEmbedEnabled && /* @__PURE__ */ React21.createElement(EmbedUrl, { setShowOpenUrl: () => updateState(MODALS.EMBED_URL, true) }),
+      permissions.mute && /* @__PURE__ */ React21.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.MUTE_ALL, true), "data-testid": "mute_all_btn" }, /* @__PURE__ */ React21.createElement(MicOffIcon2, null), /* @__PURE__ */ React21.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Mute All")),
+      /* @__PURE__ */ React21.createElement(Dropdown.ItemSeparator, null),
+      /* @__PURE__ */ React21.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.DEVICE_SETTINGS, true), "data-testid": "device_settings_btn" }, /* @__PURE__ */ React21.createElement(SettingsIcon, null), /* @__PURE__ */ React21.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Settings")),
+      FeatureFlags.enableStatsForNerds && isSFNEnabled && (localPeerRole === "hls-viewer" ? Hls.isSupported() ? /* @__PURE__ */ React21.createElement(
         Dropdown.Item,
         {
           onClick: () => hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats),
           "data-testid": "hls_stats"
         },
-        /* @__PURE__ */ React23.createElement(
+        /* @__PURE__ */ React21.createElement(
           Checkbox.Root,
           {
             css: { margin: "$2" },
             checked: enablHlsStats,
             onCheckedChange: () => hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats)
           },
-          /* @__PURE__ */ React23.createElement(Checkbox.Indicator, null, /* @__PURE__ */ React23.createElement(CheckIcon3, { width: 16, height: 16 }))
+          /* @__PURE__ */ React21.createElement(Checkbox.Indicator, null, /* @__PURE__ */ React21.createElement(CheckIcon3, { width: 16, height: 16 }))
         ),
-        /* @__PURE__ */ React23.createElement(Flex, { justify: "between", css: { width: "100%" } }, /* @__PURE__ */ React23.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Show HLS Stats"), !isMobileOS ? /* @__PURE__ */ React23.createElement(Text, { variant: "sm", css: { ml: "$4" } }, `${isMacOS ? "\u2318" : "ctrl"} + ]`) : null)
-      ) : null : /* @__PURE__ */ React23.createElement(
+        /* @__PURE__ */ React21.createElement(Flex, { justify: "between", css: { width: "100%" } }, /* @__PURE__ */ React21.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Show HLS Stats"), !isMobileOS ? /* @__PURE__ */ React21.createElement(Text, { variant: "sm", css: { ml: "$4" } }, `${isMacOS ? "\u2318" : "ctrl"} + ]`) : null)
+      ) : null : /* @__PURE__ */ React21.createElement(
         Dropdown.Item,
         {
           onClick: () => updateState(MODALS.STATS_FOR_NERDS, true),
           "data-testid": "stats_for_nreds_btn"
         },
-        /* @__PURE__ */ React23.createElement(InfoIcon, null),
-        /* @__PURE__ */ React23.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Stats for Nerds")
+        /* @__PURE__ */ React21.createElement(InfoIcon, null),
+        /* @__PURE__ */ React21.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Stats for Nerds")
       ))
     )
-  ), openModals.has(MODALS.BULK_ROLE_CHANGE) && /* @__PURE__ */ React23.createElement(BulkRoleChangeModal, { onOpenChange: (value) => updateState(MODALS.BULK_ROLE_CHANGE, value) }), openModals.has(MODALS.MUTE_ALL) && /* @__PURE__ */ React23.createElement(MuteAllModal, { onOpenChange: (value) => updateState(MODALS.MUTE_ALL, value) }), openModals.has(MODALS.CHANGE_NAME) && /* @__PURE__ */ React23.createElement(ChangeNameModal, { onOpenChange: (value) => updateState(MODALS.CHANGE_NAME, value) }), openModals.has(MODALS.DEVICE_SETTINGS) && /* @__PURE__ */ React23.createElement(SettingsModal_default, { open: true, onOpenChange: (value) => updateState(MODALS.DEVICE_SETTINGS, value) }), FeatureFlags.enableStatsForNerds && openModals.has(MODALS.STATS_FOR_NERDS) && /* @__PURE__ */ React23.createElement(StatsForNerds, { open: true, onOpenChange: (value) => updateState(MODALS.STATS_FOR_NERDS, value) }), openModals.has(MODALS.SELF_ROLE_CHANGE) && /* @__PURE__ */ React23.createElement(RoleChangeModal, { peerId: localPeerId, onOpenChange: (value) => updateState(MODALS.SELF_ROLE_CHANGE, value) }), openModals.has(MODALS.START_RECORDING) && /* @__PURE__ */ React23.createElement(StartRecording_default, { open: true, onOpenChange: (value) => updateState(MODALS.START_RECORDING, value) }), openModals.has(MODALS.EMBED_URL) && /* @__PURE__ */ React23.createElement(EmbedUrlModal, { onOpenChange: (value) => updateState(MODALS.EMBED_URL, value) }));
+  ), openModals.has(MODALS.BULK_ROLE_CHANGE) && /* @__PURE__ */ React21.createElement(BulkRoleChangeModal, { onOpenChange: (value) => updateState(MODALS.BULK_ROLE_CHANGE, value) }), openModals.has(MODALS.MUTE_ALL) && /* @__PURE__ */ React21.createElement(MuteAllModal, { onOpenChange: (value) => updateState(MODALS.MUTE_ALL, value) }), openModals.has(MODALS.CHANGE_NAME) && /* @__PURE__ */ React21.createElement(ChangeNameModal, { onOpenChange: (value) => updateState(MODALS.CHANGE_NAME, value) }), openModals.has(MODALS.DEVICE_SETTINGS) && /* @__PURE__ */ React21.createElement(SettingsModal_default, { open: true, onOpenChange: (value) => updateState(MODALS.DEVICE_SETTINGS, value) }), FeatureFlags.enableStatsForNerds && openModals.has(MODALS.STATS_FOR_NERDS) && /* @__PURE__ */ React21.createElement(StatsForNerds, { open: true, onOpenChange: (value) => updateState(MODALS.STATS_FOR_NERDS, value) }), openModals.has(MODALS.SELF_ROLE_CHANGE) && /* @__PURE__ */ React21.createElement(RoleChangeModal, { peerId: localPeerId, onOpenChange: (value) => updateState(MODALS.SELF_ROLE_CHANGE, value) }), openModals.has(MODALS.START_RECORDING) && /* @__PURE__ */ React21.createElement(StartRecording_default, { open: true, onOpenChange: (value) => updateState(MODALS.START_RECORDING, value) }), openModals.has(MODALS.EMBED_URL) && /* @__PURE__ */ React21.createElement(EmbedUrlModal, { onOpenChange: (value) => updateState(MODALS.EMBED_URL, value) }));
 };
 
 // src/Prebuilt/components/PIP/index.jsx
 init_define_process_env();
-import React25 from "react";
+import React23 from "react";
 
 // src/Prebuilt/components/PIP/PIPComponent.jsx
 init_define_process_env();
-import React24, { useCallback as useCallback9, useEffect as useEffect8, useState as useState14 } from "react";
+import React22, { useCallback as useCallback9, useEffect as useEffect8, useState as useState13 } from "react";
 import {
   selectLocalPeerRoleName as selectLocalPeerRoleName6,
   selectPeers as selectPeers4,
   selectRemotePeers as selectRemotePeers2,
   selectTracksMap as selectTracksMap2,
   useHMSActions as useHMSActions13,
-  useHMSStore as useHMSStore17,
+  useHMSStore as useHMSStore16,
   useHMSVanillaStore
 } from "@100mslive/react-sdk";
 import { PipIcon } from "@100mslive/react-icons";
@@ -2851,8 +2675,8 @@ var MediaSession = new SetupMediaSession();
 
 // src/Prebuilt/components/PIP/PIPComponent.jsx
 var PIPComponent = ({ peers, showLocalPeer }) => {
-  const localPeerRole = useHMSStore17(selectLocalPeerRoleName6);
-  const [isPipOn, setIsPipOn] = useState14(PictureInPicture.isOn());
+  const localPeerRole = useHMSStore16(selectLocalPeerRoleName6);
+  const [isPipOn, setIsPipOn] = useState13(PictureInPicture.isOn());
   const hmsActions = useHMSActions13();
   const store = useHMSVanillaStore();
   const isFeatureEnabled = useIsFeatureEnabled(FEATURE_LIST.PICTURE_IN_PICTURE);
@@ -2872,11 +2696,11 @@ var PIPComponent = ({ peers, showLocalPeer }) => {
   if (!PictureInPicture.isSupported() || localPeerRole === DEFAULT_HLS_VIEWER_ROLE || !isFeatureEnabled) {
     return null;
   }
-  return /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(Tooltip, { title: `${isPipOn ? "Deactivate" : "Activate"} picture in picture view` }, /* @__PURE__ */ React24.createElement(IconButton_default, { active: !isPipOn, key: "pip", onClick: () => onPipToggle(), "data-testid": "pip_btn" }, /* @__PURE__ */ React24.createElement(PipIcon, null))), isPipOn && /* @__PURE__ */ React24.createElement(ActivatedPIP, { showLocalPeer, peers }));
+  return /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement(Tooltip, { title: `${isPipOn ? "Deactivate" : "Activate"} picture in picture view` }, /* @__PURE__ */ React22.createElement(IconButton_default, { active: !isPipOn, key: "pip", onClick: () => onPipToggle(), "data-testid": "pip_btn" }, /* @__PURE__ */ React22.createElement(PipIcon, null))), isPipOn && /* @__PURE__ */ React22.createElement(ActivatedPIP, { showLocalPeer, peers }));
 };
 var ActivatedPIP = ({ showLocalPeer, peers }) => {
-  const tracksMap = useHMSStore17(selectTracksMap2);
-  const storePeers = useHMSStore17(showLocalPeer ? selectPeers4 : selectRemotePeers2);
+  const tracksMap = useHMSStore16(selectTracksMap2);
+  const storePeers = useHMSStore16(showLocalPeer ? selectPeers4 : selectRemotePeers2);
   useEffect8(() => {
     let pipPeers = storePeers;
     if (peers) {
@@ -2893,18 +2717,18 @@ var PIPComponent_default = PIPComponent;
 // src/Prebuilt/components/PIP/index.jsx
 var PIP = () => {
   const pinnedTrack = usePinnedTrack();
-  return /* @__PURE__ */ React25.createElement(PIPComponent_default, { peers: pinnedTrack && pinnedTrack.enabled ? [pinnedTrack.peerId] : void 0, showLocalPeer: true });
+  return /* @__PURE__ */ React23.createElement(PIPComponent_default, { peers: pinnedTrack && pinnedTrack.enabled ? [pinnedTrack.peerId] : void 0, showLocalPeer: true });
 };
 
 // src/Prebuilt/components/ScreenShare.jsx
 init_define_process_env();
-import React33, { Fragment as Fragment6 } from "react";
-import { selectIsAllowedToPublish as selectIsAllowedToPublish3, useHMSStore as useHMSStore18, useScreenShare as useScreenShare4 } from "@100mslive/react-sdk";
+import React31, { Fragment as Fragment5 } from "react";
+import { selectIsAllowedToPublish as selectIsAllowedToPublish2, useHMSStore as useHMSStore17, useScreenShare as useScreenShare4 } from "@100mslive/react-sdk";
 import { ShareScreenIcon as ShareScreenIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx
 init_define_process_env();
-import React32, { Fragment as Fragment5, useState as useState16 } from "react";
+import React30, { Fragment as Fragment4, useState as useState15 } from "react";
 import { useScreenShare as useScreenShare3 } from "@100mslive/react-sdk";
 import { PdfShare, ScreenShare, StarIcon, VerticalMenuIcon as VerticalMenuIcon2 } from "@100mslive/react-icons";
 
@@ -2935,14 +2759,14 @@ var ShareMenuIcon = styled(ScreenShareButton, {
 
 // src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx
 init_define_process_env();
-import React31, { useState as useState15 } from "react";
+import React29, { useState as useState14 } from "react";
 
 // src/Prebuilt/components/pdfAnnotator/pdfErrorView.jsx
 init_define_process_env();
-import React26 from "react";
+import React24 from "react";
 import { InfoIcon as InfoIcon2 } from "@100mslive/react-icons";
 var PdfErrorView = ({ isPDFUrlValid }) => {
-  return !isPDFUrlValid && /* @__PURE__ */ React26.createElement(
+  return !isPDFUrlValid && /* @__PURE__ */ React24.createElement(
     DialogRow,
     {
       css: {
@@ -2951,8 +2775,8 @@ var PdfErrorView = ({ isPDFUrlValid }) => {
         justifyContent: "start"
       }
     },
-    /* @__PURE__ */ React26.createElement(InfoIcon2, { width: "12px", height: "12px" }),
-    /* @__PURE__ */ React26.createElement(
+    /* @__PURE__ */ React24.createElement(InfoIcon2, { width: "12px", height: "12px" }),
+    /* @__PURE__ */ React24.createElement(
       Text,
       {
         variant: "caption",
@@ -2968,9 +2792,9 @@ var PdfErrorView = ({ isPDFUrlValid }) => {
 
 // src/Prebuilt/components/pdfAnnotator/pdfHeader.jsx
 init_define_process_env();
-import React27 from "react";
+import React25 from "react";
 var PDFHeader = () => {
-  return /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React25.createElement(
     DialogCol,
     {
       align: "start",
@@ -2979,8 +2803,8 @@ var PDFHeader = () => {
         mb: "$6"
       }
     },
-    /* @__PURE__ */ React27.createElement(Dialog.Title, { asChild: true }, /* @__PURE__ */ React27.createElement(Text, { as: "h6", variant: "h6" }, "Share PDF")),
-    /* @__PURE__ */ React27.createElement(Dialog.Description, { asChild: true }, /* @__PURE__ */ React27.createElement(
+    /* @__PURE__ */ React25.createElement(Dialog.Title, { asChild: true }, /* @__PURE__ */ React25.createElement(Text, { as: "h6", variant: "h6" }, "Share PDF")),
+    /* @__PURE__ */ React25.createElement(Dialog.Description, { asChild: true }, /* @__PURE__ */ React25.createElement(
       Text,
       {
         variant: "sm",
@@ -2995,10 +2819,10 @@ var PDFHeader = () => {
 
 // src/Prebuilt/components/pdfAnnotator/pdfInfo.jsx
 init_define_process_env();
-import React28 from "react";
+import React26 from "react";
 import { InfoIcon as InfoIcon3 } from "@100mslive/react-icons";
 var PDFInfo = () => {
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React26.createElement(
     DialogRow,
     {
       css: {
@@ -3011,7 +2835,7 @@ var PDFInfo = () => {
         minHeight: "$11"
       }
     },
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React26.createElement(
       InfoIcon3,
       {
         width: "64px",
@@ -3021,13 +2845,13 @@ var PDFInfo = () => {
         }
       }
     ),
-    /* @__PURE__ */ React28.createElement(Text, { variant: "caption" }, "On the next screen, ensure you select \u201CThis Tab\u201D and click on share. Only the PDF viewer will be seen by other participants")
+    /* @__PURE__ */ React26.createElement(Text, { variant: "caption" }, "On the next screen, ensure you select \u201CThis Tab\u201D and click on share. Only the PDF viewer will be seen by other participants")
   );
 };
 
 // src/Prebuilt/components/pdfAnnotator/submitPdf.jsx
 init_define_process_env();
-import React29, { useCallback as useCallback10 } from "react";
+import React27, { useCallback as useCallback10 } from "react";
 var SubmitPDF = ({
   pdfFile,
   pdfURL,
@@ -3064,7 +2888,7 @@ var SubmitPDF = ({
     },
     [onOpenChange, pdfFile, setIsPDFUrlValid, setIsValidateProgress, setPDFConfig]
   );
-  return /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React27.createElement(
     Flex,
     {
       direction: "row",
@@ -3074,7 +2898,7 @@ var SubmitPDF = ({
         gap: "$8"
       }
     },
-    /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React27.createElement(
       Button,
       {
         variant: "standard",
@@ -3087,7 +2911,7 @@ var SubmitPDF = ({
       },
       "Cancel"
     ),
-    /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React27.createElement(
       Button,
       {
         variant: "primary",
@@ -3114,7 +2938,7 @@ var SubmitPDF = ({
 
 // src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx
 init_define_process_env();
-import React30 from "react";
+import React28 from "react";
 import { TrashIcon } from "@100mslive/react-icons";
 var UploadedFile = ({
   pdfFile,
@@ -3126,7 +2950,7 @@ var UploadedFile = ({
   onOpenChange
 }) => {
   const [fileName, ext] = pdfFile.name.split(".");
-  return /* @__PURE__ */ React30.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React30.createElement(Dialog.Portal, null, /* @__PURE__ */ React30.createElement(Dialog.Overlay, null), /* @__PURE__ */ React30.createElement(
+  return /* @__PURE__ */ React28.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React28.createElement(Dialog.Portal, null, /* @__PURE__ */ React28.createElement(Dialog.Overlay, null), /* @__PURE__ */ React28.createElement(
     Dialog.Content,
     {
       css: {
@@ -3135,7 +2959,7 @@ var UploadedFile = ({
         p: "$10"
       }
     },
-    /* @__PURE__ */ React30.createElement(Flex, { direction: "column" }, /* @__PURE__ */ React30.createElement(PDFHeader, null), /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React28.createElement(Flex, { direction: "column" }, /* @__PURE__ */ React28.createElement(PDFHeader, null), /* @__PURE__ */ React28.createElement(
       DialogRow,
       {
         css: {
@@ -3157,7 +2981,7 @@ var UploadedFile = ({
           mt: "$6"
         }
       },
-      /* @__PURE__ */ React30.createElement(Flex, { direction: "row", css: { flexGrow: "1", maxWidth: "88%" } }, /* @__PURE__ */ React30.createElement(
+      /* @__PURE__ */ React28.createElement(Flex, { direction: "row", css: { flexGrow: "1", maxWidth: "88%" } }, /* @__PURE__ */ React28.createElement(
         Text,
         {
           css: {
@@ -3167,8 +2991,8 @@ var UploadedFile = ({
           }
         },
         fileName
-      ), /* @__PURE__ */ React30.createElement(Text, { css: { whiteSpace: "nowrap" } }, ".", ext)),
-      /* @__PURE__ */ React30.createElement(
+      ), /* @__PURE__ */ React28.createElement(Text, { css: { whiteSpace: "nowrap" } }, ".", ext)),
+      /* @__PURE__ */ React28.createElement(
         TrashIcon,
         {
           onClick: () => setPDFFile(null),
@@ -3177,7 +3001,7 @@ var UploadedFile = ({
           }
         }
       )
-    ), /* @__PURE__ */ React30.createElement(PDFInfo, null), /* @__PURE__ */ React30.createElement(
+    ), /* @__PURE__ */ React28.createElement(PDFInfo, null), /* @__PURE__ */ React28.createElement(
       SubmitPDF,
       {
         pdfFile,
@@ -3193,11 +3017,11 @@ var UploadedFile = ({
 
 // src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx
 function PDFFileOptions({ onOpenChange }) {
-  const [isPDFUrlValid, setIsPDFUrlValid] = useState15(true);
-  const [isValidateProgress, setIsValidateProgress] = useState15(false);
-  const [pdfFile, setPDFFile] = useState15(null);
-  const [pdfURL, setPDFURL] = useState15("");
-  return !pdfFile ? /* @__PURE__ */ React31.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React31.createElement(Dialog.Portal, null, /* @__PURE__ */ React31.createElement(Dialog.Overlay, null), /* @__PURE__ */ React31.createElement(
+  const [isPDFUrlValid, setIsPDFUrlValid] = useState14(true);
+  const [isValidateProgress, setIsValidateProgress] = useState14(false);
+  const [pdfFile, setPDFFile] = useState14(null);
+  const [pdfURL, setPDFURL] = useState14("");
+  return !pdfFile ? /* @__PURE__ */ React29.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React29.createElement(Dialog.Portal, null, /* @__PURE__ */ React29.createElement(Dialog.Overlay, null), /* @__PURE__ */ React29.createElement(
     Dialog.Content,
     {
       css: {
@@ -3206,7 +3030,7 @@ function PDFFileOptions({ onOpenChange }) {
         p: "$10"
       }
     },
-    /* @__PURE__ */ React31.createElement(Flex, { direction: "column" }, /* @__PURE__ */ React31.createElement(PDFHeader, null), /* @__PURE__ */ React31.createElement(
+    /* @__PURE__ */ React29.createElement(Flex, { direction: "column" }, /* @__PURE__ */ React29.createElement(PDFHeader, null), /* @__PURE__ */ React29.createElement(
       DialogInputFile,
       {
         onChange: (target) => {
@@ -3216,14 +3040,14 @@ function PDFFileOptions({ onOpenChange }) {
         type: "file",
         accept: ".pdf"
       }
-    ), /* @__PURE__ */ React31.createElement(
+    ), /* @__PURE__ */ React29.createElement(
       DialogRow,
       {
         css: {
           m: "$10 0"
         }
       },
-      /* @__PURE__ */ React31.createElement(
+      /* @__PURE__ */ React29.createElement(
         HorizontalDivider,
         {
           css: {
@@ -3231,7 +3055,7 @@ function PDFFileOptions({ onOpenChange }) {
           }
         }
       ),
-      /* @__PURE__ */ React31.createElement(
+      /* @__PURE__ */ React29.createElement(
         Text,
         {
           variant: "tiny",
@@ -3241,7 +3065,7 @@ function PDFFileOptions({ onOpenChange }) {
         },
         "OR"
       ),
-      /* @__PURE__ */ React31.createElement(
+      /* @__PURE__ */ React29.createElement(
         HorizontalDivider,
         {
           css: {
@@ -3249,7 +3073,7 @@ function PDFFileOptions({ onOpenChange }) {
           }
         }
       )
-    ), /* @__PURE__ */ React31.createElement(
+    ), /* @__PURE__ */ React29.createElement(
       Text,
       {
         variant: "sm",
@@ -3258,7 +3082,7 @@ function PDFFileOptions({ onOpenChange }) {
         }
       },
       "Import from URL"
-    ), /* @__PURE__ */ React31.createElement(
+    ), /* @__PURE__ */ React29.createElement(
       Input,
       {
         css: { w: "100%", mb: "$10" },
@@ -3274,7 +3098,7 @@ function PDFFileOptions({ onOpenChange }) {
         type: "text",
         error: !isPDFUrlValid
       }
-    ), !isPDFUrlValid && /* @__PURE__ */ React31.createElement(PdfErrorView, { isPDFUrlValid }), /* @__PURE__ */ React31.createElement(PDFInfo, null), /* @__PURE__ */ React31.createElement(
+    ), !isPDFUrlValid && /* @__PURE__ */ React29.createElement(PdfErrorView, { isPDFUrlValid }), /* @__PURE__ */ React29.createElement(PDFInfo, null), /* @__PURE__ */ React29.createElement(
       SubmitPDF,
       {
         pdfFile,
@@ -3285,7 +3109,7 @@ function PDFFileOptions({ onOpenChange }) {
         onOpenChange
       }
     ))
-  ))) : /* @__PURE__ */ React31.createElement(
+  ))) : /* @__PURE__ */ React29.createElement(
     UploadedFile,
     {
       pdfFile,
@@ -3306,7 +3130,7 @@ var MODALS2 = {
   PDF_SHARE: "pdfShare"
 };
 function ShareScreenOptions() {
-  const [openModals, setOpenModals] = useState16(/* @__PURE__ */ new Set());
+  const [openModals, setOpenModals] = useState15(/* @__PURE__ */ new Set());
   const { amIScreenSharing } = useScreenShare3();
   const updateState = (modalName, value) => {
     setOpenModals((modals) => {
@@ -3320,7 +3144,7 @@ function ShareScreenOptions() {
     });
   };
   const { toggleScreenShare } = useScreenShare3();
-  return /* @__PURE__ */ React32.createElement(Fragment5, null, /* @__PURE__ */ React32.createElement(Dropdown.Root, { open: openModals.has(MODALS2.SHARE), onOpenChange: (value) => updateState(MODALS2.SHARE, value) }, /* @__PURE__ */ React32.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "sharing_btn", disabled: amIScreenSharing }, /* @__PURE__ */ React32.createElement(ShareMenuIcon, { disabled: amIScreenSharing }, /* @__PURE__ */ React32.createElement(Tooltip, { title: "Share" }, /* @__PURE__ */ React32.createElement(Box, null, /* @__PURE__ */ React32.createElement(VerticalMenuIcon2, null))))), /* @__PURE__ */ React32.createElement(
+  return /* @__PURE__ */ React30.createElement(Fragment4, null, /* @__PURE__ */ React30.createElement(Dropdown.Root, { open: openModals.has(MODALS2.SHARE), onOpenChange: (value) => updateState(MODALS2.SHARE, value) }, /* @__PURE__ */ React30.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "sharing_btn", disabled: amIScreenSharing }, /* @__PURE__ */ React30.createElement(ShareMenuIcon, { disabled: amIScreenSharing }, /* @__PURE__ */ React30.createElement(Tooltip, { title: "Share" }, /* @__PURE__ */ React30.createElement(Box, null, /* @__PURE__ */ React30.createElement(VerticalMenuIcon2, null))))), /* @__PURE__ */ React30.createElement(
     Dropdown.Content,
     {
       sideOffset: 5,
@@ -3330,7 +3154,7 @@ function ShareScreenOptions() {
         p: 0
       }
     },
-    /* @__PURE__ */ React32.createElement(
+    /* @__PURE__ */ React30.createElement(
       Dropdown.Item,
       {
         css: {
@@ -3345,10 +3169,10 @@ function ShareScreenOptions() {
           }
         }
       },
-      /* @__PURE__ */ React32.createElement(Text, { variant: "h6" }, "Start Sharing"),
-      /* @__PURE__ */ React32.createElement(Text, { variant: "sm" }, "Choose what you want to share")
+      /* @__PURE__ */ React30.createElement(Text, { variant: "h6" }, "Start Sharing"),
+      /* @__PURE__ */ React30.createElement(Text, { variant: "sm" }, "Choose what you want to share")
     ),
-    /* @__PURE__ */ React32.createElement(
+    /* @__PURE__ */ React30.createElement(
       Dropdown.Item,
       {
         css: {
@@ -3363,7 +3187,7 @@ function ShareScreenOptions() {
           }
         }
       },
-      /* @__PURE__ */ React32.createElement(
+      /* @__PURE__ */ React30.createElement(
         Flex,
         {
           direction: "column",
@@ -3372,7 +3196,7 @@ function ShareScreenOptions() {
             gap: "$6"
           }
         },
-        /* @__PURE__ */ React32.createElement(
+        /* @__PURE__ */ React30.createElement(
           IconButton,
           {
             as: "div",
@@ -3387,7 +3211,7 @@ function ShareScreenOptions() {
               pb: "0"
             }
           },
-          /* @__PURE__ */ React32.createElement(
+          /* @__PURE__ */ React30.createElement(
             ScreenShare,
             {
               width: "100%",
@@ -3399,7 +3223,7 @@ function ShareScreenOptions() {
             }
           )
         ),
-        /* @__PURE__ */ React32.createElement(Flex, { direction: "column", align: "center" }, /* @__PURE__ */ React32.createElement(Text, { variant: "body2" }, "Share Screen"), /* @__PURE__ */ React32.createElement(
+        /* @__PURE__ */ React30.createElement(Flex, { direction: "column", align: "center" }, /* @__PURE__ */ React30.createElement(Text, { variant: "body2" }, "Share Screen"), /* @__PURE__ */ React30.createElement(
           Text,
           {
             variant: "caption",
@@ -3411,7 +3235,7 @@ function ShareScreenOptions() {
           "Share your tab, window or your entire screen"
         ))
       ),
-      /* @__PURE__ */ React32.createElement(
+      /* @__PURE__ */ React30.createElement(
         Flex,
         {
           direction: "column",
@@ -3420,7 +3244,7 @@ function ShareScreenOptions() {
             gap: "$6"
           }
         },
-        /* @__PURE__ */ React32.createElement(
+        /* @__PURE__ */ React30.createElement(
           IconButton,
           {
             onClick: () => {
@@ -3437,7 +3261,7 @@ function ShareScreenOptions() {
               pb: "0"
             }
           },
-          /* @__PURE__ */ React32.createElement(
+          /* @__PURE__ */ React30.createElement(
             PdfShare,
             {
               width: "100%",
@@ -3448,7 +3272,7 @@ function ShareScreenOptions() {
               }
             }
           ),
-          /* @__PURE__ */ React32.createElement(
+          /* @__PURE__ */ React30.createElement(
             Flex,
             {
               direction: "row",
@@ -3464,8 +3288,8 @@ function ShareScreenOptions() {
                 gap: "$2"
               }
             },
-            /* @__PURE__ */ React32.createElement(StarIcon, { height: 14, width: 14 }),
-            /* @__PURE__ */ React32.createElement(
+            /* @__PURE__ */ React30.createElement(StarIcon, { height: 14, width: 14 }),
+            /* @__PURE__ */ React30.createElement(
               Text,
               {
                 variant: "xs",
@@ -3479,7 +3303,7 @@ function ShareScreenOptions() {
             )
           )
         ),
-        /* @__PURE__ */ React32.createElement(Flex, { direction: "column", align: "center" }, /* @__PURE__ */ React32.createElement(Text, { variant: "body2" }, "Share PDF"), /* @__PURE__ */ React32.createElement(
+        /* @__PURE__ */ React30.createElement(Flex, { direction: "column", align: "center" }, /* @__PURE__ */ React30.createElement(Text, { variant: "body2" }, "Share PDF"), /* @__PURE__ */ React30.createElement(
           Text,
           {
             variant: "caption",
@@ -3492,7 +3316,7 @@ function ShareScreenOptions() {
         ))
       )
     ),
-    /* @__PURE__ */ React32.createElement(
+    /* @__PURE__ */ React30.createElement(
       Dropdown.Item,
       {
         css: {
@@ -3505,7 +3329,7 @@ function ShareScreenOptions() {
           }
         }
       },
-      /* @__PURE__ */ React32.createElement(
+      /* @__PURE__ */ React30.createElement(
         Button,
         {
           variant: "standard",
@@ -3522,19 +3346,19 @@ function ShareScreenOptions() {
         "Cancel"
       )
     )
-  )), openModals.has(MODALS2.PDF_SHARE) && /* @__PURE__ */ React32.createElement(PDFFileOptions, { onOpenChange: (value) => updateState(MODALS2.PDF_SHARE, value) }));
+  )), openModals.has(MODALS2.PDF_SHARE) && /* @__PURE__ */ React30.createElement(PDFFileOptions, { onOpenChange: (value) => updateState(MODALS2.PDF_SHARE, value) }));
 }
 
 // src/Prebuilt/components/ScreenShare.jsx
 var ScreenshareToggle = ({ css = {} }) => {
-  const isAllowedToPublish = useHMSStore18(selectIsAllowedToPublish3);
+  const isAllowedToPublish = useHMSStore17(selectIsAllowedToPublish2);
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const { amIScreenSharing, screenShareVideoTrackId: video, toggleScreenShare } = useScreenShare4();
   const isVideoScreenshare = amIScreenSharing && !!video;
   if (!isAllowedToPublish.screen || !isScreenshareSupported()) {
     return null;
   }
-  return /* @__PURE__ */ React33.createElement(Fragment6, null, /* @__PURE__ */ React33.createElement(Flex, { direction: "row" }, /* @__PURE__ */ React33.createElement(
+  return /* @__PURE__ */ React31.createElement(Fragment5, null, /* @__PURE__ */ React31.createElement(Flex, { direction: "row" }, /* @__PURE__ */ React31.createElement(
     ScreenShareButton,
     {
       variant: "standard",
@@ -3546,24 +3370,24 @@ var ScreenshareToggle = ({ css = {} }) => {
         toggleScreenShare();
       }
     },
-    /* @__PURE__ */ React33.createElement(Tooltip, { title: `${!isVideoScreenshare ? "Start" : "Stop"} screen sharing` }, /* @__PURE__ */ React33.createElement(Box, null, /* @__PURE__ */ React33.createElement(ShareScreenIcon2, null)))
-  ), /* @__PURE__ */ React33.createElement(ShareScreenOptions, null)));
+    /* @__PURE__ */ React31.createElement(Tooltip, { title: `${!isVideoScreenshare ? "Start" : "Stop"} screen sharing` }, /* @__PURE__ */ React31.createElement(Box, null, /* @__PURE__ */ React31.createElement(ShareScreenIcon2, null)))
+  ), /* @__PURE__ */ React31.createElement(ShareScreenOptions, null)));
 };
 
 // src/Prebuilt/components/ScreenshareHintModal.jsx
 init_define_process_env();
-import React34 from "react";
+import React32 from "react";
 import { useHMSActions as useHMSActions14 } from "@100mslive/react-sdk";
 var ScreenShareHintModal = ({ onClose }) => {
   const hmsActions = useHMSActions14();
-  return /* @__PURE__ */ React34.createElement(Dialog.Root, { defaultOpen: true, onOpenChange: (value) => !value && onClose() }, /* @__PURE__ */ React34.createElement(DialogContent, { title: "AudioOnly Screenshare" }, /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React32.createElement(Dialog.Root, { defaultOpen: true, onOpenChange: (value) => !value && onClose() }, /* @__PURE__ */ React32.createElement(DialogContent, { title: "AudioOnly Screenshare" }, /* @__PURE__ */ React32.createElement(
     "img",
     {
       src: "https://images.app.100ms.live/share-audio.png",
       alt: "AudioOnly Screenshare instructions",
       width: "100%"
     }
-  ), /* @__PURE__ */ React34.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ React34.createElement(
+  ), /* @__PURE__ */ React32.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ React32.createElement(
     Button,
     {
       variant: "primary",
@@ -3582,23 +3406,23 @@ var ScreenShareHintModal = ({ onClose }) => {
 
 // src/Prebuilt/components/Footer/ChatToggle.jsx
 init_define_process_env();
-import React35 from "react";
-import { selectUnreadHMSMessagesCount, useHMSStore as useHMSStore19 } from "@100mslive/react-sdk";
+import React33 from "react";
+import { selectUnreadHMSMessagesCount, useHMSStore as useHMSStore18 } from "@100mslive/react-sdk";
 import { ChatIcon, ChatUnreadIcon } from "@100mslive/react-icons";
 var ChatToggle = () => {
-  const countUnreadMessages = useHMSStore19(selectUnreadHMSMessagesCount);
+  const countUnreadMessages = useHMSStore18(selectUnreadHMSMessagesCount);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const isFeatureEnabled = useIsFeatureEnabled(FEATURE_LIST.CHAT);
   if (!isFeatureEnabled) {
     return;
   }
-  return /* @__PURE__ */ React35.createElement(Tooltip, { key: "chat", title: `${isChatOpen ? "Close" : "Open"} chat` }, /* @__PURE__ */ React35.createElement(IconButton_default, { onClick: toggleChat, active: !isChatOpen, "data-testid": "chat_btn" }, countUnreadMessages === 0 ? /* @__PURE__ */ React35.createElement(ChatIcon, null) : /* @__PURE__ */ React35.createElement(ChatUnreadIcon, { "data-testid": "chat_unread_btn" })));
+  return /* @__PURE__ */ React33.createElement(Tooltip, { key: "chat", title: `${isChatOpen ? "Close" : "Open"} chat` }, /* @__PURE__ */ React33.createElement(IconButton_default, { onClick: toggleChat, active: !isChatOpen, "data-testid": "chat_btn" }, countUnreadMessages === 0 ? /* @__PURE__ */ React33.createElement(ChatIcon, null) : /* @__PURE__ */ React33.createElement(ChatUnreadIcon, { "data-testid": "chat_unread_btn" })));
 };
 
 // src/Prebuilt/components/Footer/ConferencingFooter.jsx
-var TranscriptionButton = React36.lazy(() => import("./transcription-PYTSSAOB.js"));
-var VirtualBackground = React36.lazy(() => import("./VirtualBackground-ZRRE4DUA.js"));
+var TranscriptionButton = React34.lazy(() => import("./transcription-XYVVYRAS.js"));
+var VirtualBackground = React34.lazy(() => import("./VirtualBackground-R3JHARN5.js"));
 var ScreenshareAudio = () => {
   const {
     amIScreenSharing,
@@ -3606,14 +3430,14 @@ var ScreenshareAudio = () => {
     screenShareAudioTrackId: audio,
     toggleScreenShare
   } = useScreenShare5();
-  const isAllowedToPublish = useHMSStore20(selectIsAllowedToPublish4);
+  const isAllowedToPublish = useHMSStore19(selectIsAllowedToPublish3);
   const isAudioScreenshare = amIScreenSharing && !video && !!audio;
-  const [showModal, setShowModal] = useState17(false);
+  const [showModal, setShowModal] = useState16(false);
   const isFeatureEnabled = useIsFeatureEnabled(FEATURE_LIST.AUDIO_ONLY_SCREENSHARE);
   if (!isFeatureEnabled || !isAllowedToPublish.screen || !isScreenshareSupported()) {
     return null;
   }
-  return /* @__PURE__ */ React36.createElement(Fragment7, null, /* @__PURE__ */ React36.createElement(Tooltip, { title: `${!isAudioScreenshare ? "Start" : "Stop"} audio sharing`, key: "shareAudio" }, /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React34.createElement(Fragment6, null, /* @__PURE__ */ React34.createElement(Tooltip, { title: `${!isAudioScreenshare ? "Start" : "Stop"} audio sharing`, key: "shareAudio" }, /* @__PURE__ */ React34.createElement(
     IconButton_default,
     {
       active: !isAudioScreenshare,
@@ -3626,12 +3450,12 @@ var ScreenshareAudio = () => {
       },
       "data-testid": "screenshare_audio"
     },
-    /* @__PURE__ */ React36.createElement(MusicIcon, null)
-  )), showModal && /* @__PURE__ */ React36.createElement(ScreenShareHintModal, { onClose: () => setShowModal(false) }));
+    /* @__PURE__ */ React34.createElement(MusicIcon, null)
+  )), showModal && /* @__PURE__ */ React34.createElement(ScreenShareHintModal, { onClose: () => setShowModal(false) }));
 };
 var ConferencingFooter = () => {
   const isMobile = useMedia6(config.media.md);
-  return /* @__PURE__ */ React36.createElement(Footer.Root, null, /* @__PURE__ */ React36.createElement(Footer.Left, null, /* @__PURE__ */ React36.createElement(ScreenshareAudio, null), /* @__PURE__ */ React36.createElement(Playlist, { type: HMSPlaylistType4.audio }), /* @__PURE__ */ React36.createElement(Playlist, { type: HMSPlaylistType4.video }), /* @__PURE__ */ React36.createElement(Suspense2, { fallback: "" }, /* @__PURE__ */ React36.createElement(VirtualBackground, null)), FeatureFlags.enableTranscription ? /* @__PURE__ */ React36.createElement(TranscriptionButton, null) : null, /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React34.createElement(Footer.Root, null, /* @__PURE__ */ React34.createElement(Footer.Left, null, /* @__PURE__ */ React34.createElement(ScreenshareAudio, null), /* @__PURE__ */ React34.createElement(Suspense2, { fallback: "" }, /* @__PURE__ */ React34.createElement(VirtualBackground, null)), FeatureFlags.enableTranscription ? /* @__PURE__ */ React34.createElement(TranscriptionButton, null) : null, /* @__PURE__ */ React34.createElement(
     Flex,
     {
       align: "center",
@@ -3643,16 +3467,16 @@ var ConferencingFooter = () => {
         }
       }
     },
-    isMobile && /* @__PURE__ */ React36.createElement(EmojiReaction, null),
-    /* @__PURE__ */ React36.createElement(MetaActions_default, { isMobile: true })
-  )), /* @__PURE__ */ React36.createElement(Footer.Center, null, /* @__PURE__ */ React36.createElement(AudioVideoToggle, null), /* @__PURE__ */ React36.createElement(ScreenshareToggle, null), /* @__PURE__ */ React36.createElement(PIP, null), /* @__PURE__ */ React36.createElement(MoreSettings, null), /* @__PURE__ */ React36.createElement(Flex, { align: "center", css: { display: "none", "@md": { display: "flex" } } }, /* @__PURE__ */ React36.createElement(ChatToggle, null)), /* @__PURE__ */ React36.createElement(LeaveRoom, null)), /* @__PURE__ */ React36.createElement(Footer.Right, null, !isMobile && /* @__PURE__ */ React36.createElement(EmojiReaction, null), /* @__PURE__ */ React36.createElement(MetaActions_default, null), /* @__PURE__ */ React36.createElement(ChatToggle, null)));
+    isMobile && /* @__PURE__ */ React34.createElement(EmojiReaction, null),
+    /* @__PURE__ */ React34.createElement(MetaActions_default, { isMobile: true })
+  )), /* @__PURE__ */ React34.createElement(Footer.Center, null, /* @__PURE__ */ React34.createElement(AudioVideoToggle, null), /* @__PURE__ */ React34.createElement(ScreenshareToggle, null), /* @__PURE__ */ React34.createElement(PIP, null), /* @__PURE__ */ React34.createElement(MoreSettings, null), /* @__PURE__ */ React34.createElement(Flex, { align: "center", css: { display: "none", "@md": { display: "flex" } } }, /* @__PURE__ */ React34.createElement(ChatToggle, null)), /* @__PURE__ */ React34.createElement(LeaveRoom, null)), /* @__PURE__ */ React34.createElement(Footer.Right, null, !isMobile && /* @__PURE__ */ React34.createElement(EmojiReaction, null), /* @__PURE__ */ React34.createElement(MetaActions_default, null), /* @__PURE__ */ React34.createElement(ChatToggle, null)));
 };
 
 // src/Prebuilt/components/Footer/StreamingFooter.jsx
 init_define_process_env();
-import React37 from "react";
+import React35 from "react";
 var StreamingFooter = () => {
-  return /* @__PURE__ */ React37.createElement(
+  return /* @__PURE__ */ React35.createElement(
     Footer.Root,
     {
       css: {
@@ -3662,7 +3486,7 @@ var StreamingFooter = () => {
         }
       }
     },
-    /* @__PURE__ */ React37.createElement(
+    /* @__PURE__ */ React35.createElement(
       Footer.Left,
       {
         css: {
@@ -3672,9 +3496,9 @@ var StreamingFooter = () => {
           }
         }
       },
-      /* @__PURE__ */ React37.createElement(AudioVideoToggle, null)
+      /* @__PURE__ */ React35.createElement(AudioVideoToggle, null)
     ),
-    /* @__PURE__ */ React37.createElement(
+    /* @__PURE__ */ React35.createElement(
       Footer.Center,
       {
         css: {
@@ -3683,9 +3507,9 @@ var StreamingFooter = () => {
           }
         }
       },
-      /* @__PURE__ */ React37.createElement(ScreenshareToggle, { css: { "@sm": { display: "none" } } }),
-      /* @__PURE__ */ React37.createElement(Box, { css: { "@md": { display: "none" } } }, /* @__PURE__ */ React37.createElement(PIP, null)),
-      /* @__PURE__ */ React37.createElement(
+      /* @__PURE__ */ React35.createElement(ScreenshareToggle, { css: { "@sm": { display: "none" } } }),
+      /* @__PURE__ */ React35.createElement(Box, { css: { "@md": { display: "none" } } }, /* @__PURE__ */ React35.createElement(PIP, null)),
+      /* @__PURE__ */ React35.createElement(
         Box,
         {
           css: {
@@ -3697,34 +3521,34 @@ var StreamingFooter = () => {
             }
           }
         },
-        /* @__PURE__ */ React37.createElement(StreamActions, null)
+        /* @__PURE__ */ React35.createElement(StreamActions, null)
       ),
-      /* @__PURE__ */ React37.createElement(MoreSettings, null),
-      /* @__PURE__ */ React37.createElement(Box, { css: { "@md": { display: "none" } } }, /* @__PURE__ */ React37.createElement(LeaveRoom, null)),
-      /* @__PURE__ */ React37.createElement(Flex, { align: "center", css: { display: "none", "@md": { display: "flex" } } }, /* @__PURE__ */ React37.createElement(ChatToggle, null))
+      /* @__PURE__ */ React35.createElement(MoreSettings, null),
+      /* @__PURE__ */ React35.createElement(Box, { css: { "@md": { display: "none" } } }, /* @__PURE__ */ React35.createElement(LeaveRoom, null)),
+      /* @__PURE__ */ React35.createElement(Flex, { align: "center", css: { display: "none", "@md": { display: "flex" } } }, /* @__PURE__ */ React35.createElement(ChatToggle, null))
     ),
-    /* @__PURE__ */ React37.createElement(Footer.Right, null, /* @__PURE__ */ React37.createElement(EmojiReaction, null), /* @__PURE__ */ React37.createElement(MetaActions_default, null), /* @__PURE__ */ React37.createElement(ChatToggle, null))
+    /* @__PURE__ */ React35.createElement(Footer.Right, null, /* @__PURE__ */ React35.createElement(EmojiReaction, null), /* @__PURE__ */ React35.createElement(MetaActions_default, null), /* @__PURE__ */ React35.createElement(ChatToggle, null))
   );
 };
 
 // src/Prebuilt/components/Footer.jsx
 var Footer2 = () => {
-  return isStreamingKit() ? /* @__PURE__ */ React38.createElement(StreamingFooter, null) : /* @__PURE__ */ React38.createElement(ConferencingFooter, null);
+  return isStreamingKit() ? /* @__PURE__ */ React36.createElement(StreamingFooter, null) : /* @__PURE__ */ React36.createElement(ConferencingFooter, null);
 };
 
 // src/Prebuilt/components/RoleChangeRequestModal.jsx
 init_define_process_env();
-import React39 from "react";
-import { selectRoleChangeRequest, useHMSActions as useHMSActions15, useHMSStore as useHMSStore21 } from "@100mslive/react-sdk";
+import React37 from "react";
+import { selectRoleChangeRequest, useHMSActions as useHMSActions15, useHMSStore as useHMSStore20 } from "@100mslive/react-sdk";
 var RoleChangeRequestModal = () => {
   var _a, _b;
   const hmsActions = useHMSActions15();
   const isHeadless = useIsHeadless();
-  const roleChangeRequest = useHMSStore21(selectRoleChangeRequest);
+  const roleChangeRequest = useHMSStore20(selectRoleChangeRequest);
   if (!(roleChangeRequest == null ? void 0 : roleChangeRequest.role) || isHeadless) {
     return null;
   }
-  return /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React37.createElement(
     RequestDialog,
     {
       title: "Role Change Request",
@@ -3744,12 +3568,12 @@ var Conference = () => {
   const navigate = useNavigation();
   const { roomId, role } = useParams();
   const isHeadless = useIsHeadless();
-  const roomState = useHMSStore22(selectRoomState);
+  const roomState = useHMSStore21(selectRoomState);
   const prevState = usePrevious(roomState);
-  const isConnectedToRoom = useHMSStore22(selectIsConnectedToRoom2);
+  const isConnectedToRoom = useHMSStore21(selectIsConnectedToRoom2);
   const hmsActions = useHMSActions16();
-  const [hideControls, setHideControls] = useState18(false);
-  const dropdownList = useHMSStore22(selectAppData3(APP_DATA.dropdownList));
+  const [hideControls, setHideControls] = useState17(false);
+  const dropdownList = useHMSStore21(selectAppData3(APP_DATA.dropdownList));
   const skipPreview = useSkipPreview();
   const { showPreview } = useHMSPrebuiltContext();
   const authTokenInAppData = useAuthToken();
@@ -3814,12 +3638,12 @@ var Conference = () => {
     }
   }, [isHeadless, hmsActions]);
   if (!isConnectedToRoom) {
-    return /* @__PURE__ */ React40.createElement(FullPageProgress_default, { loadingText: "Joining..." });
+    return /* @__PURE__ */ React38.createElement(FullPageProgress_default, { loadingText: "Joining..." });
   }
   if (isHLSStarted) {
-    return /* @__PURE__ */ React40.createElement(FullPageProgress_default, { loadingText: "Starting live stream..." });
+    return /* @__PURE__ */ React38.createElement(FullPageProgress_default, { loadingText: "Starting live stream..." });
   }
-  return /* @__PURE__ */ React40.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !isHeadless && /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React38.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !isHeadless && /* @__PURE__ */ React38.createElement(
     Box,
     {
       ref: headerRef,
@@ -3833,8 +3657,8 @@ var Conference = () => {
       },
       "data-testid": "header"
     },
-    /* @__PURE__ */ React40.createElement(Header, null)
-  ), /* @__PURE__ */ React40.createElement(
+    /* @__PURE__ */ React38.createElement(Header, null)
+  ), /* @__PURE__ */ React38.createElement(
     Box,
     {
       css: {
@@ -3847,8 +3671,8 @@ var Conference = () => {
       "data-testid": "conferencing",
       onClick: toggleControls
     },
-    /* @__PURE__ */ React40.createElement(ConferenceMainView, null)
-  ), !isHeadless && /* @__PURE__ */ React40.createElement(
+    /* @__PURE__ */ React38.createElement(ConferenceMainView, null)
+  ), !isHeadless && /* @__PURE__ */ React38.createElement(
     Box,
     {
       ref: footerRef,
@@ -3863,11 +3687,11 @@ var Conference = () => {
       },
       "data-testid": "footer"
     },
-    /* @__PURE__ */ React40.createElement(Footer2, null)
-  ), /* @__PURE__ */ React40.createElement(RoleChangeRequestModal, null), /* @__PURE__ */ React40.createElement(HLSFailureModal, null));
+    /* @__PURE__ */ React38.createElement(Footer2, null)
+  ), /* @__PURE__ */ React38.createElement(RoleChangeRequestModal, null), /* @__PURE__ */ React38.createElement(HLSFailureModal, null));
 };
 var conference_default = Conference;
 export {
   conference_default as default
 };
-//# sourceMappingURL=conference-5TDUAQ6K.js.map
+//# sourceMappingURL=conference-IKSFGLVK.js.map