@ekyc_qoobiss/qbs-ect-cmp 1.8.10 → 1.8.11
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/cjs/agreement-check_16.cjs.entry.js +46 -30
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/qbs-ect-cmp.cjs.js +1 -1
- package/dist/collection/components/common/id-capture/id-capture.css +15 -1
- package/dist/collection/components/common/id-capture/id-capture.js +27 -27
- package/dist/collection/helpers/textValues.js +18 -2
- package/dist/collection/libs/FaceML5Detector/FacePose.js +1 -0
- package/dist/collection/libs/IDML5Detector/IDPose.js +3 -2
- package/dist/esm/agreement-check_16.entry.js +46 -30
- package/dist/esm/loader.js +1 -1
- package/dist/esm/qbs-ect-cmp.js +1 -1
- package/dist/qbs-ect-cmp/{p-bc4b67ef.entry.js → p-995309bd.entry.js} +2 -2
- package/dist/qbs-ect-cmp/qbs-ect-cmp.esm.js +1 -1
- package/dist/types/components/common/id-capture/id-capture.d.ts +5 -3
- package/dist/types/helpers/textValues.d.ts +6 -0
- package/dist/types/libs/FaceML5Detector/FacePose.d.ts +2 -1
- package/dist/types/libs/IDML5Detector/IDPose.d.ts +3 -2
- package/package.json +1 -1
- package/dist/assets/animations/id/face_scan.mp4 +0 -0
- package/dist/assets/animations/id/id_scan.mp4 +0 -0
|
@@ -264,8 +264,14 @@ IdCaptureValues.Title = 'Încadrează actul de identitate în chenarul de pe ecr
|
|
|
264
264
|
IdCaptureValues.TitleBack = 'Încadrează spatele actului de identitate în chenarul de pe ecran.';
|
|
265
265
|
IdCaptureValues.Error = 'Procesul a eșuat. Te rugăm să respecți întocmai instrucțiunile de pe ecran. Ai grijă să încadrezi integral actul în chenraul de pe ecran și să nu apară reflexii de lumină pe suprafața acestuia.';
|
|
266
266
|
IdCaptureValues.IDPoseMapping = {
|
|
267
|
-
0: '
|
|
268
|
-
1: '
|
|
267
|
+
0: '',
|
|
268
|
+
1: 'Înclină actul de identitate spre spate.',
|
|
269
|
+
2: 'Îndreaptă actul de identitate si reîncadrează-l în chenarul de pe ecran.',
|
|
270
|
+
};
|
|
271
|
+
IdCaptureValues.IDPoseDemoMapping = {
|
|
272
|
+
0: 'https://ekyc.blob.core.windows.net/$web/animations/id_front.mp4',
|
|
273
|
+
1: 'https://ekyc.blob.core.windows.net/$web/animations/id_tilt_front.mp4',
|
|
274
|
+
2: ''
|
|
269
275
|
};
|
|
270
276
|
IdCaptureValues.Loading = 'Datele sunt încărcate';
|
|
271
277
|
class SelfieCaptureValues extends GlobalValues {
|
|
@@ -281,6 +287,16 @@ SelfieCaptureValues.FacePoseMapping = {
|
|
|
281
287
|
3: 'Înclină capul în față.',
|
|
282
288
|
4: 'Înclină capul spre stânga.',
|
|
283
289
|
5: 'Înclină capul spre dreapta.',
|
|
290
|
+
6: ''
|
|
291
|
+
};
|
|
292
|
+
SelfieCaptureValues.FacePoseDemoMapping = {
|
|
293
|
+
0: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_rotate_left.mp4',
|
|
294
|
+
1: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_rotate_right.mp4',
|
|
295
|
+
2: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_back.mp4',
|
|
296
|
+
3: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_front.mp4',
|
|
297
|
+
4: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_left.mp4',
|
|
298
|
+
5: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_right.mp4',
|
|
299
|
+
6: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_main.mp4'
|
|
284
300
|
};
|
|
285
301
|
class AgreementInfoValues extends GlobalValues {
|
|
286
302
|
}
|
|
@@ -1776,8 +1792,9 @@ class ML5 {
|
|
|
1776
1792
|
|
|
1777
1793
|
var IDPose;
|
|
1778
1794
|
(function (IDPose) {
|
|
1779
|
-
IDPose[IDPose["
|
|
1780
|
-
IDPose[IDPose["
|
|
1795
|
+
IDPose[IDPose["Straight"] = 0] = "Straight";
|
|
1796
|
+
IDPose[IDPose["Tilted"] = 1] = "Tilted";
|
|
1797
|
+
IDPose[IDPose["Straightened"] = 2] = "Straightened";
|
|
1781
1798
|
})(IDPose || (IDPose = {}));
|
|
1782
1799
|
|
|
1783
1800
|
const idWhiteSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzM1IiBoZWlnaHQ9IjIzOCIgdmlld0JveD0iMCAwIDMzNSAyMzgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMzM0Ljg4NiA0Ni45MjQxSDMyNy45MDhWNy45NzUzN0gyODguMjczVjAuOTkzMTY0SDMzNC44ODZWNDYuOTI0MVoiIGZpbGw9IiNFNkU2RTYiLz4NCjxwYXRoIGQ9Ik0zMzUuMDAxIDIzNy4wMDdIMjg5LjA3VjIzMC4wMjVIMzI4LjAxOVYxOTAuMzlIMzM1LjAwMVYyMzcuMDA3WiIgZmlsbD0iI0U2RTZFNiIvPg0KPHBhdGggZD0iTTQ2LjcyNzEgMjM3LjAwN0gwLjEwOTg2M1YxOTEuMDcySDcuMDkyMDdWMjMwLjAyNUg0Ni43MjcxVjIzNy4wMDdaIiBmaWxsPSIjRTZFNkU2Ii8+DQo8cGF0aCBkPSJNNi45ODE3MiA0Ny42MTA0SC0wLjAwMDQ4ODI4MVYwLjk5MzE2NEg0NS45MzA1VjcuOTc1MzdINi45ODE3MlY0Ny42MTA0WiIgZmlsbD0iI0U2RTZFNiIvPg0KPC9zdmc+DQo=';
|
|
@@ -1896,6 +1913,7 @@ var FacePose;
|
|
|
1896
1913
|
FacePose[FacePose["LookDown"] = 3] = "LookDown";
|
|
1897
1914
|
FacePose[FacePose["TiltLeft"] = 4] = "TiltLeft";
|
|
1898
1915
|
FacePose[FacePose["TiltRight"] = 5] = "TiltRight";
|
|
1916
|
+
FacePose[FacePose["Main"] = 6] = "Main";
|
|
1899
1917
|
})(FacePose || (FacePose = {}));
|
|
1900
1918
|
class FacePosePick {
|
|
1901
1919
|
static randomEnum(anEnum) {
|
|
@@ -5358,7 +5376,7 @@ const IdBackCapture = class {
|
|
|
5358
5376
|
};
|
|
5359
5377
|
IdBackCapture.style = idBackCaptureCss;
|
|
5360
5378
|
|
|
5361
|
-
const idCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}.cameraVideoDemo{max-width:100%;max-height:100
|
|
5379
|
+
const idCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}.cameraVideoDemo{max-width:100%;max-height:100%}.title{z-index:0;margin-top:3vh;margin-bottom:3vh;position:relative}.title-animation{z-index:0;margin-top:3vh;margin-bottom:3vh;position:absolute;bottom:0}";
|
|
5362
5380
|
|
|
5363
5381
|
const IdCapture = class {
|
|
5364
5382
|
// @State() private animationPath: string;
|
|
@@ -5376,21 +5394,19 @@ const IdCapture = class {
|
|
|
5376
5394
|
this.captureTaken = undefined;
|
|
5377
5395
|
this.verified = undefined;
|
|
5378
5396
|
this.titleMesage = undefined;
|
|
5379
|
-
this.
|
|
5397
|
+
this.showDemo = undefined;
|
|
5398
|
+
this.demoLink = undefined;
|
|
5380
5399
|
this.captureTaken = false;
|
|
5381
5400
|
this.verified = false;
|
|
5382
5401
|
this.cameras = new Cameras();
|
|
5383
|
-
this.
|
|
5402
|
+
this.showDemo = true;
|
|
5403
|
+
this.demoLink = IdCaptureValues.IDPoseDemoMapping[IDPose.Straight];
|
|
5384
5404
|
}
|
|
5385
|
-
eventChangeTitle(event) {
|
|
5386
|
-
|
|
5387
|
-
// if (event.detail == IDPose.Tilted) {
|
|
5388
|
-
// this.animationPath = getAssetPath('../../assets/animations/id/tilt-id.gif');
|
|
5389
|
-
// }
|
|
5390
|
-
// if (event.detail == IDPose.Straight) {
|
|
5391
|
-
// this.animationPath = getAssetPath('../../assets/animations/id/straighten-id.gif');
|
|
5392
|
-
// }
|
|
5405
|
+
async eventChangeTitle(event) {
|
|
5406
|
+
this.showDemo = true;
|
|
5393
5407
|
this.titleMesage = IdCaptureValues.IDPoseMapping[event.detail];
|
|
5408
|
+
this.demoLink = IdCaptureValues.IDPoseDemoMapping[event.detail];
|
|
5409
|
+
await this.showAnimation(false);
|
|
5394
5410
|
}
|
|
5395
5411
|
eventVideoStarted(event) {
|
|
5396
5412
|
this.videoStarted = true;
|
|
@@ -5406,13 +5422,19 @@ const IdCapture = class {
|
|
|
5406
5422
|
Events.flowError('This browser does not support webRTC');
|
|
5407
5423
|
}
|
|
5408
5424
|
}
|
|
5409
|
-
async
|
|
5425
|
+
async showAnimation(loop) {
|
|
5410
5426
|
let video = this.component.getElementsByClassName('cameraVideoDemo')[0];
|
|
5411
|
-
video.defaultPlaybackRate = 0.5;
|
|
5412
|
-
video.playbackRate = 0.5;
|
|
5427
|
+
// video.defaultPlaybackRate = 0.5;
|
|
5428
|
+
// video.playbackRate = 0.5;
|
|
5429
|
+
video.loop = loop;
|
|
5413
5430
|
video.play();
|
|
5414
|
-
|
|
5415
|
-
|
|
5431
|
+
if (!loop) {
|
|
5432
|
+
await this.delay(5100);
|
|
5433
|
+
this.showDemo = false;
|
|
5434
|
+
}
|
|
5435
|
+
}
|
|
5436
|
+
async componentDidLoad() {
|
|
5437
|
+
await this.showAnimation(false);
|
|
5416
5438
|
this.openCamera();
|
|
5417
5439
|
// this.animationPath = getAssetPath('../../assets/animations/id/present-id.gif');
|
|
5418
5440
|
}
|
|
@@ -5454,29 +5476,23 @@ const IdCapture = class {
|
|
|
5454
5476
|
this.photoIsReady(res[0]);
|
|
5455
5477
|
});
|
|
5456
5478
|
}
|
|
5457
|
-
verificationFinished() {
|
|
5479
|
+
async verificationFinished() {
|
|
5458
5480
|
if (this.verified)
|
|
5459
5481
|
return;
|
|
5460
5482
|
this.verified = true;
|
|
5483
|
+
this.demoLink = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
|
|
5461
5484
|
this.titleMesage = IdCaptureValues.Loading;
|
|
5462
5485
|
this.closeCamera();
|
|
5486
|
+
await this.showAnimation(true);
|
|
5463
5487
|
}
|
|
5464
5488
|
render() {
|
|
5465
|
-
let loadingBlock;
|
|
5466
|
-
if (this.verified) {
|
|
5467
|
-
loadingBlock = (index.h("div", { class: "pos-relative" }, index.h("div", { class: "dot-effect" }, index.h("div", { class: "snippet", "data-title": ".dot-shuttle" }, index.h("div", { class: "stage filter-contrast" }, index.h("div", { class: "dot-shuttle" }))))));
|
|
5468
|
-
}
|
|
5469
|
-
// let animationBlock: HTMLImageElement;
|
|
5470
|
-
// if (this.videoStarted && this.stopAnimation !== true) {
|
|
5471
|
-
// animationBlock = (<img class="animation" data-src={this.animationPath} src={this.animationPath} />);
|
|
5472
|
-
// }
|
|
5473
5489
|
let cameraStyle;
|
|
5474
5490
|
let cameraStyleInner;
|
|
5475
5491
|
if (this.videoStarted) {
|
|
5476
5492
|
cameraStyle = { width: Math.round(this.cameraSize.width) + 'px', height: Math.round((this.cameraSize.width * 9) / 16) + 'px', overflow: 'hidden', borderRadius: '10px' };
|
|
5477
5493
|
cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - (this.cameraSize.width * 9) / 16) / 2) * -1 + 'px' };
|
|
5478
5494
|
}
|
|
5479
|
-
return (index.h("div", { class: "container bg-black" }, index.h("video", { id: "howto", class: "cameraVideoDemo", playsinline: true
|
|
5495
|
+
return (index.h("div", { class: "container bg-black" }, index.h("div", { class: "row ctheight-100" }, index.h("div", { hidden: this.showDemo == false }, index.h("video", { id: "howto", class: "cameraVideoDemo", playsinline: true }, index.h("source", { src: this.demoLink, type: "video/mp4" })), index.h("div", { class: "title-animation" }, index.h("h1", { class: "color-white" }, this.titleMesage))), index.h("div", { hidden: this.verified || this.showDemo }, index.h("div", { class: "chenar-buletin pos-relative" }, index.h("div", { style: cameraStyle }, index.h("div", { style: cameraStyleInner }, index.h("camera-comp", { device: this.device, "capture-mode": "id" })))), index.h("div", { class: "title" }, index.h("h1", { class: "color-white" }, this.titleMesage)), index.h("div", { class: "pos-relative" }, index.h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText))))));
|
|
5480
5496
|
}
|
|
5481
5497
|
get component() { return index.getElement(this); }
|
|
5482
5498
|
};
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_16.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"
|
|
17
|
+
return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_16.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoLink":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -15,5 +15,5 @@ const patchBrowser = () => {
|
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(options => {
|
|
18
|
-
return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_16.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"
|
|
18
|
+
return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_16.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoLink":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
|
|
19
19
|
});
|
|
@@ -37,5 +37,19 @@
|
|
|
37
37
|
.cameraVideoDemo {
|
|
38
38
|
max-width: 100%;
|
|
39
39
|
max-height: 100%;
|
|
40
|
-
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.title {
|
|
43
|
+
z-index: 0;
|
|
44
|
+
margin-top: 3vh;
|
|
45
|
+
margin-bottom: 3vh;
|
|
46
|
+
position: relative;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.title-animation {
|
|
50
|
+
z-index: 0;
|
|
51
|
+
margin-top: 3vh;
|
|
52
|
+
margin-bottom: 3vh;
|
|
53
|
+
position: absolute;
|
|
54
|
+
bottom: 0;
|
|
41
55
|
}
|
|
@@ -5,6 +5,7 @@ import { Stream } from '../../../helpers/Stream';
|
|
|
5
5
|
import { IdCaptureValues } from '../../../helpers/textValues';
|
|
6
6
|
import { IDML5Detector } from '../../../libs/IDML5Detector/IDML5Detector';
|
|
7
7
|
import { FaceML5Detector } from '../../../libs/FaceML5Detector/FaceML5Detector';
|
|
8
|
+
import { IDPose } from '../../../libs/IDML5Detector/IDPose';
|
|
8
9
|
// import { IDPose } from '../../libs/IDML5Detector/IDPose';
|
|
9
10
|
export class IdCapture {
|
|
10
11
|
// @State() private animationPath: string;
|
|
@@ -20,21 +21,19 @@ export class IdCapture {
|
|
|
20
21
|
this.captureTaken = undefined;
|
|
21
22
|
this.verified = undefined;
|
|
22
23
|
this.titleMesage = undefined;
|
|
23
|
-
this.
|
|
24
|
+
this.showDemo = undefined;
|
|
25
|
+
this.demoLink = undefined;
|
|
24
26
|
this.captureTaken = false;
|
|
25
27
|
this.verified = false;
|
|
26
28
|
this.cameras = new Cameras();
|
|
27
|
-
this.
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
// this.animationPath = getAssetPath('../../assets/animations/id/tilt-id.gif');
|
|
33
|
-
// }
|
|
34
|
-
// if (event.detail == IDPose.Straight) {
|
|
35
|
-
// this.animationPath = getAssetPath('../../assets/animations/id/straighten-id.gif');
|
|
36
|
-
// }
|
|
29
|
+
this.showDemo = true;
|
|
30
|
+
this.demoLink = IdCaptureValues.IDPoseDemoMapping[IDPose.Straight];
|
|
31
|
+
}
|
|
32
|
+
async eventChangeTitle(event) {
|
|
33
|
+
this.showDemo = true;
|
|
37
34
|
this.titleMesage = IdCaptureValues.IDPoseMapping[event.detail];
|
|
35
|
+
this.demoLink = IdCaptureValues.IDPoseDemoMapping[event.detail];
|
|
36
|
+
await this.showAnimation(false);
|
|
38
37
|
}
|
|
39
38
|
eventVideoStarted(event) {
|
|
40
39
|
this.videoStarted = true;
|
|
@@ -50,13 +49,19 @@ export class IdCapture {
|
|
|
50
49
|
Events.flowError('This browser does not support webRTC');
|
|
51
50
|
}
|
|
52
51
|
}
|
|
53
|
-
async
|
|
52
|
+
async showAnimation(loop) {
|
|
54
53
|
let video = this.component.getElementsByClassName('cameraVideoDemo')[0];
|
|
55
|
-
video.defaultPlaybackRate = 0.5;
|
|
56
|
-
video.playbackRate = 0.5;
|
|
54
|
+
// video.defaultPlaybackRate = 0.5;
|
|
55
|
+
// video.playbackRate = 0.5;
|
|
56
|
+
video.loop = loop;
|
|
57
57
|
video.play();
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
if (!loop) {
|
|
59
|
+
await this.delay(5100);
|
|
60
|
+
this.showDemo = false;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
async componentDidLoad() {
|
|
64
|
+
await this.showAnimation(false);
|
|
60
65
|
this.openCamera();
|
|
61
66
|
// this.animationPath = getAssetPath('../../assets/animations/id/present-id.gif');
|
|
62
67
|
}
|
|
@@ -98,29 +103,23 @@ export class IdCapture {
|
|
|
98
103
|
this.photoIsReady(res[0]);
|
|
99
104
|
});
|
|
100
105
|
}
|
|
101
|
-
verificationFinished() {
|
|
106
|
+
async verificationFinished() {
|
|
102
107
|
if (this.verified)
|
|
103
108
|
return;
|
|
104
109
|
this.verified = true;
|
|
110
|
+
this.demoLink = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
|
|
105
111
|
this.titleMesage = IdCaptureValues.Loading;
|
|
106
112
|
this.closeCamera();
|
|
113
|
+
await this.showAnimation(true);
|
|
107
114
|
}
|
|
108
115
|
render() {
|
|
109
|
-
let loadingBlock;
|
|
110
|
-
if (this.verified) {
|
|
111
|
-
loadingBlock = (h("div", { class: "pos-relative" }, h("div", { class: "dot-effect" }, h("div", { class: "snippet", "data-title": ".dot-shuttle" }, h("div", { class: "stage filter-contrast" }, h("div", { class: "dot-shuttle" }))))));
|
|
112
|
-
}
|
|
113
|
-
// let animationBlock: HTMLImageElement;
|
|
114
|
-
// if (this.videoStarted && this.stopAnimation !== true) {
|
|
115
|
-
// animationBlock = (<img class="animation" data-src={this.animationPath} src={this.animationPath} />);
|
|
116
|
-
// }
|
|
117
116
|
let cameraStyle;
|
|
118
117
|
let cameraStyleInner;
|
|
119
118
|
if (this.videoStarted) {
|
|
120
119
|
cameraStyle = { width: Math.round(this.cameraSize.width) + 'px', height: Math.round((this.cameraSize.width * 9) / 16) + 'px', overflow: 'hidden', borderRadius: '10px' };
|
|
121
120
|
cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - (this.cameraSize.width * 9) / 16) / 2) * -1 + 'px' };
|
|
122
121
|
}
|
|
123
|
-
return (h("div", { class: "container bg-black" }, h("video", { id: "howto", class: "cameraVideoDemo", playsinline: true
|
|
122
|
+
return (h("div", { class: "container bg-black" }, h("div", { class: "row ctheight-100" }, h("div", { hidden: this.showDemo == false }, h("video", { id: "howto", class: "cameraVideoDemo", playsinline: true }, h("source", { src: this.demoLink, type: "video/mp4" })), h("div", { class: "title-animation" }, h("h1", { class: "color-white" }, this.titleMesage))), h("div", { hidden: this.verified || this.showDemo }, h("div", { class: "chenar-buletin pos-relative" }, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { device: this.device, "capture-mode": "id" })))), h("div", { class: "title" }, h("h1", { class: "color-white" }, this.titleMesage)), h("div", { class: "pos-relative" }, h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText))))));
|
|
124
123
|
}
|
|
125
124
|
static get is() { return "id-capture"; }
|
|
126
125
|
static get originalStyleUrls() {
|
|
@@ -164,7 +163,8 @@ export class IdCapture {
|
|
|
164
163
|
"captureTaken": {},
|
|
165
164
|
"verified": {},
|
|
166
165
|
"titleMesage": {},
|
|
167
|
-
"
|
|
166
|
+
"showDemo": {},
|
|
167
|
+
"demoLink": {}
|
|
168
168
|
};
|
|
169
169
|
}
|
|
170
170
|
static get events() {
|
|
@@ -54,8 +54,14 @@ IdCaptureValues.Title = 'Încadrează actul de identitate în chenarul de pe ecr
|
|
|
54
54
|
IdCaptureValues.TitleBack = 'Încadrează spatele actului de identitate în chenarul de pe ecran.';
|
|
55
55
|
IdCaptureValues.Error = 'Procesul a eșuat. Te rugăm să respecți întocmai instrucțiunile de pe ecran. Ai grijă să încadrezi integral actul în chenraul de pe ecran și să nu apară reflexii de lumină pe suprafața acestuia.';
|
|
56
56
|
IdCaptureValues.IDPoseMapping = {
|
|
57
|
-
0: '
|
|
58
|
-
1: '
|
|
57
|
+
0: '',
|
|
58
|
+
1: 'Înclină actul de identitate spre spate.',
|
|
59
|
+
2: 'Îndreaptă actul de identitate si reîncadrează-l în chenarul de pe ecran.',
|
|
60
|
+
};
|
|
61
|
+
IdCaptureValues.IDPoseDemoMapping = {
|
|
62
|
+
0: 'https://ekyc.blob.core.windows.net/$web/animations/id_front.mp4',
|
|
63
|
+
1: 'https://ekyc.blob.core.windows.net/$web/animations/id_tilt_front.mp4',
|
|
64
|
+
2: ''
|
|
59
65
|
};
|
|
60
66
|
IdCaptureValues.Loading = 'Datele sunt încărcate';
|
|
61
67
|
export class SelfieCaptureValues extends GlobalValues {
|
|
@@ -71,6 +77,16 @@ SelfieCaptureValues.FacePoseMapping = {
|
|
|
71
77
|
3: 'Înclină capul în față.',
|
|
72
78
|
4: 'Înclină capul spre stânga.',
|
|
73
79
|
5: 'Înclină capul spre dreapta.',
|
|
80
|
+
6: ''
|
|
81
|
+
};
|
|
82
|
+
SelfieCaptureValues.FacePoseDemoMapping = {
|
|
83
|
+
0: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_rotate_left.mp4',
|
|
84
|
+
1: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_rotate_right.mp4',
|
|
85
|
+
2: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_back.mp4',
|
|
86
|
+
3: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_front.mp4',
|
|
87
|
+
4: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_left.mp4',
|
|
88
|
+
5: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_right.mp4',
|
|
89
|
+
6: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_main.mp4'
|
|
74
90
|
};
|
|
75
91
|
export class AgreementInfoValues extends GlobalValues {
|
|
76
92
|
}
|
|
@@ -6,6 +6,7 @@ export var FacePose;
|
|
|
6
6
|
FacePose[FacePose["LookDown"] = 3] = "LookDown";
|
|
7
7
|
FacePose[FacePose["TiltLeft"] = 4] = "TiltLeft";
|
|
8
8
|
FacePose[FacePose["TiltRight"] = 5] = "TiltRight";
|
|
9
|
+
FacePose[FacePose["Main"] = 6] = "Main";
|
|
9
10
|
})(FacePose || (FacePose = {}));
|
|
10
11
|
export class FacePosePick {
|
|
11
12
|
static randomEnum(anEnum) {
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export var IDPose;
|
|
2
2
|
(function (IDPose) {
|
|
3
|
-
IDPose[IDPose["
|
|
4
|
-
IDPose[IDPose["
|
|
3
|
+
IDPose[IDPose["Straight"] = 0] = "Straight";
|
|
4
|
+
IDPose[IDPose["Tilted"] = 1] = "Tilted";
|
|
5
|
+
IDPose[IDPose["Straightened"] = 2] = "Straightened";
|
|
5
6
|
})(IDPose || (IDPose = {}));
|
|
@@ -260,8 +260,14 @@ IdCaptureValues.Title = 'Încadrează actul de identitate în chenarul de pe ecr
|
|
|
260
260
|
IdCaptureValues.TitleBack = 'Încadrează spatele actului de identitate în chenarul de pe ecran.';
|
|
261
261
|
IdCaptureValues.Error = 'Procesul a eșuat. Te rugăm să respecți întocmai instrucțiunile de pe ecran. Ai grijă să încadrezi integral actul în chenraul de pe ecran și să nu apară reflexii de lumină pe suprafața acestuia.';
|
|
262
262
|
IdCaptureValues.IDPoseMapping = {
|
|
263
|
-
0: '
|
|
264
|
-
1: '
|
|
263
|
+
0: '',
|
|
264
|
+
1: 'Înclină actul de identitate spre spate.',
|
|
265
|
+
2: 'Îndreaptă actul de identitate si reîncadrează-l în chenarul de pe ecran.',
|
|
266
|
+
};
|
|
267
|
+
IdCaptureValues.IDPoseDemoMapping = {
|
|
268
|
+
0: 'https://ekyc.blob.core.windows.net/$web/animations/id_front.mp4',
|
|
269
|
+
1: 'https://ekyc.blob.core.windows.net/$web/animations/id_tilt_front.mp4',
|
|
270
|
+
2: ''
|
|
265
271
|
};
|
|
266
272
|
IdCaptureValues.Loading = 'Datele sunt încărcate';
|
|
267
273
|
class SelfieCaptureValues extends GlobalValues {
|
|
@@ -277,6 +283,16 @@ SelfieCaptureValues.FacePoseMapping = {
|
|
|
277
283
|
3: 'Înclină capul în față.',
|
|
278
284
|
4: 'Înclină capul spre stânga.',
|
|
279
285
|
5: 'Înclină capul spre dreapta.',
|
|
286
|
+
6: ''
|
|
287
|
+
};
|
|
288
|
+
SelfieCaptureValues.FacePoseDemoMapping = {
|
|
289
|
+
0: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_rotate_left.mp4',
|
|
290
|
+
1: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_rotate_right.mp4',
|
|
291
|
+
2: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_back.mp4',
|
|
292
|
+
3: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_front.mp4',
|
|
293
|
+
4: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_left.mp4',
|
|
294
|
+
5: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_right.mp4',
|
|
295
|
+
6: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_main.mp4'
|
|
280
296
|
};
|
|
281
297
|
class AgreementInfoValues extends GlobalValues {
|
|
282
298
|
}
|
|
@@ -1772,8 +1788,9 @@ class ML5 {
|
|
|
1772
1788
|
|
|
1773
1789
|
var IDPose;
|
|
1774
1790
|
(function (IDPose) {
|
|
1775
|
-
IDPose[IDPose["
|
|
1776
|
-
IDPose[IDPose["
|
|
1791
|
+
IDPose[IDPose["Straight"] = 0] = "Straight";
|
|
1792
|
+
IDPose[IDPose["Tilted"] = 1] = "Tilted";
|
|
1793
|
+
IDPose[IDPose["Straightened"] = 2] = "Straightened";
|
|
1777
1794
|
})(IDPose || (IDPose = {}));
|
|
1778
1795
|
|
|
1779
1796
|
const idWhiteSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzM1IiBoZWlnaHQ9IjIzOCIgdmlld0JveD0iMCAwIDMzNSAyMzgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMzM0Ljg4NiA0Ni45MjQxSDMyNy45MDhWNy45NzUzN0gyODguMjczVjAuOTkzMTY0SDMzNC44ODZWNDYuOTI0MVoiIGZpbGw9IiNFNkU2RTYiLz4NCjxwYXRoIGQ9Ik0zMzUuMDAxIDIzNy4wMDdIMjg5LjA3VjIzMC4wMjVIMzI4LjAxOVYxOTAuMzlIMzM1LjAwMVYyMzcuMDA3WiIgZmlsbD0iI0U2RTZFNiIvPg0KPHBhdGggZD0iTTQ2LjcyNzEgMjM3LjAwN0gwLjEwOTg2M1YxOTEuMDcySDcuMDkyMDdWMjMwLjAyNUg0Ni43MjcxVjIzNy4wMDdaIiBmaWxsPSIjRTZFNkU2Ii8+DQo8cGF0aCBkPSJNNi45ODE3MiA0Ny42MTA0SC0wLjAwMDQ4ODI4MVYwLjk5MzE2NEg0NS45MzA1VjcuOTc1MzdINi45ODE3MlY0Ny42MTA0WiIgZmlsbD0iI0U2RTZFNiIvPg0KPC9zdmc+DQo=';
|
|
@@ -1892,6 +1909,7 @@ var FacePose;
|
|
|
1892
1909
|
FacePose[FacePose["LookDown"] = 3] = "LookDown";
|
|
1893
1910
|
FacePose[FacePose["TiltLeft"] = 4] = "TiltLeft";
|
|
1894
1911
|
FacePose[FacePose["TiltRight"] = 5] = "TiltRight";
|
|
1912
|
+
FacePose[FacePose["Main"] = 6] = "Main";
|
|
1895
1913
|
})(FacePose || (FacePose = {}));
|
|
1896
1914
|
class FacePosePick {
|
|
1897
1915
|
static randomEnum(anEnum) {
|
|
@@ -5354,7 +5372,7 @@ const IdBackCapture = class {
|
|
|
5354
5372
|
};
|
|
5355
5373
|
IdBackCapture.style = idBackCaptureCss;
|
|
5356
5374
|
|
|
5357
|
-
const idCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}.cameraVideoDemo{max-width:100%;max-height:100
|
|
5375
|
+
const idCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}.cameraVideoDemo{max-width:100%;max-height:100%}.title{z-index:0;margin-top:3vh;margin-bottom:3vh;position:relative}.title-animation{z-index:0;margin-top:3vh;margin-bottom:3vh;position:absolute;bottom:0}";
|
|
5358
5376
|
|
|
5359
5377
|
const IdCapture = class {
|
|
5360
5378
|
// @State() private animationPath: string;
|
|
@@ -5372,21 +5390,19 @@ const IdCapture = class {
|
|
|
5372
5390
|
this.captureTaken = undefined;
|
|
5373
5391
|
this.verified = undefined;
|
|
5374
5392
|
this.titleMesage = undefined;
|
|
5375
|
-
this.
|
|
5393
|
+
this.showDemo = undefined;
|
|
5394
|
+
this.demoLink = undefined;
|
|
5376
5395
|
this.captureTaken = false;
|
|
5377
5396
|
this.verified = false;
|
|
5378
5397
|
this.cameras = new Cameras();
|
|
5379
|
-
this.
|
|
5398
|
+
this.showDemo = true;
|
|
5399
|
+
this.demoLink = IdCaptureValues.IDPoseDemoMapping[IDPose.Straight];
|
|
5380
5400
|
}
|
|
5381
|
-
eventChangeTitle(event) {
|
|
5382
|
-
|
|
5383
|
-
// if (event.detail == IDPose.Tilted) {
|
|
5384
|
-
// this.animationPath = getAssetPath('../../assets/animations/id/tilt-id.gif');
|
|
5385
|
-
// }
|
|
5386
|
-
// if (event.detail == IDPose.Straight) {
|
|
5387
|
-
// this.animationPath = getAssetPath('../../assets/animations/id/straighten-id.gif');
|
|
5388
|
-
// }
|
|
5401
|
+
async eventChangeTitle(event) {
|
|
5402
|
+
this.showDemo = true;
|
|
5389
5403
|
this.titleMesage = IdCaptureValues.IDPoseMapping[event.detail];
|
|
5404
|
+
this.demoLink = IdCaptureValues.IDPoseDemoMapping[event.detail];
|
|
5405
|
+
await this.showAnimation(false);
|
|
5390
5406
|
}
|
|
5391
5407
|
eventVideoStarted(event) {
|
|
5392
5408
|
this.videoStarted = true;
|
|
@@ -5402,13 +5418,19 @@ const IdCapture = class {
|
|
|
5402
5418
|
Events.flowError('This browser does not support webRTC');
|
|
5403
5419
|
}
|
|
5404
5420
|
}
|
|
5405
|
-
async
|
|
5421
|
+
async showAnimation(loop) {
|
|
5406
5422
|
let video = this.component.getElementsByClassName('cameraVideoDemo')[0];
|
|
5407
|
-
video.defaultPlaybackRate = 0.5;
|
|
5408
|
-
video.playbackRate = 0.5;
|
|
5423
|
+
// video.defaultPlaybackRate = 0.5;
|
|
5424
|
+
// video.playbackRate = 0.5;
|
|
5425
|
+
video.loop = loop;
|
|
5409
5426
|
video.play();
|
|
5410
|
-
|
|
5411
|
-
|
|
5427
|
+
if (!loop) {
|
|
5428
|
+
await this.delay(5100);
|
|
5429
|
+
this.showDemo = false;
|
|
5430
|
+
}
|
|
5431
|
+
}
|
|
5432
|
+
async componentDidLoad() {
|
|
5433
|
+
await this.showAnimation(false);
|
|
5412
5434
|
this.openCamera();
|
|
5413
5435
|
// this.animationPath = getAssetPath('../../assets/animations/id/present-id.gif');
|
|
5414
5436
|
}
|
|
@@ -5450,29 +5472,23 @@ const IdCapture = class {
|
|
|
5450
5472
|
this.photoIsReady(res[0]);
|
|
5451
5473
|
});
|
|
5452
5474
|
}
|
|
5453
|
-
verificationFinished() {
|
|
5475
|
+
async verificationFinished() {
|
|
5454
5476
|
if (this.verified)
|
|
5455
5477
|
return;
|
|
5456
5478
|
this.verified = true;
|
|
5479
|
+
this.demoLink = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
|
|
5457
5480
|
this.titleMesage = IdCaptureValues.Loading;
|
|
5458
5481
|
this.closeCamera();
|
|
5482
|
+
await this.showAnimation(true);
|
|
5459
5483
|
}
|
|
5460
5484
|
render() {
|
|
5461
|
-
let loadingBlock;
|
|
5462
|
-
if (this.verified) {
|
|
5463
|
-
loadingBlock = (h("div", { class: "pos-relative" }, h("div", { class: "dot-effect" }, h("div", { class: "snippet", "data-title": ".dot-shuttle" }, h("div", { class: "stage filter-contrast" }, h("div", { class: "dot-shuttle" }))))));
|
|
5464
|
-
}
|
|
5465
|
-
// let animationBlock: HTMLImageElement;
|
|
5466
|
-
// if (this.videoStarted && this.stopAnimation !== true) {
|
|
5467
|
-
// animationBlock = (<img class="animation" data-src={this.animationPath} src={this.animationPath} />);
|
|
5468
|
-
// }
|
|
5469
5485
|
let cameraStyle;
|
|
5470
5486
|
let cameraStyleInner;
|
|
5471
5487
|
if (this.videoStarted) {
|
|
5472
5488
|
cameraStyle = { width: Math.round(this.cameraSize.width) + 'px', height: Math.round((this.cameraSize.width * 9) / 16) + 'px', overflow: 'hidden', borderRadius: '10px' };
|
|
5473
5489
|
cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - (this.cameraSize.width * 9) / 16) / 2) * -1 + 'px' };
|
|
5474
5490
|
}
|
|
5475
|
-
return (h("div", { class: "container bg-black" }, h("video", { id: "howto", class: "cameraVideoDemo", playsinline: true
|
|
5491
|
+
return (h("div", { class: "container bg-black" }, h("div", { class: "row ctheight-100" }, h("div", { hidden: this.showDemo == false }, h("video", { id: "howto", class: "cameraVideoDemo", playsinline: true }, h("source", { src: this.demoLink, type: "video/mp4" })), h("div", { class: "title-animation" }, h("h1", { class: "color-white" }, this.titleMesage))), h("div", { hidden: this.verified || this.showDemo }, h("div", { class: "chenar-buletin pos-relative" }, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { device: this.device, "capture-mode": "id" })))), h("div", { class: "title" }, h("h1", { class: "color-white" }, this.titleMesage)), h("div", { class: "pos-relative" }, h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText))))));
|
|
5476
5492
|
}
|
|
5477
5493
|
get component() { return getElement(this); }
|
|
5478
5494
|
};
|
package/dist/esm/loader.js
CHANGED
|
@@ -10,7 +10,7 @@ const patchEsm = () => {
|
|
|
10
10
|
const defineCustomElements = (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
12
12
|
return patchEsm().then(() => {
|
|
13
|
-
return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["agreement-check_16",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"
|
|
13
|
+
return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["agreement-check_16",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoLink":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
|
package/dist/esm/qbs-ect-cmp.js
CHANGED
|
@@ -13,5 +13,5 @@ const patchBrowser = () => {
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
patchBrowser().then(options => {
|
|
16
|
-
return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["agreement-check_16",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"
|
|
16
|
+
return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["agreement-check_16",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoLink":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
|
|
17
17
|
});
|