idmission-web-sdk 2.3.97 → 2.3.98
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/video_signature_capture/VideoSignatureContext.d.ts +1 -4
- package/dist/components/video_signature_capture/VideoSignatureContext.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +67 -86
- package/dist/sdk2.cjs.development.js.map +1 -1
- package/dist/sdk2.cjs.production.js +1 -1
- package/dist/sdk2.cjs.production.js.map +1 -1
- package/dist/sdk2.esm.js +67 -86
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +71 -89
- package/dist/sdk2.umd.development.js.map +1 -1
- package/dist/sdk2.umd.production.js +1 -1
- package/dist/sdk2.umd.production.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { SignatureData } from '../signature_capture/data';
|
|
3
3
|
import SignatureCanvas from 'react-signature-canvas';
|
|
4
|
-
import type { MediaInfo, MediaInfoResult } from 'mediainfo.js';
|
|
5
4
|
export type VideoSignatureMetadata = {
|
|
6
5
|
mimeType?: string;
|
|
7
|
-
mediaInfo?: MediaInfoResult;
|
|
8
6
|
timingData?: {
|
|
9
7
|
recordingStartRequestedAt?: number;
|
|
10
8
|
recordingStartedAt?: number;
|
|
@@ -33,7 +31,6 @@ export type VideoSignatureState = {
|
|
|
33
31
|
signatureValid: boolean;
|
|
34
32
|
signatureStartedAt?: number;
|
|
35
33
|
signatureEndedAt?: number;
|
|
36
|
-
mediaInfo?: MediaInfo<'object'>;
|
|
37
34
|
onSignatureVideoCaptured: OnSignatureVideoCaptured;
|
|
38
35
|
};
|
|
39
36
|
export declare const useVideoSignatureStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<VideoSignatureState>, "setState"> & {
|
|
@@ -50,7 +47,7 @@ export declare const useVideoSignatureStore: import("zustand").UseBoundStore<Omi
|
|
|
50
47
|
type: string;
|
|
51
48
|
}) | undefined): void;
|
|
52
49
|
}>;
|
|
53
|
-
export default function VideoSignatureContextProvider({ children,
|
|
50
|
+
export default function VideoSignatureContextProvider({ children, }: {
|
|
54
51
|
children: ReactNode;
|
|
55
52
|
captureMediaInfo?: boolean;
|
|
56
53
|
}): React.JSX.Element;
|
|
@@ -1 +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;
|
|
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;AAuBpD,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,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;IAIzB,wBAAwB,EAAE,wBAAwB,CAAA;CACnD,CAAA;AAaD,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;EAoHlC,CAAA;AAiCD,MAAM,CAAC,OAAO,UAAU,6BAA6B,CAAC,EACpD,QAAQ,GAET,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,qBA8IA"}
|
|
@@ -17,7 +17,6 @@ var middleware = require('zustand/middleware');
|
|
|
17
17
|
var shallow = require('zustand/react/shallow');
|
|
18
18
|
var cn = require('clsx');
|
|
19
19
|
var SignatureCanvas = require('react-signature-canvas');
|
|
20
|
-
var mediainfo_js = require('mediainfo.js');
|
|
21
20
|
var server = require('react-dom/server');
|
|
22
21
|
|
|
23
22
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
@@ -237,7 +236,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
237
236
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
238
237
|
};
|
|
239
238
|
|
|
240
|
-
var webSdkVersion = '2.3.
|
|
239
|
+
var webSdkVersion = '2.3.98';
|
|
241
240
|
|
|
242
241
|
function getPlatform() {
|
|
243
242
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -14327,23 +14326,14 @@ function inferBlobType(blobPart) {
|
|
|
14327
14326
|
return t.length > 0 ? t : undefined;
|
|
14328
14327
|
}
|
|
14329
14328
|
|
|
14330
|
-
|
|
14331
|
-
|
|
14332
|
-
|
|
14333
|
-
|
|
14334
|
-
|
|
14335
|
-
|
|
14336
|
-
|
|
14337
|
-
|
|
14338
|
-
_a = Uint8Array.bind;
|
|
14339
|
-
return [4 /*yield*/, file.slice(offset, offset + chunkSize).arrayBuffer()];
|
|
14340
|
-
case 1:
|
|
14341
|
-
return [2 /*return*/, new (_a.apply(Uint8Array, [void 0, _b.sent()]))()];
|
|
14342
|
-
}
|
|
14343
|
-
});
|
|
14344
|
-
});
|
|
14345
|
-
};
|
|
14346
|
-
}
|
|
14329
|
+
// import { mediaInfoFactory } from 'mediainfo.js'
|
|
14330
|
+
// import type { ReadChunkFunc, MediaInfo, MediaInfoResult } from 'mediainfo.js'
|
|
14331
|
+
// import { DEFAULT_CDN_URL } from '../common/cdn'
|
|
14332
|
+
// import { warn } from '../../lib/utils/logger'
|
|
14333
|
+
// function makeReadChunk(file: File | Blob): ReadChunkFunc {
|
|
14334
|
+
// return async (chunkSize: number, offset: number) =>
|
|
14335
|
+
// new Uint8Array(await file.slice(offset, offset + chunkSize).arrayBuffer())
|
|
14336
|
+
// }
|
|
14347
14337
|
var signatureRecorder = null;
|
|
14348
14338
|
var signatureChunks = [];
|
|
14349
14339
|
var videoSignatureInitialState = {
|
|
@@ -14425,42 +14415,39 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
|
|
|
14425
14415
|
signatureRecorder.stop();
|
|
14426
14416
|
signatureRecorder.onstop = function () {
|
|
14427
14417
|
return __awaiter(void 0, void 0, void 0, function () {
|
|
14428
|
-
var recordingStoppedAt, inferredType, blob, _a, onSignatureVideoCaptured, recordingStartRequestedAt, recordingStartedAt, firstChunkReceivedAt, signatureStartedAt, signatureEndedAt, recordingStopRequestedAt, lastChunkReceivedAt
|
|
14429
|
-
|
|
14430
|
-
|
|
14431
|
-
|
|
14432
|
-
|
|
14433
|
-
|
|
14434
|
-
|
|
14435
|
-
|
|
14436
|
-
|
|
14437
|
-
|
|
14438
|
-
|
|
14439
|
-
|
|
14440
|
-
|
|
14441
|
-
|
|
14442
|
-
|
|
14443
|
-
|
|
14444
|
-
|
|
14445
|
-
|
|
14446
|
-
|
|
14447
|
-
|
|
14448
|
-
|
|
14449
|
-
|
|
14450
|
-
|
|
14451
|
-
|
|
14452
|
-
|
|
14453
|
-
|
|
14454
|
-
|
|
14455
|
-
|
|
14456
|
-
|
|
14457
|
-
|
|
14458
|
-
|
|
14459
|
-
|
|
14460
|
-
|
|
14461
|
-
});
|
|
14462
|
-
return [2 /*return*/];
|
|
14463
|
-
}
|
|
14418
|
+
var recordingStoppedAt, inferredType, blob, _a, onSignatureVideoCaptured, recordingStartRequestedAt, recordingStartedAt, firstChunkReceivedAt, signatureStartedAt, signatureEndedAt, recordingStopRequestedAt, lastChunkReceivedAt;
|
|
14419
|
+
return __generator(this, function (_b) {
|
|
14420
|
+
recordingStoppedAt = performance.now();
|
|
14421
|
+
set({
|
|
14422
|
+
recordingStoppedAt: recordingStoppedAt
|
|
14423
|
+
});
|
|
14424
|
+
inferredType = inferBlobType(signatureChunks[0]) || (signatureRecorder === null || signatureRecorder === void 0 ? void 0 : signatureRecorder.mimeType) || 'video/mp4';
|
|
14425
|
+
blob = new Blob(signatureChunks, {
|
|
14426
|
+
type: inferredType
|
|
14427
|
+
});
|
|
14428
|
+
signatureChunks = [];
|
|
14429
|
+
signatureRecorder = null;
|
|
14430
|
+
if (!signatureData) return [2 /*return*/];
|
|
14431
|
+
_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;
|
|
14432
|
+
// const mediaInfo = await get().mediaInfo?.analyzeData(
|
|
14433
|
+
// blob.size,
|
|
14434
|
+
// makeReadChunk(blob),
|
|
14435
|
+
// )
|
|
14436
|
+
onSignatureVideoCaptured(blob, signatureData, imageUrl !== null && imageUrl !== void 0 ? imageUrl : null, {
|
|
14437
|
+
// mediaInfo,
|
|
14438
|
+
mimeType: inferredType,
|
|
14439
|
+
timingData: {
|
|
14440
|
+
recordingStartRequestedAt: recordingStartRequestedAt,
|
|
14441
|
+
recordingStartedAt: recordingStartedAt,
|
|
14442
|
+
firstChunkReceivedAt: firstChunkReceivedAt,
|
|
14443
|
+
signatureStartedAt: signatureStartedAt,
|
|
14444
|
+
signatureEndedAt: signatureEndedAt,
|
|
14445
|
+
recordingStopRequestedAt: recordingStopRequestedAt,
|
|
14446
|
+
recordingStoppedAt: recordingStoppedAt,
|
|
14447
|
+
lastChunkReceivedAt: lastChunkReceivedAt
|
|
14448
|
+
}
|
|
14449
|
+
});
|
|
14450
|
+
return [2 /*return*/];
|
|
14464
14451
|
});
|
|
14465
14452
|
});
|
|
14466
14453
|
};
|
|
@@ -14510,9 +14497,7 @@ function waitForOneMoreChunk(timeoutMs) {
|
|
|
14510
14497
|
function VideoSignatureContextProvider(_a) {
|
|
14511
14498
|
var _this = this;
|
|
14512
14499
|
var _b, _c, _d, _e;
|
|
14513
|
-
var children = _a.children
|
|
14514
|
-
_f = _a.captureMediaInfo,
|
|
14515
|
-
captureMediaInfo = _f === void 0 ? false : _f;
|
|
14500
|
+
var children = _a.children;
|
|
14516
14501
|
var videoRef = useCameraStore().videoRef;
|
|
14517
14502
|
var outputCanvas = React.useRef(null);
|
|
14518
14503
|
React.useEffect(function () {
|
|
@@ -14522,31 +14507,27 @@ function VideoSignatureContextProvider(_a) {
|
|
|
14522
14507
|
}, []);
|
|
14523
14508
|
var signatureVideoRef = React.useRef(null);
|
|
14524
14509
|
var frameCheckCanvas = React.useRef(null);
|
|
14525
|
-
|
|
14526
|
-
|
|
14527
|
-
|
|
14528
|
-
|
|
14529
|
-
|
|
14530
|
-
|
|
14531
|
-
|
|
14532
|
-
|
|
14533
|
-
|
|
14534
|
-
|
|
14535
|
-
|
|
14536
|
-
|
|
14537
|
-
|
|
14538
|
-
|
|
14539
|
-
|
|
14540
|
-
|
|
14541
|
-
|
|
14542
|
-
|
|
14543
|
-
|
|
14544
|
-
|
|
14545
|
-
|
|
14546
|
-
});
|
|
14547
|
-
}
|
|
14548
|
-
};
|
|
14549
|
-
}, [captureMediaInfo]);
|
|
14510
|
+
// useEffect(() => {
|
|
14511
|
+
// if (!captureMediaInfo) return
|
|
14512
|
+
// mediaInfoFactory({
|
|
14513
|
+
// format: 'object',
|
|
14514
|
+
// full: true,
|
|
14515
|
+
// locateFile: (filename) => `${DEFAULT_CDN_URL}/${filename}`,
|
|
14516
|
+
// })
|
|
14517
|
+
// .then((mediaInfo) => {
|
|
14518
|
+
// useVideoSignatureStore.setState({ mediaInfo })
|
|
14519
|
+
// })
|
|
14520
|
+
// .catch((e) => {
|
|
14521
|
+
// warn('error loading mediaInfo', e)
|
|
14522
|
+
// })
|
|
14523
|
+
// return () => {
|
|
14524
|
+
// const mediaInfo = useVideoSignatureStore.getState().mediaInfo
|
|
14525
|
+
// if (mediaInfo) {
|
|
14526
|
+
// mediaInfo.close()
|
|
14527
|
+
// useVideoSignatureStore.setState({ mediaInfo: undefined })
|
|
14528
|
+
// }
|
|
14529
|
+
// }
|
|
14530
|
+
// }, [captureMediaInfo])
|
|
14550
14531
|
var signaturePadEmpty = useVideoSignatureStore().signaturePadEmpty;
|
|
14551
14532
|
var blankCheckPassed = React.useRef(false);
|
|
14552
14533
|
React.useEffect(function () {
|
|
@@ -14618,9 +14599,9 @@ function VideoSignatureContextProvider(_a) {
|
|
|
14618
14599
|
video.removeEventListener('play', onPlay);
|
|
14619
14600
|
};
|
|
14620
14601
|
}, [drawOutputFrame, videoRef]);
|
|
14621
|
-
var
|
|
14622
|
-
signaturePad =
|
|
14623
|
-
recordingStartedAt =
|
|
14602
|
+
var _f = useVideoSignatureStore(),
|
|
14603
|
+
signaturePad = _f.signaturePad,
|
|
14604
|
+
recordingStartedAt = _f.recordingStartedAt;
|
|
14624
14605
|
React.useEffect(function () {
|
|
14625
14606
|
var _a;
|
|
14626
14607
|
if (!signaturePad.current || !recordingStartedAt) return;
|