@stream-io/video-react-native-sdk 0.6.2 → 0.6.3
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/CHANGELOG.md +7 -0
- package/dist/commonjs/components/Call/CallContent/CallContent.js +3 -0
- package/dist/commonjs/components/Call/CallContent/CallContent.js.map +1 -1
- package/dist/commonjs/components/Call/CallControls/{ScreenShareButton.js → ScreenShareToggleButton.js} +44 -43
- package/dist/commonjs/components/Call/CallControls/ScreenShareToggleButton.js.map +1 -0
- package/dist/commonjs/components/Call/CallControls/index.js +4 -4
- package/dist/commonjs/components/Call/CallControls/index.js.map +1 -1
- package/dist/commonjs/components/Call/CallLayout/CallParticipantsSpotlight.js +3 -2
- package/dist/commonjs/components/Call/CallLayout/CallParticipantsSpotlight.js.map +1 -1
- package/dist/commonjs/components/Livestream/HostLivestream/HostLivestream.js +59 -6
- package/dist/commonjs/components/Livestream/HostLivestream/HostLivestream.js.map +1 -1
- package/dist/commonjs/components/Livestream/LivestreamControls/HostLivestreamControls.js +7 -3
- package/dist/commonjs/components/Livestream/LivestreamControls/HostLivestreamControls.js.map +1 -1
- package/dist/commonjs/components/Livestream/LivestreamControls/HostStartStreamButton.js +13 -9
- package/dist/commonjs/components/Livestream/LivestreamControls/HostStartStreamButton.js.map +1 -1
- package/dist/commonjs/components/Livestream/LivestreamControls/LivestreamScreenShareToggleButton.js +126 -0
- package/dist/commonjs/components/Livestream/LivestreamControls/LivestreamScreenShareToggleButton.js.map +1 -0
- package/dist/commonjs/components/Livestream/LivestreamControls/ViewerLivestreamControls.js +4 -2
- package/dist/commonjs/components/Livestream/LivestreamControls/ViewerLivestreamControls.js.map +1 -1
- package/dist/commonjs/components/Livestream/LivestreamControls/index.js +44 -11
- package/dist/commonjs/components/Livestream/LivestreamControls/index.js.map +1 -1
- package/dist/commonjs/components/Livestream/LivestreamLayout/LivestreamLayout.js +45 -6
- package/dist/commonjs/components/Livestream/LivestreamLayout/LivestreamLayout.js.map +1 -1
- package/dist/commonjs/components/Livestream/LivestreamTopView/HostLivestreamTopView.js +4 -2
- package/dist/commonjs/components/Livestream/LivestreamTopView/HostLivestreamTopView.js.map +1 -1
- package/dist/commonjs/components/Livestream/LivestreamTopView/ViewerLivestreamTopView.js +4 -2
- package/dist/commonjs/components/Livestream/LivestreamTopView/ViewerLivestreamTopView.js.map +1 -1
- package/dist/commonjs/components/Livestream/LivestreamTopView/index.js +11 -0
- package/dist/commonjs/components/Livestream/LivestreamTopView/index.js.map +1 -1
- package/dist/commonjs/components/Livestream/ViewerLivestream/ViewerLivestream.js +24 -23
- package/dist/commonjs/components/Livestream/ViewerLivestream/ViewerLivestream.js.map +1 -1
- package/dist/commonjs/components/Participant/FloatingParticipantView/index.js +4 -3
- package/dist/commonjs/components/Participant/FloatingParticipantView/index.js.map +1 -1
- package/dist/commonjs/components/Participant/ParticipantView/VideoRenderer.js +33 -9
- package/dist/commonjs/components/Participant/ParticipantView/VideoRenderer.js.map +1 -1
- package/dist/commonjs/components/utility/ScreenShareOverlay.js +92 -0
- package/dist/commonjs/components/utility/ScreenShareOverlay.js.map +1 -0
- package/dist/commonjs/components/utility/index.js +11 -0
- package/dist/commonjs/components/utility/index.js.map +1 -1
- package/dist/commonjs/hooks/push/useIosVoipPushEventsSetupEffect.js +5 -3
- package/dist/commonjs/hooks/push/useIosVoipPushEventsSetupEffect.js.map +1 -1
- package/dist/commonjs/icons/StopScreenShare.js +26 -0
- package/dist/commonjs/icons/StopScreenShare.js.map +1 -0
- package/dist/commonjs/icons/index.js +11 -0
- package/dist/commonjs/icons/index.js.map +1 -1
- package/dist/commonjs/theme/theme.js +13 -4
- package/dist/commonjs/theme/theme.js.map +1 -1
- package/dist/commonjs/translations/en.json +2 -0
- package/dist/commonjs/utils/StreamVideoRN/index.js +2 -1
- package/dist/commonjs/utils/StreamVideoRN/index.js.map +1 -1
- package/dist/commonjs/utils/internal/pushLogoutCallback.js.map +1 -1
- package/dist/commonjs/utils/push/android.js +6 -4
- package/dist/commonjs/utils/push/android.js.map +1 -1
- package/dist/commonjs/utils/push/ios.js +6 -4
- package/dist/commonjs/utils/push/ios.js.map +1 -1
- package/dist/commonjs/version.js +1 -1
- package/dist/module/components/Call/CallContent/CallContent.js +3 -0
- package/dist/module/components/Call/CallContent/CallContent.js.map +1 -1
- package/dist/module/components/Call/CallControls/{ScreenShareButton.js → ScreenShareToggleButton.js} +41 -40
- package/dist/module/components/Call/CallControls/ScreenShareToggleButton.js.map +1 -0
- package/dist/module/components/Call/CallControls/index.js +1 -1
- package/dist/module/components/Call/CallControls/index.js.map +1 -1
- package/dist/module/components/Call/CallLayout/CallParticipantsSpotlight.js +3 -2
- package/dist/module/components/Call/CallLayout/CallParticipantsSpotlight.js.map +1 -1
- package/dist/module/components/Livestream/HostLivestream/HostLivestream.js +60 -7
- package/dist/module/components/Livestream/HostLivestream/HostLivestream.js.map +1 -1
- package/dist/module/components/Livestream/LivestreamControls/HostLivestreamControls.js +7 -3
- package/dist/module/components/Livestream/LivestreamControls/HostLivestreamControls.js.map +1 -1
- package/dist/module/components/Livestream/LivestreamControls/HostStartStreamButton.js +13 -9
- package/dist/module/components/Livestream/LivestreamControls/HostStartStreamButton.js.map +1 -1
- package/dist/module/components/Livestream/LivestreamControls/LivestreamScreenShareToggleButton.js +117 -0
- package/dist/module/components/Livestream/LivestreamControls/LivestreamScreenShareToggleButton.js.map +1 -0
- package/dist/module/components/Livestream/LivestreamControls/ViewerLivestreamControls.js +4 -2
- package/dist/module/components/Livestream/LivestreamControls/ViewerLivestreamControls.js.map +1 -1
- package/dist/module/components/Livestream/LivestreamControls/index.js +4 -1
- package/dist/module/components/Livestream/LivestreamControls/index.js.map +1 -1
- package/dist/module/components/Livestream/LivestreamLayout/LivestreamLayout.js +43 -5
- package/dist/module/components/Livestream/LivestreamLayout/LivestreamLayout.js.map +1 -1
- package/dist/module/components/Livestream/LivestreamTopView/HostLivestreamTopView.js +4 -2
- package/dist/module/components/Livestream/LivestreamTopView/HostLivestreamTopView.js.map +1 -1
- package/dist/module/components/Livestream/LivestreamTopView/ViewerLivestreamTopView.js +4 -2
- package/dist/module/components/Livestream/LivestreamTopView/ViewerLivestreamTopView.js.map +1 -1
- package/dist/module/components/Livestream/LivestreamTopView/index.js +1 -0
- package/dist/module/components/Livestream/LivestreamTopView/index.js.map +1 -1
- package/dist/module/components/Livestream/ViewerLivestream/ViewerLivestream.js +24 -24
- package/dist/module/components/Livestream/ViewerLivestream/ViewerLivestream.js.map +1 -1
- package/dist/module/components/Participant/FloatingParticipantView/index.js +4 -3
- package/dist/module/components/Participant/FloatingParticipantView/index.js.map +1 -1
- package/dist/module/components/Participant/ParticipantView/VideoRenderer.js +33 -9
- package/dist/module/components/Participant/ParticipantView/VideoRenderer.js.map +1 -1
- package/dist/module/components/utility/ScreenShareOverlay.js +85 -0
- package/dist/module/components/utility/ScreenShareOverlay.js.map +1 -0
- package/dist/module/components/utility/index.js +1 -0
- package/dist/module/components/utility/index.js.map +1 -1
- package/dist/module/hooks/push/useIosVoipPushEventsSetupEffect.js +5 -3
- package/dist/module/hooks/push/useIosVoipPushEventsSetupEffect.js.map +1 -1
- package/dist/module/icons/StopScreenShare.js +16 -0
- package/dist/module/icons/StopScreenShare.js.map +1 -0
- package/dist/module/icons/index.js +1 -0
- package/dist/module/icons/index.js.map +1 -1
- package/dist/module/theme/theme.js +13 -4
- package/dist/module/theme/theme.js.map +1 -1
- package/dist/module/translations/en.json +2 -0
- package/dist/module/utils/StreamVideoRN/index.js +2 -1
- package/dist/module/utils/StreamVideoRN/index.js.map +1 -1
- package/dist/module/utils/internal/pushLogoutCallback.js.map +1 -1
- package/dist/module/utils/push/android.js +6 -4
- package/dist/module/utils/push/android.js.map +1 -1
- package/dist/module/utils/push/ios.js +6 -4
- package/dist/module/utils/push/ios.js.map +1 -1
- package/dist/module/version.js +1 -1
- package/dist/typescript/components/Call/CallContent/CallContent.d.ts +6 -1
- package/dist/typescript/components/Call/CallContent/CallContent.d.ts.map +1 -1
- package/dist/typescript/components/Call/CallControls/{ScreenShareButton.d.ts → ScreenShareToggleButton.d.ts} +3 -3
- package/dist/typescript/components/Call/CallControls/ScreenShareToggleButton.d.ts.map +1 -0
- package/dist/typescript/components/Call/CallControls/index.d.ts +1 -1
- package/dist/typescript/components/Call/CallControls/index.d.ts.map +1 -1
- package/dist/typescript/components/Call/CallLayout/CallParticipantsSpotlight.d.ts +2 -2
- package/dist/typescript/components/Call/CallLayout/CallParticipantsSpotlight.d.ts.map +1 -1
- package/dist/typescript/components/Livestream/HostLivestream/HostLivestream.d.ts +16 -1
- package/dist/typescript/components/Livestream/HostLivestream/HostLivestream.d.ts.map +1 -1
- package/dist/typescript/components/Livestream/LivestreamControls/HostLivestreamControls.d.ts +7 -1
- package/dist/typescript/components/Livestream/LivestreamControls/HostLivestreamControls.d.ts.map +1 -1
- package/dist/typescript/components/Livestream/LivestreamControls/HostStartStreamButton.d.ts +7 -3
- package/dist/typescript/components/Livestream/LivestreamControls/HostStartStreamButton.d.ts.map +1 -1
- package/dist/typescript/components/Livestream/LivestreamControls/LivestreamScreenShareToggleButton.d.ts +7 -0
- package/dist/typescript/components/Livestream/LivestreamControls/LivestreamScreenShareToggleButton.d.ts.map +1 -0
- package/dist/typescript/components/Livestream/LivestreamControls/ViewerLivestreamControls.d.ts +3 -1
- package/dist/typescript/components/Livestream/LivestreamControls/ViewerLivestreamControls.d.ts.map +1 -1
- package/dist/typescript/components/Livestream/LivestreamControls/index.d.ts +4 -1
- package/dist/typescript/components/Livestream/LivestreamControls/index.d.ts.map +1 -1
- package/dist/typescript/components/Livestream/LivestreamLayout/LivestreamLayout.d.ts +6 -1
- package/dist/typescript/components/Livestream/LivestreamLayout/LivestreamLayout.d.ts.map +1 -1
- package/dist/typescript/components/Livestream/LivestreamTopView/HostLivestreamTopView.d.ts +3 -1
- package/dist/typescript/components/Livestream/LivestreamTopView/HostLivestreamTopView.d.ts.map +1 -1
- package/dist/typescript/components/Livestream/LivestreamTopView/ViewerLivestreamTopView.d.ts +3 -1
- package/dist/typescript/components/Livestream/LivestreamTopView/ViewerLivestreamTopView.d.ts.map +1 -1
- package/dist/typescript/components/Livestream/LivestreamTopView/index.d.ts +1 -0
- package/dist/typescript/components/Livestream/LivestreamTopView/index.d.ts.map +1 -1
- package/dist/typescript/components/Livestream/ViewerLivestream/ViewerLivestream.d.ts.map +1 -1
- package/dist/typescript/components/Participant/FloatingParticipantView/index.d.ts +8 -3
- package/dist/typescript/components/Participant/FloatingParticipantView/index.d.ts.map +1 -1
- package/dist/typescript/components/Participant/ParticipantView/VideoRenderer.d.ts.map +1 -1
- package/dist/typescript/components/utility/ScreenShareOverlay.d.ts +10 -0
- package/dist/typescript/components/utility/ScreenShareOverlay.d.ts.map +1 -0
- package/dist/typescript/components/utility/index.d.ts +1 -0
- package/dist/typescript/components/utility/index.d.ts.map +1 -1
- package/dist/typescript/hooks/push/useIosVoipPushEventsSetupEffect.d.ts.map +1 -1
- package/dist/typescript/icons/StopScreenShare.d.ts +8 -0
- package/dist/typescript/icons/StopScreenShare.d.ts.map +1 -0
- package/dist/typescript/icons/index.d.ts +1 -0
- package/dist/typescript/icons/index.d.ts.map +1 -1
- package/dist/typescript/theme/theme.d.ts +12 -3
- package/dist/typescript/theme/theme.d.ts.map +1 -1
- package/dist/typescript/translations/index.d.ts +2 -0
- package/dist/typescript/translations/index.d.ts.map +1 -1
- package/dist/typescript/utils/StreamVideoRN/index.d.ts +1 -1
- package/dist/typescript/utils/StreamVideoRN/index.d.ts.map +1 -1
- package/dist/typescript/utils/internal/pushLogoutCallback.d.ts +2 -2
- package/dist/typescript/utils/internal/pushLogoutCallback.d.ts.map +1 -1
- package/dist/typescript/utils/push/android.d.ts.map +1 -1
- package/dist/typescript/utils/push/ios.d.ts.map +1 -1
- package/dist/typescript/version.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/Call/CallContent/CallContent.tsx +10 -0
- package/src/components/Call/CallControls/{ScreenShareButton.tsx → ScreenShareToggleButton.tsx} +59 -41
- package/src/components/Call/CallControls/index.tsx +1 -1
- package/src/components/Call/CallLayout/CallParticipantsSpotlight.tsx +32 -24
- package/src/components/Livestream/HostLivestream/HostLivestream.tsx +92 -6
- package/src/components/Livestream/LivestreamControls/HostLivestreamControls.tsx +10 -1
- package/src/components/Livestream/LivestreamControls/HostStartStreamButton.tsx +18 -10
- package/src/components/Livestream/LivestreamControls/LivestreamScreenShareToggleButton.tsx +161 -0
- package/src/components/Livestream/LivestreamControls/ViewerLivestreamControls.tsx +4 -1
- package/src/components/Livestream/LivestreamControls/index.ts +4 -1
- package/src/components/Livestream/LivestreamLayout/LivestreamLayout.tsx +66 -6
- package/src/components/Livestream/LivestreamTopView/HostLivestreamTopView.tsx +4 -1
- package/src/components/Livestream/LivestreamTopView/ViewerLivestreamTopView.tsx +4 -1
- package/src/components/Livestream/LivestreamTopView/index.ts +1 -0
- package/src/components/Livestream/ViewerLivestream/ViewerLivestream.tsx +39 -38
- package/src/components/Participant/FloatingParticipantView/index.tsx +15 -5
- package/src/components/Participant/ParticipantView/VideoRenderer.tsx +54 -8
- package/src/components/utility/ScreenShareOverlay.tsx +106 -0
- package/src/components/utility/index.ts +1 -0
- package/src/hooks/push/useIosVoipPushEventsSetupEffect.ts +5 -3
- package/src/icons/StopScreenShare.tsx +22 -0
- package/src/icons/index.tsx +1 -0
- package/src/theme/theme.ts +24 -6
- package/src/translations/en.json +2 -0
- package/src/utils/StreamVideoRN/index.ts +4 -1
- package/src/utils/internal/pushLogoutCallback.ts +2 -2
- package/src/utils/push/android.ts +6 -4
- package/src/utils/push/ios.ts +6 -4
- package/src/version.ts +1 -1
- package/dist/commonjs/components/Call/CallControls/ScreenShareButton.js.map +0 -1
- package/dist/module/components/Call/CallControls/ScreenShareButton.js.map +0 -1
- package/dist/typescript/components/Call/CallControls/ScreenShareButton.d.ts.map +0 -1
|
@@ -9,6 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _reactNative = require("react-native");
|
|
10
10
|
var _contexts = require("../../../contexts");
|
|
11
11
|
var _icons = require("../../../icons");
|
|
12
|
+
var _videoClient = require("@stream-io/video-client");
|
|
12
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
15
|
/**
|
|
@@ -21,7 +22,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
21
22
|
const HostStartStreamButton = ({
|
|
22
23
|
onEndStreamHandler,
|
|
23
24
|
onStartStreamHandler,
|
|
24
|
-
hls
|
|
25
|
+
hls,
|
|
26
|
+
stopPublishedStreamsOnEndStream
|
|
25
27
|
}) => {
|
|
26
28
|
const [isAwaitingResponse, setIsAwaitingResponse] = (0, _react.useState)(false);
|
|
27
29
|
const {
|
|
@@ -46,10 +48,6 @@ const HostStartStreamButton = ({
|
|
|
46
48
|
} = (0, _videoReactBindings.useI18n)();
|
|
47
49
|
const liveOrBroadcasting = isCallLive || isCallBroadcasting;
|
|
48
50
|
const onStartStreamButtonPress = async () => {
|
|
49
|
-
if (onStartStreamHandler) {
|
|
50
|
-
onStartStreamHandler();
|
|
51
|
-
return;
|
|
52
|
-
}
|
|
53
51
|
try {
|
|
54
52
|
setIsAwaitingResponse(true);
|
|
55
53
|
await (call === null || call === void 0 ? void 0 : call.goLive());
|
|
@@ -57,23 +55,29 @@ const HostStartStreamButton = ({
|
|
|
57
55
|
await (call === null || call === void 0 ? void 0 : call.startHLS());
|
|
58
56
|
}
|
|
59
57
|
setIsAwaitingResponse(false);
|
|
58
|
+
if (onStartStreamHandler) {
|
|
59
|
+
onStartStreamHandler();
|
|
60
|
+
}
|
|
60
61
|
} catch (error) {
|
|
61
62
|
console.error('Error starting livestream', error);
|
|
62
63
|
}
|
|
63
64
|
};
|
|
64
65
|
const onEndStreamButtonPress = async () => {
|
|
65
|
-
if (onEndStreamHandler) {
|
|
66
|
-
onEndStreamHandler();
|
|
67
|
-
return;
|
|
68
|
-
}
|
|
69
66
|
try {
|
|
70
67
|
setIsAwaitingResponse(true);
|
|
68
|
+
if (stopPublishedStreamsOnEndStream) {
|
|
69
|
+
await (call === null || call === void 0 ? void 0 : call.stopPublish(_videoClient.SfuModels.TrackType.VIDEO));
|
|
70
|
+
await (call === null || call === void 0 ? void 0 : call.stopPublish(_videoClient.SfuModels.TrackType.SCREEN_SHARE));
|
|
71
|
+
}
|
|
71
72
|
if (hls) {
|
|
72
73
|
await (call === null || call === void 0 ? void 0 : call.stopHLS());
|
|
73
74
|
} else {
|
|
74
75
|
await (call === null || call === void 0 ? void 0 : call.stopLive());
|
|
75
76
|
}
|
|
76
77
|
setIsAwaitingResponse(false);
|
|
78
|
+
if (onEndStreamHandler) {
|
|
79
|
+
onEndStreamHandler();
|
|
80
|
+
}
|
|
77
81
|
} catch (error) {
|
|
78
82
|
console.error('Error stopping livestream', error);
|
|
79
83
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireWildcard","_reactNative","_contexts","_icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HostStartStreamButton","onEndStreamHandler","onStartStreamHandler","hls","isAwaitingResponse","setIsAwaitingResponse","useState","useIsCallLive","useIsCallHLSBroadcastingInProgress","useCallStateHooks","theme","colors","variants","iconSizes","typefaces","hostStartStreamButton","useTheme","useCall","isCallLive","isCallBroadcasting","t","useI18n","liveOrBroadcasting","onStartStreamButtonPress","goLive","startHLS","error","console","onEndStreamButtonPress","stopHLS","stopLive","createElement","Pressable","disabled","style","styles","container","backgroundColor","dark_gray","primary","onPress","View","icon","height","xs","width","ActivityIndicator","EndBroadcastIcon","StartStreamIcon","Text","text","subtitleBold","color","static_white","exports","StyleSheet","create","flexDirection","alignItems","padding","borderRadius","marginLeft","includeFontPadding"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/HostStartStreamButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAOA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;
|
|
1
|
+
{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireWildcard","_reactNative","_contexts","_icons","_videoClient","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HostStartStreamButton","onEndStreamHandler","onStartStreamHandler","hls","stopPublishedStreamsOnEndStream","isAwaitingResponse","setIsAwaitingResponse","useState","useIsCallLive","useIsCallHLSBroadcastingInProgress","useCallStateHooks","theme","colors","variants","iconSizes","typefaces","hostStartStreamButton","useTheme","useCall","isCallLive","isCallBroadcasting","t","useI18n","liveOrBroadcasting","onStartStreamButtonPress","goLive","startHLS","error","console","onEndStreamButtonPress","stopPublish","SfuModels","TrackType","VIDEO","SCREEN_SHARE","stopHLS","stopLive","createElement","Pressable","disabled","style","styles","container","backgroundColor","dark_gray","primary","onPress","View","icon","height","xs","width","ActivityIndicator","EndBroadcastIcon","StartStreamIcon","Text","text","subtitleBold","color","static_white","exports","StyleSheet","create","flexDirection","alignItems","padding","borderRadius","marginLeft","includeFontPadding"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/HostStartStreamButton.tsx"],"mappings":"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"}
|
package/dist/commonjs/components/Livestream/LivestreamControls/LivestreamScreenShareToggleButton.js
ADDED
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.LivestreamScreenShareToggleButton = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _ThemeContext = require("../../../contexts/ThemeContext");
|
|
9
|
+
var _reactNative = require("react-native");
|
|
10
|
+
var _ScreenShare = require("../../../icons/ScreenShare");
|
|
11
|
+
var _StopScreenShare = require("../../../icons/StopScreenShare");
|
|
12
|
+
var _reactNativeWebrtc = require("@stream-io/react-native-webrtc");
|
|
13
|
+
var _videoClient = require("@stream-io/video-client");
|
|
14
|
+
var _videoReactBindings = require("@stream-io/video-react-bindings");
|
|
15
|
+
var _useIsIosScreenshareBroadcastStarted = require("../../../hooks/useIsIosScreenshareBroadcastStarted");
|
|
16
|
+
var _usePrevious = require("../../../utils/hooks/usePrevious");
|
|
17
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
18
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
|
+
// ios >= 14.0 or android - platform restrictions
|
|
20
|
+
const CanDeviceScreenShare = _reactNative.Platform.OS === 'ios' &&
|
|
21
|
+
// @ts-ignore
|
|
22
|
+
Number.parseInt(_reactNative.Platform.Version.split('.')[0], 10) >= 14 || _reactNative.Platform.OS === 'android';
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* The LivestreamVideoControlButton controls the screenshare stream publish/unpublish while in the livestream for the host.
|
|
26
|
+
*/
|
|
27
|
+
const LivestreamScreenShareToggleButton = () => {
|
|
28
|
+
const {
|
|
29
|
+
theme: {
|
|
30
|
+
colors,
|
|
31
|
+
variants: {
|
|
32
|
+
iconSizes,
|
|
33
|
+
buttonSizes
|
|
34
|
+
},
|
|
35
|
+
livestreamScreenShareToggleButton
|
|
36
|
+
}
|
|
37
|
+
} = (0, _ThemeContext.useTheme)();
|
|
38
|
+
const call = (0, _videoReactBindings.useCall)();
|
|
39
|
+
const {
|
|
40
|
+
useLocalParticipant,
|
|
41
|
+
useCallSettings
|
|
42
|
+
} = (0, _videoReactBindings.useCallStateHooks)();
|
|
43
|
+
const callSettings = useCallSettings();
|
|
44
|
+
const isScreenSharingEnabledInCall = callSettings === null || callSettings === void 0 ? void 0 : callSettings.screensharing.enabled;
|
|
45
|
+
const iosScreenShareStartedFromSystem = (0, _useIsIosScreenshareBroadcastStarted.useIsIosScreenshareBroadcastStarted)();
|
|
46
|
+
const prevIosScreenShareStartedFromSystem = (0, _usePrevious.usePrevious)(iosScreenShareStartedFromSystem);
|
|
47
|
+
const localParticipant = useLocalParticipant();
|
|
48
|
+
const hasPublishedScreenShare = localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.publishedTracks.includes(_videoClient.SfuModels.TrackType.SCREEN_SHARE);
|
|
49
|
+
|
|
50
|
+
// listens to iOS screen share broadcast started event from the system
|
|
51
|
+
(0, _react.useEffect)(() => {
|
|
52
|
+
const run = async () => {
|
|
53
|
+
if (_reactNative.Platform.OS !== 'ios') {
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
56
|
+
if (iosScreenShareStartedFromSystem && !prevIosScreenShareStartedFromSystem) {
|
|
57
|
+
const media = await navigator.mediaDevices.getDisplayMedia({
|
|
58
|
+
// @ts-ignore
|
|
59
|
+
deviceId: 'broadcast',
|
|
60
|
+
video: true,
|
|
61
|
+
audio: true
|
|
62
|
+
});
|
|
63
|
+
await (call === null || call === void 0 ? void 0 : call.publishScreenShareStream(media));
|
|
64
|
+
} else if (!iosScreenShareStartedFromSystem && prevIosScreenShareStartedFromSystem) {
|
|
65
|
+
await (call === null || call === void 0 ? void 0 : call.stopPublish(_videoClient.SfuModels.TrackType.SCREEN_SHARE));
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
run();
|
|
69
|
+
}, [call, iosScreenShareStartedFromSystem, prevIosScreenShareStartedFromSystem]);
|
|
70
|
+
const screenCapturePickerViewiOSRef = _react.default.useRef(null);
|
|
71
|
+
const onPress = async () => {
|
|
72
|
+
if (!hasPublishedScreenShare) {
|
|
73
|
+
if (_reactNative.Platform.OS === 'ios') {
|
|
74
|
+
const reactTag = (0, _reactNative.findNodeHandle)(screenCapturePickerViewiOSRef.current);
|
|
75
|
+
await _reactNative.NativeModules.ScreenCapturePickerViewManager.show(reactTag);
|
|
76
|
+
// After this the iOS screen share broadcast started/stopped event will be triggered
|
|
77
|
+
// and the useEffect listener will handle the rest
|
|
78
|
+
} else {
|
|
79
|
+
try {
|
|
80
|
+
const media = await navigator.mediaDevices.getDisplayMedia({
|
|
81
|
+
video: true,
|
|
82
|
+
audio: true
|
|
83
|
+
});
|
|
84
|
+
await (call === null || call === void 0 ? void 0 : call.publishScreenShareStream(media));
|
|
85
|
+
} catch (e) {
|
|
86
|
+
// ignored.. user didnt allow the screen share in the popup
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
} else if (hasPublishedScreenShare) {
|
|
90
|
+
await (call === null || call === void 0 ? void 0 : call.stopPublish(_videoClient.SfuModels.TrackType.SCREEN_SHARE));
|
|
91
|
+
}
|
|
92
|
+
};
|
|
93
|
+
if (!isScreenSharingEnabledInCall || !CanDeviceScreenShare) {
|
|
94
|
+
return null;
|
|
95
|
+
}
|
|
96
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
97
|
+
onPress: onPress,
|
|
98
|
+
style: [styles.container, {
|
|
99
|
+
backgroundColor: hasPublishedScreenShare ? colors.error : colors.dark_gray,
|
|
100
|
+
height: buttonSizes.xs,
|
|
101
|
+
width: buttonSizes.xs
|
|
102
|
+
}, livestreamScreenShareToggleButton.container]
|
|
103
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
104
|
+
style: [styles.icon, {
|
|
105
|
+
height: iconSizes.sm,
|
|
106
|
+
width: iconSizes.sm
|
|
107
|
+
}, livestreamScreenShareToggleButton.icon]
|
|
108
|
+
}, hasPublishedScreenShare ? /*#__PURE__*/_react.default.createElement(_StopScreenShare.StopScreenShare, {
|
|
109
|
+
color: colors.static_white
|
|
110
|
+
}) : /*#__PURE__*/_react.default.createElement(_ScreenShare.ScreenShare, {
|
|
111
|
+
color: colors.static_white
|
|
112
|
+
})), _reactNative.Platform.OS === 'ios' && /*#__PURE__*/_react.default.createElement(_reactNativeWebrtc.ScreenCapturePickerView, {
|
|
113
|
+
ref: screenCapturePickerViewiOSRef
|
|
114
|
+
}));
|
|
115
|
+
};
|
|
116
|
+
exports.LivestreamScreenShareToggleButton = LivestreamScreenShareToggleButton;
|
|
117
|
+
const styles = _reactNative.StyleSheet.create({
|
|
118
|
+
container: {
|
|
119
|
+
justifyContent: 'center',
|
|
120
|
+
alignItems: 'center',
|
|
121
|
+
marginHorizontal: 4,
|
|
122
|
+
borderRadius: 4
|
|
123
|
+
},
|
|
124
|
+
icon: {}
|
|
125
|
+
});
|
|
126
|
+
//# sourceMappingURL=LivestreamScreenShareToggleButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_ThemeContext","_reactNative","_ScreenShare","_StopScreenShare","_reactNativeWebrtc","_videoClient","_videoReactBindings","_useIsIosScreenshareBroadcastStarted","_usePrevious","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CanDeviceScreenShare","Platform","OS","Number","parseInt","Version","split","LivestreamScreenShareToggleButton","theme","colors","variants","iconSizes","buttonSizes","livestreamScreenShareToggleButton","useTheme","useCall","useLocalParticipant","useCallSettings","useCallStateHooks","callSettings","isScreenSharingEnabledInCall","screensharing","enabled","iosScreenShareStartedFromSystem","useIsIosScreenshareBroadcastStarted","prevIosScreenShareStartedFromSystem","usePrevious","localParticipant","hasPublishedScreenShare","publishedTracks","includes","SfuModels","TrackType","SCREEN_SHARE","useEffect","run","media","navigator","mediaDevices","getDisplayMedia","deviceId","video","audio","publishScreenShareStream","stopPublish","screenCapturePickerViewiOSRef","React","useRef","onPress","reactTag","findNodeHandle","current","NativeModules","ScreenCapturePickerViewManager","show","e","createElement","Pressable","style","styles","container","backgroundColor","error","dark_gray","height","xs","width","View","icon","sm","StopScreenShare","color","static_white","ScreenShare","ScreenCapturePickerView","ref","exports","StyleSheet","create","justifyContent","alignItems","marginHorizontal","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/LivestreamScreenShareToggleButton.tsx"],"mappings":"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"}
|
|
@@ -19,7 +19,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
19
19
|
*/
|
|
20
20
|
const ViewerLivestreamControls = ({
|
|
21
21
|
ViewerLeaveStreamButton = _ViewerLeaveStreamButton.ViewerLeaveStreamButton,
|
|
22
|
-
onLeaveStreamHandler
|
|
22
|
+
onLeaveStreamHandler,
|
|
23
|
+
onLayout
|
|
23
24
|
}) => {
|
|
24
25
|
const {
|
|
25
26
|
theme: {
|
|
@@ -30,7 +31,8 @@ const ViewerLivestreamControls = ({
|
|
|
30
31
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
31
32
|
style: [styles.container, {
|
|
32
33
|
backgroundColor: colors.static_overlay
|
|
33
|
-
}, viewerLivestreamControls.container]
|
|
34
|
+
}, viewerLivestreamControls.container],
|
|
35
|
+
onLayout: onLayout
|
|
34
36
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
35
37
|
style: [styles.leftElement, viewerLivestreamControls.leftElement]
|
|
36
38
|
}, ViewerLeaveStreamButton && /*#__PURE__*/_react.default.createElement(ViewerLeaveStreamButton, {
|
package/dist/commonjs/components/Livestream/LivestreamControls/ViewerLivestreamControls.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ViewerLeaveStreamButton","_contexts","_constants","obj","__esModule","default","ViewerLivestreamControls","ViewerLeaveStreamButton","DefaultViewerLeaveStreamButton","onLeaveStreamHandler","theme","colors","viewerLivestreamControls","useTheme","createElement","View","style","styles","container","backgroundColor","static_overlay","leftElement","rightElement","exports","StyleSheet","create","position","bottom","flexDirection","alignItems","paddingVertical","paddingHorizontal","zIndex","Z_INDEX","IN_FRONT","content","flex"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/ViewerLivestreamControls.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,wBAAA,GAAAF,OAAA;AAIA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAA6C,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE7C;AACA;AACA;;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ViewerLeaveStreamButton","_contexts","_constants","obj","__esModule","default","ViewerLivestreamControls","ViewerLeaveStreamButton","DefaultViewerLeaveStreamButton","onLeaveStreamHandler","onLayout","theme","colors","viewerLivestreamControls","useTheme","createElement","View","style","styles","container","backgroundColor","static_overlay","leftElement","rightElement","exports","StyleSheet","create","position","bottom","flexDirection","alignItems","paddingVertical","paddingHorizontal","zIndex","Z_INDEX","IN_FRONT","content","flex"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/ViewerLivestreamControls.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,wBAAA,GAAAF,OAAA;AAIA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAA6C,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE7C;AACA;AACA;;AASA;AACA;AACA;AACO,MAAMG,wBAAwB,GAAGA,CAAC;EACvCC,uBAAuB,GAAGC,gDAA8B;EACxDC,oBAAoB;EACpBC;AAC6B,CAAC,KAAK;EACnC,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAyB;EAC5C,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAEd,oBACElB,MAAA,CAAAS,OAAA,CAAAU,aAAA,CAAChB,YAAA,CAAAiB,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAER,MAAM,CAACS;IAC1B,CAAC,EACDR,wBAAwB,CAACM,SAAS,CAClC;IACFT,QAAQ,EAAEA;EAAS,gBAEnBd,MAAA,CAAAS,OAAA,CAAAU,aAAA,CAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACI,WAAW,EAAET,wBAAwB,CAACS,WAAW;EAAE,GACrEf,uBAAuB,iBACtBX,MAAA,CAAAS,OAAA,CAAAU,aAAA,CAACR,uBAAuB;IACtBE,oBAAoB,EAAEA;EAAqB,CAC5C,CAEC,CAAC,eACPb,MAAA,CAAAS,OAAA,CAAAU,aAAA,CAAChB,YAAA,CAAAiB,IAAI;IACHC,KAAK,EAAE,CAACC,MAAM,CAACK,YAAY,EAAEV,wBAAwB,CAACU,YAAY;EAAE,CACrE,CACG,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAlB,wBAAA,GAAAA,wBAAA;AAEF,MAAMY,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,CAAC;IACpBC,MAAM,EAAEC,kBAAO,CAACC;EAClB,CAAC;EACDC,OAAO,EAAE,CAAC,CAAC;EACXd,WAAW,EAAE;IACXe,IAAI,EAAE,CAAC;IACPP,UAAU,EAAE;EACd,CAAC;EACDP,YAAY,EAAE;IACZc,IAAI,EAAE,CAAC;IACPP,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}
|
|
@@ -14,17 +14,6 @@ Object.keys(_HostLivestreamControls).forEach(function (key) {
|
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
16
|
});
|
|
17
|
-
var _LivestreamMediaControls = require("./LivestreamMediaControls");
|
|
18
|
-
Object.keys(_LivestreamMediaControls).forEach(function (key) {
|
|
19
|
-
if (key === "default" || key === "__esModule") return;
|
|
20
|
-
if (key in exports && exports[key] === _LivestreamMediaControls[key]) return;
|
|
21
|
-
Object.defineProperty(exports, key, {
|
|
22
|
-
enumerable: true,
|
|
23
|
-
get: function () {
|
|
24
|
-
return _LivestreamMediaControls[key];
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
});
|
|
28
17
|
var _HostStartStreamButton = require("./HostStartStreamButton");
|
|
29
18
|
Object.keys(_HostStartStreamButton).forEach(function (key) {
|
|
30
19
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -47,6 +36,17 @@ Object.keys(_LivestreamAudioControlButton).forEach(function (key) {
|
|
|
47
36
|
}
|
|
48
37
|
});
|
|
49
38
|
});
|
|
39
|
+
var _LivestreamMediaControls = require("./LivestreamMediaControls");
|
|
40
|
+
Object.keys(_LivestreamMediaControls).forEach(function (key) {
|
|
41
|
+
if (key === "default" || key === "__esModule") return;
|
|
42
|
+
if (key in exports && exports[key] === _LivestreamMediaControls[key]) return;
|
|
43
|
+
Object.defineProperty(exports, key, {
|
|
44
|
+
enumerable: true,
|
|
45
|
+
get: function () {
|
|
46
|
+
return _LivestreamMediaControls[key];
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
50
|
var _LivestreamVideoControlButton = require("./LivestreamVideoControlButton");
|
|
51
51
|
Object.keys(_LivestreamVideoControlButton).forEach(function (key) {
|
|
52
52
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -58,4 +58,37 @@ Object.keys(_LivestreamVideoControlButton).forEach(function (key) {
|
|
|
58
58
|
}
|
|
59
59
|
});
|
|
60
60
|
});
|
|
61
|
+
var _ViewerLeaveStreamButton = require("./ViewerLeaveStreamButton");
|
|
62
|
+
Object.keys(_ViewerLeaveStreamButton).forEach(function (key) {
|
|
63
|
+
if (key === "default" || key === "__esModule") return;
|
|
64
|
+
if (key in exports && exports[key] === _ViewerLeaveStreamButton[key]) return;
|
|
65
|
+
Object.defineProperty(exports, key, {
|
|
66
|
+
enumerable: true,
|
|
67
|
+
get: function () {
|
|
68
|
+
return _ViewerLeaveStreamButton[key];
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
});
|
|
72
|
+
var _ViewerLivestreamControls = require("./ViewerLivestreamControls");
|
|
73
|
+
Object.keys(_ViewerLivestreamControls).forEach(function (key) {
|
|
74
|
+
if (key === "default" || key === "__esModule") return;
|
|
75
|
+
if (key in exports && exports[key] === _ViewerLivestreamControls[key]) return;
|
|
76
|
+
Object.defineProperty(exports, key, {
|
|
77
|
+
enumerable: true,
|
|
78
|
+
get: function () {
|
|
79
|
+
return _ViewerLivestreamControls[key];
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
});
|
|
83
|
+
var _LivestreamScreenShareToggleButton = require("./LivestreamScreenShareToggleButton");
|
|
84
|
+
Object.keys(_LivestreamScreenShareToggleButton).forEach(function (key) {
|
|
85
|
+
if (key === "default" || key === "__esModule") return;
|
|
86
|
+
if (key in exports && exports[key] === _LivestreamScreenShareToggleButton[key]) return;
|
|
87
|
+
Object.defineProperty(exports, key, {
|
|
88
|
+
enumerable: true,
|
|
89
|
+
get: function () {
|
|
90
|
+
return _LivestreamScreenShareToggleButton[key];
|
|
91
|
+
}
|
|
92
|
+
});
|
|
93
|
+
});
|
|
61
94
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_HostLivestreamControls","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","
|
|
1
|
+
{"version":3,"names":["_HostLivestreamControls","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_HostStartStreamButton","_LivestreamAudioControlButton","_LivestreamMediaControls","_LivestreamVideoControlButton","_ViewerLeaveStreamButton","_ViewerLivestreamControls","_LivestreamScreenShareToggleButton"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/index.ts"],"mappings":"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"}
|
|
@@ -4,14 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.LivestreamLayout = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _videoClient = require("@stream-io/video-client");
|
|
9
9
|
var _videoReactBindings = require("@stream-io/video-react-bindings");
|
|
10
10
|
var _reactNative = require("react-native");
|
|
11
11
|
var _usePaginatedLayoutSortPreset = require("../../../hooks/usePaginatedLayoutSortPreset");
|
|
12
12
|
var _contexts = require("../../../contexts");
|
|
13
13
|
var _Participant = require("../../Participant");
|
|
14
|
-
function
|
|
14
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
16
|
/**
|
|
16
17
|
* Props for the LivestreamLayout component.
|
|
17
18
|
*/
|
|
@@ -23,7 +24,8 @@ const hasScreenShare = p => p === null || p === void 0 ? void 0 : p.publishedTra
|
|
|
23
24
|
*/
|
|
24
25
|
const LivestreamLayout = ({
|
|
25
26
|
landscape,
|
|
26
|
-
VideoRenderer = _Participant.VideoRenderer
|
|
27
|
+
VideoRenderer = _Participant.VideoRenderer,
|
|
28
|
+
ScreenShareOverlay
|
|
27
29
|
}) => {
|
|
28
30
|
const {
|
|
29
31
|
useParticipants,
|
|
@@ -40,22 +42,59 @@ const LivestreamLayout = ({
|
|
|
40
42
|
const hasOngoingScreenShare = useHasOngoingScreenShare();
|
|
41
43
|
const presenter = hasOngoingScreenShare ? hasScreenShare(currentSpeaker) && currentSpeaker : otherParticipants.find(hasScreenShare);
|
|
42
44
|
(0, _usePaginatedLayoutSortPreset.usePaginatedLayoutSortPreset)(call);
|
|
45
|
+
const [objectFit, setObjectFit] = (0, _react.useState)();
|
|
46
|
+
|
|
47
|
+
// no need to pass object fit for local participant as the dimensions are for remote tracks
|
|
48
|
+
const objectFitToBeSet = currentSpeaker !== null && currentSpeaker !== void 0 && currentSpeaker.isLocalParticipant ? undefined : objectFit;
|
|
49
|
+
const onDimensionsChange = (0, _react.useCallback)(d => {
|
|
50
|
+
if (d) {
|
|
51
|
+
const isWidthWide = d.width > d.height;
|
|
52
|
+
setObjectFit(isWidthWide ? 'contain' : 'cover');
|
|
53
|
+
}
|
|
54
|
+
}, []);
|
|
43
55
|
const landScapeStyles = {
|
|
44
56
|
flexDirection: landscape ? 'row' : 'column'
|
|
45
57
|
};
|
|
46
58
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
47
59
|
style: [styles.container, landScapeStyles, {
|
|
48
|
-
backgroundColor: colors.
|
|
60
|
+
backgroundColor: colors.static_grey
|
|
49
61
|
}, livestreamLayout.container]
|
|
50
|
-
},
|
|
62
|
+
}, /*#__PURE__*/_react.default.createElement(RemoteVideoTrackDimensionsRenderLessComponent, {
|
|
63
|
+
onDimensionsChange: onDimensionsChange
|
|
64
|
+
}), VideoRenderer && hasOngoingScreenShare && presenter && (ScreenShareOverlay ? /*#__PURE__*/_react.default.createElement(ScreenShareOverlay, null) : /*#__PURE__*/_react.default.createElement(VideoRenderer, {
|
|
51
65
|
trackType: "screenShareTrack",
|
|
52
66
|
participant: presenter
|
|
53
|
-
}), VideoRenderer && !hasOngoingScreenShare && currentSpeaker && /*#__PURE__*/_react.default.createElement(VideoRenderer, {
|
|
67
|
+
})), VideoRenderer && !hasOngoingScreenShare && currentSpeaker && /*#__PURE__*/_react.default.createElement(VideoRenderer, {
|
|
54
68
|
participant: currentSpeaker,
|
|
69
|
+
objectFit: objectFitToBeSet,
|
|
55
70
|
trackType: "videoTrack"
|
|
56
71
|
}));
|
|
57
72
|
};
|
|
58
73
|
exports.LivestreamLayout = LivestreamLayout;
|
|
74
|
+
const RemoteVideoTrackDimensionsRenderLessComponent = ({
|
|
75
|
+
onDimensionsChange
|
|
76
|
+
}) => {
|
|
77
|
+
var _statsReport$subscrib, _statsReport$subscrib2;
|
|
78
|
+
const [dimension, setDimension] = (0, _react.useState)();
|
|
79
|
+
const {
|
|
80
|
+
useCallStatsReport
|
|
81
|
+
} = (0, _videoReactBindings.useCallStateHooks)();
|
|
82
|
+
const statsReport = useCallStatsReport();
|
|
83
|
+
const highestFrameHeight = statsReport === null || statsReport === void 0 || (_statsReport$subscrib = statsReport.subscriberStats) === null || _statsReport$subscrib === void 0 ? void 0 : _statsReport$subscrib.highestFrameHeight;
|
|
84
|
+
const highestFrameWidth = statsReport === null || statsReport === void 0 || (_statsReport$subscrib2 = statsReport.subscriberStats) === null || _statsReport$subscrib2 === void 0 ? void 0 : _statsReport$subscrib2.highestFrameWidth;
|
|
85
|
+
(0, _react.useEffect)(() => {
|
|
86
|
+
if (highestFrameHeight && highestFrameWidth) {
|
|
87
|
+
setDimension({
|
|
88
|
+
height: highestFrameHeight,
|
|
89
|
+
width: highestFrameWidth
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
}, [highestFrameHeight, highestFrameWidth]);
|
|
93
|
+
(0, _react.useEffect)(() => {
|
|
94
|
+
onDimensionsChange(dimension);
|
|
95
|
+
}, [dimension, onDimensionsChange]);
|
|
96
|
+
return null;
|
|
97
|
+
};
|
|
59
98
|
const styles = _reactNative.StyleSheet.create({
|
|
60
99
|
container: {
|
|
61
100
|
flex: 1
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_videoClient","_videoReactBindings","_reactNative","_usePaginatedLayoutSortPreset","_contexts","_Participant","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","hasScreenShare","p","publishedTracks","includes","SfuModels","TrackType","SCREEN_SHARE","LivestreamLayout","landscape","VideoRenderer","DefaultVideoRenderer","ScreenShareOverlay","useParticipants","useHasOngoingScreenShare","useCallStateHooks","useCall","theme","colors","livestreamLayout","useTheme","currentSpeaker","otherParticipants","hasOngoingScreenShare","presenter","find","usePaginatedLayoutSortPreset","objectFit","setObjectFit","useState","objectFitToBeSet","isLocalParticipant","undefined","onDimensionsChange","useCallback","d","isWidthWide","width","height","landScapeStyles","flexDirection","createElement","View","style","styles","container","backgroundColor","static_grey","RemoteVideoTrackDimensionsRenderLessComponent","trackType","participant","exports","_statsReport$subscrib","_statsReport$subscrib2","dimension","setDimension","useCallStatsReport","statsReport","highestFrameHeight","subscriberStats","highestFrameWidth","useEffect","StyleSheet","create","flex"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamLayout/LivestreamLayout.tsx"],"mappings":"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"}
|
|
@@ -23,7 +23,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
23
23
|
const HostLivestreamTopView = ({
|
|
24
24
|
DurationBadge = _DurationBadge.DurationBadge,
|
|
25
25
|
LiveIndicator = _LiveIndicator.LiveIndicator,
|
|
26
|
-
FollowerCount = _FollowerCount.FollowerCount
|
|
26
|
+
FollowerCount = _FollowerCount.FollowerCount,
|
|
27
|
+
onLayout
|
|
27
28
|
}) => {
|
|
28
29
|
const {
|
|
29
30
|
useIsCallLive,
|
|
@@ -41,7 +42,8 @@ const HostLivestreamTopView = ({
|
|
|
41
42
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
42
43
|
style: [styles.container, {
|
|
43
44
|
backgroundColor: colors.static_overlay
|
|
44
|
-
}, hostLivestreamTopView.container]
|
|
45
|
+
}, hostLivestreamTopView.container],
|
|
46
|
+
onLayout: onLayout
|
|
45
47
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
46
48
|
style: [styles.leftElement, hostLivestreamTopView.leftElement]
|
|
47
49
|
}, DurationBadge && /*#__PURE__*/_react.default.createElement(DurationBadge, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_DurationBadge","_LiveIndicator","_FollowerCount","_contexts","_videoReactBindings","_constants","obj","__esModule","default","HostLivestreamTopView","DurationBadge","DefaultDurationBadge","LiveIndicator","DefaultLiveIndicator","FollowerCount","DefaultFollowerCount","useIsCallLive","useIsCallHLSBroadcastingInProgress","useCallStateHooks","isCallLive","isBroadcasting","liveOrBroadcasting","theme","colors","hostLivestreamTopView","useTheme","createElement","View","style","styles","container","backgroundColor","static_overlay","leftElement","mode","centerElement","rightElement","liveInfo","exports","StyleSheet","create","position","top","flexDirection","alignItems","paddingVertical","paddingHorizontal","borderBottomEndRadius","borderBottomStartRadius","zIndex","Z_INDEX","IN_FRONT","flex"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamTopView/HostLivestreamTopView.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAIA,IAAAG,cAAA,GAAAH,OAAA;AAIA,IAAAI,cAAA,GAAAJ,OAAA;AAIA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAA6C,SAAAD,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE7C;AACA;AACA;;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_DurationBadge","_LiveIndicator","_FollowerCount","_contexts","_videoReactBindings","_constants","obj","__esModule","default","HostLivestreamTopView","DurationBadge","DefaultDurationBadge","LiveIndicator","DefaultLiveIndicator","FollowerCount","DefaultFollowerCount","onLayout","useIsCallLive","useIsCallHLSBroadcastingInProgress","useCallStateHooks","isCallLive","isBroadcasting","liveOrBroadcasting","theme","colors","hostLivestreamTopView","useTheme","createElement","View","style","styles","container","backgroundColor","static_overlay","leftElement","mode","centerElement","rightElement","liveInfo","exports","StyleSheet","create","position","top","flexDirection","alignItems","paddingVertical","paddingHorizontal","borderBottomEndRadius","borderBottomStartRadius","zIndex","Z_INDEX","IN_FRONT","flex"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamTopView/HostLivestreamTopView.tsx"],"mappings":"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"}
|
|
@@ -22,7 +22,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
22
22
|
const ViewerLivestreamTopView = ({
|
|
23
23
|
DurationBadge = _DurationBadge.DurationBadge,
|
|
24
24
|
LiveIndicator = _LiveIndicator.LiveIndicator,
|
|
25
|
-
FollowerCount = _FollowerCount.FollowerCount
|
|
25
|
+
FollowerCount = _FollowerCount.FollowerCount,
|
|
26
|
+
onLayout
|
|
26
27
|
}) => {
|
|
27
28
|
const {
|
|
28
29
|
theme: {
|
|
@@ -33,7 +34,8 @@ const ViewerLivestreamTopView = ({
|
|
|
33
34
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
34
35
|
style: [styles.container, {
|
|
35
36
|
backgroundColor: colors.static_overlay
|
|
36
|
-
}, viewerLivestreamTopView.container]
|
|
37
|
+
}, viewerLivestreamTopView.container],
|
|
38
|
+
onLayout: onLayout
|
|
37
39
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
38
40
|
style: [styles.leftElement, viewerLivestreamTopView.leftElement]
|
|
39
41
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
package/dist/commonjs/components/Livestream/LivestreamTopView/ViewerLivestreamTopView.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_DurationBadge","_LiveIndicator","_FollowerCount","_contexts","_constants","obj","__esModule","default","ViewerLivestreamTopView","DurationBadge","DefaultDurationBadge","LiveIndicator","DefaultLiveIndicator","FollowerCount","DefaultFollowerCount","theme","colors","viewerLivestreamTopView","useTheme","createElement","View","style","styles","container","backgroundColor","static_overlay","leftElement","liveInfo","centerElement","mode","rightElement","exports","StyleSheet","create","position","top","flexDirection","alignItems","paddingVertical","paddingHorizontal","borderBottomEndRadius","borderBottomStartRadius","zIndex","Z_INDEX","IN_FRONT","flex","flexGrow"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamTopView/ViewerLivestreamTopView.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAIA,IAAAG,cAAA,GAAAH,OAAA;AAIA,IAAAI,cAAA,GAAAJ,OAAA;AAIA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAA6C,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE7C;AACA;AACA;;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_DurationBadge","_LiveIndicator","_FollowerCount","_contexts","_constants","obj","__esModule","default","ViewerLivestreamTopView","DurationBadge","DefaultDurationBadge","LiveIndicator","DefaultLiveIndicator","FollowerCount","DefaultFollowerCount","onLayout","theme","colors","viewerLivestreamTopView","useTheme","createElement","View","style","styles","container","backgroundColor","static_overlay","leftElement","liveInfo","centerElement","mode","rightElement","exports","StyleSheet","create","position","top","flexDirection","alignItems","paddingVertical","paddingHorizontal","borderBottomEndRadius","borderBottomStartRadius","zIndex","Z_INDEX","IN_FRONT","flex","flexGrow"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamTopView/ViewerLivestreamTopView.tsx"],"mappings":"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"}
|
|
@@ -47,4 +47,15 @@ Object.keys(_HostLivestreamTopView).forEach(function (key) {
|
|
|
47
47
|
}
|
|
48
48
|
});
|
|
49
49
|
});
|
|
50
|
+
var _ViewerLivestreamTopView = require("./ViewerLivestreamTopView");
|
|
51
|
+
Object.keys(_ViewerLivestreamTopView).forEach(function (key) {
|
|
52
|
+
if (key === "default" || key === "__esModule") return;
|
|
53
|
+
if (key in exports && exports[key] === _ViewerLivestreamTopView[key]) return;
|
|
54
|
+
Object.defineProperty(exports, key, {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function () {
|
|
57
|
+
return _ViewerLivestreamTopView[key];
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
});
|
|
50
61
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_DurationBadge","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_FollowerCount","_LiveIndicator","_HostLivestreamTopView"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamTopView/index.ts"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,cAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,cAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,cAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,cAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,sBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,sBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,sBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,sBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA"}
|
|
1
|
+
{"version":3,"names":["_DurationBadge","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_FollowerCount","_LiveIndicator","_HostLivestreamTopView","_ViewerLivestreamTopView"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamTopView/index.ts"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,cAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,cAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,cAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,cAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,sBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,sBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,sBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,sBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,wBAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,wBAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,wBAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,wBAAA,CAAAR,GAAA;IAAA;EAAA;AAAA"}
|