idmission-web-sdk 2.2.149 → 2.2.151

package/dist/sdk2.esm.js

@@ -203,7 +203,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   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
@@ -13084,39 +13084,40 @@ var videoSignatureInitialState = {
 var VideoSignatureContext = /*#__PURE__*/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 = useRef(null);
-  var _c = useState(null),
-    signatureData = _c[0],
-    setSignatureData = _c[1];
-  var _d = useState(null),
-    signatureDataUrl = _d[0],
-    setSignatureDataUrl = _d[1];
   var _e = useState(null),
-    signatureVideoData = _e[0],
-    setSignatureVideoData = _e[1];
+    signatureData = _e[0],
+    setSignatureData = _e[1];
   var _f = useState(null),
-    signatureVideoUrl = _f[0],
-    setSignatureVideoUrl = _f[1];
+    signatureDataUrl = _f[0],
+    setSignatureDataUrl = _f[1];
+  var _g = useState(null),
+    signatureVideoData = _g[0],
+    setSignatureVideoData = _g[1];
+  var _h = useState(null),
+    signatureVideoUrl = _h[0],
+    setSignatureVideoUrl = _h[1];
   var signatureRecorder = useRef(null);
   var recordedChunks = 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 = useRef(null);
   var recordingLock = useRef(false);
-  var _j = useState(false),
-    isRecording = _j[0],
-    setIsRecording = _j[1];
+  var _l = useState(false),
+    isRecording = _l[0],
+    setIsRecording = _l[1];
   var startRecording = useCallback(function () {
     setIsRecording(true);
   }, []);
@@ -13247,7 +13248,9 @@ function VideoSignatureContextProvider(_a) {
   return /*#__PURE__*/React__default.createElement(VideoSignatureContext.Provider, {
     value: value
   }, children, /*#__PURE__*/React__default.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() {
@@ -13257,24 +13260,26 @@ function useVideoSignatureContext() {
 }
 
 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 = useState(true),
+    isSignaturePadEmpty = _h[0],
+    setIsSignaturePadEmpty = _h[1];
   var verbiage = useTranslations(rawVerbiage, {
     clearSignatureBtnText: 'Clear',
     acceptSignatureBtnText: 'Accept'
@@ -13308,19 +13313,27 @@ function VideoSignatureGuides(_a) {
     className: classNames.signatureCanvasInner
   }, /*#__PURE__*/React__default.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__default.createElement(SignatureButtonsContainer, {
     className: classNames.signatureButtonsRow
   }, /*#__PURE__*/React__default.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__default.createElement(AcceptBtn, {
     variant: "positive",
     className: classNames.acceptSignatureBtn,
-    disabled: requestedAction === 'VERIFY_LIVENESS',
+    disabled: requestedAction === 'VERIFY_LIVENESS' || isSignaturePadEmpty,
     onClick: onAcceptClicked,
     finished: true
   }, verbiage.acceptSignatureBtnText))))));