@ekyc_qoobiss/qbs-ect-cmp 3.6.72 → 3.6.74

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.
@@ -4755,6 +4755,10 @@ const CaptureError = class {
4755
4755
  var nextState = await TranslationUtils.ApiCall.instance.GetNextStateForCaptureError();
4756
4756
  TranslationUtils.state.flowStatus = nextState;
4757
4757
  }
4758
+ else if (this.reason == 'Invalid' && TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDBACK) {
4759
+ var nextState = await TranslationUtils.ApiCall.instance.GetNextStateForCaptureError();
4760
+ TranslationUtils.state.flowStatus = nextState;
4761
+ }
4758
4762
  else {
4759
4763
  this.eventCaptureErrorDone.emit();
4760
4764
  }
@@ -4876,7 +4880,13 @@ const HowToInfo = class {
4876
4880
  this.buttonText = this.translations.HowToValues.IdButton;
4877
4881
  }
4878
4882
  render() {
4879
- return (index.h("div", { class: "container" }, index.h("div", { class: "row", hidden: TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESSGESTUREHOWTO || this.imageLoaded == false }, index.h("div", { class: "div-ci align-center", hidden: this.showVideo }, index.h("img", { ref: el => (this.image = el) })), index.h("div", { hidden: this.showVideo == false }, index.h("video", { id: "howTo", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { class: "text-center" }, index.h("h1", null, this.topTitle), index.h("p", { class: "font-size-2", hidden: this.subTitle == '' }, this.subTitle)), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(), hidden: this.showVideo == true }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
4883
+ let titleClass = 'color-white text-center';
4884
+ let bgDemo = 'container';
4885
+ if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDBACKHOWTO) {
4886
+ titleClass = 'color-black-2 text-center';
4887
+ bgDemo = 'container bg-black';
4888
+ }
4889
+ return (index.h("div", { class: bgDemo }, index.h("div", { class: "row", hidden: TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESSGESTUREHOWTO || this.imageLoaded == false }, index.h("div", { class: "div-ci align-center", hidden: this.showVideo }, index.h("img", { ref: el => (this.image = el) })), index.h("div", { hidden: this.showVideo == false }, index.h("video", { id: "howTo", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { class: "text-center" }, index.h("h1", { class: titleClass }, this.topTitle), index.h("p", { class: "font-size-2", hidden: this.subTitle == '' }, this.subTitle)), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(), hidden: this.showVideo == true }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
4880
4890
  }
4881
4891
  };
4882
4892
  HowToInfo.style = howToInfoCss;
@@ -5235,7 +5245,7 @@ function v4(options, buf, offset) {
5235
5245
  }
5236
5246
 
5237
5247
  const name = "@ekyc_qoobiss/qbs-ect-cmp";
5238
- const version$1 = "3.6.72";
5248
+ const version$1 = "3.6.74";
5239
5249
  const description = "Person Identification Component";
5240
5250
  const main = "./dist/index.cjs.js";
5241
5251
  const module$1 = "./dist/index.js";
@@ -8801,8 +8811,10 @@ const ProcessId = class {
8801
8811
  this.verificationReceived = Date.now();
8802
8812
  let initialStatus = TranslationUtils.state.flowStatus;
8803
8813
  let statusChanged = false;
8804
- while (Date.now() - this.verificationReceived < 25000 && !statusChanged) {
8814
+ while (Date.now() - this.verificationReceived < 30000 && !statusChanged) {
8805
8815
  await delay(2000);
8816
+ if (this.showInvalid || this.showTimeout)
8817
+ return;
8806
8818
  statusChanged = initialStatus != TranslationUtils.state.flowStatus;
8807
8819
  }
8808
8820
  if (!statusChanged) {
@@ -9194,8 +9206,10 @@ const UserLiveness = class {
9194
9206
  this.verificationReceived = Date.now();
9195
9207
  let initialStatus = TranslationUtils.state.flowStatus;
9196
9208
  let statusChanged = false;
9197
- while (Date.now() - this.verificationReceived < 25000 && !statusChanged) {
9209
+ while (Date.now() - this.verificationReceived < 30000 && !statusChanged) {
9198
9210
  await delay(2000);
9211
+ if (this.showError || this.showTimeout)
9212
+ return;
9199
9213
  statusChanged = initialStatus != TranslationUtils.state.flowStatus;
9200
9214
  }
9201
9215
  if (!statusChanged) {
@@ -5,6 +5,7 @@ import { FlowMoments, FlowSteps } from '../../../models/FlowSteps';
5
5
  import { Translations } from '../../../helpers/TranslationUtils';
6
6
  import store from '../../../helpers/store';
7
7
  import { ApiCall } from '../../../helpers/ApiCall';
8
+ import { FlowStatus } from '../../../models/FlowStatus';
8
9
  export class CaptureError {
9
10
  constructor() { this.type = undefined; this.reason = undefined; this.buttonEnabled = undefined; this.buttonText = undefined; }
10
11
  async componentWillLoad() {
@@ -39,6 +40,10 @@ export class CaptureError {
39
40
  var nextState = await ApiCall.instance.GetNextStateForCaptureError();
40
41
  store.flowStatus = nextState;
41
42
  }
43
+ else if (this.reason == 'Invalid' && store.flowStatus == FlowStatus.IDBACK) {
44
+ var nextState = await ApiCall.instance.GetNextStateForCaptureError();
45
+ store.flowStatus = nextState;
46
+ }
42
47
  else {
43
48
  this.eventCaptureErrorDone.emit();
44
49
  }
@@ -70,7 +70,13 @@ export class HowToInfo {
70
70
  this.buttonText = this.translations.HowToValues.IdButton;
71
71
  }
72
72
  render() {
73
- return (h("div", { class: "container" }, h("div", { class: "row", hidden: store.flowStatus == FlowStatus.LIVENESSGESTUREHOWTO || this.imageLoaded == false }, h("div", { class: "div-ci align-center", hidden: this.showVideo }, h("img", { ref: el => (this.image = el) })), h("div", { hidden: this.showVideo == false }, h("video", { id: "howTo", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { class: "text-center" }, h("h1", null, this.topTitle), h("p", { class: "font-size-2", hidden: this.subTitle == '' }, this.subTitle)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(), hidden: this.showVideo == true }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
73
+ let titleClass = 'color-white text-center';
74
+ let bgDemo = 'container';
75
+ if (store.flowStatus == FlowStatus.IDBACKHOWTO) {
76
+ titleClass = 'color-black-2 text-center';
77
+ bgDemo = 'container bg-black';
78
+ }
79
+ return (h("div", { class: bgDemo }, h("div", { class: "row", hidden: store.flowStatus == FlowStatus.LIVENESSGESTUREHOWTO || this.imageLoaded == false }, h("div", { class: "div-ci align-center", hidden: this.showVideo }, h("img", { ref: el => (this.image = el) })), h("div", { hidden: this.showVideo == false }, h("video", { id: "howTo", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { class: "text-center" }, h("h1", { class: titleClass }, this.topTitle), h("p", { class: "font-size-2", hidden: this.subTitle == '' }, this.subTitle)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(), hidden: this.showVideo == true }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
74
80
  }
75
81
  static get is() { return "how-to-info"; }
76
82
  static get originalStyleUrls() {
@@ -128,8 +128,10 @@ export class ProcessId {
128
128
  this.verificationReceived = Date.now();
129
129
  let initialStatus = store.flowStatus;
130
130
  let statusChanged = false;
131
- while (Date.now() - this.verificationReceived < 25000 && !statusChanged) {
131
+ while (Date.now() - this.verificationReceived < 30000 && !statusChanged) {
132
132
  await delay(2000);
133
+ if (this.showInvalid || this.showTimeout)
134
+ return;
133
135
  statusChanged = initialStatus != store.flowStatus;
134
136
  }
135
137
  if (!statusChanged) {
@@ -111,8 +111,10 @@ export class UserLiveness {
111
111
  this.verificationReceived = Date.now();
112
112
  let initialStatus = store.flowStatus;
113
113
  let statusChanged = false;
114
- while (Date.now() - this.verificationReceived < 25000 && !statusChanged) {
114
+ while (Date.now() - this.verificationReceived < 30000 && !statusChanged) {
115
115
  await delay(2000);
116
+ if (this.showError || this.showTimeout)
117
+ return;
116
118
  statusChanged = initialStatus != store.flowStatus;
117
119
  }
118
120
  if (!statusChanged) {
@@ -4751,6 +4751,10 @@ const CaptureError = class {
4751
4751
  var nextState = await ApiCall.instance.GetNextStateForCaptureError();
4752
4752
  state.flowStatus = nextState;
4753
4753
  }
4754
+ else if (this.reason == 'Invalid' && state.flowStatus == FlowStatus.IDBACK) {
4755
+ var nextState = await ApiCall.instance.GetNextStateForCaptureError();
4756
+ state.flowStatus = nextState;
4757
+ }
4754
4758
  else {
4755
4759
  this.eventCaptureErrorDone.emit();
4756
4760
  }
@@ -4872,7 +4876,13 @@ const HowToInfo = class {
4872
4876
  this.buttonText = this.translations.HowToValues.IdButton;
4873
4877
  }
4874
4878
  render() {
4875
- return (h("div", { class: "container" }, h("div", { class: "row", hidden: state.flowStatus == FlowStatus.LIVENESSGESTUREHOWTO || this.imageLoaded == false }, h("div", { class: "div-ci align-center", hidden: this.showVideo }, h("img", { ref: el => (this.image = el) })), h("div", { hidden: this.showVideo == false }, h("video", { id: "howTo", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { class: "text-center" }, h("h1", null, this.topTitle), h("p", { class: "font-size-2", hidden: this.subTitle == '' }, this.subTitle)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(), hidden: this.showVideo == true }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
4879
+ let titleClass = 'color-white text-center';
4880
+ let bgDemo = 'container';
4881
+ if (state.flowStatus == FlowStatus.IDBACKHOWTO) {
4882
+ titleClass = 'color-black-2 text-center';
4883
+ bgDemo = 'container bg-black';
4884
+ }
4885
+ return (h("div", { class: bgDemo }, h("div", { class: "row", hidden: state.flowStatus == FlowStatus.LIVENESSGESTUREHOWTO || this.imageLoaded == false }, h("div", { class: "div-ci align-center", hidden: this.showVideo }, h("img", { ref: el => (this.image = el) })), h("div", { hidden: this.showVideo == false }, h("video", { id: "howTo", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { class: "text-center" }, h("h1", { class: titleClass }, this.topTitle), h("p", { class: "font-size-2", hidden: this.subTitle == '' }, this.subTitle)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(), hidden: this.showVideo == true }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
4876
4886
  }
4877
4887
  };
4878
4888
  HowToInfo.style = howToInfoCss;
@@ -5231,7 +5241,7 @@ function v4(options, buf, offset) {
5231
5241
  }
5232
5242
 
5233
5243
  const name = "@ekyc_qoobiss/qbs-ect-cmp";
5234
- const version$1 = "3.6.72";
5244
+ const version$1 = "3.6.74";
5235
5245
  const description = "Person Identification Component";
5236
5246
  const main = "./dist/index.cjs.js";
5237
5247
  const module = "./dist/index.js";
@@ -8797,8 +8807,10 @@ const ProcessId = class {
8797
8807
  this.verificationReceived = Date.now();
8798
8808
  let initialStatus = state.flowStatus;
8799
8809
  let statusChanged = false;
8800
- while (Date.now() - this.verificationReceived < 25000 && !statusChanged) {
8810
+ while (Date.now() - this.verificationReceived < 30000 && !statusChanged) {
8801
8811
  await delay(2000);
8812
+ if (this.showInvalid || this.showTimeout)
8813
+ return;
8802
8814
  statusChanged = initialStatus != state.flowStatus;
8803
8815
  }
8804
8816
  if (!statusChanged) {
@@ -9190,8 +9202,10 @@ const UserLiveness = class {
9190
9202
  this.verificationReceived = Date.now();
9191
9203
  let initialStatus = state.flowStatus;
9192
9204
  let statusChanged = false;
9193
- while (Date.now() - this.verificationReceived < 25000 && !statusChanged) {
9205
+ while (Date.now() - this.verificationReceived < 30000 && !statusChanged) {
9194
9206
  await delay(2000);
9207
+ if (this.showError || this.showTimeout)
9208
+ return;
9195
9209
  statusChanged = initialStatus != state.flowStatus;
9196
9210
  }
9197
9211
  if (!statusChanged) {