@ekyc_qoobiss/qbs-ect-cmp 3.6.55 → 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.
@@ -6,7 +6,7 @@ import { BaseComponent } from '../../base-component';
6
6
  import { Translations } from '../../../helpers/TranslationUtils';
7
7
  import { ApiCall } from '../../../helpers/ApiCall';
8
8
  export class SmsSend {
9
- constructor() { this.buttonText = undefined; this.title = undefined; this.phoneNumber = undefined; this.prefilledPhone = false; this.canSend = false; }
9
+ constructor() { this.buttonText = undefined; this.title = undefined; this.details = undefined; this.phoneNumber = undefined; this.prefilledPhone = false; this.canSend = false; }
10
10
  async doAction() {
11
11
  try {
12
12
  this.canSend = false;
@@ -26,6 +26,7 @@ export class SmsSend {
26
26
  this.translations = await Translations.getValues();
27
27
  this.buttonText = this.translations.PhoneValidationValues.Button;
28
28
  this.title = this.translations.PhoneValidationValues.Title;
29
+ this.details = this.translations.PhoneValidationValues.Description;
29
30
  if (store.phoneNumber && store.phoneNumber != '') {
30
31
  this.phoneNumber = store.phoneNumber;
31
32
  this.prefilledPhone = true;
@@ -44,7 +45,7 @@ export class SmsSend {
44
45
  ev.target.value = this.phoneNumber;
45
46
  }
46
47
  render() {
47
- 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))))));
48
+ 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))))));
48
49
  }
49
50
  static get is() { return "sms-send"; }
50
51
  static get originalStyleUrls() {
@@ -61,6 +62,7 @@ export class SmsSend {
61
62
  return {
62
63
  "buttonText": {},
63
64
  "title": {},
65
+ "details": {},
64
66
  "phoneNumber": {},
65
67
  "prefilledPhone": {},
66
68
  "canSend": {}
@@ -110,12 +110,16 @@ export class Cameras {
110
110
  return null;
111
111
  }
112
112
  static async InitCameras(device) {
113
+ if (store.debug)
114
+ console.log('cameras | initCameras');
113
115
  try {
114
116
  let cam = new Cameras();
115
117
  let cameras = (await cam.GetCameras(device)).filter(c => c.facingMode == 'environment');
116
118
  var recommCamera = cam.GetRecommendedCamera(cameras);
117
119
  store.cameraIds = cameras.map(camera => camera.deviceId);
118
120
  store.cameraId = recommCamera === null || recommCamera === void 0 ? void 0 : recommCamera.deviceId;
121
+ if (store.debug)
122
+ console.log(`cameras | initCameras | cameraIds ${store.cameraIds} | cameraId ${store.cameraId}`);
119
123
  return true;
120
124
  }
121
125
  catch (e) {
@@ -38,24 +38,36 @@ export class Stream {
38
38
  this.streamPaused = false;
39
39
  this.recordedChunks = [];
40
40
  this.videoSize = { width: 0, height: 0 };
41
+ if (store.debug)
42
+ console.log('stream | constructor');
41
43
  this.initFacePose();
42
44
  this.idML5Detector = IDML5Detector.getInstance(this, store.device.isMobile);
43
45
  this.faceML5Detector = FaceML5Detector.getInstance(this, store.device.isMobile);
44
46
  this.verificationMode = mode;
45
47
  }
46
48
  static getNewInstance(mode) {
49
+ if (store.debug)
50
+ console.log('stream | getNewInstance');
47
51
  if (!Stream.instance) {
52
+ if (store.debug)
53
+ console.log('stream | getNewInstance | new instance');
48
54
  Stream.instance = new Stream(mode);
49
55
  }
50
56
  return Stream.instance;
51
57
  }
52
58
  autoCapturing() {
59
+ if (store.debug)
60
+ console.log('stream | autoCapturing');
53
61
  this.callbackAutoCapturing();
54
62
  }
55
63
  timeElapsed() {
64
+ if (store.debug)
65
+ console.log('stream | timeElapsed');
56
66
  this.callbackTimeElapsed();
57
67
  }
58
68
  verificationReady() {
69
+ if (store.debug)
70
+ console.log('stream | verificationReady');
59
71
  this.verificationFinished();
60
72
  }
61
73
  updateHtmlElements(videoElement, canvasElement, component) {
@@ -65,6 +77,8 @@ export class Stream {
65
77
  this.faceML5Detector.updateHtmlElements(this.videoElement, this.canvasElement, component);
66
78
  }
67
79
  startStream(stream) {
80
+ if (store.debug)
81
+ console.log('stream | startStream');
68
82
  if (this.stream)
69
83
  this.stream.getTracks().forEach((track) => track.stop());
70
84
  this.stream = stream;
@@ -96,6 +110,8 @@ export class Stream {
96
110
  this.recordStream();
97
111
  }
98
112
  recordStream() {
113
+ if (store.debug)
114
+ console.log('stream | recordStream');
99
115
  if (this.mediaRecorder && this.mediaRecorder.state == 'recording')
100
116
  return;
101
117
  var options = { mimeType: Stream.webmMimeType.mime, videoBitsPerSecond: 1500000 };
@@ -106,9 +122,13 @@ export class Stream {
106
122
  this.recordedChunks = [];
107
123
  this.mediaRecorder = new MediaRecorder(this.stream, options);
108
124
  this.mediaRecorder.ondataavailable = event => {
125
+ if (store.debug)
126
+ console.log('stream | recordStream | ondataavailable');
109
127
  this.recordedChunks.push(event.data);
110
128
  };
111
129
  this.mediaRecorder.onstop = _e => {
130
+ if (store.debug)
131
+ console.log('stream | recordStream | onstop');
112
132
  var rec = new Blob(this.recordedChunks, {
113
133
  type: options.mimeType.split(';')[0],
114
134
  });
@@ -139,6 +159,8 @@ export class Stream {
139
159
  return !(this.stream && this.stream.getTracks && this.stream.getTracks().length > 0);
140
160
  }
141
161
  async takePhoto() {
162
+ if (store.debug)
163
+ console.log('stream | takePhoto');
142
164
  const canvas = document.createElement('canvas');
143
165
  canvas.style.visibility = 'hidden';
144
166
  canvas.width = this.videoElement.videoWidth;
@@ -146,12 +168,16 @@ export class Stream {
146
168
  return await this.getFrame(canvas);
147
169
  }
148
170
  getFrame(canvas) {
171
+ if (store.debug)
172
+ console.log('stream | getFrame');
149
173
  return new Promise(resolve => {
150
174
  const context = canvas.getContext('2d');
151
175
  context.drawImage(this.videoElement, 0, 0, canvas.width, canvas.height);
152
176
  canvas.toBlob((frame) => {
153
177
  if (frame.type === ImageFormat.JPEG && !store.device.isAppleDevice) {
154
178
  try {
179
+ if (store.debug)
180
+ console.log('stream | getFrame | addExifInImg');
155
181
  addExifInImg(frame, this.stream.getTracks()[0], this.videoSize).then(updatedFrame => resolve(updatedFrame));
156
182
  }
157
183
  catch (e) {
@@ -160,6 +186,8 @@ export class Stream {
160
186
  }
161
187
  }
162
188
  else {
189
+ if (store.debug)
190
+ console.log('stream | getFrame | resolve');
163
191
  resolve(frame);
164
192
  }
165
193
  }, ImageFormat.PNG, 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.reason), 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("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))))));
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.photoIsReady(res);
5103
+ this.eventPhotoCapture.emit(res);
5053
5104
  }
5054
5105
  else {
5055
5106
  this.eventTimeElapsed.emit();
@@ -5057,6 +5108,8 @@ 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;
@@ -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.55";
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,16 @@ 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
  }
8669
8736
  async verificationFinished() {
8737
+ if (state.debug)
8738
+ console.log('process-id | verificationFinished');
8670
8739
  this.verificationReceived = Date.now();
8671
8740
  while (Date.now() - this.verificationReceived < 25000) {
8672
8741
  await delay(2000);
@@ -8676,9 +8745,13 @@ const ProcessId = class {
8676
8745
  break;
8677
8746
  }
8678
8747
  }
8748
+ if (state.debug)
8749
+ console.log('process-id | verificationFinished | waitingFinished ');
8679
8750
  this.triggerErrorFlow();
8680
8751
  }
8681
8752
  async componentDidLoad() {
8753
+ if (state.debug)
8754
+ console.log('process-id | componentDidLoad');
8682
8755
  await BaseComponent.initialize(this.currentStep);
8683
8756
  }
8684
8757
  triggerErrorFlow() {
@@ -8686,9 +8759,13 @@ const ProcessId = class {
8686
8759
  this.showInvalid = true;
8687
8760
  }
8688
8761
  async disconnectedCallback() {
8762
+ if (state.debug)
8763
+ console.log('process-id | disconnectedCallback');
8689
8764
  await BaseComponent.finalize(this.currentStep);
8690
8765
  }
8691
8766
  switchCamera() {
8767
+ if (state.debug)
8768
+ console.log('process-id | switchCamera');
8692
8769
  if (this.captureRetryCount == 1) {
8693
8770
  Cameras.switchCamera();
8694
8771
  this.captureRetryCount = 0;
@@ -8884,7 +8961,7 @@ SmsCodeValidation.style = smsCodeValidationCss;
8884
8961
  const smsSendCss = "";
8885
8962
 
8886
8963
  const SmsSend = class {
8887
- 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; }
8888
8965
  async doAction() {
8889
8966
  try {
8890
8967
  this.canSend = false;
@@ -8904,6 +8981,7 @@ const SmsSend = class {
8904
8981
  this.translations = await Translations.getValues();
8905
8982
  this.buttonText = this.translations.PhoneValidationValues.Button;
8906
8983
  this.title = this.translations.PhoneValidationValues.Title;
8984
+ this.details = this.translations.PhoneValidationValues.Description;
8907
8985
  if (state.phoneNumber && state.phoneNumber != '') {
8908
8986
  this.phoneNumber = state.phoneNumber;
8909
8987
  this.prefilledPhone = true;
@@ -8922,7 +9000,7 @@ const SmsSend = class {
8922
9000
  ev.target.value = this.phoneNumber;
8923
9001
  }
8924
9002
  render() {
8925
- 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))))));
8926
9004
  }
8927
9005
  };
8928
9006
  SmsSend.style = smsSendCss;
@@ -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,"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],"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
 
@@ -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,"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],"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
  });