idmission-web-sdk 2.3.12 → 2.3.13

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.3.12';
+var webSdkVersion = '2.3.13';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -13491,15 +13491,34 @@ var useVideoRecorder = function useVideoRecorder(camera, audioStream, mergeAVStr
 };
 
 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() {
@@ -13556,7 +13575,6 @@ function VideoSignatureContextProvider(_a) {
     stopRecordingAudio = _k.stopRecordingAudio,
     clearRecordedVideoData = _k.clearRecordedData;
   var outputCanvas = useRef(null);
-  var recordingLock = useRef(false);
   var onRecordingStopped = useRef(function () {});
   var _l = useState(false),
     isRecording = _l[0],
@@ -13575,67 +13593,45 @@ function VideoSignatureContextProvider(_a) {
       setIsRecording(true);
       onRecordingStopped.current = function () {};
     };
-    recordingLock.current = false;
+    setRecordingLock(false);
     setIsRecording(false);
     (_a = getSignatureRecorder()) === null || _a === void 0 ? void 0 : _a.stop();
     setSignatureRecorder(null);
   }, []);
   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 = useRef(0);
   useEffect(function () {
@@ -13677,16 +13673,22 @@ function VideoSignatureContextProvider(_a) {
       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*/];
         }