idmission-web-sdk 2.3.12 → 2.3.13

package/dist/components/video_signature_capture/VideoSignatureContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoSignatureContext.d.ts","sourceRoot":"","sources":["../../../src/components/video_signature_capture/VideoSignatureContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,SAAS,EAOV,MAAM,OAAO,CAAA;AACd,OAAO,EAGL,aAAa,EACd,MAAM,2BAA2B,CAAA;AAClC,OAAO,eAAe,MAAM,wBAAwB,CAAA;AAsBpD,MAAM,MAAM,mBAAmB,GAAG;IAChC,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAA;IAC/C,aAAa,EAAE,aAAa,GAAG,IAAI,CAAA;IACnC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,kBAAkB,EAAE,IAAI,GAAG,IAAI,CAAA;IAC/B,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IAEhC,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CACrC,CAAA;AAeD,eAAO,MAAM,qBAAqB,oCAEjC,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,6BAA6B,CAAC,EACpD,QAAQ,EACR,YAAoB,GACrB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,qBAmMA;AAED,wBAAgB,wBAAwB,wBAOvC"}
+{"version":3,"file":"VideoSignatureContext.d.ts","sourceRoot":"","sources":["../../../src/components/video_signature_capture/VideoSignatureContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,SAAS,EAOV,MAAM,OAAO,CAAA;AACd,OAAO,EAGL,aAAa,EACd,MAAM,2BAA2B,CAAA;AAClC,OAAO,eAAe,MAAM,wBAAwB,CAAA;AAgCpD,MAAM,MAAM,mBAAmB,GAAG;IAChC,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAA;IAC/C,aAAa,EAAE,aAAa,GAAG,IAAI,CAAA;IACnC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,kBAAkB,EAAE,IAAI,GAAG,IAAI,CAAA;IAC/B,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IAEhC,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CACrC,CAAA;AAeD,eAAO,MAAM,qBAAqB,oCAEjC,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,6BAA6B,CAAC,EACpD,QAAQ,EACR,YAAoB,GACrB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,qBA8LA;AAED,wBAAgB,wBAAwB,wBAOvC"}

package/dist/sdk2.cjs.development.js

@@ -235,7 +235,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
@@ -13522,15 +13522,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() {
@@ -13587,7 +13606,6 @@ function VideoSignatureContextProvider(_a) {
     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],
@@ -13606,67 +13624,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);
   }, []);
   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 () {
@@ -13708,16 +13704,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*/];
         }