@ekyc_qoobiss/qbs-ect-cmp 3.6.26 → 3.6.27

package/dist/collection/components/flow/end-redirect/end-redirect.js

@@ -1,44 +0,0 @@
-import { h } from '@stencil/core';
-import { CompleteValues } from '../../../helpers/textValues';
-// @ts-ignore
-import completeImg from '../../../assets/complete.svg';
-import store from '../../../helpers/store';
-import Events from '../../../helpers/Events';
-export class EndRedirect {
-  constructor() { }
-  async componentDidLoad() {
-    Events.flowCompleted();
-  }
-  render() {
-    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", null, h("h1", { class: "text-center" }, CompleteValues.Title), h("p", { class: "main-text font-size-18 mt-8 text-center" }, CompleteValues.Description)), h("div", { class: "buletin-container" }, h("div", { class: "container-coin" }, h("div", { class: "coin-scale" }, h("div", { class: "coin-flip" }, h("img", { class: "w-40 coin", src: completeImg }))))), h("div", { class: "text-center" }, h("p", { class: "font-weight-900 font-size-3 color-black-2 text-center mt-20" }, CompleteValues.Message), h("p", null, store.requestId)), h("div", { class: "btn-buletin" }, h("p", { class: "main-text font-size-18 text-center mb-0" }, CompleteValues.FooterText)))));
-  }
-  static get is() { return "end-redirect"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["end-redirect.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["end-redirect.css"]
-    };
-  }
-  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/collection/components/flow/error-end/error-end.js

@@ -1,61 +0,0 @@
-import { h } from '@stencil/core';
-import store from '../../../helpers/store';
-export class ErrorEnd {
-  constructor() {
-    this.message = undefined;
-    this.errorTitle = undefined;
-  }
-  componentDidLoad() { }
-  render() {
-    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { class: "text-center" }, h("h1", null, this.errorTitle)), h("div", { class: "text-center" }, h("p", null, store.requestId)), h("div", null, h("p", { class: "color-red font-weight-bold font-size-2 text-center mt-10" }, this.message)))));
-  }
-  static get is() { return "error-end"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["error-end.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["error-end.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "message": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "message",
-        "reflect": false
-      },
-      "errorTitle": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "error-title",
-        "reflect": false
-      }
-    };
-  }
-}

package/dist/collection/components/flow/landing-validation/landing-validation.js

@@ -1,122 +0,0 @@
-import { h } from '@stencil/core';
-import { LandingValues, SessionKeys } from '../../../helpers/textValues';
-import store from '../../../helpers/store';
-import Events from '../../../helpers/Events';
-import { FlowStatus } from '../../../models/FlowStatus';
-import { ApiCall } from '../../../helpers/ApiCall';
-import { FlowSteps } from '../../../models/FlowSteps';
-import { Cameras } from '../../../helpers/Cameras';
-import { BaseComponent } from '../../base-component';
-import { MobileOS } from '../../../models/IDevice';
-// @ts-ignore
-import info from '../../../assets/landing/info.svg';
-// @ts-ignore
-import idSvg from '../../../assets/landing/id.svg';
-// @ts-ignore
-import idValidation from '../../../assets/landing/validation.svg';
-// @ts-ignore
-import idDevice from '../../../assets/landing/device.svg';
-export class LandingValidation {
-  constructor() {
-    this.warningText = undefined;
-    this.buttonDisabled = undefined;
-    this.baseComponent = new BaseComponent(FlowSteps.Landing);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
-  }
-  async componentWillLoad() {
-    Events.flowStarted();
-    this.baseComponent.apiCall = new ApiCall();
-    this.buttonDisabled = false;
-    await this.initRequest();
-  }
-  async componentDidLoad() {
-    if (store.environment !== 'DEMO') {
-      await this.baseComponent.initialize();
-    }
-  }
-  async initRequest() {
-    if (store.hasIdBack) {
-      this.warningText = LandingValues.WarningMd;
-    }
-    else {
-      this.warningText = LandingValues.Warning;
-    }
-  }
-  async startFlow() {
-    if (store.initialised) {
-      this.buttonDisabled = true;
-      if (store.environment === 'DEMO') {
-        store.flowStatus = FlowStatus.COMPLETE;
-        return;
-      }
-      if (!(await Cameras.InitCameras(store.device))) {
-        if (store.device.mobileOS == MobileOS.iOS)
-          sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'false');
-        store.flowStatus = FlowStatus.CAMERAERROR;
-      }
-      else if (store.agreementsValidation) {
-        store.flowStatus = FlowStatus.AGREEMENT;
-      }
-      else if (store.phoneValidation) {
-        store.flowStatus = FlowStatus.PHONE;
-      }
-      else {
-        store.flowStatus = FlowStatus.ID;
-      }
-    }
-  }
-  async disconnectedCallback() {
-    await this.baseComponent.finalize();
-  }
-  async leaveFlow() {
-    if (this.buttonDisabled)
-      return;
-    store.initialised = false;
-    try {
-      await this.baseComponent.apiCall.AbortRequest();
-      Events.flowAborted();
-    }
-    catch (e) {
-      Events.flowAborted();
-      this.apiErrorEvent.emit(e);
-    }
-  }
-  render() {
-    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", null, h("h1", { class: "text-center" }, LandingValues.Title), h("div", { class: "d-flex space-between align-center" }, h("p", { class: "main-text font-size-2" }, LandingValues.Description), h("div", { class: "img-info" }, h("div", { class: "i-effect" }), h("img", { src: info })))), h("div", { class: "info-container" }, h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idSvg })), h("h3", null, LandingValues.IdInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idDevice })), h("h3", null, LandingValues.DeviceInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idValidation })), h("h3", null, LandingValues.SmsInfo))), h("div", { class: "terms-container" }, h("h3", { class: "font-size-2 mb-1 text-center" }, this.warningText)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", type: "button", disabled: !store.initialised || this.buttonDisabled, onClick: () => this.startFlow() }, LandingValues.Button), h("p", { class: "main-text font-size-2 link-text mb-0", onClick: () => this.leaveFlow() }, LandingValues.ButtonLeave), h("p", { class: "main-text font-size-18 text-right mb-0" }, LandingValues.FooterText))))));
-  }
-  static get is() { return "landing-validation"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["landing-validation.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["landing-validation.css"]
-    };
-  }
-  static get states() {
-    return {
-      "warningText": {},
-      "buttonDisabled": {}
-    };
-  }
-  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/collection/components/flow/mobile-redirect/mobile-redirect.css

@@ -1,10 +0,0 @@
-.qr-canvas {
-  max-height: 60vh;
-  max-width: 80vw;
-  text-align: center;
-}
-
-.qr-canvas > canvas {
-  width: 100%;
-  height: 100%;
-}

package/dist/collection/components/flow/mobile-redirect/mobile-redirect.js

@@ -1,144 +0,0 @@
-import { h } from '@stencil/core';
-import { MobileRedirectValues } from '../../../helpers/textValues';
-import QRCode from 'qrcode';
-import store from '../../../helpers/store';
-import Events from '../../../helpers/Events';
-import { OrderStatuses } from '../../../models/OrderStatuses';
-import { FlowStatus } from '../../../models/FlowStatus';
-import { FlowSteps } from '../../../models/FlowSteps';
-import { delay } from '../../../utils/utils';
-import { BaseComponent } from '../../base-component';
-export class MobileRedirect {
-  constructor() {
-    this.infoTextTop = undefined;
-    this.infoTextBottom = undefined;
-    this.contact = undefined;
-    this.invalidValue = undefined;
-    this.waitingMobile = undefined;
-    this.orderStatus = undefined;
-    this.redirectLink = undefined;
-    this.qrCode = undefined;
-    this.prefilledPhone = false;
-    this.baseComponent = new BaseComponent(FlowSteps.MobileRedirect);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
-    this.invalidValue = false;
-    this.waitingMobile = false;
-  }
-  async componentWillLoad() {
-    Events.flowStarted();
-    this.infoTextTop = MobileRedirectValues.InfoTop;
-    this.infoTextBottom = MobileRedirectValues.InfoBottom;
-    let envUri = store.environment == 'QA' ? 'test' : 'ect';
-    let baseUri = store.hasIdBack ? 'https://onmd.id-kyc.com/' : 'https://onro.id-kyc.com/';
-    this.redirectLink = baseUri + envUri + '/mobileredirect?redirectId=' + store.redirectId;
-    if (store.phoneNumber && store.phoneNumber != '') {
-      this.contact = store.phoneNumber;
-      this.prefilledPhone = true;
-    }
-    var self = this;
-    QRCode.toDataURL(this.redirectLink, { type: 'image/png', errorCorrectionLevel: 'M', scale: 6 }, function (error, url) {
-      if (error)
-        console.error(error);
-      self.qrCode = url;
-    });
-  }
-  async componentDidLoad() {
-    await this.baseComponent.initialize();
-    await delay(5000);
-    await this.checkStatus();
-    while (this.orderStatus == OrderStatuses.Capturing || this.orderStatus == OrderStatuses.Waiting) {
-      await this.checkStatus();
-      await delay(5000);
-    }
-  }
-  async checkStatus() {
-    this.orderStatus = await this.baseComponent.apiCall.GetStatus(store.requestId);
-    if (this.orderStatus == OrderStatuses.FinishedCapturing) {
-      this.waitingMobile = false;
-      store.flowStatus = FlowStatus.COMPLETE;
-    }
-    if (this.orderStatus == OrderStatuses.NotFound) {
-      this.apiErrorEvent.emit({ message: 'No order was started for this process.' });
-    }
-    if (this.orderStatus == OrderStatuses.Capturing) {
-      this.infoTextTop = MobileRedirectValues.InfoWaiting;
-      this.waitingMobile = true;
-    }
-    if (this.orderStatus == OrderStatuses.Aborted) {
-      this.waitingMobile = false;
-      this.infoTextTop = MobileRedirectValues.InfoAborted;
-      Events.flowAborted();
-    }
-  }
-  async disconnectedCallback() {
-    await this.baseComponent.finalize();
-  }
-  async buttonClick() {
-    if (this.contact == '' || this.contact.length != 10) {
-      this.invalidValue == true;
-      return;
-    }
-    this.waitingMobile = true;
-    this.infoTextTop = MobileRedirectValues.InfoWaiting;
-    try {
-      await this.baseComponent.apiCall.SendLink(this.redirectLink, this.contact);
-    }
-    catch (e) {
-      this.apiErrorEvent.emit(e);
-    }
-  }
-  handleChangeContact(ev) {
-    let value = ev.target ? ev.target.value : '';
-    this.contact = value.replace(/\D/g, '');
-    if (this.contact.length > 10) {
-      this.contact = this.contact.substring(0, 10);
-    }
-    this.invalidValue = this.contact.length != 10;
-    ev.target.value = this.contact;
-  }
-  render() {
-    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { hidden: this.waitingMobile }, h("div", { class: "text-center" }, h("p", { class: "font-size-2" }, this.infoTextTop)), h("div", { class: "qr-canvas align-center" }, h("img", { src: this.qrCode })), h("div", { class: "text-center" }, h("p", { class: "font-size-2" }, this.infoTextBottom)), h("div", { class: "input-container mb-15" }, h("label", { class: "font-size-18 mb-1 color-red", hidden: this.invalidValue == false }, h("b", null, MobileRedirectValues.Validation)), h("input", { type: "text", id: "codeInput", class: "main-input", disabled: this.prefilledPhone, value: this.contact, onInput: ev => this.handleChangeContact(ev) })), h("div", { class: "pos-relative" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", onClick: () => this.buttonClick() }, "Trimite"), h("p", { class: "main-text font-size-18 text-right mb-0" }, MobileRedirectValues.FooterText)))), h("div", { hidden: this.waitingMobile == false }, h("div", { class: "text-center" }, h("p", { class: "font-size-2" }, this.infoTextTop))))));
-  }
-  static get is() { return "mobile-redirect"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["mobile-redirect.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["mobile-redirect.css"]
-    };
-  }
-  static get states() {
-    return {
-      "infoTextTop": {},
-      "infoTextBottom": {},
-      "contact": {},
-      "invalidValue": {},
-      "waitingMobile": {},
-      "orderStatus": {},
-      "redirectLink": {},
-      "qrCode": {},
-      "prefilledPhone": {}
-    };
-  }
-  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/collection/components/flow/sms-code-validation/sms-code-validation.js

@@ -1,140 +0,0 @@
-import { h } from '@stencil/core';
-import store from '../../../helpers/store';
-import { PhoneValidationValues, CodeValidationValues } from '../../../helpers/textValues';
-import { FlowStatus } from '../../../models/FlowStatus';
-import { FlowSteps } from '../../../models/FlowSteps';
-import { BaseComponent } from '../../base-component';
-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();
-  }
-  componentWillRender() {
-    if (store.flowStatus == FlowStatus.PHONE) {
-      this.title = PhoneValidationValues.Title;
-      this.details = PhoneValidationValues.Description;
-      this.buttonText = 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 = CodeValidationValues.Title;
-      this.details = CodeValidationValues.Description;
-      this.buttonText = 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" }, 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, 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" }, PhoneValidationValues.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": {}
-        }
-      }];
-  }
-}