idmission-web-sdk 2.3.11 → 2.3.12

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.12';
 
 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,17 @@ var useVideoRecorder = function useVideoRecorder(camera, audioStream, mergeAVStr
   }, [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;
@@ -13491,7 +13519,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 +13544,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,
@@ -13551,7 +13577,8 @@ function VideoSignatureContextProvider(_a) {
     };
     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);
   }, []);
   useEffect(function () {
     if (!isRecording) return;
@@ -13559,7 +13586,7 @@ function VideoSignatureContextProvider(_a) {
     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) {
@@ -13577,7 +13604,7 @@ function VideoSignatureContextProvider(_a) {
               _b.sent();
               _b.label = 2;
             case 2:
-              recordedChunks.current = [];
+              clearSignatureChunks();
               clearRecordedVideoData();
               startRecordingVideo();
               if (captureAudio) startRecordingAudio();
@@ -13585,24 +13612,23 @@ function VideoSignatureContextProvider(_a) {
               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*/];
@@ -13661,7 +13687,7 @@ function VideoSignatureContextProvider(_a) {
             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*/];
         }
       });