idmission-web-sdk 2.2.170 → 2.2.171

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.170';
+  var webSdkVersion = '2.2.171';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -23443,20 +23443,22 @@
       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 = React.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 = React.useState(true),
+      isSignaturePadEmpty = _j[0],
+      setIsSignaturePadEmpty = _j[1];
     var verbiage = useTranslations(rawVerbiage, {
       clearSignatureBtnText: 'Clear',
       acceptSignatureBtnText: 'Accept'
@@ -23492,8 +23494,13 @@
     }, /*#__PURE__*/React.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.createElement(SignatureButtonsContainer, {
       className: classNames.signatureButtonsRow
@@ -23530,6 +23537,7 @@
   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,
@@ -23538,26 +23546,28 @@
       _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 = React.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;
     React.useEffect(function () {
       startRecording();
       return stopRecording;
@@ -23572,9 +23582,9 @@
         onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(signatureVideoData, signatureData, signatureDataUrl);
       }
     }, [onVideoCaptured, signatureData, signatureDataUrl, signatureVideoData]);
-    var _j = React.useState(0),
-      numFramesWithoutFaces = _j[0],
-      setNumFramesWithoutFaces = _j[1];
+    var _k = React.useState(0),
+      numFramesWithoutFaces = _k[0],
+      setNumFramesWithoutFaces = _k[1];
     React.useEffect(function () {
       onPredictionMade(function (_a) {
         var face = _a.face;
@@ -23601,6 +23611,7 @@
     }, verbiage.guidanceMessageText))), /*#__PURE__*/React.createElement(GuidesComponent, {
       status: "success",
       classNames: classNames.videoSignatureGuidesClassNames,
+      minSignaturePadPoints: minSignaturePadPoints,
       onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? function () {
         return setTimeout(clearRecordedData, 100);
       } : undefined
@@ -23681,41 +23692,43 @@
       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 = React.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 = React.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 = React.useState('CHECKING_LIVENESS'),
-      captureState = _p[0],
-      setCaptureState = _p[1];
+    var _q = React.useState('CHECKING_LIVENESS'),
+      captureState = _q[0],
+      setCaptureState = _q[1];
     var operationStartedAt = React.useRef();
     var captureStartedAt = React.useRef();
     var captureEndedAt = React.useRef();
-    var _q = React.useContext(SelfieGuidanceModelsContext),
-      start = _q.start,
-      stop = _q.stop;
+    var _r = React.useContext(SelfieGuidanceModelsContext),
+      start = _r.start,
+      stop = _r.stop;
     React.useEffect(function () {
       operationStartedAt.current = new Date();
     }, []);
@@ -23751,9 +23764,9 @@
         setSelfieImage(selfieFromRequest);
       }
     }, [logCaptureMetadata, onFaceLivenessSuccessProp, selfieImage, setSelfieImage]);
-    var _r = React.useState(null),
-      signatureImageUrl = _r[0],
-      setSignatureImageUrl = _r[1];
+    var _s = React.useState(null),
+      signatureImageUrl = _s[0],
+      setSignatureImageUrl = _s[1];
     var onSignatureCaptureCompleted = React.useCallback(function (videoData, signatureData, signatureImageData) {
       setSignatureData(signatureData);
       setSignatureVideoUrl(URL.createObjectURL(videoData));
@@ -23764,9 +23777,9 @@
     var onSignatureCaptureFacesNotDetected = React.useCallback(function () {
       setCaptureState('CHECKING_LIVENESS');
     }, []);
-    var _s = React.useState(0),
-      attempt = _s[0],
-      setAttempt = _s[1];
+    var _t = React.useState(0),
+      attempt = _t[0],
+      setAttempt = _t[1];
     var onRetry = React.useCallback(function () {
       onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
       setAttempt(function (n) {
@@ -23833,6 +23846,7 @@
             onVideoCaptured: onSignatureCaptureCompleted,
             onFaceNotDetected: onSignatureCaptureFacesNotDetected,
             onExit: onExitCapture,
+            minSignaturePadPoints: minSignaturePadPoints,
             restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
             guidesComponent: guidesComponent,
             classNames: classNames,
@@ -27524,22 +27538,24 @@
       _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.createElement(AuthProvider, {
@@ -27581,6 +27597,7 @@
           loadingOverlayMode: loadingOverlayMode,
           skipSuccessScreen: skipSuccessScreen,
           captureAudio: captureAudio,
+          minSignaturePadPoints: minSignaturePadPoints,
           modelLoadTimeoutMs: modelLoadTimeoutMs,
           faceLivenessProps: faceLivenessProps,
           allowSignatureAfterLivenessCheckFailure: allowSignatureAfterLivenessCheckFailure,
@@ -27592,7 +27609,7 @@
           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])
     }))));
   };