@stream-io/video-react-sdk 0.2.4 → 0.2.6

package/src/core/hooks/useVideoPublisher.ts

@@ -9,13 +9,7 @@ import {
   watchForAddedDefaultVideoDevice,
   watchForDisconnectedVideoDevice,
 } from '@stream-io/video-client';
-import {
-  useCall,
-  useCallCallingState,
-  useCallMetadata,
-  useCallState,
-  useLocalParticipant,
-} from '@stream-io/video-react-bindings';
+import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
 import { useDebugPreferredVideoCodec } from '../../components/Debug/useIsDebugMode';
 import { useHasBrowserPermissions } from './useDevices';
 
@@ -36,6 +30,12 @@ export const useVideoPublisher = ({
   videoDeviceId,
 }: VideoPublisherInit) => {
   const call = useCall();
+  const {
+    useCallState,
+    useCallCallingState,
+    useLocalParticipant,
+    useCallMetadata,
+  } = useCallStateHooks();
   const callState = useCallState();
   const callingState = useCallCallingState();
   const participant = useLocalParticipant();

package/src/hooks/useToggleAudioMuteState.ts

@@ -1,5 +1,5 @@
 import { useCallback, useRef } from 'react';
-import { useLocalParticipant } from '@stream-io/video-react-bindings';
+import { useCallStateHooks } from '@stream-io/video-react-bindings';
 import { OwnCapability, SfuModels } from '@stream-io/video-client';
 
 import { useMediaDevices } from '../core';
@@ -7,6 +7,7 @@ import { useRequestPermission } from './useRequestPermission';
 
 export const useToggleAudioMuteState = () => {
   const { publishAudioStream, stopPublishingAudio } = useMediaDevices();
+  const { useLocalParticipant } = useCallStateHooks();
   const localParticipant = useLocalParticipant();
 
   const { isAwaitingPermission, requestPermission } = useRequestPermission(

package/src/hooks/useToggleCallRecording.ts

@@ -1,12 +1,9 @@
 import { useCallback, useEffect, useState } from 'react';
-
-import {
-  useCall,
-  useIsCallRecordingInProgress,
-} from '@stream-io/video-react-bindings';
+import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
 
 export const useToggleCallRecording = () => {
   const call = useCall();
+  const { useIsCallRecordingInProgress } = useCallStateHooks();
   const isCallRecordingInProgress = useIsCallRecordingInProgress();
   const [isAwaitingResponse, setIsAwaitingResponse] = useState(false);
 

package/src/hooks/useToggleScreenShare.ts

@@ -1,13 +1,14 @@
 import { useCallback, useRef } from 'react';
-import { useCall, useLocalParticipant } from '@stream-io/video-react-bindings';
+import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
 import {
+  getScreenShareStream,
   OwnCapability,
   SfuModels,
-  getScreenShareStream,
 } from '@stream-io/video-client';
 import { useRequestPermission } from './useRequestPermission';
 
 export const useToggleScreenShare = () => {
+  const { useLocalParticipant } = useCallStateHooks();
   const localParticipant = useLocalParticipant();
   const call = useCall();
   const isScreenSharingReference = useRef(false);

package/src/hooks/useToggleVideoMuteState.ts

@@ -1,5 +1,5 @@
 import { useCallback, useRef } from 'react';
-import { useLocalParticipant } from '@stream-io/video-react-bindings';
+import { useCallStateHooks } from '@stream-io/video-react-bindings';
 import { OwnCapability, SfuModels } from '@stream-io/video-client';
 
 import { useMediaDevices } from '../core';
@@ -7,6 +7,7 @@ import { useRequestPermission } from './useRequestPermission';
 
 export const useToggleVideoMuteState = () => {
   const { publishVideoStream, stopPublishingVideo } = useMediaDevices();
+  const { useLocalParticipant } = useCallStateHooks();
   const localParticipant = useLocalParticipant();
 
   const { isAwaitingPermission, requestPermission } = useRequestPermission(