idmission-web-sdk 1.0.34 → 1.0.35

package/dist/components/camera/CameraProvider.d.ts

@@ -12,7 +12,6 @@ export type CameraState = {
     iphoneContinuityCameraAvailable: boolean;
     iphoneContinuityCameraAllowed: boolean;
     setIphoneContinuityCameraAllowed: (value: boolean) => void;
-    grabFrame: () => Promise<ImageBitmap | null>;
     takePhoto: () => Promise<Blob | null>;
 };
 export declare const CameraStateContext: React.Context<CameraState>;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="w3c-image-capture" />
 export type Camera = {
     stream: MediaStream;
     isRearFacing: boolean;
@@ -35,14 +34,13 @@ export declare const useHighestResCaptureDevice: ({ preferFrontFacingCamera, pre
     videoLoaded: boolean;
     setVideoLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     cameraRef: import("react").MutableRefObject<Camera | null>;
+    cameraReady: boolean;
     cameraAccessDenied: boolean;
     retryCameraAccess: () => void;
     releaseCameraAccess: typeof releaseCameraAccess;
     iphoneContinuityCameraAvailable: boolean;
     iphoneContinuityCameraAllowed: boolean;
     setIphoneContinuityCameraAllowed: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    captureDevice: ImageCapture | null;
-    grabFrame: () => Promise<ImageBitmap | null>;
     takePhoto: () => Promise<Blob | null>;
 };
 export declare const useDualResCaptureDevice: () => {
@@ -50,13 +48,11 @@ export declare const useDualResCaptureDevice: () => {
     maxVideoRef: import("react").MutableRefObject<HTMLVideoElement | null>;
     minCamera: Camera | null;
     maxCamera: Camera | null;
+    maxCameraReady: boolean;
     minVideoLoaded: boolean;
     maxVideoLoaded: boolean;
     setMinVideoLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     setMaxVideoLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    minCaptureDevice: ImageCapture | null;
-    maxCaptureDevice: ImageCapture | null;
-    grabLowResFrame: () => Promise<ImageBitmap | undefined>;
     takeFullResPhoto: () => Promise<Blob | null>;
 };
 export {};

package/dist/sdk2.cjs.development.js

@@ -50,7 +50,7 @@ var tf__namespace = /*#__PURE__*/_interopNamespace(tf);
 var useResizeObserver__default = /*#__PURE__*/_interopDefaultLegacy(useResizeObserver);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.34';
+var webSdkVersion = '1.0.35';
 
 function getPlatform() {
   return window.platform;
@@ -1444,15 +1444,15 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
     requestMicrophoneAccess = _e === void 0 ? false : _e;
   var videoRef = React.useRef(null);
   var cameraRef = React.useRef(null);
-  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 _f = React.useState(false),
+    cameraReady = _f[0],
+    setCameraReady = _f[1];
+  var _g = React.useState(null),
+    videoDevice = _g[0],
+    setVideoDevice = _g[1];
+  var _h = React.useState(false),
+    videoLoaded = _h[0],
+    setVideoLoaded = _h[1];
   var _j = React.useState(false),
     iphoneContinuityCameraAvailable = _j[0],
     setIphoneContinuityCameraAvailable = _j[1];
@@ -1476,6 +1476,7 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
   }, []);
   React.useEffect(function () {
     if (cameraAccessDenied) return;
+    setCameraReady(false);
     listAvailableCameras().then(function (availableCameras) {
       var selectedCamera;
       var platform = getPlatform();
@@ -1592,7 +1593,6 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
                   cameraRef.current = null;
                   setIphoneContinuityCameraAvailable(false);
                   setIphoneContinuityCameraDenied(true);
-                  setCaptureDevice(null);
                   setVideoDevice(null);
                 } else {
                   console.log('someone unplugged the webcam');
@@ -1600,7 +1600,6 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
                   cameraRef.current = null;
                   setVideoLoaded(false);
                   setCameraAccessDenied(true);
-                  setCaptureDevice(null);
                 }
               };
               (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('ended', handleStreamEnded);
@@ -1608,6 +1607,7 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
                 track.onended = handleStreamEnded;
               });
               cameraRef.current = obtainCameraAccess(stream, videoDevice.label, videoRef.current);
+              setCameraReady(true);
               return [2];
           }
         });
@@ -1615,35 +1615,6 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
     })();
     return cleanup;
   }, [iphoneContinuityCameraAllowed, iphoneContinuityCameraAvailable, requestMicrophoneAccess, videoDevice]);
-  React.useEffect(function () {
-    setCaptureDevice(null);
-    if (!videoLoaded) return;
-    (function () {
-      return tslib.__awaiter(void 0, void 0, void 0, function () {
-        var videoDevice;
-        var _a, _b, _c;
-        return tslib.__generator(this, function (_d) {
-          videoDevice = ((_c = (_b = (_a = cameraRef.current) === null || _a === void 0 ? void 0 : _a.stream) === null || _b === void 0 ? void 0 : _b.getVideoTracks()) !== null && _c !== void 0 ? _c : [])[0];
-          if (!videoDevice) return [2];
-          setCaptureDevice(new ImageCapture(videoDevice));
-          return [2];
-        });
-      });
-    })();
-  }, [videoLoaded]);
-  var grabFrame = React.useCallback(function () {
-    return tslib.__awaiter(void 0, void 0, void 0, function () {
-      return tslib.__generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            if (!captureDevice) return [2, null];
-            return [4, captureDevice.grabFrame()];
-          case 1:
-            return [2, _a.sent()];
-        }
-      });
-    });
-  }, [captureDevice]);
   var takePhoto = React.useCallback(function () {
     return tslib.__awaiter(void 0, void 0, void 0, function () {
       var canvas, ctx, photoURL, data;
@@ -1674,14 +1645,13 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
     videoLoaded: videoLoaded,
     setVideoLoaded: setVideoLoaded,
     cameraRef: cameraRef,
+    cameraReady: cameraReady,
     cameraAccessDenied: cameraAccessDenied,
     retryCameraAccess: retryCameraAccess,
     releaseCameraAccess: releaseCameraAccess,
     iphoneContinuityCameraAvailable: iphoneContinuityCameraAvailable,
     iphoneContinuityCameraAllowed: iphoneContinuityCameraAllowed,
     setIphoneContinuityCameraAllowed: setIphoneContinuityCameraAllowed,
-    captureDevice: captureDevice,
-    grabFrame: grabFrame,
     takePhoto: takePhoto
   };
 };
@@ -1707,9 +1677,6 @@ var CameraStateContext = /*#__PURE__*/React.createContext({
   setIphoneContinuityCameraAllowed: function setIphoneContinuityCameraAllowed() {
     return null;
   },
-  grabFrame: function grabFrame() {
-    return Promise.resolve(null);
-  },
   takePhoto: function takePhoto() {
     return Promise.resolve(null);
   },
@@ -1734,24 +1701,14 @@ var CameraProvider = function CameraProvider(_a) {
     videoLoaded = _e.videoLoaded,
     setVideoLoaded = _e.setVideoLoaded,
     cameraRef = _e.cameraRef,
+    cameraReady = _e.cameraReady,
     cameraAccessDenied = _e.cameraAccessDenied,
     retryCameraAccess = _e.retryCameraAccess,
     releaseCameraAccess = _e.releaseCameraAccess,
     iphoneContinuityCameraAvailable = _e.iphoneContinuityCameraAvailable,
     iphoneContinuityCameraAllowed = _e.iphoneContinuityCameraAllowed,
     setIphoneContinuityCameraAllowed = _e.setIphoneContinuityCameraAllowed,
-    grabFrame = _e.grabFrame,
-    takePhoto = _e.takePhoto,
-    captureDevice = _e.captureDevice;
-  var _f = React.useState(false),
-    cameraReady = _f[0],
-    setCameraReady = _f[1];
-  React.useEffect(function () {
-    setCameraReady(false);
-    if (captureDevice) {
-      setCameraReady(true);
-    }
-  }, [captureDevice]);
+    takePhoto = _e.takePhoto;
   React.useEffect(function () {
     return function () {
       releaseCameraAccess();
@@ -1769,7 +1726,6 @@ var CameraProvider = function CameraProvider(_a) {
     iphoneContinuityCameraAvailable: iphoneContinuityCameraAvailable,
     iphoneContinuityCameraAllowed: iphoneContinuityCameraAllowed,
     setIphoneContinuityCameraAllowed: setIphoneContinuityCameraAllowed,
-    grabFrame: grabFrame,
     takePhoto: takePhoto
   };
   return /*#__PURE__*/React__default['default'].createElement(CameraStateContext.Provider, {