@ekyc_qoobiss/qbs-ect-cmp 3.6.54 → 3.6.56
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_17.cjs.entry.js +111 -9
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/qbs-ect-cmp.cjs.js +1 -1
- package/dist/collection/components/common/capture-error/capture-error.js +1 -1
- package/dist/collection/components/common/id-capture/id-capture.js +22 -5
- package/dist/collection/components/controls/camera/camera.js +4 -0
- package/dist/collection/components/flow/process-id/process-id.js +43 -1
- package/dist/collection/components/flow/sms-send/sms-send.js +4 -2
- package/dist/collection/components/flow/user-liveness/user-liveness.js +19 -1
- package/dist/collection/helpers/Cameras.js +4 -0
- package/dist/collection/helpers/Stream.js +28 -0
- package/dist/esm/agreement-check_17.entry.js +111 -9
- package/dist/esm/loader.js +1 -1
- package/dist/esm/qbs-ect-cmp.js +1 -1
- package/dist/qbs-ect-cmp/{p-195076dc.entry.js → p-2a7693e1.entry.js} +1 -1
- package/dist/qbs-ect-cmp/qbs-ect-cmp.esm.js +1 -1
- package/dist/types/components/common/id-capture/id-capture.d.ts +0 -1
- package/dist/types/components/flow/process-id/process-id.d.ts +2 -0
- package/dist/types/components/flow/sms-send/sms-send.d.ts +1 -0
- package/dist/types/components/flow/user-liveness/user-liveness.d.ts +2 -0
- package/package.json +1 -1
|
@@ -4415,24 +4415,36 @@ class Stream {
|
|
|
4415
4415
|
this.streamPaused = false;
|
|
4416
4416
|
this.recordedChunks = [];
|
|
4417
4417
|
this.videoSize = { width: 0, height: 0 };
|
|
4418
|
+
if (state.debug)
|
|
4419
|
+
console.log('stream | constructor');
|
|
4418
4420
|
this.initFacePose();
|
|
4419
4421
|
this.idML5Detector = IDML5Detector.getInstance(this, state.device.isMobile);
|
|
4420
4422
|
this.faceML5Detector = FaceML5Detector.getInstance(this, state.device.isMobile);
|
|
4421
4423
|
this.verificationMode = mode;
|
|
4422
4424
|
}
|
|
4423
4425
|
static getNewInstance(mode) {
|
|
4426
|
+
if (state.debug)
|
|
4427
|
+
console.log('stream | getNewInstance');
|
|
4424
4428
|
if (!Stream.instance) {
|
|
4429
|
+
if (state.debug)
|
|
4430
|
+
console.log('stream | getNewInstance | new instance');
|
|
4425
4431
|
Stream.instance = new Stream(mode);
|
|
4426
4432
|
}
|
|
4427
4433
|
return Stream.instance;
|
|
4428
4434
|
}
|
|
4429
4435
|
autoCapturing() {
|
|
4436
|
+
if (state.debug)
|
|
4437
|
+
console.log('stream | autoCapturing');
|
|
4430
4438
|
this.callbackAutoCapturing();
|
|
4431
4439
|
}
|
|
4432
4440
|
timeElapsed() {
|
|
4441
|
+
if (state.debug)
|
|
4442
|
+
console.log('stream | timeElapsed');
|
|
4433
4443
|
this.callbackTimeElapsed();
|
|
4434
4444
|
}
|
|
4435
4445
|
verificationReady() {
|
|
4446
|
+
if (state.debug)
|
|
4447
|
+
console.log('stream | verificationReady');
|
|
4436
4448
|
this.verificationFinished();
|
|
4437
4449
|
}
|
|
4438
4450
|
updateHtmlElements(videoElement, canvasElement, component) {
|
|
@@ -4442,6 +4454,8 @@ class Stream {
|
|
|
4442
4454
|
this.faceML5Detector.updateHtmlElements(this.videoElement, this.canvasElement, component);
|
|
4443
4455
|
}
|
|
4444
4456
|
startStream(stream) {
|
|
4457
|
+
if (state.debug)
|
|
4458
|
+
console.log('stream | startStream');
|
|
4445
4459
|
if (this.stream)
|
|
4446
4460
|
this.stream.getTracks().forEach((track) => track.stop());
|
|
4447
4461
|
this.stream = stream;
|
|
@@ -4473,6 +4487,8 @@ class Stream {
|
|
|
4473
4487
|
this.recordStream();
|
|
4474
4488
|
}
|
|
4475
4489
|
recordStream() {
|
|
4490
|
+
if (state.debug)
|
|
4491
|
+
console.log('stream | recordStream');
|
|
4476
4492
|
if (this.mediaRecorder && this.mediaRecorder.state == 'recording')
|
|
4477
4493
|
return;
|
|
4478
4494
|
var options = { mimeType: Stream.webmMimeType.mime, videoBitsPerSecond: 1500000 };
|
|
@@ -4483,9 +4499,13 @@ class Stream {
|
|
|
4483
4499
|
this.recordedChunks = [];
|
|
4484
4500
|
this.mediaRecorder = new MediaRecorder(this.stream, options);
|
|
4485
4501
|
this.mediaRecorder.ondataavailable = event => {
|
|
4502
|
+
if (state.debug)
|
|
4503
|
+
console.log('stream | recordStream | ondataavailable');
|
|
4486
4504
|
this.recordedChunks.push(event.data);
|
|
4487
4505
|
};
|
|
4488
4506
|
this.mediaRecorder.onstop = _e => {
|
|
4507
|
+
if (state.debug)
|
|
4508
|
+
console.log('stream | recordStream | onstop');
|
|
4489
4509
|
var rec = new Blob(this.recordedChunks, {
|
|
4490
4510
|
type: options.mimeType.split(';')[0],
|
|
4491
4511
|
});
|
|
@@ -4516,6 +4536,8 @@ class Stream {
|
|
|
4516
4536
|
return !(this.stream && this.stream.getTracks && this.stream.getTracks().length > 0);
|
|
4517
4537
|
}
|
|
4518
4538
|
async takePhoto() {
|
|
4539
|
+
if (state.debug)
|
|
4540
|
+
console.log('stream | takePhoto');
|
|
4519
4541
|
const canvas = document.createElement('canvas');
|
|
4520
4542
|
canvas.style.visibility = 'hidden';
|
|
4521
4543
|
canvas.width = this.videoElement.videoWidth;
|
|
@@ -4523,12 +4545,16 @@ class Stream {
|
|
|
4523
4545
|
return await this.getFrame(canvas);
|
|
4524
4546
|
}
|
|
4525
4547
|
getFrame(canvas) {
|
|
4548
|
+
if (state.debug)
|
|
4549
|
+
console.log('stream | getFrame');
|
|
4526
4550
|
return new Promise(resolve => {
|
|
4527
4551
|
const context = canvas.getContext('2d');
|
|
4528
4552
|
context.drawImage(this.videoElement, 0, 0, canvas.width, canvas.height);
|
|
4529
4553
|
canvas.toBlob((frame) => {
|
|
4530
4554
|
if (frame.type === ImageFormat.JPEG && !state.device.isAppleDevice) {
|
|
4531
4555
|
try {
|
|
4556
|
+
if (state.debug)
|
|
4557
|
+
console.log('stream | getFrame | addExifInImg');
|
|
4532
4558
|
addExifInImg(frame, this.stream.getTracks()[0], this.videoSize).then(updatedFrame => resolve(updatedFrame));
|
|
4533
4559
|
}
|
|
4534
4560
|
catch (e) {
|
|
@@ -4537,6 +4563,8 @@ class Stream {
|
|
|
4537
4563
|
}
|
|
4538
4564
|
}
|
|
4539
4565
|
else {
|
|
4566
|
+
if (state.debug)
|
|
4567
|
+
console.log('stream | getFrame | resolve');
|
|
4540
4568
|
resolve(frame);
|
|
4541
4569
|
}
|
|
4542
4570
|
}, ImageFormat.PNG, 1);
|
|
@@ -4596,6 +4624,8 @@ const Camera = class {
|
|
|
4596
4624
|
this.captureMode = undefined;
|
|
4597
4625
|
}
|
|
4598
4626
|
componentDidLoad() {
|
|
4627
|
+
if (state.debug)
|
|
4628
|
+
console.log('camera | componentDidLoad');
|
|
4599
4629
|
this.startStream();
|
|
4600
4630
|
}
|
|
4601
4631
|
render() {
|
|
@@ -4612,6 +4642,8 @@ const Camera = class {
|
|
|
4612
4642
|
return (h("div", { class: "camera" }, h("video", { id: "video", loop: true, autoplay: true, playsinline: true, muted: true, class: cameraVideoClass, ref: el => (this.cameraVideo = el) }), h("canvas", { id: "output", class: cameraCanvasClass, ref: el => (this.cameraCanvas = el) })));
|
|
4613
4643
|
}
|
|
4614
4644
|
startStream() {
|
|
4645
|
+
if (state.debug)
|
|
4646
|
+
console.log('camera | startStream');
|
|
4615
4647
|
let verificationMode = [FlowStatus.IDTILT, FlowStatus.LIVENESSGESTURE].includes(state.flowStatus) ? VerificationMode.Tilt : VerificationMode.Full;
|
|
4616
4648
|
const stream = Stream.getNewInstance(verificationMode);
|
|
4617
4649
|
stream.updateHtmlElements(this.cameraVideo, this.cameraCanvas, this.component);
|
|
@@ -4716,7 +4748,7 @@ const CaptureError = class {
|
|
|
4716
4748
|
this.eventCaptureErrorDone.emit();
|
|
4717
4749
|
}
|
|
4718
4750
|
render() {
|
|
4719
|
-
return (h("div", { class: "container" }, h("div", { class: "row" }, h("h1", { class: "color-red" }, this.titleR1), h("h1", { class: "color-red" }, this.titleR2), h("div", null, h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.
|
|
4751
|
+
return (h("div", { class: "container" }, h("div", { class: "row" }, h("h1", { class: "color-red" }, this.titleR1), h("h1", { class: "color-red" }, this.titleR2), h("div", null, h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.descriptionR1), h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.descriptionR2), h("p", { class: "font-size-1" }, this.reason)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", type: "button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
|
|
4720
4752
|
}
|
|
4721
4753
|
};
|
|
4722
4754
|
CaptureError.style = captureErrorCss;
|
|
@@ -4911,12 +4943,16 @@ class Cameras {
|
|
|
4911
4943
|
return null;
|
|
4912
4944
|
}
|
|
4913
4945
|
static async InitCameras(device) {
|
|
4946
|
+
if (state.debug)
|
|
4947
|
+
console.log('cameras | initCameras');
|
|
4914
4948
|
try {
|
|
4915
4949
|
let cam = new Cameras();
|
|
4916
4950
|
let cameras = (await cam.GetCameras(device)).filter(c => c.facingMode == 'environment');
|
|
4917
4951
|
var recommCamera = cam.GetRecommendedCamera(cameras);
|
|
4918
4952
|
state.cameraIds = cameras.map(camera => camera.deviceId);
|
|
4919
4953
|
state.cameraId = recommCamera === null || recommCamera === void 0 ? void 0 : recommCamera.deviceId;
|
|
4954
|
+
if (state.debug)
|
|
4955
|
+
console.log(`cameras | initCameras | cameraIds ${state.cameraIds} | cameraId ${state.cameraId}`);
|
|
4920
4956
|
return true;
|
|
4921
4957
|
}
|
|
4922
4958
|
catch (e) {
|
|
@@ -4957,9 +4993,6 @@ const IdCapture = class {
|
|
|
4957
4993
|
this.eventPhotoCapture = createEvent(this, "photoIdCapture", 7);
|
|
4958
4994
|
this.apiErrorEvent = createEvent(this, "apiError", 7);
|
|
4959
4995
|
this.eventTimeElapsed = createEvent(this, "timeElapsed", 7);
|
|
4960
|
-
this.photoIsReady = (photos) => {
|
|
4961
|
-
this.eventPhotoCapture.emit(photos);
|
|
4962
|
-
};
|
|
4963
4996
|
this.videoStarted = undefined;
|
|
4964
4997
|
this.cameraSize = undefined;
|
|
4965
4998
|
this.captureTaken = undefined;
|
|
@@ -4977,12 +5010,16 @@ const IdCapture = class {
|
|
|
4977
5010
|
this.cameraSize = event.detail;
|
|
4978
5011
|
}
|
|
4979
5012
|
async componentWillLoad() {
|
|
5013
|
+
if (state.debug)
|
|
5014
|
+
console.log('id-capture | componentWillLoad');
|
|
4980
5015
|
this.translations = await Translations.getValues();
|
|
4981
5016
|
if (!navigator.mediaDevices) {
|
|
4982
5017
|
this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
|
|
4983
5018
|
}
|
|
4984
5019
|
}
|
|
4985
5020
|
initVariables() {
|
|
5021
|
+
if (state.debug)
|
|
5022
|
+
console.log('id-capture | initVariables');
|
|
4986
5023
|
if (state.flowStatus == FlowStatus.IDFRONT) {
|
|
4987
5024
|
this.pose = IDPose.Straight;
|
|
4988
5025
|
this.flowStep = FlowSteps.CiFrontCapture;
|
|
@@ -5003,6 +5040,8 @@ const IdCapture = class {
|
|
|
5003
5040
|
}
|
|
5004
5041
|
}
|
|
5005
5042
|
async componentDidLoad() {
|
|
5043
|
+
if (state.debug)
|
|
5044
|
+
console.log('id-capture | componentDidLoad');
|
|
5006
5045
|
this.initVariables();
|
|
5007
5046
|
await BaseComponent.logStep(this.flowStep, FlowMoments.Initialized);
|
|
5008
5047
|
if (state.flowStatus == FlowStatus.IDBACK) {
|
|
@@ -5018,11 +5057,15 @@ const IdCapture = class {
|
|
|
5018
5057
|
this.openCamera();
|
|
5019
5058
|
}
|
|
5020
5059
|
async openCamera() {
|
|
5060
|
+
if (state.debug)
|
|
5061
|
+
console.log('id-capture | openCamera');
|
|
5021
5062
|
const constraints = this.cameras.GetConstraints(state.cameraId, state.device);
|
|
5022
5063
|
setTimeout(() => {
|
|
5023
5064
|
navigator.mediaDevices
|
|
5024
5065
|
.getUserMedia(constraints)
|
|
5025
5066
|
.then(stream => {
|
|
5067
|
+
if (state.debug)
|
|
5068
|
+
console.log('id-capture | openCamera | streamObtained');
|
|
5026
5069
|
const superStream = Stream.getNewInstance(this.verificationMode);
|
|
5027
5070
|
superStream.initStream(stream);
|
|
5028
5071
|
})
|
|
@@ -5033,23 +5076,31 @@ const IdCapture = class {
|
|
|
5033
5076
|
}, 100);
|
|
5034
5077
|
}
|
|
5035
5078
|
closeCamera() {
|
|
5079
|
+
if (state.debug)
|
|
5080
|
+
console.log('id-capture | closeCamera');
|
|
5036
5081
|
if (Stream.instance) {
|
|
5037
5082
|
Stream.instance.dropStream();
|
|
5038
5083
|
}
|
|
5039
5084
|
}
|
|
5040
5085
|
disconnectedCallback() {
|
|
5086
|
+
if (state.debug)
|
|
5087
|
+
console.log('id-capture | disconnectedCallback');
|
|
5041
5088
|
this.closeCamera();
|
|
5042
5089
|
Stream.instance = null;
|
|
5043
5090
|
IDML5Detector.instance = null;
|
|
5044
5091
|
FaceML5Detector.instance = null;
|
|
5045
5092
|
}
|
|
5046
5093
|
async takePhoto() {
|
|
5094
|
+
if (state.debug)
|
|
5095
|
+
console.log('id-capture | takePhoto');
|
|
5047
5096
|
if (this.captureTaken)
|
|
5048
5097
|
return;
|
|
5049
5098
|
this.captureTaken = true;
|
|
5050
5099
|
if (Stream.instance) {
|
|
5100
|
+
if (state.debug)
|
|
5101
|
+
console.log('id-capture | takePhoto | sendingPhoto');
|
|
5051
5102
|
let res = await Stream.instance.takePhoto();
|
|
5052
|
-
this.
|
|
5103
|
+
this.eventPhotoCapture.emit(res);
|
|
5053
5104
|
}
|
|
5054
5105
|
else {
|
|
5055
5106
|
this.eventTimeElapsed.emit();
|
|
@@ -5057,14 +5108,16 @@ const IdCapture = class {
|
|
|
5057
5108
|
await BaseComponent.logStep(this.flowStep, FlowMoments.Finalized);
|
|
5058
5109
|
}
|
|
5059
5110
|
async verificationFinished() {
|
|
5111
|
+
if (state.debug)
|
|
5112
|
+
console.log('id-capture | verificationFinished');
|
|
5060
5113
|
if (this.verified)
|
|
5061
5114
|
return;
|
|
5062
5115
|
this.verified = true;
|
|
5063
5116
|
this.titleMesage = this.translations.IdCaptureValues.Loading;
|
|
5064
5117
|
this.closeCamera();
|
|
5065
5118
|
this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
|
|
5066
|
-
this.demoVideo.loop = true;
|
|
5067
5119
|
this.showDemo = true;
|
|
5120
|
+
this.demoVideo.loop = true;
|
|
5068
5121
|
this.demoVideo.play();
|
|
5069
5122
|
}
|
|
5070
5123
|
render() {
|
|
@@ -5153,7 +5206,7 @@ function v4(options, buf, offset) {
|
|
|
5153
5206
|
}
|
|
5154
5207
|
|
|
5155
5208
|
const name = "@ekyc_qoobiss/qbs-ect-cmp";
|
|
5156
|
-
const version$1 = "3.6.
|
|
5209
|
+
const version$1 = "3.6.56";
|
|
5157
5210
|
const description = "Person Identification Component";
|
|
5158
5211
|
const main = "./dist/index.cjs.js";
|
|
5159
5212
|
const module = "./dist/index.js";
|
|
@@ -8612,6 +8665,8 @@ const ProcessId = class {
|
|
|
8612
8665
|
howToDone: false,
|
|
8613
8666
|
};
|
|
8614
8667
|
}
|
|
8668
|
+
if (state.debug)
|
|
8669
|
+
console.log('process-id | initFlow');
|
|
8615
8670
|
}
|
|
8616
8671
|
howToDone() {
|
|
8617
8672
|
this.flow.howToDone = true;
|
|
@@ -8629,8 +8684,12 @@ const ProcessId = class {
|
|
|
8629
8684
|
}
|
|
8630
8685
|
}
|
|
8631
8686
|
async captureIdImage(event) {
|
|
8687
|
+
if (state.debug)
|
|
8688
|
+
console.log('process-id | captureIdImage');
|
|
8632
8689
|
let idPhoto = event.detail;
|
|
8633
8690
|
if (idPhoto.size == 0) {
|
|
8691
|
+
if (state.debug)
|
|
8692
|
+
console.log('process-id | captureIdImage | Empty id photo');
|
|
8634
8693
|
await ApiCall.instance.AddLog({ message: 'Empty id photo', blobData: idPhoto }, getLogMessage());
|
|
8635
8694
|
this.triggerErrorFlow();
|
|
8636
8695
|
return;
|
|
@@ -8638,6 +8697,8 @@ const ProcessId = class {
|
|
|
8638
8697
|
try {
|
|
8639
8698
|
let frontCapture = new File([idPhoto], this.flow.capture.fileName, { type: 'image/png' });
|
|
8640
8699
|
var uploadResult = await ApiCall.instance.UploadFileForRequestB64(state.requestId, this.flow.capture.photoType, frontCapture);
|
|
8700
|
+
if (state.debug)
|
|
8701
|
+
console.log('process-id | captureIdImage | uploadResult: ' + uploadResult);
|
|
8641
8702
|
if (!uploadResult) {
|
|
8642
8703
|
this.switchCamera();
|
|
8643
8704
|
this.triggerErrorFlow();
|
|
@@ -8648,12 +8709,16 @@ const ProcessId = class {
|
|
|
8648
8709
|
}
|
|
8649
8710
|
}
|
|
8650
8711
|
async capturedIdRecording(event) {
|
|
8712
|
+
if (state.debug)
|
|
8713
|
+
console.log('process-id | capturedIdRecording');
|
|
8651
8714
|
let idRecording = event.detail;
|
|
8652
8715
|
if (idRecording.size == 0 && this.recordingResultCount == 0) {
|
|
8653
8716
|
this.recordingResultCount++;
|
|
8654
8717
|
return;
|
|
8655
8718
|
}
|
|
8656
8719
|
if (idRecording.size == 0) {
|
|
8720
|
+
if (state.debug)
|
|
8721
|
+
console.log('process-id | capturedIdRecording | Empty ID recording');
|
|
8657
8722
|
await ApiCall.instance.AddLog({ message: 'Empty ID recording', blobData: idRecording }, getLogMessage());
|
|
8658
8723
|
this.triggerErrorFlow();
|
|
8659
8724
|
return;
|
|
@@ -8661,12 +8726,32 @@ const ProcessId = class {
|
|
|
8661
8726
|
let mimeType = idRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
|
|
8662
8727
|
let captureRec = new File([idRecording], this.flow.capture.recName + mimeType.extension, { type: mimeType.type });
|
|
8663
8728
|
var uploadResult = await ApiCall.instance.UploadFileForRequestB64(state.requestId, this.flow.capture.recType, captureRec);
|
|
8729
|
+
if (state.debug)
|
|
8730
|
+
console.log('process-id | capturedIdRecording | uploadResult: ' + uploadResult);
|
|
8664
8731
|
if (!uploadResult) {
|
|
8665
8732
|
this.triggerErrorFlow();
|
|
8666
8733
|
}
|
|
8667
8734
|
this.recordingResultCount = 0;
|
|
8668
8735
|
}
|
|
8736
|
+
async verificationFinished() {
|
|
8737
|
+
if (state.debug)
|
|
8738
|
+
console.log('process-id | verificationFinished');
|
|
8739
|
+
this.verificationReceived = Date.now();
|
|
8740
|
+
while (Date.now() - this.verificationReceived < 25000) {
|
|
8741
|
+
await delay(2000);
|
|
8742
|
+
let currentStatus = await ApiCall.instance.GetFlowState();
|
|
8743
|
+
if (currentStatus != state.flowStatus) {
|
|
8744
|
+
state.flowStatus = currentStatus;
|
|
8745
|
+
break;
|
|
8746
|
+
}
|
|
8747
|
+
}
|
|
8748
|
+
if (state.debug)
|
|
8749
|
+
console.log('process-id | verificationFinished | waitingFinished ');
|
|
8750
|
+
this.triggerErrorFlow();
|
|
8751
|
+
}
|
|
8669
8752
|
async componentDidLoad() {
|
|
8753
|
+
if (state.debug)
|
|
8754
|
+
console.log('process-id | componentDidLoad');
|
|
8670
8755
|
await BaseComponent.initialize(this.currentStep);
|
|
8671
8756
|
}
|
|
8672
8757
|
triggerErrorFlow() {
|
|
@@ -8674,9 +8759,13 @@ const ProcessId = class {
|
|
|
8674
8759
|
this.showInvalid = true;
|
|
8675
8760
|
}
|
|
8676
8761
|
async disconnectedCallback() {
|
|
8762
|
+
if (state.debug)
|
|
8763
|
+
console.log('process-id | disconnectedCallback');
|
|
8677
8764
|
await BaseComponent.finalize(this.currentStep);
|
|
8678
8765
|
}
|
|
8679
8766
|
switchCamera() {
|
|
8767
|
+
if (state.debug)
|
|
8768
|
+
console.log('process-id | switchCamera');
|
|
8680
8769
|
if (this.captureRetryCount == 1) {
|
|
8681
8770
|
Cameras.switchCamera();
|
|
8682
8771
|
this.captureRetryCount = 0;
|
|
@@ -8872,7 +8961,7 @@ SmsCodeValidation.style = smsCodeValidationCss;
|
|
|
8872
8961
|
const smsSendCss = "";
|
|
8873
8962
|
|
|
8874
8963
|
const SmsSend = class {
|
|
8875
|
-
constructor(hostRef) { registerInstance(this, hostRef); this.apiErrorEvent = createEvent(this, "apiError", 7); this.buttonText = undefined; this.title = undefined; this.phoneNumber = undefined; this.prefilledPhone = false; this.canSend = false; }
|
|
8964
|
+
constructor(hostRef) { registerInstance(this, hostRef); this.apiErrorEvent = createEvent(this, "apiError", 7); this.buttonText = undefined; this.title = undefined; this.details = undefined; this.phoneNumber = undefined; this.prefilledPhone = false; this.canSend = false; }
|
|
8876
8965
|
async doAction() {
|
|
8877
8966
|
try {
|
|
8878
8967
|
this.canSend = false;
|
|
@@ -8892,6 +8981,7 @@ const SmsSend = class {
|
|
|
8892
8981
|
this.translations = await Translations.getValues();
|
|
8893
8982
|
this.buttonText = this.translations.PhoneValidationValues.Button;
|
|
8894
8983
|
this.title = this.translations.PhoneValidationValues.Title;
|
|
8984
|
+
this.details = this.translations.PhoneValidationValues.Description;
|
|
8895
8985
|
if (state.phoneNumber && state.phoneNumber != '') {
|
|
8896
8986
|
this.phoneNumber = state.phoneNumber;
|
|
8897
8987
|
this.prefilledPhone = true;
|
|
@@ -8910,7 +9000,7 @@ const SmsSend = class {
|
|
|
8910
9000
|
ev.target.value = this.phoneNumber;
|
|
8911
9001
|
}
|
|
8912
9002
|
render() {
|
|
8913
|
-
return (h("div", { class: "container" }, h("div", { class: "row row-validare" }, h("div", null, h("h1", { class: "text-center" }, this.title)), h("div", { class: "input-container mb-15" }, h("label", { class: "font-size-18 mb-1" }, h("b", null, this.translations.PhoneValidationValues.Label)), h("input", { type: "tel", id: "phoneInput", class: "main-input", disabled: this.prefilledPhone, onInput: ev => this.handleChangePhone(ev), value: this.phoneNumber })), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { id: "action", disabled: !this.canSend, class: "main-button", onClick: () => this.doAction() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
|
|
9003
|
+
return (h("div", { class: "container" }, h("div", { class: "row row-validare" }, h("div", null, h("h1", { class: "text-center" }, this.title), h("p", { class: "main-text font-size-2 mt-15 mb-20 text-center" }, this.details)), h("div", { class: "input-container mb-15" }, h("label", { class: "font-size-18 mb-1" }, h("b", null, this.translations.PhoneValidationValues.Label)), h("input", { type: "tel", id: "phoneInput", class: "main-input", disabled: this.prefilledPhone, onInput: ev => this.handleChangePhone(ev), value: this.phoneNumber })), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { id: "action", disabled: !this.canSend, class: "main-button", onClick: () => this.doAction() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
|
|
8914
9004
|
}
|
|
8915
9005
|
};
|
|
8916
9006
|
SmsSend.style = smsSendCss;
|
|
@@ -9021,6 +9111,18 @@ const UserLiveness = class {
|
|
|
9021
9111
|
}
|
|
9022
9112
|
}
|
|
9023
9113
|
}
|
|
9114
|
+
async verificationFinished() {
|
|
9115
|
+
this.verificationReceived = Date.now();
|
|
9116
|
+
while (Date.now() - this.verificationReceived < 25000) {
|
|
9117
|
+
await delay(2000);
|
|
9118
|
+
let currentStatus = await ApiCall.instance.GetFlowState();
|
|
9119
|
+
if (currentStatus != state.flowStatus) {
|
|
9120
|
+
state.flowStatus = currentStatus;
|
|
9121
|
+
break;
|
|
9122
|
+
}
|
|
9123
|
+
}
|
|
9124
|
+
this.triggerErrorFlow();
|
|
9125
|
+
}
|
|
9024
9126
|
async disconnectedCallback() {
|
|
9025
9127
|
await BaseComponent.finalize(this.currentStep);
|
|
9026
9128
|
}
|
package/dist/esm/loader.js
CHANGED
|
@@ -11,7 +11,7 @@ const patchEsm = () => {
|
|
|
11
11
|
const defineCustomElements = (win, options) => {
|
|
12
12
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
13
13
|
return patchEsm().then(() => {
|
|
14
|
-
return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["random-actions",[[0,"random-actions"]]],["agreement-check_17",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[0,"process-id",{"mode":[1],"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"mode":[1],"showError":[32],"showTimeout":[32],"flow":[32],"howToDone":[32]},[[0,"howToInfoDone","howToDoneEvent"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"camera-error",{"title":[32],"description":[32],"buttonDisabled":[32],"demoVideo":[32]}],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"landing-validation",{"warningText":[32],"buttonDisabled":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"code":[32],"canSend":[32]}],[0,"sms-send",{"buttonText":[32],"title":[32],"phoneNumber":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"reason":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
|
|
14
|
+
return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["random-actions",[[0,"random-actions"]]],["agreement-check_17",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[0,"process-id",{"mode":[1],"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"user-liveness",{"mode":[1],"showError":[32],"showTimeout":[32],"flow":[32],"howToDone":[32]},[[0,"howToInfoDone","howToDoneEvent"],[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,"camera-error",{"title":[32],"description":[32],"buttonDisabled":[32],"demoVideo":[32]}],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"landing-validation",{"warningText":[32],"buttonDisabled":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"code":[32],"canSend":[32]}],[0,"sms-send",{"buttonText":[32],"title":[32],"details":[32],"phoneNumber":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"reason":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
|
|
15
15
|
});
|
|
16
16
|
};
|
|
17
17
|
|
package/dist/esm/qbs-ect-cmp.js
CHANGED
|
@@ -14,5 +14,5 @@ const patchBrowser = () => {
|
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
patchBrowser().then(options => {
|
|
17
|
-
return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["random-actions",[[0,"random-actions"]]],["agreement-check_17",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[0,"process-id",{"mode":[1],"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"mode":[1],"showError":[32],"showTimeout":[32],"flow":[32],"howToDone":[32]},[[0,"howToInfoDone","howToDoneEvent"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"camera-error",{"title":[32],"description":[32],"buttonDisabled":[32],"demoVideo":[32]}],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"landing-validation",{"warningText":[32],"buttonDisabled":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"code":[32],"canSend":[32]}],[0,"sms-send",{"buttonText":[32],"title":[32],"phoneNumber":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"reason":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
|
|
17
|
+
return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["random-actions",[[0,"random-actions"]]],["agreement-check_17",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[0,"process-id",{"mode":[1],"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"user-liveness",{"mode":[1],"showError":[32],"showTimeout":[32],"flow":[32],"howToDone":[32]},[[0,"howToInfoDone","howToDoneEvent"],[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,"camera-error",{"title":[32],"description":[32],"buttonDisabled":[32],"demoVideo":[32]}],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"landing-validation",{"warningText":[32],"buttonDisabled":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"code":[32],"canSend":[32]}],[0,"sms-send",{"buttonText":[32],"title":[32],"details":[32],"phoneNumber":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"reason":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
|
|
18
18
|
});
|