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

Sign up to get free protection for your applications and to get access to all the features.
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
- });