@100mslive/roomkit-react 0.3.23 → 0.3.24-alpha.0

package/dist/chunk-EWPHJFZJ.js

@@ -0,0 +1,487 @@
+import {
+  Button,
+  Dialog,
+  Sheet,
+  useIsSidepaneTypeOpen,
+  useSidepaneToggle
+} from "./chunk-MG3UGW66.js";
+import {
+  Text
+} from "./chunk-MUKUP7JU.js";
+import {
+  Dropdown,
+  ToastManager,
+  useDropdownList,
+  useLandscapeHLSStream,
+  useMobileHLSStream
+} from "./chunk-DANANDDE.js";
+import {
+  Box,
+  Flex
+} from "./chunk-GOXRTCTY.js";
+import {
+  IconButton,
+  IconButton_default,
+  Tooltip,
+  useRoomLayoutConferencingScreen
+} from "./chunk-BGSYLCVD.js";
+import {
+  SIDE_PANE_OPTIONS,
+  __async,
+  __spreadValues,
+  config,
+  init_define_process_env,
+  styled
+} from "./chunk-GLAJUP3O.js";
+
+// src/Prebuilt/components/Leave/LeaveRoom.tsx
+init_define_process_env();
+import React6 from "react";
+import { useMedia } from "react-use";
+import {
+  selectHLSState,
+  selectIsConnectedToRoom as selectIsConnectedToRoom3,
+  selectPeersByCondition,
+  selectPermissions as selectPermissions3,
+  selectRolesMap,
+  useHMSActions,
+  useHMSStore as useHMSStore3
+} from "@100mslive/react-sdk";
+
+// src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx
+init_define_process_env();
+import React4, { Fragment, useState } from "react";
+import { selectIsConnectedToRoom, selectPermissions, useHMSStore, useRecordingStreaming } from "@100mslive/react-sdk";
+import { ExitIcon, StopIcon, VerticalMenuIcon } from "@100mslive/react-icons";
+
+// src/Prebuilt/components/Leave/EndSessionContent.tsx
+init_define_process_env();
+import React from "react";
+import { AlertTriangleIcon, CrossIcon } from "@100mslive/react-icons";
+var EndSessionContent = ({
+  setShowEndStreamAlert,
+  leaveRoom,
+  isModal = false,
+  isStreamingOn = false
+}) => {
+  return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(
+    Flex,
+    {
+      css: {
+        color: "$alert_error_default",
+        display: "flex",
+        alignItems: "center"
+      }
+    },
+    /* @__PURE__ */ React.createElement(AlertTriangleIcon, { style: { marginRight: "0.5rem" } }),
+    /* @__PURE__ */ React.createElement(Text, { variant: "lg", css: { color: "inherit", fontWeight: "$semiBold" } }, "End ", isStreamingOn ? "Stream" : "Session"),
+    isModal ? null : /* @__PURE__ */ React.createElement(Box, { css: { color: "$on_surface_high", ml: "auto" }, onClick: () => setShowEndStreamAlert(false) }, /* @__PURE__ */ React.createElement(CrossIcon, null))
+  ), /* @__PURE__ */ React.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mb: "$8", mt: "$4" } }, "The ", isStreamingOn ? "stream" : "session", " will end for everyone. You can't undo this action."), /* @__PURE__ */ React.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      outlined: true,
+      variant: "standard",
+      css: { w: "100%", "@md": { display: "none" } },
+      onClick: () => setShowEndStreamAlert(false)
+    },
+    "Cancel"
+  ), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      variant: "danger",
+      css: { w: "100%" },
+      onClick: () => __async(void 0, null, function* () {
+        yield leaveRoom({ endStream: true });
+        setShowEndStreamAlert(false);
+      }),
+      id: "stopStream",
+      "data-testid": "stop_stream_btn"
+    },
+    "End ",
+    isStreamingOn ? "Stream" : "Session"
+  )));
+};
+
+// src/Prebuilt/components/Leave/LeaveAtoms.tsx
+init_define_process_env();
+var LeaveIconButton = styled(IconButton, {
+  color: "$on_primary_high",
+  h: "$14",
+  px: "$4",
+  r: "$1",
+  bg: "$alert_error_default",
+  "&:not([disabled]):hover": {
+    bg: "$alert_error_bright"
+  },
+  "&:not([disabled]):active": {
+    bg: "$alert_error_default"
+  },
+  "@md": {
+    mx: 0
+  }
+});
+var MenuTriggerButton = styled(LeaveIconButton, {
+  borderLeft: "1px solid $alert_error_dim",
+  borderTopLeftRadius: 0,
+  borderBottomLeftRadius: 0,
+  px: "$2"
+});
+
+// src/Prebuilt/components/Leave/LeaveCard.tsx
+init_define_process_env();
+import React2 from "react";
+var LeaveCard = ({
+  icon,
+  title,
+  subtitle,
+  onClick,
+  bg,
+  titleColor,
+  css = {}
+}) => {
+  return /* @__PURE__ */ React2.createElement(Flex, { css: __spreadValues({ p: "$10", flexGrow: 1, gap: "$8", bg }, css), onClick }, /* @__PURE__ */ React2.createElement(Box, { css: { color: titleColor } }, icon), /* @__PURE__ */ React2.createElement(Box, { css: { gap: "$2" } }, /* @__PURE__ */ React2.createElement(Text, { variant: "lg", css: { color: titleColor } }, title), /* @__PURE__ */ React2.createElement(Text, { variant: "sm", css: { c: "inherit" } }, subtitle)));
+};
+
+// src/Prebuilt/components/Leave/LeaveSessionContent.tsx
+init_define_process_env();
+import React3 from "react";
+import { AlertTriangleIcon as AlertTriangleIcon2, CrossIcon as CrossIcon2 } from "@100mslive/react-icons";
+var LeaveSessionContent = ({
+  setShowLeaveRoomAlert,
+  leaveRoom,
+  isModal = false
+}) => {
+  return /* @__PURE__ */ React3.createElement(Box, null, /* @__PURE__ */ React3.createElement(
+    Flex,
+    {
+      css: {
+        color: "$alert_error_default",
+        display: "flex",
+        alignItems: "center"
+      }
+    },
+    /* @__PURE__ */ React3.createElement(AlertTriangleIcon2, { style: { marginRight: "0.5rem" } }),
+    /* @__PURE__ */ React3.createElement(Text, { variant: "lg", css: { color: "inherit", fontWeight: "$semiBold" } }, "Leave"),
+    isModal ? null : /* @__PURE__ */ React3.createElement(Box, { css: { color: "$on_surface_high", ml: "auto" }, onClick: () => setShowLeaveRoomAlert(false) }, /* @__PURE__ */ React3.createElement(CrossIcon2, null))
+  ), /* @__PURE__ */ React3.createElement(Text, { variant: "sm", css: { color: "$on_surface_low", mb: "$8", mt: "$4" } }, "Others will continue after you leave. You can join the session again."), /* @__PURE__ */ React3.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ React3.createElement(
+    Button,
+    {
+      outlined: true,
+      variant: "standard",
+      css: { w: "100%", "@md": { display: "none" } },
+      onClick: () => setShowLeaveRoomAlert(false)
+    },
+    "Cancel"
+  ), /* @__PURE__ */ React3.createElement(
+    Button,
+    {
+      variant: "danger",
+      css: { w: "100%" },
+      onClick: () => __async(void 0, null, function* () {
+        yield leaveRoom();
+      }),
+      id: "leaveRoom",
+      "data-testid": "leave_room"
+    },
+    "Leave Session"
+  )));
+};
+
+// src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx
+var DesktopLeaveRoom = ({
+  leaveRoom,
+  screenType,
+  endRoom,
+  container
+}) => {
+  const [open, setOpen] = useState(false);
+  const [showLeaveRoomAlert, setShowLeaveRoomAlert] = useState(false);
+  const [showEndStreamAlert, setShowEndStreamAlert] = useState(false);
+  const isConnected = useHMSStore(selectIsConnectedToRoom);
+  const permissions = useHMSStore(selectPermissions);
+  const { isStreamingOn } = useRecordingStreaming();
+  const showStream = screenType !== "hls_live_streaming" && isStreamingOn && (permissions == null ? void 0 : permissions.hlsStreaming);
+  const showLeaveOptions = (permissions == null ? void 0 : permissions.hlsStreaming) && isStreamingOn || (permissions == null ? void 0 : permissions.endRoom);
+  useDropdownList({ open: open || showEndStreamAlert || showLeaveRoomAlert, name: "LeaveRoom" });
+  if (!permissions || !isConnected) {
+    return null;
+  }
+  return /* @__PURE__ */ React4.createElement(Fragment, null, showLeaveOptions ? /* @__PURE__ */ React4.createElement(Flex, null, /* @__PURE__ */ React4.createElement(
+    LeaveIconButton,
+    {
+      key: "LeaveRoom",
+      "data-testid": "leave_room_btn",
+      css: {
+        borderTopRightRadius: 0,
+        borderBottomRightRadius: 0
+      },
+      onClick: () => setShowLeaveRoomAlert(true)
+    },
+    /* @__PURE__ */ React4.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ React4.createElement(Box, null, /* @__PURE__ */ React4.createElement(ExitIcon, { style: { transform: "rotate(180deg)" } })))
+  ), /* @__PURE__ */ React4.createElement(Dropdown.Root, { open, onOpenChange: setOpen, modal: false }, /* @__PURE__ */ React4.createElement(
+    Dropdown.Trigger,
+    {
+      asChild: true,
+      css: {
+        '&[data-state="open"]': {
+          bg: "$alert_error_dim"
+        }
+      }
+    },
+    /* @__PURE__ */ React4.createElement(MenuTriggerButton, { "data-testid": "leave_end_dropdown_trigger" }, /* @__PURE__ */ React4.createElement(VerticalMenuIcon, null))
+  ), /* @__PURE__ */ React4.createElement(Dropdown.Portal, { container }, /* @__PURE__ */ React4.createElement(Dropdown.Content, { css: { p: 0, w: "$100" }, alignOffset: -50, sideOffset: 10 }, /* @__PURE__ */ React4.createElement(
+    Dropdown.Item,
+    {
+      css: {
+        bg: "$surface_dim",
+        color: "$on_surface_medium",
+        "&:hover": { bg: "$surface_default", color: "$on_surface_high" },
+        p: "0"
+      },
+      "data-testid": "just_leave_btn"
+    },
+    /* @__PURE__ */ React4.createElement(
+      LeaveCard,
+      {
+        title: showStream ? "Leave Stream" : "Leave Session",
+        subtitle: `Others will continue after you leave. You can join the ${showStream ? "stream" : "session"} again.`,
+        bg: "",
+        titleColor: "$on_surface_high",
+        icon: /* @__PURE__ */ React4.createElement(ExitIcon, { height: 24, width: 24, style: { transform: "rotate(180deg)" } }),
+        onClick: () => __async(void 0, null, function* () {
+          return yield leaveRoom();
+        }),
+        css: { p: "$8 $4" }
+      }
+    )
+  ), /* @__PURE__ */ React4.createElement(
+    Dropdown.Item,
+    {
+      css: {
+        bg: "$alert_error_dim",
+        color: "$alert_error_bright",
+        "&:hover": { bg: "$alert_error_dim", color: "$alert_error_brighter" },
+        p: "0"
+      },
+      "data-testid": "end_room_btn"
+    },
+    /* @__PURE__ */ React4.createElement(
+      LeaveCard,
+      {
+        title: showStream ? "End Stream" : "End Session",
+        subtitle: `The ${showStream ? "stream" : "session"} will end for everyone. You can't undo this action.`,
+        bg: "",
+        titleColor: "$alert_error_brighter",
+        icon: /* @__PURE__ */ React4.createElement(StopIcon, { height: 24, width: 24 }),
+        onClick: () => {
+          setOpen(false);
+          setShowEndStreamAlert(true);
+        },
+        css: { p: "$8 $4" }
+      }
+    )
+  ))))) : /* @__PURE__ */ React4.createElement(
+    LeaveIconButton,
+    {
+      onClick: () => {
+        setShowLeaveRoomAlert(true);
+      },
+      key: "LeaveRoom",
+      "data-testid": "leave_room_btn"
+    },
+    /* @__PURE__ */ React4.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ React4.createElement(Box, null, /* @__PURE__ */ React4.createElement(ExitIcon, { style: { transform: "rotate(180deg)" } })))
+  ), /* @__PURE__ */ React4.createElement(Dialog.Root, { open: showEndStreamAlert, modal: false }, /* @__PURE__ */ React4.createElement(Dialog.Portal, null, /* @__PURE__ */ React4.createElement(Dialog.Overlay, null), /* @__PURE__ */ React4.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ React4.createElement(
+    EndSessionContent,
+    {
+      setShowEndStreamAlert,
+      leaveRoom: isStreamingOn ? () => leaveRoom({ endStream: true }) : endRoom,
+      isStreamingOn,
+      isModal: true
+    }
+  )))), /* @__PURE__ */ React4.createElement(Dialog.Root, { open: showLeaveRoomAlert, modal: false }, /* @__PURE__ */ React4.createElement(Dialog.Portal, null, /* @__PURE__ */ React4.createElement(Dialog.Overlay, null), /* @__PURE__ */ React4.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ React4.createElement(LeaveSessionContent, { setShowLeaveRoomAlert, leaveRoom, isModal: true })))));
+};
+
+// src/Prebuilt/components/Leave/MwebLeaveRoom.tsx
+init_define_process_env();
+import React5, { Fragment as Fragment2, useState as useState2 } from "react";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom2, selectPermissions as selectPermissions2, useHMSStore as useHMSStore2, useRecordingStreaming as useRecordingStreaming2 } from "@100mslive/react-sdk";
+import { CrossIcon as CrossIcon3, ExitIcon as ExitIcon2, StopIcon as StopIcon2 } from "@100mslive/react-icons";
+var MwebLeaveRoom = ({
+  leaveRoom,
+  endRoom,
+  container
+}) => {
+  const [open, setOpen] = useState2(false);
+  const { screenType } = useRoomLayoutConferencingScreen();
+  const [showLeaveRoomAlert, setShowLeaveRoomAlert] = useState2(false);
+  const [showEndStreamAlert, setShowEndStreamAlert] = useState2(false);
+  const isConnected = useHMSStore2(selectIsConnectedToRoom2);
+  const permissions = useHMSStore2(selectPermissions2);
+  const { isStreamingOn } = useRecordingStreaming2();
+  const showStream = screenType !== "hls_live_streaming" && isStreamingOn && (permissions == null ? void 0 : permissions.hlsStreaming);
+  const showLeaveOptions = (permissions == null ? void 0 : permissions.hlsStreaming) && isStreamingOn || (permissions == null ? void 0 : permissions.endRoom);
+  useDropdownList({ open, name: "LeaveRoom" });
+  if (!permissions || !isConnected) {
+    return null;
+  }
+  return /* @__PURE__ */ React5.createElement(Fragment2, null, showLeaveOptions ? /* @__PURE__ */ React5.createElement(Sheet.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React5.createElement(Sheet.Trigger, { asChild: true }, /* @__PURE__ */ React5.createElement(
+    LeaveButton,
+    {
+      onClick: () => {
+        setOpen((open2) => !open2);
+      }
+    }
+  )), /* @__PURE__ */ React5.createElement(Sheet.Content, { container }, /* @__PURE__ */ React5.createElement(
+    LeaveCard,
+    {
+      title: showStream ? "Leave Stream" : "Leave Session",
+      subtitle: `Others will continue after you leave. You can join the ${showStream ? "stream" : "session"} again.`,
+      bg: "$surface_default",
+      titleColor: "$on_surface_high",
+      icon: /* @__PURE__ */ React5.createElement(ExitIcon2, { height: 24, width: 24, style: { transform: "rotate(180deg)" } }),
+      onClick: () => __async(void 0, null, function* () {
+        return yield leaveRoom();
+      }),
+      css: { pt: 0, mt: "$10", color: "$on_surface_low", "&:hover": { color: "$on_surface_high" } }
+    }
+  ), /* @__PURE__ */ React5.createElement(
+    LeaveCard,
+    {
+      title: showStream ? "End Stream" : "End Session",
+      subtitle: `The will end the ${showStream ? "stream" : "session"} for everyone. You can't undo this action.`,
+      bg: "$alert_error_dim",
+      titleColor: "$alert_error_brighter",
+      css: { color: "$alert_error_bright", "&:hover": { color: "$alert_error_brighter" } },
+      icon: /* @__PURE__ */ React5.createElement(StopIcon2, { height: 24, width: 24 }),
+      onClick: () => {
+        setOpen(false);
+        setShowEndStreamAlert(true);
+      }
+    }
+  ))) : /* @__PURE__ */ React5.createElement(LeaveButton, { onClick: () => setShowLeaveRoomAlert(true) }), /* @__PURE__ */ React5.createElement(Sheet.Root, { open: showEndStreamAlert, onOpenChange: setShowEndStreamAlert }, /* @__PURE__ */ React5.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$10", pb: "$12" }, container }, /* @__PURE__ */ React5.createElement(
+    EndSessionContent,
+    {
+      setShowEndStreamAlert,
+      leaveRoom: isStreamingOn ? leaveRoom : endRoom,
+      isStreamingOn
+    }
+  ))), /* @__PURE__ */ React5.createElement(Sheet.Root, { open: showLeaveRoomAlert, onOpenChange: setShowLeaveRoomAlert }, /* @__PURE__ */ React5.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$10", pb: "$12" }, container }, /* @__PURE__ */ React5.createElement(LeaveSessionContent, { setShowLeaveRoomAlert, leaveRoom }))));
+};
+var LeaveButton = ({ onClick }) => {
+  const isMobileHLSStream = useMobileHLSStream();
+  const isLandscapeHLSStream = useLandscapeHLSStream();
+  return isMobileHLSStream || isLandscapeHLSStream ? /* @__PURE__ */ React5.createElement(IconButton, { key: "LeaveRoom", "data-testid": "leave_room_btn", onClick }, /* @__PURE__ */ React5.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ React5.createElement(Box, null, /* @__PURE__ */ React5.createElement(CrossIcon3, null)))) : /* @__PURE__ */ React5.createElement(
+    LeaveIconButton,
+    {
+      key: "LeaveRoom",
+      "data-testid": "leave_room_btn",
+      css: {
+        borderTopRightRadius: "$1",
+        borderBottomRightRadius: "$1"
+      },
+      onClick
+    },
+    /* @__PURE__ */ React5.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ React5.createElement(Box, null, /* @__PURE__ */ React5.createElement(ExitIcon2, { style: { transform: "rotate(180deg)" } })))
+  );
+};
+
+// src/Prebuilt/components/Leave/LeaveRoom.tsx
+var LeaveRoom = ({
+  screenType,
+  container
+}) => {
+  const isConnected = useHMSStore3(selectIsConnectedToRoom3);
+  const permissions = useHMSStore3(selectPermissions3);
+  const isMobile = useMedia(config.media.md);
+  const rolesMap = useHMSStore3(selectRolesMap);
+  const streamingPermissionRoles = Object.keys(rolesMap).filter((roleName) => {
+    const roleObj = rolesMap[roleName];
+    return roleObj.permissions.hlsStreaming;
+  });
+  const peersWithStreamingRights = useHMSStore3(
+    selectPeersByCondition((peer) => streamingPermissionRoles.includes(peer.roleName || ""))
+  );
+  const hlsState = useHMSStore3(selectHLSState);
+  const hmsActions = useHMSActions();
+  const isMobileHLSStream = useMobileHLSStream();
+  const isLandscapeHLSStream = useLandscapeHLSStream();
+  const stopStream = () => __async(void 0, null, function* () {
+    try {
+      if (permissions == null ? void 0 : permissions.hlsStreaming) {
+        console.log("Stopping HLS stream");
+        yield hmsActions.stopHLSStreaming();
+        ToastManager.addToast({ title: "Stopping the stream" });
+      }
+    } catch (e) {
+      console.error("Error stopping stream", e);
+      ToastManager.addToast({ title: "Error in stopping the stream", type: "error" });
+    }
+  });
+  const endRoom = () => __async(void 0, null, function* () {
+    yield hmsActions.endRoom(false, "End Room");
+  });
+  const leaveRoom = (..._0) => __async(void 0, [..._0], function* (options = { endStream: false }) {
+    if (options.endStream || hlsState.running && peersWithStreamingRights.length === 1) {
+      yield stopStream();
+    }
+    yield hmsActions.leave();
+  });
+  if (!permissions || !isConnected) {
+    return null;
+  }
+  if (isMobileHLSStream || isLandscapeHLSStream) {
+    return /* @__PURE__ */ React6.createElement(MwebLeaveRoom, { leaveRoom, endRoom, container });
+  }
+  return isMobile ? /* @__PURE__ */ React6.createElement(MwebLeaveRoom, { leaveRoom, endRoom, container }) : /* @__PURE__ */ React6.createElement(DesktopLeaveRoom, { leaveRoom, screenType, endRoom, container });
+};
+
+// src/Prebuilt/components/Footer/ChatToggle.tsx
+init_define_process_env();
+import React7 from "react";
+import { selectUnreadHMSMessagesCount, useHMSStore as useHMSStore4 } from "@100mslive/react-sdk";
+import { ChatIcon } from "@100mslive/react-icons";
+var ChatToggle = ({ onClick }) => {
+  const countUnreadMessages = useHMSStore4(selectUnreadHMSMessagesCount);
+  const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
+  const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
+  return /* @__PURE__ */ React7.createElement(
+    Box,
+    {
+      css: {
+        position: "relative"
+      }
+    },
+    /* @__PURE__ */ React7.createElement(Tooltip, { key: "chat", title: `${isChatOpen ? "Close" : "Open"} chat` }, /* @__PURE__ */ React7.createElement(
+      IconButton_default,
+      {
+        onClick: () => onClick ? onClick() : toggleChat(),
+        css: { bg: isChatOpen ? "$surface_brighter" : "" },
+        "data-testid": "chat_btn"
+      },
+      /* @__PURE__ */ React7.createElement(ChatIcon, null)
+    )),
+    countUnreadMessages > 0 && /* @__PURE__ */ React7.createElement(
+      Flex,
+      {
+        css: {
+          height: "$8",
+          p: "$4 4.5px",
+          justifyContent: "center",
+          alignItems: "center",
+          position: "absolute",
+          top: "-$4",
+          right: "-$4",
+          borderRadius: "$space$14",
+          background: "$primary_default"
+        }
+      },
+      /* @__PURE__ */ React7.createElement(Text, { variant: "overline" }, countUnreadMessages > 99 ? "99+" : countUnreadMessages)
+    )
+  );
+};
+
+export {
+  LeaveRoom,
+  ChatToggle
+};
+//# sourceMappingURL=chunk-EWPHJFZJ.js.map

package/dist/chunk-EWPHJFZJ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/Prebuilt/components/Leave/LeaveRoom.tsx", "../src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx", "../src/Prebuilt/components/Leave/EndSessionContent.tsx", "../src/Prebuilt/components/Leave/LeaveAtoms.tsx", "../src/Prebuilt/components/Leave/LeaveCard.tsx", "../src/Prebuilt/components/Leave/LeaveSessionContent.tsx", "../src/Prebuilt/components/Leave/MwebLeaveRoom.tsx", "../src/Prebuilt/components/Footer/ChatToggle.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { useMedia } from 'react-use';\nimport { ConferencingScreen } from '@100mslive/types-prebuilt';\nimport {\n  HMSPeer,\n  HMSRole,\n  selectHLSState,\n  selectIsConnectedToRoom,\n  selectPeersByCondition,\n  selectPermissions,\n  selectRolesMap,\n  useHMSActions,\n  useHMSStore,\n} from '@100mslive/react-sdk';\nimport { config as cssConfig } from '../../../Theme';\n// @ts-ignore: No implicit Any\nimport { ToastManager } from '../Toast/ToastManager';\nimport { DesktopLeaveRoom } from './DesktopLeaveRoom';\nimport { MwebLeaveRoom } from './MwebLeaveRoom';\nimport { useLandscapeHLSStream, useMobileHLSStream } from '../../common/hooks';\n\nexport const LeaveRoom = ({\n  screenType,\n  container,\n}: {\n  screenType: keyof ConferencingScreen;\n  container?: HTMLElement;\n}) => {\n  const isConnected = useHMSStore(selectIsConnectedToRoom);\n  const permissions = useHMSStore(selectPermissions);\n  const isMobile = useMedia(cssConfig.media.md);\n  const rolesMap: Record<string, HMSRole> = useHMSStore(selectRolesMap);\n  const streamingPermissionRoles = Object.keys(rolesMap).filter(roleName => {\n    const roleObj = rolesMap[roleName];\n    return roleObj.permissions.hlsStreaming;\n  });\n  const peersWithStreamingRights = useHMSStore(\n    selectPeersByCondition((peer: HMSPeer) => streamingPermissionRoles.includes(peer.roleName || '')),\n  );\n  const hlsState = useHMSStore(selectHLSState);\n  const hmsActions = useHMSActions();\n  const isMobileHLSStream = useMobileHLSStream();\n  const isLandscapeHLSStream = useLandscapeHLSStream();\n\n  const stopStream = async () => {\n    try {\n      if (permissions?.hlsStreaming) {\n        console.log('Stopping HLS stream');\n        await hmsActions.stopHLSStreaming();\n        ToastManager.addToast({ title: 'Stopping the stream' });\n      }\n    } catch (e) {\n      console.error('Error stopping stream', e);\n      ToastManager.addToast({ title: 'Error in stopping the stream', type: 'error' });\n    }\n  };\n\n  const endRoom = async () => {\n    await hmsActions.endRoom(false, 'End Room');\n  };\n\n  const leaveRoom = async (options: { endStream?: boolean } = { endStream: false }) => {\n    if (options.endStream || (hlsState.running && peersWithStreamingRights.length === 1)) {\n      await stopStream();\n    }\n    await hmsActions.leave();\n  };\n\n  if (!permissions || !isConnected) {\n    return null;\n  }\n  if (isMobileHLSStream || isLandscapeHLSStream) {\n    return <MwebLeaveRoom leaveRoom={leaveRoom} endRoom={endRoom} container={container} />;\n  }\n  return isMobile ? (\n    <MwebLeaveRoom leaveRoom={leaveRoom} endRoom={endRoom} container={container} />\n  ) : (\n    <DesktopLeaveRoom leaveRoom={leaveRoom} screenType={screenType} endRoom={endRoom} container={container} />\n  );\n};\n", "import React, { Fragment, useState } from 'react';\nimport { ConferencingScreen } from '@100mslive/types-prebuilt';\nimport { selectIsConnectedToRoom, selectPermissions, useHMSStore, useRecordingStreaming } from '@100mslive/react-sdk';\nimport { ExitIcon, StopIcon, VerticalMenuIcon } from '@100mslive/react-icons';\nimport { Dropdown } from '../../../Dropdown';\nimport { Box, Flex } from '../../../Layout';\nimport { Dialog } from '../../../Modal';\nimport { Tooltip } from '../../../Tooltip';\nimport { EndSessionContent } from './EndSessionContent';\nimport { LeaveIconButton, MenuTriggerButton } from './LeaveAtoms';\nimport { LeaveCard } from './LeaveCard';\nimport { LeaveSessionContent } from './LeaveSessionContent';\n// @ts-ignore: No implicit Any\nimport { useDropdownList } from '../hooks/useDropdownList';\n\nexport const DesktopLeaveRoom = ({\n  leaveRoom,\n  screenType,\n  endRoom,\n  container,\n}: {\n  leaveRoom: (options?: { endStream?: boolean }) => Promise<void>;\n  screenType: keyof ConferencingScreen;\n  endRoom: () => Promise<void>;\n  container?: HTMLElement;\n}) => {\n  const [open, setOpen] = useState(false);\n  const [showLeaveRoomAlert, setShowLeaveRoomAlert] = useState(false);\n  const [showEndStreamAlert, setShowEndStreamAlert] = useState(false);\n  const isConnected = useHMSStore(selectIsConnectedToRoom);\n  const permissions = useHMSStore(selectPermissions);\n  const { isStreamingOn } = useRecordingStreaming();\n  const showStream = screenType !== 'hls_live_streaming' && isStreamingOn && permissions?.hlsStreaming;\n  const showLeaveOptions = (permissions?.hlsStreaming && isStreamingOn) || permissions?.endRoom;\n\n  useDropdownList({ open: open || showEndStreamAlert || showLeaveRoomAlert, name: 'LeaveRoom' });\n\n  if (!permissions || !isConnected) {\n    return null;\n  }\n\n  return (\n    <Fragment>\n      {showLeaveOptions ? (\n        <Flex>\n          <LeaveIconButton\n            key=\"LeaveRoom\"\n            data-testid=\"leave_room_btn\"\n            css={{\n              borderTopRightRadius: 0,\n              borderBottomRightRadius: 0,\n            }}\n            onClick={() => setShowLeaveRoomAlert(true)}\n          >\n            <Tooltip title=\"Leave Room\">\n              <Box>\n                <ExitIcon style={{ transform: 'rotate(180deg)' }} />\n              </Box>\n            </Tooltip>\n          </LeaveIconButton>\n          <Dropdown.Root open={open} onOpenChange={setOpen} modal={false}>\n            <Dropdown.Trigger\n              asChild\n              css={{\n                '&[data-state=\"open\"]': {\n                  bg: '$alert_error_dim',\n                },\n              }}\n            >\n              <MenuTriggerButton data-testid=\"leave_end_dropdown_trigger\">\n                <VerticalMenuIcon />\n              </MenuTriggerButton>\n            </Dropdown.Trigger>\n            <Dropdown.Portal container={container}>\n              <Dropdown.Content css={{ p: 0, w: '$100' }} alignOffset={-50} sideOffset={10}>\n                <Dropdown.Item\n                  css={{\n                    bg: '$surface_dim',\n                    color: '$on_surface_medium',\n                    '&:hover': { bg: '$surface_default', color: '$on_surface_high' },\n                    p: '0',\n                  }}\n                  data-testid=\"just_leave_btn\"\n                >\n                  <LeaveCard\n                    title={showStream ? 'Leave Stream' : 'Leave Session'}\n                    subtitle={`Others will continue after you leave. You can join the ${\n                      showStream ? 'stream' : 'session'\n                    } again.`}\n                    bg=\"\"\n                    titleColor=\"$on_surface_high\"\n                    icon={<ExitIcon height={24} width={24} style={{ transform: 'rotate(180deg)' }} />}\n                    onClick={async () => await leaveRoom()}\n                    css={{ p: '$8 $4' }}\n                  />\n                </Dropdown.Item>\n\n                <Dropdown.Item\n                  css={{\n                    bg: '$alert_error_dim',\n                    color: '$alert_error_bright',\n                    '&:hover': { bg: '$alert_error_dim', color: '$alert_error_brighter' },\n                    p: '0',\n                  }}\n                  data-testid=\"end_room_btn\"\n                >\n                  <LeaveCard\n                    title={showStream ? 'End Stream' : 'End Session'}\n                    subtitle={`The ${\n                      showStream ? 'stream' : 'session'\n                    } will end for everyone. You can't undo this action.`}\n                    bg=\"\"\n                    titleColor=\"$alert_error_brighter\"\n                    icon={<StopIcon height={24} width={24} />}\n                    onClick={() => {\n                      setOpen(false);\n                      setShowEndStreamAlert(true);\n                    }}\n                    css={{ p: '$8 $4' }}\n                  />\n                </Dropdown.Item>\n              </Dropdown.Content>\n            </Dropdown.Portal>\n          </Dropdown.Root>\n        </Flex>\n      ) : (\n        <LeaveIconButton\n          onClick={() => {\n            setShowLeaveRoomAlert(true);\n          }}\n          key=\"LeaveRoom\"\n          data-testid=\"leave_room_btn\"\n        >\n          <Tooltip title=\"Leave Room\">\n            <Box>\n              <ExitIcon style={{ transform: 'rotate(180deg)' }} />\n            </Box>\n          </Tooltip>\n        </LeaveIconButton>\n      )}\n\n      <Dialog.Root open={showEndStreamAlert} modal={false}>\n        <Dialog.Portal>\n          <Dialog.Overlay />\n          <Dialog.Content css={{ w: 'min(420px, 90%)', p: '$8', bg: '$surface_dim' }}>\n            <EndSessionContent\n              setShowEndStreamAlert={setShowEndStreamAlert}\n              leaveRoom={isStreamingOn ? () => leaveRoom({ endStream: true }) : endRoom}\n              isStreamingOn={isStreamingOn}\n              isModal\n            />\n          </Dialog.Content>\n        </Dialog.Portal>\n      </Dialog.Root>\n\n      <Dialog.Root open={showLeaveRoomAlert} modal={false}>\n        <Dialog.Portal>\n          <Dialog.Overlay />\n          <Dialog.Content css={{ w: 'min(420px, 90%)', p: '$8', bg: '$surface_dim' }}>\n            <LeaveSessionContent setShowLeaveRoomAlert={setShowLeaveRoomAlert} leaveRoom={leaveRoom} isModal />\n          </Dialog.Content>\n        </Dialog.Portal>\n      </Dialog.Root>\n    </Fragment>\n  );\n};\n", "import React from 'react';\nimport { AlertTriangleIcon, CrossIcon } from '@100mslive/react-icons';\nimport { Button } from '../../../Button';\nimport { Box, Flex } from '../../../Layout';\nimport { Text } from '../../../Text';\n\nexport const EndSessionContent = ({\n  setShowEndStreamAlert,\n  leaveRoom,\n  isModal = false,\n  isStreamingOn = false,\n}: {\n  setShowEndStreamAlert: (value: boolean) => void;\n  leaveRoom: (options?: { endStream?: boolean }) => Promise<void>;\n  isModal?: boolean;\n  isStreamingOn: boolean;\n}) => {\n  return (\n    <Box>\n      <Flex\n        css={{\n          color: '$alert_error_default',\n          display: 'flex',\n          alignItems: 'center',\n        }}\n      >\n        <AlertTriangleIcon style={{ marginRight: '0.5rem' }} />\n        <Text variant=\"lg\" css={{ color: 'inherit', fontWeight: '$semiBold' }}>\n          End {isStreamingOn ? 'Stream' : 'Session'}\n        </Text>\n        {isModal ? null : (\n          <Box css={{ color: '$on_surface_high', ml: 'auto' }} onClick={() => setShowEndStreamAlert(false)}>\n            <CrossIcon />\n          </Box>\n        )}\n      </Flex>\n      <Text variant=\"sm\" css={{ color: '$on_surface_medium', mb: '$8', mt: '$4' }}>\n        The {isStreamingOn ? 'stream' : 'session'} will end for everyone. You can't undo this action.\n      </Text>\n      <Flex align=\"center\" justify=\"between\" css={{ w: '100%', gap: '$8' }}>\n        <Button\n          outlined\n          variant=\"standard\"\n          css={{ w: '100%', '@md': { display: 'none' } }}\n          onClick={() => setShowEndStreamAlert(false)}\n        >\n          Cancel\n        </Button>\n        <Button\n          variant=\"danger\"\n          css={{ w: '100%' }}\n          onClick={async () => {\n            await leaveRoom({ endStream: true });\n            setShowEndStreamAlert(false);\n          }}\n          id=\"stopStream\"\n          data-testid=\"stop_stream_btn\"\n        >\n          End {isStreamingOn ? 'Stream' : 'Session'}\n        </Button>\n      </Flex>\n    </Box>\n  );\n};\n", "import { IconButton } from '../../../IconButton';\nimport { styled } from '../../../Theme';\n\nexport const LeaveIconButton = styled(IconButton, {\n  color: '$on_primary_high',\n  h: '$14',\n  px: '$4',\n  r: '$1',\n  bg: '$alert_error_default',\n  '&:not([disabled]):hover': {\n    bg: '$alert_error_bright',\n  },\n  '&:not([disabled]):active': {\n    bg: '$alert_error_default',\n  },\n  '@md': {\n    mx: 0,\n  },\n});\n\nexport const MenuTriggerButton = styled(LeaveIconButton, {\n  borderLeft: '1px solid $alert_error_dim',\n  borderTopLeftRadius: 0,\n  borderBottomLeftRadius: 0,\n  px: '$2',\n});\n", "import React from 'react';\nimport { Box, Flex } from '../../../Layout';\nimport { Text } from '../../../Text';\nimport { CSS } from '../../../Theme';\n\nexport const LeaveCard = ({\n  icon,\n  title,\n  subtitle,\n  onClick,\n  bg,\n  titleColor,\n  css = {},\n}: {\n  icon: React.JSX.Element;\n  title: string;\n  subtitle: string;\n  onClick: () => void;\n  titleColor: string;\n  bg: string;\n  css?: CSS;\n}) => {\n  return (\n    <Flex css={{ p: '$10', flexGrow: 1, gap: '$8', bg, ...css }} onClick={onClick}>\n      <Box css={{ color: titleColor }}>{icon}</Box>\n      <Box css={{ gap: '$2' }}>\n        <Text variant=\"lg\" css={{ color: titleColor }}>\n          {title}\n        </Text>\n        <Text variant=\"sm\" css={{ c: 'inherit' }}>\n          {subtitle}\n        </Text>\n      </Box>\n    </Flex>\n  );\n};\n", "import React from 'react';\nimport { AlertTriangleIcon, CrossIcon } from '@100mslive/react-icons';\nimport { Button } from '../../../Button';\nimport { Box, Flex } from '../../../Layout';\nimport { Text } from '../../../Text';\n\nexport const LeaveSessionContent = ({\n  setShowLeaveRoomAlert,\n  leaveRoom,\n  isModal = false,\n}: {\n  setShowLeaveRoomAlert: (value: boolean) => void;\n  leaveRoom: (options?: { endStream?: boolean }) => Promise<void>;\n  isModal?: boolean;\n}) => {\n  return (\n    <Box>\n      <Flex\n        css={{\n          color: '$alert_error_default',\n          display: 'flex',\n          alignItems: 'center',\n        }}\n      >\n        <AlertTriangleIcon style={{ marginRight: '0.5rem' }} />\n        <Text variant=\"lg\" css={{ color: 'inherit', fontWeight: '$semiBold' }}>\n          Leave\n        </Text>\n        {isModal ? null : (\n          <Box css={{ color: '$on_surface_high', ml: 'auto' }} onClick={() => setShowLeaveRoomAlert(false)}>\n            <CrossIcon />\n          </Box>\n        )}\n      </Flex>\n      <Text variant=\"sm\" css={{ color: '$on_surface_low', mb: '$8', mt: '$4' }}>\n        Others will continue after you leave. You can join the session again.\n      </Text>\n      <Flex align=\"center\" justify=\"between\" css={{ w: '100%', gap: '$8' }}>\n        <Button\n          outlined\n          variant=\"standard\"\n          css={{ w: '100%', '@md': { display: 'none' } }}\n          onClick={() => setShowLeaveRoomAlert(false)}\n        >\n          Cancel\n        </Button>\n        <Button\n          variant=\"danger\"\n          css={{ w: '100%' }}\n          onClick={async () => {\n            await leaveRoom();\n          }}\n          id=\"leaveRoom\"\n          data-testid=\"leave_room\"\n        >\n          Leave Session\n        </Button>\n      </Flex>\n    </Box>\n  );\n};\n", "import React, { Fragment, useState } from 'react';\n// @ts-ignore: No implicit Any\nimport { selectIsConnectedToRoom, selectPermissions, useHMSStore, useRecordingStreaming } from '@100mslive/react-sdk';\n// @ts-ignore: No implicit Any\nimport { CrossIcon, ExitIcon, StopIcon } from '@100mslive/react-icons';\nimport { IconButton } from '../../../IconButton';\nimport { Box } from '../../../Layout';\nimport { Sheet } from '../../../Sheet';\nimport { Tooltip } from '../../../Tooltip';\nimport { EndSessionContent } from './EndSessionContent';\nimport { LeaveIconButton } from './LeaveAtoms';\nimport { LeaveCard } from './LeaveCard';\nimport { LeaveSessionContent } from './LeaveSessionContent';\nimport { useRoomLayoutConferencingScreen } from '../../provider/roomLayoutProvider/hooks/useRoomLayoutScreen';\n// @ts-ignore: No implicit Any\nimport { useDropdownList } from '../hooks/useDropdownList';\nimport { useLandscapeHLSStream, useMobileHLSStream } from '../../common/hooks';\n\nexport const MwebLeaveRoom = ({\n  leaveRoom,\n  endRoom,\n  container,\n}: {\n  leaveRoom: (options?: { endStream?: boolean }) => Promise<void>;\n  endRoom: () => Promise<void>;\n  container?: HTMLElement;\n}) => {\n  const [open, setOpen] = useState(false);\n  const { screenType } = useRoomLayoutConferencingScreen();\n  const [showLeaveRoomAlert, setShowLeaveRoomAlert] = useState(false);\n  const [showEndStreamAlert, setShowEndStreamAlert] = useState(false);\n  const isConnected = useHMSStore(selectIsConnectedToRoom);\n  const permissions = useHMSStore(selectPermissions);\n  const { isStreamingOn } = useRecordingStreaming();\n  const showStream = screenType !== 'hls_live_streaming' && isStreamingOn && permissions?.hlsStreaming;\n  const showLeaveOptions = (permissions?.hlsStreaming && isStreamingOn) || permissions?.endRoom;\n\n  useDropdownList({ open, name: 'LeaveRoom' });\n\n  if (!permissions || !isConnected) {\n    return null;\n  }\n\n  return (\n    <Fragment>\n      {showLeaveOptions ? (\n        <Sheet.Root open={open} onOpenChange={setOpen}>\n          <Sheet.Trigger asChild>\n            <LeaveButton\n              onClick={() => {\n                setOpen(open => !open);\n              }}\n            />\n          </Sheet.Trigger>\n          <Sheet.Content container={container}>\n            <LeaveCard\n              title={showStream ? 'Leave Stream' : 'Leave Session'}\n              subtitle={`Others will continue after you leave. You can join the ${\n                showStream ? 'stream' : 'session'\n              } again.`}\n              bg=\"$surface_default\"\n              titleColor=\"$on_surface_high\"\n              icon={<ExitIcon height={24} width={24} style={{ transform: 'rotate(180deg)' }} />}\n              onClick={async () => await leaveRoom()}\n              css={{ pt: 0, mt: '$10', color: '$on_surface_low', '&:hover': { color: '$on_surface_high' } }}\n            />\n\n            <LeaveCard\n              title={showStream ? 'End Stream' : 'End Session'}\n              subtitle={`The will end the ${\n                showStream ? 'stream' : 'session'\n              } for everyone. You can't undo this action.`}\n              bg=\"$alert_error_dim\"\n              titleColor=\"$alert_error_brighter\"\n              css={{ color: '$alert_error_bright', '&:hover': { color: '$alert_error_brighter' } }}\n              icon={<StopIcon height={24} width={24} />}\n              onClick={() => {\n                setOpen(false);\n                setShowEndStreamAlert(true);\n              }}\n            />\n          </Sheet.Content>\n        </Sheet.Root>\n      ) : (\n        <LeaveButton onClick={() => setShowLeaveRoomAlert(true)} />\n      )}\n      <Sheet.Root open={showEndStreamAlert} onOpenChange={setShowEndStreamAlert}>\n        <Sheet.Content css={{ bg: '$surface_dim', p: '$10', pb: '$12' }} container={container}>\n          <EndSessionContent\n            setShowEndStreamAlert={setShowEndStreamAlert}\n            leaveRoom={isStreamingOn ? leaveRoom : endRoom}\n            isStreamingOn={isStreamingOn}\n          />\n        </Sheet.Content>\n      </Sheet.Root>\n\n      <Sheet.Root open={showLeaveRoomAlert} onOpenChange={setShowLeaveRoomAlert}>\n        <Sheet.Content css={{ bg: '$surface_dim', p: '$10', pb: '$12' }} container={container}>\n          <LeaveSessionContent setShowLeaveRoomAlert={setShowLeaveRoomAlert} leaveRoom={leaveRoom} />\n        </Sheet.Content>\n      </Sheet.Root>\n    </Fragment>\n  );\n};\n\nconst LeaveButton = ({ onClick }: { onClick: () => void }) => {\n  const isMobileHLSStream = useMobileHLSStream();\n  const isLandscapeHLSStream = useLandscapeHLSStream();\n\n  return isMobileHLSStream || isLandscapeHLSStream ? (\n    <IconButton key=\"LeaveRoom\" data-testid=\"leave_room_btn\" onClick={onClick}>\n      <Tooltip title=\"Leave Room\">\n        <Box>\n          <CrossIcon />\n        </Box>\n      </Tooltip>\n    </IconButton>\n  ) : (\n    <LeaveIconButton\n      key=\"LeaveRoom\"\n      data-testid=\"leave_room_btn\"\n      css={{\n        borderTopRightRadius: '$1',\n        borderBottomRightRadius: '$1',\n      }}\n      onClick={onClick}\n    >\n      <Tooltip title=\"Leave Room\">\n        <Box>\n          <ExitIcon style={{ transform: 'rotate(180deg)' }} />\n        </Box>\n      </Tooltip>\n    </LeaveIconButton>\n  );\n};\n", "import React from 'react';\nimport { selectUnreadHMSMessagesCount, useHMSStore } from '@100mslive/react-sdk';\nimport { ChatIcon } from '@100mslive/react-icons';\nimport { Box, Flex, Text, Tooltip } from '../../..';\n// @ts-ignore: No implicit Any\nimport IconButton from '../../IconButton';\n// @ts-ignore: No implicit Any\nimport { useIsSidepaneTypeOpen, useSidepaneToggle } from '../AppData/useSidepane';\n// @ts-ignore: No implicit Any\nimport { SIDE_PANE_OPTIONS } from '../../common/constants';\n\nexport const ChatToggle = ({ onClick }: { onClick?: () => void }) => {\n  const countUnreadMessages = useHMSStore(selectUnreadHMSMessagesCount);\n  const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);\n  const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);\n\n  return (\n    <Box\n      css={{\n        position: 'relative',\n      }}\n    >\n      <Tooltip key=\"chat\" title={`${isChatOpen ? 'Close' : 'Open'} chat`}>\n        <IconButton\n          onClick={() => (onClick ? onClick() : toggleChat())}\n          css={{ bg: isChatOpen ? '$surface_brighter' : '' }}\n          data-testid=\"chat_btn\"\n        >\n          <ChatIcon />\n        </IconButton>\n      </Tooltip>\n      {countUnreadMessages > 0 && (\n        <Flex\n          css={{\n            height: '$8',\n            p: '$4 4.5px',\n            justifyContent: 'center',\n            alignItems: 'center',\n            position: 'absolute',\n            top: '-$4',\n            right: '-$4',\n            borderRadius: '$space$14',\n            background: '$primary_default',\n          }}\n        >\n          <Text variant=\"overline\">{countUnreadMessages > 99 ? '99+' : countUnreadMessages}</Text>\n        </Flex>\n      )}\n    </Box>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "selectIsConnectedToRoom", "selectPermissions", "useHMSStore", "React", "React", "React", "React", "AlertTriangleIcon", "CrossIcon", "React", "AlertTriangleIcon", "CrossIcon", "React", "React", "Fragment", "useState", "selectIsConnectedToRoom", "selectPermissions", "useHMSStore", "useRecordingStreaming", "CrossIcon", "ExitIcon", "StopIcon", "useState", "useHMSStore", "selectIsConnectedToRoom", "selectPermissions", "useRecordingStreaming", "React", "Fragment", "open", "ExitIcon", "StopIcon", "CrossIcon", "useHMSStore", "selectIsConnectedToRoom", "selectPermissions", "React", "React", "useHMSStore", "useHMSStore", "React"]
+}