idmission-web-sdk 2.3.12 → 2.3.13

package/dist/sdk2.umd.development.js

@@ -211,7 +211,7 @@
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var webSdkVersion = '2.3.12';
+  var webSdkVersion = '2.3.13';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -23397,15 +23397,34 @@
   };
 
   var signatureRecorder = null;
-  function getSignatureRecorder() {
+  var getSignatureRecorder = function getSignatureRecorder() {
     return signatureRecorder;
-  }
-  function setSignatureRecorder(recorder) {
-    signatureRecorder = recorder;
-  }
+  };
+  var setSignatureRecorder = function setSignatureRecorder(recorder) {
+    return signatureRecorder = recorder;
+  };
   var signatureChunks = [];
-  function clearSignatureChunks() {
-    signatureChunks = [];
+  var clearSignatureChunks = function clearSignatureChunks() {
+    return signatureChunks = [];
+  };
+  var recordingLock = false;
+  var setRecordingLock = function setRecordingLock(lock) {
+    return recordingLock = lock;
+  };
+  var recordingLockEngaged = function recordingLockEngaged() {
+    return recordingLock;
+  };
+  function waitForCanvasAvailable(canvasRef) {
+    if (canvasRef.current) return Promise.resolve(null);
+    return new Promise(function (resolve) {
+      var interval = setInterval(function () {
+        debug('VideoSignatureContext: waiting for output canvas');
+        if (canvasRef.current) {
+          clearInterval(interval);
+          resolve(null);
+        }
+      }, 100);
+    });
   }
   var videoSignatureInitialState = {
     startRecording: function startRecording() {
@@ -23462,7 +23481,6 @@
       stopRecordingAudio = _k.stopRecordingAudio,
       clearRecordedVideoData = _k.clearRecordedData;
     var outputCanvas = React.useRef(null);
-    var recordingLock = React.useRef(false);
     var onRecordingStopped = React.useRef(function () {});
     var _l = React.useState(false),
       isRecording = _l[0],
@@ -23481,67 +23499,45 @@
         setIsRecording(true);
         onRecordingStopped.current = function () {};
       };
-      recordingLock.current = false;
+      setRecordingLock(false);
       setIsRecording(false);
       (_a = getSignatureRecorder()) === null || _a === void 0 ? void 0 : _a.stop();
       setSignatureRecorder(null);
     }, []);
     React.useEffect(function () {
       if (!isRecording) return;
-      if (recordingLock.current) return;
-      recordingLock.current = true;
-      (function () {
-        return __awaiter(_this, void 0, void 0, function () {
-          var stream, tracks, audioTrack, signatureRecorder;
-          var _a;
-          return __generator(this, function (_b) {
-            switch (_b.label) {
-              case 0:
-                if (!!outputCanvas.current) return [3 /*break*/, 2];
-                return [4 /*yield*/, new Promise(function (resolve) {
-                  var interval = setInterval(function () {
-                    if (outputCanvas.current) {
-                      clearInterval(interval);
-                      resolve(null);
-                    }
-                  }, 10);
-                })];
-              case 1:
-                _b.sent();
-                _b.label = 2;
-              case 2:
-                clearSignatureChunks();
-                clearRecordedVideoData();
-                startRecordingVideo();
-                if (captureAudio) startRecordingAudio();
-                stream = outputCanvas.current.captureStream(24 /* fps */);
-                tracks = [stream.getVideoTracks()[0]];
-                audioTrack = (_a = audioStream === null || audioStream === void 0 ? void 0 : audioStream.getAudioTracks()) === null || _a === void 0 ? void 0 : _a[0];
-                if (audioTrack) tracks.push(audioTrack);
-                signatureRecorder = new MediaRecorder(new MediaStream(tracks), {
-                  videoBitsPerSecond: 270000,
-                  audioBitsPerSecond: 32000
-                });
-                setSignatureRecorder(signatureRecorder);
-                signatureRecorder.start();
-                signatureRecorder.ondataavailable = function (event) {
-                  signatureChunks.push(event.data);
-                };
-                signatureRecorder.onstop = function () {
-                  var blob = new Blob(signatureChunks, {
-                    type: 'video/mp4'
-                  });
-                  setSignatureVideoData(blob);
-                  setSignatureVideoUrl(URL.createObjectURL(blob));
-                  clearSignatureChunks();
-                  setSignatureRecorder(null);
-                  onRecordingStopped.current();
-                };
-                return [2 /*return*/];
-            }
-          });
+      if (recordingLockEngaged()) return;
+      setRecordingLock(true);
+      waitForCanvasAvailable(outputCanvas).then(function () {
+        var _a;
+        clearSignatureChunks();
+        clearRecordedVideoData();
+        startRecordingVideo();
+        if (captureAudio) startRecordingAudio();
+        var stream = outputCanvas.current.captureStream(24 /* fps */);
+        var tracks = [stream.getVideoTracks()[0]];
+        var audioTrack = (_a = audioStream === null || audioStream === void 0 ? void 0 : audioStream.getAudioTracks()) === null || _a === void 0 ? void 0 : _a[0];
+        if (audioTrack) tracks.push(audioTrack);
+        var signatureRecorder = new MediaRecorder(new MediaStream(tracks), {
+          videoBitsPerSecond: 270000,
+          audioBitsPerSecond: 32000
         });
-      })();
+        setSignatureRecorder(signatureRecorder);
+        signatureRecorder.ondataavailable = function (event) {
+          signatureChunks.push(event.data);
+        };
+        signatureRecorder.onstop = function () {
+          var blob = new Blob(signatureChunks, {
+            type: 'video/mp4'
+          });
+          setSignatureVideoData(blob);
+          setSignatureVideoUrl(URL.createObjectURL(blob));
+          clearSignatureChunks();
+          setSignatureRecorder(null);
+          onRecordingStopped.current();
+        };
+        signatureRecorder.start(1000);
+      });
     }, [audioStream, captureAudio, clearRecordedVideoData, isRecording, startRecordingAudio, startRecordingVideo]);
     var animationFrame = React.useRef(0);
     React.useEffect(function () {
@@ -23583,16 +23579,22 @@
         return __generator(this, function (_b) {
           switch (_b.label) {
             case 0:
+              debug('VideoSignatureContext: onAcceptClicked');
               if (!signaturePad.current) return [2 /*return*/];
+              debug('VideoSignatureContext: building signature data...');
               signatureData = buildSignatureData(signaturePad.current);
+              debug('VideoSignatureContext: exporting signature image...');
               return [4 /*yield*/, exportSignatureImage(signaturePad.current)];
             case 1:
               imageUrl = _b.sent();
               if (imageUrl) signatureData.fileContent = dataUrlToBase64Sync(imageUrl);
+              debug('VideoSignatureContext: setting signature data url...');
               setSignatureDataUrl(imageUrl);
               setSignatureData(signatureData);
+              debug('VideoSignatureContext: stopping recording...');
               stopRecordingVideo();
               stopRecordingAudio();
+              debug('VideoSignatureContext: stopping signature recorder...');
               (_a = getSignatureRecorder()) === null || _a === void 0 ? void 0 : _a.stop();
               return [2 /*return*/];
           }