idmission-web-sdk 2.3.94 → 2.3.96

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

@@ -6,10 +6,12 @@ export type VideoSignatureMetadata = {
     mimeType?: string;
     mediaInfo?: MediaInfoResult;
     timingData?: {
+        recordingStartRequestedAt?: number;
         recordingStartedAt?: number;
         firstChunkReceivedAt?: number;
         signatureStartedAt?: number;
         signatureEndedAt?: number;
+        recordingStopRequestedAt?: number;
         lastChunkReceivedAt?: number;
         recordingStoppedAt?: number;
     };
@@ -19,10 +21,12 @@ export type VideoSignatureState = {
     startRecording: (captureAudio?: boolean) => void;
     stopRecording: (signatureData?: SignatureData, signatureImage?: string | null) => void;
     clearRecordedData: () => void;
+    recordingStartRequestedAt?: number;
     recordingStartedAt?: number;
-    recordingStoppedAt?: number;
     firstChunkReceivedAt?: number;
+    recordingStopRequestedAt?: number;
     lastChunkReceivedAt?: number;
+    recordingStoppedAt?: number;
     signaturePad: React.RefObject<SignatureCanvas>;
     outputCanvas: React.RefObject<HTMLCanvasElement>;
     signaturePadEmpty: boolean;

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,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,eAAe,MAAM,wBAAwB,CAAA;AAWpD,OAAO,KAAK,EAAiB,SAAS,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAY7E,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,UAAU,CAAC,EAAE;QACX,kBAAkB,CAAC,EAAE,MAAM,CAAA;QAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAA;QAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAA;QAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAA;QACzB,mBAAmB,CAAC,EAAE,MAAM,CAAA;QAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAA;KAC5B,CAAA;CACF,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG,CACrC,SAAS,EAAE,IAAI,EACf,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,MAAM,GAAG,IAAI,EACjC,QAAQ,EAAE,sBAAsB,KAC7B,IAAI,CAAA;AAET,MAAM,MAAM,mBAAmB,GAAG;IAChC,cAAc,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAChD,aAAa,EAAE,CACb,aAAa,CAAC,EAAE,aAAa,EAC7B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,KAC3B,IAAI,CAAA;IACT,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAE7B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAE5B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAA;IAC9C,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;IAEhD,iBAAiB,EAAE,OAAO,CAAA;IAC1B,cAAc,EAAE,OAAO,CAAA;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB,SAAS,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IAE/B,wBAAwB,EAAE,wBAAwB,CAAA;CACnD,CAAA;AAaD,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;EAwIlC,CAAA;AAiCD,MAAM,CAAC,OAAO,UAAU,6BAA6B,CAAC,EACpD,QAAQ,EACR,gBAAwB,GACzB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,qBAwJA"}
+{"version":3,"file":"VideoSignatureContext.d.ts","sourceRoot":"","sources":["../../../src/components/video_signature_capture/VideoSignatureContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,eAAe,MAAM,wBAAwB,CAAA;AAWpD,OAAO,KAAK,EAAiB,SAAS,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAY7E,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,UAAU,CAAC,EAAE;QACX,yBAAyB,CAAC,EAAE,MAAM,CAAA;QAClC,kBAAkB,CAAC,EAAE,MAAM,CAAA;QAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAA;QAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAA;QAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAA;QACzB,wBAAwB,CAAC,EAAE,MAAM,CAAA;QACjC,mBAAmB,CAAC,EAAE,MAAM,CAAA;QAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAA;KAC5B,CAAA;CACF,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG,CACrC,SAAS,EAAE,IAAI,EACf,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,MAAM,GAAG,IAAI,EACjC,QAAQ,EAAE,sBAAsB,KAC7B,IAAI,CAAA;AAET,MAAM,MAAM,mBAAmB,GAAG;IAChC,cAAc,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAChD,aAAa,EAAE,CACb,aAAa,CAAC,EAAE,aAAa,EAC7B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,KAC3B,IAAI,CAAA;IACT,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAE7B,yBAAyB,CAAC,EAAE,MAAM,CAAA;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAA;IAC9C,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;IAEhD,iBAAiB,EAAE,OAAO,CAAA;IAC1B,cAAc,EAAE,OAAO,CAAA;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB,SAAS,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IAE/B,wBAAwB,EAAE,wBAAwB,CAAA;CACnD,CAAA;AAaD,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;EAoHlC,CAAA;AAiCD,MAAM,CAAC,OAAO,UAAU,6BAA6B,CAAC,EACpD,QAAQ,EACR,gBAAwB,GACzB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,qBA8IA"}

package/dist/sdk2.cjs.development.js

@@ -238,7 +238,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.3.94';
+var webSdkVersion = '2.3.96';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -14392,9 +14392,9 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
         videoBitsPerSecond: 650000,
         audioBitsPerSecond: 32000
       });
-      signatureRecorder.onstart = function () {
+      signatureRecorder.onstart = function (e) {
         set({
-          recordingStartedAt: performance.now()
+          recordingStartedAt: e.timeStamp
         });
       };
       var hasFirstChunk = false;
@@ -14413,14 +14413,20 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
         }
       };
       signatureRecorder.start(100);
+      set({
+        recordingStartRequestedAt: performance.now()
+      });
     },
     stopRecording: function stopRecording(signatureData, imageUrl) {
+      set({
+        recordingStopRequestedAt: performance.now()
+      });
       waitForOneMoreChunk().then(function () {
         if (!signatureRecorder) return;
         signatureRecorder.stop();
         signatureRecorder.onstop = function () {
           return __awaiter(void 0, void 0, void 0, function () {
-            var recordingStoppedAt, inferredType, blob, _a, onSignatureVideoCaptured, recordingStartedAt, firstChunkReceivedAt, signatureStartedAt, signatureEndedAt, lastChunkReceivedAt, mediaInfo;
+            var recordingStoppedAt, inferredType, blob, _a, onSignatureVideoCaptured, recordingStartRequestedAt, recordingStartedAt, firstChunkReceivedAt, signatureStartedAt, signatureEndedAt, recordingStopRequestedAt, lastChunkReceivedAt, mediaInfo;
             var _b;
             return __generator(this, function (_c) {
               switch (_c.label) {
@@ -14436,67 +14442,20 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
                   signatureChunks = [];
                   signatureRecorder = null;
                   if (!signatureData) return [2 /*return*/];
-                  _a = get(), onSignatureVideoCaptured = _a.onSignatureVideoCaptured, recordingStartedAt = _a.recordingStartedAt, firstChunkReceivedAt = _a.firstChunkReceivedAt, signatureStartedAt = _a.signatureStartedAt, signatureEndedAt = _a.signatureEndedAt, lastChunkReceivedAt = _a.lastChunkReceivedAt;
-                  return [4 /*yield*/, (_b = get().mediaInfo) === null || _b === void 0 ? void 0 : _b.analyzeData(blob.size, makeReadChunk(blob))
-                  // const endMs = Math.min(
-                  //   signatureEndedAt ?? Infinity,
-                  //   lastChunkReceivedAt ?? Infinity,
-                  // )
-                  // const signatureStartTimestamp =
-                  //   signatureStartedAt && recordingStartedAt
-                  //     ? formatTimestamp(
-                  //         Math.max(
-                  //           0,
-                  //           signatureStartedAt -
-                  //             recordingStartedAt -
-                  //             RECORDING_TIMESTAMP_PADDING_MS,
-                  //         ),
-                  //       )
-                  //     : undefined
-                  // const signatureEndTimestamp =
-                  //   endMs !== Infinity && recordingStartedAt
-                  //     ? formatTimestamp(
-                  //         Math.min(
-                  //           endMs - recordingStartedAt + RECORDING_TIMESTAMP_PADDING_MS,
-                  //           lastChunkReceivedAt ?? Infinity,
-                  //         ),
-                  //       )
-                  //     : undefined
-                  ];
+                  _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();
-                  // const endMs = Math.min(
-                  //   signatureEndedAt ?? Infinity,
-                  //   lastChunkReceivedAt ?? Infinity,
-                  // )
-                  // const signatureStartTimestamp =
-                  //   signatureStartedAt && recordingStartedAt
-                  //     ? formatTimestamp(
-                  //         Math.max(
-                  //           0,
-                  //           signatureStartedAt -
-                  //             recordingStartedAt -
-                  //             RECORDING_TIMESTAMP_PADDING_MS,
-                  //         ),
-                  //       )
-                  //     : undefined
-                  // const signatureEndTimestamp =
-                  //   endMs !== Infinity && recordingStartedAt
-                  //     ? formatTimestamp(
-                  //         Math.min(
-                  //           endMs - recordingStartedAt + RECORDING_TIMESTAMP_PADDING_MS,
-                  //           lastChunkReceivedAt ?? Infinity,
-                  //         ),
-                  //       )
-                  //     : undefined
                   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
                     }
@@ -14675,14 +14634,6 @@ function VideoSignatureContextProvider(_a) {
     muted: true,
     style: {
       display: 'none'
-      // position: 'absolute',
-      // top: 0,
-      // left: 0,
-      // width: '100%',
-      // height: '100%',
-      // zIndex: 1000,
-      // pointerEvents: 'none',
-      // opacity: 0.5,
     }
   }), /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
     ref: frameCheckCanvas,
@@ -14694,22 +14645,6 @@ function VideoSignatureContextProvider(_a) {
     height: (_e = videoRef.current) === null || _e === void 0 ? void 0 : _e.videoHeight
   }));
 }
-// function formatTimestamp(durationMs: number): string {
-//   // should be in the format of 00:00:00:00 (hh:mm:ss:cs)
-//   const hours = Math.floor(durationMs / 3600000)
-//   const minutes = Math.floor((durationMs % 3600000) / 60000)
-//   const seconds = Math.floor((durationMs % 60000) / 1000)
-//   const milliseconds = durationMs % 1000
-//   // Convert milliseconds to centiseconds (1/100th of a second)
-//   const centiseconds = Math.floor(milliseconds / 10)
-//   const csString = centiseconds.toString().padStart(2, '0')
-//   return (
-//     `${hours.toString().padStart(2, '0')}:` +
-//     `${minutes.toString().padStart(2, '0')}:` +
-//     `${seconds.toString().padStart(2, '0')}:` +
-//     `${csString}`
-//   )
-// }
 function isVideoBlank(video, canvas) {
   if (!video || !canvas) return true;
   var ctx2 = canvas.getContext('2d');