idmission-web-sdk 2.3.11 → 2.3.12

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.11';
+  var webSdkVersion = '2.3.12';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -23232,14 +23232,29 @@
   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 = React.useRef(null);
-    var audioRecorder = React.useRef(null);
-    var videoChunks = React.useRef([]);
-    var audioChunks = React.useRef([]);
     var _a = React.useState(null),
       videoUrl = _a[0],
       setVideoUrl = _a[1];
@@ -23272,45 +23287,48 @@
       return new MediaStream(__spreadArray(__spreadArray([], videoTracks, true), audioTracks, true));
     }, [audioStream, camera === null || camera === void 0 ? void 0 : camera.stream, mergeAVStreams]);
     var processVideo = React.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 = React.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 = React.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
         }
@@ -23319,33 +23337,32 @@
     var startRecordingAudio = React.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 = React.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 = React.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.
       }
     }, []);
     React.useEffect(function () {
@@ -23359,8 +23376,8 @@
       }
     }, [audioRecordingIntentionallyStopped, audioRecordingStopped, processAudio]);
     var clearRecordedData = React.useCallback(function () {
-      videoChunks.current = [];
-      audioChunks.current = [];
+      clearVideoChunks();
+      clearAudioChunks();
     }, []);
     return React.useMemo(function () {
       return {
@@ -23379,6 +23396,17 @@
     }, [audioRecordingIntentionallyStopped, audioRecordingStopped, audioUrl, clearRecordedData, isRecordingAudio, isRecordingVideo, startRecordingAudio, startRecordingVideo, stopRecordingAudio, stopRecordingVideo, videoRecordingIntentionallyStopped, videoRecordingStopped, videoUrl]);
   };
 
+  var signatureRecorder = null;
+  function getSignatureRecorder() {
+    return signatureRecorder;
+  }
+  function setSignatureRecorder(recorder) {
+    signatureRecorder = recorder;
+  }
+  var signatureChunks = [];
+  function clearSignatureChunks() {
+    signatureChunks = [];
+  }
   var videoSignatureInitialState = {
     startRecording: function startRecording() {
       return null;
@@ -23397,7 +23425,7 @@
     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*/];
         });
       });
     }
@@ -23422,8 +23450,6 @@
     var _h = React.useState(null),
       signatureVideoUrl = _h[0],
       setSignatureVideoUrl = _h[1];
-    var signatureRecorder = React.useRef(null);
-    var recordedChunks = React.useRef([]);
     var _j = useCameraStore(),
       camera = _j.camera,
       videoRef = _j.videoRef,
@@ -23457,7 +23483,8 @@
       };
       recordingLock.current = 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);
     }, []);
     React.useEffect(function () {
       if (!isRecording) return;
@@ -23465,7 +23492,7 @@
       recordingLock.current = true;
       (function () {
         return __awaiter(_this, void 0, void 0, function () {
-          var stream, tracks, audioTrack;
+          var stream, tracks, audioTrack, signatureRecorder;
           var _a;
           return __generator(this, function (_b) {
             switch (_b.label) {
@@ -23483,7 +23510,7 @@
                 _b.sent();
                 _b.label = 2;
               case 2:
-                recordedChunks.current = [];
+                clearSignatureChunks();
                 clearRecordedVideoData();
                 startRecordingVideo();
                 if (captureAudio) startRecordingAudio();
@@ -23491,24 +23518,23 @@
                 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), {
+                signatureRecorder = 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();
-                  }
+                setSignatureRecorder(signatureRecorder);
+                signatureRecorder.start();
+                signatureRecorder.ondataavailable = function (event) {
+                  signatureChunks.push(event.data);
                 };
-                signatureRecorder.current.onstop = function () {
-                  var blob = new Blob(recordedChunks.current, {
+                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*/];
@@ -23567,7 +23593,7 @@
               setSignatureData(signatureData);
               stopRecordingVideo();
               stopRecordingAudio();
-              (_a = signatureRecorder.current) === null || _a === void 0 ? void 0 : _a.stop();
+              (_a = getSignatureRecorder()) === null || _a === void 0 ? void 0 : _a.stop();
               return [2 /*return*/];
           }
         });