@100mslive/roomkit-react 0.3.14 → 0.3.15-alpha.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/Diagnostics/components.d.ts +2 -0
- package/dist/{HLSView-67SFNI2P.js → HLSView-33JUAQ33.js} +2 -2
- package/dist/{HLSView-TYHCIAWX.css → HLSView-KKS3ZEYM.css} +3 -3
- package/dist/{HLSView-TYHCIAWX.css.map → HLSView-KKS3ZEYM.css.map} +1 -1
- package/dist/{chunk-VCXILOW6.js → chunk-MTS2LMGT.js} +2324 -11723
- package/dist/chunk-MTS2LMGT.js.map +7 -0
- package/dist/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +4232 -13646
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +117 -214
- package/dist/meta.esbuild.json +126 -223
- package/package.json +8 -7
- package/src/Diagnostics/AudioTest.tsx +13 -11
- package/src/Diagnostics/BrowserTest.tsx +5 -5
- package/src/Diagnostics/ConnectivityTest.tsx +3 -4
- package/src/Diagnostics/Diagnostics.tsx +34 -18
- package/src/Diagnostics/VideoTest.tsx +7 -7
- package/src/Diagnostics/components.tsx +6 -5
- package/src/Prebuilt/components/Chat/ChatBody.tsx +23 -8
- package/src/Prebuilt/components/Header/AdditionalRoomState.jsx +4 -66
- package/src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx +2 -2
- package/src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx +4 -0
- package/dist/Diagnostics/hms.d.ts +0 -9
- package/dist/Prebuilt/components/HMSVideo/PlayButton.d.ts +0 -6
- package/dist/Prebuilt/components/Polls/common/VoterList.d.ts +0 -4
- package/dist/chunk-VCXILOW6.js.map +0 -7
- package/src/Diagnostics/hms.ts +0 -9
- package/src/Prebuilt/common/roles.js +0 -4
- package/src/Prebuilt/components/AppData/useAppConfig.js +0 -7
- package/src/Prebuilt/components/HMSVideo/PlayButton.tsx +0 -27
- package/src/Prebuilt/components/Header/AmbientMusic.jsx +0 -88
- package/src/Prebuilt/components/Image.jsx +0 -7
- package/src/Prebuilt/components/MetaActions.jsx +0 -37
- package/src/Prebuilt/components/Playlist/Playlist.jsx +0 -124
- package/src/Prebuilt/components/Playlist/PlaylistControls.jsx +0 -172
- package/src/Prebuilt/components/Playlist/PlaylistItem.jsx +0 -51
- package/src/Prebuilt/components/Playlist/VideoPlayer.jsx +0 -95
- package/src/Prebuilt/components/Polls/CreatePollQuiz/Timer.jsx +0 -71
- package/src/Prebuilt/components/Polls/common/VoterList.tsx +0 -22
- package/src/Prebuilt/components/ScreenshareHintModal.jsx +0 -37
- /package/dist/{HLSView-67SFNI2P.js.map → HLSView-33JUAQ33.js.map} +0 -0
@@ -1,71 +0,0 @@
|
|
1
|
-
// @ts-check
|
2
|
-
import React, { useRef, useState } from 'react';
|
3
|
-
import { Dropdown, Flex, Switch, Text } from '../../../../';
|
4
|
-
import { DialogDropdownTrigger } from '../../../primitives/DropdownTrigger';
|
5
|
-
import { useDropdownSelection } from '../../hooks/useDropdownSelection';
|
6
|
-
|
7
|
-
const timerSettings = {
|
8
|
-
10: '10 secs',
|
9
|
-
15: '15 secs',
|
10
|
-
20: '20 secs',
|
11
|
-
25: '25 secs',
|
12
|
-
30: '30 secs',
|
13
|
-
60: '1 min',
|
14
|
-
120: '2 mins',
|
15
|
-
300: '5 mins',
|
16
|
-
};
|
17
|
-
|
18
|
-
export const Timer = ({ timer, setTimer, showTimerDropDown, setShowTimerDropDown }) => {
|
19
|
-
const selectionBg = useDropdownSelection();
|
20
|
-
const [timerDropdownToggle, setTimerDropdownToggle] = useState(false);
|
21
|
-
const timerDropdownRef = useRef();
|
22
|
-
|
23
|
-
return (
|
24
|
-
<Flex justify="between" align="center" css={{ mt: '$10' }}>
|
25
|
-
<Flex align="center">
|
26
|
-
<Switch checked={showTimerDropDown} onCheckedChange={setShowTimerDropDown} css={{ mr: '$6' }} />
|
27
|
-
<Text variant="body2" css={{ c: '$on_surface_medium' }}>
|
28
|
-
Timer
|
29
|
-
</Text>
|
30
|
-
</Flex>
|
31
|
-
<Flex align="center">
|
32
|
-
{showTimerDropDown ? (
|
33
|
-
<Dropdown.Root open={timerDropdownToggle} onOpenChange={setTimerDropdownToggle}>
|
34
|
-
<DialogDropdownTrigger
|
35
|
-
ref={timerDropdownRef}
|
36
|
-
title={timerSettings[timer]}
|
37
|
-
open={timerDropdownToggle}
|
38
|
-
titleCss={{ c: '$on_surface_high', ml: '$md' }}
|
39
|
-
/>
|
40
|
-
<Dropdown.Portal>
|
41
|
-
<Dropdown.Content
|
42
|
-
align="start"
|
43
|
-
sideOffset={8}
|
44
|
-
css={{
|
45
|
-
w: timerDropdownRef.current?.clientWidth,
|
46
|
-
zIndex: 1000,
|
47
|
-
}}
|
48
|
-
>
|
49
|
-
{Object.keys(timerSettings).map(value => {
|
50
|
-
const val = parseInt(value);
|
51
|
-
return (
|
52
|
-
<Dropdown.Item
|
53
|
-
key={value}
|
54
|
-
onSelect={() => setTimer(val)}
|
55
|
-
css={{
|
56
|
-
px: '$9',
|
57
|
-
bg: timer === val ? selectionBg : undefined,
|
58
|
-
}}
|
59
|
-
>
|
60
|
-
{timerSettings[val]}
|
61
|
-
</Dropdown.Item>
|
62
|
-
);
|
63
|
-
})}
|
64
|
-
</Dropdown.Content>
|
65
|
-
</Dropdown.Portal>
|
66
|
-
</Dropdown.Root>
|
67
|
-
) : null}
|
68
|
-
</Flex>
|
69
|
-
</Flex>
|
70
|
-
);
|
71
|
-
};
|
@@ -1,22 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { Avatar, Flex, Text } from '../../../../';
|
3
|
-
|
4
|
-
export const VoterList = ({ voters }: { voters: string[] }) => {
|
5
|
-
return voters.map((voter, index) => (
|
6
|
-
<Flex align="center" key={`${voter}-${index}`} css={{ gap: '$4', py: '$2' }}>
|
7
|
-
<Avatar
|
8
|
-
name={voter}
|
9
|
-
css={{
|
10
|
-
position: 'relative',
|
11
|
-
transform: 'unset',
|
12
|
-
fontSize: '$tiny',
|
13
|
-
size: '$9',
|
14
|
-
p: '$4',
|
15
|
-
}}
|
16
|
-
/>
|
17
|
-
<Text variant="xs" css={{ color: '$on_surface_medium', fontWeight: '$semiBold' }}>
|
18
|
-
{voter}
|
19
|
-
</Text>
|
20
|
-
</Flex>
|
21
|
-
));
|
22
|
-
};
|
@@ -1,37 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { useHMSActions } from '@100mslive/react-sdk';
|
3
|
-
import { Button } from '../../Button';
|
4
|
-
import { Dialog } from '../../Modal';
|
5
|
-
import { DialogContent, DialogRow } from '../primitives/DialogContent';
|
6
|
-
|
7
|
-
export const ScreenShareHintModal = ({ onClose }) => {
|
8
|
-
const hmsActions = useHMSActions();
|
9
|
-
return (
|
10
|
-
<Dialog.Root defaultOpen onOpenChange={value => !value && onClose()}>
|
11
|
-
<DialogContent title="AudioOnly Screenshare">
|
12
|
-
<img
|
13
|
-
src="https://images.app.100ms.live/share-audio.png"
|
14
|
-
alt="AudioOnly Screenshare instructions"
|
15
|
-
width="100%"
|
16
|
-
/>
|
17
|
-
<DialogRow justify="end">
|
18
|
-
<Button
|
19
|
-
variant="primary"
|
20
|
-
onClick={() => {
|
21
|
-
hmsActions
|
22
|
-
.setScreenShareEnabled(true, {
|
23
|
-
audioOnly: true,
|
24
|
-
displaySurface: 'browser',
|
25
|
-
})
|
26
|
-
.catch(console.error);
|
27
|
-
onClose();
|
28
|
-
}}
|
29
|
-
data-testid="audio_screenshare_continue"
|
30
|
-
>
|
31
|
-
Continue
|
32
|
-
</Button>
|
33
|
-
</DialogRow>
|
34
|
-
</DialogContent>
|
35
|
-
</Dialog.Root>
|
36
|
-
);
|
37
|
-
};
|
File without changes
|