idmission-web-sdk 2.2.11 → 2.2.12

package/dist/sdk2.umd.development.js

@@ -211,7 +211,7 @@
     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
@@ -14807,7 +14807,6 @@
     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,
@@ -14944,7 +14943,6 @@
       onClick: function onClick() {
         setDismissed(true);
         onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
-        onCustomOverlayDismissed === null || onCustomOverlayDismissed === void 0 ? void 0 : onCustomOverlayDismissed();
       }
     }, verbiage.continueText))))));
   };
@@ -17122,7 +17120,7 @@
       _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,
@@ -17432,7 +17430,6 @@
       key: "loading".concat(attempt),
       mode: loadingOverlayMode,
       customOverlayContent: customOverlayContent,
-      onCustomOverlayDismissed: onCustomOverlayDismissed,
       instructions: instructions,
       assets: assets.loadingOverlay,
       classNames: classNames.loadingOverlay,
@@ -17441,6 +17438,7 @@
       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.createElement(IdCaptureSuccess, {
@@ -19123,7 +19121,6 @@
   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,
@@ -19236,7 +19233,6 @@
       onClick: function onClick() {
         setDismissed(true);
         onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
-        onCustomOverlayDismissed === null || onCustomOverlayDismissed === void 0 ? void 0 : onCustomOverlayDismissed();
       }
     }, verbiage.continueText))))));
   };
@@ -19317,7 +19313,7 @@
       _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,
@@ -19460,9 +19456,10 @@
         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 () {
@@ -19522,13 +19519,12 @@
       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
     }));
   };
 
@@ -21204,12 +21200,13 @@
       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,
@@ -21230,7 +21227,7 @@
       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();
@@ -21263,29 +21260,17 @@
       });
       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];
@@ -21307,7 +21292,7 @@
       setAttempt(function (n) {
         return n + 1;
       });
-      setCaptureState('LOADING');
+      setCaptureState('CHECKING_LIVENESS');
       onExitCapture === null || onExitCapture === void 0 ? void 0 : onExitCapture();
       requestCameraAccess();
     }, [onExitCapture, releaseCameraAccess, requestCameraAccess]);
@@ -21321,7 +21306,7 @@
         setAttempt(function (n) {
           return n + 1;
         });
-        setCaptureState('LOADING');
+        setCaptureState('CHECKING_LIVENESS');
       }
     }, [cameraAccessDenied]);
     var guidesComponent = React.useCallback(function (_a) {
@@ -21336,18 +21321,27 @@
       className: "flex ".concat((_b = classNames === null || classNames === void 0 ? void 0 : classNames.container) !== null && _b !== void 0 ? _b : '')
     }, /*#__PURE__*/React.createElement(CameraVideoTag, {
       className: classNames.cameraFeed
-    }), captureState !== 'LOADING' && function () {
+    }), function () {
       switch (captureState) {
         case 'CHECKING_LIVENESS':
-          return /*#__PURE__*/React.createElement(FaceLivenessCapture, {
+          return /*#__PURE__*/React.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.createElement(VideoSignatureCapture, {
             onVideoCaptured: onSignatureCaptureCompleted,
@@ -21372,18 +21366,7 @@
         default:
           return null;
       }
-    }()), /*#__PURE__*/React.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) {
@@ -22201,7 +22184,7 @@
       _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,
@@ -22358,7 +22341,7 @@
             key: "id-capture-".concat(attempt),
             loadingOverlayMode: idCaptureLoadingOverlayMode,
             customOverlayContent: customOverlayContent,
-            onCustomOverlayDismissed: onCustomOverlayDismissed,
+            onLoadingOverlayDismissed: onLoadingOverlayDismissed,
             silentFallback: silentFallback,
             guideImages: idCaptureGuideImages
           }, idCaptureProps, {
@@ -22381,7 +22364,7 @@
             key: "face-liveness-".concat(attempt),
             loadingOverlayMode: faceLivenessLoadingOverlayMode,
             customOverlayContent: customOverlayContent,
-            onCustomOverlayDismissed: onCustomOverlayDismissed,
+            onLoadingOverlayDismissed: onLoadingOverlayDismissed,
             silentFallback: silentFallback
           }, faceLivenessProps, {
             onComplete: onFaceCaptureSuccess,
@@ -22920,7 +22903,7 @@
       _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,
@@ -22997,7 +22980,7 @@
         skipSuccessScreen: skipSuccessScreen,
         loadingOverlayMode: loadingOverlayMode,
         customOverlayContent: customOverlayContent,
-        onCustomOverlayDismissed: onCustomOverlayDismissed,
+        onLoadingOverlayDismissed: onLoadingOverlayDismissed,
         forceFallbackMode: forceFallbackMode,
         allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
         instructions: instructions,
@@ -23014,7 +22997,7 @@
         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,
@@ -24827,7 +24810,7 @@
       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,
@@ -24836,6 +24819,7 @@
       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,
@@ -24876,10 +24860,11 @@
       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,
@@ -24887,7 +24872,7 @@
           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])
     }))));
   };
 
@@ -24952,7 +24937,7 @@
       _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,
@@ -25015,7 +25000,7 @@
         skipShowIdCardBack: skipShowIdCardBack,
         idCaptureLoadingOverlayMode: idCaptureLoadingOverlayMode,
         customOverlayContent: customOverlayContent,
-        onCustomOverlayDismissed: onCustomOverlayDismissed,
+        onLoadingOverlayDismissed: onLoadingOverlayDismissed,
         idCaptureGuideType: idCaptureGuideType,
         idCaptureGuideImages: idCaptureGuideImages,
         idCapturePortraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
@@ -25031,7 +25016,7 @@
         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,