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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (123) hide show
  1. package/dist/Theme/ThemeProvider.d.ts +1 -0
  2. package/dist/index.cjs.css +2 -2
  3. package/dist/index.cjs.css.map +1 -1
  4. package/dist/index.cjs.js +34109 -37488
  5. package/dist/index.cjs.js.map +4 -4
  6. package/dist/index.css +2 -2
  7. package/dist/index.css.map +1 -1
  8. package/dist/index.js +36389 -73
  9. package/dist/index.js.map +4 -4
  10. package/dist/meta.cjs.json +5568 -5617
  11. package/dist/meta.esbuild.json +6032 -8744
  12. package/package.json +7 -7
  13. package/src/Prebuilt/App.tsx +3 -6
  14. package/src/Prebuilt/components/Chat/Chat.tsx +8 -12
  15. package/src/Prebuilt/components/Footer/WhiteboardToggle.tsx +11 -4
  16. package/src/Prebuilt/components/HMSVideo/HMSVideo.jsx +3 -3
  17. package/src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx +3 -0
  18. package/src/Prebuilt/components/Preview/PreviewJoin.tsx +3 -2
  19. package/src/Prebuilt/components/VideoLayouts/GridLayout.tsx +30 -43
  20. package/src/Prebuilt/layouts/HLSView.jsx +2 -3
  21. package/src/Prebuilt/layouts/SidePane.tsx +6 -12
  22. package/src/Prebuilt/layouts/VideoStreamingSection.tsx +64 -69
  23. package/src/Theme/ThemeProvider.tsx +9 -3
  24. package/dist/ConferenceScreen-CLPW3BGP.css +0 -2780
  25. package/dist/ConferenceScreen-CLPW3BGP.css.map +0 -7
  26. package/dist/ConferenceScreen-M6RBPTAJ.js +0 -1774
  27. package/dist/ConferenceScreen-M6RBPTAJ.js.map +0 -7
  28. package/dist/EmbedView-DDSO7ZCV.js +0 -17
  29. package/dist/EmbedView-DDSO7ZCV.js.map +0 -7
  30. package/dist/EmbedView-HGIUZHKA.css +0 -2780
  31. package/dist/EmbedView-HGIUZHKA.css.map +0 -7
  32. package/dist/EmojiReaction-23JDKJD4.js +0 -11
  33. package/dist/EmojiReaction-23JDKJD4.js.map +0 -7
  34. package/dist/HLSView-OW77EAAO.css +0 -2780
  35. package/dist/HLSView-OW77EAAO.css.map +0 -7
  36. package/dist/HLSView-Q6GEB3UM.js +0 -1666
  37. package/dist/HLSView-Q6GEB3UM.js.map +0 -7
  38. package/dist/LeaveScreen-BYTE73MT.js +0 -556
  39. package/dist/LeaveScreen-BYTE73MT.js.map +0 -7
  40. package/dist/LeaveScreen-P7AATEIF.css +0 -2780
  41. package/dist/LeaveScreen-P7AATEIF.css.map +0 -7
  42. package/dist/MoreSettings-LV5X2U6K.css +0 -2780
  43. package/dist/MoreSettings-LV5X2U6K.css.map +0 -7
  44. package/dist/MoreSettings-WSHMMNOC.js +0 -16
  45. package/dist/MoreSettings-WSHMMNOC.js.map +0 -7
  46. package/dist/PDFView-RIPRIIH6.css +0 -2780
  47. package/dist/PDFView-RIPRIIH6.css.map +0 -7
  48. package/dist/PDFView-ZFSG2ESE.js +0 -84
  49. package/dist/PDFView-ZFSG2ESE.js.map +0 -7
  50. package/dist/Polls-QWW5LTTB.js +0 -1584
  51. package/dist/Polls-QWW5LTTB.js.map +0 -7
  52. package/dist/Polls-ULYGUPPF.css +0 -2780
  53. package/dist/Polls-ULYGUPPF.css.map +0 -7
  54. package/dist/RaiseHand-K7NFLH7H.js +0 -10
  55. package/dist/RaiseHand-K7NFLH7H.js.map +0 -7
  56. package/dist/RoleProminence-235AFT7F.js +0 -116
  57. package/dist/RoleProminence-235AFT7F.js.map +0 -7
  58. package/dist/RoleProminence-6XN3POS5.css +0 -2780
  59. package/dist/RoleProminence-6XN3POS5.css.map +0 -7
  60. package/dist/RoomDetailsPane-O5TFMTPI.css +0 -2780
  61. package/dist/RoomDetailsPane-O5TFMTPI.css.map +0 -7
  62. package/dist/RoomDetailsPane-RF3D3TDR.js +0 -53
  63. package/dist/RoomDetailsPane-RF3D3TDR.js.map +0 -7
  64. package/dist/ScreenshareLayout-KNEB3AJJ.css +0 -2780
  65. package/dist/ScreenshareLayout-KNEB3AJJ.css.map +0 -7
  66. package/dist/ScreenshareLayout-PSQMS3NC.js +0 -358
  67. package/dist/ScreenshareLayout-PSQMS3NC.js.map +0 -7
  68. package/dist/SidePaneTabs-I6DECE5R.css +0 -2780
  69. package/dist/SidePaneTabs-I6DECE5R.css.map +0 -7
  70. package/dist/SidePaneTabs-NXHBI2JB.js +0 -1354
  71. package/dist/SidePaneTabs-NXHBI2JB.js.map +0 -7
  72. package/dist/VBPicker-2CQ3IIO7.js +0 -322
  73. package/dist/VBPicker-2CQ3IIO7.js.map +0 -7
  74. package/dist/VBPicker-DCNYGO23.css +0 -2780
  75. package/dist/VBPicker-DCNYGO23.css.map +0 -7
  76. package/dist/WaitingView-NZIUOXBI.js +0 -10
  77. package/dist/WaitingView-NZIUOXBI.js.map +0 -7
  78. package/dist/WhiteboardLayout-4YLFM3EY.js +0 -96
  79. package/dist/WhiteboardLayout-4YLFM3EY.js.map +0 -7
  80. package/dist/WhiteboardLayout-JUOBDFKY.css +0 -2780
  81. package/dist/WhiteboardLayout-JUOBDFKY.css.map +0 -7
  82. package/dist/chunk-3C7IESSI.js +0 -254
  83. package/dist/chunk-3C7IESSI.js.map +0 -7
  84. package/dist/chunk-7FD3VT6Q.js +0 -114
  85. package/dist/chunk-7FD3VT6Q.js.map +0 -7
  86. package/dist/chunk-AHI4HCY3.js +0 -62
  87. package/dist/chunk-AHI4HCY3.js.map +0 -7
  88. package/dist/chunk-BGSYLCVD.js +0 -6337
  89. package/dist/chunk-BGSYLCVD.js.map +0 -7
  90. package/dist/chunk-DANANDDE.js +0 -418
  91. package/dist/chunk-DANANDDE.js.map +0 -7
  92. package/dist/chunk-ETRNLEWQ.js +0 -2658
  93. package/dist/chunk-ETRNLEWQ.js.map +0 -7
  94. package/dist/chunk-EWPHJFZJ.js +0 -487
  95. package/dist/chunk-EWPHJFZJ.js.map +0 -7
  96. package/dist/chunk-F63YJBI4.js +0 -98
  97. package/dist/chunk-F63YJBI4.js.map +0 -7
  98. package/dist/chunk-GLAJUP3O.js +0 -576
  99. package/dist/chunk-GLAJUP3O.js.map +0 -7
  100. package/dist/chunk-GOXRTCTY.js +0 -90
  101. package/dist/chunk-GOXRTCTY.js.map +0 -7
  102. package/dist/chunk-HMCBZI3A.js +0 -59
  103. package/dist/chunk-HMCBZI3A.js.map +0 -7
  104. package/dist/chunk-HVYTC3PX.js +0 -171
  105. package/dist/chunk-HVYTC3PX.js.map +0 -7
  106. package/dist/chunk-LJVP6AWF.js +0 -262
  107. package/dist/chunk-LJVP6AWF.js.map +0 -7
  108. package/dist/chunk-LXJGCRKM.js +0 -30
  109. package/dist/chunk-LXJGCRKM.js.map +0 -7
  110. package/dist/chunk-MG3UGW66.js +0 -16800
  111. package/dist/chunk-MG3UGW66.js.map +0 -7
  112. package/dist/chunk-MUKUP7JU.js +0 -161
  113. package/dist/chunk-MUKUP7JU.js.map +0 -7
  114. package/dist/chunk-OV6MVDCL.js +0 -41
  115. package/dist/chunk-OV6MVDCL.js.map +0 -7
  116. package/dist/chunk-P6NV2XO4.js +0 -178
  117. package/dist/chunk-P6NV2XO4.js.map +0 -7
  118. package/dist/chunk-REL3HBSD.js +0 -71
  119. package/dist/chunk-REL3HBSD.js.map +0 -7
  120. package/dist/chunk-U4SQBXPZ.js +0 -830
  121. package/dist/chunk-U4SQBXPZ.js.map +0 -7
  122. package/dist/chunk-YEL5ZTFU.js +0 -136
  123. package/dist/chunk-YEL5ZTFU.js.map +0 -7
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["<define:process.env>", "../src/Prebuilt/common/constants.ts", "../src/Theme/stitches.config.ts", "../src/Theme/base.config.ts"],
4
- "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"],
5
- "mappings": "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",
6
- "names": ["_a", "_b", "QUESTION_TYPE_TITLE", "theme"]
7
- }
@@ -1,90 +0,0 @@
1
- import {
2
- init_define_process_env,
3
- styled
4
- } from "./chunk-GLAJUP3O.js";
5
-
6
- // src/Layout/Flex.tsx
7
- init_define_process_env();
8
- var gapStyles = (value) => {
9
- return {
10
- "& > * + *": {
11
- marginRight: "0",
12
- marginLeft: `${0.25 * value}rem`
13
- }
14
- };
15
- };
16
- var Flex = styled("div", {
17
- display: "flex",
18
- variants: {
19
- justify: {
20
- start: {
21
- justifyContent: "flex-start"
22
- },
23
- end: {
24
- justifyContent: "flex-end"
25
- },
26
- center: {
27
- justifyContent: "center"
28
- },
29
- between: {
30
- justifyContent: "space-between"
31
- },
32
- around: {
33
- justifyContent: "space-around"
34
- },
35
- evenly: {
36
- justifyContent: "space-evenly"
37
- }
38
- },
39
- align: {
40
- start: {
41
- alignItems: "flex-start"
42
- },
43
- end: {
44
- alignItems: "flex-end"
45
- },
46
- center: {
47
- alignItems: "center"
48
- },
49
- baseline: {
50
- alignItems: "baseline"
51
- },
52
- strech: {
53
- alignItems: "stretch"
54
- }
55
- },
56
- direction: {
57
- row: {
58
- flexDirection: "row"
59
- },
60
- column: {
61
- flexDirection: "column"
62
- },
63
- rowReverse: {
64
- flexDirection: "row-reverse"
65
- },
66
- columnReverse: {
67
- flexDirection: "column-reverse"
68
- }
69
- },
70
- gap: {
71
- 1: gapStyles(1),
72
- 2: gapStyles(2),
73
- 3: gapStyles(3),
74
- 4: gapStyles(4)
75
- }
76
- }
77
- });
78
-
79
- // src/Layout/Box.tsx
80
- init_define_process_env();
81
- var Box = styled("div", {});
82
-
83
- // src/Layout/index.tsx
84
- init_define_process_env();
85
-
86
- export {
87
- Flex,
88
- Box
89
- };
90
- //# sourceMappingURL=chunk-GOXRTCTY.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../src/Layout/Flex.tsx", "../src/Layout/Box.tsx", "../src/Layout/index.tsx"],
4
- "sourcesContent": ["import { styled } from '../Theme';\n\n/**\n * @see https://tailwindcss.com/docs/space\n */\nconst gapStyles = (value: number) => {\n return {\n '& > * + *': {\n marginRight: '0',\n marginLeft: `${0.25 * value}rem`,\n },\n };\n};\n\nexport const Flex = styled('div', {\n display: 'flex',\n variants: {\n justify: {\n start: {\n justifyContent: 'flex-start',\n },\n end: {\n justifyContent: 'flex-end',\n },\n center: {\n justifyContent: 'center',\n },\n between: {\n justifyContent: 'space-between',\n },\n around: {\n justifyContent: 'space-around',\n },\n evenly: {\n justifyContent: 'space-evenly',\n },\n },\n align: {\n start: {\n alignItems: 'flex-start',\n },\n end: {\n alignItems: 'flex-end',\n },\n center: {\n alignItems: 'center',\n },\n baseline: {\n alignItems: 'baseline',\n },\n strech: {\n alignItems: 'stretch',\n },\n },\n direction: {\n row: {\n flexDirection: 'row',\n },\n column: {\n flexDirection: 'column',\n },\n rowReverse: {\n flexDirection: 'row-reverse',\n },\n columnReverse: {\n flexDirection: 'column-reverse',\n },\n },\n gap: {\n 1: gapStyles(1),\n 2: gapStyles(2),\n 3: gapStyles(3),\n 4: gapStyles(4),\n },\n },\n});\n", "import { styled } from '../Theme';\n\nexport const Box = styled('div', {});\n", "export { Flex } from './Flex';\nexport { Box } from './Box';\n"],
5
- "mappings": ";;;;;;AAAA;AAKA,IAAM,YAAY,CAAC,UAAkB;AACnC,SAAO;AAAA,IACL,aAAa;AAAA,MACX,aAAa;AAAA,MACb,YAAY,GAAG,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AACF;AAEO,IAAM,OAAO,OAAO,OAAO;AAAA,EAChC,SAAS;AAAA,EACT,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,QACL,gBAAgB;AAAA,MAClB;AAAA,MACA,KAAK;AAAA,QACH,gBAAgB;AAAA,MAClB;AAAA,MACA,QAAQ;AAAA,QACN,gBAAgB;AAAA,MAClB;AAAA,MACA,SAAS;AAAA,QACP,gBAAgB;AAAA,MAClB;AAAA,MACA,QAAQ;AAAA,QACN,gBAAgB;AAAA,MAClB;AAAA,MACA,QAAQ;AAAA,QACN,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,QACL,YAAY;AAAA,MACd;AAAA,MACA,KAAK;AAAA,QACH,YAAY;AAAA,MACd;AAAA,MACA,QAAQ;AAAA,QACN,YAAY;AAAA,MACd;AAAA,MACA,UAAU;AAAA,QACR,YAAY;AAAA,MACd;AAAA,MACA,QAAQ;AAAA,QACN,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,KAAK;AAAA,QACH,eAAe;AAAA,MACjB;AAAA,MACA,QAAQ;AAAA,QACN,eAAe;AAAA,MACjB;AAAA,MACA,YAAY;AAAA,QACV,eAAe;AAAA,MACjB;AAAA,MACA,eAAe;AAAA,QACb,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,KAAK;AAAA,MACH,GAAG,UAAU,CAAC;AAAA,MACd,GAAG,UAAU,CAAC;AAAA,MACd,GAAG,UAAU,CAAC;AAAA,MACd,GAAG,UAAU,CAAC;AAAA,IAChB;AAAA,EACF;AACF,CAAC;;;AC3ED;AAEO,IAAM,MAAM,OAAO,OAAO,CAAC,CAAC;;;ACFnC;",
6
- "names": []
7
- }
@@ -1,59 +0,0 @@
1
- import {
2
- useVideoTileContext
3
- } from "./chunk-P6NV2XO4.js";
4
- import {
5
- VideoTile_default
6
- } from "./chunk-MG3UGW66.js";
7
- import {
8
- Box
9
- } from "./chunk-GOXRTCTY.js";
10
- import {
11
- __spreadValues,
12
- init_define_process_env
13
- } from "./chunk-GLAJUP3O.js";
14
-
15
- // src/Prebuilt/components/VideoLayouts/Grid.tsx
16
- init_define_process_env();
17
- import React from "react";
18
- var Grid = React.forwardRef(
19
- ({ tiles, edgeToEdge }, ref) => {
20
- const videoTileProps = useVideoTileContext();
21
- return /* @__PURE__ */ React.createElement(
22
- Box,
23
- {
24
- ref,
25
- css: {
26
- flex: "1 1 0",
27
- gap: "$4",
28
- display: "flex",
29
- placeContent: "center",
30
- alignItems: "center",
31
- justifyContent: "center",
32
- flexFlow: "row wrap",
33
- minHeight: 0,
34
- "@md": { gap: edgeToEdge ? 0 : "$4" }
35
- }
36
- },
37
- tiles == null ? void 0 : tiles.map((tile) => {
38
- var _a, _b, _c, _d;
39
- return /* @__PURE__ */ React.createElement(
40
- VideoTile_default,
41
- __spreadValues({
42
- key: ((_a = tile.track) == null ? void 0 : _a.id) || ((_b = tile.peer) == null ? void 0 : _b.id),
43
- width: tile.width,
44
- height: tile.height,
45
- peerId: (_c = tile.peer) == null ? void 0 : _c.id,
46
- trackId: (_d = tile.track) == null ? void 0 : _d.id,
47
- rootCSS: { padding: 0 },
48
- objectFit: "contain"
49
- }, videoTileProps)
50
- );
51
- })
52
- );
53
- }
54
- );
55
-
56
- export {
57
- Grid
58
- };
59
- //# sourceMappingURL=chunk-HMCBZI3A.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../src/Prebuilt/components/VideoLayouts/Grid.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport { TrackWithPeerAndDimensions } from '@100mslive/react-sdk';\nimport { Box } from '../../../Layout';\n// @ts-ignore: No implicit Any\nimport VideoTile from '../VideoTile';\nimport { useVideoTileContext } from '../hooks/useVideoTileLayout';\n\nexport const Grid = React.forwardRef<HTMLDivElement, { tiles: TrackWithPeerAndDimensions[]; edgeToEdge?: boolean }>(\n ({ tiles, edgeToEdge }, ref) => {\n const videoTileProps = useVideoTileContext();\n return (\n <Box\n ref={ref}\n css={{\n flex: '1 1 0',\n gap: '$4',\n display: 'flex',\n placeContent: 'center',\n alignItems: 'center',\n justifyContent: 'center',\n flexFlow: 'row wrap',\n minHeight: 0,\n '@md': { gap: edgeToEdge ? 0 : '$4' },\n }}\n >\n {tiles?.map(tile => {\n return (\n <VideoTile\n key={tile.track?.id || tile.peer?.id}\n width={tile.width}\n height={tile.height}\n peerId={tile.peer?.id}\n trackId={tile.track?.id}\n rootCSS={{ padding: 0 }}\n objectFit=\"contain\"\n {...videoTileProps}\n />\n );\n })}\n </Box>\n );\n },\n);\n"],
5
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA,OAAO,WAAW;AAOX,IAAM,OAAO,MAAM;AAAA,EACxB,CAAC,EAAE,OAAO,WAAW,GAAG,QAAQ;AAC9B,UAAM,iBAAiB,oBAAoB;AAC3C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,KAAK;AAAA,UACH,MAAM;AAAA,UACN,KAAK;AAAA,UACL,SAAS;AAAA,UACT,cAAc;AAAA,UACd,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,UAAU;AAAA,UACV,WAAW;AAAA,UACX,OAAO,EAAE,KAAK,aAAa,IAAI,KAAK;AAAA,QACtC;AAAA;AAAA,MAEC,+BAAO,IAAI,UAAQ;AAzB5B;AA0BU,eACE;AAAA,UAAC;AAAA;AAAA,YACC,OAAK,UAAK,UAAL,mBAAY,SAAM,UAAK,SAAL,mBAAW;AAAA,YAClC,OAAO,KAAK;AAAA,YACZ,QAAQ,KAAK;AAAA,YACb,SAAQ,UAAK,SAAL,mBAAW;AAAA,YACnB,UAAS,UAAK,UAAL,mBAAY;AAAA,YACrB,SAAS,EAAE,SAAS,EAAE;AAAA,YACtB,WAAU;AAAA,aACN;AAAA,QACN;AAAA,MAEJ;AAAA,IACF;AAAA,EAEJ;AACF;",
6
- "names": []
7
- }
@@ -1,171 +0,0 @@
1
- import {
2
- Pagination,
3
- usePagesWithTiles,
4
- useVideoTileContext
5
- } from "./chunk-P6NV2XO4.js";
6
- import {
7
- VideoTile_default
8
- } from "./chunk-MG3UGW66.js";
9
- import {
10
- Box,
11
- Flex
12
- } from "./chunk-GOXRTCTY.js";
13
- import {
14
- APP_DATA,
15
- __spreadProps,
16
- __spreadValues,
17
- config,
18
- init_define_process_env
19
- } from "./chunk-GLAJUP3O.js";
20
-
21
- // src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
22
- init_define_process_env();
23
- import React from "react";
24
- var Root = ({
25
- children,
26
- edgeToEdge,
27
- hasSidebar
28
- }) => {
29
- return /* @__PURE__ */ React.createElement(
30
- Flex,
31
- {
32
- direction: hasSidebar ? "row" : "column",
33
- css: { h: "100%", flex: "1 1 0", minWidth: 0, gap: "$6", "@md": { gap: edgeToEdge ? 0 : "$6" } }
34
- },
35
- children
36
- );
37
- };
38
- var ProminentSection = ({ children, css = {} }) => {
39
- return /* @__PURE__ */ React.createElement(Flex, { direction: "column", css: __spreadValues({ flex: "1 1 0", gap: "$2", minHeight: 0 }, css) }, children);
40
- };
41
- var SecondarySection = ({
42
- tiles,
43
- children,
44
- edgeToEdge,
45
- hasSidebar
46
- }) => {
47
- const tileLayoutProps = useVideoTileContext();
48
- if (!(tiles == null ? void 0 : tiles.length)) {
49
- return null;
50
- }
51
- const gridStyles = hasSidebar ? {
52
- gridTemplateColumns: "1fr",
53
- gridTemplateRows: `repeat(${tiles.length}, minmax(0, 1fr))`,
54
- maxHeight: "100%",
55
- width: 240
56
- } : {
57
- gridTemplateRows: React.Children.count(children) > 0 ? "136px auto" : "154px",
58
- gridTemplateColumns: `repeat(${tiles.length}, minmax(0, 1fr))`
59
- };
60
- return /* @__PURE__ */ React.createElement(
61
- Box,
62
- {
63
- css: __spreadProps(__spreadValues({
64
- display: "grid",
65
- margin: "auto",
66
- gap: hasSidebar ? "$8" : "$2 $4",
67
- placeItems: "center"
68
- }, gridStyles), {
69
- "@md": { gap: edgeToEdge ? 0 : "$4" }
70
- })
71
- },
72
- tiles.map((tile) => {
73
- var _a, _b, _c, _d;
74
- return /* @__PURE__ */ React.createElement(
75
- VideoTile_default,
76
- __spreadValues({
77
- key: ((_a = tile.track) == null ? void 0 : _a.id) || ((_b = tile.peer) == null ? void 0 : _b.id),
78
- peerId: (_c = tile.peer) == null ? void 0 : _c.id,
79
- trackId: (_d = tile.track) == null ? void 0 : _d.id,
80
- rootCSS: __spreadProps(__spreadValues({
81
- padding: 0,
82
- maxWidth: 240,
83
- aspectRatio: "16 / 9"
84
- }, hasSidebar ? { w: "100%" } : { h: "100%" }), {
85
- "@md": { aspectRatio: "1" }
86
- }),
87
- objectFit: "contain"
88
- }, tileLayoutProps)
89
- );
90
- }),
91
- children && /* @__PURE__ */ React.createElement(Box, { css: { gridColumn: hasSidebar ? 1 : `1/span ${tiles.length}` } }, children)
92
- );
93
- };
94
- var ProminenceLayout = {
95
- Root,
96
- ProminentSection,
97
- SecondarySection
98
- };
99
-
100
- // src/Prebuilt/components/SecondaryTiles.tsx
101
- init_define_process_env();
102
- import React2, { useEffect, useRef, useState } from "react";
103
- import { useMedia } from "react-use";
104
- import { selectAppData, selectSessionStore, selectTrackByID, useHMSStore } from "@100mslive/react-sdk";
105
- var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar }) => {
106
- var _a, _b;
107
- const isMobile = useMedia(config.media.md);
108
- const maxTileCount = isMobile ? 2 : 4;
109
- const [page, setPage] = useState(0);
110
- const pinnedTrackId = useHMSStore(selectAppData(APP_DATA.pinnedTrackId));
111
- const spotlightPeerId = useHMSStore(selectSessionStore("spotlight" /* SPOTLIGHT */));
112
- const activeScreensharePeerId = useHMSStore(selectAppData(APP_DATA.activeScreensharePeerId));
113
- const pinnedPeer = (_a = useHMSStore(selectTrackByID(pinnedTrackId))) == null ? void 0 : _a.peerId;
114
- const pageChangedAfterPinning = useRef(false);
115
- const pagesWithTiles = usePagesWithTiles({
116
- peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
117
- if (activeScreensharePeerId === p1.id) {
118
- return -1;
119
- }
120
- if (activeScreensharePeerId === p2.id) {
121
- return 1;
122
- }
123
- const peerIdList = [pinnedPeer, spotlightPeerId];
124
- if (peerIdList.includes(p1.id)) {
125
- return -1;
126
- }
127
- if (peerIdList.includes(p2.id)) {
128
- return 1;
129
- }
130
- return 0;
131
- }) : peers,
132
- maxTileCount
133
- });
134
- const pageSize = ((_b = pagesWithTiles[0]) == null ? void 0 : _b.length) || 0;
135
- useEffect(() => {
136
- var _a2;
137
- if (peers.length > 0 && !((_a2 = pagesWithTiles[page]) == null ? void 0 : _a2.length)) {
138
- setPage(Math.max(0, page - 1));
139
- }
140
- }, [peers, page, pagesWithTiles]);
141
- useEffect(() => {
142
- if (pageSize > 0) {
143
- onPageSize == null ? void 0 : onPageSize(pageSize);
144
- }
145
- }, [pageSize, onPageSize]);
146
- useEffect(() => {
147
- if ((pinnedPeer || spotlightPeerId) && page !== 0 && !pageChangedAfterPinning.current) {
148
- setPage(0);
149
- pageChangedAfterPinning.current = true;
150
- } else if (!pinnedPeer && !spotlightPeerId) {
151
- pageChangedAfterPinning.current = false;
152
- }
153
- }, [pinnedPeer, spotlightPeerId, page]);
154
- return /* @__PURE__ */ React2.createElement(ProminenceLayout.SecondarySection, { tiles: pagesWithTiles[page], edgeToEdge, hasSidebar }, !edgeToEdge && /* @__PURE__ */ React2.createElement(
155
- Pagination,
156
- {
157
- page,
158
- onPageChange: (page2) => {
159
- setPage(page2);
160
- onPageChange == null ? void 0 : onPageChange(page2);
161
- },
162
- numPages: pagesWithTiles.length
163
- }
164
- ));
165
- };
166
-
167
- export {
168
- ProminenceLayout,
169
- SecondaryTiles
170
- };
171
- //# sourceMappingURL=chunk-HVYTC3PX.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx", "../src/Prebuilt/components/SecondaryTiles.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport { TrackWithPeerAndDimensions } from '@100mslive/react-sdk';\nimport { Box, Flex } from '../../../Layout';\nimport { CSS } from '../../../Theme';\n// @ts-ignore: No implicit Any\nimport VideoTile from '../VideoTile';\nimport { useVideoTileContext } from '../hooks/useVideoTileLayout';\n\nconst Root = ({\n children,\n edgeToEdge,\n hasSidebar,\n}: React.PropsWithChildren<{ edgeToEdge?: boolean; hasSidebar?: boolean }>) => {\n return (\n <Flex\n direction={hasSidebar ? 'row' : 'column'}\n css={{ h: '100%', flex: '1 1 0', minWidth: 0, gap: '$6', '@md': { gap: edgeToEdge ? 0 : '$6' } }}\n >\n {children}\n </Flex>\n );\n};\n\nconst ProminentSection = ({ children, css = {} }: React.PropsWithChildren<{ css?: CSS }>) => {\n return (\n <Flex direction=\"column\" css={{ flex: '1 1 0', gap: '$2', minHeight: 0, ...css }}>\n {children}\n </Flex>\n );\n};\n\nconst SecondarySection = ({\n tiles,\n children,\n edgeToEdge,\n hasSidebar,\n}: React.PropsWithChildren<{ tiles: TrackWithPeerAndDimensions[]; edgeToEdge?: boolean; hasSidebar?: boolean }>) => {\n const tileLayoutProps = useVideoTileContext();\n if (!tiles?.length) {\n return null;\n }\n const gridStyles = hasSidebar\n ? {\n gridTemplateColumns: '1fr',\n gridTemplateRows: `repeat(${tiles.length}, minmax(0, 1fr))`,\n maxHeight: '100%',\n width: 240,\n }\n : {\n gridTemplateRows: React.Children.count(children) > 0 ? '136px auto' : '154px',\n gridTemplateColumns: `repeat(${tiles.length}, minmax(0, 1fr))`,\n };\n return (\n <Box\n css={{\n display: 'grid',\n margin: 'auto',\n gap: hasSidebar ? '$8' : '$2 $4',\n placeItems: 'center',\n ...gridStyles,\n '@md': { gap: edgeToEdge ? 0 : '$4' },\n }}\n >\n {tiles.map(tile => {\n return (\n <VideoTile\n key={tile.track?.id || tile.peer?.id}\n peerId={tile.peer?.id}\n trackId={tile.track?.id}\n rootCSS={{\n padding: 0,\n maxWidth: 240,\n aspectRatio: '16 / 9',\n ...(hasSidebar ? { w: '100%' } : { h: '100%' }),\n '@md': { aspectRatio: '1' },\n }}\n objectFit=\"contain\"\n {...tileLayoutProps}\n />\n );\n })}\n {children && <Box css={{ gridColumn: hasSidebar ? 1 : `1/span ${tiles.length}` }}>{children}</Box>}\n </Box>\n );\n};\n\nexport const ProminenceLayout = {\n Root,\n ProminentSection,\n SecondarySection,\n};\n", "import React, { useEffect, useRef, useState } from 'react';\nimport { useMedia } from 'react-use';\nimport { selectAppData, selectSessionStore, selectTrackByID, useHMSStore } from '@100mslive/react-sdk';\nimport { LayoutProps } from './VideoLayouts/interface';\nimport { ProminenceLayout } from './VideoLayouts/ProminenceLayout';\nimport { config as cssConfig } from '../../Theme';\nimport { Pagination } from './Pagination';\nimport { usePagesWithTiles } from './hooks/useTileLayout';\nimport { APP_DATA, SESSION_STORE_KEY } from '../common/constants';\n\nexport const SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar }: LayoutProps) => {\n const isMobile = useMedia(cssConfig.media.md);\n const maxTileCount = isMobile ? 2 : 4;\n const [page, setPage] = useState(0);\n const pinnedTrackId = useHMSStore(selectAppData(APP_DATA.pinnedTrackId));\n const spotlightPeerId = useHMSStore(selectSessionStore(SESSION_STORE_KEY.SPOTLIGHT));\n const activeScreensharePeerId = useHMSStore(selectAppData(APP_DATA.activeScreensharePeerId));\n const pinnedPeer = useHMSStore(selectTrackByID(pinnedTrackId))?.peerId;\n const pageChangedAfterPinning = useRef(false);\n const pagesWithTiles = usePagesWithTiles({\n peers:\n spotlightPeerId || pinnedPeer\n ? [...peers].sort((p1, p2) => {\n if (activeScreensharePeerId === p1.id) {\n return -1;\n }\n if (activeScreensharePeerId === p2.id) {\n return 1;\n }\n const peerIdList = [pinnedPeer, spotlightPeerId];\n // put active screenshare peer, pinned peer, spotlight peer at first\n if (peerIdList.includes(p1.id)) {\n return -1;\n }\n if (peerIdList.includes(p2.id)) {\n return 1;\n }\n return 0;\n })\n : peers,\n maxTileCount,\n });\n const pageSize = pagesWithTiles[0]?.length || 0;\n\n // Handles final peer leaving from the last page\n useEffect(() => {\n if (peers.length > 0 && !pagesWithTiles[page]?.length) {\n setPage(Math.max(0, page - 1));\n }\n }, [peers, page, pagesWithTiles]);\n\n useEffect(() => {\n if (pageSize > 0) {\n onPageSize?.(pageSize);\n }\n }, [pageSize, onPageSize]);\n\n useEffect(() => {\n if ((pinnedPeer || spotlightPeerId) && page !== 0 && !pageChangedAfterPinning.current) {\n setPage(0);\n pageChangedAfterPinning.current = true;\n } else if (!pinnedPeer && !spotlightPeerId) {\n pageChangedAfterPinning.current = false;\n }\n }, [pinnedPeer, spotlightPeerId, page]);\n\n return (\n <ProminenceLayout.SecondarySection tiles={pagesWithTiles[page]} edgeToEdge={edgeToEdge} hasSidebar={hasSidebar}>\n {!edgeToEdge && (\n <Pagination\n page={page}\n onPageChange={page => {\n setPage(page);\n onPageChange?.(page);\n }}\n numPages={pagesWithTiles.length}\n />\n )}\n </ProminenceLayout.SecondarySection>\n );\n};\n"],
5
- "mappings": "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",
6
- "names": ["React", "_a", "React", "page"]
7
- }