@100mslive/roomkit-react 0.3.10-alpha.9 → 0.3.11-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/dist/{HLSView-UIAB54GS.js → HLSView-HJ44JWJK.js} +18 -3
  2. package/dist/HLSView-HJ44JWJK.js.map +7 -0
  3. package/dist/{HLSView-5TZVXD62.css → HLSView-IBWU4R7W.css} +16 -3
  4. package/dist/{HLSView-5TZVXD62.css.map → HLSView-IBWU4R7W.css.map} +3 -3
  5. package/dist/Prebuilt/common/constants.d.ts +0 -2
  6. package/dist/Prebuilt/common/hooks.d.ts +8 -1
  7. package/dist/Prebuilt/components/MoreSettings/CaptionContent.d.ts +5 -0
  8. package/dist/Prebuilt/components/MoreSettings/CaptionModal.d.ts +4 -0
  9. package/dist/Prebuilt/components/Polls/Voting/StandardVoting.d.ts +4 -2
  10. package/dist/Prebuilt/components/Polls/Voting/TimedVoting.d.ts +4 -2
  11. package/dist/Prebuilt/layouts/WaitingView.d.ts +6 -0
  12. package/dist/{chunk-GQGXO6NF.js → chunk-WDZ4KRYM.js} +2148 -1858
  13. package/dist/chunk-WDZ4KRYM.js.map +7 -0
  14. package/dist/index.cjs.css +15 -2
  15. package/dist/index.cjs.css.map +3 -3
  16. package/dist/index.cjs.js +2790 -2484
  17. package/dist/index.cjs.js.map +4 -4
  18. package/dist/index.css +15 -2
  19. package/dist/index.css.map +3 -3
  20. package/dist/index.js +1 -1
  21. package/dist/meta.cjs.json +296 -118
  22. package/dist/meta.esbuild.json +318 -139
  23. package/package.json +7 -7
  24. package/src/Prebuilt/common/constants.ts +0 -2
  25. package/src/Prebuilt/common/hooks.ts +34 -1
  26. package/src/Prebuilt/common/utils.js +11 -11
  27. package/src/Prebuilt/components/AppData/AppData.tsx +2 -4
  28. package/src/Prebuilt/components/AppData/useUISettings.js +0 -3
  29. package/src/Prebuilt/components/Chat/Chat.tsx +26 -6
  30. package/src/Prebuilt/components/Chat/ChatFooter.tsx +18 -2
  31. package/src/Prebuilt/components/Chat/ChatStates.tsx +1 -1
  32. package/src/Prebuilt/components/Footer/ChatToggle.tsx +5 -1
  33. package/src/Prebuilt/components/Footer/ParticipantList.tsx +4 -2
  34. package/src/Prebuilt/components/Footer/PollsToggle.tsx +1 -1
  35. package/src/Prebuilt/components/MoreSettings/CaptionContent.tsx +132 -0
  36. package/src/Prebuilt/components/MoreSettings/CaptionModal.tsx +37 -0
  37. package/src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx +40 -3
  38. package/src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx +19 -19
  39. package/src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx +2 -15
  40. package/src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx +71 -66
  41. package/src/Prebuilt/components/Polls/Voting/QuestionCard.jsx +39 -40
  42. package/src/Prebuilt/components/Polls/Voting/StandardVoting.tsx +12 -6
  43. package/src/Prebuilt/components/Polls/Voting/TimedVoting.tsx +21 -10
  44. package/src/Prebuilt/components/Polls/Voting/Voting.tsx +44 -2
  45. package/src/Prebuilt/components/VideoLayouts/EqualProminence.tsx +13 -17
  46. package/src/Prebuilt/components/VideoLayouts/GridLayout.tsx +17 -0
  47. package/src/Prebuilt/layouts/HLSView.jsx +14 -11
  48. package/src/Prebuilt/layouts/VideoStreamingSection.tsx +43 -9
  49. package/src/Prebuilt/layouts/WaitingView.tsx +52 -0
  50. package/dist/HLSView-UIAB54GS.js.map +0 -7
  51. package/dist/chunk-GQGXO6NF.js.map +0 -7
  52. package/src/Prebuilt/layouts/NonPublisherView.jsx +0 -51
  53. package/src/Prebuilt/layouts/WaitingView.jsx +0 -51
package/src/Prebuilt/layouts/NonPublisherView.jsx DELETED
@@ -1,51 +0,0 @@
1
- import React from 'react';
2
- import { ShieldAlertIcon } from '@100mslive/react-icons';
3
- import { Box, Flex } from '../../Layout';
4
- import { Text } from '../../Text';
5
-
6
- export const NonPublisherView = React.memo(({ message }) => {
7
- return (
8
- <Box
9
- css={{
10
- overflow: 'hidden',
11
- w: '96%',
12
- maxWidth: '96%',
13
- h: '100%',
14
- m: 'auto',
15
- background: '$surface_default',
16
- borderRadius: '$3',
17
- }}
18
- data-testid="non_publisher_view"
19
- >
20
- <Flex
21
- align="center"
22
- direction="column"
23
- css={{
24
- w: '$96',
25
- textAlign: 'center',
26
- margin: 'auto',
27
- h: '100%',
28
- justifyContent: 'center',
29
- gap: '$8',
30
- }}
31
- >
32
- <ShieldAlertIcon color="#C3D0E5" width="80px" height="80px" />
33
- <Flex
34
- direction="column"
35
- css={{
36
- w: '$80',
37
- p: '$1',
38
- gap: '$4',
39
- }}
40
- >
41
- <Text color="white" variant="h6" css={{ '@md': { fontSize: '$md' } }}>
42
- {message}
43
- </Text>
44
- <Text color="$on_surface_medium" css={{ mt: '$4', '@md': { fontSize: '$sm' } }}>
45
- Please go to dashboard and reconfigure role settings or contact the role admin.
46
- </Text>
47
- </Flex>
48
- </Flex>
49
- </Box>
50
- );
51
- });
package/src/Prebuilt/layouts/WaitingView.jsx DELETED
@@ -1,51 +0,0 @@
1
- import React from 'react';
2
- import { ColoredTimeIcon } from '@100mslive/react-icons';
3
- import { Box, Flex } from '../../Layout';
4
- import { Text } from '../../Text';
5
-
6
- export const WaitingView = React.memo(() => {
7
- return (
8
- <Box
9
- css={{
10
- overflow: 'hidden',
11
- w: '96%',
12
- maxWidth: '96%',
13
- h: '100%',
14
- m: 'auto',
15
- background: '$surface_default',
16
- borderRadius: '$3',
17
- }}
18
- data-testid="waiting_view"
19
- >
20
- <Flex
21
- align="center"
22
- direction="column"
23
- css={{
24
- w: '$96',
25
- textAlign: 'center',
26
- margin: 'auto',
27
- h: '100%',
28
- justifyContent: 'center',
29
- gap: '$8',
30
- }}
31
- >
32
- <ColoredTimeIcon width="80px" height="80px" />
33
- <Flex
34
- direction="column"
35
- css={{
36
- w: '$80',
37
- p: '$1',
38
- gap: '$4',
39
- }}
40
- >
41
- <Text color="white" variant="h6" css={{ '@md': { fontSize: '$md' } }}>
42
- Please wait
43
- </Text>
44
- <Text color="$on_surface_medium" css={{ mt: '$4', '@md': { fontSize: '$sm' } }}>
45
- Sit back and relax till others let you join.
46
- </Text>
47
- </Flex>
48
- </Flex>
49
- </Box>
50
- );
51
- });