@100mslive/roomkit-react 0.3.10-alpha.17 → 0.3.10-alpha.18

Sign up to get free protection for your applications and to get access to all the features.
Files changed (46) hide show
  1. package/dist/{HLSView-IQXKFUR7.css → HLSView-LNCDKSKQ.css} +3 -3
  2. package/dist/{HLSView-IQXKFUR7.css.map → HLSView-LNCDKSKQ.css.map} +1 -1
  3. package/dist/{HLSView-A65NALP3.js → HLSView-SJJ2GAYJ.js} +18 -3
  4. package/dist/HLSView-SJJ2GAYJ.js.map +7 -0
  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/Polls/Voting/StandardVoting.d.ts +4 -2
  8. package/dist/Prebuilt/components/Polls/Voting/TimedVoting.d.ts +4 -2
  9. package/dist/Prebuilt/layouts/WaitingView.d.ts +6 -0
  10. package/dist/{chunk-F4QZKZVE.js → chunk-FMGGXDNB.js} +901 -788
  11. package/dist/chunk-FMGGXDNB.js.map +7 -0
  12. package/dist/index.cjs.css +2 -2
  13. package/dist/index.cjs.css.map +1 -1
  14. package/dist/index.cjs.js +1063 -941
  15. package/dist/index.cjs.js.map +4 -4
  16. package/dist/index.css +2 -2
  17. package/dist/index.css.map +1 -1
  18. package/dist/index.js +1 -1
  19. package/dist/meta.cjs.json +138 -108
  20. package/dist/meta.esbuild.json +154 -123
  21. package/package.json +7 -7
  22. package/src/Prebuilt/common/constants.ts +0 -2
  23. package/src/Prebuilt/common/hooks.ts +34 -1
  24. package/src/Prebuilt/common/utils.js +11 -11
  25. package/src/Prebuilt/components/AppData/AppData.tsx +0 -2
  26. package/src/Prebuilt/components/AppData/useUISettings.js +0 -3
  27. package/src/Prebuilt/components/Chat/Chat.tsx +26 -6
  28. package/src/Prebuilt/components/Chat/ChatFooter.tsx +18 -2
  29. package/src/Prebuilt/components/Chat/ChatStates.tsx +1 -1
  30. package/src/Prebuilt/components/Footer/ChatToggle.tsx +5 -1
  31. package/src/Prebuilt/components/Footer/ParticipantList.tsx +4 -2
  32. package/src/Prebuilt/components/Footer/PollsToggle.tsx +1 -1
  33. package/src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx +2 -15
  34. package/src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx +71 -66
  35. package/src/Prebuilt/components/Polls/Voting/QuestionCard.jsx +39 -40
  36. package/src/Prebuilt/components/Polls/Voting/StandardVoting.tsx +12 -6
  37. package/src/Prebuilt/components/Polls/Voting/TimedVoting.tsx +21 -10
  38. package/src/Prebuilt/components/Polls/Voting/Voting.tsx +44 -2
  39. package/src/Prebuilt/components/VideoLayouts/EqualProminence.tsx +13 -17
  40. package/src/Prebuilt/layouts/HLSView.jsx +14 -11
  41. package/src/Prebuilt/layouts/VideoStreamingSection.tsx +44 -9
  42. package/src/Prebuilt/layouts/WaitingView.tsx +52 -0
  43. package/dist/HLSView-A65NALP3.js.map +0 -7
  44. package/dist/chunk-F4QZKZVE.js.map +0 -7
  45. package/src/Prebuilt/layouts/NonPublisherView.jsx +0 -51
  46. 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
- });