idmission-web-sdk 2.3.96 → 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 -87
- 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 +3 -3
|
@@ -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 mediaInfoFactory = 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 }; }
|
|
@@ -49,7 +48,6 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultCompat(LanguageDetec
|
|
|
49
48
|
var i18n__default = /*#__PURE__*/_interopDefaultCompat(i18n);
|
|
50
49
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
51
50
|
var SignatureCanvas__default = /*#__PURE__*/_interopDefaultCompat(SignatureCanvas);
|
|
52
|
-
var mediaInfoFactory__default = /*#__PURE__*/_interopDefaultCompat(mediaInfoFactory);
|
|
53
51
|
|
|
54
52
|
/******************************************************************************
|
|
55
53
|
Copyright (c) Microsoft Corporation.
|
|
@@ -238,7 +236,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
238
236
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
239
237
|
};
|
|
240
238
|
|
|
241
|
-
var webSdkVersion = '2.3.
|
|
239
|
+
var webSdkVersion = '2.3.98';
|
|
242
240
|
|
|
243
241
|
function getPlatform() {
|
|
244
242
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -14328,23 +14326,14 @@ function inferBlobType(blobPart) {
|
|
|
14328
14326
|
return t.length > 0 ? t : undefined;
|
|
14329
14327
|
}
|
|
14330
14328
|
|
|
14331
|
-
|
|
14332
|
-
|
|
14333
|
-
|
|
14334
|
-
|
|
14335
|
-
|
|
14336
|
-
|
|
14337
|
-
|
|
14338
|
-
|
|
14339
|
-
_a = Uint8Array.bind;
|
|
14340
|
-
return [4 /*yield*/, file.slice(offset, offset + chunkSize).arrayBuffer()];
|
|
14341
|
-
case 1:
|
|
14342
|
-
return [2 /*return*/, new (_a.apply(Uint8Array, [void 0, _b.sent()]))()];
|
|
14343
|
-
}
|
|
14344
|
-
});
|
|
14345
|
-
});
|
|
14346
|
-
};
|
|
14347
|
-
}
|
|
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
|
+
// }
|
|
14348
14337
|
var signatureRecorder = null;
|
|
14349
14338
|
var signatureChunks = [];
|
|
14350
14339
|
var videoSignatureInitialState = {
|
|
@@ -14426,42 +14415,39 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
|
|
|
14426
14415
|
signatureRecorder.stop();
|
|
14427
14416
|
signatureRecorder.onstop = function () {
|
|
14428
14417
|
return __awaiter(void 0, void 0, void 0, function () {
|
|
14429
|
-
var recordingStoppedAt, inferredType, blob, _a, onSignatureVideoCaptured, recordingStartRequestedAt, recordingStartedAt, firstChunkReceivedAt, signatureStartedAt, signatureEndedAt, recordingStopRequestedAt, lastChunkReceivedAt
|
|
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
|
-
});
|
|
14463
|
-
return [2 /*return*/];
|
|
14464
|
-
}
|
|
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*/];
|
|
14465
14451
|
});
|
|
14466
14452
|
});
|
|
14467
14453
|
};
|
|
@@ -14511,9 +14497,7 @@ function waitForOneMoreChunk(timeoutMs) {
|
|
|
14511
14497
|
function VideoSignatureContextProvider(_a) {
|
|
14512
14498
|
var _this = this;
|
|
14513
14499
|
var _b, _c, _d, _e;
|
|
14514
|
-
var children = _a.children
|
|
14515
|
-
_f = _a.captureMediaInfo,
|
|
14516
|
-
captureMediaInfo = _f === void 0 ? false : _f;
|
|
14500
|
+
var children = _a.children;
|
|
14517
14501
|
var videoRef = useCameraStore().videoRef;
|
|
14518
14502
|
var outputCanvas = React.useRef(null);
|
|
14519
14503
|
React.useEffect(function () {
|
|
@@ -14523,31 +14507,27 @@ function VideoSignatureContextProvider(_a) {
|
|
|
14523
14507
|
}, []);
|
|
14524
14508
|
var signatureVideoRef = React.useRef(null);
|
|
14525
14509
|
var frameCheckCanvas = React.useRef(null);
|
|
14526
|
-
|
|
14527
|
-
|
|
14528
|
-
|
|
14529
|
-
|
|
14530
|
-
|
|
14531
|
-
|
|
14532
|
-
|
|
14533
|
-
|
|
14534
|
-
|
|
14535
|
-
|
|
14536
|
-
|
|
14537
|
-
|
|
14538
|
-
|
|
14539
|
-
|
|
14540
|
-
|
|
14541
|
-
|
|
14542
|
-
|
|
14543
|
-
|
|
14544
|
-
|
|
14545
|
-
|
|
14546
|
-
|
|
14547
|
-
});
|
|
14548
|
-
}
|
|
14549
|
-
};
|
|
14550
|
-
}, [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])
|
|
14551
14531
|
var signaturePadEmpty = useVideoSignatureStore().signaturePadEmpty;
|
|
14552
14532
|
var blankCheckPassed = React.useRef(false);
|
|
14553
14533
|
React.useEffect(function () {
|
|
@@ -14619,9 +14599,9 @@ function VideoSignatureContextProvider(_a) {
|
|
|
14619
14599
|
video.removeEventListener('play', onPlay);
|
|
14620
14600
|
};
|
|
14621
14601
|
}, [drawOutputFrame, videoRef]);
|
|
14622
|
-
var
|
|
14623
|
-
signaturePad =
|
|
14624
|
-
recordingStartedAt =
|
|
14602
|
+
var _f = useVideoSignatureStore(),
|
|
14603
|
+
signaturePad = _f.signaturePad,
|
|
14604
|
+
recordingStartedAt = _f.recordingStartedAt;
|
|
14625
14605
|
React.useEffect(function () {
|
|
14626
14606
|
var _a;
|
|
14627
14607
|
if (!signaturePad.current || !recordingStartedAt) return;
|