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

package/dist/chunk-TBXRX6MK.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["<define:process.env>", "../src/Prebuilt/common/constants.ts", "../src/Theme/stitches.config.ts", "../src/Theme/base.config.ts"],
+  "sourcesContent": ["", "import { parsedUserAgent } from '@100mslive/react-sdk';\n\nexport const QUERY_PARAM_SKIP_PREVIEW = 'skip_preview';\nexport const QUERY_PARAM_SKIP_PREVIEW_HEADFUL = 'skip_preview_headful';\nexport const QUERY_PARAM_NAME = 'name';\nexport const QUERY_PARAM_VIEW_MODE = 'ui_mode';\nexport const QUERY_PARAM_PREVIEW_AS_ROLE = 'preview_as_role';\nexport const UI_MODE_GRID = 'grid';\nexport const MAX_TOASTS = 5;\nexport const RTMP_RECORD_RESOLUTION_MIN = 480;\nexport const RTMP_RECORD_RESOLUTION_MAX = 1280;\nexport const RTMP_RECORD_DEFAULT_RESOLUTION = {\n  width: 1280,\n  height: 720,\n};\nexport const EMOJI_REACTION_TYPE = 'EMOJI_REACTION';\n\nexport const CHAT_SELECTOR = {\n  PEER: 'peer',\n  ROLE: 'role',\n  EVERYONE: 'Everyone',\n};\n\nexport const APP_DATA = {\n  uiSettings: 'uiSettings',\n  chatOpen: 'chatOpen',\n  chatSelector: 'chatSelector',\n  chatDraft: 'chatDraft',\n  appConfig: 'appConfig',\n  sidePane: 'sidePane',\n  hlsStats: 'hlsStats',\n  subscribedNotifications: 'subscribedNotifications',\n  logo: 'logo',\n  hlsStarted: 'hlsStarted',\n  rtmpStarted: 'rtmpStarted',\n  recordingStarted: 'recordingStarted',\n  embedConfig: 'embedConfig',\n  pinnedTrackId: 'pinnedTrackId',\n  dropdownList: 'dropdownList',\n  authToken: 'authToken',\n  pdfConfig: 'pdfConfig',\n  minimiseInset: 'minimiseInset',\n  activeScreensharePeerId: 'activeScreensharePeerId',\n  disableNotifications: 'disableNotifications',\n  pollState: 'pollState',\n  background: 'background',\n  sheet: 'sheet',\n  caption: 'caption',\n  loadingEffects: 'loadingEffects',\n  noiseCancellation: 'noiseCancellation',\n};\n\nexport const UI_SETTINGS = {\n  isAudioOnly: 'isAudioOnly',\n  maxTileCount: 'maxTileCount',\n  uiViewMode: 'uiViewMode',\n  layoutMode: 'layoutMode',\n  showStatsOnTiles: 'showStatsOnTiles',\n  enableAmbientMusic: 'enableAmbientMusic',\n  mirrorLocalVideo: 'mirrorLocalVideo',\n};\n\nexport const SIDE_PANE_OPTIONS = {\n  PARTICIPANTS: 'Participants',\n  CHAT: 'Chat',\n  STREAMING: 'STREAMING',\n  POLLS: 'POLLS',\n  VB: 'VB',\n  ROOM_DETAILS: 'ROOM_DETAILS',\n};\n\nexport type SidePaneOption = (typeof SIDE_PANE_OPTIONS)[keyof typeof SIDE_PANE_OPTIONS];\n\nexport const SHEET_OPTIONS = {\n  ROOM_DETAILS: 'ROOM_DETAILS',\n};\n\nexport const POLL_STATE = {\n  pollInView: 'pollInView',\n  view: 'view',\n};\n\nexport const POLL_VIEWS = {\n  CREATE_POLL_QUIZ: 'CREATE_POLL_QUIZ',\n  CREATE_QUESTIONS: 'CREATE_QUESTIONS',\n  VOTE: 'VOTE',\n  RESULTS: 'RESULTS',\n};\n\nexport const CAPTION_TOAST = {\n  captionToast: 'captionToast',\n};\nexport const SUBSCRIBED_NOTIFICATIONS = {\n  PEER_JOINED: 'PEER_JOINED',\n  PEER_LEFT: 'PEER_LEFT',\n  METADATA_UPDATED: 'METADATA_UPDATED',\n  NEW_MESSAGE: 'NEW_MESSAGE',\n  ERROR: 'ERROR',\n};\n\nexport const CREATE_ROOM_DOC_URL = 'https://github.com/100mslive/100ms-web/wiki/Creating-and-joining-a-room';\nexport const HLS_TIMED_METADATA_DOC_URL =\n  'https://www.100ms.live/docs/javascript/v2/how--to-guides/record-and-live-stream/hls/hls-timed-metadata';\n\nexport const REMOTE_STOP_SCREENSHARE_TYPE = 'REMOTE_STOP_SCREENSHARE';\n\nexport const isChrome = parsedUserAgent.getBrowser()?.name?.toLowerCase() === 'chrome';\nexport const isFirefox = parsedUserAgent.getBrowser()?.name?.toLowerCase() === 'firefox';\nexport const isSafari = parsedUserAgent.getBrowser()?.name?.toLowerCase() === 'safari';\nexport const isIOS = parsedUserAgent.getOS()?.name?.toLowerCase() === 'ios';\nexport const isMacOS = parsedUserAgent.getOS()?.name?.toLowerCase() === 'mac os';\nexport const isAndroid = parsedUserAgent.getOS()?.name?.toLowerCase() === 'android';\nexport const isIPadOS = false;\n// typeof navigator !== \"undefined\" &&\n// navigator?.maxTouchPoints &&\n// navigator?.maxTouchPoints > 2 &&\n// navigator?.userAgent?.match(/Mac/);\n\nexport enum SESSION_STORE_KEY {\n  TRANSCRIPTION_STATE = 'transcriptionState',\n  PINNED_MESSAGES = 'pinnedMessages',\n  SPOTLIGHT = 'spotlight',\n  CHAT_PEER_BLACKLIST = 'chatPeerBlacklist',\n  CHAT_MESSAGE_BLACKLIST = 'chatMessageBlacklist',\n  CHAT_STATE = 'chatState',\n}\n\nexport enum INTERACTION_TYPE {\n  POLL = 'Poll',\n  QUIZ = 'Quiz',\n}\n\nexport enum QUESTION_TYPE_TITLE {\n  'single-choice' = 'Single Choice',\n  'multiple-choice' = 'Multiple Choice',\n  // 'short-answer' = 'Short Answer',\n  // 'long-answer' = 'Long Answer',\n}\n\nexport enum QUESTION_TYPE {\n  SINGLE_CHOICE = 'single-choice',\n  MULTIPLE_CHOICE = 'multiple-choice',\n  // SHORT_ANSWER = 'short-answer',\n  // LONG_ANSWER = 'long-answer',\n}\n\nexport const ROLE_CHANGE_DECLINED = 'role_change_declined';\n\nexport const DEFAULT_PORTAL_CONTAINER = '.prebuilt-container';\n\nexport const TEST_AUDIO_URL = 'https://100ms.live/test-audio.wav';\n", "import type * as Stitches from '@stitches/react';\nimport { createStitches } from '@stitches/react';\nimport merge from 'lodash.merge';\nimport { baseConfig, defaultMedia, defaultThemeMap, defaultUtils } from './base.config';\nimport { DEFAULT_PORTAL_CONTAINER } from '../Prebuilt/common/constants';\n\nconst HmsStitches = createStitches({\n  prefix: 'hms-ui',\n  theme: {\n    ...baseConfig.theme,\n    colors: {\n      ...baseConfig.theme.colors,\n    },\n  },\n  media: defaultMedia,\n  utils: defaultUtils,\n  themeMap: defaultThemeMap,\n});\n\nexport const {\n  theme,\n  createTheme: createThemeBase,\n  styled,\n  globalCss,\n  keyframes,\n  css,\n  getCssText,\n  config,\n} = HmsStitches;\n\nexport const globalStyles = globalCss({\n  [`${DEFAULT_PORTAL_CONTAINER} *`]: {\n    fontFamily: '$sans',\n    boxSizing: 'border-box',\n  },\n  '::-webkit-scrollbar-track': {\n    WebkitBoxShadow: 'inset 0 0 6px rgba(0, 0, 0, 0.3)',\n    boxShadow: 'inset 0 0 6px rgba(0, 0, 0, 0.3)',\n    backgroundColor: 'transparent',\n  },\n  '::-webkit-scrollbar': {\n    width: '6px',\n    height: '6px',\n    backgroundColor: 'transparent',\n  },\n  '::-webkit-scrollbar-thumb': {\n    backgroundColor: '#657080',\n    borderRadius: '5px',\n  },\n  /**\n   * needed for safari. Safari\n   * adds background color on its own\n   * on hls-viewer on fullscreen\n   */\n  '#hls-viewer-dark:fullscreen': {\n    backgroundColor: 'black !important',\n  },\n\n  '#hls-viewer-light:fullscreen': {\n    backgroundColor: 'white !important',\n  },\n});\n\nexport type ThemeType = 'default';\nexport type Theme = typeof HmsStitches.theme;\n\n/**\n * This method will be used to create custom themes or update any theme values\n * @param { type: ThemeType; className: string; theme: Theme }\n * @returns\n */\nexport const createTheme = ({\n  themeType,\n  theme,\n  className,\n}: {\n  themeType: string;\n  className?: string;\n  theme?: Partial<Theme>;\n}) => {\n  if (!themeType) {\n    throw new Error('Theme type is required');\n  }\n  const mergedTheme = merge(baseConfig.theme, theme || {});\n  return createThemeBase(className || `${themeType}-theme`, mergedTheme);\n};\n\nexport type CSS = Stitches.CSS<typeof HmsStitches>;\n", "import type * as Stitches from '@stitches/react';\nimport { defaultThemeMap as defaultStitchesThemeMap } from '@stitches/react';\n\nexport const baseConfig = {\n  theme: {\n    colors: {\n      primary_default: '#2572ED',\n      primary_bright: '#538DFF',\n      primary_dim: '#002D6D',\n      primary_disabled: '#004299',\n      on_primary_high: 'rgba(245, 249, 255, 0.95)',\n      on_primary_medium: 'rgba(224, 236, 255, 0.8)',\n      on_primary_low: 'rgba(194, 208, 229, 0.5)',\n      secondary_default: '#444954',\n      secondary_bright: '#70778B',\n      secondary_dim: '#293042',\n      secondary_disabled: '#404759',\n      on_secondary_high: '#FFFFFF',\n      on_secondary_medium: '#D3D9F0',\n      on_secondary_low: '#A4ABC0',\n      background_default: '#0B0E15',\n      background_dim: '#000000',\n      surface_default: '#191B23',\n      surface_bright: '#272A31',\n      surface_brighter: '#2E3038',\n      surface_dim: '#11131A',\n      on_surface_high: '#EFF0FA',\n      on_surface_medium: '#C5C6D0',\n      on_surface_low: '#8F9099',\n      border_default: '#1D1F27',\n      border_bright: '#272A31',\n      alert_success: '#36B37E',\n      alert_warning: '#FFAB00',\n      alert_error_default: '#C74E5B',\n      alert_error_bright: '#FFB2B6',\n      alert_error_brighter: '#FFEDEC',\n      alert_error_dim: '#270005',\n    },\n    shadows: {\n      sm: '0 0 4px 0 #0000004D',\n      md: '0 0 8px 0 #0000004D',\n    },\n    fonts: {\n      sans: 'Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif',\n    },\n    fontSizes: {\n      h1: '6rem',\n      h2: '3.75rem',\n      h3: '3rem',\n      h4: '2.125rem',\n      h5: '1.5rem',\n      h6: '1.25rem',\n      tiny: '0.625rem',\n      xs: '0.75rem',\n      sm: '0.875rem',\n      md: '1rem',\n      lg: '1.125rem',\n    },\n    fontWeights: {\n      semiBold: 600,\n      medium: 500,\n      regular: 400,\n    },\n    lineHeights: {\n      h1: '5.75rem',\n      h2: '3.5rem',\n      h3: '3.25rem',\n      h4: '2.5rem',\n      h5: '2rem',\n      h6: '1.5rem',\n      tiny: '1rem',\n      xs: '1rem',\n      sm: '1.25rem',\n      md: '1.5rem',\n    },\n    radii: {\n      '0': '0.25rem',\n      '1': '0.5rem',\n      '2': '0.75rem',\n      '3': '1rem',\n      '4': '1.5rem',\n      round: '100rem',\n    },\n    space: {\n      0: '0rem',\n      xs: '0.5rem',\n      sm: '0.75rem',\n      md: '1rem',\n      lg: '1.25rem',\n      xl: '2.25rem',\n      px: '1px',\n      1: '0.125rem',\n      2: '0.25rem',\n      3: '0.375rem',\n      4: '0.5rem',\n      5: '0.625rem',\n      6: '0.75rem',\n      7: '0.875rem',\n      8: '1rem',\n      9: '1.25rem',\n      10: '1.5rem',\n      11: '1.75rem',\n      12: '2rem',\n      13: '2.25rem',\n      14: '2.5rem',\n      15: '2.75rem',\n      16: '3rem',\n      17: '3.5rem',\n      18: '4rem',\n      19: '4.25rem',\n      20: '5rem',\n      24: '6rem',\n      28: '7rem',\n      32: '8rem',\n      36: '9rem',\n      40: '10rem',\n      44: '11rem',\n      48: '12rem',\n      52: '13rem',\n      56: '14rem',\n      60: '15rem',\n      64: '16rem',\n      72: '18rem',\n      80: '20rem',\n      96: '24rem',\n      100: '25rem',\n    },\n    borderWidths: {\n      light: '1px',\n      normal: '2px',\n      bold: '3px',\n      extrabold: '4px',\n      black: '5px',\n    },\n  },\n};\n\nexport const defaultUtils = {\n  bg: (value: Stitches.PropertyValue<'backgroundColor'>) => ({\n    backgroundColor: value,\n  }),\n  c: (value: Stitches.PropertyValue<'color'>) => ({\n    color: value,\n  }),\n  r: (value: Stitches.ScaleValue<'radii'>) => ({\n    borderRadius: value,\n  }),\n  fs: (value: Stitches.PropertyValue<'fontSize'> | number | string) => ({\n    fontSize: value,\n  }),\n  size: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    height: value,\n    width: value,\n  }),\n  w: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    width: value,\n  }),\n  h: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    height: value,\n  }),\n  p: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    padding: value,\n  }),\n  pt: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    paddingTop: value,\n  }),\n  pr: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    paddingRight: value,\n  }),\n  pb: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    paddingBottom: value,\n  }),\n  pl: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    paddingLeft: value,\n  }),\n  px: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    paddingLeft: value,\n    paddingRight: value,\n  }),\n  py: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    paddingTop: value,\n    paddingBottom: value,\n  }),\n  m: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    margin: value,\n  }),\n  mt: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    marginTop: value,\n  }),\n  mr: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    marginRight: value,\n  }),\n  mb: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    marginBottom: value,\n  }),\n  ml: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    marginLeft: value,\n  }),\n  mx: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    marginLeft: value,\n    marginRight: value,\n  }),\n  my: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    marginTop: value,\n    marginBottom: value,\n  }),\n};\n\nexport const defaultMedia = {\n  allowMotion: '(prefers-reduced-motion: no-preference)',\n  sm: '(max-width: 640px)',\n  md: '(max-width: 768px)',\n  lg: '(max-width: 1024px)',\n  xl: '(max-width: 1280px)',\n  '2xl': '(max-width: 1536px)',\n  ls: '(max-width: 1024px) and (orientation: landscape)',\n};\n\nexport const defaultThemeMap = {\n  ...defaultStitchesThemeMap,\n  width: 'space',\n  height: 'space',\n  minWidth: 'space',\n  maxWidth: 'space',\n  minHeight: 'space',\n  maxHeight: 'space',\n  flexBasis: 'space',\n  gridTemplateColumns: 'space',\n  gridTemplateRows: 'space',\n  blockSize: 'space',\n  minBlockSize: 'space',\n  maxBlockSize: 'space',\n  inlineSize: 'space',\n  minInlineSize: 'space',\n  maxInlineSize: 'space',\n};\n"],
+  "mappings": "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",
+  "names": ["_a", "_b", "QUESTION_TYPE_TITLE", "theme"]
+}

package/dist/chunk-TCOPR3BK.js

@@ -0,0 +1,487 @@
+import {
+  Button,
+  Dialog,
+  Sheet,
+  useIsSidepaneTypeOpen,
+  useSidepaneToggle
+} from "./chunk-26D5FDBW.js";
+import {
+  Text
+} from "./chunk-JKWX7W4K.js";
+import {
+  Dropdown,
+  ToastManager,
+  useDropdownList,
+  useLandscapeHLSStream,
+  useMobileHLSStream
+} from "./chunk-BQOT4DK7.js";
+import {
+  Box,
+  Flex
+} from "./chunk-7QZJMUHM.js";
+import {
+  IconButton,
+  IconButton_default,
+  Tooltip,
+  useRoomLayoutConferencingScreen
+} from "./chunk-ENHSO6YN.js";
+import {
+  SIDE_PANE_OPTIONS,
+  __async,
+  __spreadValues,
+  config,
+  init_define_process_env,
+  styled
+} from "./chunk-TBXRX6MK.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-TCOPR3BK.js.map

package/dist/chunk-TCOPR3BK.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"]
+}