@selfcommunity/react-ui 0.8.0-live.53 → 0.8.0-live.55
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.
- package/lib/cjs/components/CreateLiveStreamDialog/LiveStreamSelector/LiveStreamSelector.js +2 -1
- package/lib/cjs/components/LiveStreamRoom/LiveStreamVideoConference/LiveStreamVideoConference.js +1 -1
- package/lib/esm/components/CreateLiveStreamDialog/LiveStreamSelector/LiveStreamSelector.js +2 -1
- package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/LiveStreamVideoConference.js +2 -2
- package/lib/umd/react-ui.js +1 -1
- package/package.json +7 -7
|
@@ -40,7 +40,8 @@ const Root = (0, styles_1.styled)(material_1.Container, {
|
|
|
40
40
|
const OptionCard = (0, styles_1.styled)(material_1.Paper, {
|
|
41
41
|
shouldForwardProp: (prop) => prop !== 'selected'
|
|
42
42
|
})(({ theme, selected }) => ({
|
|
43
|
-
maxWidth:
|
|
43
|
+
maxWidth: 300,
|
|
44
|
+
height: 350,
|
|
44
45
|
padding: theme.spacing(3),
|
|
45
46
|
margin: theme.spacing(0, 3),
|
|
46
47
|
cursor: 'pointer',
|
package/lib/cjs/components/LiveStreamRoom/LiveStreamVideoConference/LiveStreamVideoConference.js
CHANGED
|
@@ -178,6 +178,6 @@ function LiveStreamVideoConference(inProps) {
|
|
|
178
178
|
/**
|
|
179
179
|
* Renders root object
|
|
180
180
|
*/
|
|
181
|
-
return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { children: liveActive && !error ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.
|
|
181
|
+
return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { children: liveActive && !error ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(components_react_1.LiveKitRoom, Object.assign({ connect: Boolean(e2eeSetupComplete && liveActive), token: connectionDetails['participantToken'], serverUrl: connectionDetails['serverUrl'], connectOptions: connectOptions, video: userChoices.videoEnabled, audio: userChoices.audioEnabled, onDisconnected: handleOnLeave, onEncryptionError: handleEncryptionError, onError: handleError }, LiveKitRoomComponentsProps, { children: (0, jsx_runtime_1.jsxs)(components_react_1.LayoutContextProvider, { children: [(0, jsx_runtime_1.jsx)(components_react_1.VideoConference, { chatMessageFormatter: components_react_1.formatChatMessageLinks }), (0, jsx_runtime_1.jsx)(components_react_1.Chat, {}), (0, jsx_runtime_1.jsx)(RecordingIndicator_1.default, {}), (0, jsx_runtime_1.jsx)(components_react_1.ConnectionState, {})] }) })) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: error ? ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.endConferenceWrap }, { children: [startConferenceEndContent, error, endConferenceEndContent] }))) : liveActive === false ? ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.endConferenceWrap }, { children: [startConferenceEndContent, (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h5" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.liveStreamRoom.conference.end", defaultMessage: "ui.liveStreamRoom.conference.end" }) })), (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "contained", color: "secondary", component: react_core_1.Link, to: '/', className: classes.btnBackHome }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.liveStreamRoom.button.backHome", defaultMessage: "ui.liveStreamRoom.button.backHome" }) })), endConferenceEndContent] }))) : ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, {})) })) })));
|
|
182
182
|
}
|
|
183
183
|
exports.default = LiveStreamVideoConference;
|
|
@@ -38,7 +38,8 @@ const Root = styled(Container, {
|
|
|
38
38
|
const OptionCard = styled(Paper, {
|
|
39
39
|
shouldForwardProp: (prop) => prop !== 'selected'
|
|
40
40
|
})(({ theme, selected }) => ({
|
|
41
|
-
maxWidth:
|
|
41
|
+
maxWidth: 300,
|
|
42
|
+
height: 350,
|
|
42
43
|
padding: theme.spacing(3),
|
|
43
44
|
margin: theme.spacing(0, 3),
|
|
44
45
|
cursor: 'pointer',
|
package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/LiveStreamVideoConference.js
CHANGED
|
@@ -6,7 +6,7 @@ import { useThemeProps } from '@mui/system';
|
|
|
6
6
|
import { Link, useSCPreferences, useSCRouting, useSCUser } from '@selfcommunity/react-core';
|
|
7
7
|
import classNames from 'classnames';
|
|
8
8
|
import { PREFIX } from './constants';
|
|
9
|
-
import { Chat, ConnectionState, formatChatMessageLinks, LiveKitRoom, VideoConference } from '@livekit/components-react';
|
|
9
|
+
import { Chat, ConnectionState, formatChatMessageLinks, LayoutContextProvider, LiveKitRoom, VideoConference } from '@livekit/components-react';
|
|
10
10
|
import { useCallback, useMemo, useState } from 'react';
|
|
11
11
|
import RecordingIndicator from './RecordingIndicator';
|
|
12
12
|
import { defaultUserChoices } from '@livekit/components-core';
|
|
@@ -176,5 +176,5 @@ export default function LiveStreamVideoConference(inProps) {
|
|
|
176
176
|
/**
|
|
177
177
|
* Renders root object
|
|
178
178
|
*/
|
|
179
|
-
return (_jsx(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { children: liveActive && !error ? (_jsx(_Fragment, { children:
|
|
179
|
+
return (_jsx(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { children: liveActive && !error ? (_jsx(_Fragment, { children: _jsx(LiveKitRoom, Object.assign({ connect: Boolean(e2eeSetupComplete && liveActive), token: connectionDetails['participantToken'], serverUrl: connectionDetails['serverUrl'], connectOptions: connectOptions, video: userChoices.videoEnabled, audio: userChoices.audioEnabled, onDisconnected: handleOnLeave, onEncryptionError: handleEncryptionError, onError: handleError }, LiveKitRoomComponentsProps, { children: _jsxs(LayoutContextProvider, { children: [_jsx(VideoConference, { chatMessageFormatter: formatChatMessageLinks }), _jsx(Chat, {}), _jsx(RecordingIndicator, {}), _jsx(ConnectionState, {})] }) })) })) : (_jsx(_Fragment, { children: error ? (_jsxs(Box, Object.assign({ className: classes.endConferenceWrap }, { children: [startConferenceEndContent, error, endConferenceEndContent] }))) : liveActive === false ? (_jsxs(Box, Object.assign({ className: classes.endConferenceWrap }, { children: [startConferenceEndContent, _jsx(Typography, Object.assign({ variant: "h5" }, { children: _jsx(FormattedMessage, { id: "ui.liveStreamRoom.conference.end", defaultMessage: "ui.liveStreamRoom.conference.end" }) })), _jsx(Button, Object.assign({ variant: "contained", color: "secondary", component: Link, to: '/', className: classes.btnBackHome }, { children: _jsx(FormattedMessage, { id: "ui.liveStreamRoom.button.backHome", defaultMessage: "ui.liveStreamRoom.button.backHome" }) })), endConferenceEndContent] }))) : (_jsx(CircularProgress, {})) })) })));
|
|
180
180
|
}
|