idmission-web-sdk 2.2.170 → 2.2.171

package/dist/sdk2.esm.js

@@ -204,7 +204,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.2.170';
+var webSdkVersion = '2.2.171';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -13537,20 +13537,22 @@ function VideoSignatureGuides(_a) {
     faceGuideBorderWidth = _a.faceGuideBorderWidth,
     faceGuideBorderColor = _a.faceGuideBorderColor,
     onClearSignaturePadClicked = _a.onClearSignaturePadClicked,
-    _d = _a.classNames,
-    classNames = _d === void 0 ? {} : _d,
-    _e = _a.verbiage,
-    rawVerbiage = _e === void 0 ? {} : _e;
-  var _f = useResizeObserver(),
-    ref = _f.ref,
-    width = _f.width,
-    height = _f.height;
-  var _g = useVideoSignatureContext(),
-    signaturePad = _g.signaturePad,
-    onAcceptClicked = _g.onAcceptClicked;
-  var _h = useState(true),
-    isSignaturePadEmpty = _h[0],
-    setIsSignaturePadEmpty = _h[1];
+    _d = _a.minSignaturePadPoints,
+    minSignaturePadPoints = _d === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _d,
+    _e = _a.classNames,
+    classNames = _e === void 0 ? {} : _e,
+    _f = _a.verbiage,
+    rawVerbiage = _f === void 0 ? {} : _f;
+  var _g = useResizeObserver(),
+    ref = _g.ref,
+    width = _g.width,
+    height = _g.height;
+  var _h = useVideoSignatureContext(),
+    signaturePad = _h.signaturePad,
+    onAcceptClicked = _h.onAcceptClicked;
+  var _j = useState(true),
+    isSignaturePadEmpty = _j[0],
+    setIsSignaturePadEmpty = _j[1];
   var verbiage = useTranslations(rawVerbiage, {
     clearSignatureBtnText: 'Clear',
     acceptSignatureBtnText: 'Accept'
@@ -13586,8 +13588,13 @@ function VideoSignatureGuides(_a) {
   }, /*#__PURE__*/React__default.createElement(SignatureCanvas, {
     ref: signaturePad,
     canvasProps: canvasProps,
-    onBegin: function onBegin() {
-      return setIsSignaturePadEmpty(false);
+    onEnd: function onEnd() {
+      var _a, _b;
+      var strokes = (_b = (_a = signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.current) === null || _a === void 0 ? void 0 : _a.toData()) !== null && _b !== void 0 ? _b : [];
+      var points = strokes.flatMap(function (point) {
+        return point;
+      });
+      setIsSignaturePadEmpty(points.length >= minSignaturePadPoints);
     }
   })), /*#__PURE__*/React__default.createElement(SignatureButtonsContainer, {
     className: classNames.signatureButtonsRow
@@ -13624,6 +13631,7 @@ var SignatureCanvasContainer = styled.div(templateObject_6$2 || (templateObject_
 var AcceptBtn = styled(LoaderButton)(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n  margin-left: auto;\n"], ["\n  margin-left: auto;\n"])));
 var templateObject_1$9, templateObject_2$8, templateObject_3$8, templateObject_4$3, templateObject_5$2, templateObject_6$2, templateObject_7$1;
 
+var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 5;
 var VideoSignatureCapture = function VideoSignatureCapture(_a) {
   var _b;
   var onVideoCaptured = _a.onVideoCaptured,
@@ -13632,26 +13640,28 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
     _c = _a.restartVideoOnSignaturePadCleared,
     restartVideoOnSignaturePadCleared = _c === void 0 ? true : _c,
     guidesComponent = _a.guidesComponent,
-    _d = _a.classNames,
-    classNames = _d === void 0 ? {} : _d,
-    _e = _a.colors,
-    colors = _e === void 0 ? {} : _e,
-    _f = _a.verbiage,
-    rawVerbiage = _f === void 0 ? {} : _f,
-    _g = _a.debugMode,
-    debugMode = _g === void 0 ? false : _g;
+    _d = _a.minSignaturePadPoints,
+    minSignaturePadPoints = _d === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _d,
+    _e = _a.classNames,
+    classNames = _e === void 0 ? {} : _e,
+    _f = _a.colors,
+    colors = _f === void 0 ? {} : _f,
+    _g = _a.verbiage,
+    rawVerbiage = _g === void 0 ? {} : _g,
+    _h = _a.debugMode,
+    debugMode = _h === void 0 ? false : _h;
   var camera = useCameraStore(function (state) {
     return state.camera;
   });
   var onPredictionMade = useContext(SelfieGuidanceModelsContext).onPredictionMade;
-  var _h = useVideoSignatureContext(),
-    signatureData = _h.signatureData,
-    signatureDataUrl = _h.signatureDataUrl,
-    signatureVideoData = _h.signatureVideoData,
-    startRecording = _h.startRecording,
-    stopRecording = _h.stopRecording,
-    clearRecordedData = _h.clearRecordedData,
-    isRecording = _h.isRecording;
+  var _j = useVideoSignatureContext(),
+    signatureData = _j.signatureData,
+    signatureDataUrl = _j.signatureDataUrl,
+    signatureVideoData = _j.signatureVideoData,
+    startRecording = _j.startRecording,
+    stopRecording = _j.stopRecording,
+    clearRecordedData = _j.clearRecordedData,
+    isRecording = _j.isRecording;
   useEffect(function () {
     startRecording();
     return stopRecording;
@@ -13666,9 +13676,9 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
       onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(signatureVideoData, signatureData, signatureDataUrl);
     }
   }, [onVideoCaptured, signatureData, signatureDataUrl, signatureVideoData]);
-  var _j = useState(0),
-    numFramesWithoutFaces = _j[0],
-    setNumFramesWithoutFaces = _j[1];
+  var _k = useState(0),
+    numFramesWithoutFaces = _k[0],
+    setNumFramesWithoutFaces = _k[1];
   useEffect(function () {
     onPredictionMade(function (_a) {
       var face = _a.face;
@@ -13695,6 +13705,7 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
   }, verbiage.guidanceMessageText))), /*#__PURE__*/React__default.createElement(GuidesComponent, {
     status: "success",
     classNames: classNames.videoSignatureGuidesClassNames,
+    minSignaturePadPoints: minSignaturePadPoints,
     onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? function () {
       return setTimeout(clearRecordedData, 100);
     } : undefined
@@ -13775,41 +13786,43 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     skipSuccessScreen = _d === void 0 ? false : _d,
     _e = _a.captureAudio,
     captureAudio = _e === void 0 ? false : _e,
-    _f = _a.allowSignatureAfterLivenessCheckFailure,
-    allowSignatureAfterLivenessCheckFailure = _f === void 0 ? false : _f,
-    _g = _a.restartVideoOnSignaturePadCleared,
-    restartVideoOnSignaturePadCleared = _g === void 0 ? true : _g,
+    _f = _a.minSignaturePadPoints,
+    minSignaturePadPoints = _f === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _f,
+    _g = _a.allowSignatureAfterLivenessCheckFailure,
+    allowSignatureAfterLivenessCheckFailure = _g === void 0 ? false : _g,
+    _h = _a.restartVideoOnSignaturePadCleared,
+    restartVideoOnSignaturePadCleared = _h === void 0 ? true : _h,
     faceLivenessProps = _a.faceLivenessProps,
-    _h = _a.assets,
-    assets = _h === void 0 ? {} : _h,
-    _j = _a.classNames,
-    classNames = _j === void 0 ? {} : _j,
-    _k = _a.colors,
-    colors = _k === void 0 ? {} : _k,
-    _l = _a.verbiage,
-    verbiage = _l === void 0 ? {} : _l,
-    _m = _a.debugMode,
-    debugMode = _m === void 0 ? false : _m;
-  var _o = useContext(SubmissionContext),
-    selfieImage = _o.selfieImage,
-    setSelfieImage = _o.setSelfieImage,
-    setSignatureData = _o.setSignatureData,
-    setSignatureVideoUrl = _o.setSignatureVideoUrl,
-    logSelfieCaptureAttempt = _o.logSelfieCaptureAttempt;
+    _j = _a.assets,
+    assets = _j === void 0 ? {} : _j,
+    _k = _a.classNames,
+    classNames = _k === void 0 ? {} : _k,
+    _l = _a.colors,
+    colors = _l === void 0 ? {} : _l,
+    _m = _a.verbiage,
+    verbiage = _m === void 0 ? {} : _m,
+    _o = _a.debugMode,
+    debugMode = _o === void 0 ? false : _o;
+  var _p = useContext(SubmissionContext),
+    selfieImage = _p.selfieImage,
+    setSelfieImage = _p.setSelfieImage,
+    setSignatureData = _p.setSignatureData,
+    setSignatureVideoUrl = _p.setSignatureVideoUrl,
+    logSelfieCaptureAttempt = _p.logSelfieCaptureAttempt;
   var cameraAccessDenied = useCameraStore(useShallow(function (state) {
     return {
       cameraAccessDenied: state.cameraAccessDenied
     };
   })).cameraAccessDenied;
-  var _p = useState('CHECKING_LIVENESS'),
-    captureState = _p[0],
-    setCaptureState = _p[1];
+  var _q = useState('CHECKING_LIVENESS'),
+    captureState = _q[0],
+    setCaptureState = _q[1];
   var operationStartedAt = useRef();
   var captureStartedAt = useRef();
   var captureEndedAt = useRef();
-  var _q = useContext(SelfieGuidanceModelsContext),
-    start = _q.start,
-    stop = _q.stop;
+  var _r = useContext(SelfieGuidanceModelsContext),
+    start = _r.start,
+    stop = _r.stop;
   useEffect(function () {
     operationStartedAt.current = new Date();
   }, []);
@@ -13845,9 +13858,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
       setSelfieImage(selfieFromRequest);
     }
   }, [logCaptureMetadata, onFaceLivenessSuccessProp, selfieImage, setSelfieImage]);
-  var _r = useState(null),
-    signatureImageUrl = _r[0],
-    setSignatureImageUrl = _r[1];
+  var _s = useState(null),
+    signatureImageUrl = _s[0],
+    setSignatureImageUrl = _s[1];
   var onSignatureCaptureCompleted = useCallback(function (videoData, signatureData, signatureImageData) {
     setSignatureData(signatureData);
     setSignatureVideoUrl(URL.createObjectURL(videoData));
@@ -13858,9 +13871,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
   var onSignatureCaptureFacesNotDetected = useCallback(function () {
     setCaptureState('CHECKING_LIVENESS');
   }, []);
-  var _s = useState(0),
-    attempt = _s[0],
-    setAttempt = _s[1];
+  var _t = useState(0),
+    attempt = _t[0],
+    setAttempt = _t[1];
   var onRetry = useCallback(function () {
     onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
     setAttempt(function (n) {
@@ -13927,6 +13940,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
           onVideoCaptured: onSignatureCaptureCompleted,
           onFaceNotDetected: onSignatureCaptureFacesNotDetected,
           onExit: onExitCapture,
+          minSignaturePadPoints: minSignaturePadPoints,
           restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
           guidesComponent: guidesComponent,
           classNames: classNames,
@@ -17618,22 +17632,24 @@ var SignatureKYC = function SignatureKYC(_a) {
     _e = _a.captureAudio,
     captureAudio = _e === void 0 ? false : _e,
     idCardForFaceMatch = _a.idCardForFaceMatch,
-    _f = _a.modelLoadTimeoutMs,
-    modelLoadTimeoutMs = _f === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _f,
-    _g = _a.allowSignatureAfterLivenessCheckFailure,
-    allowSignatureAfterLivenessCheckFailure = _g === void 0 ? false : _g,
-    _h = _a.restartVideoOnSignaturePadCleared,
-    restartVideoOnSignaturePadCleared = _h === void 0 ? true : _h,
+    _f = _a.minSignaturePadPoints,
+    minSignaturePadPoints = _f === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _f,
+    _g = _a.modelLoadTimeoutMs,
+    modelLoadTimeoutMs = _g === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _g,
+    _h = _a.allowSignatureAfterLivenessCheckFailure,
+    allowSignatureAfterLivenessCheckFailure = _h === void 0 ? false : _h,
+    _j = _a.restartVideoOnSignaturePadCleared,
+    restartVideoOnSignaturePadCleared = _j === void 0 ? true : _j,
     faceLivenessProps = _a.faceLivenessProps,
-    _j = _a.theme,
-    theme = _j === void 0 ? 'default' : _j,
+    _k = _a.theme,
+    theme = _k === void 0 ? 'default' : _k,
     classNames = _a.classNames,
     colors = _a.colors,
     verbiage = _a.verbiage,
     geolocationEnabled = _a.geolocationEnabled,
     geolocationRequired = _a.geolocationRequired,
-    _k = _a.debugMode,
-    debugMode = _k === void 0 ? false : _k;
+    _l = _a.debugMode,
+    debugMode = _l === void 0 ? false : _l;
   useLanguage(lang);
   useDebugLogging(debugMode);
   return /*#__PURE__*/React__default.createElement(AuthProvider, {
@@ -17675,6 +17691,7 @@ var SignatureKYC = function SignatureKYC(_a) {
         loadingOverlayMode: loadingOverlayMode,
         skipSuccessScreen: skipSuccessScreen,
         captureAudio: captureAudio,
+        minSignaturePadPoints: minSignaturePadPoints,
         modelLoadTimeoutMs: modelLoadTimeoutMs,
         faceLivenessProps: faceLivenessProps,
         allowSignatureAfterLivenessCheckFailure: allowSignatureAfterLivenessCheckFailure,
@@ -17686,7 +17703,7 @@ var SignatureKYC = function SignatureKYC(_a) {
         onModelError: onModelError,
         onUserCancel: onUserCancel
       };
-    }, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
+    }, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
   }))));
 };