idmission-web-sdk 2.3.98 → 2.3.100

package/dist/sdk2.esm.js

@@ -205,7 +205,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.3.98';
+var webSdkVersion = '2.3.100';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -14295,14 +14295,23 @@ function inferBlobType(blobPart) {
   return t.length > 0 ? t : undefined;
 }
 
-// import { mediaInfoFactory } from 'mediainfo.js'
-// import type { ReadChunkFunc, MediaInfo, MediaInfoResult } from 'mediainfo.js'
-// import { DEFAULT_CDN_URL } from '../common/cdn'
-// import { warn } from '../../lib/utils/logger'
-// function makeReadChunk(file: File | Blob): ReadChunkFunc {
-//   return async (chunkSize: number, offset: number) =>
-//     new Uint8Array(await file.slice(offset, offset + chunkSize).arrayBuffer())
-// }
+function makeReadChunk(file) {
+  var _this = this;
+  return function (chunkSize, offset) {
+    return __awaiter(_this, void 0, void 0, function () {
+      var _a;
+      return __generator(this, function (_b) {
+        switch (_b.label) {
+          case 0:
+            _a = Uint8Array.bind;
+            return [4 /*yield*/, file.slice(offset, offset + chunkSize).arrayBuffer()];
+          case 1:
+            return [2 /*return*/, new (_a.apply(Uint8Array, [void 0, _b.sent()]))()];
+        }
+      });
+    });
+  };
+}
 var signatureRecorder = null;
 var signatureChunks = [];
 var videoSignatureInitialState = {
@@ -14337,9 +14346,8 @@ var useVideoSignatureStore = create()(devtools(function (set, get) {
       if (!camera) throw new Error('Camera not found');
       // set our flag and clear whatever we have recorded so far.
       signatureChunks = [];
-      var outputCanvas = get().outputCanvas;
       // start recording from the output canvas to capture the signature
-      var outputStream = (_a = outputCanvas.current) === null || _a === void 0 ? void 0 : _a.captureStream(24);
+      var outputStream = (_a = get().outputCanvas.current) === null || _a === void 0 ? void 0 : _a.captureStream(24);
       if (!outputStream) throw new Error('outputStream not found');
       var tracks = [outputStream.getVideoTracks()[0]];
       if (captureAudio) {
@@ -14384,39 +14392,42 @@ var useVideoSignatureStore = create()(devtools(function (set, get) {
         signatureRecorder.stop();
         signatureRecorder.onstop = function () {
           return __awaiter(void 0, void 0, void 0, function () {
-            var recordingStoppedAt, inferredType, blob, _a, onSignatureVideoCaptured, recordingStartRequestedAt, recordingStartedAt, firstChunkReceivedAt, signatureStartedAt, signatureEndedAt, recordingStopRequestedAt, lastChunkReceivedAt;
-            return __generator(this, function (_b) {
-              recordingStoppedAt = performance.now();
-              set({
-                recordingStoppedAt: recordingStoppedAt
-              });
-              inferredType = inferBlobType(signatureChunks[0]) || (signatureRecorder === null || signatureRecorder === void 0 ? void 0 : signatureRecorder.mimeType) || 'video/mp4';
-              blob = new Blob(signatureChunks, {
-                type: inferredType
-              });
-              signatureChunks = [];
-              signatureRecorder = null;
-              if (!signatureData) return [2 /*return*/];
-              _a = get(), onSignatureVideoCaptured = _a.onSignatureVideoCaptured, recordingStartRequestedAt = _a.recordingStartRequestedAt, recordingStartedAt = _a.recordingStartedAt, firstChunkReceivedAt = _a.firstChunkReceivedAt, signatureStartedAt = _a.signatureStartedAt, signatureEndedAt = _a.signatureEndedAt, recordingStopRequestedAt = _a.recordingStopRequestedAt, lastChunkReceivedAt = _a.lastChunkReceivedAt;
-              // const mediaInfo = await get().mediaInfo?.analyzeData(
-              //   blob.size,
-              //   makeReadChunk(blob),
-              // )
-              onSignatureVideoCaptured(blob, signatureData, imageUrl !== null && imageUrl !== void 0 ? imageUrl : null, {
-                // mediaInfo,
-                mimeType: inferredType,
-                timingData: {
-                  recordingStartRequestedAt: recordingStartRequestedAt,
-                  recordingStartedAt: recordingStartedAt,
-                  firstChunkReceivedAt: firstChunkReceivedAt,
-                  signatureStartedAt: signatureStartedAt,
-                  signatureEndedAt: signatureEndedAt,
-                  recordingStopRequestedAt: recordingStopRequestedAt,
-                  recordingStoppedAt: recordingStoppedAt,
-                  lastChunkReceivedAt: lastChunkReceivedAt
-                }
-              });
-              return [2 /*return*/];
+            var recordingStoppedAt, inferredType, blob, _a, onSignatureVideoCaptured, recordingStartRequestedAt, recordingStartedAt, firstChunkReceivedAt, signatureStartedAt, signatureEndedAt, recordingStopRequestedAt, lastChunkReceivedAt, mediaInfo;
+            var _b;
+            return __generator(this, function (_c) {
+              switch (_c.label) {
+                case 0:
+                  recordingStoppedAt = performance.now();
+                  set({
+                    recordingStoppedAt: recordingStoppedAt
+                  });
+                  inferredType = inferBlobType(signatureChunks[0]) || (signatureRecorder === null || signatureRecorder === void 0 ? void 0 : signatureRecorder.mimeType) || 'video/mp4';
+                  blob = new Blob(signatureChunks, {
+                    type: inferredType
+                  });
+                  signatureChunks = [];
+                  signatureRecorder = null;
+                  if (!signatureData) return [2 /*return*/];
+                  _a = get(), onSignatureVideoCaptured = _a.onSignatureVideoCaptured, recordingStartRequestedAt = _a.recordingStartRequestedAt, recordingStartedAt = _a.recordingStartedAt, firstChunkReceivedAt = _a.firstChunkReceivedAt, signatureStartedAt = _a.signatureStartedAt, signatureEndedAt = _a.signatureEndedAt, recordingStopRequestedAt = _a.recordingStopRequestedAt, lastChunkReceivedAt = _a.lastChunkReceivedAt;
+                  return [4 /*yield*/, (_b = get().mediaInfo) === null || _b === void 0 ? void 0 : _b.analyzeData(blob.size, makeReadChunk(blob))];
+                case 1:
+                  mediaInfo = _c.sent();
+                  onSignatureVideoCaptured(blob, signatureData, imageUrl !== null && imageUrl !== void 0 ? imageUrl : null, {
+                    mediaInfo: mediaInfo,
+                    mimeType: inferredType,
+                    timingData: {
+                      recordingStartRequestedAt: recordingStartRequestedAt,
+                      recordingStartedAt: recordingStartedAt,
+                      firstChunkReceivedAt: firstChunkReceivedAt,
+                      signatureStartedAt: signatureStartedAt,
+                      signatureEndedAt: signatureEndedAt,
+                      recordingStopRequestedAt: recordingStopRequestedAt,
+                      recordingStoppedAt: recordingStoppedAt,
+                      lastChunkReceivedAt: lastChunkReceivedAt
+                    }
+                  });
+                  return [2 /*return*/];
+              }
             });
           });
         };
@@ -14466,7 +14477,9 @@ function waitForOneMoreChunk(timeoutMs) {
 function VideoSignatureContextProvider(_a) {
   var _this = this;
   var _b, _c, _d, _e;
-  var children = _a.children;
+  var children = _a.children,
+    _f = _a.captureMediaInfo,
+    captureMediaInfo = _f === void 0 ? false : _f;
   var videoRef = useCameraStore().videoRef;
   var outputCanvas = useRef(null);
   useEffect(function () {
@@ -14476,27 +14489,74 @@ function VideoSignatureContextProvider(_a) {
   }, []);
   var signatureVideoRef = useRef(null);
   var frameCheckCanvas = useRef(null);
-  // useEffect(() => {
-  //   if (!captureMediaInfo) return
-  //   mediaInfoFactory({
-  //     format: 'object',
-  //     full: true,
-  //     locateFile: (filename) => `${DEFAULT_CDN_URL}/${filename}`,
-  //   })
-  //     .then((mediaInfo) => {
-  //       useVideoSignatureStore.setState({ mediaInfo })
-  //     })
-  //     .catch((e) => {
-  //       warn('error loading mediaInfo', e)
-  //     })
-  //   return () => {
-  //     const mediaInfo = useVideoSignatureStore.getState().mediaInfo
-  //     if (mediaInfo) {
-  //       mediaInfo.close()
-  //       useVideoSignatureStore.setState({ mediaInfo: undefined })
-  //     }
-  //   }
-  // }, [captureMediaInfo])
+  useEffect(function () {
+    if (!captureMediaInfo) return;
+    // Use dynamic import to avoid build-time WASM loading issues
+    var loadMediaInfo = function loadMediaInfo() {
+      return __awaiter(_this, void 0, void 0, function () {
+        var mediaInfoFactory, mediaInfo, e_1, mediaInfoFactory, mediaInfo, fallbackError_1;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              _a.trys.push([0, 3,, 9]);
+              return [4 /*yield*/, import('mediainfo.js')];
+            case 1:
+              mediaInfoFactory = _a.sent().mediaInfoFactory;
+              return [4 /*yield*/, mediaInfoFactory({
+                format: 'object',
+                full: true,
+                locateFile: function locateFile(filename) {
+                  return "".concat(DEFAULT_CDN_URL, "/").concat(filename);
+                }
+              })];
+            case 2:
+              mediaInfo = _a.sent();
+              useVideoSignatureStore.setState({
+                mediaInfo: mediaInfo
+              });
+              return [3 /*break*/, 9];
+            case 3:
+              e_1 = _a.sent();
+              warn('error loading mediaInfo', e_1);
+              _a.label = 4;
+            case 4:
+              _a.trys.push([4, 7,, 8]);
+              return [4 /*yield*/, import('mediainfo.js')];
+            case 5:
+              mediaInfoFactory = _a.sent().mediaInfoFactory;
+              return [4 /*yield*/, mediaInfoFactory({
+                format: 'object',
+                full: true
+              })];
+            case 6:
+              mediaInfo = _a.sent();
+              useVideoSignatureStore.setState({
+                mediaInfo: mediaInfo
+              });
+              return [3 /*break*/, 8];
+            case 7:
+              fallbackError_1 = _a.sent();
+              warn('fallback mediaInfo loading also failed', fallbackError_1);
+              return [3 /*break*/, 8];
+            case 8:
+              return [3 /*break*/, 9];
+            case 9:
+              return [2 /*return*/];
+          }
+        });
+      });
+    };
+    loadMediaInfo();
+    return function () {
+      var mediaInfo = useVideoSignatureStore.getState().mediaInfo;
+      if (mediaInfo) {
+        mediaInfo.close();
+        useVideoSignatureStore.setState({
+          mediaInfo: undefined
+        });
+      }
+    };
+  }, [captureMediaInfo]);
   var signaturePadEmpty = useVideoSignatureStore().signaturePadEmpty;
   var blankCheckPassed = useRef(false);
   useEffect(function () {
@@ -14537,40 +14597,15 @@ function VideoSignatureContextProvider(_a) {
       });
     });
   }, [videoRef, outputCanvas]);
-  useEffect(function () {
-    if (!signatureVideoRef.current) return;
-    var video = signatureVideoRef.current;
-    function onFrame() {
-      blankCheckPassed.current || (blankCheckPassed.current = !isVideoBlank(signatureVideoRef.current, frameCheckCanvas.current));
-      drawOutputFrame();
-      video.requestVideoFrameCallback(onFrame);
-    }
-    function onPlay() {
-      video.requestVideoFrameCallback(onFrame);
-    }
-    video.addEventListener('play', onPlay);
-    return function () {
-      video.removeEventListener('play', onPlay);
-    };
-  }, [drawOutputFrame]);
-  useEffect(function () {
-    if (!videoRef.current) return;
-    var video = videoRef.current;
-    function onFrame() {
-      drawOutputFrame();
-      video.requestVideoFrameCallback(onFrame);
-    }
-    function onPlay() {
-      video.requestVideoFrameCallback(onFrame);
-    }
-    video.addEventListener('play', onPlay);
-    return function () {
-      video.removeEventListener('play', onPlay);
-    };
-  }, [drawOutputFrame, videoRef]);
-  var _f = useVideoSignatureStore(),
-    signaturePad = _f.signaturePad,
-    recordingStartedAt = _f.recordingStartedAt;
+  var checkBlankAndDrawOutputFrame = useCallback(function () {
+    blankCheckPassed.current || (blankCheckPassed.current = !isVideoBlank(signatureVideoRef.current, frameCheckCanvas.current));
+    drawOutputFrame();
+  }, [drawOutputFrame, signatureVideoRef]);
+  useVideoFrameLoop(signatureVideoRef, checkBlankAndDrawOutputFrame);
+  useVideoFrameLoop(videoRef, drawOutputFrame);
+  var _g = useVideoSignatureStore(),
+    signaturePad = _g.signaturePad,
+    recordingStartedAt = _g.recordingStartedAt;
   useEffect(function () {
     var _a;
     if (!signaturePad.current || !recordingStartedAt) return;
@@ -14610,6 +14645,32 @@ function isCanvasBlank(canvas) {
   });
   return result;
 }
+function requestVideoFrameCallback(video, onFrame) {
+  if (typeof (video === null || video === void 0 ? void 0 : video.requestVideoFrameCallback) === 'function') {
+    video.requestVideoFrameCallback(onFrame);
+  } else {
+    requestAnimationFrame(onFrame);
+  }
+}
+function videoFrameLoop(video, onFrame) {
+  if (!video) return;
+  function onFrameRecursive() {
+    onFrame();
+    requestVideoFrameCallback(video, onFrameRecursive);
+  }
+  function onPlay() {
+    requestVideoFrameCallback(video, onFrameRecursive);
+  }
+  video.addEventListener('play', onPlay);
+  return function () {
+    video.removeEventListener('play', onPlay);
+  };
+}
+function useVideoFrameLoop(ref, onFrame) {
+  useEffect(function () {
+    return videoFrameLoop(ref.current, onFrame);
+  }, [onFrame, ref]);
+}
 
 function VideoSignaturePad(_a) {
   var onAcceptBtnClicked = _a.onAcceptBtnClicked,
@@ -19447,6 +19508,8 @@ var SignatureKYC = function SignatureKYC(_a) {
     documentServiceUrl = _a.documentServiceUrl,
     sendBase64DocumentsInSwaggerProxy = _a.sendBase64DocumentsInSwaggerProxy,
     useDocumentServiceForLivenessChecks = _a.useDocumentServiceForLivenessChecks,
+    _c = _a.captureMediaInfo,
+    captureMediaInfo = _c === void 0 ? false : _c,
     onLoadingStarted = _a.onLoadingStarted,
     onLoadingProgress = _a.onLoadingProgress,
     onLoadingCompleted = _a.onLoadingCompleted,
@@ -19466,48 +19529,48 @@ var SignatureKYC = function SignatureKYC(_a) {
     onCameraAccessDenied = _a.onCameraAccessDenied,
     onCameraTamperingDetected = _a.onCameraTamperingDetected,
     onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
-    _c = _a.loadingOverlayMode,
-    loadingOverlayMode = _c === void 0 ? 'default' : _c,
+    _d = _a.loadingOverlayMode,
+    loadingOverlayMode = _d === void 0 ? 'default' : _d,
     customOverlayContent = _a.customOverlayContent,
-    _d = _a.skipSuccessScreen,
-    skipSuccessScreen = _d === void 0 ? false : _d,
-    _e = _a.captureAudio,
-    captureAudio = _e === void 0 ? false : _e,
+    _e = _a.skipSuccessScreen,
+    skipSuccessScreen = _e === void 0 ? false : _e,
+    _f = _a.captureAudio,
+    captureAudio = _f === void 0 ? false : _f,
     idCardForFaceMatch = _a.idCardForFaceMatch,
-    _f = _a.minSignaturePadPoints,
-    minSignaturePadPoints = _f === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _f,
-    _g = _a.headTrackingDisabled,
-    headTrackingDisabled = _g === void 0 ? false : _g,
-    _h = _a.headTrackingBoundaryPercentage,
-    headTrackingBoundaryPercentage = _h === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_PERCENTAGE : _h,
-    _j = _a.headTrackingBoundaryType,
-    headTrackingBoundaryType = _j === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_TYPE : _j,
-    _k = _a.modelLoadTimeoutMs,
-    modelLoadTimeoutMs = _k === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _k,
-    _l = _a.allowSignatureAfterLivenessCheckFailure,
-    allowSignatureAfterLivenessCheckFailure = _l === void 0 ? false : _l,
-    _m = _a.restartVideoOnSignaturePadCleared,
-    restartVideoOnSignaturePadCleared = _m === void 0 ? true : _m,
+    _g = _a.minSignaturePadPoints,
+    minSignaturePadPoints = _g === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _g,
+    _h = _a.headTrackingDisabled,
+    headTrackingDisabled = _h === void 0 ? false : _h,
+    _j = _a.headTrackingBoundaryPercentage,
+    headTrackingBoundaryPercentage = _j === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_PERCENTAGE : _j,
+    _k = _a.headTrackingBoundaryType,
+    headTrackingBoundaryType = _k === void 0 ? DEFAULT_HEAD_TRACKING_BOUNDARY_TYPE : _k,
+    _l = _a.modelLoadTimeoutMs,
+    modelLoadTimeoutMs = _l === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _l,
+    _m = _a.allowSignatureAfterLivenessCheckFailure,
+    allowSignatureAfterLivenessCheckFailure = _m === void 0 ? false : _m,
+    _o = _a.restartVideoOnSignaturePadCleared,
+    restartVideoOnSignaturePadCleared = _o === void 0 ? true : _o,
     faceLivenessProps = _a.faceLivenessProps,
-    _o = _a.skipLivenessValidation,
-    skipLivenessValidation = _o === void 0 ? false : _o,
-    _p = _a.allowManualSelfieCaptureOnLoadingError,
-    allowManualSelfieCaptureOnLoadingError = _p === void 0 ? false : _p,
+    _p = _a.skipLivenessValidation,
+    skipLivenessValidation = _p === void 0 ? false : _p,
+    _q = _a.allowManualSelfieCaptureOnLoadingError,
+    allowManualSelfieCaptureOnLoadingError = _q === void 0 ? false : _q,
     guidesComponent = _a.guidesComponent,
-    _q = _a.showFaceGuideThenSignaturePad,
-    showFaceGuideThenSignaturePad = _q === void 0 ? false : _q,
+    _r = _a.showFaceGuideThenSignaturePad,
+    showFaceGuideThenSignaturePad = _r === void 0 ? false : _r,
     minCaptureBrightnessThreshold = _a.minCaptureBrightnessThreshold,
     minCaptureRangeThreshold = _a.minCaptureRangeThreshold,
     minCaptureVarianceThreshold = _a.minCaptureVarianceThreshold,
-    _r = _a.theme,
-    theme = _r === void 0 ? 'default' : _r,
+    _s = _a.theme,
+    theme = _s === void 0 ? 'default' : _s,
     classNames = _a.classNames,
     colors = _a.colors,
     verbiage = _a.verbiage,
     geolocationEnabled = _a.geolocationEnabled,
     geolocationRequired = _a.geolocationRequired,
-    _s = _a.debugMode,
-    debugMode = _s === void 0 ? false : _s;
+    _t = _a.debugMode,
+    debugMode = _t === void 0 ? false : _t;
   useLanguage(lang);
   useDebugLogging(debugMode);
   return /*#__PURE__*/React__default.createElement(AuthProvider, {
@@ -19557,6 +19620,7 @@ var SignatureKYC = function SignatureKYC(_a) {
         loadingOverlayMode: loadingOverlayMode,
         skipSuccessScreen: skipSuccessScreen,
         captureAudio: captureAudio,
+        captureMediaInfo: captureMediaInfo,
         minSignaturePadPoints: minSignaturePadPoints,
         headTrackingDisabled: headTrackingDisabled,
         headTrackingBoundaryPercentage: headTrackingBoundaryPercentage,
@@ -19579,7 +19643,7 @@ var SignatureKYC = function SignatureKYC(_a) {
         onModelError: onModelError,
         onUserCancel: onUserCancel
       };
-    }, [onLoadingStarted, onLoadingProgress, onLoadingCompleted, onLoadingFailed, onSelfieCaptured, customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, headTrackingDisabled, headTrackingBoundaryPercentage, headTrackingBoundaryType, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, skipLivenessValidation, allowManualSelfieCaptureOnLoadingError, guidesComponent, showFaceGuideThenSignaturePad, minCaptureBrightnessThreshold, minCaptureRangeThreshold, minCaptureVarianceThreshold, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
+    }, [onLoadingStarted, onLoadingProgress, onLoadingCompleted, onLoadingFailed, onSelfieCaptured, customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, captureMediaInfo, minSignaturePadPoints, headTrackingDisabled, headTrackingBoundaryPercentage, headTrackingBoundaryType, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, skipLivenessValidation, allowManualSelfieCaptureOnLoadingError, guidesComponent, showFaceGuideThenSignaturePad, minCaptureBrightnessThreshold, minCaptureRangeThreshold, minCaptureVarianceThreshold, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
   })))));
 };