idmission-web-sdk 0.0.23 → 0.0.24

package/dist/sdk2.cjs.development.js

@@ -10651,57 +10651,6 @@ function smallerSideIos() {
   return window.screen.width < window.screen.height ? window.screen.width : window.screen.height;
 }
 
-var quickScan = [{
-  label: '1080p(FHD)',
-  width: 1920,
-  height: 1080,
-  ratio: '16:9'
-}, {
-  label: 'UXGA',
-  width: 1600,
-  height: 1200,
-  ratio: '4:3'
-}, {
-  label: '720p(HD)',
-  width: 1280,
-  height: 720,
-  ratio: '16:9'
-}, {
-  label: 'SVGA',
-  width: 800,
-  height: 600,
-  ratio: '4:3'
-}, {
-  label: 'VGA',
-  width: 640,
-  height: 480,
-  ratio: '4:3'
-}, {
-  label: '360p(nHD)',
-  width: 640,
-  height: 360,
-  ratio: '16:9'
-}, {
-  label: 'CIF',
-  width: 352,
-  height: 288,
-  ratio: '4:3'
-}, {
-  label: 'QVGA',
-  width: 320,
-  height: 240,
-  ratio: '4:3'
-}, {
-  label: 'QCIF',
-  width: 176,
-  height: 144,
-  ratio: '4:3'
-}, {
-  label: 'QQVGA',
-  width: 160,
-  height: 120,
-  ratio: '4:3'
-}];
 var streamToCamera = function streamToCamera(stream, deviceLabel) {
   var _a = stream.getVideoTracks()[0].getSettings(),
     width = _a.width,
@@ -10724,6 +10673,32 @@ var streamToCamera = function streamToCamera(stream, deviceLabel) {
     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:
+          return [4, navigator.mediaDevices.getUserMedia({
+            video: true,
+            audio: false
+          })];
+        case 1:
+          cameraEnumerationStream = _a.sent();
+          return [4, navigator.mediaDevices.enumerateDevices()];
+        case 2:
+          videoDevices = _a.sent().filter(function (_a) {
+            var kind = _a.kind;
+            return kind === 'videoinput';
+          });
+          cameraEnumerationStream.getVideoTracks().forEach(function (track) {
+            track.stop();
+          });
+          return [2, videoDevices];
+      }
+    });
+  });
+}
 var getDeviceLabel = function getDeviceLabel(deviceInfo) {
   return deviceInfo.label.toLocaleLowerCase().split(' ').join('');
 };
@@ -10737,10 +10712,10 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
     preferContinuityCamera = _b.preferContinuityCamera,
     requestMicrophoneAccess = _b.requestMicrophoneAccess;
   var videoRef = React.useRef(null);
+  var cameraRef = React.useRef(null);
   var _c = React.useState(null),
     videoDevice = _c[0],
     setVideoDevice = _c[1];
-  var cameraRef = React.useRef(null);
   var _d = React.useState(false),
     videoLoaded = _d[0],
     setVideoLoaded = _d[1];
@@ -10770,79 +10745,43 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
     setCameraAccessDenied(false);
   }, []);
   React.useEffect(function () {
-    (function () {
-      return tslib.__awaiter(void 0, void 0, void 0, function () {
-        var stream, e_1, videoDevices, videoDevice, iphoneContinuityCamera;
-        return tslib.__generator(this, function (_a) {
-          switch (_a.label) {
-            case 0:
-              if (cameraAccessDenied) return [2];
-              _a.label = 1;
-            case 1:
-              _a.trys.push([1, 3,, 4]);
-              return [4, navigator.mediaDevices.getUserMedia({
-                video: true,
-                audio: false
-              })];
-            case 2:
-              stream = _a.sent();
-              return [3, 4];
-            case 3:
-              e_1 = _a.sent();
-              if (e_1.name === 'NotAllowedError') {
-                console.error('caught the block!!', e_1);
-                setCameraAccessDenied(true);
-                return [2];
-              }
-              throw e_1;
-            case 4:
-              return [4, navigator.mediaDevices.enumerateDevices()];
-            case 5:
-              videoDevices = _a.sent().filter(function (deviceInfo) {
-                return deviceInfo.kind === 'videoinput';
-              });
-              if (!iphoneContinuityCameraDenied) {
-                iphoneContinuityCamera = videoDevices.find(function (deviceInfo) {
-                  return getDeviceLabel(deviceInfo).includes('iphonecamera');
-                });
-                setIphoneContinuityCameraAvailable(!!iphoneContinuityCamera);
-                if (iphoneContinuityCameraAllowed) {
-                  videoDevice = iphoneContinuityCamera;
-                }
-              }
-              if (preferFrontFacingCamera) {
-                videoDevice = videoDevices.find(function (deviceInfo) {
-                  return getDeviceLabel(deviceInfo).includes('front');
-                });
-              }
-              if (!videoDevice) {
-                if (wideAngleIsBetter()) {
-                  videoDevice = videoDevices.find(function (deviceInfo) {
-                    return getDeviceLabel(deviceInfo).includes('backultrawidecamera');
-                  });
-                } else {
-                  videoDevice = videoDevices.find(function (deviceInfo) {
-                    return getDeviceLabel(deviceInfo).includes('back') && !getDeviceLabel(deviceInfo).includes('backultrawidecamera');
-                  });
-                }
-              }
-              if (!videoDevice) {
-                videoDevice = videoDevices.find(function (deviceInfo) {
-                  return getDeviceLabel(deviceInfo).includes('back');
-                });
-              }
-              if (!videoDevice) {
-                videoDevice = videoDevices[0];
-              }
-              setVideoDevice(videoDevice);
-              stream.getVideoTracks().forEach(function (track) {
-                track.stop();
-              });
-              return [2];
-          }
+    if (cameraAccessDenied) return;
+    listAvailableCameras().then(function (availableCameras) {
+      var selectedCamera;
+      if (!iphoneContinuityCameraDenied) {
+        var iphoneContinuityCamera = availableCameras.find(function (deviceInfo) {
+          return getDeviceLabel(deviceInfo).includes('iphonecamera');
         });
-      });
-    })();
+        setIphoneContinuityCameraAvailable(!!iphoneContinuityCamera);
+        if (iphoneContinuityCamera && iphoneContinuityCameraAllowed) {
+          selectedCamera = iphoneContinuityCamera;
+        }
+      }
+      if (preferFrontFacingCamera) {
+        selectedCamera || (selectedCamera = availableCameras.find(function (deviceInfo) {
+          return getDeviceLabel(deviceInfo).includes('front');
+        }));
+      }
+      if (wideAngleIsBetter()) {
+        selectedCamera || (selectedCamera = availableCameras.find(function (deviceInfo) {
+          return getDeviceLabel(deviceInfo).includes('backultrawidecamera');
+        }));
+      } else {
+        selectedCamera || (selectedCamera = availableCameras.find(function (deviceInfo) {
+          return getDeviceLabel(deviceInfo).includes('back') && !getDeviceLabel(deviceInfo).includes('backultrawidecamera');
+        }));
+      }
+      selectedCamera || (selectedCamera = availableCameras.find(function (deviceInfo) {
+        return getDeviceLabel(deviceInfo).includes('back');
+      }));
+      selectedCamera || (selectedCamera = availableCameras[0]);
+      setVideoDevice(selectedCamera);
+    })["catch"](function (e) {
+      if (e.name === 'NotAllowedError') {
+        console.error('camera access has been blocked by the user', e);
+        setCameraAccessDenied(true);
+      } else throw e;
+    });
   }, [cameraAccessDenied, iphoneContinuityCameraAllowed, iphoneContinuityCameraDenied, preferFrontFacingCamera]);
   var videoReady = !!videoRef.current;
   React.useEffect(function () {
@@ -10855,46 +10794,37 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
       setVideoLoaded(false);
     };
     if (!((_a = navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia)) return cleanup;
-    console.log('loading camera!');
-    var stream = null;
     (function () {
       return tslib.__awaiter(void 0, void 0, void 0, function () {
-        var i, constraints, e_2, i, constraints;
+        var isPortrait, stream, e_1;
         return tslib.__generator(this, function (_a) {
           switch (_a.label) {
             case 0:
-              i = 0;
+              isPortrait = window.innerWidth < window.innerHeight;
+              stream = null;
               _a.label = 1;
             case 1:
-              if (!(i !== quickScan.length)) return [3, 6];
-              constraints = {
+              _a.trys.push([1, 3,, 4]);
+              return [4, navigator.mediaDevices.getUserMedia({
                 audio: requestMicrophoneAccess,
                 video: {
                   deviceId: {
                     exact: videoDevice.deviceId
                   },
                   width: {
-                    exact: quickScan[i].width
+                    ideal: isPortrait ? 1080 : 1920
                   },
                   height: {
-                    exact: quickScan[i].height
+                    ideal: isPortrait ? 1920 : 1080
                   }
                 }
-              };
-              _a.label = 2;
+              })];
             case 2:
-              _a.trys.push([2, 4,, 5]);
-              stream === null || stream === void 0 ? void 0 : stream.getVideoTracks().forEach(function (track) {
-                track.stop();
-              });
-              return [4, navigator.mediaDevices.getUserMedia(constraints)];
-            case 3:
               stream = _a.sent();
-              console.log('it can do', quickScan[i].label);
-              return [3, 6];
-            case 4:
-              e_2 = _a.sent();
-              if (e_2.name === 'NotAllowedError') {
+              return [3, 4];
+            case 3:
+              e_1 = _a.sent();
+              if (e_1.name === 'NotAllowedError') {
                 if (iphoneContinuityCameraAllowed) {
                   setIphoneContinuityCameraAvailable(false);
                   setIphoneContinuityCameraDenied(true);
@@ -10902,69 +10832,26 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
                   setCameraAccessDenied(true);
                 }
                 return [2];
-              } else {
-                console.log('well, it cant do', quickScan[i].label);
               }
-              return [3, 5];
+              return [3, 4];
+            case 4:
+              if (!!stream) return [3, 8];
+              _a.label = 5;
             case 5:
-              ++i;
-              return [3, 1];
-            case 6:
-              if (!!stream) return [3, 12];
-              i = 0;
-              _a.label = 7;
-            case 7:
-              if (!(i !== quickScan.length)) return [3, 12];
-              constraints = {
-                audio: false,
-                video: {
-                  deviceId: {
-                    exact: videoDevice.deviceId
-                  },
-                  width: {
-                    ideal: quickScan[i].width
-                  },
-                  height: {
-                    ideal: quickScan[i].height
-                  }
-                }
-              };
-              _a.label = 8;
-            case 8:
-              _a.trys.push([8, 10,, 11]);
-              stream === null || stream === void 0 ? void 0 : stream.getVideoTracks().forEach(function (track) {
-                track.stop();
-              });
-              return [4, navigator.mediaDevices.getUserMedia(constraints)];
-            case 9:
-              stream = _a.sent();
-              console.log('it can do', quickScan[i].label);
-              return [3, 12];
-            case 10:
-              _a.sent();
-              console.log('well, it cant do', quickScan[i].label);
-              return [3, 11];
-            case 11:
-              ++i;
-              return [3, 7];
-            case 12:
-              if (!!stream) return [3, 16];
-              _a.label = 13;
-            case 13:
-              _a.trys.push([13, 15,, 16]);
+              _a.trys.push([5, 7,, 8]);
               return [4, navigator.mediaDevices.getUserMedia({
                 audio: false,
                 video: true
               })];
-            case 14:
+            case 6:
               stream = _a.sent();
               console.log('opened stream with no width and height constraints');
-              return [3, 16];
-            case 15:
+              return [3, 8];
+            case 7:
               _a.sent();
               console.log('cannot open stream at all');
-              return [3, 16];
-            case 16:
+              return [3, 8];
+            case 8:
               if (!stream) {
                 throw new Error('failed to open camera');
               }
@@ -11868,11 +11755,14 @@ var CompositeWizardComponent = function CompositeWizardComponent(_a) {
   }, function () {
     switch (checks[checkIndex]) {
       case 'IdCapture':
-        return /*#__PURE__*/React__default['default'].createElement(CameraProvider, null, /*#__PURE__*/React__default['default'].createElement(GuideOrientationProvider, null, /*#__PURE__*/React__default['default'].createElement(IdCaptureWizard, tslib.__assign({}, idCaptureProps, {
+        return /*#__PURE__*/React__default['default'].createElement(CameraProvider, {
+          key: "IdCaptureCamera"
+        }, /*#__PURE__*/React__default['default'].createElement(GuideOrientationProvider, null, /*#__PURE__*/React__default['default'].createElement(IdCaptureWizard, tslib.__assign({}, idCaptureProps, {
           onSuccess: onIdCaptureSuccess
         }))));
       case 'FaceLiveness':
         return /*#__PURE__*/React__default['default'].createElement(CameraProvider, {
+          key: "FaceLivenessCamera",
           preferFrontFacingCamera: true,
           preferContinuityCamera: false
         }, /*#__PURE__*/React__default['default'].createElement(HighPerformanceSelfieGuidanceModelsProvider, null, /*#__PURE__*/React__default['default'].createElement(FaceLivenessWizard, tslib.__assign({}, faceLivenessProps, {
@@ -11884,6 +11774,7 @@ var CompositeWizardComponent = function CompositeWizardComponent(_a) {
         }));
       case 'SignatureKYC':
         return /*#__PURE__*/React__default['default'].createElement(CameraProvider, {
+          key: "SignatureKycCamera",
           preferContinuityCamera: false,
           preferFrontFacingCamera: true,
           requestMicrophoneAccess: true