idmission-web-sdk 0.0.27 → 0.0.29

package/dist/lib/camera/Camera.d.ts

@@ -9,8 +9,6 @@ export type Camera = {
 };
 export type CameraResolution = 'LOW' | 'MID' | 'MAX';
 export declare function selectAndOpenCamera(resolution?: CameraResolution): Promise<Camera>;
-export declare function drawFrameToCanvas(videoElement: HTMLVideoElement, canvasElement: HTMLCanvasElement): CanvasRenderingContext2D | null;
-export declare function getFrameFromVideo(videoElement: HTMLVideoElement, canvasElement: HTMLCanvasElement | null): ImageData | null;
 export declare function getVideoDeviceMaxDimensions(deviceInfo: MediaDeviceInfo): Promise<{
     width: number;
     height: number;
@@ -22,6 +20,7 @@ type Resolution = {
     ratio: string;
 };
 export declare const quickScan: Resolution[];
+declare function releaseCameraAccess(): void;
 export declare const useHighestResCaptureDevice: ({ preferFrontFacingCamera, preferContinuityCamera, requestMicrophoneAccess, }?: {
     preferFrontFacingCamera: boolean;
     preferContinuityCamera: boolean;
@@ -34,7 +33,7 @@ export declare const useHighestResCaptureDevice: ({ preferFrontFacingCamera, pre
     cameraRef: import("react").MutableRefObject<Camera | null>;
     cameraAccessDenied: boolean;
     retryCameraAccess: () => void;
-    releaseCameraAccess: () => void;
+    releaseCameraAccess: typeof releaseCameraAccess;
     iphoneContinuityCameraAvailable: boolean;
     iphoneContinuityCameraAllowed: boolean;
     setIphoneContinuityCameraAllowed: import("react").Dispatch<import("react").SetStateAction<boolean>>;

package/dist/sdk2.cjs.development.js

@@ -10664,34 +10664,13 @@ function smallerSideIos() {
   return window.screen.width < window.screen.height ? window.screen.width : window.screen.height;
 }
 
-var streamToCamera = function streamToCamera(stream, deviceLabel) {
-  var _a = stream.getVideoTracks()[0].getSettings(),
-    width = _a.width,
-    height = _a.height;
-  var label = deviceLabel.toLocaleLowerCase().split(' ').join('');
-  console.log('CAMERA LABEL', label);
-  var isRearFacing = label.includes('back') || label.includes('iphonecamera');
-  var release = function release() {
-    stream.getTracks().forEach(function (track) {
-      track.stop();
-    });
-  };
-  if (!width) width = 0;
-  if (!height) height = 0;
-  return {
-    stream: stream,
-    width: width,
-    height: height,
-    isRearFacing: isRearFacing,
-    release: release
-  };
-};
 function listAvailableCameras() {
   return tslib.__awaiter(this, void 0, void 0, function () {
     var cameraEnumerationStream, videoDevices;
     return tslib.__generator(this, function (_a) {
       switch (_a.label) {
         case 0:
+          console.log('enumerating cameras...');
           return [4, navigator.mediaDevices.getUserMedia({
             video: true,
             audio: false
@@ -10705,8 +10684,10 @@ function listAvailableCameras() {
             return kind === 'videoinput';
           });
           cameraEnumerationStream.getVideoTracks().forEach(function (track) {
+            track.enabled = false;
             track.stop();
           });
+          cameraEnumerationStream = null;
           return [2, videoDevices];
       }
     });
@@ -10715,42 +10696,82 @@ function listAvailableCameras() {
 var getDeviceLabel = function getDeviceLabel(deviceInfo) {
   return deviceInfo.label.toLocaleLowerCase().split(' ').join('');
 };
+var currentCamera;
+function obtainCameraAccess(stream, deviceLabel, video) {
+  releaseCameraAccess();
+  console.log('obtaining camera access...');
+  var _a = stream.getVideoTracks()[0].getSettings(),
+    width = _a.width,
+    height = _a.height;
+  var label = deviceLabel.toLocaleLowerCase().split(' ').join('');
+  var isRearFacing = label.includes('back') || label.includes('iphonecamera');
+  var release = function release() {
+    stream.getTracks().forEach(function (track) {
+      track.enabled = false;
+      track.stop();
+    });
+    if (video) {
+      video.pause();
+      video.srcObject = null;
+      video.src = '';
+    }
+  };
+  width || (width = 0);
+  height || (height = 0);
+  currentCamera = {
+    stream: stream,
+    width: width,
+    height: height,
+    isRearFacing: isRearFacing,
+    release: release
+  };
+  if (video) video.srcObject = stream;
+  return currentCamera;
+}
+function releaseCameraAccess() {
+  if (!currentCamera) return;
+  console.log('releasing camera access...');
+  currentCamera.release();
+  currentCamera = undefined;
+}
 var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
   var _b = _a === void 0 ? {
       preferFrontFacingCamera: false,
       preferContinuityCamera: true,
       requestMicrophoneAccess: false
     } : _a,
-    preferFrontFacingCamera = _b.preferFrontFacingCamera,
-    preferContinuityCamera = _b.preferContinuityCamera,
-    requestMicrophoneAccess = _b.requestMicrophoneAccess;
+    _c = _b.preferFrontFacingCamera,
+    preferFrontFacingCamera = _c === void 0 ? false : _c,
+    _d = _b.preferContinuityCamera,
+    preferContinuityCamera = _d === void 0 ? true : _d,
+    _e = _b.requestMicrophoneAccess,
+    requestMicrophoneAccess = _e === void 0 ? false : _e;
   var videoRef = React.useRef(null);
   var cameraRef = React.useRef(null);
-  var _c = React.useState(null),
-    videoDevice = _c[0],
-    setVideoDevice = _c[1];
-  var _d = React.useState(false),
-    videoLoaded = _d[0],
-    setVideoLoaded = _d[1];
-  var _e = React.useState(null),
-    captureDevice = _e[0],
-    setCaptureDevice = _e[1];
-  var _f = React.useState(false),
-    iphoneContinuityCameraAvailable = _f[0],
-    setIphoneContinuityCameraAvailable = _f[1];
-  var _g = React.useState(preferContinuityCamera),
-    iphoneContinuityCameraAllowed = _g[0],
-    setIphoneContinuityCameraAllowed = _g[1];
-  var _h = React.useState(false),
-    iphoneContinuityCameraDenied = _h[0],
-    setIphoneContinuityCameraDenied = _h[1];
+  var _f = React.useState(null),
+    videoDevice = _f[0],
+    setVideoDevice = _f[1];
+  var _g = React.useState(false),
+    videoLoaded = _g[0],
+    setVideoLoaded = _g[1];
+  var _h = React.useState(null),
+    captureDevice = _h[0],
+    setCaptureDevice = _h[1];
   var _j = React.useState(false),
-    cameraAccessDenied = _j[0],
-    setCameraAccessDenied = _j[1];
+    iphoneContinuityCameraAvailable = _j[0],
+    setIphoneContinuityCameraAvailable = _j[1];
+  var _k = React.useState(preferContinuityCamera),
+    iphoneContinuityCameraAllowed = _k[0],
+    setIphoneContinuityCameraAllowed = _k[1];
+  var _l = React.useState(false),
+    iphoneContinuityCameraDenied = _l[0],
+    setIphoneContinuityCameraDenied = _l[1];
+  var _m = React.useState(false),
+    cameraAccessDenied = _m[0],
+    setCameraAccessDenied = _m[1];
   React.useEffect(function () {
-    var _a;
     console.log('iphone continuity camera allowed changed', iphoneContinuityCameraAllowed);
-    (_a = cameraRef.current) === null || _a === void 0 ? void 0 : _a.release();
+    releaseCameraAccess();
     cameraRef.current = null;
     setVideoLoaded(false);
   }, [iphoneContinuityCameraAllowed]);
@@ -10796,13 +10817,11 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
       } else throw e;
     });
   }, [cameraAccessDenied, iphoneContinuityCameraAllowed, iphoneContinuityCameraDenied, preferFrontFacingCamera]);
-  var videoReady = !!videoRef.current;
   React.useEffect(function () {
     var _a;
     if (!videoDevice) return;
     var cleanup = function cleanup() {
-      var _a;
-      (_a = cameraRef.current) === null || _a === void 0 ? void 0 : _a.release();
+      releaseCameraAccess();
       cameraRef.current = null;
       setVideoLoaded(false);
     };
@@ -10880,15 +10899,14 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
                   setCaptureDevice(null);
                 }
               };
-              cameraRef.current = streamToCamera(stream, videoDevice.label);
-              if (videoRef.current) videoRef.current.srcObject = stream;
+              cameraRef.current = obtainCameraAccess(stream, videoDevice.label, videoRef.current);
               return [2];
           }
         });
       });
     })();
     return cleanup;
-  }, [iphoneContinuityCameraAllowed, iphoneContinuityCameraAvailable, requestMicrophoneAccess, videoDevice, videoReady]);
+  }, [iphoneContinuityCameraAllowed, iphoneContinuityCameraAvailable, requestMicrophoneAccess, videoDevice]);
   React.useEffect(function () {
     setCaptureDevice(null);
     if (!videoLoaded) return;
@@ -10942,13 +10960,6 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
       });
     });
   }, []);
-  var releaseCameraAccess = React.useCallback(function () {
-    var _a, _b;
-    if (!cameraRef.current) return;
-    console.log('releasing camera access!');
-    (_b = (_a = cameraRef.current) === null || _a === void 0 ? void 0 : _a.release) === null || _b === void 0 ? void 0 : _b.call(_a);
-    cameraRef.current = null;
-  }, []);
   return {
     videoRef: videoRef,
     videoDevice: videoDevice,
@@ -11000,11 +11011,8 @@ var CameraProvider = function CameraProvider(_a) {
     setCameraReady(false);
     if (captureDevice) {
       setCameraReady(true);
-      takePhoto().then(function () {
-        setCameraReady(true);
-      });
     }
-  }, [captureDevice, takePhoto]);
+  }, [captureDevice]);
   React.useEffect(function () {
     return function () {
       releaseCameraAccess();