idmission-web-sdk 2.2.29 → 2.2.30

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.29';
+  var webSdkVersion = '2.2.30';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -19087,21 +19087,24 @@
   var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
     var onDismissed = _a.onDismissed,
       onUserCancel = _a.onUserCancel,
-      _b = _a.assets,
-      assets = _b === void 0 ? {} : _b,
-      _c = _a.classNames,
-      classNames = _c === void 0 ? {} : _c,
-      _d = _a.colors,
-      colors = _d === void 0 ? {} : _d,
-      _e = _a.verbiage,
-      rawVerbiage = _e === void 0 ? {} : _e;
-    var _f = React.useContext(CameraStateContext),
-      cameraReady = _f.cameraReady,
-      cameraAccessDenied = _f.cameraAccessDenied,
-      microphoneAccessDenied = _f.microphoneAccessDenied;
-    var _g = React.useContext(SelfieGuidanceModelsContext),
-      modelsReady = _g.ready,
-      modelDownloadProgress = _g.modelDownloadProgress;
+      _b = _a.waitForIdCaptureModels,
+      waitForIdCaptureModels = _b === void 0 ? false : _b,
+      _c = _a.assets,
+      assets = _c === void 0 ? {} : _c,
+      _d = _a.classNames,
+      classNames = _d === void 0 ? {} : _d,
+      _e = _a.colors,
+      colors = _e === void 0 ? {} : _e,
+      _f = _a.verbiage,
+      rawVerbiage = _f === void 0 ? {} : _f;
+    var _g = React.useContext(CameraStateContext),
+      cameraReady = _g.cameraReady,
+      cameraAccessDenied = _g.cameraAccessDenied,
+      microphoneAccessDenied = _g.microphoneAccessDenied;
+    var _h = React.useContext(SelfieGuidanceModelsContext),
+      modelsReady = _h.ready,
+      modelDownloadProgress = _h.modelDownloadProgress;
+    var idCaptureModelsContext = React.useContext(IdCaptureModelsContext);
     assets.instructionImageUrl || (assets.instructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png"));
     var verbiage = useTranslations(rawVerbiage, {
       headingText: 'Use your device camera to capture your face',
@@ -19112,9 +19115,9 @@
       downloadingText: 'Downloading...',
       modelsWarmingUpText: 'Models warming up...'
     });
-    var _h = React.useState(false),
-      dismissed = _h[0],
-      setDismissed = _h[1];
+    var _j = React.useState(false),
+      dismissed = _j[0],
+      setDismissed = _j[1];
     if (dismissed) return /*#__PURE__*/React.createElement(React.Fragment, null);
     if (cameraAccessDenied) {
       return /*#__PURE__*/React.createElement(CameraAccessDeniedOverlay, {
@@ -19132,6 +19135,7 @@
         verbiage: rawVerbiage.microphoneAccessDenied
       });
     }
+    var allModelsReady = modelsReady && (!waitForIdCaptureModels || (idCaptureModelsContext === null || idCaptureModelsContext === void 0 ? void 0 : idCaptureModelsContext.ready));
     return /*#__PURE__*/React.createElement(OverlayContainer, {
       className: classNames.container
     }, /*#__PURE__*/React.createElement(OverlayInner$2, {
@@ -19151,15 +19155,15 @@
       className: classNames.buttonsRow
     }, /*#__PURE__*/React.createElement(LoaderButton, {
       variant: "positive",
-      disabled: !cameraReady || !modelsReady,
-      finished: cameraReady && modelsReady,
+      disabled: !cameraReady || !allModelsReady,
+      finished: cameraReady && allModelsReady,
       className: classNames.continueBtn,
       colors: colors.continueBtn,
       onClick: function onClick() {
         setDismissed(true);
         onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
       }
-    }, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
+    }, cameraReady && allModelsReady ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
   };
   var StyledGuidanceMessage$1 = styled(GuidanceMessage)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n  padding: 12px 24px;\n  font-weight: normal;\n  line-height: 1.5;\n  margin-bottom: -30px;\n"], ["\n  padding: 12px 24px;\n  font-weight: normal;\n  line-height: 1.5;\n  margin-bottom: -30px;\n"])));
   var StyledButtonsRow$6 = styled(ButtonsRow)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n  flex-direction: column;\n  padding-top: 25px;\n"], ["\n  flex-direction: column;\n  padding-top: 25px;\n"])));
@@ -19169,22 +19173,25 @@
   var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
     var onDismissed = _a.onDismissed,
       onUserCancel = _a.onUserCancel,
-      _b = _a.assets,
-      assets = _b === void 0 ? {} : _b,
-      _c = _a.classNames,
-      classNames = _c === void 0 ? {} : _c,
-      _d = _a.colors,
-      colors = _d === void 0 ? {} : _d,
-      _e = _a.verbiage,
-      rawVerbiage = _e === void 0 ? {} : _e,
-      customOverlayContent = _a.customOverlayContent;
-    var _f = React.useContext(CameraStateContext),
-      cameraReady = _f.cameraReady,
-      cameraAccessDenied = _f.cameraAccessDenied,
-      microphoneAccessDenied = _f.microphoneAccessDenied;
-    var _g = React.useContext(SelfieGuidanceModelsContext),
-      modelsReady = _g.ready,
-      modelDownloadProgress = _g.modelDownloadProgress;
+      customOverlayContent = _a.customOverlayContent,
+      _b = _a.waitForIdCaptureModels,
+      waitForIdCaptureModels = _b === void 0 ? false : _b,
+      _c = _a.assets,
+      assets = _c === void 0 ? {} : _c,
+      _d = _a.classNames,
+      classNames = _d === void 0 ? {} : _d,
+      _e = _a.colors,
+      colors = _e === void 0 ? {} : _e,
+      _f = _a.verbiage,
+      rawVerbiage = _f === void 0 ? {} : _f;
+    var _g = React.useContext(CameraStateContext),
+      cameraReady = _g.cameraReady,
+      cameraAccessDenied = _g.cameraAccessDenied,
+      microphoneAccessDenied = _g.microphoneAccessDenied;
+    var _h = React.useContext(SelfieGuidanceModelsContext),
+      modelsReady = _h.ready,
+      modelDownloadProgress = _h.modelDownloadProgress;
+    var idCaptureModelsContext = React.useContext(IdCaptureModelsContext);
     var verbiage = useTranslations(rawVerbiage, {
       headingText: 'Use your device camera to capture your face',
       removeEyeCoveringsText: 'Remove Sunglasses & Hat',
@@ -19196,9 +19203,9 @@
       modelsWarmingUpText: 'Loading guided capture experience...',
       modelsReadyText: 'Guided capture experience ready'
     });
-    var _h = React.useState(0),
-      headingTextIndex = _h[0],
-      setHeadingTextIndex = _h[1];
+    var _j = React.useState(0),
+      headingTextIndex = _j[0],
+      setHeadingTextIndex = _j[1];
     var headingText = [verbiage.headingText, verbiage.removeEyeCoveringsText, verbiage.avoidExcessiveBacklightingText][headingTextIndex];
     React.useEffect(function () {
       setInterval(function () {
@@ -19207,9 +19214,9 @@
         });
       }, 3000);
     }, []);
-    var _j = React.useState(false),
-      dismissed = _j[0],
-      setDismissed = _j[1];
+    var _k = React.useState(false),
+      dismissed = _k[0],
+      setDismissed = _k[1];
     if (dismissed) return /*#__PURE__*/React.createElement(React.Fragment, null);
     if (cameraAccessDenied) {
       return /*#__PURE__*/React.createElement(CameraAccessDeniedOverlay, {
@@ -19227,6 +19234,7 @@
         verbiage: rawVerbiage.microphoneAccessDenied
       });
     }
+    var allModelsReady = modelsReady && (!waitForIdCaptureModels || (idCaptureModelsContext === null || idCaptureModelsContext === void 0 ? void 0 : idCaptureModelsContext.ready));
     return /*#__PURE__*/React.createElement(OverlayContainer, {
       className: classNames.container
     }, /*#__PURE__*/React.createElement(OverlayInner, {
@@ -19267,13 +19275,13 @@
       className: classNames.loadingListItemIndicator,
       state: cameraReady ? 'done' : 'running'
     }), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React.createElement(LoadingListItem, {
-      className: "".concat(classNames.loadingListItem, " ").concat(modelsReady ? 'done' : 'running')
+      className: "".concat(classNames.loadingListItem, " ").concat(allModelsReady ? 'done' : 'running')
     }, /*#__PURE__*/React.createElement(LoadingListItemIndicator, {
       className: classNames.loadingListItemIndicator,
-      state: modelsReady ? 'done' : 'running'
-    }), modelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React.createElement(ContinueButtonContainer, {
+      state: allModelsReady ? 'done' : 'running'
+    }), allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React.createElement(ContinueButtonContainer, {
       className: classNames.continueBtnContainer
-    }, modelsReady && cameraReady && ( /*#__PURE__*/React.createElement(ContinueButton, {
+    }, allModelsReady && cameraReady && ( /*#__PURE__*/React.createElement(ContinueButton, {
       finished: true,
       className: classNames.continueBtn,
       variant: "positive",
@@ -19374,42 +19382,44 @@
       releaseCameraAccessOnExit = _k === void 0 ? true : _k,
       _l = _a.silentFallback,
       silentFallback = _l === void 0 ? false : _l,
+      _m = _a.waitForIdCaptureModels,
+      waitForIdCaptureModels = _m === void 0 ? false : _m,
       guidesComponent = _a.guidesComponent,
       disableCapturePreview = _a.disableCapturePreview,
-      _m = _a.assets,
-      assets = _m === void 0 ? {} : _m,
-      _o = _a.classNames,
-      classNames = _o === void 0 ? {} : _o,
-      _p = _a.colors,
-      colors = _p === void 0 ? {} : _p,
-      _q = _a.verbiage,
-      verbiage = _q === void 0 ? {} : _q,
-      _r = _a.debugMode,
-      debugMode = _r === void 0 ? false : _r;
-    var _s = React.useContext(SubmissionContext),
-      submissionResponse = _s.submissionResponse,
-      livenessCheckRequest = _s.livenessCheckRequest,
-      setSelfieImage = _s.setSelfieImage,
-      logSelfieCaptureAttempt = _s.logSelfieCaptureAttempt;
-    var _t = React.useContext(CameraStateContext),
-      cameraAccessDenied = _t.cameraAccessDenied,
-      requestCameraAccess = _t.requestCameraAccess,
-      releaseCameraAccess = _t.releaseCameraAccess;
-    var _u = React.useState(''),
-      faceCropImageUrl = _u[0],
-      setFaceCropImageUrl = _u[1];
-    var _v = React.useState(0),
-      retryCount = _v[0],
-      setRetryCount = _v[1];
-    var _w = React.useState('LOADING'),
-      captureState = _w[0],
-      setCaptureState = _w[1];
+      _o = _a.assets,
+      assets = _o === void 0 ? {} : _o,
+      _p = _a.classNames,
+      classNames = _p === void 0 ? {} : _p,
+      _q = _a.colors,
+      colors = _q === void 0 ? {} : _q,
+      _r = _a.verbiage,
+      verbiage = _r === void 0 ? {} : _r,
+      _s = _a.debugMode,
+      debugMode = _s === void 0 ? false : _s;
+    var _t = React.useContext(SubmissionContext),
+      submissionResponse = _t.submissionResponse,
+      livenessCheckRequest = _t.livenessCheckRequest,
+      setSelfieImage = _t.setSelfieImage,
+      logSelfieCaptureAttempt = _t.logSelfieCaptureAttempt;
+    var _u = React.useContext(CameraStateContext),
+      cameraAccessDenied = _u.cameraAccessDenied,
+      requestCameraAccess = _u.requestCameraAccess,
+      releaseCameraAccess = _u.releaseCameraAccess;
+    var _v = React.useState(''),
+      faceCropImageUrl = _v[0],
+      setFaceCropImageUrl = _v[1];
+    var _w = React.useState(0),
+      retryCount = _w[0],
+      setRetryCount = _w[1];
+    var _x = React.useState('LOADING'),
+      captureState = _x[0],
+      setCaptureState = _x[1];
     var captureStartedAt = React.useRef();
     var captureEndedAt = React.useRef();
     var operationStartedAt = React.useRef();
-    var _x = React.useContext(SelfieGuidanceModelsContext),
-      start = _x.start,
-      stop = _x.stop;
+    var _y = React.useContext(SelfieGuidanceModelsContext),
+      start = _y.start,
+      stop = _y.stop;
     React.useEffect(function () {
       operationStartedAt.current = new Date();
     }, []);
@@ -19464,9 +19474,9 @@
       setCaptureState('FAILED');
       onDenied === null || onDenied === void 0 ? void 0 : onDenied(submissionResponse, livenessCheckRequest);
     }, [onDenied, submissionResponse, livenessCheckRequest]);
-    var _y = React.useState(0),
-      attempt = _y[0],
-      setAttempt = _y[1];
+    var _z = React.useState(0),
+      attempt = _z[0],
+      setAttempt = _z[1];
     var onExitCallback = React.useCallback(function () {
       setAttempt(function (n) {
         return n + 1;
@@ -19572,7 +19582,8 @@
       colors: colors.loadingOverlay,
       verbiage: verbiage.loadingOverlay,
       onUserCancel: onUserCancel,
-      onDismissed: onLoadingOverlayDismissedCallback
+      onDismissed: onLoadingOverlayDismissedCallback,
+      waitForIdCaptureModels: waitForIdCaptureModels
     }));
   };
 
@@ -22437,6 +22448,7 @@
             skipSuccessScreen: true,
             renderCameraFeed: false,
             releaseCameraAccessOnExit: false,
+            waitForIdCaptureModels: true,
             disableCapturePreview: !debugMode,
             guidesComponent: faceLivenessGuides,
             assets: assets.faceLiveness,