@ekyc_qoobiss/qbs-ect-cmp 3.6.73 → 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.73";
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";
@@ -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() {
@@ -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.73";
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";