idmission-web-sdk 2.2.149 → 2.2.151

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.149';
+  var webSdkVersion = '2.2.151';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -22976,39 +22976,40 @@
   var VideoSignatureContext = /*#__PURE__*/React.createContext(videoSignatureInitialState);
   function VideoSignatureContextProvider(_a) {
     var _this = this;
+    var _b, _c;
     var children = _a.children,
-      _b = _a.captureAudio,
-      captureAudio = _b === void 0 ? false : _b;
+      _d = _a.captureAudio,
+      captureAudio = _d === void 0 ? false : _d;
     var signaturePad = React.useRef(null);
-    var _c = React.useState(null),
-      signatureData = _c[0],
-      setSignatureData = _c[1];
-    var _d = React.useState(null),
-      signatureDataUrl = _d[0],
-      setSignatureDataUrl = _d[1];
     var _e = React.useState(null),
-      signatureVideoData = _e[0],
-      setSignatureVideoData = _e[1];
+      signatureData = _e[0],
+      setSignatureData = _e[1];
     var _f = React.useState(null),
-      signatureVideoUrl = _f[0],
-      setSignatureVideoUrl = _f[1];
+      signatureDataUrl = _f[0],
+      setSignatureDataUrl = _f[1];
+    var _g = React.useState(null),
+      signatureVideoData = _g[0],
+      setSignatureVideoData = _g[1];
+    var _h = React.useState(null),
+      signatureVideoUrl = _h[0],
+      setSignatureVideoUrl = _h[1];
     var signatureRecorder = React.useRef(null);
     var recordedChunks = React.useRef([]);
-    var _g = useCameraStore(),
-      camera = _g.camera,
-      videoRef = _g.videoRef,
-      audioStream = _g.audioStream;
-    var _h = useVideoRecorder(camera, audioStream, captureAudio),
-      isRecordingVideo = _h.isRecordingVideo,
-      startRecordingVideo = _h.startRecordingVideo,
-      stopRecordingVideo = _h.stopRecordingVideo,
-      startRecordingAudio = _h.startRecordingAudio,
-      stopRecordingAudio = _h.stopRecordingAudio;
+    var _j = useCameraStore(),
+      camera = _j.camera,
+      videoRef = _j.videoRef,
+      audioStream = _j.audioStream;
+    var _k = useVideoRecorder(camera, audioStream, captureAudio),
+      isRecordingVideo = _k.isRecordingVideo,
+      startRecordingVideo = _k.startRecordingVideo,
+      stopRecordingVideo = _k.stopRecordingVideo,
+      startRecordingAudio = _k.startRecordingAudio,
+      stopRecordingAudio = _k.stopRecordingAudio;
     var outputCanvas = React.useRef(null);
     var recordingLock = React.useRef(false);
-    var _j = React.useState(false),
-      isRecording = _j[0],
-      setIsRecording = _j[1];
+    var _l = React.useState(false),
+      isRecording = _l[0],
+      setIsRecording = _l[1];
     var startRecording = React.useCallback(function () {
       setIsRecording(true);
     }, []);
@@ -23139,7 +23140,9 @@
     return /*#__PURE__*/React.createElement(VideoSignatureContext.Provider, {
       value: value
     }, children, /*#__PURE__*/React.createElement(InvisibleCanvas, {
-      ref: outputCanvas
+      ref: outputCanvas,
+      width: (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.videoWidth,
+      height: (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.videoHeight
     }));
   }
   function useVideoSignatureContext() {
@@ -23149,24 +23152,26 @@
   }
 
   function VideoSignatureGuides(_a) {
-    var _b;
-    var _c = _a.requestedAction,
-      requestedAction = _c === void 0 ? 'VERIFY_LIVENESS' : _c,
-      _d = _a.faceGuideStatus,
-      faceGuideStatus = _d === void 0 ? 'success' : _d,
+    var _b = _a.requestedAction,
+      requestedAction = _b === void 0 ? 'VERIFY_LIVENESS' : _b,
+      _c = _a.faceGuideStatus,
+      faceGuideStatus = _c === void 0 ? 'success' : _c,
       faceGuideBorderWidth = _a.faceGuideBorderWidth,
       faceGuideBorderColor = _a.faceGuideBorderColor,
-      _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;
+      _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];
     var verbiage = useTranslations(rawVerbiage, {
       clearSignatureBtnText: 'Clear',
       acceptSignatureBtnText: 'Accept'
@@ -23200,19 +23205,27 @@
       className: classNames.signatureCanvasInner
     }, /*#__PURE__*/React.createElement(SignatureCanvas, {
       ref: signaturePad,
-      canvasProps: canvasProps
+      canvasProps: canvasProps,
+      onEnd: function onEnd() {
+        var _a;
+        setIsSignaturePadEmpty(!!((_a = signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.current) === null || _a === void 0 ? void 0 : _a.isEmpty()));
+      }
     })), /*#__PURE__*/React.createElement(SignatureButtonsContainer, {
       className: classNames.signatureButtonsRow
     }, /*#__PURE__*/React.createElement(LoaderButton, {
       variant: "secondary",
       className: classNames.clearSignatureBtn,
-      onClick: (_b = signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.current) === null || _b === void 0 ? void 0 : _b.clear,
+      onClick: function onClick() {
+        var _a, _b;
+        (_a = signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.current) === null || _a === void 0 ? void 0 : _a.clear();
+        setIsSignaturePadEmpty(!!((_b = signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.current) === null || _b === void 0 ? void 0 : _b.isEmpty()));
+      },
       disabled: requestedAction === 'VERIFY_LIVENESS',
       finished: true
     }, verbiage.clearSignatureBtnText), /*#__PURE__*/React.createElement(AcceptBtn, {
       variant: "positive",
       className: classNames.acceptSignatureBtn,
-      disabled: requestedAction === 'VERIFY_LIVENESS',
+      disabled: requestedAction === 'VERIFY_LIVENESS' || isSignaturePadEmpty,
       onClick: onAcceptClicked,
       finished: true
     }, verbiage.acceptSignatureBtnText))))));