idmission-web-sdk 2.3.11 → 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.11';
+var webSdkVersion = '2.3.13';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -13326,14 +13326,29 @@ var Container$4 = styled.div(templateObject_1$c || (templateObject_1$c = __makeT
 var AcceptBtn$1 = styled(LoaderButton)(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n  margin-left: auto;\n"], ["\n  margin-left: auto;\n"])));
 var templateObject_1$c, templateObject_2$a;
 
+var videoRecorder = null;
+var audioRecorder = null;
+var videoChunks = [];
+var audioChunks = [];
+function getVideoRecorder() {
+  return videoRecorder;
+}
+function setVideoRecorder(recorder) {
+  videoRecorder = recorder;
+}
+function setAudioRecorder(recorder) {
+  audioRecorder = recorder;
+}
+function clearVideoChunks() {
+  videoChunks = [];
+}
+function clearAudioChunks() {
+  audioChunks = [];
+}
 var useVideoRecorder = function useVideoRecorder(camera, audioStream, mergeAVStreams) {
   if (mergeAVStreams === void 0) {
     mergeAVStreams = false;
   }
-  var videoRecorder = useRef(null);
-  var audioRecorder = useRef(null);
-  var videoChunks = useRef([]);
-  var audioChunks = useRef([]);
   var _a = useState(null),
     videoUrl = _a[0],
     setVideoUrl = _a[1];
@@ -13366,45 +13381,48 @@ var useVideoRecorder = function useVideoRecorder(camera, audioStream, mergeAVStr
     return new MediaStream(__spreadArray(__spreadArray([], videoTracks, true), audioTracks, true));
   }, [audioStream, camera === null || camera === void 0 ? void 0 : camera.stream, mergeAVStreams]);
   var processVideo = useCallback(function () {
-    var videoBlob = new Blob(videoChunks.current, {
+    var videoBlob = new Blob(videoChunks, {
       type: 'video/mp4'
     });
-    videoChunks.current = [];
     setVideoUrl(URL.createObjectURL(videoBlob));
+    clearVideoChunks();
     setIsRecordingVideo(false);
+    setVideoRecorder(null);
     camera === null || camera === void 0 ? void 0 : camera.release();
   }, [camera]);
   var processAudio = useCallback(function () {
     var _a;
-    var audioBlob = new Blob(audioChunks.current, {
+    var audioBlob = new Blob(audioChunks, {
       type: 'audio/mp4'
     });
-    audioChunks.current = [];
     setAudioUrl(URL.createObjectURL(audioBlob));
+    clearAudioChunks();
     setIsRecordingAudio(false);
+    setAudioRecorder(null);
     (_a = audioStream === null || audioStream === void 0 ? void 0 : audioStream.stop) === null || _a === void 0 ? void 0 : _a.call(audioStream);
   }, [audioStream]);
   var startRecordingVideo = useCallback(function () {
     var videoStream = getVideoStream();
     if (!videoStream) return;
-    videoChunks.current = [];
+    clearVideoChunks();
     setIsRecordingVideo(true);
     setVideoRecordingStopped(false);
     setVideoRecordingIntentionallyStopped(false);
-    videoRecorder.current = new MediaRecorder(videoStream, {
+    var videoRecorder = new MediaRecorder(videoStream, {
       videoBitsPerSecond: 270000,
       audioBitsPerSecond: 32000
     });
-    videoRecorder.current.ondataavailable = function (e) {
-      videoChunks.current.push(e.data);
+    setVideoRecorder(videoRecorder);
+    videoRecorder.ondataavailable = function (e) {
+      videoChunks.push(e.data);
     };
-    videoRecorder.current.onstop = function () {
+    videoRecorder.onstop = function () {
       setVideoRecordingStopped(true);
     };
-    videoRecorder.current.start(1000);
+    videoRecorder.start(1000);
     setTimeout(function () {
       var _a;
-      if (((_a = videoRecorder.current) === null || _a === void 0 ? void 0 : _a.state) === 'inactive') {
+      if (((_a = getVideoRecorder()) === null || _a === void 0 ? void 0 : _a.state) === 'inactive') {
         log('media recorder is inactive!');
         // TODO: figure out what to do here
       }
@@ -13413,33 +13431,32 @@ var useVideoRecorder = function useVideoRecorder(camera, audioStream, mergeAVStr
   var startRecordingAudio = useCallback(function () {
     if (mergeAVStreams) return;
     if (!audioStream) return;
-    audioChunks.current = [];
+    clearAudioChunks();
     setIsRecordingAudio(true);
     setAudioRecordingStopped(false);
     setAudioRecordingIntentionallyStopped(false);
-    audioRecorder.current = new MediaRecorder(audioStream, {
+    var audioRecorder = new MediaRecorder(audioStream, {
       audioBitsPerSecond: 32000
     });
-    audioRecorder.current.ondataavailable = function (e) {
-      audioChunks.current.push(e.data);
+    setAudioRecorder(audioRecorder);
+    audioRecorder.ondataavailable = function (e) {
+      audioChunks.push(e.data);
     };
-    audioRecorder.current.onstop = function () {
+    audioRecorder.onstop = function () {
       setAudioRecordingStopped(true);
     };
-    audioRecorder.current.start(1000);
+    audioRecorder.start(1000);
   }, [audioStream, mergeAVStreams]);
   var stopRecordingVideo = useCallback(function () {
-    var _a, _b;
     setVideoRecordingIntentionallyStopped(true);
-    if (((_a = videoRecorder.current) === null || _a === void 0 ? void 0 : _a.state) !== 'inactive') {
-      (_b = videoRecorder.current) === null || _b === void 0 ? void 0 : _b.stop(); // if you call this while state === 'inactive', an exception is thrown.
+    if ((videoRecorder === null || videoRecorder === void 0 ? void 0 : videoRecorder.state) !== 'inactive') {
+      videoRecorder === null || videoRecorder === void 0 ? void 0 : videoRecorder.stop(); // if you call this while state === 'inactive', an exception is thrown.
     }
   }, []);
   var stopRecordingAudio = useCallback(function () {
-    var _a, _b;
     setAudioRecordingIntentionallyStopped(true);
-    if (((_a = audioRecorder.current) === null || _a === void 0 ? void 0 : _a.state) !== 'inactive') {
-      (_b = audioRecorder.current) === null || _b === void 0 ? void 0 : _b.stop(); // if you call this while state === 'inactive', an exception is thrown.
+    if ((audioRecorder === null || audioRecorder === void 0 ? void 0 : audioRecorder.state) !== 'inactive') {
+      audioRecorder === null || audioRecorder === void 0 ? void 0 : audioRecorder.stop(); // if you call this while state === 'inactive', an exception is thrown.
     }
   }, []);
   useEffect(function () {
@@ -13453,8 +13470,8 @@ var useVideoRecorder = function useVideoRecorder(camera, audioStream, mergeAVStr
     }
   }, [audioRecordingIntentionallyStopped, audioRecordingStopped, processAudio]);
   var clearRecordedData = useCallback(function () {
-    videoChunks.current = [];
-    audioChunks.current = [];
+    clearVideoChunks();
+    clearAudioChunks();
   }, []);
   return useMemo(function () {
     return {
@@ -13473,6 +13490,36 @@ var useVideoRecorder = function useVideoRecorder(camera, audioStream, mergeAVStr
   }, [audioRecordingIntentionallyStopped, audioRecordingStopped, audioUrl, clearRecordedData, isRecordingAudio, isRecordingVideo, startRecordingAudio, startRecordingVideo, stopRecordingAudio, stopRecordingVideo, videoRecordingIntentionallyStopped, videoRecordingStopped, videoUrl]);
 };
 
+var signatureRecorder = null;
+var getSignatureRecorder = function getSignatureRecorder() {
+  return signatureRecorder;
+};
+var setSignatureRecorder = function setSignatureRecorder(recorder) {
+  return signatureRecorder = recorder;
+};
+var 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() {
     return null;
@@ -13491,7 +13538,7 @@ var videoSignatureInitialState = {
   onAcceptClicked: function onAcceptClicked() {
     return __awaiter(void 0, void 0, void 0, function () {
       return __generator(this, function (_a) {
-        return [2 /*return*/, void 0];
+        return [2 /*return*/];
       });
     });
   }
@@ -13516,8 +13563,6 @@ function VideoSignatureContextProvider(_a) {
   var _h = useState(null),
     signatureVideoUrl = _h[0],
     setSignatureVideoUrl = _h[1];
-  var signatureRecorder = useRef(null);
-  var recordedChunks = useRef([]);
   var _j = useCameraStore(),
     camera = _j.camera,
     videoRef = _j.videoRef,
@@ -13530,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],
@@ -13549,67 +13593,45 @@ function VideoSignatureContextProvider(_a) {
       setIsRecording(true);
       onRecordingStopped.current = function () {};
     };
-    recordingLock.current = false;
+    setRecordingLock(false);
     setIsRecording(false);
-    (_a = signatureRecorder.current) === null || _a === void 0 ? void 0 : _a.stop();
+    (_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;
-        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:
-              recordedChunks.current = [];
-              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.current = new MediaRecorder(new MediaStream(tracks), {
-                videoBitsPerSecond: 270000,
-                audioBitsPerSecond: 32000
-              });
-              signatureRecorder.current.start();
-              signatureRecorder.current.ondataavailable = function (event) {
-                var _a;
-                recordedChunks.current.push(event.data);
-                if (((_a = signatureRecorder.current) === null || _a === void 0 ? void 0 : _a.state) === 'recording') {
-                  signatureRecorder.current.stop();
-                }
-              };
-              signatureRecorder.current.onstop = function () {
-                var blob = new Blob(recordedChunks.current, {
-                  type: 'video/mp4'
-                });
-                setSignatureVideoData(blob);
-                setSignatureVideoUrl(URL.createObjectURL(blob));
-                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 () {
@@ -13651,17 +13673,23 @@ 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();
-            (_a = signatureRecorder.current) === null || _a === void 0 ? void 0 : _a.stop();
+            debug('VideoSignatureContext: stopping signature recorder...');
+            (_a = getSignatureRecorder()) === null || _a === void 0 ? void 0 : _a.stop();
             return [2 /*return*/];
         }
       });