@stream-io/video-react-sdk 1.7.5 → 1.7.7

package/dist/src/hooks/index.d.ts

@@ -1,5 +1,4 @@
 export * from './useFloatingUIPreset';
 export * from './usePersistedDevicePreferences';
 export * from './useScrollPosition';
-export * from './useToggleCallRecording';
 export * from './useRequestPermission';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-sdk",
-  "version": "1.7.5",
+  "version": "1.7.7",
   "packageManager": "yarn@3.2.4",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
@@ -32,9 +32,9 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.26.24",
-    "@stream-io/video-client": "1.10.1",
+    "@stream-io/video-client": "1.10.2",
     "@stream-io/video-filters-web": "0.1.4",
-    "@stream-io/video-react-bindings": "1.1.10",
+    "@stream-io/video-react-bindings": "1.1.12",
     "chart.js": "^4.4.4",
     "clsx": "^2.0.0",
     "react-chartjs-2": "^5.2.0"

package/src/components/CallControls/RecordCallButton.tsx

@@ -1,7 +1,11 @@
 import { forwardRef } from 'react';
 
 import { OwnCapability } from '@stream-io/video-client';
-import { Restricted, useI18n } from '@stream-io/video-react-bindings';
+import {
+  Restricted,
+  useI18n,
+  useToggleCallRecording,
+} from '@stream-io/video-react-bindings';
 import { CompositeButton } from '../Button/';
 import { Icon } from '../Icon';
 import {
@@ -11,7 +15,6 @@ import {
   useMenuContext,
 } from '../Menu';
 import { LoadingIndicator } from '../LoadingIndicator';
-import { useToggleCallRecording } from '../../hooks';
 import { WithTooltip } from '../Tooltip';
 
 export type RecordCallButtonProps = {

package/src/components/Notification/RecordingInProgressNotification.tsx

@@ -1,6 +1,8 @@
 import { PropsWithChildren, useEffect, useState } from 'react';
-import { useI18n } from '@stream-io/video-react-bindings';
-import { useToggleCallRecording } from '../../hooks';
+import {
+  useI18n,
+  useToggleCallRecording,
+} from '@stream-io/video-react-bindings';
 import { Notification } from './Notification';
 
 export type RecordingInProgressNotificationProps = {

package/src/hooks/index.ts

@@ -1,5 +1,4 @@
 export * from './useFloatingUIPreset';
 export * from './usePersistedDevicePreferences';
 export * from './useScrollPosition';
-export * from './useToggleCallRecording';
 export * from './useRequestPermission';

package/dist/src/hooks/useToggleCallRecording.d.ts

@@ -1,5 +0,0 @@
-export declare const useToggleCallRecording: () => {
-    toggleCallRecording: () => Promise<void>;
-    isAwaitingResponse: boolean;
-    isCallRecordingInProgress: boolean;
-};

package/src/hooks/useToggleCallRecording.ts

@@ -1,36 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-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);
-
-  // TODO: add permissions
-
-  useEffect(() => {
-    // we wait until call.recording_started/stopped event to flips the
-    // `isCallRecordingInProgress` state variable.
-    // Once the flip happens, we remove the loading indicator
-    setIsAwaitingResponse((isAwaiting) => {
-      if (isAwaiting) return false;
-      return isAwaiting;
-    });
-  }, [isCallRecordingInProgress]);
-
-  const toggleCallRecording = useCallback(async () => {
-    try {
-      setIsAwaitingResponse(true);
-      if (isCallRecordingInProgress) {
-        await call?.stopRecording();
-      } else {
-        await call?.startRecording();
-      }
-    } catch (e) {
-      console.error(`Failed start recording`, e);
-    }
-  }, [call, isCallRecordingInProgress]);
-
-  return { toggleCallRecording, isAwaitingResponse, isCallRecordingInProgress };
-};