idmission-web-sdk 2.2.11 → 2.2.12

package/dist/sdk2.cjs.development.js

@@ -230,7 +230,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.2.11';
+var webSdkVersion = '2.2.12';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -5866,7 +5866,6 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
   var _b, _c, _d, _e, _f, _g;
   var onDismissed = _a.onDismissed,
     onUserCancel = _a.onUserCancel,
-    onCustomOverlayDismissed = _a.onCustomOverlayDismissed,
     instructions = _a.instructions,
     _h = _a.rotateImage,
     rotateImage = _h === void 0 ? false : _h,
@@ -6003,7 +6002,6 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
     onClick: function onClick() {
       setDismissed(true);
       onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
-      onCustomOverlayDismissed === null || onCustomOverlayDismissed === void 0 ? void 0 : onCustomOverlayDismissed();
     }
   }, verbiage.continueText))))));
 };
@@ -8181,7 +8179,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     _h = _a.loadingOverlayMode,
     loadingOverlayMode = _h === void 0 ? 'default' : _h,
     customOverlayContent = _a.customOverlayContent,
-    onCustomOverlayDismissed = _a.onCustomOverlayDismissed,
+    onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
     precapturedDocuments = _a.precapturedDocuments,
     _j = _a.captureRequirement,
     captureRequirement = _j === void 0 ? 'idCardOrPassport' : _j,
@@ -8491,7 +8489,6 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     key: "loading".concat(attempt),
     mode: loadingOverlayMode,
     customOverlayContent: customOverlayContent,
-    onCustomOverlayDismissed: onCustomOverlayDismissed,
     instructions: instructions,
     assets: assets.loadingOverlay,
     classNames: classNames.loadingOverlay,
@@ -8500,6 +8497,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     onUserCancel: onUserCancel,
     onDismissed: function onDismissed() {
       setOverlayDismissed(true);
+      onLoadingOverlayDismissed === null || onLoadingOverlayDismissed === void 0 ? void 0 : onLoadingOverlayDismissed();
     },
     rotateImage: rotateLoadingOverlayImageWhenPortrait && portraitGuidesOnMobile && window.innerWidth < window.innerHeight
   })), state.captureState === 'requestingFlip' && separateIdCardCaptureSequence && ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureSuccess, {
@@ -10182,7 +10180,6 @@ var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png"
 var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
   var onDismissed = _a.onDismissed,
     onUserCancel = _a.onUserCancel,
-    onCustomOverlayDismissed = _a.onCustomOverlayDismissed,
     _b = _a.assets,
     assets = _b === void 0 ? {} : _b,
     _c = _a.classNames,
@@ -10295,7 +10292,6 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
     onClick: function onClick() {
       setDismissed(true);
       onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
-      onCustomOverlayDismissed === null || onCustomOverlayDismissed === void 0 ? void 0 : onCustomOverlayDismissed();
     }
   }, verbiage.continueText))))));
 };
@@ -10376,7 +10372,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
     _e = _a.loadingOverlayMode,
     loadingOverlayMode = _e === void 0 ? 'default' : _e,
     customOverlayContent = _a.customOverlayContent,
-    onCustomOverlayDismissed = _a.onCustomOverlayDismissed,
+    onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
     _f = _a.timeoutDurationMs,
     timeoutDurationMs = _f === void 0 ? 15000 : _f,
     _g = _a.maxRetries,
@@ -10519,9 +10515,10 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
       setCaptureState('LOADING');
     }
   }, [cameraAccessDenied]);
-  var onLoadingOverlayDismissed = React.useCallback(function () {
+  var onLoadingOverlayDismissedCallback = React.useCallback(function () {
     setCaptureState('CAPTURING');
-  }, []);
+    onLoadingOverlayDismissed === null || onLoadingOverlayDismissed === void 0 ? void 0 : onLoadingOverlayDismissed();
+  }, [onLoadingOverlayDismissed]);
   var onFailureExitClick = React.useCallback(function () {
     releaseCameraAccessOnExit && releaseCameraAccess();
     setTimeout(function () {
@@ -10581,13 +10578,12 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
     key: attempt,
     mode: loadingOverlayMode,
     customOverlayContent: customOverlayContent,
-    onCustomOverlayDismissed: onCustomOverlayDismissed,
     assets: assets.loadingOverlay,
     classNames: classNames.loadingOverlay,
     colors: colors.loadingOverlay,
     verbiage: verbiage.loadingOverlay,
     onUserCancel: onUserCancel,
-    onDismissed: onLoadingOverlayDismissed
+    onDismissed: onLoadingOverlayDismissedCallback
   }));
 };
 
@@ -11495,12 +11491,13 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     onRetryClicked = _a.onRetryClicked,
     onExitCapture = _a.onExitCapture,
     onUserCancel = _a.onUserCancel,
-    onCustomOverlayDismissed = _a.onCustomOverlayDismissed,
+    onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
     _c = _a.loadingOverlayMode,
     loadingOverlayMode = _c === void 0 ? 'default' : _c,
     customOverlayContent = _a.customOverlayContent,
     _d = _a.skipSuccessScreen,
     skipSuccessScreen = _d === void 0 ? false : _d,
+    faceLivenessProps = _a.faceLivenessProps,
     _e = _a.assets,
     assets = _e === void 0 ? {} : _e,
     _f = _a.classNames,
@@ -11521,7 +11518,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     cameraAccessDenied = _l.cameraAccessDenied,
     requestCameraAccess = _l.requestCameraAccess,
     releaseCameraAccess = _l.releaseCameraAccess;
-  var _m = React.useState('LOADING'),
+  var _m = React.useState('CHECKING_LIVENESS'),
     captureState = _m[0],
     setCaptureState = _m[1];
   var operationStartedAt = React.useRef();
@@ -11554,29 +11551,17 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     });
     operationStartedAt.current = new Date();
   }, [logSelfieCaptureAttempt]);
-  var onLoadingOverlayDismissed = React.useCallback(function () {
-    setCaptureState('CHECKING_LIVENESS');
-  }, []);
-  var onFaceCaptureSuccess = React.useCallback(function (faceCropImageUrl) {
-    return __awaiter(void 0, void 0, void 0, function () {
-      var _a;
-      return __generator(this, function (_b) {
-        switch (_b.label) {
-          case 0:
-            setCaptureState('CAPTURING_SIGNATURE');
-            logCaptureMetadata();
-            if (!!selfieImage) return [3 /*break*/, 2];
-            _a = setSelfieImage;
-            return [4 /*yield*/, dataUrlToBase64(faceCropImageUrl)];
-          case 1:
-            _a.apply(void 0, [_b.sent()]);
-            _b.label = 2;
-          case 2:
-            return [2 /*return*/];
-        }
-      });
-    });
-  }, [logCaptureMetadata, selfieImage, setSelfieImage]);
+  var onFaceLivenessSuccessProp = faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onSuccess;
+  var onFaceCaptureSuccess = React.useCallback(function (response, request) {
+    var _a, _b;
+    onFaceLivenessSuccessProp === null || onFaceLivenessSuccessProp === void 0 ? void 0 : onFaceLivenessSuccessProp(response, request);
+    setCaptureState('CAPTURING_SIGNATURE');
+    logCaptureMetadata();
+    var selfieFromRequest = (_b = (_a = request.customerData) === null || _a === void 0 ? void 0 : _a.biometricData) === null || _b === void 0 ? void 0 : _b.selfie;
+    if (!selfieImage && selfieFromRequest) {
+      setSelfieImage(selfieFromRequest);
+    }
+  }, [logCaptureMetadata, onFaceLivenessSuccessProp, selfieImage, setSelfieImage]);
   var _p = React.useState(null),
     signatureImageUrl = _p[0],
     setSignatureImageUrl = _p[1];
@@ -11598,7 +11583,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     setAttempt(function (n) {
       return n + 1;
     });
-    setCaptureState('LOADING');
+    setCaptureState('CHECKING_LIVENESS');
     onExitCapture === null || onExitCapture === void 0 ? void 0 : onExitCapture();
     requestCameraAccess();
   }, [onExitCapture, releaseCameraAccess, requestCameraAccess]);
@@ -11612,7 +11597,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
       setAttempt(function (n) {
         return n + 1;
       });
-      setCaptureState('LOADING');
+      setCaptureState('CHECKING_LIVENESS');
     }
   }, [cameraAccessDenied]);
   var guidesComponent = React.useCallback(function (_a) {
@@ -11627,18 +11612,27 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     className: "flex ".concat((_b = classNames === null || classNames === void 0 ? void 0 : classNames.container) !== null && _b !== void 0 ? _b : '')
   }, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
     className: classNames.cameraFeed
-  }), captureState !== 'LOADING' && function () {
+  }), function () {
     switch (captureState) {
       case 'CHECKING_LIVENESS':
-        return /*#__PURE__*/React__namespace.default.createElement(FaceLivenessCapture, {
+        return /*#__PURE__*/React__namespace.default.createElement(FaceLivenessWizard, _assign({
+          key: "face-liveness-".concat(attempt)
+        }, faceLivenessProps, {
           onSuccess: onFaceCaptureSuccess,
-          onExit: onExit,
+          onExitCapture: onExit,
+          onUserCancel: onUserCancel,
+          onLoadingOverlayDismissed: onLoadingOverlayDismissed,
+          customOverlayContent: customOverlayContent,
+          loadingOverlayMode: loadingOverlayMode,
           guidesComponent: guidesComponent,
+          assets: assets.faceLiveness,
           classNames: classNames.faceLiveness,
           colors: colors.faceLiveness,
           verbiage: verbiage.faceLiveness,
-          debugMode: debugMode
-        });
+          debugMode: debugMode,
+          releaseCameraAccessOnExit: false,
+          renderCameraFeed: false
+        }));
       case 'CAPTURING_SIGNATURE':
         return /*#__PURE__*/React__namespace.default.createElement(VideoSignatureCapture, {
           onVideoCaptured: onSignatureCaptureCompleted,
@@ -11663,18 +11657,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
       default:
         return null;
     }
-  }()), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
-    key: attempt,
-    mode: loadingOverlayMode,
-    assets: assets.loadingOverlay,
-    classNames: classNames.loadingOverlay,
-    colors: colors.loadingOverlay,
-    verbiage: verbiage.loadingOverlay,
-    onDismissed: onLoadingOverlayDismissed,
-    onUserCancel: onUserCancel,
-    customOverlayContent: customOverlayContent,
-    onCustomOverlayDismissed: onCustomOverlayDismissed
-  }));
+  }()));
 };
 
 var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
@@ -12492,7 +12475,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
     _t = _a.idCaptureLoadingOverlayMode,
     idCaptureLoadingOverlayMode = _t === void 0 ? 'default' : _t,
     customOverlayContent = _a.customOverlayContent,
-    onCustomOverlayDismissed = _a.onCustomOverlayDismissed,
+    onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
     _u = _a.idCaptureGuideType,
     idCaptureGuideType = _u === void 0 ? 'fit' : _u,
     _v = _a.idCaptureGuideImages,
@@ -12649,7 +12632,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
           key: "id-capture-".concat(attempt),
           loadingOverlayMode: idCaptureLoadingOverlayMode,
           customOverlayContent: customOverlayContent,
-          onCustomOverlayDismissed: onCustomOverlayDismissed,
+          onLoadingOverlayDismissed: onLoadingOverlayDismissed,
           silentFallback: silentFallback,
           guideImages: idCaptureGuideImages
         }, idCaptureProps, {
@@ -12672,7 +12655,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
           key: "face-liveness-".concat(attempt),
           loadingOverlayMode: faceLivenessLoadingOverlayMode,
           customOverlayContent: customOverlayContent,
-          onCustomOverlayDismissed: onCustomOverlayDismissed,
+          onLoadingOverlayDismissed: onLoadingOverlayDismissed,
           silentFallback: silentFallback
         }, faceLivenessProps, {
           onComplete: onFaceCaptureSuccess,
@@ -13211,7 +13194,7 @@ var IdValidation = function IdValidation(_a) {
     _c = _a.loadingOverlayMode,
     loadingOverlayMode = _c === void 0 ? 'default' : _c,
     customOverlayContent = _a.customOverlayContent,
-    onCustomOverlayDismissed = _a.onCustomOverlayDismissed,
+    onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
     _d = _a.idCaptureRequirement,
     idCaptureRequirement = _d === void 0 ? 'idCardOrPassport' : _d,
     _e = _a.separateIdCardCaptureSequence,
@@ -13288,7 +13271,7 @@ var IdValidation = function IdValidation(_a) {
       skipSuccessScreen: skipSuccessScreen,
       loadingOverlayMode: loadingOverlayMode,
       customOverlayContent: customOverlayContent,
-      onCustomOverlayDismissed: onCustomOverlayDismissed,
+      onLoadingOverlayDismissed: onLoadingOverlayDismissed,
       forceFallbackMode: forceFallbackMode,
       allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
       instructions: instructions,
@@ -13305,7 +13288,7 @@ var IdValidation = function IdValidation(_a) {
       verbiage: verbiage,
       debugMode: debugMode
     };
-  }, [onExitCapture, onUserCancel, onModelError, precapturedDocuments, idCaptureRequirement, separateIdCardCaptureSequence, idCaptureThresholds, skipSuccessScreen, loadingOverlayMode, customOverlayContent, onCustomOverlayDismissed, forceFallbackMode, allowIdCardBackToFrontCapture, instructions, guideType, guideImages, portraitGuidesOnMobile, rotateLoadingOverlayImageWhenPortrait, modelLoadTimeoutMs, enableOverrideWrongDocumentTypeDialog, allowOverrideWrongDocumentTypeAfterMs, assets, classNames, colors, verbiage, debugMode]);
+  }, [onExitCapture, onUserCancel, onModelError, precapturedDocuments, idCaptureRequirement, separateIdCardCaptureSequence, idCaptureThresholds, skipSuccessScreen, loadingOverlayMode, customOverlayContent, onLoadingOverlayDismissed, forceFallbackMode, allowIdCardBackToFrontCapture, instructions, guideType, guideImages, portraitGuidesOnMobile, rotateLoadingOverlayImageWhenPortrait, modelLoadTimeoutMs, enableOverrideWrongDocumentTypeDialog, allowOverrideWrongDocumentTypeAfterMs, assets, classNames, colors, verbiage, debugMode]);
   var additionalDocumentCaptureProps = React.useMemo(function () {
     return {
       documents: captureAdditionalDocuments,
@@ -15118,7 +15101,7 @@ var SignatureKYC = function SignatureKYC(_a) {
     onUserCancel = _a.onUserCancel,
     onModelError = _a.onModelError,
     onCameraAccessDenied = _a.onCameraAccessDenied,
-    onCustomOverlayDismissed = _a.onCustomOverlayDismissed,
+    onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
     _c = _a.loadingOverlayMode,
     loadingOverlayMode = _c === void 0 ? 'default' : _c,
     customOverlayContent = _a.customOverlayContent,
@@ -15127,6 +15110,7 @@ var SignatureKYC = function SignatureKYC(_a) {
     idCardForFaceMatch = _a.idCardForFaceMatch,
     _e = _a.modelLoadTimeoutMs,
     modelLoadTimeoutMs = _e === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _e,
+    faceLivenessProps = _a.faceLivenessProps,
     _f = _a.theme,
     theme = _f === void 0 ? 'default' : _f,
     classNames = _a.classNames,
@@ -15167,10 +15151,11 @@ var SignatureKYC = function SignatureKYC(_a) {
     videoSignatureCaptureProps: React.useMemo(function () {
       return {
         customOverlayContent: customOverlayContent,
-        onCustomOverlayDismissed: onCustomOverlayDismissed,
+        onLoadingOverlayDismissed: onLoadingOverlayDismissed,
         loadingOverlayMode: loadingOverlayMode,
         skipSuccessScreen: skipSuccessScreen,
         modelLoadTimeoutMs: modelLoadTimeoutMs,
+        faceLivenessProps: faceLivenessProps,
         classNames: classNames,
         colors: colors,
         debugMode: debugMode,
@@ -15178,7 +15163,7 @@ var SignatureKYC = function SignatureKYC(_a) {
         onModelError: onModelError,
         onUserCancel: onUserCancel
       };
-    }, [customOverlayContent, onCustomOverlayDismissed, classNames, colors, debugMode, loadingOverlayMode, modelLoadTimeoutMs, onModelError, onUserCancel, skipSuccessScreen, verbiage])
+    }, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, modelLoadTimeoutMs, faceLivenessProps, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
   }))));
 };
 
@@ -15243,7 +15228,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
     _k = _a.idCaptureLoadingOverlayMode,
     idCaptureLoadingOverlayMode = _k === void 0 ? 'default' : _k,
     customOverlayContent = _a.customOverlayContent,
-    onCustomOverlayDismissed = _a.onCustomOverlayDismissed,
+    onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
     _l = _a.idCaptureGuideType,
     idCaptureGuideType = _l === void 0 ? 'fit' : _l,
     _m = _a.idCaptureGuideImages,
@@ -15306,7 +15291,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
       skipShowIdCardBack: skipShowIdCardBack,
       idCaptureLoadingOverlayMode: idCaptureLoadingOverlayMode,
       customOverlayContent: customOverlayContent,
-      onCustomOverlayDismissed: onCustomOverlayDismissed,
+      onLoadingOverlayDismissed: onLoadingOverlayDismissed,
       idCaptureGuideType: idCaptureGuideType,
       idCaptureGuideImages: idCaptureGuideImages,
       idCapturePortraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
@@ -15322,7 +15307,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
       verbiage: verbiage,
       debugMode: debugMode
     };
-  }, [idCaptureProps, faceLivenessProps, idCaptureModelsEnabled, videoIdCaptureThresholds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, onExitCapture, onExitAfterFailure, onUserCancel, skipSuccessScreen, skipIdCapture, skipShowIdCardBack, idCaptureLoadingOverlayMode, customOverlayContent, onCustomOverlayDismissed, idCaptureGuideType, idCaptureGuideImages, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, faceLivenessLoadingOverlayMode, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, silentFallback, mergeAVStreams, assets, classNames, colors, verbiage, debugMode]);
+  }, [idCaptureProps, faceLivenessProps, idCaptureModelsEnabled, videoIdCaptureThresholds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, onExitCapture, onExitAfterFailure, onUserCancel, skipSuccessScreen, skipIdCapture, skipShowIdCardBack, idCaptureLoadingOverlayMode, customOverlayContent, onLoadingOverlayDismissed, idCaptureGuideType, idCaptureGuideImages, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, faceLivenessLoadingOverlayMode, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, silentFallback, mergeAVStreams, assets, classNames, colors, verbiage, debugMode]);
   var additionalDocumentCaptureProps = React.useMemo(function () {
     return {
       documents: captureAdditionalDocuments,