idmission-web-sdk 1.0.329 → 1.0.331

package/dist/components/id_capture/IdCaptureModelsProvider.d.ts

@@ -46,7 +46,7 @@ export type IdCaptureModelsState = {
     ready: boolean;
     modelDownloadProgress: number;
     working: MutableRefObject<boolean>;
-    modelError: Error | null;
+    idModelError: Error | null;
     thresholds: IdCaptureThresholds;
     setThresholds: (value: IdCaptureThresholds) => void;
     makePrediction: (frame: Frame) => void;

package/dist/sdk2.cjs.development.js

@@ -50,7 +50,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.329';
+var webSdkVersion = '1.0.331';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -8843,6 +8843,7 @@ var HighPerformanceSelfieGuidanceModelsContext = /*#__PURE__*/React.createContex
   error: null,
   modelDownloadProgress: 0
 });
+var persistentError = null;
 var HighPerformanceSelfieGuidanceModelsProvider = function HighPerformanceSelfieGuidanceModelsProvider(_a) {
   var _b = _a.autoStart,
     autoStart = _b === void 0 ? true : _b,
@@ -8866,7 +8867,7 @@ var HighPerformanceSelfieGuidanceModelsProvider = function HighPerformanceSelfie
   var detectorRef = React.useRef(null);
   var rafId = React.useRef(0);
   var loopId = React.useRef(0);
-  var _g = React.useState(null),
+  var _g = React.useState(persistentError),
     modelError = _g[0],
     setModelError = _g[1];
   var _h = React.useState(0),
@@ -8888,6 +8889,7 @@ var HighPerformanceSelfieGuidanceModelsProvider = function HighPerformanceSelfie
               modelLoadTimeout = setTimeout(function () {
                 console.log('button_fail', 'HighPerformanceSelfieGuidanceModelsProvider:modelLoadTimeout');
                 setModelError(new Error('Model loading time limit exceeded.'));
+                persistentError = new Error('Model loading time limit exceeded.');
               }, modelLoadTimeoutMs);
               _b.label = 1;
             case 1:
@@ -8900,6 +8902,7 @@ var HighPerformanceSelfieGuidanceModelsProvider = function HighPerformanceSelfie
             case 3:
               e_1 = _b.sent();
               setModelError(e_1);
+              persistentError = e_1;
               return [3 /*break*/, 5];
             case 4:
               clearInterval(modelLoadTimeout);
@@ -8920,7 +8923,7 @@ var HighPerformanceSelfieGuidanceModelsProvider = function HighPerformanceSelfie
     modelError && (onModelError === null || onModelError === void 0 ? void 0 : onModelError(modelError));
   }, [modelError, onModelError]);
   React.useEffect(function () {
-    if (!videoLoaded || !cameraReady || !running || !ready) return;
+    if (!videoLoaded || !cameraReady || !running || !ready || modelError || persistentError) return;
     var timer;
     loopId.current += 1;
     var currentLoopId = loopId.current;
@@ -9226,7 +9229,7 @@ var IdCaptureModelsContext = /*#__PURE__*/React.createContext({
   working: {
     current: false
   },
-  modelError: null,
+  idModelError: null,
   thresholds: {},
   setThresholds: function setThresholds() {
     return null;
@@ -9465,7 +9468,7 @@ var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
       resetBestFrame: resetBestFrame,
       bestFrameDetectionScore: bestFrameDetectionScore,
       bestFrameFocusScore: bestFrameFocusScore,
-      modelError: modelError,
+      idModelError: modelError,
       modelDownloadProgress: modelDownloadProgress
     };
   }, [bestFrameDetectionScore, bestFrameFocusScore, detectionTime, focusPredictionTime, getBestFrame, modelError, makePrediction, onPredictionMade, ready, resetBestFrame, setThresholds, thresholds, modelDownloadProgress]);
@@ -13294,7 +13297,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     setPassportImage = _16.setPassportImage,
     logIdFrontCaptureAttempt = _16.logIdFrontCaptureAttempt,
     logIdBackCaptureAttempt = _16.logIdBackCaptureAttempt;
-  var modelError = React.useContext(IdCaptureModelsContext).modelError;
+  var idModelError = React.useContext(IdCaptureModelsContext).idModelError;
   var operationStartedAt = React.useRef();
   React.useEffect(function () {
     dispatch({
@@ -13420,7 +13423,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
       }, 6000);
     }
   }, [dispatch, state.captureState]);
-  if (modelError) {
+  if (idModelError) {
     return /*#__PURE__*/React__default['default'].createElement(IdCaptureFallback, {
       idCaptureRequirement: captureRequirement,
       onFinished: onSubmitClick,
@@ -13945,7 +13948,9 @@ var SelfieCapture = function SelfieCapture(_a) {
   var satisfied = state.faceReady;
   if (typeof guidanceSatisfied === 'boolean') satisfied = guidanceSatisfied;
   guidanceMessage || (guidanceMessage = satisfied ? verbiage.guidanceHoldStillText : state.faceLookingAway ? verbiage.guidanceLookStraightText : state.faceTooClose ? verbiage.guidanceMoveBackText : state.faceTooFar ? verbiage.guidanceMoveForwardText : state.faceNotCentered ? verbiage.guidanceMoveToCenterText : '');
+  console.log('button guidanceError: ', guidanceError);
   if (guidanceError) {
+    console.log('button falling back');
     return /*#__PURE__*/React__default['default'].createElement(SelfieCaptureFallback, {
       classNames: classNames.fallback
     });
@@ -14076,7 +14081,7 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
   var _j = React.useContext(SubmissionContext),
     checkLiveness = _j.checkLiveness,
     submissionError = _j.submissionError;
-  var modelsError = React.useContext(HighPerformanceSelfieGuidanceModelsContext).error;
+  var modelError = React.useContext(HighPerformanceSelfieGuidanceModelsContext).error;
   var _k = React.useReducer(reducer$2, initialState$2),
     state = _k[0],
     dispatch = _k[1];
@@ -14191,12 +14196,13 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
     if (isPassed && state.imageUrl) onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(state.imageUrl);
   }, [onSuccess, state.imageUrl, isPassed]);
   React.useEffect(function () {
-    var allowedFailures = modelsError ? 1 : 2;
+    if (modelError) return;
+    var allowedFailures = 2;
     if (state.timesLivenessCheckFailed >= allowedFailures) {
       onTimeout === null || onTimeout === void 0 ? void 0 : onTimeout();
     }
-  }, [modelsError, onTimeout, state.timesLivenessCheckFailed]);
-  useTimeout(timeoutDurationMs, onTimeout, state.requestState === 'PASSED' || !!modelsError, state.requestState === 'IN_PROGRESS');
+  }, [modelError, onTimeout, state.timesLivenessCheckFailed]);
+  useTimeout(timeoutDurationMs, onTimeout, state.requestState === 'PASSED' || !!modelError, state.requestState === 'IN_PROGRESS');
   var verbiage = useTranslations(rawVerbiage, {
     guidanceRemoveEyeCoveringsText: 'Please remove your eye coverings (sunglasses, eye patch, etc.)...',
     guidanceRemoveHeadCoveringsText: 'Please remove your head coverings (hat, scarf, etc.)...',
@@ -14204,7 +14210,7 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
     progressPreviewText: 'Processing...'
   });
   var guidanceMessage = state.eyeCoveringDetected ? verbiage.guidanceRemoveEyeCoveringsText : state.headCoveringDetected ? verbiage.guidanceRemoveHeadCoveringsText : state.maskDetected ? verbiage.guidanceRemoveMaskText : undefined;
-  if (modelsError) {
+  if (modelError) {
     return /*#__PURE__*/React__default['default'].createElement(SelfieCaptureFallback, {
       onFinished: onFallbackImageCaptured
     });
@@ -16117,23 +16123,25 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     bestFrameDetectionScore = _18.bestFrameDetectionScore,
     bestFrameFocusScore = _18.bestFrameFocusScore,
     resetBestFrame = _18.resetBestFrame,
-    modelError = _18.modelError;
+    idModelError = _18.idModelError;
   var _19 = React.useState(null),
     videoStartsAt = _19[0],
     setVideoStartsAt = _19[1];
   var _20 = React.useContext(SubmissionContext),
     setIdCaptureVideoAudioStartsAt = _20.setIdCaptureVideoAudioStartsAt,
     setExpectedAudioText = _20.setExpectedAudioText;
-  var onSelfiePredictionMade = React.useContext(HighPerformanceSelfieGuidanceModelsContext).onPredictionMade;
+  var _21 = React.useContext(HighPerformanceSelfieGuidanceModelsContext),
+    onSelfiePredictionMade = _21.onPredictionMade,
+    selfieModelError = _21.error;
   var countdownTimeoutRef = React.useRef(undefined);
-  var _21 = React.useState(0),
-    countdownRemaining = _21[0],
-    setCountdownRemaining = _21[1];
-  var _22 = useVideoRecorder(cameraRef.current),
-    isRecording = _22.isRecording,
-    startRecording = _22.startRecording,
-    stopRecording = _22.stopRecording,
-    videoUrl = _22.videoUrl;
+  var _22 = React.useState(0),
+    countdownRemaining = _22[0],
+    setCountdownRemaining = _22[1];
+  var _23 = useVideoRecorder(cameraRef.current),
+    isRecording = _23.isRecording,
+    startRecording = _23.startRecording,
+    stopRecording = _23.stopRecording,
+    videoUrl = _23.videoUrl;
   React.useEffect(function () {
     if (!isRecording && !videoUrl) {
       startRecording();
@@ -16147,14 +16155,14 @@ var IdVideoCapture = function IdVideoCapture(_a) {
   var animationFrame = React.useRef(0);
   var shouldCaptureFrames = React.useRef(false);
   React.useEffect(function () {
-    shouldCaptureFrames.current = videoLoaded && cameraReady && idModelsReady;
-  }, [cameraReady, idModelsReady, videoLoaded]);
-  var _23 = React.useState('SHOW_ID_FRONT'),
-    requestedAction = _23[0],
-    setRequestedAction = _23[1];
+    shouldCaptureFrames.current = videoLoaded && cameraReady && idModelsReady && !idModelError;
+  }, [cameraReady, idModelsReady, videoLoaded, idModelError]);
+  var _24 = React.useState('SHOW_ID_FRONT'),
+    requestedAction = _24[0],
+    setRequestedAction = _24[1];
   React.useEffect(function () {
     if (requestedAction !== 'SHOW_ID_FRONT' && requestedAction !== 'SHOW_ID_BACK') return;
-    if (!idCaptureModelsEnabled || !idModelsReady || !cameraReady || !videoLoaded) return;
+    if (!idCaptureModelsEnabled || !idModelsReady || !cameraReady || !videoLoaded || idModelError) return;
     animationFrame.current = requestAnimationFrame(function runFrame() {
       return tslib.__awaiter(this, void 0, void 0, function () {
         return tslib.__generator(this, function (_a) {
@@ -16179,19 +16187,19 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       }
     });
   }, [idCardBackDetectionThreshold, idCardBackFocusThreshold, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, requestedAction, setThresholds]);
-  var _24 = React.useState(0),
-    currentDetectionScore = _24[0],
-    setCurrentDetectionScore = _24[1];
   var _25 = React.useState(0),
-    currentFocusScore = _25[0],
-    setCurrentFocusScore = _25[1];
+    currentDetectionScore = _25[0],
+    setCurrentDetectionScore = _25[1];
   var _26 = React.useState(0),
-    goodFramesCount = _26[0],
-    setGoodFramesCount = _26[1];
+    currentFocusScore = _26[0],
+    setCurrentFocusScore = _26[1];
+  var _27 = React.useState(0),
+    goodFramesCount = _27[0],
+    setGoodFramesCount = _27[1];
   var goodFramesThreshold = requestedAction === 'SHOW_ID_FRONT' ? goodIdCardFrontFramesThreshold : goodIdCardBackFramesThreshold;
   var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
   React.useEffect(function () {
-    if (!idCaptureModelsEnabled) return;
+    if (!idCaptureModelsEnabled || idModelError) return;
     onIdPredictionMade(function (prediction) {
       setDetectedObjects(prediction.detectedObjects);
       setCurrentDetectionScore(prediction.detectionScore);
@@ -16205,9 +16213,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       }
     });
   }, [idCaptureModelsEnabled, idCardFrontDetectionThreshold, onIdPredictionMade]);
-  var _27 = React.useState(null),
-    idFrontCaptureStartedAt = _27[0],
-    setFirstGoodFrameTime = _27[1];
+  var _28 = React.useState(null),
+    idFrontCaptureStartedAt = _28[0],
+    setFirstGoodFrameTime = _28[1];
   React.useEffect(function () {
     if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
   }, [goodFramesCount]);
@@ -16227,9 +16235,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
   var frameHeight = (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0;
   var faceBox = (_f = faces === null || faces === void 0 ? void 0 : faces[0]) === null || _f === void 0 ? void 0 : _f.box;
   var faceCentered = !faceBox || !frameWidth || faceBox.xMin > frameWidth * edgeBoundary && faceBox.yMin > frameHeight * edgeBoundary && faceBox.xMax < frameWidth * (1 - edgeBoundary) && faceBox.yMax < frameHeight * (1 - edgeBoundary);
-  var _28 = React.useState(),
-    countdownStartedAt = _28[0],
-    setCountdownStartedAt = _28[1];
+  var _29 = React.useState(),
+    countdownStartedAt = _29[0],
+    setCountdownStartedAt = _29[1];
   var frameLock = React.useRef(false);
   var captureFrame = React.useCallback(function () {
     return tslib.__awaiter(void 0, void 0, void 0, function () {
@@ -16343,16 +16351,18 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     };
   }, [captureCountdownSeconds, captureFrame, countdownStartedAt]);
   var timeoutStartedAt = useTimeout(readTextTimeoutDurationMs, stopRecording, requestedAction !== 'READ_TEXT', false, requestedAction === 'READ_TEXT').timeoutStartedAt;
-  var _29 = React.useState(0),
-    numFramesWithoutFaces = _29[0],
-    setNumFramesWithoutFaces = _29[1];
+  var _30 = React.useState(0),
+    numFramesWithoutFaces = _30[0],
+    setNumFramesWithoutFaces = _30[1];
   React.useEffect(function () {
-    onSelfiePredictionMade(function (faces) {
-      setFaces(faces);
-      setNumFramesWithoutFaces(function (n) {
-        return faces.length === 0 ? n + 1 : 0;
+    if (!selfieModelError) {
+      onSelfiePredictionMade(function (faces) {
+        setFaces(faces);
+        setNumFramesWithoutFaces(function (n) {
+          return faces.length === 0 ? n + 1 : 0;
+        });
       });
-    });
+    }
   }, [onSelfiePredictionMade]);
   React.useEffect(function () {
     var ignoreMissingFaces = disableFaceDetectionWhileAudioCapture && (timeoutStartedAt === null || timeoutStartedAt === void 0 ? void 0 : timeoutStartedAt.getTime()) && new Date().getTime() - (timeoutStartedAt === null || timeoutStartedAt === void 0 ? void 0 : timeoutStartedAt.getTime()) > disableFaceDetectionWhileAudioCaptureMsDelay;
@@ -16361,14 +16371,14 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     }
   }, [numFramesWithoutFaces, onFaceNotDetected]);
   var theme = styled.useTheme();
-  var _30 = useTranslations(rawVerbiage, {
+  var _31 = useTranslations(rawVerbiage, {
       faceNotCenteredText: 'Please move your face to the center...',
       searchingForIdCardText: 'Searching for ID card...',
       captureBtnText: 'Capture'
     }),
-    captureBtnText = _30.captureBtnText,
-    faceNotCenteredText = _30.faceNotCenteredText,
-    searchingForIdCardText = _30.searchingForIdCardText;
+    captureBtnText = _31.captureBtnText,
+    faceNotCenteredText = _31.faceNotCenteredText,
+    searchingForIdCardText = _31.searchingForIdCardText;
   var debugScalingDetails = useDebugScalingDetails({
     enabled: debugMode,
     pageWidth: width,
@@ -16414,7 +16424,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       face: face,
       scaling: debugScalingDetails
     });
-  })))))), guidanceText && idCaptureModelsEnabled && !modelError && ( /*#__PURE__*/React__default['default'].createElement(GuidanceMessageContainer, {
+  })))))), guidanceText && idCaptureModelsEnabled && !idModelError && ( /*#__PURE__*/React__default['default'].createElement(GuidanceMessageContainer, {
     className: classNames.guidanceMessageContainer
   }, /*#__PURE__*/React__default['default'].createElement(GuidanceMessage, {
     className: classNames.guidanceMessage,
@@ -16424,7 +16434,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     className: classNames.countdownContainer
   }, /*#__PURE__*/React__default['default'].createElement(Countdown, {
     className: classNames.countdown
-  }, countdownRemaining))), (!idCaptureModelsEnabled || modelError) && capturingId && ( /*#__PURE__*/React__default['default'].createElement(CaptureButtonContainer, {
+  }, countdownRemaining))), (!idCaptureModelsEnabled || idModelError) && capturingId && ( /*#__PURE__*/React__default['default'].createElement(CaptureButtonContainer, {
     className: classNames.captureBtnContainer
   }, /*#__PURE__*/React__default['default'].createElement(CaptureButton, {
     finished: true,