@stream-io/video-react-sdk 1.40.2 → 1.41.0

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

@@ -1,5 +1,5 @@
-import { OwnCapability } from '@stream-io/video-client';
-export declare const useRequestPermission: (permission: OwnCapability) => {
+import { RequestPermissionRequestPermissionsEnum } from '@stream-io/video-client';
+export declare const useRequestPermission: (permission: RequestPermissionRequestPermissionsEnum) => {
     requestPermission: () => Promise<boolean>;
     hasPermission: boolean;
     canRequestPermission: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-sdk",
-  "version": "1.40.2",
+  "version": "1.41.0",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -45,9 +45,9 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.27.20",
-    "@stream-io/video-client": "1.57.0",
+    "@stream-io/video-client": "1.58.0",
     "@stream-io/video-filters-web": "0.8.6",
-    "@stream-io/video-react-bindings": "1.19.2",
+    "@stream-io/video-react-bindings": "1.20.0",
     "chart.js": "^4.5.1",
     "clsx": "^2.1.1",
     "react-chartjs-2": "^5.3.1"

package/src/components/CallControls/ScreenShareButton.tsx

@@ -1,4 +1,7 @@
-import { OwnCapability } from '@stream-io/video-client';
+import {
+  OwnCapability,
+  RequestPermissionRequestPermissionsEnum,
+} from '@stream-io/video-client';
 import {
   Restricted,
   useCallStateHooks,
@@ -29,7 +32,7 @@ export const ScreenShareButton = (props: ScreenShareButtonProps) => {
     useCallStateHooks();
   const isSomeoneScreenSharing = useHasOngoingScreenShare();
   const { hasPermission, requestPermission, isAwaitingPermission } =
-    useRequestPermission(OwnCapability.SCREENSHARE);
+    useRequestPermission(RequestPermissionRequestPermissionsEnum.SCREENSHARE);
 
   const callSettings = useCallSettings();
   const isScreenSharingAllowed = callSettings?.screensharing.enabled;

package/src/components/CallControls/ToggleAudioButton.tsx

@@ -1,4 +1,8 @@
-import { OwnCapability, SfuModels } from '@stream-io/video-client';
+import {
+  OwnCapability,
+  RequestPermissionRequestPermissionsEnum,
+  SfuModels,
+} from '@stream-io/video-client';
 import {
   Restricted,
   useCallStateHooks,
@@ -139,7 +143,7 @@ export const ToggleAudioPublishingButton = (
   } = props;
 
   const { hasPermission, requestPermission, isAwaitingPermission } =
-    useRequestPermission(OwnCapability.SEND_AUDIO);
+    useRequestPermission(RequestPermissionRequestPermissionsEnum.SEND_AUDIO);
 
   const { useMicrophoneState, useLocalParticipant } = useCallStateHooks();
   const {

package/src/components/CallControls/ToggleVideoButton.tsx

@@ -5,7 +5,11 @@ import {
   UseInputMediaDeviceOptions,
 } from '@stream-io/video-react-bindings';
 import clsx from 'clsx';
-import { OwnCapability, SfuModels } from '@stream-io/video-client';
+import {
+  OwnCapability,
+  RequestPermissionRequestPermissionsEnum,
+  SfuModels,
+} from '@stream-io/video-client';
 import { CompositeButton, IconButtonWithMenuProps } from '../Button/';
 import { DeviceSelectorVideo } from '../DeviceSettings';
 import { PermissionNotification } from '../Notification';
@@ -137,7 +141,7 @@ export const ToggleVideoPublishingButton = (
   } = props;
 
   const { hasPermission, requestPermission, isAwaitingPermission } =
-    useRequestPermission(OwnCapability.SEND_VIDEO);
+    useRequestPermission(RequestPermissionRequestPermissionsEnum.SEND_VIDEO);
 
   const { useCameraState, useCallSettings, useLocalParticipant } =
     useCallStateHooks();

package/src/core/components/ParticipantView/ParticipantActionsContextMenu.tsx

@@ -6,6 +6,8 @@ import {
   hasScreenShareAudio,
   hasVideo,
   OwnCapability,
+  UpdateUserPermissionsRequestGrantPermissionsEnum,
+  UpdateUserPermissionsRequestRevokePermissionsEnum,
 } from '@stream-io/video-client';
 import { useParticipantViewContext } from './ParticipantViewContext';
 import {
@@ -41,19 +43,21 @@ export const ParticipantActionsContextMenu = () => {
   const muteScreenShareAudio = () =>
     call?.muteUser(userId, 'screenshare_audio');
 
-  const grantPermission = (permission: string) => () => {
-    call?.updateUserPermissions({
-      user_id: userId,
-      grant_permissions: [permission],
-    });
-  };
+  const grantPermission =
+    (permission: UpdateUserPermissionsRequestGrantPermissionsEnum) => () => {
+      call?.updateUserPermissions({
+        user_id: userId,
+        grant_permissions: [permission],
+      });
+    };
 
-  const revokePermission = (permission: string) => () => {
-    call?.updateUserPermissions({
-      user_id: userId,
-      revoke_permissions: [permission],
-    });
-  };
+  const revokePermission =
+    (permission: UpdateUserPermissionsRequestRevokePermissionsEnum) => () => {
+      call?.updateUserPermissions({
+        user_id: userId,
+        revoke_permissions: [permission],
+      });
+    };
 
   const toggleParticipantPin = () => {
     if (pin) {

package/src/hooks/useRequestPermission.ts

@@ -1,8 +1,10 @@
 import { useCallback, useEffect, useState } from 'react';
-import { OwnCapability } from '@stream-io/video-client';
+import { RequestPermissionRequestPermissionsEnum } from '@stream-io/video-client';
 import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
 
-export const useRequestPermission = (permission: OwnCapability) => {
+export const useRequestPermission = (
+  permission: RequestPermissionRequestPermissionsEnum,
+) => {
   const call = useCall();
   const { useHasPermissions } = useCallStateHooks();
   const hasPermission = useHasPermissions(permission);