@stream-io/video-react-sdk 0.3.41 → 0.3.43
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 +23 -0
- package/README.md +1 -1
- package/dist/index.cjs.js +2737 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.d.ts +0 -1
- package/dist/index.es.js +2633 -0
- package/dist/index.es.js.map +1 -0
- package/dist/src/components/Button/CompositeButton.d.ts +1 -1
- package/dist/src/core/components/ParticipantView/ParticipantView.d.ts +1 -1
- package/dist/src/hooks/useFloatingUIPreset.d.ts +1 -1
- package/index.ts +3 -3
- package/package.json +17 -15
- package/src/components/Permissions/PermissionRequests.tsx +1 -1
- package/dist/index.js +0 -18
- package/dist/index.js.map +0 -1
- package/dist/src/components/Avatar/Avatar.js +0 -24
- package/dist/src/components/Avatar/Avatar.js.map +0 -1
- package/dist/src/components/Avatar/index.js +0 -2
- package/dist/src/components/Avatar/index.js.map +0 -1
- package/dist/src/components/Button/CompositeButton.js +0 -13
- package/dist/src/components/Button/CompositeButton.js.map +0 -1
- package/dist/src/components/Button/CopyToClipboardButton.js +0 -54
- package/dist/src/components/Button/CopyToClipboardButton.js.map +0 -1
- package/dist/src/components/Button/IconButton.js +0 -26
- package/dist/src/components/Button/IconButton.js.map +0 -1
- package/dist/src/components/Button/TextButton.js +0 -17
- package/dist/src/components/Button/TextButton.js.map +0 -1
- package/dist/src/components/Button/index.js +0 -5
- package/dist/src/components/Button/index.js.map +0 -1
- package/dist/src/components/CallControls/AcceptCallButton.js +0 -27
- package/dist/src/components/CallControls/AcceptCallButton.js.map +0 -1
- package/dist/src/components/CallControls/CallControls.js +0 -5
- package/dist/src/components/CallControls/CallControls.js.map +0 -1
- package/dist/src/components/CallControls/CallStatsButton.js +0 -8
- package/dist/src/components/CallControls/CallStatsButton.js.map +0 -1
- package/dist/src/components/CallControls/CancelCallButton.js +0 -27
- package/dist/src/components/CallControls/CancelCallButton.js.map +0 -1
- package/dist/src/components/CallControls/ReactionsButton.js +0 -45
- package/dist/src/components/CallControls/ReactionsButton.js.map +0 -1
- package/dist/src/components/CallControls/RecordCallButton.js +0 -22
- package/dist/src/components/CallControls/RecordCallButton.js.map +0 -1
- package/dist/src/components/CallControls/ScreenShareButton.js +0 -15
- package/dist/src/components/CallControls/ScreenShareButton.js.map +0 -1
- package/dist/src/components/CallControls/ToggleAudioButton.js +0 -24
- package/dist/src/components/CallControls/ToggleAudioButton.js.map +0 -1
- package/dist/src/components/CallControls/ToggleAudioOutputButton.js +0 -10
- package/dist/src/components/CallControls/ToggleAudioOutputButton.js.map +0 -1
- package/dist/src/components/CallControls/ToggleVideoButton.js +0 -24
- package/dist/src/components/CallControls/ToggleVideoButton.js.map +0 -1
- package/dist/src/components/CallControls/index.js +0 -11
- package/dist/src/components/CallControls/index.js.map +0 -1
- package/dist/src/components/CallParticipantsList/BlockedUserListing.js +0 -18
- package/dist/src/components/CallParticipantsList/BlockedUserListing.js.map +0 -1
- package/dist/src/components/CallParticipantsList/CallParticipantListHeader.js +0 -10
- package/dist/src/components/CallParticipantsList/CallParticipantListHeader.js.map +0 -1
- package/dist/src/components/CallParticipantsList/CallParticipantListing.js +0 -4
- package/dist/src/components/CallParticipantsList/CallParticipantListing.js.map +0 -1
- package/dist/src/components/CallParticipantsList/CallParticipantListingItem.js +0 -128
- package/dist/src/components/CallParticipantsList/CallParticipantListingItem.js.map +0 -1
- package/dist/src/components/CallParticipantsList/CallParticipantsList.js +0 -83
- package/dist/src/components/CallParticipantsList/CallParticipantsList.js.map +0 -1
- package/dist/src/components/CallParticipantsList/EmptyParticipantSearchList.js +0 -7
- package/dist/src/components/CallParticipantsList/EmptyParticipantSearchList.js.map +0 -1
- package/dist/src/components/CallParticipantsList/index.js +0 -4
- package/dist/src/components/CallParticipantsList/index.js.map +0 -1
- package/dist/src/components/CallPreview/CallPreview.js +0 -21
- package/dist/src/components/CallPreview/CallPreview.js.map +0 -1
- package/dist/src/components/CallPreview/index.js +0 -2
- package/dist/src/components/CallPreview/index.js.map +0 -1
- package/dist/src/components/CallRecordingList/CallRecordingList.js +0 -9
- package/dist/src/components/CallRecordingList/CallRecordingList.js.map +0 -1
- package/dist/src/components/CallRecordingList/CallRecordingListHeader.js +0 -6
- package/dist/src/components/CallRecordingList/CallRecordingListHeader.js.map +0 -1
- package/dist/src/components/CallRecordingList/CallRecordingListItem.js +0 -11
- package/dist/src/components/CallRecordingList/CallRecordingListItem.js.map +0 -1
- package/dist/src/components/CallRecordingList/EmptyCallRecordingListing.js +0 -5
- package/dist/src/components/CallRecordingList/EmptyCallRecordingListing.js.map +0 -1
- package/dist/src/components/CallRecordingList/LoadingCallRecordingListing.js +0 -7
- package/dist/src/components/CallRecordingList/LoadingCallRecordingListing.js.map +0 -1
- package/dist/src/components/CallRecordingList/index.js +0 -6
- package/dist/src/components/CallRecordingList/index.js.map +0 -1
- package/dist/src/components/CallStats/CallStats.js +0 -70
- package/dist/src/components/CallStats/CallStats.js.map +0 -1
- package/dist/src/components/CallStats/CallStatsLatencyChart.js +0 -39
- package/dist/src/components/CallStats/CallStatsLatencyChart.js.map +0 -1
- package/dist/src/components/CallStats/index.js +0 -3
- package/dist/src/components/CallStats/index.js.map +0 -1
- package/dist/src/components/Debug/DebugParticipantPublishQuality.js +0 -46
- package/dist/src/components/Debug/DebugParticipantPublishQuality.js.map +0 -1
- package/dist/src/components/Debug/DebugStatsView.js +0 -66
- package/dist/src/components/Debug/DebugStatsView.js.map +0 -1
- package/dist/src/components/Debug/useIsDebugMode.js +0 -18
- package/dist/src/components/Debug/useIsDebugMode.js.map +0 -1
- package/dist/src/components/DeviceSettings/DeviceSelector.js +0 -26
- package/dist/src/components/DeviceSettings/DeviceSelector.js.map +0 -1
- package/dist/src/components/DeviceSettings/DeviceSelectorAudio.js +0 -20
- package/dist/src/components/DeviceSettings/DeviceSelectorAudio.js.map +0 -1
- package/dist/src/components/DeviceSettings/DeviceSelectorVideo.js +0 -11
- package/dist/src/components/DeviceSettings/DeviceSelectorVideo.js.map +0 -1
- package/dist/src/components/DeviceSettings/DeviceSettings.js +0 -15
- package/dist/src/components/DeviceSettings/DeviceSettings.js.map +0 -1
- package/dist/src/components/DeviceSettings/index.js +0 -5
- package/dist/src/components/DeviceSettings/index.js.map +0 -1
- package/dist/src/components/Icon/Icon.js +0 -4
- package/dist/src/components/Icon/Icon.js.map +0 -1
- package/dist/src/components/Icon/index.js +0 -2
- package/dist/src/components/Icon/index.js.map +0 -1
- package/dist/src/components/LoadingIndicator/LoadingIndicator.js +0 -6
- package/dist/src/components/LoadingIndicator/LoadingIndicator.js.map +0 -1
- package/dist/src/components/LoadingIndicator/index.js +0 -2
- package/dist/src/components/LoadingIndicator/index.js.map +0 -1
- package/dist/src/components/Menu/GenericMenu.js +0 -20
- package/dist/src/components/Menu/GenericMenu.js.map +0 -1
- package/dist/src/components/Menu/MenuToggle.js +0 -40
- package/dist/src/components/Menu/MenuToggle.js.map +0 -1
- package/dist/src/components/Menu/index.js +0 -3
- package/dist/src/components/Menu/index.js.map +0 -1
- package/dist/src/components/Notification/Notification.js +0 -25
- package/dist/src/components/Notification/Notification.js.map +0 -1
- package/dist/src/components/Notification/PermissionNotification.js +0 -26
- package/dist/src/components/Notification/PermissionNotification.js.map +0 -1
- package/dist/src/components/Notification/SpeakingWhileMutedNotification.js +0 -50
- package/dist/src/components/Notification/SpeakingWhileMutedNotification.js.map +0 -1
- package/dist/src/components/Notification/index.js +0 -4
- package/dist/src/components/Notification/index.js.map +0 -1
- package/dist/src/components/Permissions/PermissionRequests.js +0 -122
- package/dist/src/components/Permissions/PermissionRequests.js.map +0 -1
- package/dist/src/components/Permissions/index.js +0 -2
- package/dist/src/components/Permissions/index.js.map +0 -1
- package/dist/src/components/Reaction/Reaction.js +0 -29
- package/dist/src/components/Reaction/Reaction.js.map +0 -1
- package/dist/src/components/Reaction/index.js +0 -2
- package/dist/src/components/Reaction/index.js.map +0 -1
- package/dist/src/components/RingingCall/RingingCall.js +0 -45
- package/dist/src/components/RingingCall/RingingCall.js.map +0 -1
- package/dist/src/components/RingingCall/RingingCallControls.js +0 -14
- package/dist/src/components/RingingCall/RingingCallControls.js.map +0 -1
- package/dist/src/components/RingingCall/index.js +0 -3
- package/dist/src/components/RingingCall/index.js.map +0 -1
- package/dist/src/components/Search/SearchInput.js +0 -34
- package/dist/src/components/Search/SearchInput.js.map +0 -1
- package/dist/src/components/Search/SearchResults.js +0 -12
- package/dist/src/components/Search/SearchResults.js.map +0 -1
- package/dist/src/components/Search/hooks/index.js +0 -2
- package/dist/src/components/Search/hooks/index.js.map +0 -1
- package/dist/src/components/Search/hooks/useSearch.js +0 -39
- package/dist/src/components/Search/hooks/useSearch.js.map +0 -1
- package/dist/src/components/Search/index.js +0 -3
- package/dist/src/components/Search/index.js.map +0 -1
- package/dist/src/components/StreamTheme/StreamTheme.js +0 -18
- package/dist/src/components/StreamTheme/StreamTheme.js.map +0 -1
- package/dist/src/components/StreamTheme/index.js +0 -2
- package/dist/src/components/StreamTheme/index.js.map +0 -1
- package/dist/src/components/Tooltip/Tooltip.js +0 -22
- package/dist/src/components/Tooltip/Tooltip.js.map +0 -1
- package/dist/src/components/Tooltip/WithTooltip.js +0 -23
- package/dist/src/components/Tooltip/WithTooltip.js.map +0 -1
- package/dist/src/components/Tooltip/hooks/index.js +0 -2
- package/dist/src/components/Tooltip/hooks/index.js.map +0 -1
- package/dist/src/components/Tooltip/hooks/useEnterLeaveHandlers.js +0 -14
- package/dist/src/components/Tooltip/hooks/useEnterLeaveHandlers.js.map +0 -1
- package/dist/src/components/Tooltip/index.js +0 -3
- package/dist/src/components/Tooltip/index.js.map +0 -1
- package/dist/src/components/Video/VideoPreview.js +0 -75
- package/dist/src/components/Video/VideoPreview.js.map +0 -1
- package/dist/src/components/Video/index.js +0 -5
- package/dist/src/components/Video/index.js.map +0 -1
- package/dist/src/components/index.js +0 -18
- package/dist/src/components/index.js.map +0 -1
- package/dist/src/core/components/Audio/Audio.js +0 -30
- package/dist/src/core/components/Audio/Audio.js.map +0 -1
- package/dist/src/core/components/Audio/ParticipantsAudio.js +0 -21
- package/dist/src/core/components/Audio/ParticipantsAudio.js.map +0 -1
- package/dist/src/core/components/Audio/index.js +0 -3
- package/dist/src/core/components/Audio/index.js.map +0 -1
- package/dist/src/core/components/CallLayout/LivestreamLayout.js +0 -89
- package/dist/src/core/components/CallLayout/LivestreamLayout.js.map +0 -1
- package/dist/src/core/components/CallLayout/PaginatedGridLayout.js +0 -47
- package/dist/src/core/components/CallLayout/PaginatedGridLayout.js.map +0 -1
- package/dist/src/core/components/CallLayout/SpeakerLayout.js +0 -71
- package/dist/src/core/components/CallLayout/SpeakerLayout.js.map +0 -1
- package/dist/src/core/components/CallLayout/hooks.js +0 -41
- package/dist/src/core/components/CallLayout/hooks.js.map +0 -1
- package/dist/src/core/components/CallLayout/index.js +0 -4
- package/dist/src/core/components/CallLayout/index.js.map +0 -1
- package/dist/src/core/components/ParticipantView/DefaultParticipantViewUI.js +0 -48
- package/dist/src/core/components/ParticipantView/DefaultParticipantViewUI.js.map +0 -1
- package/dist/src/core/components/ParticipantView/ParticipantView.js +0 -54
- package/dist/src/core/components/ParticipantView/ParticipantView.js.map +0 -1
- package/dist/src/core/components/ParticipantView/index.js +0 -3
- package/dist/src/core/components/ParticipantView/index.js.map +0 -1
- package/dist/src/core/components/StreamCall/StreamCall.js +0 -7
- package/dist/src/core/components/StreamCall/StreamCall.js.map +0 -1
- package/dist/src/core/components/StreamCall/index.js +0 -2
- package/dist/src/core/components/StreamCall/index.js.map +0 -1
- package/dist/src/core/components/StreamVideo/StreamVideo.js +0 -7
- package/dist/src/core/components/StreamVideo/StreamVideo.js.map +0 -1
- package/dist/src/core/components/StreamVideo/index.js +0 -2
- package/dist/src/core/components/StreamVideo/index.js.map +0 -1
- package/dist/src/core/components/Video/BaseVideo.js +0 -48
- package/dist/src/core/components/Video/BaseVideo.js.map +0 -1
- package/dist/src/core/components/Video/DefaultVideoPlaceholder.js +0 -9
- package/dist/src/core/components/Video/DefaultVideoPlaceholder.js.map +0 -1
- package/dist/src/core/components/Video/Video.js +0 -82
- package/dist/src/core/components/Video/Video.js.map +0 -1
- package/dist/src/core/components/Video/index.js +0 -3
- package/dist/src/core/components/Video/index.js.map +0 -1
- package/dist/src/core/components/index.js +0 -7
- package/dist/src/core/components/index.js.map +0 -1
- package/dist/src/core/contexts/MediaDevicesContext.js +0 -178
- package/dist/src/core/contexts/MediaDevicesContext.js.map +0 -1
- package/dist/src/core/contexts/index.js +0 -2
- package/dist/src/core/contexts/index.js.map +0 -1
- package/dist/src/core/hooks/index.js +0 -5
- package/dist/src/core/hooks/index.js.map +0 -1
- package/dist/src/core/hooks/useAudioPublisher.js +0 -114
- package/dist/src/core/hooks/useAudioPublisher.js.map +0 -1
- package/dist/src/core/hooks/useCalculateHardLimit.js +0 -56
- package/dist/src/core/hooks/useCalculateHardLimit.js.map +0 -1
- package/dist/src/core/hooks/useDevices.js +0 -172
- package/dist/src/core/hooks/useDevices.js.map +0 -1
- package/dist/src/core/hooks/useTrackElementVisibility.js +0 -15
- package/dist/src/core/hooks/useTrackElementVisibility.js.map +0 -1
- package/dist/src/core/hooks/useVideoPublisher.js +0 -139
- package/dist/src/core/hooks/useVideoPublisher.js.map +0 -1
- package/dist/src/core/index.js +0 -4
- package/dist/src/core/index.js.map +0 -1
- package/dist/src/hooks/index.js +0 -8
- package/dist/src/hooks/index.js.map +0 -1
- package/dist/src/hooks/useFloatingUIPreset.js +0 -30
- package/dist/src/hooks/useFloatingUIPreset.js.map +0 -1
- package/dist/src/hooks/useRequestPermission.js +0 -46
- package/dist/src/hooks/useRequestPermission.js.map +0 -1
- package/dist/src/hooks/useScrollPosition.js +0 -63
- package/dist/src/hooks/useScrollPosition.js.map +0 -1
- package/dist/src/hooks/useToggleAudioMuteState.js +0 -34
- package/dist/src/hooks/useToggleAudioMuteState.js.map +0 -1
- package/dist/src/hooks/useToggleCallRecording.js +0 -44
- package/dist/src/hooks/useToggleCallRecording.js.map +0 -1
- package/dist/src/hooks/useToggleScreenShare.js +0 -38
- package/dist/src/hooks/useToggleScreenShare.js.map +0 -1
- package/dist/src/hooks/useToggleVideoMuteState.js +0 -34
- package/dist/src/hooks/useToggleVideoMuteState.js.map +0 -1
- package/dist/src/translations/en.json +0 -73
- package/dist/src/translations/index.js +0 -3
- package/dist/src/translations/index.js.map +0 -1
- package/dist/src/types/components.js +0 -2
- package/dist/src/types/components.js.map +0 -1
- package/dist/src/types/index.js +0 -2
- package/dist/src/types/index.js.map +0 -1
- package/dist/src/utilities/applyElementToRef.js +0 -8
- package/dist/src/utilities/applyElementToRef.js.map +0 -1
- package/dist/src/utilities/chunk.js +0 -5
- package/dist/src/utilities/chunk.js.map +0 -1
- package/dist/src/utilities/index.js +0 -4
- package/dist/src/utilities/index.js.map +0 -1
- package/dist/src/utilities/isComponentType.js +0 -7
- package/dist/src/utilities/isComponentType.js.map +0 -1
- package/dist/version.d.ts +0 -1
- package/dist/version.js +0 -2
- package/dist/version.js.map +0 -1
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
11
|
-
var t = {};
|
|
12
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
13
|
-
t[p] = s[p];
|
|
14
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
15
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
16
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
17
|
-
t[p[i]] = s[p[i]];
|
|
18
|
-
}
|
|
19
|
-
return t;
|
|
20
|
-
};
|
|
21
|
-
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
22
|
-
import { forwardRef, Fragment, useEffect, useState, } from 'react';
|
|
23
|
-
import { OwnCapability, } from '@stream-io/video-client';
|
|
24
|
-
import { useCall, useCallStateHooks, useHasPermissions, useI18n, } from '@stream-io/video-react-bindings';
|
|
25
|
-
import clsx from 'clsx';
|
|
26
|
-
import { useFloatingUIPreset } from '../../hooks';
|
|
27
|
-
const byNameOrId = (a, b) => {
|
|
28
|
-
if (a.name && b.name && a.name < b.name)
|
|
29
|
-
return -1;
|
|
30
|
-
if (a.name && b.name && a.name > b.name)
|
|
31
|
-
return 1;
|
|
32
|
-
if (a.id < b.id)
|
|
33
|
-
return -1;
|
|
34
|
-
if (a.id > b.id)
|
|
35
|
-
return 1;
|
|
36
|
-
return 0;
|
|
37
|
-
};
|
|
38
|
-
export const PermissionRequests = () => {
|
|
39
|
-
const call = useCall();
|
|
40
|
-
const { useLocalParticipant } = useCallStateHooks();
|
|
41
|
-
const localParticipant = useLocalParticipant();
|
|
42
|
-
const [expanded, setExpanded] = useState(false);
|
|
43
|
-
const [permissionRequests, setPermissionRequests] = useState([]);
|
|
44
|
-
const canUpdateCallPermissions = useHasPermissions(OwnCapability.UPDATE_CALL_PERMISSIONS);
|
|
45
|
-
useEffect(() => {
|
|
46
|
-
if (!call || !canUpdateCallPermissions)
|
|
47
|
-
return;
|
|
48
|
-
const unsubscribe = call.on('call.permission_request', (event) => {
|
|
49
|
-
if (event.type !== 'call.permission_request')
|
|
50
|
-
return;
|
|
51
|
-
if (event.user.id !== (localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.userId)) {
|
|
52
|
-
setPermissionRequests((requests) => [...requests, event].sort((a, b) => byNameOrId(a.user, b.user)));
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
|
-
return () => {
|
|
56
|
-
unsubscribe();
|
|
57
|
-
};
|
|
58
|
-
}, [call, canUpdateCallPermissions, localParticipant]);
|
|
59
|
-
const handleUpdatePermission = (request, type) => {
|
|
60
|
-
return () => __awaiter(void 0, void 0, void 0, function* () {
|
|
61
|
-
const { user, permissions } = request;
|
|
62
|
-
switch (type) {
|
|
63
|
-
case 'grant':
|
|
64
|
-
yield (call === null || call === void 0 ? void 0 : call.grantPermissions(user.id, permissions));
|
|
65
|
-
break;
|
|
66
|
-
case 'revoke':
|
|
67
|
-
yield (call === null || call === void 0 ? void 0 : call.revokePermissions(user.id, permissions));
|
|
68
|
-
break;
|
|
69
|
-
default:
|
|
70
|
-
break;
|
|
71
|
-
}
|
|
72
|
-
setPermissionRequests((requests) => requests.filter((r) => r !== request));
|
|
73
|
-
});
|
|
74
|
-
};
|
|
75
|
-
const { refs, x, y, strategy } = useFloatingUIPreset({
|
|
76
|
-
placement: 'bottom',
|
|
77
|
-
strategy: 'absolute',
|
|
78
|
-
});
|
|
79
|
-
// don't render anything if there are no permission requests
|
|
80
|
-
if (permissionRequests.length === 0)
|
|
81
|
-
return null;
|
|
82
|
-
return (_jsxs("div", Object.assign({ className: "str-video__permission-requests", ref: refs.setReference }, { children: [_jsxs("div", Object.assign({ className: "str-video__permission-requests__notification" }, { children: [_jsxs("span", Object.assign({ className: "str-video__permission-requests__notification__message" }, { children: [permissionRequests.length, " pending permission requests"] })), _jsx(Button, Object.assign({ type: "button", onClick: () => {
|
|
83
|
-
setExpanded((e) => !e);
|
|
84
|
-
} }, { children: expanded ? 'Hide requests' : 'Show requests' }))] })), expanded && (_jsx(PermissionRequestList, { ref: refs.setFloating, style: {
|
|
85
|
-
position: strategy,
|
|
86
|
-
top: y !== null && y !== void 0 ? y : 0,
|
|
87
|
-
left: x !== null && x !== void 0 ? x : 0,
|
|
88
|
-
overflowY: 'auto',
|
|
89
|
-
}, permissionRequests: permissionRequests, handleUpdatePermission: handleUpdatePermission }))] })));
|
|
90
|
-
};
|
|
91
|
-
export const PermissionRequestList = forwardRef((props, ref) => {
|
|
92
|
-
const { permissionRequests, handleUpdatePermission } = props, rest = __rest(props, ["permissionRequests", "handleUpdatePermission"]);
|
|
93
|
-
const { t } = useI18n();
|
|
94
|
-
return (_jsx("div", Object.assign({ className: "str-video__permission-requests-list", ref: ref }, rest, { children: permissionRequests.map((request, reqIndex) => {
|
|
95
|
-
const { user, permissions } = request;
|
|
96
|
-
return (_jsx(Fragment, { children: permissions.map((permission) => (_jsxs("div", Object.assign({ className: "str-video__permission-request" }, { children: [_jsx("div", Object.assign({ className: "str-video__permission-request__message" }, { children: messageForPermission(user.name || user.id, permission, t) })), _jsx(Button, Object.assign({ className: "str-video__permission-request__button--allow", type: "button", onClick: handleUpdatePermission(request, 'grant') }, { children: t('Allow') })), _jsx(Button, Object.assign({ className: "str-video__permission-request__button--reject", type: "button", onClick: handleUpdatePermission(request, 'revoke') }, { children: t('Revoke') })), _jsx(Button, Object.assign({ className: "str-video__permission-request__button--reject", type: "button", onClick: handleUpdatePermission(request, 'dismiss') }, { children: t('Dismiss') }))] }), permission))) }, `${user.id}/${reqIndex}`));
|
|
97
|
-
}) })));
|
|
98
|
-
});
|
|
99
|
-
const Button = (props) => {
|
|
100
|
-
const { className } = props, rest = __rest(props, ["className"]);
|
|
101
|
-
return (_jsx("button", Object.assign({ className: clsx('str-video__permission-request__button', className) }, rest)));
|
|
102
|
-
};
|
|
103
|
-
const messageForPermission = (userName, permission, t) => {
|
|
104
|
-
switch (permission) {
|
|
105
|
-
case OwnCapability.SEND_AUDIO:
|
|
106
|
-
return t('{{ userName }} is requesting to speak', { userName });
|
|
107
|
-
case OwnCapability.SEND_VIDEO:
|
|
108
|
-
return t('{{ userName }} is requesting to share their camera', {
|
|
109
|
-
userName,
|
|
110
|
-
});
|
|
111
|
-
case OwnCapability.SCREENSHARE:
|
|
112
|
-
return t('{{ userName }} is requesting to present their screen', {
|
|
113
|
-
userName,
|
|
114
|
-
});
|
|
115
|
-
default:
|
|
116
|
-
return t('{{ userName }} is requesting permission: {{ permission }}', {
|
|
117
|
-
userName,
|
|
118
|
-
permission,
|
|
119
|
-
});
|
|
120
|
-
}
|
|
121
|
-
};
|
|
122
|
-
//# sourceMappingURL=PermissionRequests.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PermissionRequests.js","sourceRoot":"","sources":["../../../../src/components/Permissions/PermissionRequests.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Permissions/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect } from 'react';
|
|
3
|
-
import { useCall } from '@stream-io/video-react-bindings';
|
|
4
|
-
export const defaultEmojiReactionMap = {
|
|
5
|
-
':like:': '👍',
|
|
6
|
-
':raise-hand:': '✋',
|
|
7
|
-
':fireworks:': '🎉',
|
|
8
|
-
':dislike:': '👎',
|
|
9
|
-
':heart:': '❤️',
|
|
10
|
-
':smile:': '😀',
|
|
11
|
-
};
|
|
12
|
-
export const Reaction = ({ participant: { reaction, sessionId }, hideAfterTimeoutInMs = 5500, emojiReactionMap = defaultEmojiReactionMap, }) => {
|
|
13
|
-
const call = useCall();
|
|
14
|
-
useEffect(() => {
|
|
15
|
-
if (!call || !reaction)
|
|
16
|
-
return;
|
|
17
|
-
const timeoutId = setTimeout(() => {
|
|
18
|
-
call.resetReaction(sessionId);
|
|
19
|
-
}, hideAfterTimeoutInMs);
|
|
20
|
-
return () => {
|
|
21
|
-
clearTimeout(timeoutId);
|
|
22
|
-
};
|
|
23
|
-
}, [call, hideAfterTimeoutInMs, reaction, sessionId]);
|
|
24
|
-
if (!reaction)
|
|
25
|
-
return null;
|
|
26
|
-
const { emoji_code: emojiCode } = reaction;
|
|
27
|
-
return (_jsx("div", Object.assign({ className: "str-video__reaction" }, { children: _jsx("span", Object.assign({ className: "str-video__reaction__emoji" }, { children: emojiCode && emojiReactionMap[emojiCode] })) })));
|
|
28
|
-
};
|
|
29
|
-
//# sourceMappingURL=Reaction.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Reaction.js","sourceRoot":"","sources":["../../../../src/components/Reaction/Reaction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAQ1D,MAAM,CAAC,MAAM,uBAAuB,GAA2B;IAC7D,QAAQ,EAAE,IAAI;IACd,cAAc,EAAE,GAAG;IACnB,aAAa,EAAE,IAAI;IACnB,WAAW,EAAE,IAAI;IACjB,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,WAAW,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,EACpC,oBAAoB,GAAG,IAAI,EAC3B,gBAAgB,GAAG,uBAAuB,GAC5B,EAAE,EAAE;IAClB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE/B,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAChC,CAAC,EAAE,oBAAoB,CAAC,CAAC;QAEzB,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,SAAS,CAAC,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAEtD,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE3B,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;IAE3C,OAAO,CACL,4BAAK,SAAS,EAAC,qBAAqB,gBAClC,6BAAM,SAAS,EAAC,4BAA4B,gBACzC,SAAS,IAAI,gBAAgB,CAAC,SAAS,CAAC,IACpC,IACH,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Reaction/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { CallingState } from '@stream-io/video-client';
|
|
3
|
-
import { useCall, useCallStateHooks, useConnectedUser, useI18n, } from '@stream-io/video-react-bindings';
|
|
4
|
-
import { Avatar } from '../Avatar';
|
|
5
|
-
import { RingingCallControls } from './RingingCallControls';
|
|
6
|
-
const CALLING_STATE_TO_LABEL = {
|
|
7
|
-
[CallingState.JOINING]: 'Joining',
|
|
8
|
-
[CallingState.RINGING]: 'Ringing',
|
|
9
|
-
[CallingState.MIGRATING]: 'Migrating',
|
|
10
|
-
[CallingState.RECONNECTING]: 'Re-connecting',
|
|
11
|
-
[CallingState.RECONNECTING_FAILED]: 'Failed',
|
|
12
|
-
[CallingState.OFFLINE]: 'No internet connection',
|
|
13
|
-
[CallingState.IDLE]: '',
|
|
14
|
-
[CallingState.UNKNOWN]: '',
|
|
15
|
-
[CallingState.JOINED]: 'Joined',
|
|
16
|
-
[CallingState.LEFT]: 'Left call',
|
|
17
|
-
};
|
|
18
|
-
export const RingingCall = (props) => {
|
|
19
|
-
const { includeSelf = false, totalMembersToShow = 3 } = props;
|
|
20
|
-
const call = useCall();
|
|
21
|
-
const { t } = useI18n();
|
|
22
|
-
const { useCallCallingState, useCallMembers } = useCallStateHooks();
|
|
23
|
-
const callingState = useCallCallingState();
|
|
24
|
-
const members = useCallMembers();
|
|
25
|
-
const connectedUser = useConnectedUser();
|
|
26
|
-
if (!call)
|
|
27
|
-
return null;
|
|
28
|
-
// take the first N members to show their avatars
|
|
29
|
-
const membersToShow = (members || [])
|
|
30
|
-
.slice(0, totalMembersToShow)
|
|
31
|
-
.map(({ user }) => user)
|
|
32
|
-
.filter((user) => user.id !== (connectedUser === null || connectedUser === void 0 ? void 0 : connectedUser.id) || includeSelf);
|
|
33
|
-
if (includeSelf &&
|
|
34
|
-
!membersToShow.find((user) => user.id === (connectedUser === null || connectedUser === void 0 ? void 0 : connectedUser.id))) {
|
|
35
|
-
// if the current user is not in the initial batch of members,
|
|
36
|
-
// replace the first item in membersToShow array with the current user
|
|
37
|
-
const self = members.find(({ user }) => user.id === (connectedUser === null || connectedUser === void 0 ? void 0 : connectedUser.id));
|
|
38
|
-
if (self) {
|
|
39
|
-
membersToShow.splice(0, 1, self.user);
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
const callingStateLabel = CALLING_STATE_TO_LABEL[callingState];
|
|
43
|
-
return (_jsxs("div", Object.assign({ className: "str-video__call-panel str-video__call-panel--ringing" }, { children: [_jsx("div", Object.assign({ className: "str-video__call-panel__members-list" }, { children: membersToShow.map((user) => (_jsxs("div", Object.assign({ className: "str-video__call-panel__member-box" }, { children: [_jsx(Avatar, { name: user.name, imageSrc: user.image }), user.name && (_jsx("div", Object.assign({ className: "str-video__member_details" }, { children: _jsx("span", Object.assign({ className: "str-video__member_name" }, { children: user.name })) })))] }), user.id))) })), callingStateLabel && (_jsx("div", Object.assign({ className: "str-video__call-panel__calling-state-label" }, { children: t(callingStateLabel) }))), [CallingState.RINGING, CallingState.JOINING].includes(callingState) && (_jsx(RingingCallControls, {}))] })));
|
|
44
|
-
};
|
|
45
|
-
//# sourceMappingURL=RingingCall.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RingingCall.js","sourceRoot":"","sources":["../../../../src/components/RingingCall/RingingCall.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { CallingState } from '@stream-io/video-client';
|
|
3
|
-
import { AcceptCallButton, CancelCallButton } from '../CallControls';
|
|
4
|
-
import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
5
|
-
export const RingingCallControls = () => {
|
|
6
|
-
const call = useCall();
|
|
7
|
-
const { useCallCallingState } = useCallStateHooks();
|
|
8
|
-
const callCallingState = useCallCallingState();
|
|
9
|
-
if (!call)
|
|
10
|
-
return null;
|
|
11
|
-
const buttonsDisabled = callCallingState !== CallingState.RINGING;
|
|
12
|
-
return (_jsx("div", Object.assign({ className: "str-video__pending-call-controls" }, { children: call.isCreatedByMe ? (_jsx(CancelCallButton, { disabled: buttonsDisabled })) : (_jsxs(_Fragment, { children: [_jsx(AcceptCallButton, { disabled: buttonsDisabled }), _jsx(CancelCallButton, { onClick: () => call.leave({ reject: true }), disabled: buttonsDisabled })] })) })));
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=RingingCallControls.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RingingCallControls.js","sourceRoot":"","sources":["../../../../src/components/RingingCall/RingingCallControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAE7E,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,mBAAmB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACpD,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAE/C,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,eAAe,GAAG,gBAAgB,KAAK,YAAY,CAAC,OAAO,CAAC;IAClE,OAAO,CACL,4BAAK,SAAS,EAAC,kCAAkC,gBAC9C,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CACpB,KAAC,gBAAgB,IAAC,QAAQ,EAAE,eAAe,GAAI,CAChD,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,gBAAgB,IAAC,QAAQ,EAAE,eAAe,GAAI,EAC/C,KAAC,gBAAgB,IACf,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAC3C,QAAQ,EAAE,eAAe,GACzB,IACD,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/RingingCall/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { useEffect, useState } from 'react';
|
|
14
|
-
import clsx from 'clsx';
|
|
15
|
-
export const SearchInput = (_a) => {
|
|
16
|
-
var { exitSearch, isActive } = _a, rest = __rest(_a, ["exitSearch", "isActive"]);
|
|
17
|
-
const [inputElement, setInputElement] = useState(null);
|
|
18
|
-
useEffect(() => {
|
|
19
|
-
if (!inputElement)
|
|
20
|
-
return;
|
|
21
|
-
const handleKeyDown = (e) => {
|
|
22
|
-
if (e.key.toLowerCase() === 'escape')
|
|
23
|
-
exitSearch();
|
|
24
|
-
};
|
|
25
|
-
inputElement.addEventListener('keydown', handleKeyDown);
|
|
26
|
-
return () => {
|
|
27
|
-
inputElement.removeEventListener('keydown', handleKeyDown);
|
|
28
|
-
};
|
|
29
|
-
}, [exitSearch, inputElement]);
|
|
30
|
-
return (_jsxs("div", Object.assign({ className: clsx('str-video__search-input__container', {
|
|
31
|
-
'str-video__search-input__container--active': isActive,
|
|
32
|
-
}) }, { children: [_jsx("input", Object.assign({ placeholder: "Search" }, rest, { ref: setInputElement })), isActive ? (_jsx("button", Object.assign({ className: "str-video__search-input__clear-btn", onClick: exitSearch }, { children: _jsx("span", { className: "str-video__search-input__icon--active" }) }))) : (_jsx("span", { className: "str-video__search-input__icon" }))] })));
|
|
33
|
-
};
|
|
34
|
-
//# sourceMappingURL=SearchInput.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/Search/SearchInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAkB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,IAAI,MAAM,MAAM,CAAC;AAaxB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAIT,EAAE,EAAE;QAJK,EAC1B,UAAU,EACV,QAAQ,OAES,EADd,IAAI,cAHmB,0BAI3B,CADQ;IAEP,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,IAAI,CACL,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;YACzC,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,QAAQ;gBAAE,UAAU,EAAE,CAAC;QACrD,CAAC,CAAC;QAEF,YAAY,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAExD,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC;IAE/B,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,oCAAoC,EAAE;YACpD,4CAA4C,EAAE,QAAQ;SACvD,CAAC,iBAEF,8BAAO,WAAW,EAAC,QAAQ,IAAK,IAAI,IAAE,GAAG,EAAE,eAAe,IAAI,EAC7D,QAAQ,CAAC,CAAC,CAAC,CACV,+BACE,SAAS,EAAC,oCAAoC,EAC9C,OAAO,EAAE,UAAU,gBAEnB,eAAM,SAAS,EAAC,uCAAuC,GAAG,IACnD,CACV,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,+BAA+B,GAAG,CACnD,KACG,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { LoadingIndicator as DefaultLoadingIndicator } from '../LoadingIndicator';
|
|
3
|
-
export const SearchResults = ({ EmptySearchResultComponent, LoadingIndicator = DefaultLoadingIndicator, searchQueryInProgress, searchResults, SearchResultList, }) => {
|
|
4
|
-
if (searchQueryInProgress) {
|
|
5
|
-
return (_jsx("div", Object.assign({ className: "str-video__search-results--loading" }, { children: _jsx(LoadingIndicator, {}) })));
|
|
6
|
-
}
|
|
7
|
-
if (!searchResults.length) {
|
|
8
|
-
return _jsx(EmptySearchResultComponent, {});
|
|
9
|
-
}
|
|
10
|
-
return _jsx(SearchResultList, { data: searchResults });
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=SearchResults.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SearchResults.js","sourceRoot":"","sources":["../../../../src/components/Search/SearchResults.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,IAAI,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAmBlF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAoB,EAC/C,0BAA0B,EAC1B,gBAAgB,GAAG,uBAAuB,EAC1C,qBAAqB,EACrB,aAAa,EACb,gBAAgB,GACM,EAAE,EAAE;IAC1B,IAAI,qBAAqB,EAAE;QACzB,OAAO,CACL,4BAAK,SAAS,EAAC,oCAAoC,gBACjD,KAAC,gBAAgB,KAAG,IAChB,CACP,CAAC;KACH;IACD,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;QACzB,OAAO,KAAC,0BAA0B,KAAG,CAAC;KACvC;IAED,OAAO,KAAC,gBAAgB,IAAC,IAAI,EAAE,aAAa,GAAI,CAAC;AACnD,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Search/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
import { useEffect, useState } from 'react';
|
|
11
|
-
export const useSearch = ({ debounceInterval, searchFn, searchQuery = '', }) => {
|
|
12
|
-
const [searchResults, setSearchResults] = useState([]);
|
|
13
|
-
const [searchQueryInProgress, setSearchQueryInProgress] = useState(false);
|
|
14
|
-
useEffect(() => {
|
|
15
|
-
if (!searchQuery.length)
|
|
16
|
-
return setSearchResults([]);
|
|
17
|
-
setSearchQueryInProgress(true);
|
|
18
|
-
const timeout = setTimeout(() => __awaiter(void 0, void 0, void 0, function* () {
|
|
19
|
-
try {
|
|
20
|
-
const results = yield searchFn(searchQuery);
|
|
21
|
-
setSearchResults(results);
|
|
22
|
-
}
|
|
23
|
-
catch (error) {
|
|
24
|
-
console.error(error);
|
|
25
|
-
}
|
|
26
|
-
finally {
|
|
27
|
-
setSearchQueryInProgress(false);
|
|
28
|
-
}
|
|
29
|
-
}), debounceInterval);
|
|
30
|
-
return () => {
|
|
31
|
-
clearTimeout(timeout);
|
|
32
|
-
};
|
|
33
|
-
}, [debounceInterval, searchFn, searchQuery]);
|
|
34
|
-
return {
|
|
35
|
-
searchQueryInProgress,
|
|
36
|
-
searchResults,
|
|
37
|
-
};
|
|
38
|
-
};
|
|
39
|
-
//# sourceMappingURL=useSearch.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../../../../src/components/Search/hooks/useSearch.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAkB5C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAI,EAC3B,gBAAgB,EAChB,QAAQ,EACR,WAAW,GAAG,EAAE,GACG,EAAuB,EAAE;IAC5C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAM,EAAE,CAAC,CAAC;IAC5D,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,CAAC,MAAM;YAAE,OAAO,gBAAgB,CAAC,EAAE,CAAC,CAAC;QAErD,wBAAwB,CAAC,IAAI,CAAC,CAAC;QAE/B,MAAM,OAAO,GAAG,UAAU,CAAC,GAAS,EAAE;YACpC,IAAI;gBACF,MAAM,OAAO,GAAG,MAAM,QAAQ,CAAC,WAAW,CAAC,CAAC;gBAC5C,gBAAgB,CAAC,OAAO,CAAC,CAAC;aAC3B;YAAC,OAAO,KAAK,EAAE;gBACd,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;aACtB;oBAAS;gBACR,wBAAwB,CAAC,KAAK,CAAC,CAAC;aACjC;QACH,CAAC,CAAA,EAAE,gBAAgB,CAAC,CAAC;QAErB,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE9C,OAAO;QACL,qBAAqB;QACrB,aAAa;KACd,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Search/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
import clsx from 'clsx';
|
|
14
|
-
export const StreamTheme = (_a) => {
|
|
15
|
-
var { as: Component = 'div', className, children } = _a, props = __rest(_a, ["as", "className", "children"]);
|
|
16
|
-
return (_jsx(Component, Object.assign({}, props, { className: clsx('str-video', className) }, { children: children })));
|
|
17
|
-
};
|
|
18
|
-
//# sourceMappingURL=StreamTheme.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StreamTheme.js","sourceRoot":"","sources":["../../../../src/components/StreamTheme/StreamTheme.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AAMxB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAKU,EAAE,EAAE;QALd,EAC1B,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,EACT,QAAQ,OAE4B,EADjC,KAAK,cAJkB,+BAK3B,CADS;IAER,OAAO,CACL,KAAC,SAAS,oBAAK,KAAK,IAAE,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,gBAC1D,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/StreamTheme/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect } from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { useFloatingUIPreset } from '../../hooks';
|
|
5
|
-
export const Tooltip = ({ children, referenceElement, tooltipClassName, tooltipPlacement = 'top', visible = false, }) => {
|
|
6
|
-
const { refs, x, y, strategy } = useFloatingUIPreset({
|
|
7
|
-
placement: tooltipPlacement,
|
|
8
|
-
strategy: 'absolute',
|
|
9
|
-
});
|
|
10
|
-
useEffect(() => {
|
|
11
|
-
refs.setReference(referenceElement);
|
|
12
|
-
}, [referenceElement, refs]);
|
|
13
|
-
if (!visible)
|
|
14
|
-
return null;
|
|
15
|
-
return (_jsx("div", Object.assign({ className: clsx('str-video__tooltip', tooltipClassName), ref: refs.setFloating, style: {
|
|
16
|
-
position: strategy,
|
|
17
|
-
top: y !== null && y !== void 0 ? y : 0,
|
|
18
|
-
left: x !== null && x !== void 0 ? x : 0,
|
|
19
|
-
overflowY: 'auto',
|
|
20
|
-
} }, { children: children })));
|
|
21
|
-
};
|
|
22
|
-
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAgBlD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAwB,EAC7C,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,GAAG,KAAK,EACxB,OAAO,GAAG,KAAK,GACC,EAAE,EAAE;IACpB,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,mBAAmB,CAAC;QACnD,SAAS,EAAE,gBAAgB;QAC3B,QAAQ,EAAE,UAAU;KACrB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC,CAAC;IAE7B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,4BACE,SAAS,EAAE,IAAI,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,EACvD,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,KAAK,EAAE;YACL,QAAQ,EAAE,QAAQ;YAClB,GAAG,EAAE,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,CAAC;YACX,IAAI,EAAE,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,CAAC;YACZ,SAAS,EAAE,MAAM;SAClB,gBAEA,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { useState } from 'react';
|
|
14
|
-
import { Tooltip } from './Tooltip';
|
|
15
|
-
import { useEnterLeaveHandlers } from './hooks';
|
|
16
|
-
// todo: duplicate of CallParticipantList.tsx#MediaIndicator - refactor to a single component
|
|
17
|
-
export const WithTooltip = (_a) => {
|
|
18
|
-
var { title, tooltipClassName, tooltipPlacement } = _a, props = __rest(_a, ["title", "tooltipClassName", "tooltipPlacement"]);
|
|
19
|
-
const { handleMouseEnter, handleMouseLeave, tooltipVisible } = useEnterLeaveHandlers();
|
|
20
|
-
const [tooltipAnchor, setTooltipAnchor] = useState(null);
|
|
21
|
-
return (_jsxs(_Fragment, { children: [_jsx(Tooltip, Object.assign({ referenceElement: tooltipAnchor, visible: tooltipVisible, tooltipClassName: tooltipClassName, tooltipPlacement: tooltipPlacement }, { children: title || '' })), _jsx("div", Object.assign({ ref: setTooltipAnchor, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, props))] }));
|
|
22
|
-
};
|
|
23
|
-
//# sourceMappingURL=WithTooltip.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WithTooltip.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/WithTooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAkB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAKhD,6FAA6F;AAC7F,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAKX,EAAE,EAAE;QALO,EAC1B,KAAK,EACL,gBAAgB,EAChB,gBAAgB,OAED,EADZ,KAAK,cAJkB,iDAK3B,CADS;IAER,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAC1D,qBAAqB,EAAkB,CAAC;IAC1C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,IAAI,CACL,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,OAAO,kBACN,gBAAgB,EAAE,aAAa,EAC/B,OAAO,EAAE,cAAc,EACvB,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,gBAEjC,KAAK,IAAI,EAAE,IACJ,EACV,4BACE,GAAG,EAAE,gBAAgB,EACrB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,IAC1B,KAAK,EACT,IACD,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Tooltip/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { useCallback, useState } from 'react';
|
|
2
|
-
export const useEnterLeaveHandlers = ({ onMouseEnter, onMouseLeave, } = {}) => {
|
|
3
|
-
const [tooltipVisible, setTooltipVisible] = useState(false);
|
|
4
|
-
const handleMouseEnter = useCallback((e) => {
|
|
5
|
-
setTooltipVisible(true);
|
|
6
|
-
onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
|
|
7
|
-
}, [onMouseEnter]);
|
|
8
|
-
const handleMouseLeave = useCallback((e) => {
|
|
9
|
-
setTooltipVisible(false);
|
|
10
|
-
onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
|
|
11
|
-
}, [onMouseLeave]);
|
|
12
|
-
return { handleMouseEnter, handleMouseLeave, tooltipVisible };
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=useEnterLeaveHandlers.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useEnterLeaveHandlers.js","sourceRoot":"","sources":["../../../../../src/components/Tooltip/hooks/useEnterLeaveHandlers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAwB,EAC3D,YAAY,EACZ,YAAY,MAGV,EAAE,EAAE,EAAE;IACR,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,gBAAgB,GAAyB,WAAW,CACxD,CAAC,CAAC,EAAE,EAAE;QACJ,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,gBAAgB,GAAyB,WAAW,CACxD,CAAC,CAAC,EAAE,EAAE;QACJ,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAC;AAChE,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback, useEffect, useState, } from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { disposeOfMediaStream } from '@stream-io/video-client';
|
|
5
|
-
import { BaseVideo } from '../../core/components/Video';
|
|
6
|
-
import { DEVICE_STATE, useMediaDevices, useOnUnavailableVideoDevices, useVideoDevices, } from '../../core';
|
|
7
|
-
import { LoadingIndicator } from '../LoadingIndicator';
|
|
8
|
-
const DefaultDisabledVideoPreview = () => {
|
|
9
|
-
return _jsx("div", { children: "Video is disabled" });
|
|
10
|
-
};
|
|
11
|
-
const DefaultNoCameraPreview = () => {
|
|
12
|
-
return _jsx("div", { children: "No camera found" });
|
|
13
|
-
};
|
|
14
|
-
const DefaultVideoErrorPreview = ({ message }) => {
|
|
15
|
-
return (_jsxs(_Fragment, { children: [_jsx("div", { children: "Error:" }), _jsx("p", { children: message || 'Unexpected error happened' })] }));
|
|
16
|
-
};
|
|
17
|
-
export const VideoPreview = ({ mirror = true, DisabledVideoPreview = DefaultDisabledVideoPreview, NoCameraPreview = DefaultNoCameraPreview, StartingCameraPreview = LoadingIndicator, VideoErrorPreview = DefaultVideoErrorPreview, }) => {
|
|
18
|
-
const [stream, setStream] = useState();
|
|
19
|
-
const { selectedVideoDeviceId, getVideoStream, initialVideoState, setInitialVideoState, } = useMediaDevices();
|
|
20
|
-
// When there are 0 video devices (e.g. when laptop lid closed),
|
|
21
|
-
// we do not restart the video automatically when the device is again available,
|
|
22
|
-
// but rather leave turning the video on manually to the user.
|
|
23
|
-
useOnUnavailableVideoDevices(() => setInitialVideoState(DEVICE_STATE.stopped));
|
|
24
|
-
const videoDevices = useVideoDevices();
|
|
25
|
-
useEffect(() => {
|
|
26
|
-
if (!initialVideoState.enabled)
|
|
27
|
-
return;
|
|
28
|
-
getVideoStream({ deviceId: selectedVideoDeviceId })
|
|
29
|
-
.then((s) => {
|
|
30
|
-
setStream((previousStream) => {
|
|
31
|
-
if (previousStream) {
|
|
32
|
-
disposeOfMediaStream(previousStream);
|
|
33
|
-
}
|
|
34
|
-
return s;
|
|
35
|
-
});
|
|
36
|
-
})
|
|
37
|
-
.catch((e) => setInitialVideoState(Object.assign(Object.assign({}, DEVICE_STATE.error), { message: e.message })));
|
|
38
|
-
return () => {
|
|
39
|
-
setStream(undefined);
|
|
40
|
-
};
|
|
41
|
-
}, [
|
|
42
|
-
initialVideoState,
|
|
43
|
-
getVideoStream,
|
|
44
|
-
selectedVideoDeviceId,
|
|
45
|
-
setInitialVideoState,
|
|
46
|
-
videoDevices.length,
|
|
47
|
-
]);
|
|
48
|
-
useEffect(() => {
|
|
49
|
-
if (initialVideoState.type === 'stopped') {
|
|
50
|
-
setStream(undefined);
|
|
51
|
-
}
|
|
52
|
-
}, [initialVideoState]);
|
|
53
|
-
const handleOnPlay = useCallback(() => {
|
|
54
|
-
setInitialVideoState(DEVICE_STATE.playing);
|
|
55
|
-
}, [setInitialVideoState]);
|
|
56
|
-
let contents;
|
|
57
|
-
if (initialVideoState.type === 'error') {
|
|
58
|
-
contents = _jsx(VideoErrorPreview, {});
|
|
59
|
-
}
|
|
60
|
-
else if (initialVideoState.type === 'stopped' && !videoDevices.length) {
|
|
61
|
-
contents = _jsx(NoCameraPreview, {});
|
|
62
|
-
}
|
|
63
|
-
else if (initialVideoState.enabled) {
|
|
64
|
-
const loading = initialVideoState.type === 'starting';
|
|
65
|
-
contents = (_jsxs(_Fragment, { children: [stream && (_jsx(BaseVideo, { stream: stream, className: clsx('str-video__video-preview', {
|
|
66
|
-
'str-video__video-preview--mirror': mirror,
|
|
67
|
-
'str-video__video-preview--loading': loading,
|
|
68
|
-
}), onPlay: handleOnPlay })), loading && _jsx(StartingCameraPreview, {})] }));
|
|
69
|
-
}
|
|
70
|
-
else {
|
|
71
|
-
contents = _jsx(DisabledVideoPreview, {});
|
|
72
|
-
}
|
|
73
|
-
return (_jsx("div", Object.assign({ className: clsx('str-video__video-preview-container') }, { children: contents })));
|
|
74
|
-
};
|
|
75
|
-
//# sourceMappingURL=VideoPreview.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VideoPreview.js","sourceRoot":"","sources":["../../../../src/components/Video/VideoPreview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Video/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,qDAAqD,CAAC;AACpE,cAAc,gBAAgB,CAAC"}
|