@stream-io/video-react-sdk 0.2.3 → 0.2.5
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 +15 -0
- package/dist/src/components/CallControls/ScreenShareButton.js +2 -1
- package/dist/src/components/CallControls/ScreenShareButton.js.map +1 -1
- package/dist/src/components/CallControls/ToggleAudioButton.js +2 -1
- package/dist/src/components/CallControls/ToggleAudioButton.js.map +1 -1
- package/dist/src/components/CallControls/ToggleVideoButton.js +2 -1
- package/dist/src/components/CallControls/ToggleVideoButton.js.map +1 -1
- package/dist/src/components/CallParticipantsList/CallParticipantListHeader.js +2 -1
- package/dist/src/components/CallParticipantsList/CallParticipantListHeader.js.map +1 -1
- package/dist/src/components/CallParticipantsList/CallParticipantsList.js +3 -1
- package/dist/src/components/CallParticipantsList/CallParticipantsList.js.map +1 -1
- package/dist/src/components/CallRecordingList/CallRecordingListHeader.js.map +1 -1
- package/dist/src/components/CallRecordingList/CallRecordingListItem.js.map +1 -1
- package/dist/src/components/CallStats/CallStats.js +2 -1
- package/dist/src/components/CallStats/CallStats.js.map +1 -1
- package/dist/src/components/Debug/DebugStatsView.js +2 -1
- package/dist/src/components/Debug/DebugStatsView.js.map +1 -1
- package/dist/src/components/Notification/SpeakingWhileMutedNotification.js +2 -1
- package/dist/src/components/Notification/SpeakingWhileMutedNotification.js.map +1 -1
- package/dist/src/components/Permissions/PermissionRequests.js +2 -1
- package/dist/src/components/Permissions/PermissionRequests.js.map +1 -1
- package/dist/src/components/RingingCall/RingingCall.js +3 -2
- package/dist/src/components/RingingCall/RingingCall.js.map +1 -1
- package/dist/src/components/RingingCall/RingingCallControls.js +2 -1
- package/dist/src/components/RingingCall/RingingCallControls.js.map +1 -1
- package/dist/src/components/Tooltip/WithTooltip.js.map +1 -1
- package/dist/src/core/components/CallLayout/PaginatedGridLayout.js +2 -1
- package/dist/src/core/components/CallLayout/PaginatedGridLayout.js.map +1 -1
- package/dist/src/core/components/CallLayout/SpeakerLayout.js +2 -1
- package/dist/src/core/components/CallLayout/SpeakerLayout.js.map +1 -1
- package/dist/src/core/components/ParticipantView/ParticipantView.js +2 -1
- package/dist/src/core/components/ParticipantView/ParticipantView.js.map +1 -1
- package/dist/src/core/contexts/MediaDevicesContext.js +2 -1
- package/dist/src/core/contexts/MediaDevicesContext.js.map +1 -1
- package/dist/src/core/hooks/useAudioPublisher.js +2 -1
- package/dist/src/core/hooks/useAudioPublisher.js.map +1 -1
- package/dist/src/core/hooks/useVideoPublisher.js +2 -1
- package/dist/src/core/hooks/useVideoPublisher.js.map +1 -1
- package/dist/src/hooks/useToggleAudioMuteState.js +2 -1
- package/dist/src/hooks/useToggleAudioMuteState.js.map +1 -1
- package/dist/src/hooks/useToggleCallRecording.js +2 -1
- package/dist/src/hooks/useToggleCallRecording.js.map +1 -1
- package/dist/src/hooks/useToggleScreenShare.js +3 -2
- package/dist/src/hooks/useToggleScreenShare.js.map +1 -1
- package/dist/src/hooks/useToggleVideoMuteState.js +2 -1
- package/dist/src/hooks/useToggleVideoMuteState.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +2 -2
- package/src/components/CallControls/ScreenShareButton.tsx +2 -1
- package/src/components/CallControls/ToggleAudioButton.tsx +2 -1
- package/src/components/CallControls/ToggleVideoButton.tsx +2 -1
- package/src/components/CallParticipantsList/CallParticipantListHeader.tsx +2 -1
- package/src/components/CallParticipantsList/CallParticipantsList.tsx +8 -6
- package/src/components/CallRecordingList/CallRecordingListHeader.tsx +0 -1
- package/src/components/CallRecordingList/CallRecordingListItem.tsx +1 -1
- package/src/components/CallStats/CallStats.tsx +2 -1
- package/src/components/Debug/DebugStatsView.tsx +2 -1
- package/src/components/Notification/SpeakingWhileMutedNotification.tsx +2 -1
- package/src/components/Permissions/PermissionRequests.tsx +2 -1
- package/src/components/RingingCall/RingingCall.tsx +3 -3
- package/src/components/RingingCall/RingingCallControls.tsx +2 -1
- package/src/components/Tooltip/WithTooltip.tsx +1 -1
- package/src/core/components/CallLayout/PaginatedGridLayout.tsx +3 -6
- package/src/core/components/CallLayout/SpeakerLayout.tsx +2 -1
- package/src/core/components/ParticipantView/ParticipantView.tsx +2 -1
- package/src/core/contexts/MediaDevicesContext.tsx +3 -6
- package/src/core/hooks/useAudioPublisher.ts +3 -6
- package/src/core/hooks/useVideoPublisher.ts +7 -7
- package/src/hooks/useToggleAudioMuteState.ts +2 -1
- package/src/hooks/useToggleCallRecording.ts +2 -5
- package/src/hooks/useToggleScreenShare.ts +3 -2
- package/src/hooks/useToggleVideoMuteState.ts +2 -1
|
@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
10
10
|
import { useCallback, useEffect, useRef } from 'react';
|
|
11
11
|
import { map } from 'rxjs';
|
|
12
12
|
import { CallingState, getAudioStream, OwnCapability, SfuModels, watchForAddedDefaultAudioDevice, watchForDisconnectedAudioDevice, } from '@stream-io/video-client';
|
|
13
|
-
import { useCall,
|
|
13
|
+
import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
14
14
|
import { useHasBrowserPermissions } from './useDevices';
|
|
15
15
|
/**
|
|
16
16
|
* @internal
|
|
@@ -18,6 +18,7 @@ import { useHasBrowserPermissions } from './useDevices';
|
|
|
18
18
|
*/
|
|
19
19
|
export const useAudioPublisher = ({ initialAudioMuted, audioDeviceId, }) => {
|
|
20
20
|
const call = useCall();
|
|
21
|
+
const { useCallState, useCallCallingState, useLocalParticipant } = useCallStateHooks();
|
|
21
22
|
const callState = useCallState();
|
|
22
23
|
const callingState = useCallCallingState();
|
|
23
24
|
const participant = useLocalParticipant();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAudioPublisher.js","sourceRoot":"","sources":["../../../../src/core/hooks/useAudioPublisher.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,MAAM,CAAC;AAC3B,OAAO,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,SAAS,EACT,+BAA+B,EAC/B,+BAA+B,GAChC,MAAM,yBAAyB,CAAC;AACjC,OAAO,
|
|
1
|
+
{"version":3,"file":"useAudioPublisher.js","sourceRoot":"","sources":["../../../../src/core/hooks/useAudioPublisher.ts"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
10
10
|
import { useCallback, useEffect, useRef } from 'react';
|
|
11
11
|
import { map } from 'rxjs';
|
|
12
12
|
import { CallingState, getVideoStream, OwnCapability, SfuModels, VideoSettingsCameraFacingEnum, watchForAddedDefaultVideoDevice, watchForDisconnectedVideoDevice, } from '@stream-io/video-client';
|
|
13
|
-
import { useCall,
|
|
13
|
+
import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
14
14
|
import { useDebugPreferredVideoCodec } from '../../components/Debug/useIsDebugMode';
|
|
15
15
|
import { useHasBrowserPermissions } from './useDevices';
|
|
16
16
|
/**
|
|
@@ -19,6 +19,7 @@ import { useHasBrowserPermissions } from './useDevices';
|
|
|
19
19
|
*/
|
|
20
20
|
export const useVideoPublisher = ({ initialVideoMuted, videoDeviceId, }) => {
|
|
21
21
|
const call = useCall();
|
|
22
|
+
const { useCallState, useCallCallingState, useLocalParticipant, useCallMetadata, } = useCallStateHooks();
|
|
22
23
|
const callState = useCallState();
|
|
23
24
|
const callingState = useCallCallingState();
|
|
24
25
|
const participant = useLocalParticipant();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useVideoPublisher.js","sourceRoot":"","sources":["../../../../src/core/hooks/useVideoPublisher.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,MAAM,CAAC;AAC3B,OAAO,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,SAAS,EACT,6BAA6B,EAC7B,+BAA+B,EAC/B,+BAA+B,GAChC,MAAM,yBAAyB,CAAC;AACjC,OAAO,
|
|
1
|
+
{"version":3,"file":"useVideoPublisher.js","sourceRoot":"","sources":["../../../../src/core/hooks/useVideoPublisher.ts"],"names":[],"mappings":"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"}
|
|
@@ -8,12 +8,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
8
8
|
});
|
|
9
9
|
};
|
|
10
10
|
import { useCallback, useRef } from 'react';
|
|
11
|
-
import {
|
|
11
|
+
import { useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
12
12
|
import { OwnCapability, SfuModels } from '@stream-io/video-client';
|
|
13
13
|
import { useMediaDevices } from '../core';
|
|
14
14
|
import { useRequestPermission } from './useRequestPermission';
|
|
15
15
|
export const useToggleAudioMuteState = () => {
|
|
16
16
|
const { publishAudioStream, stopPublishingAudio } = useMediaDevices();
|
|
17
|
+
const { useLocalParticipant } = useCallStateHooks();
|
|
17
18
|
const localParticipant = useLocalParticipant();
|
|
18
19
|
const { isAwaitingPermission, requestPermission } = useRequestPermission(OwnCapability.SEND_AUDIO);
|
|
19
20
|
// to keep the toggle function as stable as possible
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useToggleAudioMuteState.js","sourceRoot":"","sources":["../../../src/hooks/useToggleAudioMuteState.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"useToggleAudioMuteState.js","sourceRoot":"","sources":["../../../src/hooks/useToggleAudioMuteState.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,GAAG,eAAe,EAAE,CAAC;IACtE,MAAM,EAAE,mBAAmB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACpD,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAE/C,MAAM,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CACtE,aAAa,CAAC,UAAU,CACzB,CAAC;IAEF,oDAAoD;IACpD,MAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE5C,qBAAqB,CAAC,OAAO,GAAG,CAAC,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,eAAe,CAAC,QAAQ,CACzE,SAAS,CAAC,SAAS,CAAC,KAAK,CAC1B,CAAA,CAAC;IAEF,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAS,EAAE;QAClD,IAAI,qBAAqB,CAAC,OAAO,EAAE;YACjC,MAAM,UAAU,GAAG,MAAM,iBAAiB,EAAE,CAAC;YAC7C,IAAI,UAAU;gBAAE,OAAO,kBAAkB,EAAE,CAAC;SAC7C;QAED,IAAI,CAAC,qBAAqB,CAAC,OAAO;YAAE,mBAAmB,EAAE,CAAC;IAC5D,CAAC,CAAA,EAAE,CAAC,kBAAkB,EAAE,iBAAiB,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEjE,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAC;AACxD,CAAC,CAAC"}
|
|
@@ -8,9 +8,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
8
8
|
});
|
|
9
9
|
};
|
|
10
10
|
import { useCallback, useEffect, useState } from 'react';
|
|
11
|
-
import { useCall,
|
|
11
|
+
import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
12
12
|
export const useToggleCallRecording = () => {
|
|
13
13
|
const call = useCall();
|
|
14
|
+
const { useIsCallRecordingInProgress } = useCallStateHooks();
|
|
14
15
|
const isCallRecordingInProgress = useIsCallRecordingInProgress();
|
|
15
16
|
const [isAwaitingResponse, setIsAwaitingResponse] = useState(false);
|
|
16
17
|
// TODO: add permissions
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useToggleCallRecording.js","sourceRoot":"","sources":["../../../src/hooks/useToggleCallRecording.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"useToggleCallRecording.js","sourceRoot":"","sources":["../../../src/hooks/useToggleCallRecording.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAE7E,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,4BAA4B,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC7D,MAAM,yBAAyB,GAAG,4BAA4B,EAAE,CAAC;IACjE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpE,wBAAwB;IAExB,SAAS,CAAC,GAAG,EAAE;QACb,kEAAkE;QAClE,8CAA8C;QAC9C,yDAAyD;QACzD,qBAAqB,CAAC,CAAC,UAAU,EAAE,EAAE;YACnC,IAAI,UAAU;gBAAE,OAAO,KAAK,CAAC;YAC7B,OAAO,UAAU,CAAC;QACpB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC,CAAC;IAEhC,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAS,EAAE;QACjD,IAAI;YACF,qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC5B,IAAI,yBAAyB,EAAE;gBAC7B,MAAM,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,EAAE,CAAA,CAAC;aAC7B;iBAAM;gBACL,MAAM,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,EAAE,CAAA,CAAC;aAC9B;SACF;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAC;SAC5C;IACH,CAAC,CAAA,EAAE,CAAC,IAAI,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAEtC,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,CAAC;AAChF,CAAC,CAAC"}
|
|
@@ -8,10 +8,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
8
8
|
});
|
|
9
9
|
};
|
|
10
10
|
import { useCallback, useRef } from 'react';
|
|
11
|
-
import { useCall,
|
|
12
|
-
import { OwnCapability, SfuModels,
|
|
11
|
+
import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
12
|
+
import { getScreenShareStream, OwnCapability, SfuModels, } from '@stream-io/video-client';
|
|
13
13
|
import { useRequestPermission } from './useRequestPermission';
|
|
14
14
|
export const useToggleScreenShare = () => {
|
|
15
|
+
const { useLocalParticipant } = useCallStateHooks();
|
|
15
16
|
const localParticipant = useLocalParticipant();
|
|
16
17
|
const call = useCall();
|
|
17
18
|
const isScreenSharingReference = useRef(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useToggleScreenShare.js","sourceRoot":"","sources":["../../../src/hooks/useToggleScreenShare.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"useToggleScreenShare.js","sourceRoot":"","sources":["../../../src/hooks/useToggleScreenShare.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EACL,oBAAoB,EACpB,aAAa,EACb,SAAS,GACV,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,mBAAmB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACpD,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,wBAAwB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CACtE,aAAa,CAAC,WAAW,CAC1B,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,CAAC,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,eAAe,CAAC,QAAQ,CAClE,SAAS,CAAC,SAAS,CAAC,YAAY,CACjC,CAAA,CAAC;IAEF,wBAAwB,CAAC,OAAO,GAAG,eAAe,CAAC;IAEnD,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAS,EAAE;QAC/C,IAAI,CAAC,wBAAwB,CAAC,OAAO,EAAE;YACrC,MAAM,UAAU,GAAG,MAAM,iBAAiB,EAAE,CAAC;YAC7C,IAAI,CAAC,UAAU;gBAAE,OAAO;YAExB,MAAM,MAAM,GAAG,MAAM,oBAAoB,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;gBACtD,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,EAAE,CAAC,CAAC;YAC1C,CAAC,CAAC,CAAC;YAEH,IAAI,MAAM,EAAE;gBACV,OAAO,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,wBAAwB,CAAC,MAAM,CAAC,CAAC;aAC/C;SACF;QAED,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,CAAC,SAAS,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IACtD,CAAC,CAAA,EAAE,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE9B,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,eAAe,EAAE,CAAC;AACtE,CAAC,CAAC"}
|
|
@@ -8,12 +8,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
8
8
|
});
|
|
9
9
|
};
|
|
10
10
|
import { useCallback, useRef } from 'react';
|
|
11
|
-
import {
|
|
11
|
+
import { useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
12
12
|
import { OwnCapability, SfuModels } from '@stream-io/video-client';
|
|
13
13
|
import { useMediaDevices } from '../core';
|
|
14
14
|
import { useRequestPermission } from './useRequestPermission';
|
|
15
15
|
export const useToggleVideoMuteState = () => {
|
|
16
16
|
const { publishVideoStream, stopPublishingVideo } = useMediaDevices();
|
|
17
|
+
const { useLocalParticipant } = useCallStateHooks();
|
|
17
18
|
const localParticipant = useLocalParticipant();
|
|
18
19
|
const { isAwaitingPermission, requestPermission } = useRequestPermission(OwnCapability.SEND_VIDEO);
|
|
19
20
|
// to keep the toggle function as stable as possible
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useToggleVideoMuteState.js","sourceRoot":"","sources":["../../../src/hooks/useToggleVideoMuteState.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"useToggleVideoMuteState.js","sourceRoot":"","sources":["../../../src/hooks/useToggleVideoMuteState.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,GAAG,eAAe,EAAE,CAAC;IACtE,MAAM,EAAE,mBAAmB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACpD,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAE/C,MAAM,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CACtE,aAAa,CAAC,UAAU,CACzB,CAAC;IAEF,oDAAoD;IACpD,MAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE5C,qBAAqB,CAAC,OAAO,GAAG,CAAC,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,eAAe,CAAC,QAAQ,CACzE,SAAS,CAAC,SAAS,CAAC,KAAK,CAC1B,CAAA,CAAC;IAEF,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAS,EAAE;QAClD,IAAI,qBAAqB,CAAC,OAAO,EAAE;YACjC,MAAM,UAAU,GAAG,MAAM,iBAAiB,EAAE,CAAC;YAC7C,IAAI,UAAU;gBAAE,OAAO,kBAAkB,EAAE,CAAC;SAC7C;QAED,IAAI,CAAC,qBAAqB,CAAC,OAAO;YAAE,mBAAmB,EAAE,CAAC;IAC5D,CAAC,CAAA,EAAE,CAAC,kBAAkB,EAAE,iBAAiB,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEjE,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAC;AACxD,CAAC,CAAC"}
|
package/dist/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "0.2.
|
|
1
|
+
export declare const version = "0.2.5";
|
package/dist/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const version = '0.2.
|
|
1
|
+
export const version = '0.2.5';
|
|
2
2
|
//# sourceMappingURL=version.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stream-io/video-react-sdk",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.5",
|
|
4
4
|
"packageManager": "yarn@3.2.4",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"@nivo/line": "^0.80.0",
|
|
35
35
|
"@stream-io/i18n": "^0.1.1",
|
|
36
36
|
"@stream-io/video-client": "^0.2.2",
|
|
37
|
-
"@stream-io/video-react-bindings": "^0.1.
|
|
37
|
+
"@stream-io/video-react-bindings": "^0.1.17",
|
|
38
38
|
"clsx": "^1.2.1",
|
|
39
39
|
"prop-types": "^15.8.1",
|
|
40
40
|
"rxjs": "~7.8.1"
|
|
@@ -2,7 +2,7 @@ import { OwnCapability } from '@stream-io/video-client';
|
|
|
2
2
|
import {
|
|
3
3
|
Restricted,
|
|
4
4
|
useCall,
|
|
5
|
-
|
|
5
|
+
useCallStateHooks,
|
|
6
6
|
useI18n,
|
|
7
7
|
} from '@stream-io/video-react-bindings';
|
|
8
8
|
import { CompositeButton, IconButton } from '../Button/';
|
|
@@ -17,6 +17,7 @@ export const ScreenShareButton = ({
|
|
|
17
17
|
caption = 'Screen Share',
|
|
18
18
|
}: ScreenShareButtonProps) => {
|
|
19
19
|
const call = useCall();
|
|
20
|
+
const { useHasOngoingScreenShare } = useCallStateHooks();
|
|
20
21
|
const isSomeoneScreenSharing = useHasOngoingScreenShare();
|
|
21
22
|
|
|
22
23
|
const { t } = useI18n();
|
|
@@ -2,8 +2,8 @@ import { ComponentType } from 'react';
|
|
|
2
2
|
import { OwnCapability, SfuModels } from '@stream-io/video-client';
|
|
3
3
|
import {
|
|
4
4
|
Restricted,
|
|
5
|
+
useCallStateHooks,
|
|
5
6
|
useI18n,
|
|
6
|
-
useLocalParticipant,
|
|
7
7
|
} from '@stream-io/video-react-bindings';
|
|
8
8
|
|
|
9
9
|
import { useMediaDevices } from '../../core';
|
|
@@ -47,6 +47,7 @@ export type ToggleAudioPublishingButtonProps = {
|
|
|
47
47
|
export const ToggleAudioPublishingButton = (
|
|
48
48
|
props: ToggleAudioPublishingButtonProps,
|
|
49
49
|
) => {
|
|
50
|
+
const { useLocalParticipant } = useCallStateHooks();
|
|
50
51
|
const localParticipant = useLocalParticipant();
|
|
51
52
|
const { t } = useI18n();
|
|
52
53
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ComponentType } from 'react';
|
|
2
2
|
import {
|
|
3
3
|
Restricted,
|
|
4
|
+
useCallStateHooks,
|
|
4
5
|
useI18n,
|
|
5
|
-
useLocalParticipant,
|
|
6
6
|
} from '@stream-io/video-react-bindings';
|
|
7
7
|
|
|
8
8
|
import { OwnCapability, SfuModels } from '@stream-io/video-client';
|
|
@@ -46,6 +46,7 @@ type ToggleVideoPublishingButtonProps = {
|
|
|
46
46
|
export const ToggleVideoPublishingButton = (
|
|
47
47
|
props: ToggleVideoPublishingButtonProps,
|
|
48
48
|
) => {
|
|
49
|
+
const { useLocalParticipant } = useCallStateHooks();
|
|
49
50
|
const localParticipant = useLocalParticipant();
|
|
50
51
|
const { t } = useI18n();
|
|
51
52
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
2
2
|
|
|
3
3
|
export type CallParticipantListHeaderProps = {
|
|
4
4
|
/** Click event listener function to be invoked in order to dismiss / hide the CallParticipantsList from the UI */
|
|
@@ -8,6 +8,7 @@ export type CallParticipantListHeaderProps = {
|
|
|
8
8
|
export const CallParticipantListHeader = ({
|
|
9
9
|
onClose,
|
|
10
10
|
}: CallParticipantListHeaderProps) => {
|
|
11
|
+
const { useParticipants } = useCallStateHooks();
|
|
11
12
|
const participants = useParticipants();
|
|
12
13
|
|
|
13
14
|
return (
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import {
|
|
2
|
+
ComponentProps,
|
|
3
|
+
Dispatch,
|
|
2
4
|
ForwardedRef,
|
|
3
5
|
forwardRef,
|
|
6
|
+
SetStateAction,
|
|
4
7
|
useCallback,
|
|
5
8
|
useState,
|
|
6
|
-
ComponentProps,
|
|
7
9
|
} from 'react';
|
|
8
10
|
import {
|
|
9
11
|
Restricted,
|
|
10
12
|
useCall,
|
|
11
|
-
|
|
12
|
-
useParticipants,
|
|
13
|
+
useCallStateHooks,
|
|
13
14
|
} from '@stream-io/video-react-bindings';
|
|
14
15
|
import {
|
|
15
16
|
name,
|
|
@@ -111,9 +112,7 @@ const CallParticipantListContentHeader = ({
|
|
|
111
112
|
setUserListType,
|
|
112
113
|
}: {
|
|
113
114
|
userListType: keyof typeof UserListTypes;
|
|
114
|
-
setUserListType:
|
|
115
|
-
React.SetStateAction<keyof typeof UserListTypes>
|
|
116
|
-
>;
|
|
115
|
+
setUserListType: Dispatch<SetStateAction<keyof typeof UserListTypes>>;
|
|
117
116
|
}) => {
|
|
118
117
|
const call = useCall();
|
|
119
118
|
|
|
@@ -161,6 +160,7 @@ const ActiveUsersSearchResults = ({
|
|
|
161
160
|
CallParticipantListProps,
|
|
162
161
|
'activeUsersSearchFn' | 'debounceSearchInterval'
|
|
163
162
|
> & { searchQuery: string }) => {
|
|
163
|
+
const { useParticipants } = useCallStateHooks();
|
|
164
164
|
const participants = useParticipants({ sortBy: name });
|
|
165
165
|
|
|
166
166
|
const activeUsersSearchFn = useCallback(
|
|
@@ -201,6 +201,8 @@ const BlockedUsersSearchResults = ({
|
|
|
201
201
|
CallParticipantListProps,
|
|
202
202
|
'blockedUsersSearchFn' | 'debounceSearchInterval'
|
|
203
203
|
> & { searchQuery: string }) => {
|
|
204
|
+
const { useCallMetadata } = useCallStateHooks();
|
|
205
|
+
|
|
204
206
|
const { blocked_user_ids: blockedUsers = [] } = useCallMetadata()!;
|
|
205
207
|
|
|
206
208
|
const blockedUsersSearchFn = useCallback(
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import clsx from 'clsx';
|
|
2
|
-
import
|
|
2
|
+
import { ComponentProps, ForwardedRef, forwardRef } from 'react';
|
|
3
3
|
import { CallRecording } from '@stream-io/video-client';
|
|
4
4
|
import { CopyToClipboardButtonWithPopup } from '../Button';
|
|
5
5
|
|
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
AggregatedStatsReport,
|
|
4
4
|
CallStatsReport,
|
|
5
5
|
} from '@stream-io/video-client';
|
|
6
|
-
import {
|
|
6
|
+
import { useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
7
7
|
import { CallStatsLatencyChart } from './CallStatsLatencyChart';
|
|
8
8
|
|
|
9
9
|
export const CallStats = () => {
|
|
@@ -17,6 +17,7 @@ export const CallStats = () => {
|
|
|
17
17
|
const [publishBitrate, setPublishBitrate] = useState('-');
|
|
18
18
|
const [subscribeBitrate, setSubscribeBitrate] = useState('-');
|
|
19
19
|
const previousStats = useRef<CallStatsReport>();
|
|
20
|
+
const { useCallStatsReport } = useCallStateHooks();
|
|
20
21
|
const callStatsReport = useCallStatsReport();
|
|
21
22
|
|
|
22
23
|
useEffect(() => {
|
|
@@ -2,7 +2,7 @@ import { useEffect, useRef, useState } from 'react';
|
|
|
2
2
|
import { Call } from '@stream-io/video-client';
|
|
3
3
|
import { useFloatingUIPreset } from '../../hooks';
|
|
4
4
|
import { StatCard } from '../CallStats';
|
|
5
|
-
import {
|
|
5
|
+
import { useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
6
6
|
|
|
7
7
|
export const DebugStatsView = (props: {
|
|
8
8
|
call: Call;
|
|
@@ -11,6 +11,7 @@ export const DebugStatsView = (props: {
|
|
|
11
11
|
userId: string;
|
|
12
12
|
}) => {
|
|
13
13
|
const { call, mediaStream, sessionId, userId } = props;
|
|
14
|
+
const { useCallStatsReport } = useCallStateHooks();
|
|
14
15
|
const callStatsReport = useCallStatsReport();
|
|
15
16
|
|
|
16
17
|
useEffect(() => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropsWithChildren, useEffect, useState } from 'react';
|
|
2
2
|
import { createSoundDetector, SfuModels } from '@stream-io/video-client';
|
|
3
|
-
import {
|
|
3
|
+
import { useCallStateHooks, useI18n } from '@stream-io/video-react-bindings';
|
|
4
4
|
|
|
5
5
|
import { useMediaDevices } from '../../core';
|
|
6
6
|
import { Notification } from './Notification';
|
|
@@ -16,6 +16,7 @@ export const SpeakingWhileMutedNotification = ({
|
|
|
16
16
|
children,
|
|
17
17
|
text,
|
|
18
18
|
}: PropsWithChildren<SpeakingWhileMutedNotificationProps>) => {
|
|
19
|
+
const { useLocalParticipant } = useCallStateHooks();
|
|
19
20
|
const localParticipant = useLocalParticipant();
|
|
20
21
|
const { getAudioStream } = useMediaDevices();
|
|
21
22
|
const { t } = useI18n();
|
|
@@ -15,9 +15,9 @@ import {
|
|
|
15
15
|
} from '@stream-io/video-client';
|
|
16
16
|
import {
|
|
17
17
|
useCall,
|
|
18
|
+
useCallStateHooks,
|
|
18
19
|
useHasPermissions,
|
|
19
20
|
useI18n,
|
|
20
|
-
useLocalParticipant,
|
|
21
21
|
} from '@stream-io/video-react-bindings';
|
|
22
22
|
import clsx from 'clsx';
|
|
23
23
|
|
|
@@ -39,6 +39,7 @@ type HandleUpdatePermission = (
|
|
|
39
39
|
|
|
40
40
|
export const PermissionRequests = () => {
|
|
41
41
|
const call = useCall();
|
|
42
|
+
const { useLocalParticipant } = useCallStateHooks();
|
|
42
43
|
const localParticipant = useLocalParticipant();
|
|
43
44
|
const [expanded, setExpanded] = useState(false);
|
|
44
45
|
const [permissionRequests, setPermissionRequests] = useState<
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { CallingState, UserResponse } from '@stream-io/video-client';
|
|
2
2
|
import {
|
|
3
3
|
useCall,
|
|
4
|
-
|
|
5
|
-
useCallMembers,
|
|
4
|
+
useCallStateHooks,
|
|
6
5
|
useConnectedUser,
|
|
7
6
|
useI18n,
|
|
8
7
|
} from '@stream-io/video-react-bindings';
|
|
@@ -39,8 +38,9 @@ export type RingingCallProps = {
|
|
|
39
38
|
export const RingingCall = (props: RingingCallProps) => {
|
|
40
39
|
const { includeSelf = false, totalMembersToShow = 3 } = props;
|
|
41
40
|
const call = useCall();
|
|
42
|
-
const callingState = useCallCallingState();
|
|
43
41
|
const { t } = useI18n();
|
|
42
|
+
const { useCallCallingState, useCallMembers } = useCallStateHooks();
|
|
43
|
+
const callingState = useCallCallingState();
|
|
44
44
|
const members = useCallMembers();
|
|
45
45
|
const connectedUser = useConnectedUser();
|
|
46
46
|
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { CallingState } from '@stream-io/video-client';
|
|
2
2
|
import { AcceptCallButton, CancelCallButton } from '../CallControls';
|
|
3
|
-
import { useCall,
|
|
3
|
+
import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
4
4
|
|
|
5
5
|
export const RingingCallControls = () => {
|
|
6
6
|
const call = useCall();
|
|
7
|
+
const { useCallCallingState } = useCallStateHooks();
|
|
7
8
|
const callCallingState = useCallCallingState();
|
|
8
9
|
|
|
9
10
|
if (!call) return null;
|
|
@@ -1,10 +1,5 @@
|
|
|
1
1
|
import { useEffect, useMemo, useState } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
useCall,
|
|
4
|
-
useLocalParticipant,
|
|
5
|
-
useParticipants,
|
|
6
|
-
useRemoteParticipants,
|
|
7
|
-
} from '@stream-io/video-react-bindings';
|
|
2
|
+
import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
8
3
|
import {
|
|
9
4
|
StreamVideoLocalParticipant,
|
|
10
5
|
StreamVideoParticipant,
|
|
@@ -85,6 +80,8 @@ export const PaginatedGridLayout = ({
|
|
|
85
80
|
const [page, setPage] = useState(0);
|
|
86
81
|
|
|
87
82
|
const call = useCall();
|
|
83
|
+
const { useParticipants, useRemoteParticipants, useLocalParticipant } =
|
|
84
|
+
useCallStateHooks();
|
|
88
85
|
const participants = useParticipants();
|
|
89
86
|
// used to render audio elements
|
|
90
87
|
const remoteParticipants = useRemoteParticipants();
|
|
@@ -10,7 +10,7 @@ import {
|
|
|
10
10
|
speakerLayoutSortPreset,
|
|
11
11
|
StreamVideoParticipant,
|
|
12
12
|
} from '@stream-io/video-client';
|
|
13
|
-
import { useCall,
|
|
13
|
+
import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
14
14
|
|
|
15
15
|
import {
|
|
16
16
|
DefaultParticipantViewUI,
|
|
@@ -47,6 +47,7 @@ export const SpeakerLayout = ({
|
|
|
47
47
|
participantsBarPosition = 'bottom',
|
|
48
48
|
}: SpeakerLayoutProps) => {
|
|
49
49
|
const call = useCall();
|
|
50
|
+
const { useParticipants } = useCallStateHooks();
|
|
50
51
|
const [participantInSpotlight, ...otherParticipants] = useParticipants();
|
|
51
52
|
const [scrollWrapper, setScrollWrapper] = useState<HTMLDivElement | null>(
|
|
52
53
|
null,
|
|
@@ -13,13 +13,13 @@ import {
|
|
|
13
13
|
StreamVideoLocalParticipant,
|
|
14
14
|
StreamVideoParticipant,
|
|
15
15
|
} from '@stream-io/video-client';
|
|
16
|
+
import { useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
16
17
|
|
|
17
18
|
import { Audio } from '../Audio';
|
|
18
19
|
import { Video, VideoProps } from '../Video';
|
|
19
20
|
import { useTrackElementVisibility } from '../../hooks';
|
|
20
21
|
import { DefaultParticipantViewUI } from './DefaultParticipantViewUI';
|
|
21
22
|
import { applyElementToRef, isComponentType } from '../../../utilities';
|
|
22
|
-
import { useLocalParticipant } from '@stream-io/video-react-bindings';
|
|
23
23
|
|
|
24
24
|
export type ParticipantViewContextValue = Required<
|
|
25
25
|
Pick<ParticipantViewProps, 'participant' | 'videoMode'>
|
|
@@ -93,6 +93,7 @@ export const ParticipantView = forwardRef<HTMLDivElement, ParticipantViewProps>(
|
|
|
93
93
|
publishedTracks,
|
|
94
94
|
sessionId,
|
|
95
95
|
} = participant;
|
|
96
|
+
const { useLocalParticipant } = useCallStateHooks();
|
|
96
97
|
const localParticipant = useLocalParticipant();
|
|
97
98
|
|
|
98
99
|
const hasAudio = publishedTracks.includes(SfuModels.TrackType.AUDIO);
|
|
@@ -16,12 +16,7 @@ import {
|
|
|
16
16
|
SfuModels,
|
|
17
17
|
watchForDisconnectedAudioOutputDevice,
|
|
18
18
|
} from '@stream-io/video-client';
|
|
19
|
-
import {
|
|
20
|
-
useCall,
|
|
21
|
-
useCallCallingState,
|
|
22
|
-
useCallMetadata,
|
|
23
|
-
useCallState,
|
|
24
|
-
} from '@stream-io/video-react-bindings';
|
|
19
|
+
import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
25
20
|
|
|
26
21
|
import {
|
|
27
22
|
useAudioInputDeviceFallback,
|
|
@@ -240,6 +235,8 @@ export const MediaDevicesProvider = ({
|
|
|
240
235
|
initialAudioInputDeviceId = DEFAULT_DEVICE_ID,
|
|
241
236
|
}: PropsWithChildren<MediaDevicesProviderProps>) => {
|
|
242
237
|
const call = useCall();
|
|
238
|
+
const { useCallCallingState, useCallState, useCallMetadata } =
|
|
239
|
+
useCallStateHooks();
|
|
243
240
|
const callingState = useCallCallingState();
|
|
244
241
|
const callState = useCallState();
|
|
245
242
|
const metadata = useCallMetadata();
|
|
@@ -8,12 +8,7 @@ import {
|
|
|
8
8
|
watchForAddedDefaultAudioDevice,
|
|
9
9
|
watchForDisconnectedAudioDevice,
|
|
10
10
|
} from '@stream-io/video-client';
|
|
11
|
-
import {
|
|
12
|
-
useCall,
|
|
13
|
-
useCallCallingState,
|
|
14
|
-
useCallState,
|
|
15
|
-
useLocalParticipant,
|
|
16
|
-
} from '@stream-io/video-react-bindings';
|
|
11
|
+
import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
17
12
|
import { useHasBrowserPermissions } from './useDevices';
|
|
18
13
|
|
|
19
14
|
/**
|
|
@@ -33,6 +28,8 @@ export const useAudioPublisher = ({
|
|
|
33
28
|
audioDeviceId,
|
|
34
29
|
}: AudioPublisherInit) => {
|
|
35
30
|
const call = useCall();
|
|
31
|
+
const { useCallState, useCallCallingState, useLocalParticipant } =
|
|
32
|
+
useCallStateHooks();
|
|
36
33
|
const callState = useCallState();
|
|
37
34
|
const callingState = useCallCallingState();
|
|
38
35
|
const participant = useLocalParticipant();
|
|
@@ -9,13 +9,7 @@ import {
|
|
|
9
9
|
watchForAddedDefaultVideoDevice,
|
|
10
10
|
watchForDisconnectedVideoDevice,
|
|
11
11
|
} from '@stream-io/video-client';
|
|
12
|
-
import {
|
|
13
|
-
useCall,
|
|
14
|
-
useCallCallingState,
|
|
15
|
-
useCallMetadata,
|
|
16
|
-
useCallState,
|
|
17
|
-
useLocalParticipant,
|
|
18
|
-
} from '@stream-io/video-react-bindings';
|
|
12
|
+
import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
19
13
|
import { useDebugPreferredVideoCodec } from '../../components/Debug/useIsDebugMode';
|
|
20
14
|
import { useHasBrowserPermissions } from './useDevices';
|
|
21
15
|
|
|
@@ -36,6 +30,12 @@ export const useVideoPublisher = ({
|
|
|
36
30
|
videoDeviceId,
|
|
37
31
|
}: VideoPublisherInit) => {
|
|
38
32
|
const call = useCall();
|
|
33
|
+
const {
|
|
34
|
+
useCallState,
|
|
35
|
+
useCallCallingState,
|
|
36
|
+
useLocalParticipant,
|
|
37
|
+
useCallMetadata,
|
|
38
|
+
} = useCallStateHooks();
|
|
39
39
|
const callState = useCallState();
|
|
40
40
|
const callingState = useCallCallingState();
|
|
41
41
|
const participant = useLocalParticipant();
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useCallback, useRef } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
3
3
|
import { OwnCapability, SfuModels } from '@stream-io/video-client';
|
|
4
4
|
|
|
5
5
|
import { useMediaDevices } from '../core';
|
|
@@ -7,6 +7,7 @@ import { useRequestPermission } from './useRequestPermission';
|
|
|
7
7
|
|
|
8
8
|
export const useToggleAudioMuteState = () => {
|
|
9
9
|
const { publishAudioStream, stopPublishingAudio } = useMediaDevices();
|
|
10
|
+
const { useLocalParticipant } = useCallStateHooks();
|
|
10
11
|
const localParticipant = useLocalParticipant();
|
|
11
12
|
|
|
12
13
|
const { isAwaitingPermission, requestPermission } = useRequestPermission(
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
import { useCallback, useEffect, useState } from 'react';
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
useCall,
|
|
5
|
-
useIsCallRecordingInProgress,
|
|
6
|
-
} from '@stream-io/video-react-bindings';
|
|
2
|
+
import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
7
3
|
|
|
8
4
|
export const useToggleCallRecording = () => {
|
|
9
5
|
const call = useCall();
|
|
6
|
+
const { useIsCallRecordingInProgress } = useCallStateHooks();
|
|
10
7
|
const isCallRecordingInProgress = useIsCallRecordingInProgress();
|
|
11
8
|
const [isAwaitingResponse, setIsAwaitingResponse] = useState(false);
|
|
12
9
|
|