idmission-web-sdk 0.0.61 → 0.0.63

package/dist/components/CompositeWizard.d.ts

@@ -15,6 +15,7 @@ export type CompositeWizardComponentProps = {
     additionalDocumentCaptureProps?: AdditionalDocumentCaptureWizardProps;
     captureSignature?: boolean | (() => Promise<boolean>);
     captureSignatureVideo?: boolean | (() => Promise<boolean>);
+    debugMode?: boolean;
 };
 export type CompositeWizardProps = CompositeWizardComponentProps & {
     submissionToken: string;
@@ -24,4 +25,4 @@ export type CompositeWizardProps = CompositeWizardComponentProps & {
     onComplete?: (submissionResponse: SubmissionResponse) => void;
 };
 export declare const CompositeWizard: (props: CompositeWizardProps) => ReactElement;
-export declare const CompositeWizardComponent: ({ checks: userChecks, idCaptureProps, faceLivenessProps, signatureCaptureProps, videoSignatureCaptureProps, additionalDocumentCaptureProps, captureSignature, captureSignatureVideo, }: CompositeWizardComponentProps) => ReactElement;
+export declare const CompositeWizardComponent: ({ checks: userChecks, idCaptureProps, faceLivenessProps, signatureCaptureProps, videoSignatureCaptureProps, additionalDocumentCaptureProps, captureSignature, captureSignatureVideo, debugMode, }: CompositeWizardComponentProps) => ReactElement;

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

@@ -46,5 +46,6 @@ export type IdCaptureModelsProviderProps = {
     children: ReactNode;
     documentDetectionModelUrl?: string | undefined;
     focusModelUrl?: string | undefined;
+    logPredictions?: boolean;
 };
-export declare const IdCaptureModelsProvider: ({ children, documentDetectionModelUrl, focusModelUrl, }: IdCaptureModelsProviderProps) => ReactElement;
+export declare const IdCaptureModelsProvider: ({ children, documentDetectionModelUrl, focusModelUrl, logPredictions, }: IdCaptureModelsProviderProps) => ReactElement;

package/dist/sdk2.cjs.development.js

@@ -7771,34 +7771,36 @@ var defaultFocusModelUrl = "".concat(DEFAULT_CDN_URL, "/models/focus/model.json"
 var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
   var children = _a.children,
     documentDetectionModelUrl = _a.documentDetectionModelUrl,
-    focusModelUrl = _a.focusModelUrl;
-  var _b = React.useState(false),
-    ready = _b[0],
-    setReady = _b[1];
-  var _c = React.useState(0),
-    documentDetectionThreshold = _c[0],
-    setDocumentDetectionThreshold = _c[1];
+    focusModelUrl = _a.focusModelUrl,
+    _b = _a.logPredictions,
+    logPredictions = _b === void 0 ? false : _b;
+  var _c = React.useState(false),
+    ready = _c[0],
+    setReady = _c[1];
   var _d = React.useState(0),
-    passportDetectionThreshold = _d[0],
-    setPassportDetectionThreshold = _d[1];
+    documentDetectionThreshold = _d[0],
+    setDocumentDetectionThreshold = _d[1];
   var _e = React.useState(0),
-    mrzDetectionThreshold = _e[0],
-    setMrzDetectionThreshold = _e[1];
+    passportDetectionThreshold = _e[0],
+    setPassportDetectionThreshold = _e[1];
   var _f = React.useState(0),
-    pdf417DetectionThreshold = _f[0],
-    setPdf417DetectionThreshold = _f[1];
+    mrzDetectionThreshold = _f[0],
+    setMrzDetectionThreshold = _f[1];
   var _g = React.useState(0),
-    focusThreshold = _g[0],
-    setFocusThreshold = _g[1];
+    pdf417DetectionThreshold = _g[0],
+    setPdf417DetectionThreshold = _g[1];
+  var _h = React.useState(0),
+    focusThreshold = _h[0],
+    setFocusThreshold = _h[1];
   var working = React.useRef(false);
   var onPredictionHandler = React.useRef();
   var lastPredictionCanvas = React.useRef(null);
-  var _h = React.useState(0),
-    detectionTime = _h[0],
-    setDetectionTime = _h[1];
   var _j = React.useState(0),
-    focusPredictionTime = _j[0],
-    setFocusPredictionTime = _j[1];
+    detectionTime = _j[0],
+    setDetectionTime = _j[1];
+  var _k = React.useState(0),
+    focusPredictionTime = _k[0],
+    setFocusPredictionTime = _k[1];
   React.useEffect(function () {
     setReady(false);
     var ddmUrl = documentDetectionModelUrl || defaultDocumentDetectionModelUrl;
@@ -7886,7 +7888,7 @@ var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
           switch (_b.label) {
             case 0:
               if (!documentDetectionModel || !focusModel || !lastPredictionCanvas.current) return [2];
-              return [4, makePredictions(frame, lastPredictionCanvas.current, thresholds)];
+              return [4, makePredictions(frame, lastPredictionCanvas.current, thresholds, logPredictions)];
             case 1:
               prediction = _b.sent();
               setDetectionTime(prediction.detectionTime);
@@ -7902,7 +7904,7 @@ var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
         });
       });
     })();
-  }, [thresholds]);
+  }, [logPredictions, thresholds]);
   var onPredictionMade = React.useCallback(function (handler) {
     onPredictionHandler.current = handler;
   }, []);
@@ -7971,8 +7973,11 @@ function clearCanvas(canvas) {
   if (!ctx) return;
   ctx.clearRect(0, 0, canvas.width, canvas.height);
 }
-function makePredictions(frame, lastPredictionCanvas, thresholds) {
+function makePredictions(frame, lastPredictionCanvas, thresholds, logPredictions) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+  if (logPredictions === void 0) {
+    logPredictions = false;
+  }
   return tslib.__awaiter(this, void 0, void 0, function () {
     var _l, frameWidth, frameHeight, _o, boxes, scores, labels, time, detectedObjects, bestDocument, bestPassportPage, bestDocumentScore, passportDetectionScore, passportDetectionThresholdMet, bestDocumentOrPassport, detectionScore, detectionThresholdMet, detectedDocumentType, bestMrz, mrzDetectionScore, mrzDetectionThresholdMet, bestPdf417, pdf417DetectionScore, pdf417DetectionThresholdMet, focusPrediction, focusPredictionTime, focusScore, focusThresholdMet;
     var _p;
@@ -7981,7 +7986,7 @@ function makePredictions(frame, lastPredictionCanvas, thresholds) {
         case 0:
           _l = getFrameDimensions(frame), frameWidth = _l[0], frameHeight = _l[1];
           drawToCanvas(lastPredictionCanvas, frame);
-          return [4, makeDocumentDetectionPredictions(frame)];
+          return [4, makeDocumentDetectionPredictions(frame, logPredictions)];
         case 1:
           _o = _q.sent(), boxes = _o.boxes, scores = _o.scores, labels = _o.labels, time = _o.time;
           detectedObjects = applyNonMaxSuppression(boxes.map(function (box, i) {
@@ -8017,7 +8022,7 @@ function makePredictions(frame, lastPredictionCanvas, thresholds) {
           pdf417DetectionThresholdMet = pdf417DetectionScore >= ((_h = thresholds.pdf417) !== null && _h !== void 0 ? _h : 0);
           focusPrediction = null, focusPredictionTime = 0, focusScore = 0, focusThresholdMet = false;
           if (!detectionThresholdMet) return [3, 3];
-          return [4, makeFocusPrediction(frame, bestDocumentOrPassport === null || bestDocumentOrPassport === void 0 ? void 0 : bestDocumentOrPassport.bbox)];
+          return [4, makeFocusPrediction(frame, bestDocumentOrPassport === null || bestDocumentOrPassport === void 0 ? void 0 : bestDocumentOrPassport.bbox, logPredictions)];
         case 2:
           _p = _q.sent(), focusPrediction = _p[0], focusPredictionTime = _p[1];
           focusScore = (_j = focusPrediction === null || focusPrediction === void 0 ? void 0 : focusPrediction[1]) !== null && _j !== void 0 ? _j : 0;
@@ -8049,7 +8054,10 @@ function makePredictions(frame, lastPredictionCanvas, thresholds) {
     });
   });
 }
-function makeDocumentDetectionPredictions(image) {
+function makeDocumentDetectionPredictions(image, logPredictions) {
+  if (logPredictions === void 0) {
+    logPredictions = false;
+  }
   return tslib.__awaiter(this, void 0, void 0, function () {
     var startedAt, tfImg, tfResize, tfInt32, tf4d_, _a, _b, _c, _d, tf4d, result, predictions, boxes, scores, labels, time, e_1;
     return tslib.__generator(this, function (_e) {
@@ -8063,8 +8071,11 @@ function makeDocumentDetectionPredictions(image) {
         case 1:
           _e.trys.push([1, 7,, 8]);
           tfImg = tf__namespace.browser.fromPixels(image);
+          if (logPredictions) console.time('resize');
           tfResize = tf__namespace.image.resizeBilinear(tfImg, [448, 448]);
+          if (logPredictions) console.timeEnd('resize');
           tfImg.dispose();
+          if (logPredictions) console.time('convert to int32');
           tfInt32 = tf__namespace.cast(tfResize, 'int32');
           tfResize.dispose();
           _b = (_a = tf__namespace).tensor4d;
@@ -8074,12 +8085,20 @@ function makeDocumentDetectionPredictions(image) {
           tf4d_ = _b.apply(_a, [_d.apply(_c, [_e.sent()]), [1, 448, 448, 3]]);
           tfInt32.dispose();
           tf4d = tf__namespace.cast(tf4d_, 'int32');
+          if (logPredictions) console.timeEnd('convert to int32');
           tf4d_.dispose();
+          if (logPredictions) console.time('predictions');
           return [4, documentDetectionModel.executeAsync(tf4d)];
         case 3:
           result = _e.sent();
+          if (logPredictions) console.timeEnd('predictions');
           tf4d.dispose();
           predictions = result;
+          if (logPredictions) {
+            console.log('predictions made!', predictions.map(function (r) {
+              return r.arraySync();
+            }));
+          }
           return [4, predictions[PREDICTION_POSITIONS.boxes].array()];
         case 4:
           boxes = _e.sent()[0];
@@ -8115,7 +8134,10 @@ function makeDocumentDetectionPredictions(image) {
     });
   });
 }
-function makeFocusPrediction(imageData, bbox) {
+function makeFocusPrediction(imageData, bbox, logPredictions) {
+  if (logPredictions === void 0) {
+    logPredictions = false;
+  }
   return tslib.__awaiter(this, void 0, void 0, function () {
     var startedAt, tfImg, tfResize, tfInt32, tf4d_, _a, _b, _c, _d, tf4d, predictions, focusPrediction, predictionTime;
     return tslib.__generator(this, function (_e) {
@@ -8146,6 +8168,7 @@ function makeFocusPrediction(imageData, bbox) {
           tfInt32.dispose();
           tf4d = tf__namespace.cast(tf4d_, 'int32');
           tf4d_.dispose();
+          if (logPredictions) console.time('focus prediction');
           return [4, focusModel.predict(tf4d)];
         case 3:
           predictions = _e.sent();
@@ -8153,6 +8176,7 @@ function makeFocusPrediction(imageData, bbox) {
           return [4, predictions.array()];
         case 4:
           focusPrediction = _e.sent()[0];
+          if (logPredictions) console.timeEnd('focus prediction');
           tf__namespace.dispose(predictions);
           predictionTime = new Date().getTime() - startedAt.getTime();
           return [2, [focusPrediction, predictionTime]];
@@ -11797,15 +11821,17 @@ var CompositeWizardComponent = function CompositeWizardComponent(_a) {
     _l = _a.captureSignature,
     captureSignature = _l === void 0 ? false : _l,
     _m = _a.captureSignatureVideo,
-    captureSignatureVideo = _m === void 0 ? false : _m;
-  var _o = React.useContext(SubmissionContext),
-    submit = _o.submit,
-    submissionStatus = _o.submissionStatus,
-    setSignatureData = _o.setSignatureData,
-    setAdditionalDocuments = _o.setAdditionalDocuments;
-  var _p = React.useState(0),
-    checkIndex = _p[0],
-    setCheckIndex = _p[1];
+    captureSignatureVideo = _m === void 0 ? false : _m,
+    _o = _a.debugMode,
+    debugMode = _o === void 0 ? false : _o;
+  var _p = React.useContext(SubmissionContext),
+    submit = _p.submit,
+    submissionStatus = _p.submissionStatus,
+    setSignatureData = _p.setSignatureData,
+    setAdditionalDocuments = _p.setAdditionalDocuments;
+  var _q = React.useState(0),
+    checkIndex = _q[0],
+    setCheckIndex = _q[1];
   var checks = React.useMemo(function () {
     var _a, _b;
     var checks = tslib.__spreadArray([], userChecks, true);
@@ -11875,6 +11901,16 @@ var CompositeWizardComponent = function CompositeWizardComponent(_a) {
       return i + 1;
     });
   }, [onVideoSignatureCompleteProp]);
+  var _r = React.useState(0),
+    videoSignatureAttempts = _r[0],
+    setVideoSignatureAttempts = _r[1];
+  var onVideoSignatureRetryProp = videoSignatureCaptureProps.onRetryClicked;
+  var onVideoSignatureRetry = React.useCallback(function () {
+    onVideoSignatureRetryProp === null || onVideoSignatureRetryProp === void 0 ? void 0 : onVideoSignatureRetryProp();
+    setVideoSignatureAttempts(function (n) {
+      return n + 1;
+    });
+  }, [onVideoSignatureRetryProp]);
   var onAdditionalDocumentCaptureCompleteProp = additionalDocumentCaptureProps === null || additionalDocumentCaptureProps === void 0 ? void 0 : additionalDocumentCaptureProps.onComplete;
   var onAdditionalDocumentCaptureComplete = React.useCallback(function (uploadedDocuments) {
     setAdditionalDocuments(uploadedDocuments);
@@ -11901,46 +11937,46 @@ var CompositeWizardComponent = function CompositeWizardComponent(_a) {
         return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "Complete!!");
     }
   }
-  return /*#__PURE__*/React__default['default'].createElement(IdCaptureModelsProvider, {
-    documentDetectionModelUrl: (_d = (_c = idCaptureProps.assets) === null || _c === void 0 ? void 0 : _c.documentDetectionModelUrl) !== null && _d !== void 0 ? _d : '',
-    focusModelUrl: (_f = (_e = idCaptureProps.assets) === null || _e === void 0 ? void 0 : _e.focusModelUrl) !== null && _f !== void 0 ? _f : ''
-  }, function () {
-    switch (checks[checkIndex]) {
-      case 'IdCapture':
-        return /*#__PURE__*/React__default['default'].createElement(CameraProvider, {
-          key: "IdCaptureCamera"
-        }, /*#__PURE__*/React__default['default'].createElement(GuideOrientationProvider, null, /*#__PURE__*/React__default['default'].createElement(IdCaptureWizard, tslib.__assign({}, idCaptureProps, {
-          onSuccess: onIdCaptureSuccess
-        }))));
-      case 'FaceLiveness':
-        return /*#__PURE__*/React__default['default'].createElement(CameraProvider, {
-          key: "FaceLivenessCamera",
-          preferFrontFacingCamera: true,
-          preferContinuityCamera: false
-        }, /*#__PURE__*/React__default['default'].createElement(HighPerformanceSelfieGuidanceModelsProvider, null, /*#__PURE__*/React__default['default'].createElement(FaceLivenessWizard, tslib.__assign({}, faceLivenessProps, {
-          onComplete: onFaceLivenessComplete
-        }))));
-      case 'SignatureCapture':
-        return /*#__PURE__*/React__default['default'].createElement(SignatureCapture, tslib.__assign({}, signatureCaptureProps, {
-          onAccept: onSignatureCaptureSuccess
-        }));
-      case 'VideoSignatureCapture':
-        return /*#__PURE__*/React__default['default'].createElement(CameraProvider, {
-          key: "SignatureKycCamera",
-          preferContinuityCamera: false,
-          preferFrontFacingCamera: true
-        }, /*#__PURE__*/React__default['default'].createElement(VideoSignatureWizard, tslib.__assign({}, videoSignatureCaptureProps, {
-          onComplete: onVideoSignatureComplete
-        })));
-      case 'AdditionalDocumentCapture':
-        return /*#__PURE__*/React__default['default'].createElement(AdditionalDocumentCaptureWizard, tslib.__assign({}, additionalDocumentCaptureProps, {
-          documents: documents,
-          onComplete: onAdditionalDocumentCaptureComplete
-        }));
-      default:
-        return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
-    }
-  }());
+  switch (checks[checkIndex]) {
+    case 'IdCapture':
+      return /*#__PURE__*/React__default['default'].createElement(IdCaptureModelsProvider, {
+        documentDetectionModelUrl: (_d = (_c = idCaptureProps.assets) === null || _c === void 0 ? void 0 : _c.documentDetectionModelUrl) !== null && _d !== void 0 ? _d : '',
+        focusModelUrl: (_f = (_e = idCaptureProps.assets) === null || _e === void 0 ? void 0 : _e.focusModelUrl) !== null && _f !== void 0 ? _f : '',
+        logPredictions: debugMode
+      }, /*#__PURE__*/React__default['default'].createElement(CameraProvider, {
+        key: "IdCaptureCamera"
+      }, /*#__PURE__*/React__default['default'].createElement(GuideOrientationProvider, null, /*#__PURE__*/React__default['default'].createElement(IdCaptureWizard, tslib.__assign({}, idCaptureProps, {
+        onSuccess: onIdCaptureSuccess
+      })))));
+    case 'FaceLiveness':
+      return /*#__PURE__*/React__default['default'].createElement(CameraProvider, {
+        key: "FaceLivenessCamera",
+        preferFrontFacingCamera: true,
+        preferContinuityCamera: false
+      }, /*#__PURE__*/React__default['default'].createElement(HighPerformanceSelfieGuidanceModelsProvider, null, /*#__PURE__*/React__default['default'].createElement(FaceLivenessWizard, tslib.__assign({}, faceLivenessProps, {
+        onComplete: onFaceLivenessComplete
+      }))));
+    case 'SignatureCapture':
+      return /*#__PURE__*/React__default['default'].createElement(SignatureCapture, tslib.__assign({}, signatureCaptureProps, {
+        onAccept: onSignatureCaptureSuccess
+      }));
+    case 'VideoSignatureCapture':
+      return /*#__PURE__*/React__default['default'].createElement(CameraProvider, {
+        key: "SignatureKycCamera-".concat(videoSignatureAttempts),
+        preferContinuityCamera: false,
+        preferFrontFacingCamera: true
+      }, /*#__PURE__*/React__default['default'].createElement(VideoSignatureWizard, tslib.__assign({}, videoSignatureCaptureProps, {
+        onComplete: onVideoSignatureComplete,
+        onRetryClicked: onVideoSignatureRetry
+      })));
+    case 'AdditionalDocumentCapture':
+      return /*#__PURE__*/React__default['default'].createElement(AdditionalDocumentCaptureWizard, tslib.__assign({}, additionalDocumentCaptureProps, {
+        documents: documents,
+        onComplete: onAdditionalDocumentCaptureComplete
+      }));
+    default:
+      return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
+  }
 };
 
 var enTranslation = {};
@@ -12130,7 +12166,8 @@ var IdValidation = function IdValidation(_a) {
     videoSignatureCaptureProps: videoSignatureCaptureProps,
     additionalDocumentCaptureProps: additionalDocumentCaptureProps,
     captureSignature: captureSignature,
-    captureSignatureVideo: captureSignatureVideo
+    captureSignatureVideo: captureSignatureVideo,
+    debugMode: debugMode
   }));
 };
 
@@ -12191,8 +12228,8 @@ var FaceValidation = function FaceValidation(_a) {
     checks: React.useMemo(function () {
       return ['FaceLiveness'];
     }, []),
-    idCaptureProps: {},
-    faceLivenessProps: faceLivenessProps
+    faceLivenessProps: faceLivenessProps,
+    debugMode: debugMode
   }));
 };
 
@@ -12319,7 +12356,8 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
     signatureCaptureProps: signatureCaptureProps,
     additionalDocumentCaptureProps: additionalDocumentCaptureProps,
     captureSignature: captureSignature,
-    captureSignatureVideo: captureSignatureVideo
+    captureSignatureVideo: captureSignatureVideo,
+    debugMode: debugMode
   }));
 };
 
@@ -12459,7 +12497,8 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
     signatureCaptureProps: signatureCaptureProps,
     videoSignatureCaptureProps: videoSignatureCaptureProps,
     captureSignature: captureSignature,
-    captureSignatureVideo: captureSignatureVideo
+    captureSignatureVideo: captureSignatureVideo,
+    debugMode: debugMode
   }));
 };
 
@@ -13465,7 +13504,8 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
     signatureCaptureProps: signatureCaptureProps,
     videoSignatureCaptureProps: videoSignatureCaptureProps,
     captureSignature: captureSignature,
-    captureSignatureVideo: captureSignatureVideo
+    captureSignatureVideo: captureSignatureVideo,
+    debugMode: debugMode
   }));
 };