@stream-io/video-react-native-sdk 0.0.11 → 0.0.13

package/dist/module/utils/StreamVideoRN/permissions.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["switchMap","BehaviorSubject","EMPTY","isCameraPermissionGranted$","isMicPermissionGranted$","subscribeToDevicesWhenPermissionGranted","isDevicePermissionGranted$","getDevicesFunc","subscriptionCallback","pipe","isDevicePermissionGranted","subscribe"],"sourceRoot":"../../../../src","sources":["utils/StreamVideoRN/permissions.ts"],"mappings":"AAAA,SAASA,SAAS,QAAQ,gBAAgB;AAC1C,SAASC,eAAe,EAAEC,KAAK,QAAoB,MAAM;AAEzD,OAAO,MAAMC,0BAA0B,GAAG,IAAIF,eAAe,CAAU,KAAK,CAAC;AAC7E,OAAO,MAAMG,uBAAuB,GAAG,IAAIH,eAAe,CAAU,KAAK,CAAC;AAE1E,OAAO,MAAMI,uCAAuC,GAAGA,CACrDC,0BAAoD,EACpDC,cAAmD,EACnDC,oBAA+D,KAE/DF,0BAA0B,CACvBG,IAAI,CACHT,SAAS,CAAEU,yBAAyB,IAAK;EACvC;EACA;EACA;EACA,IAAI,CAACA,yBAAyB,EAAE;IAC9B;IACA,OAAOR,KAAK;EACd;EACA,OAAOK,cAAc,CAAC,CAAC;AACzB,CAAC,CACH,CAAC,CACAI,SAAS,CAACH,oBAAoB,CAAC"}

package/dist/typescript/providers/MediaDevices.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-/**
- * A renderless component that provides the audio and video devices to the store
- * This component must be a child of StreamVideoStoreProvider
- * @internal
- *
- * @category Device Management
- */
-export declare const MediaDevices: () => React.ReactElement | null;
-//# sourceMappingURL=MediaDevices.d.ts.map

package/dist/typescript/providers/MediaDevices.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaDevices.d.ts","sourceRoot":"","sources":["../../../src/providers/MediaDevices.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,QAAO,MAAM,YAAY,GAAG,IA4CpD,CAAC"}

package/dist/typescript/utils/StreamVideoRN/permissions.d.ts

@@ -1,6 +0,0 @@
-import { BehaviorSubject, Observable } from 'rxjs';
-import { MediaDeviceInfo } from '../../contexts';
-export declare const isCameraPermissionGranted$: BehaviorSubject<boolean>;
-export declare const isMicPermissionGranted$: BehaviorSubject<boolean>;
-export declare const subscribeToDevicesWhenPermissionGranted: (isDevicePermissionGranted$: BehaviorSubject<boolean>, getDevicesFunc: () => Observable<MediaDeviceInfo[]>, subscriptionCallback: (videoDevices: MediaDeviceInfo[]) => void) => import("rxjs").Subscription;
-//# sourceMappingURL=permissions.d.ts.map

package/dist/typescript/utils/StreamVideoRN/permissions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"permissions.d.ts","sourceRoot":"","sources":["../../../../src/utils/StreamVideoRN/permissions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAS,UAAU,EAAE,MAAM,MAAM,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,eAAO,MAAM,0BAA0B,0BAAsC,CAAC;AAC9E,eAAO,MAAM,uBAAuB,0BAAsC,CAAC;AAE3E,eAAO,MAAM,uCAAuC,+BACtB,gBAAgB,OAAO,CAAC,kBACpC,MAAM,WAAW,eAAe,EAAE,CAAC,uCACd,eAAe,EAAE,KAAK,IAAI,gCAe7B,CAAC"}

package/src/providers/MediaDevices.tsx

@@ -1,61 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { getAudioDevices, getVideoDevices } from '@stream-io/video-client';
-import { MediaDeviceInfo, useStreamVideoStoreSetState } from '../contexts';
-import {
-  isCameraPermissionGranted$,
-  isMicPermissionGranted$,
-  subscribeToDevicesWhenPermissionGranted,
-} from '../utils/StreamVideoRN/permissions';
-
-/**
- * A renderless component that provides the audio and video devices to the store
- * This component must be a child of StreamVideoStoreProvider
- * @internal
- *
- * @category Device Management
- */
-export const MediaDevices = (): React.ReactElement | null => {
-  const setState = useStreamVideoStoreSetState();
-  const initialVideoDeviceSet = useRef(false);
-
-  useEffect(() => {
-    const setAudioDevices = (audioDevices: MediaDeviceInfo[]) => {
-      setState({ audioDevices, currentAudioDevice: audioDevices[0] });
-    };
-
-    const subscription = subscribeToDevicesWhenPermissionGranted(
-      isMicPermissionGranted$,
-      // @ts-expect-error Due to DOM typing incompatible with RN
-      getAudioDevices,
-      setAudioDevices,
-    );
-    return () => subscription.unsubscribe();
-  }, [setState]);
-
-  useEffect(() => {
-    const setVideoDevices = (videoDevices: MediaDeviceInfo[]) => {
-      if (videoDevices.length > 0 && !initialVideoDeviceSet.current) {
-        const frontFacingVideoDevice = videoDevices.find(
-          (videoDevice) =>
-            videoDevice.kind === 'videoinput' && videoDevice.facing === 'front',
-        );
-        const initialVideoDevice = frontFacingVideoDevice ?? videoDevices[0];
-        if (initialVideoDevice) {
-          initialVideoDeviceSet.current = true;
-          setState({ videoDevices, currentVideoDevice: initialVideoDevice });
-          return;
-        }
-      }
-      setState({ videoDevices });
-    };
-    const subscription = subscribeToDevicesWhenPermissionGranted(
-      isCameraPermissionGranted$,
-      // @ts-expect-error Due to DOM typing incompatible with RN
-      getVideoDevices,
-      setVideoDevices,
-    );
-    return () => subscription.unsubscribe();
-  }, [setState]);
-
-  return null;
-};

package/src/utils/StreamVideoRN/permissions.ts

@@ -1,25 +0,0 @@
-import { switchMap } from 'rxjs/operators';
-import { BehaviorSubject, EMPTY, Observable } from 'rxjs';
-import { MediaDeviceInfo } from '../../contexts';
-export const isCameraPermissionGranted$ = new BehaviorSubject<boolean>(false);
-export const isMicPermissionGranted$ = new BehaviorSubject<boolean>(false);
-
-export const subscribeToDevicesWhenPermissionGranted = (
-  isDevicePermissionGranted$: BehaviorSubject<boolean>,
-  getDevicesFunc: () => Observable<MediaDeviceInfo[]>,
-  subscriptionCallback: (videoDevices: MediaDeviceInfo[]) => void,
-) =>
-  isDevicePermissionGranted$
-    .pipe(
-      switchMap((isDevicePermissionGranted) => {
-        // if we don't have mic permission, we don't need to get the audio devices
-        // because we won't be able to use them anyway and this will trigger a permission request
-        // from RN WebRTC lib. This is not ideal because we want to control when the permission.
-        if (!isDevicePermissionGranted) {
-          // otherwise return EMPTY, which is an Observable that does nothing and just completes immediately
-          return EMPTY;
-        }
-        return getDevicesFunc();
-      }),
-    )
-    .subscribe(subscriptionCallback);