@ekyc_qoobiss/qbs-ect-cmp 3.6.27 → 3.6.28

package/dist/collection/components/identification-component/identification-component.js

@@ -0,0 +1,408 @@
+import { h } from '@stencil/core';
+import { SessionKeys } from '../../helpers/textValues';
+import store from '../../helpers/store';
+import { ML5 } from '../../helpers/ML5';
+import { FlowStatus } from '../../models/FlowStatus';
+import Events from '../../helpers/Events';
+import * as uuid from 'uuid';
+import packageJson from '../../../package.json';
+import { getLogMessage } from '../../utils/utils';
+import { BaseComponent } from '../base-component';
+import { Browser } from '../../models/IDevice';
+import { FlowMoments, FlowSteps } from '../../models/FlowSteps';
+// @ts-ignore
+import loaderImg from '../../assets/loader.svg';
+export class IdentificationComponent {
+  async onTokenChange(newValue, _oldValue) {
+    if (store.debug)
+      console.log('Token change called with value: ' + newValue);
+    if (newValue == '') {
+      newValue = store.token;
+      return;
+    }
+    if (store.token !== newValue) {
+      store.token = newValue;
+    }
+  }
+  agreementAcceptanceEmitted(data) {
+    try {
+      this.baseComponent.apiCall.GenerateAgreement(data.detail.agreementType);
+    }
+    catch (e) {
+      this.apiErrorEmitter(e, 'Agreement Acceptance');
+    }
+  }
+  async apiErrorEmitter(data, zone) {
+    var _a, _b, _c, _d, _e, _f;
+    if (data.detail) {
+      this.errorTitle = (_b = (_a = data.detail.message) !== null && _a !== void 0 ? _a : data.detail.status) !== null && _b !== void 0 ? _b : '';
+      this.errorMessage = (_d = (_c = data.detail.stack) !== null && _c !== void 0 ? _c : data.detail.statusText) !== null && _d !== void 0 ? _d : '';
+    }
+    else if (data.message) {
+      this.errorTitle = data.message;
+    }
+    else if (data.status) {
+      this.errorTitle = (_e = data.status) !== null && _e !== void 0 ? _e : '';
+      this.errorMessage = (_f = data.statusText) !== null && _f !== void 0 ? _f : '';
+    }
+    else {
+      this.errorTitle = data;
+    }
+    let apiLogData = { message: this.errorTitle, stack: this.errorMessage, zone };
+    try {
+      await this.baseComponent.apiCall.AddLog(apiLogData, getLogMessage(this.order_id, this.redirect_id, this.token));
+    }
+    catch (_g) { }
+    Events.flowError(this.errorTitle);
+    store.flowStatus = FlowStatus.ERROREND;
+  }
+  handleScroll(ev) {
+    if (ev.target.offsetHeight + ev.target.scrollTop >= ev.target.scrollHeight) {
+    }
+    else {
+    }
+  }
+  constructor() {
+    this.logInit = {};
+    this.flowStatusToSet = FlowStatus.NONE;
+    this.token = undefined;
+    this.order_id = undefined;
+    this.api_url = undefined;
+    this.env = undefined;
+    this.redirect_id = undefined;
+    this.phone_number = undefined;
+    this.lang_iso = undefined;
+    this.idSide = '';
+    this.errorMessage = undefined;
+    this.errorTitle = undefined;
+  }
+  async componentWillLoad() {
+    Events.init(window);
+    Events.flowEvent(FlowSteps.ComponentLoaded, FlowMoments.Initialized);
+    store.apiBaseUrl = this.api_url;
+    if (this.env && this.env != '') {
+      store.environment = this.env;
+    }
+    this.baseComponent = new BaseComponent(FlowSteps.ComponentLoaded);
+    this.baseComponent.setErrorCallback(this.apiErrorEmitter);
+    if (store.debug)
+      this.logInit = getLogMessage(this.order_id, this.redirect_id, this.token);
+    if (this.token) {
+      if (store.debug)
+        console.log('Store Token set with property value: ' + this.token);
+      store.token = this.token;
+    }
+    else if (store.token == '') {
+      store.token = sessionStorage.getItem(SessionKeys.TokenKey);
+      this.token = store.token;
+      if (store.debug)
+        console.log('Store Token set with session value: ' + store.token);
+    }
+    if (this.redirect_id) {
+      store.redirectId = this.redirect_id;
+    }
+    if (this.phone_number && this.phone_number != '') {
+      store.phoneNumber = this.phone_number;
+    }
+    if (this.lang_iso && this.lang_iso != '') {
+      store.langIso = this.lang_iso;
+    }
+    var ini = sessionStorage.getItem(SessionKeys.InitialisedKey);
+    if (ini && ini.toLowerCase() == 'true') {
+      store.initialised = true;
+    }
+    var hasIdBk = sessionStorage.getItem(SessionKeys.HasIdBackKey);
+    if (hasIdBk && hasIdBk.toLowerCase() == 'true') {
+      store.hasIdBack = true;
+    }
+    var agrVal = sessionStorage.getItem(SessionKeys.AgreementValidationKey);
+    if (agrVal && agrVal.toLowerCase() == 'true') {
+      store.agreementsValidation = true;
+    }
+    var phoneVal = sessionStorage.getItem(SessionKeys.PhoneValidationKey);
+    if (phoneVal && phoneVal.toLowerCase() == 'true') {
+      store.phoneValidation = true;
+    }
+    const savedRequest = sessionStorage.getItem(SessionKeys.RequestIdKey);
+    if (this.order_id && this.order_id != '') {
+      store.requestId = this.order_id;
+      if (store.debug)
+        console.log('Current RequestId has value: ' + this.order_id);
+      if (savedRequest && savedRequest != '' && savedRequest != this.order_id) {
+        if (store.debug)
+          console.log('Session RequestId: ' + savedRequest + ' has different value than property one: ' + this.order_id);
+        this.flowStatusToSet = FlowStatus.LANDING;
+        store.initialised = false;
+      }
+    }
+    else if (savedRequest) {
+      if (store.debug)
+        console.log('Current RequestId has no value, setting with session value: ' + savedRequest);
+      store.requestId = savedRequest;
+      this.order_id = savedRequest;
+    }
+    if (this.flowStatusToSet == FlowStatus.NONE) {
+      var flowSt = sessionStorage.getItem(SessionKeys.FlowStatusKey);
+      if (flowSt) {
+        this.flowStatusToSet = FlowStatus[flowSt];
+      }
+      else {
+        this.flowStatusToSet = FlowStatus.LANDING;
+      }
+    }
+  }
+  async componentDidLoad() {
+    await this.initializeRequest();
+    store.flowStatus = this.flowStatusToSet;
+  }
+  componentWillRender() {
+    if (this.idSide == '') {
+      this.idSide = store.hasIdBack ? 'front' : '';
+    }
+  }
+  async initializeRequest() {
+    if (store.initialised) {
+      return;
+    }
+    if (store.environment == 'DEMO') {
+      store.initialised = true;
+      return;
+    }
+    if (store.device.browser == Browser.Mi) {
+      this.apiErrorEmitter('Mi Browser nu este acceptat. Va rugam utilizati Chrome.', 'Request Initialisation RequestId:' + store.requestId + ' RedirectId:' + store.redirectId);
+      return;
+    }
+    try {
+      if (store.debug)
+        this.baseComponent.apiCall.AddLog({ phase: 'debug mode' }, this.logInit);
+    }
+    catch (_a) { }
+    try {
+      if (!store.device.isMobile && store.redirectId == '') {
+        store.redirectId = uuid.v4();
+        this.redirect_id = store.redirectId;
+      }
+      if (store.token != '' && (store.requestId != '' || store.redirectId != '')) {
+        store.initialised = await this.baseComponent.apiCall.AddIdentificationRequest(store.device, packageJson.version);
+        if (!this.order_id || this.order_id == '') {
+          this.order_id = store.requestId;
+        }
+      }
+    }
+    catch (e) {
+      this.apiErrorEmitter(e, 'Request Initialisation RequestId:' + store.requestId + ' RedirectId:' + store.redirectId);
+    }
+    ML5.getInstance();
+  }
+  disconnectedCallback() {
+    Events.flowEvent(FlowSteps.ComponentLoaded, FlowMoments.Finalized);
+  }
+  render() {
+    let currentBlock = (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { class: "div-ci align-center" }, h("img", { src: loaderImg })))));
+    if (store.device.isMobile || store.environment == 'DEMO') {
+      if (store.flowStatus == FlowStatus.LANDING) {
+        currentBlock = h("landing-validation", null);
+      }
+    }
+    else if (store.flowStatus != FlowStatus.NONE) {
+      currentBlock = h("mobile-redirect", null);
+    }
+    if (store.flowStatus == FlowStatus.AGREEMENT) {
+      currentBlock = h("agreement-info", null);
+    }
+    if (store.flowStatus == FlowStatus.PHONE) {
+      currentBlock = h("sms-code-validation", null);
+    }
+    if (store.flowStatus == FlowStatus.CODE) {
+      currentBlock = h("sms-code-validation", null);
+    }
+    if (store.flowStatus == FlowStatus.CODEERROR) {
+      currentBlock = h("sms-code-validation", null);
+    }
+    if (store.flowStatus == FlowStatus.ID) {
+      currentBlock = h("process-id", null);
+    }
+    if (store.flowStatus == FlowStatus.LIVENESS) {
+      currentBlock = h("user-liveness", { id: "camera" });
+    }
+    if (store.flowStatus == FlowStatus.COMPLETE) {
+      currentBlock = h("end-redirect", null);
+    }
+    if (store.flowStatus == FlowStatus.ERROREND) {
+      currentBlock = h("error-end", { errorTitle: this.errorTitle, message: this.errorMessage });
+    }
+    if (store.flowStatus == FlowStatus.CAMERAERROR) {
+      currentBlock = h("camera-error", null);
+    }
+    return h("div", null, currentBlock);
+  }
+  static get is() { return "identification-component"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["identification-component.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["identification-component.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "token": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "token",
+        "reflect": true
+      },
+      "order_id": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "order_id",
+        "reflect": true
+      },
+      "api_url": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "api_url",
+        "reflect": true
+      },
+      "env": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "env",
+        "reflect": true
+      },
+      "redirect_id": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "redirect_id",
+        "reflect": true
+      },
+      "phone_number": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "phone_number",
+        "reflect": true
+      },
+      "lang_iso": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "lang_iso",
+        "reflect": true
+      }
+    };
+  }
+  static get states() {
+    return {
+      "idSide": {},
+      "errorMessage": {},
+      "errorTitle": {}
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "token",
+        "methodName": "onTokenChange"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "agreementAcceptance",
+        "method": "agreementAcceptanceEmitted",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "apiError",
+        "method": "apiErrorEmitter",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "scroll",
+        "method": "handleScroll",
+        "target": "window",
+        "capture": false,
+        "passive": true
+      }];
+  }
+}

package/dist/collection/helpers/ApiCall.js

@@ -0,0 +1,223 @@
+import { OrderStatuses } from '../models/OrderStatuses';
+import store from './store';
+import { ApiUrls } from './textValues';
+import { FlowStatus } from '../models/FlowStatus';
+import { FlowMoments, FlowSteps } from '../models/FlowSteps';
+export class ApiCall {
+  constructor() {
+    this.serviceErrors = ['Service Unavailable', 'Unauthorized'];
+    this.toBase64 = (file) => new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.readAsDataURL(file);
+      reader.onload = () => resolve(reader.result);
+      reader.onerror = error => reject(error);
+    });
+    this.urls = new ApiUrls();
+  }
+  // private async http2<T>(method: string, url: string, data: string): Promise<T> {
+  //   return new Promise((resolve, reject) => {
+  //     var xhr = new XMLHttpRequest();
+  //     xhr.open(method, url);
+  //     xhr.onload = function () {
+  //       if (xhr.status >= 200 && xhr.status < 300) {
+  //         resolve(xhr.response);
+  //       } else {
+  //         reject({
+  //           status: xhr.status,
+  //           statusText: xhr.statusText,
+  //         });
+  //       }
+  //     };
+  //     xhr.onerror = function () {
+  //       reject({
+  //         status: xhr.status,
+  //         statusText: xhr.statusText,
+  //       });
+  //     };
+  //     xhr.send(data);
+  //   });
+  // }
+  async http(request) {
+    const response = await fetch(request);
+    if (!response.ok) {
+      throw new Error(response.statusText);
+    }
+    try {
+      // may error if there is no body
+      return await response.json();
+    }
+    catch (ex) {
+      throw new Error('No json found in response ' + ex);
+    }
+  }
+  async post(url, data, withRetry = true) {
+    var request = new Request(store.apiBaseUrl + url, {
+      method: 'POST',
+      body: data,
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': 'IDKYC-TOKEN ' + store.token,
+      },
+    });
+    try {
+      return await this.http(request);
+    }
+    catch (ex) {
+      if (!withRetry || this.serviceErrors.includes(ex.message)) {
+        throw ex;
+      }
+      this.AddLog('Error in post ', ex);
+      try {
+        var request2 = new Request(store.apiBaseUrl + url, {
+          method: 'POST',
+          body: data,
+          headers: {
+            'Content-Type': 'application/json',
+            'Authorization': 'IDKYC-TOKEN ' + store.token,
+          },
+        });
+        return await this.http(request2);
+      }
+      catch (ex2) {
+        this.AddLog('Error in post ', ex2);
+        var request3 = new Request(store.apiBaseUrl + url, {
+          method: 'POST',
+          body: data,
+          headers: {
+            'Content-Type': 'application/json',
+            'Authorization': 'IDKYC-TOKEN ' + store.token,
+          },
+        });
+        return await this.http(request3);
+      }
+    }
+  }
+  async get(url, withRetry = true) {
+    var request = new Request(store.apiBaseUrl + url, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': 'IDKYC-TOKEN ' + store.token,
+      },
+    });
+    try {
+      return await this.http(request);
+    }
+    catch (ex) {
+      if (!withRetry || this.serviceErrors.includes(ex.message)) {
+        throw ex;
+      }
+      this.AddLog('Error in get ', ex);
+      try {
+        var request2 = new Request(store.apiBaseUrl + url, {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+            'Authorization': 'IDKYC-TOKEN ' + store.token,
+          },
+        });
+        return await this.http(request2);
+      }
+      catch (ex2) {
+        this.AddLog('Error in get ', ex2);
+        var request3 = new Request(store.apiBaseUrl + url, {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+            'Authorization': 'IDKYC-TOKEN ' + store.token,
+          },
+        });
+        return await this.http(request3);
+      }
+    }
+  }
+  async SendOTPCode(requestId, phoneNumber) {
+    let data = { requestId: requestId, phone: phoneNumber };
+    let jsonResp = await this.post(this.urls.OtpSend, JSON.stringify(data));
+    return jsonResp.sent;
+  }
+  async CheckOTPCode(requestId, otpCode) {
+    let data = { requestId: requestId, otp: otpCode };
+    let jsonResp = await this.post(this.urls.OtpCheck, JSON.stringify(data));
+    return jsonResp.valid;
+  }
+  async AddIdentificationRequest(deviceInfo, version) {
+    if (store.debug)
+      console.log('Calling identity request with store:' + JSON.stringify(store));
+    let data = {
+      requestId: store.requestId,
+      clientDeviceInfo: JSON.stringify(deviceInfo),
+      redirectId: store.redirectId,
+      phoneNumber: store.phoneNumber,
+      version: version,
+    };
+    let jsonResp = await this.post(this.urls.IdentityInsert, JSON.stringify(data));
+    if (store.requestId == '') {
+      store.requestId = jsonResp.requestId;
+    }
+    store.hasIdBack = jsonResp.hasIdBack;
+    store.hasIdTilt = jsonResp.hasIdTilt;
+    store.hasSelfieGesture = jsonResp.hasSelfieGesture;
+    store.agreementsValidation = jsonResp.agreementsValidation;
+    store.phoneValidation = jsonResp.phoneValidation;
+    store.phoneNumber = jsonResp.phoneNumber;
+    return true;
+  }
+  async UploadFileForRequestB64(requestId, type, file) {
+    let data = {
+      requestId: requestId,
+      type: type,
+      data: await this.toBase64(file),
+    };
+    let respJson = await this.post(this.urls.UploadCapture, JSON.stringify(data));
+    if (!store.hasIdBack && type == 'IdFront') {
+      return respJson.isValid;
+    }
+    if (store.hasIdBack && type == 'IdBack') {
+      return respJson.isValid;
+    }
+    if (type == 'Selfie') {
+      return respJson.isValid;
+    }
+    return true;
+  }
+  async GetAgreement(agreementType) {
+    let resp = await this.get(this.urls.GetAgreement + '?type=' + agreementType + '&requestId=' + store.requestId);
+    return resp.htmlText;
+  }
+  async GenerateAgreement(agreementType) {
+    let data = { requestId: store.requestId, documentType: agreementType };
+    let resp = await this.post(this.urls.GenerateAgreement, JSON.stringify(data));
+    return resp.generation;
+  }
+  async GetStatus(requestId) {
+    let resp = await this.get(this.urls.GetStatus + '?orderId=' + requestId);
+    return OrderStatuses[resp.status];
+  }
+  async SendLink(link, phoneNumber) {
+    let data = { requestId: store.requestId, link: link, phoneNumber: phoneNumber };
+    let resp = await this.post(this.urls.SendLink, JSON.stringify(data));
+    return resp.sent;
+  }
+  async AddLog(error, context) {
+    try {
+      let data = {
+        requestId: store.requestId,
+        action: FlowStatus[store.flowStatus],
+        message: JSON.stringify({ error, context }),
+      };
+      let result = await this.post(this.urls.AddLog, JSON.stringify(data), false);
+      return result.saved;
+    }
+    catch (_a) { }
+  }
+  async AddStep(step, moment) {
+    let data = { requestId: store.requestId, redirectId: store.redirectId, step: FlowSteps[step], moment: FlowMoments[moment], timestamp: new Date().toISOString() };
+    let result = await this.post(this.urls.AddStep, JSON.stringify(data));
+    return result.saved;
+  }
+  async AbortRequest() {
+    let result = await this.post(this.urls.AbortRequest, JSON.stringify({ requestId: store.requestId }));
+    return result.saved;
+  }
+}

package/dist/{qbs-ect-cmp/Cameras-dfbebc29.js → collection/helpers/Cameras.js}

@@ -1,7 +1,6 @@
-import { B as Browser } from './IDevice-15ecfdeb.js';
-import { s as state } from './textValues-6bcc85dd.js';
-
-class Cameras {
+import { Browser } from '../models/IDevice';
+import store from './store';
+export class Cameras {
   async GetCameras(deviceInfo) {
     var allDevices = [];
     const devices = await navigator.mediaDevices.enumerateDevices();
@@ -115,8 +114,8 @@ class Cameras {
       let cam = new Cameras();
       let cameras = (await cam.GetCameras(device)).filter(c => c.facingMode == 'environment');
       var recommCamera = cam.GetRecommendedCamera(cameras);
-      state.cameraIds = cameras.map(camera => camera.deviceId);
-      state.cameraId = recommCamera === null || recommCamera === void 0 ? void 0 : recommCamera.deviceId;
+      store.cameraIds = cameras.map(camera => camera.deviceId);
+      store.cameraId = recommCamera === null || recommCamera === void 0 ? void 0 : recommCamera.deviceId;
       return true;
     }
     catch (e) {
@@ -127,6 +126,4 @@ class Cameras {
       throw e;
     }
   }
-}
-
-export { Cameras as C };
+}