[web][camera] fix getCameraTypesAsync (#7640)

* Add support for dimensions in image picker

* Fixed getAvailableCameraTypesAsync

* revert image picker

* Update Camera.d.ts

packages/expo-camera/src/CameraModule/CameraModule.ts

@@ -5,7 +5,11 @@ import { CameraPictureOptions } from '../Camera.types';
 import { CameraType, CapturedPicture, CaptureOptions, ImageType } from './CameraModule.types';
 import * as Utils from './CameraUtils';
 import * as CapabilityUtils from './CapabilityUtils';
-import { isBackCameraAvailableAsync, isFrontCameraAvailableAsync } from './UserMediaManager';
+import {
+  isBackCameraAvailableAsync,
+  isFrontCameraAvailableAsync,
+  canGetUserMedia,
+} from './UserMediaManager';
 import { FacingModeToCameraType, PictureSizes } from './constants';
 
 export { ImageType, CameraType, CaptureOptions };
@@ -294,10 +298,9 @@ class CameraModule {
     return PictureSizes;
   };
 
-  public getAvailableCameraTypesAsync = async (): Promise<string[]> => {
-    if (!navigator.mediaDevices.enumerateDevices) {
-      return [];
-    }
+  static async getAvailableCameraTypesAsync(): Promise<string[]> {
+    if (!canGetUserMedia() || !navigator.mediaDevices.enumerateDevices) return [];
+
     const devices = await navigator.mediaDevices.enumerateDevices();
 
     const types: (string | null)[] = await Promise.all([
@@ -306,7 +309,7 @@ class CameraModule {
     ]);
 
     return types.filter(Boolean) as string[];
-  };
+  }
 }
 
 function stopMediaStream(stream: MediaStream | null) {

packages/expo-camera/src/CameraModule/UserMediaManager.ts

@@ -127,7 +127,7 @@ export function canGetUserMedia(): boolean {
 export async function isFrontCameraAvailableAsync(
   devices?: MediaDeviceInfo[]
 ): Promise<null | string> {
-  return await supportsCameraType(['front', 'user'], 'user', devices);
+  return await supportsCameraType(['front', 'user', 'facetime'], 'user', devices);
 }
 
 export async function isBackCameraAvailableAsync(
@@ -148,7 +148,9 @@ async function supportsCameraType(
     devices = await navigator.mediaDevices.enumerateDevices();
   }
   const cameras = devices.filter(t => t.kind === 'videoinput');
-  const [hasCamera] = cameras.filter(camera => labels.includes(camera.label.toLowerCase()));
+  const [hasCamera] = cameras.filter(camera =>
+    labels.some(label => camera.label.toLowerCase().includes(label))
+  );
   const [isCapable] = cameras.filter(camera => {
     if (!('getCapabilities' in camera)) {
       return null;
@@ -162,5 +164,5 @@ async function supportsCameraType(
     return capabilities.facingMode.find((_: string) => type);
   });
 
-  return isCapable.deviceId || hasCamera.deviceId || null;
+  return isCapable?.deviceId || hasCamera?.deviceId || null;
 }

packages/expo-camera/src/ExponentCamera.web.tsx

@@ -67,11 +67,6 @@ export default class ExponentCamera extends React.Component<CameraNativeProps> {
     });
   };
 
-  getAvailableCameraTypesAsync = async (): Promise<string[]> => {
-    const camera = this.getCamera();
-    return await camera.getAvailableCameraTypesAsync();
-  };
-
   resumePreview = async (): Promise<void> => {
     const camera = this.getCamera();
     await camera.resumePreview();

packages/expo-camera/src/ExponentCameraManager.web.ts

@@ -1,4 +1,5 @@
 import { CameraCapturedPicture, CameraPictureOptions } from './Camera.types';
+import CameraModule from './CameraModule/CameraModule';
 import { canGetUserMedia } from './CameraModule/UserMediaManager';
 import ExponentCamera from './ExponentCamera.web';
 
@@ -57,9 +58,8 @@ export default {
   async resumePreview(camera: ExponentCamera): Promise<any> {
     return await camera.resumePreview();
   },
-  async getAvailableCameraTypesAsync(camera: ExponentCamera): Promise<string[]> {
-    if (!canGetUserMedia()) return [];
-    return await camera.getAvailableCameraTypesAsync();
+  async getAvailableCameraTypesAsync(): Promise<string[]> {
+    return await CameraModule.getAvailableCameraTypesAsync();
   },
   async getAvailablePictureSizes(ratio: string, camera: ExponentCamera): Promise<string[]> {
     return await camera.getAvailablePictureSizes(ratio);