idmission-web-sdk 1.0.23 → 1.0.25

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.23';
+var webSdkVersion = '1.0.25';
 
 function getPlatform() {
   return window.platform;
@@ -14112,6 +14112,7 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
   var borderWidth = 4;
   var borderColor = 'white';
   var isMirrored = !((_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing);
+  var onImageLoaded = React.useCallback(function () {}, []);
   var imageStyle = {
     height: height - padding * 2 - borderWidth * 2
   };
@@ -14201,6 +14202,7 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
   }, /*#__PURE__*/React__default['default'].createElement("img", {
     src: assets.frontImageUrl,
     alt: "",
+    onLoad: onImageLoaded,
     style: tslib.__assign({
       backfaceVisibility: 'hidden',
       transition: "transform ".concat(transitionTime, "s"),
@@ -14552,26 +14554,27 @@ var StyledVideo = styled__default['default'].video(templateObject_1 || (template
 var templateObject_1;
 
 var VideoIdWizard = function VideoIdWizard(_a) {
-  var _b = _a.idCaptureProps,
-    idCaptureProps = _b === void 0 ? {} : _b,
-    _c = _a.assets,
-    assets = _c === void 0 ? {} : _c,
-    _d = _a.colors,
-    colors = _d === void 0 ? {} : _d,
-    _e = _a.verbiage,
-    verbiage = _e === void 0 ? {} : _e,
-    _f = _a.debugMode,
-    debugMode = _f === void 0 ? false : _f;
-  var _g = React.useContext(SubmissionContext),
-    selfieImage = _g.selfieImage,
-    setSelfieImage = _g.setSelfieImage,
-    logSelfieCaptureAttempt = _g.logSelfieCaptureAttempt;
-  var _h = React.useState('CAPTURING_ID'),
-    captureState = _h[0],
-    setCaptureState = _h[1];
-  var _j = React.useState(null),
-    videoUrl = _j[0],
-    setVideoUrl = _j[1];
+  var _b, _c, _d, _e;
+  var _f = _a.idCaptureProps,
+    idCaptureProps = _f === void 0 ? {} : _f,
+    _g = _a.assets,
+    assets = _g === void 0 ? {} : _g,
+    _h = _a.colors,
+    colors = _h === void 0 ? {} : _h,
+    _j = _a.verbiage,
+    verbiage = _j === void 0 ? {} : _j,
+    _k = _a.debugMode,
+    debugMode = _k === void 0 ? false : _k;
+  var _l = React.useContext(SubmissionContext),
+    selfieImage = _l.selfieImage,
+    setSelfieImage = _l.setSelfieImage,
+    logSelfieCaptureAttempt = _l.logSelfieCaptureAttempt;
+  var _m = React.useState('CAPTURING_ID'),
+    captureState = _m[0],
+    setCaptureState = _m[1];
+  var _o = React.useState(null),
+    videoUrl = _o[0],
+    setVideoUrl = _o[1];
   var operationStartedAt = React.useRef();
   var captureStartedAt = React.useRef();
   var captureEndedAt = React.useRef();
@@ -14627,57 +14630,47 @@ var VideoIdWizard = function VideoIdWizard(_a) {
   var onExit = React.useCallback(function () {
     setCaptureState('LOADING');
   }, []);
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, captureState !== 'LOADING' && function () {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+  return /*#__PURE__*/React__default['default'].createElement(IdCaptureModelsProvider, {
+    documentDetectionModelUrl: (_c = (_b = idCaptureProps.assets) === null || _b === void 0 ? void 0 : _b.documentDetectionModelUrl) !== null && _c !== void 0 ? _c : '',
+    focusModelUrl: (_e = (_d = idCaptureProps.assets) === null || _d === void 0 ? void 0 : _d.focusModelUrl) !== null && _e !== void 0 ? _e : '',
+    logPredictions: debugMode
+  }, /*#__PURE__*/React__default['default'].createElement(CameraProvider, {
+    requestMicrophoneAccess: true,
+    preferContinuityCamera: ['LOADING', 'CAPTURING_ID'].includes(captureState),
+    preferFrontFacingCamera: !['LOADING', 'CAPTURING_ID'].includes(captureState)
+  }, /*#__PURE__*/React__default['default'].createElement(HighPerformanceSelfieGuidanceModelsProvider, null, captureState !== 'LOADING' && function () {
     switch (captureState) {
       case 'CAPTURING_ID':
-        return /*#__PURE__*/React__default['default'].createElement(IdCaptureModelsProvider, {
-          documentDetectionModelUrl: (_b = (_a = idCaptureProps.assets) === null || _a === void 0 ? void 0 : _a.documentDetectionModelUrl) !== null && _b !== void 0 ? _b : '',
-          focusModelUrl: (_d = (_c = idCaptureProps.assets) === null || _c === void 0 ? void 0 : _c.focusModelUrl) !== null && _d !== void 0 ? _d : '',
-          logPredictions: debugMode
-        }, /*#__PURE__*/React__default['default'].createElement(CameraProvider, {
-          key: "IdCaptureCamera"
-        }, /*#__PURE__*/React__default['default'].createElement(GuideOrientationProvider, null, /*#__PURE__*/React__default['default'].createElement(IdCaptureWizard, tslib.__assign({}, idCaptureProps, {
+        return /*#__PURE__*/React__default['default'].createElement(GuideOrientationProvider, null, /*#__PURE__*/React__default['default'].createElement(IdCaptureWizard, tslib.__assign({}, idCaptureProps, {
           assets: assets.idCapture,
           colors: colors.idCapture,
           verbiage: verbiage.idCapture,
           onSuccess: onIdCaptureSuccess,
-          skipSuccessScreen: true
-        })))));
+          skipSuccessScreen: true,
+          debugMode: debugMode
+        })));
       case 'CHECKING_LIVENESS':
-        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(FaceLivenessCapture, {
+        return /*#__PURE__*/React__default['default'].createElement(FaceLivenessCapture, {
           onSuccess: onFaceCaptureSuccess,
           onExit: onExit,
           colors: colors.faceLiveness,
           verbiage: verbiage.faceLiveness,
           debugMode: debugMode
-        })));
+        });
       case 'CAPTURING_VIDEO':
-        return /*#__PURE__*/React__default['default'].createElement(CameraProvider, {
-          key: "FaceLivenessCamera",
-          preferFrontFacingCamera: true,
-          preferContinuityCamera: false
-        }, /*#__PURE__*/React__default['default'].createElement(IdCaptureModelsProvider, {
-          documentDetectionModelUrl: (_f = (_e = idCaptureProps.assets) === null || _e === void 0 ? void 0 : _e.documentDetectionModelUrl) !== null && _f !== void 0 ? _f : '',
-          focusModelUrl: (_h = (_g = idCaptureProps.assets) === null || _g === void 0 ? void 0 : _g.focusModelUrl) !== null && _h !== void 0 ? _h : '',
-          logPredictions: debugMode
-        }, /*#__PURE__*/React__default['default'].createElement(HighPerformanceSelfieGuidanceModelsProvider, null, /*#__PURE__*/React__default['default'].createElement(IdVideoCapture, {
+        return /*#__PURE__*/React__default['default'].createElement(IdVideoCapture, {
           onComplete: onVideoCaptureComplete,
           onFaceNotDetected: onVideoCaptureFaceNotDetected,
           debugMode: debugMode
-        }))));
+        });
       case 'SUCCESS':
         return /*#__PURE__*/React__default['default'].createElement(IdVideoCaptureSuccess, {
           videoUrl: videoUrl !== null && videoUrl !== void 0 ? videoUrl : ''
         });
       default:
-        return null;
+        return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
     }
-  }());
+  }())));
 };
 
 var VideoIdValidation = function VideoIdValidation(_a) {