idmission-web-sdk 1.0.340 → 1.0.342

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.340';
+var webSdkVersion = '1.0.342';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -11863,6 +11863,7 @@ var CameraVideoTag = function CameraVideoTag(_a) {
   var onLoadedData = React.useCallback(function () {
     setVideoLoaded(true);
   }, [setVideoLoaded]);
+  console.log('WUDebug - rendering full screen video');
   return /*#__PURE__*/React__default['default'].createElement(FullscreenVideoTag, {
     className: className,
     autoPlay: true,
@@ -13665,9 +13666,23 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
     doneBtnText: 'Done',
     doneBtnLoadingText: 'Verifying...'
   });
-  function onFileSelected(e) {
+  React.useEffect(function () {
+    var fallbackTimeout;
+    if (useFallback) {
+      fallbackTimeout = setTimeout(function () {
+        var _a;
+        (_a = fileInput.current) === null || _a === void 0 ? void 0 : _a.click();
+      }, 250);
+    }
+    return function () {
+      clearTimeout(fallbackTimeout);
+    };
+  }, [useFallback]);
+  var onFileSelected = function onFileSelected(e) {
     var _a;
+    console.log('WUDebug - file selected');
     var file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
+    console.log('WUDebug - file: ', file);
     if (!file) return;
     var reader = new FileReader();
     reader.addEventListener('load', function (e) {
@@ -13677,8 +13692,8 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
       onCapture === null || onCapture === void 0 ? void 0 : onCapture(imageData);
     });
     reader.readAsDataURL(file);
-  }
-  if (usingDocumentCapture || useFallback) {
+  };
+  if (usingDocumentCapture) {
     return /*#__PURE__*/React__default['default'].createElement(DocumentCaptureWizard, {
       documents: [{
         title: verbiage.descriptionText
@@ -13692,15 +13707,31 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
       }
     });
   }
+  if (useFallback && !image) {
+    console.log('WUDebug - in fallback render', image);
+    return /*#__PURE__*/React__default['default'].createElement(OverlayContainer, {
+      className: classNames.container
+    }, /*#__PURE__*/React__default['default'].createElement(StyledOverlayInner, {
+      className: classNames.inner
+    }, /*#__PURE__*/React__default['default'].createElement("input", {
+      ref: fileInput,
+      type: "file",
+      accept: "image/*",
+      capture: "user",
+      onChange: onFileSelected,
+      hidden: true
+    })));
+  }
+  console.log('WUDebug - main render');
   return /*#__PURE__*/React__default['default'].createElement(OverlayContainer, {
     className: classNames.container
   }, /*#__PURE__*/React__default['default'].createElement(StyledOverlayInner, {
     className: classNames.inner
-  }, /*#__PURE__*/React__default['default'].createElement(Heading$6, {
+  }, !useFallback && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Heading$6, {
     className: classNames.heading
   }, verbiage.headingText), /*#__PURE__*/React__default['default'].createElement(Description$1, {
     className: classNames.description
-  }, verbiage.descriptionText), image && ( /*#__PURE__*/React__default['default'].createElement(ImageContainer$5, {
+  }, verbiage.descriptionText))), image && ( /*#__PURE__*/React__default['default'].createElement(ImageContainer$5, {
     className: classNames.imageContainer
   }, /*#__PURE__*/React__default['default'].createElement("img", {
     src: image,
@@ -14955,6 +14986,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
     }, 0);
   }, [logCaptureMetadata, onComplete, releaseCameraAccess, releaseCameraAccessOnExit, livenessCheckRequest, submissionResponse]);
   var showSuccessScreen = useShowSuccessScreen(skipSuccessScreen, captureState === 'SUCCESS', onDoneCallback);
+  console.log('WUDebug - renderCameraFeed', renderCameraFeed);
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(PageContainer, {
     className: "flex ".concat((_c = (_b = classNames.capture) === null || _b === void 0 ? void 0 : _b.container) !== null && _c !== void 0 ? _c : '')
   }, renderCameraFeed && ( /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, {
@@ -16171,8 +16203,10 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     requestedAction = _24[0],
     setRequestedAction = _24[1];
   React.useEffect(function () {
+    console.log('WUDebug - idCaptureModelsEnabled, idModelsReady, cameraReady, videoLoaded, idModelError', idCaptureModelsEnabled, idModelsReady, cameraReady, videoLoaded, idModelError);
     if (requestedAction !== 'SHOW_ID_FRONT' && requestedAction !== 'SHOW_ID_BACK') return;
     if (!idCaptureModelsEnabled || !idModelsReady || !cameraReady || !videoLoaded || idModelError) return;
+    console.log('WUDebug - SHOULD NOT BE HIT');
     animationFrame.current = requestAnimationFrame(function runFrame() {
       return tslib.__awaiter(this, void 0, void 0, function () {
         return tslib.__generator(this, function (_a) {
@@ -16210,6 +16244,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
   var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
   React.useEffect(function () {
     if (!idCaptureModelsEnabled || idModelError) return;
+    console.log('WUDebug - should not get here - onIdPredictionMade', idCaptureModelsEnabled, idCardFrontDetectionThreshold, onIdPredictionMade, idModelError);
     onIdPredictionMade(function (prediction) {
       setDetectedObjects(prediction.detectedObjects);
       setCurrentDetectionScore(prediction.detectionScore);
@@ -16255,12 +16290,15 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       return tslib.__generator(this, function (_b) {
         switch (_b.label) {
           case 0:
+            console.log('WUDebug - captureFrame');
             if (frameLock.current) return [2 /*return*/];
             frameLock.current = true;
             return [4 /*yield*/, takePhoto()];
           case 1:
             frame = _b.sent();
+            console.log('WUDebug - frame captured');
             if (!frame) {
+              console.log('WUDebug - frame capture FAILED');
               frameLock.current = false;
               return [2 /*return*/];
             }
@@ -16281,10 +16319,14 @@ var IdVideoCapture = function IdVideoCapture(_a) {
             _b.label = 4;
           case 4:
             frameBase64 = _a;
+            console.log('WUDebug - converted to base64');
             if (!(requestedAction == 'SHOW_ID_FRONT')) return [3 /*break*/, 8];
             if (onIdFrontImageCaptured) {
+              console.log('WUDebug - onIdFrontImageCaptured exists');
               frameBase64 && onIdFrontImageCaptured(frameBase64);
+              console.log('WUDebug - onIdFrontImageCaptured completed');
             }
+            console.log('WUDebug - skipShowIdCardBack, onIdBackCaptureComplete', skipShowIdCardBack, onIdBackCaptureComplete);
             if (!skipShowIdCardBack) return [3 /*break*/, 7];
             if (!(skipShowIdCardBack === true)) return [3 /*break*/, 5];
             return [2 /*return*/, onIdBackCaptureComplete()];
@@ -16298,15 +16340,21 @@ var IdVideoCapture = function IdVideoCapture(_a) {
           case 7:
             setRequestedAction('FLIP_ID');
             setTimeout(function () {
+              console.log('WUDebug - requesting to show back');
               setRequestedAction('SHOW_ID_BACK');
             }, 6000);
             return [3 /*break*/, 9];
           case 8:
             if (requestedAction == 'SHOW_ID_BACK') {
+              console.log('WUDebug - capturing the back');
               if (onIdBackImageCaptured) {
+                console.log('WUDebug - onIdBackImageCaptured exists');
                 frameBase64 && onIdBackImageCaptured(frameBase64);
+                console.log('WUDebug - onIdBackImageCaptured completed');
               }
+              console.log('WUDebug - onIdBackCaptureComplete exists');
               onIdBackCaptureComplete();
+              console.log('WUDebug - onIdBackCaptureComplete completed');
             }
             _b.label = 9;
           case 9:
@@ -16319,6 +16367,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
             setCountdownStartedAt(undefined);
             resetBestFrame();
             frameLock.current = false;
+            if (countdownTimeoutRef.current) {
+              clearTimeout(countdownTimeoutRef.current);
+            }
             return [7 /*endfinally*/];
           case 11:
             return [2 /*return*/];
@@ -16328,6 +16379,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
   }, [onIdBackCaptureComplete, onIdBackImageCaptured, onIdFrontImageCaptured, requestedAction, resetBestFrame, skipShowIdCardBack, takePhoto]);
   var satisfied = goodFramesThresholdMet && faceCentered && delaySatisfied;
   React.useEffect(function () {
+    console.log('WUDebug - [countdownStartedAt, satisfied]', satisfied, countdownStartedAt);
     if (satisfied && !countdownStartedAt) {
       setCountdownStartedAt(new Date());
     }
@@ -16338,8 +16390,11 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     };
   }, []);
   var manualCountdown = React.useCallback(function (remainingTime) {
+    console.log('WUDebug - [captureFrame, countdownStartedAt, countdownTimeoutRef]', captureFrame, countdownStartedAt, countdownTimeoutRef);
+    console.log('WUDebug - remainingTime', remainingTime);
     if (remainingTime > 0) {
       var nextCycle_1 = remainingTime - 1;
+      console.log('WUDebug - decrementing countdown', nextCycle_1);
       setCountdownRemaining(nextCycle_1);
       countdownTimeoutRef.current = setTimeout(function () {
         return manualCountdown(nextCycle_1);
@@ -16347,6 +16402,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       return;
     }
     if (countdownStartedAt) {
+      console.log('WUDebug - calling captureFrame');
       captureFrame();
     }
   }, [captureFrame, countdownStartedAt, countdownTimeoutRef]);
@@ -16449,7 +16505,8 @@ var IdVideoCapture = function IdVideoCapture(_a) {
   }, /*#__PURE__*/React__default['default'].createElement(CaptureButton, {
     finished: true,
     onClick: function onClick() {
-      return setCountdownStartedAt(new Date());
+      console.log('WUDebug - capture button clicked');
+      setCountdownStartedAt(new Date());
     },
     disabled: !!countdownStartedAt || frameLock.current,
     className: classNames.captureBtn
@@ -16684,6 +16741,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
       className: "flex"
     }, /*#__PURE__*/React__default['default'].createElement(Spinner, null));
   }
+  console.log('WUDebug - captureState', captureState);
   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 : '',