@ekyc_qoobiss/qbs-ect-cmp 3.6.27 → 3.6.29

package/dist/collection/components/flow/sms-code-validation/sms-code-validation.js

@@ -0,0 +1,141 @@
+import { h } from '@stencil/core';
+import store from '../../../helpers/store';
+import { FlowStatus } from '../../../models/FlowStatus';
+import { FlowSteps } from '../../../models/FlowSteps';
+import { BaseComponent } from '../../base-component';
+import { Translations } from '../../../helpers/TranslationUtils';
+export class SmsCodeValidation {
+  constructor() {
+    this.title = undefined;
+    this.details = undefined;
+    this.buttonText = undefined;
+    this.phoneNumber = undefined;
+    this.code = undefined;
+    this.prefilledPhone = false;
+    this.canSend = false;
+    if (store.flowStatus == FlowStatus.PHONE) {
+      this.baseComponent = new BaseComponent(FlowSteps.OtpSend);
+    }
+    if (store.flowStatus == FlowStatus.CODE) {
+      this.baseComponent = new BaseComponent(FlowSteps.OtpCheck);
+    }
+    this.baseComponent.setEventEmitter(this.apiErrorEvent);
+  }
+  async doAction() {
+    try {
+      this.canSend = false;
+      if (store.flowStatus == FlowStatus.CODE || store.flowStatus == FlowStatus.CODEERROR) {
+        var codeChecked = await this.baseComponent.apiCall.CheckOTPCode(store.requestId, this.code);
+        if (codeChecked === true) {
+          store.flowStatus = FlowStatus.ID;
+        }
+        else {
+          store.flowStatus = FlowStatus.CODEERROR;
+        }
+      }
+      if (store.flowStatus == FlowStatus.PHONE) {
+        var codeSent = await this.baseComponent.apiCall.SendOTPCode(store.requestId, this.phoneNumber);
+        if (codeSent === true) {
+          store.flowStatus = FlowStatus.CODE;
+        }
+      }
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+  }
+  async disconnectedCallback() {
+    await this.baseComponent.finalize();
+  }
+  async componentWillRender() {
+    this.translations = await Translations.getValues();
+    if (store.flowStatus == FlowStatus.PHONE) {
+      this.title = this.translations.PhoneValidationValues.Title;
+      this.details = this.translations.PhoneValidationValues.Description;
+      this.buttonText = this.translations.PhoneValidationValues.Button;
+      if (store.phoneNumber && store.phoneNumber != '') {
+        this.phoneNumber = store.phoneNumber;
+        this.prefilledPhone = true;
+        this.canSend = true;
+      }
+    }
+    if (store.flowStatus == FlowStatus.CODE || store.flowStatus == FlowStatus.CODEERROR) {
+      this.title = this.translations.CodeValidationValues.Title;
+      this.details = this.translations.CodeValidationValues.Description;
+      this.buttonText = this.translations.CodeValidationValues.Button;
+    }
+  }
+  async componentDidLoad() {
+    await this.baseComponent.initialize();
+  }
+  handleChangePhone(ev) {
+    let value = ev.target ? ev.target.value : '';
+    this.phoneNumber = value.replace(/\D/g, '');
+    if (this.phoneNumber.length > 10)
+      this.phoneNumber = this.phoneNumber.substring(0, 10);
+    this.canSend = this.phoneNumber.length == 10;
+    ev.target.value = this.phoneNumber;
+  }
+  handleChangeCode(ev) {
+    let value = ev.target ? ev.target.value : '';
+    this.code = value;
+    if (this.code.length > 4)
+      this.code = this.code.substring(0, 4);
+    this.canSend = this.code.length == 4;
+    ev.target.value = this.code;
+  }
+  render() {
+    let inputBlock;
+    let errorBlock;
+    if (store.flowStatus == FlowStatus.CODEERROR) {
+      errorBlock = h("p", { class: "main-text font-size-18 mt-15 color-red text-center" }, this.translations.CodeValidationValues.Error);
+    }
+    if (store.flowStatus == FlowStatus.PHONE) {
+      inputBlock = (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 })));
+    }
+    else {
+      inputBlock = (h("div", { class: "input-container mb-15" }, h("input", { type: "text", id: "codeInput", class: "main-input", onInput: ev => this.handleChangeCode(ev), value: this.code })));
+    }
+    return (h("div", { class: "container" }, h("div", { class: "row row-validare" }, h("div", null, h("h1", { class: "text-center" }, this.title), errorBlock == null ? h("p", { class: "main-text font-size-2 mt-15 mb-20 text-center" }, this.details) : errorBlock), inputBlock, 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))))));
+  }
+  static get is() { return "sms-code-validation"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["sms-code-validation.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["sms-code-validation.css"]
+    };
+  }
+  static get states() {
+    return {
+      "title": {},
+      "details": {},
+      "buttonText": {},
+      "phoneNumber": {},
+      "code": {},
+      "prefilledPhone": {},
+      "canSend": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "apiErrorEvent",
+        "name": "apiError",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+}

package/dist/{qbs-ect-cmp/user-liveness.entry.js → collection/components/flow/user-liveness/user-liveness.js}

@@ -1,19 +1,13 @@
-import { r as registerInstance, e as createEvent, h } from './index-78a05b9e.js';
-import { s as state, F as FlowStatus } from './textValues-6bcc85dd.js';
-import { S as Stream } from './Stream-b867a2be.js';
-import { B as BaseComponent, F as FlowSteps } from './base-component-2e490fd9.js';
-import { g as getLogMessage } from './utils-8225f0b7.js';
-import { C as CaptureUploadTypes, S as SelfieFlowStatus } from './CaptureFlow-db5d90a4.js';
-import './ML5-657ef934.js';
-import './_commonjsHelpers-321aa363.js';
-import './IDevice-15ecfdeb.js';
-
-const userLivenessCss = "";
-
-const UserLiveness = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.apiErrorEvent = createEvent(this, "apiError", 7);
+import { h } from '@stencil/core';
+import store from '../../../helpers/store';
+import { Stream } from '../../../helpers/Stream';
+import { FlowStatus } from '../../../models/FlowStatus';
+import { FlowSteps } from '../../../models/FlowSteps';
+import { getLogMessage } from '../../../utils/utils';
+import { BaseComponent } from '../../base-component';
+import { CaptureUploadTypes, SelfieFlowStatus } from '../../../models/CaptureFlow';
+export class UserLiveness {
+  constructor() {
     this.recordingResultCount = 0;
     this.recordingRetryCount = 0;
     this.showError = undefined;
@@ -38,7 +32,7 @@ const UserLiveness = class {
       back: null,
       tilt: null,
     };
-    if (state.hasSelfieGesture) {
+    if (store.hasSelfieGesture) {
       this.flow.tilt = {
         photoDone: true,
         recordingDone: false,
@@ -129,7 +123,7 @@ const UserLiveness = class {
     if (this.flow.front.photoDone) {
       return;
     }
-    this.flow.front.photoDone = await this.baseComponent.apiCall.UploadFileForRequestB64(state.requestId, photoType, photoFile);
+    this.flow.front.photoDone = await this.baseComponent.apiCall.UploadFileForRequestB64(store.requestId, photoType, photoFile);
     if (this.flow.front.photoDone) {
       await this.endFlow();
     }
@@ -138,7 +132,7 @@ const UserLiveness = class {
     }
   }
   async uploadRecording(uploadRec, recType) {
-    let uplodDone = await this.baseComponent.apiCall.UploadFileForRequestB64(state.requestId, recType, uploadRec);
+    let uplodDone = await this.baseComponent.apiCall.UploadFileForRequestB64(store.requestId, recType, uploadRec);
     if (uplodDone) {
       return true;
     }
@@ -153,7 +147,7 @@ const UserLiveness = class {
   async endFlow() {
     if (this.captureStep == SelfieFlowStatus.Selfie) {
       if (this.flow.front.photoDone && this.flow.front.recordingDone) {
-        if (state.hasSelfieGesture) {
+        if (store.hasSelfieGesture) {
           this.captureStep = SelfieFlowStatus.Gesture;
         }
         else {
@@ -175,7 +169,7 @@ const UserLiveness = class {
     if (this.captureStep != SelfieFlowStatus.End) {
       return;
     }
-    state.flowStatus = FlowStatus.COMPLETE;
+    store.flowStatus = FlowStatus.COMPLETE;
   }
   render() {
     let howTo = h("how-to-info", { idSide: "" });
@@ -196,7 +190,79 @@ const UserLiveness = class {
     }
     return capture;
   }
-};
-UserLiveness.style = userLivenessCss;
-
-export { UserLiveness as user_liveness };
+  static get is() { return "user-liveness"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["user-liveness.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["user-liveness.css"]
+    };
+  }
+  static get states() {
+    return {
+      "showError": {},
+      "captureStep": {},
+      "flow": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "apiErrorEvent",
+        "name": "apiError",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "howToInfoDone",
+        "method": "howToDone",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "timeElapsed",
+        "method": "timeElapsed",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "captureErrorDone",
+        "method": "captureErrorDone",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "photoSelfieCapture",
+        "method": "captureSelfieImage",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "recordingSelfieCapture",
+        "method": "capturedSelfieRecording",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "verificationFinished",
+        "method": "verificationFinished",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
+}