@ekyc_qoobiss/qbs-ect-cmp 3.6.40 → 3.6.42

package/dist/collection/components/common/selfie-tilt/selfie-tilt.js

@@ -1,221 +0,0 @@
-import { h } from '@stencil/core';
-import { Cameras } from '../../../helpers/Cameras';
-import { Stream } from '../../../helpers/Stream';
-import { SelfieCaptureValues } from '../../../helpers/textValues';
-import { FaceML5Detector } from '../../../libs/FaceML5Detector/FaceML5Detector';
-import { delay } from '../../../utils/utils';
-import store from '../../../helpers/store';
-import { BaseComponent } from '../../base-component';
-import { FlowMoments, FlowSteps } from '../../../models/FlowSteps';
-import { VerificationMode } from '../../../models/IVerificationMode';
-import { Translations } from '../../../helpers/TranslationUtils';
-export class SelfieTilt {
-  // @State() private animationPath: string;
-  constructor() {
-    this.photoIsReady = photos => {
-      //this.closeCamera();
-      this.eventPhotoCapture.emit(photos);
-    };
-    this.videoStarted = undefined;
-    this.captureTaken = undefined;
-    this.verified = undefined;
-    this.titleMesage = undefined;
-    this.demoEnded = undefined;
-    this.demoVideo = undefined;
-    this.uploadingLink = undefined;
-    this.captureHeight = undefined;
-    this.captureWidth = undefined;
-    this.captureTaken = false;
-    this.verified = false;
-    this.cameras = new Cameras();
-    this.demoEnded = false;
-    this.uploadingLink = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_selfie.mp4';
-    this.baseComponent = new BaseComponent(FlowSteps.SelfieTilt);
-  }
-  eventVideoStarted(event) {
-    this.videoStarted = true;
-    var cameraSize = event.detail;
-    var height = Math.round((cameraSize.width * 16) / 9);
-    this.captureHeight = height - Math.round((window.screen.height - height) / 2);
-    this.captureWidth = Math.round((this.captureHeight * 9) / 16);
-  }
-  async componentWillLoad() {
-    this.translations = await Translations.getValues();
-    this.titleMesage = this.translations.SelfieCaptureValues.Title;
-    //this.videoDemoStyle = this.device.isMobile ? { 'width': window.screen.width + 'px', 'height': window.screen.height + 'px', 'object-fit': 'fill' } : {};
-    if (!navigator.mediaDevices) {
-      this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
-    }
-  }
-  async componentDidLoad() {
-    this.mainStream = Stream.getNewInstance(VerificationMode.Tilt);
-    await this.baseComponent.logStep(FlowSteps.SelfieTilt, FlowMoments.Initialized);
-    this.titleMesage = this.translations.SelfieCaptureValues.FacePoseMapping[this.mainStream.facePose];
-    this.demoEnded = false;
-    this.demoVideo.src = SelfieCaptureValues.FacePoseDemoMapping[this.mainStream.facePose];
-    this.demoVideo.play();
-    await delay(this.translations.GlobalValues.VideoLenght);
-    this.demoEnded = true;
-    this.openCamera();
-  }
-  async openCamera() {
-    const constraints = this.cameras.GetConstraints('', store.device, true);
-    setTimeout(() => {
-      navigator.mediaDevices
-        .getUserMedia(constraints)
-        .then(stream => {
-        this.mainStream.initStream(stream);
-      })
-        .catch(e => {
-        this.closeCamera();
-        this.apiErrorEvent.emit(e);
-      });
-    }, 100);
-  }
-  closeCamera() {
-    if (this.mainStream) {
-      this.mainStream.dropStream();
-    }
-  }
-  disconnectedCallback() {
-    this.closeCamera();
-    Stream.instance = null;
-    FaceML5Detector.instance = null;
-  }
-  async takePhoto() {
-    if (this.captureTaken)
-      return;
-    this.captureTaken = true;
-    let res = this.mainStream.takePhoto();
-    this.photoIsReady(res);
-    await this.baseComponent.logStep(FlowSteps.SelfieTilt, FlowMoments.Finalized);
-  }
-  async verificationFinished() {
-    if (this.verified)
-      return;
-    this.verified = true;
-    this.titleMesage = this.translations.SelfieCaptureValues.Loading;
-    this.closeCamera();
-    this.demoEnded = false;
-    var loops = 0;
-    this.demoVideo.src = this.uploadingLink;
-    this.demoVideo.loop = false;
-    while (loops < 7) {
-      loops++;
-      this.demoVideo.play();
-      await delay(this.translations.GlobalValues.VideoLenght);
-    }
-    this.eventTimeElapsed.emit();
-  }
-  render() {
-    let cameraStyle;
-    if (store.device.isMobile && this.videoStarted) {
-      cameraStyle = {
-        'width': this.captureWidth + 'px',
-        'height': this.captureHeight + 'px',
-        'overflow': 'hidden',
-        'borderRadius': '10px',
-        'text-align': 'center',
-        'margin': 'auto',
-      };
-    }
-    let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
-    //let videoClass = this.device.isMobile ? '' : 'video-demo';
-    let bgDemo = this.verified ? 'container' : 'container bg-black';
-    return (h("div", { class: bgDemo }, h("div", { class: "container-video" }, h("div", { hidden: this.demoEnded }, h("video", { id: "howtoSelfie", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { hidden: this.demoEnded == false }, h("div", { hidden: this.verified }, h("div", { class: "video-capture" }, h("div", { style: cameraStyle }, h("camera-comp", { "capture-mode": "selfie" }))))), h("div", { class: "capture-title" }, h("h1", { class: titleClass }, this.titleMesage), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText)))));
-  }
-  static get is() { return "selfie-tilt"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["selfie-tilt.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["selfie-tilt.css"]
-    };
-  }
-  static get states() {
-    return {
-      "videoStarted": {},
-      "captureTaken": {},
-      "verified": {},
-      "titleMesage": {},
-      "demoEnded": {},
-      "demoVideo": {},
-      "uploadingLink": {},
-      "captureHeight": {},
-      "captureWidth": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "eventPhotoCapture",
-        "name": "photoSelfieTiltCapture",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "apiErrorEvent",
-        "name": "apiError",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "eventTimeElapsed",
-        "name": "timeElapsed",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "component"; }
-  static get listeners() {
-    return [{
-        "name": "videoStarted",
-        "method": "eventVideoStarted",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "takePhoto",
-        "method": "takePhoto",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "verificationFinished",
-        "method": "verificationFinished",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
-}

package/dist/qbs-ect-cmp/p-d35256e9.js

@@ -1 +0,0 @@
-import{a as t,f as e}from"./p-8942656c.js";var i;!function(t){t[t.Capturing=0]="Capturing",t[t.FinishedCapturing=1]="FinishedCapturing",t[t.Waiting=2]="Waiting",t[t.NotFound=3]="NotFound",t[t.Aborted=4]="Aborted"}(i||(i={}));const n=t=>!("isConnected"in t)||t.isConnected,s=(()=>{let t;return(...e)=>{t&&clearTimeout(t),t=setTimeout((()=>{t=0,(t=>{for(let e of t.keys())t.set(e,t.get(e).filter(n))})(...e)}),2e3)}})(),a=t=>"function"==typeof t?t():t;var o;!function(t){t[t.LANDING=0]="LANDING",t[t.AGREEMENT=1]="AGREEMENT",t[t.PHONE=2]="PHONE",t[t.CODE=3]="CODE",t[t.CODEERROR=4]="CODEERROR",t[t.ID=5]="ID",t[t.LIVENESS=6]="LIVENESS",t[t.COMPLETE=7]="COMPLETE",t[t.ERROREND=8]="ERROREND",t[t.CAMERAERROR=9]="CAMERAERROR",t[t.NONE=10]="NONE"}(o||(o={}));class r{}r.IDPoseDemoMapping={0:"https://ekyc.blob.core.windows.net/$web/animations/id/id_front.mp4",1:"https://ekyc.blob.core.windows.net/$web/animations/id/id_front_tilt.mp4",2:"https://ekyc.blob.core.windows.net/$web/animations/id/id_rotate.mp4",3:"https://ekyc.blob.core.windows.net/$web/animations/id/id_back.mp4",4:"https://ekyc.blob.core.windows.net/$web/animations/id/id_back_tilt.mp4"};class c{}c.FacePoseDemoMapping={0:"https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_rotate_left.mp4",1:"https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_rotate_right.mp4",2:"https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_tilt_back.mp4",3:"https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_tilt_front.mp4",4:"https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_main.mp4"};class d{}d.FlowStatusKey="qbs-ect-flowstatus",d.RequestIdKey="qbs-ect-requestid",d.TokenKey="qbs-ect-token",d.InitialisedKey="qbs-ect-initialised",d.HasIdBackKey="qbs-ect-has-id-back",d.AgreementValidationKey="qbs-ect-agreement-validation",d.PhoneValidationKey="qbs-ect-phone-validation",d.RefreshDoneKey="qbs-ect-refresh-done";class h{constructor(){this.uriEnv="/",this.uriEnv="QA"==l.environment?"/dev_":"/",this.OtpSend=this.uriEnv+"validation/otp/send",this.OtpCheck=this.uriEnv+"validation/otp/check",this.IdentityInsert=this.uriEnv+"validation/identity/insert",this.UploadCapture=this.uriEnv+"validation/upload/capture",this.GetAgreement=this.uriEnv+"validation/agreement/content",this.GenerateAgreement=this.uriEnv+"validation/agreement/generate",this.SendLink=this.uriEnv+"validation/otp/sendlink",this.GetStatus=this.uriEnv+"validation/identity/status",this.AddLog=this.uriEnv+"validation/logs/add",this.AddStep=this.uriEnv+"validation/logs/step",this.AbortRequest=this.uriEnv+"validation/identity/abort",this.Translations=this.uriEnv+"validation/translations/get"}}const{state:l,onChange:u}=(()=>{const i=((t,e=((t,e)=>t!==e))=>{const i=a(t);let n=new Map(Object.entries(null!=i?i:{}));const s={dispose:[],get:[],set:[],reset:[]},o=()=>{var e;n=new Map(Object.entries(null!==(e=a(t))&&void 0!==e?e:{})),s.reset.forEach((t=>t()))},r=t=>(s.get.forEach((e=>e(t))),n.get(t)),c=(t,i)=>{const a=n.get(t);e(i,a,t)&&(n.set(t,i),s.set.forEach((e=>e(t,i,a))))},d="undefined"==typeof Proxy?{}:new Proxy(i,{get:(t,e)=>r(e),ownKeys:()=>Array.from(n.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(t,e)=>n.has(e),set:(t,e,i)=>(c(e,i),!0)}),h=(t,e)=>(s[t].push(e),()=>{((t,e)=>{const i=t.indexOf(e);i>=0&&(t[i]=t[t.length-1],t.length--)})(s[t],e)});return{state:d,get:r,set:c,on:h,onChange:(e,i)=>{const n=h("set",((t,n)=>{t===e&&i(n)})),s=h("reset",(()=>i(a(t)[e])));return()=>{n(),s()}},use:(...t)=>{const e=t.reduce(((t,e)=>(e.set&&t.push(h("set",e.set)),e.get&&t.push(h("get",e.get)),e.reset&&t.push(h("reset",e.reset)),e.dispose&&t.push(h("dispose",e.dispose)),t)),[]);return()=>e.forEach((t=>t()))},dispose:()=>{s.dispose.forEach((t=>t())),o()},reset:o,forceUpdate:t=>{const e=n.get(t);s.set.forEach((i=>i(t,e,e)))}}})({flowStatus:o.NONE,environment:"PROD",debug:!1,requestId:"",redirectId:"",initialised:!1,token:"",cameraIds:[],cameraId:"",hasIdBack:!1,hasSelfieGesture:!1,hasIdTilt:!1,agreementsValidation:!0,phoneValidation:!0,phoneNumber:"",apiBaseUrl:"https://apiro.id-kyc.com",device:null,langIso:"ro"},void 0);return i.use((()=>{if("function"!=typeof t)return{};const i=new Map;return{dispose:()=>i.clear(),get:e=>{const n=t();n&&((t,e,i)=>{const n=t.get(e);n?n.includes(i)||n.push(i):t.set(e,[i])})(i,e,n)},set:t=>{const n=i.get(t);n&&i.set(t,n.filter(e)),s(i)},reset:()=>{i.forEach((t=>t.forEach(e))),s(i)}}})()),i})();var p,w;u("environment",(t=>{l.debug="QA"==t})),u("flowStatus",(t=>{sessionStorage.setItem(d.FlowStatusKey,o[t])})),u("token",(t=>{sessionStorage.setItem(d.TokenKey,t)})),u("requestId",(t=>{sessionStorage.setItem(d.RequestIdKey,t)})),u("initialised",(t=>{sessionStorage.setItem(d.InitialisedKey,String(t))})),u("hasIdBack",(t=>{sessionStorage.setItem(d.HasIdBackKey,String(t))})),u("agreementsValidation",(t=>{sessionStorage.setItem(d.AgreementValidationKey,String(t))})),u("phoneValidation",(t=>{sessionStorage.setItem(d.PhoneValidationKey,String(t))})),function(t){t[t.ComponentLoaded="component-loaded"]="ComponentLoaded",t[t.MobileRedirect="mobile-redirect"]="MobileRedirect",t[t.Landing="landing"]="Landing",t[t.Agreements="agreements"]="Agreements",t[t.OtpSend="otp-send"]="OtpSend",t[t.OtpCheck="otp-check"]="OtpCheck",t[t.CiFront="ci-front"]="CiFront",t[t.CiFrontHowTo="ci-front-how-to"]="CiFrontHowTo",t[t.CiFrontCapture="ci-front-capture"]="CiFrontCapture",t[t.CiBack="ci-back"]="CiBack",t[t.CiBackHowTo="ci-back-how-to"]="CiBackHowTo",t[t.CiBackCapture="ci-back-capture"]="CiBackCapture",t[t.CiTilt="ci-tilt"]="CiTilt",t[t.CiError="ci-error"]="CiError",t[t.SelfieHowTo="selfie-how-to"]="SelfieHowTo",t[t.SelfieTilt="selfie-tilt"]="SelfieTilt",t[t.SelfieCapture="selfie-capture"]="SelfieCapture",t[t.Selfie="selfie"]="Selfie",t[t.SelfieError="selfie-error"]="SelfieError",t[t.End="end"]="End",t[t.CameraError="camera-error"]="CameraError"}(p||(p={})),function(t){t[t.Initialized="initialized"]="Initialized",t[t.Finalized="finalized"]="Finalized",t[t.None="none"]="None"}(w||(w={}));class b{constructor(){this.serviceErrors=["Service Unavailable","Unauthorized"],this.toBase64=t=>new Promise(((e,i)=>{const n=new FileReader;n.readAsDataURL(t),n.onload=()=>e(n.result),n.onerror=t=>i(t)})),this.urls=new h}async http(t){const e=await fetch(t);if(!e.ok)throw new Error(e.statusText);try{return await e.json()}catch(t){throw new Error("No json found in response "+t)}}async post(t,e,i=!0){var n=new Request(l.apiBaseUrl+t,{method:"POST",body:e,headers:{"Content-Type":"application/json",Authorization:"IDKYC-TOKEN "+l.token}});try{return await this.http(n)}catch(n){if(!i||this.serviceErrors.includes(n.message))throw n;this.AddLog("Error in post ",n);try{var s=new Request(l.apiBaseUrl+t,{method:"POST",body:e,headers:{"Content-Type":"application/json",Authorization:"IDKYC-TOKEN "+l.token}});return await this.http(s)}catch(i){this.AddLog("Error in post ",i);var a=new Request(l.apiBaseUrl+t,{method:"POST",body:e,headers:{"Content-Type":"application/json",Authorization:"IDKYC-TOKEN "+l.token}});return await this.http(a)}}}async get(t,e=!0){var i=new Request(l.apiBaseUrl+t,{method:"GET",headers:{"Content-Type":"application/json",Authorization:"IDKYC-TOKEN "+l.token}});try{return await this.http(i)}catch(i){if(!e||this.serviceErrors.includes(i.message))throw i;this.AddLog("Error in get ",i);try{var n=new Request(l.apiBaseUrl+t,{method:"GET",headers:{"Content-Type":"application/json",Authorization:"IDKYC-TOKEN "+l.token}});return await this.http(n)}catch(e){this.AddLog("Error in get ",e);var s=new Request(l.apiBaseUrl+t,{method:"GET",headers:{"Content-Type":"application/json",Authorization:"IDKYC-TOKEN "+l.token}});return await this.http(s)}}}async SendOTPCode(t,e){let i={requestId:t,phone:e};return(await this.post(this.urls.OtpSend,JSON.stringify(i))).sent}async CheckOTPCode(t,e){let i={requestId:t,otp:e};return(await this.post(this.urls.OtpCheck,JSON.stringify(i))).valid}async AddIdentificationRequest(t,e){l.debug&&console.log("Calling identity request with store:"+JSON.stringify(l));let i={requestId:l.requestId,clientDeviceInfo:JSON.stringify(t),redirectId:l.redirectId,phoneNumber:l.phoneNumber,version:e},n=await this.post(this.urls.IdentityInsert,JSON.stringify(i));return""==l.requestId&&(l.requestId=n.requestId),l.hasIdBack=n.hasIdBack,l.hasIdTilt=n.hasIdTilt,l.hasSelfieGesture=n.hasSelfieGesture,l.agreementsValidation=n.agreementsValidation,l.phoneValidation=n.phoneValidation,l.phoneNumber=n.phoneNumber,!0}async UploadFileForRequestB64(t,e,i){let n={requestId:t,type:e,data:await this.toBase64(i)},s=await this.post(this.urls.UploadCapture,JSON.stringify(n));return l.hasIdBack||"IdFront"!=e?l.hasIdBack&&"IdBack"==e?s.isValid:"Selfie"!=e||s.isValid:s.isValid}async GetAgreement(t){return(await this.get(this.urls.GetAgreement+"?type="+t+"&requestId="+l.requestId)).htmlText}async GenerateAgreement(t){let e={requestId:l.requestId,documentType:t};return(await this.post(this.urls.GenerateAgreement,JSON.stringify(e))).generation}async GetStatus(t){let e=await this.get(this.urls.GetStatus+"?orderId="+t);return i[e.status]}async SendLink(t,e){let i={requestId:l.requestId,link:t,phoneNumber:e};return(await this.post(this.urls.SendLink,JSON.stringify(i))).sent}async AddLog(t,e){try{let i={requestId:l.requestId,action:o[l.flowStatus],message:JSON.stringify({error:t,context:e})};return(await this.post(this.urls.AddLog,JSON.stringify(i),!1)).saved}catch(t){}}async AddStep(t,e){let i={requestId:l.requestId,redirectId:l.redirectId,step:p[t],moment:w[e],timestamp:(new Date).toISOString()};return(await this.post(this.urls.AddStep,JSON.stringify(i))).saved}async AbortRequest(){return(await this.post(this.urls.AbortRequest,JSON.stringify({requestId:l.requestId}))).saved}async GetTranslations(t){return await this.get(this.urls.Translations+"?langIso="+t)}}const m=new class{async getValues(){return this.values||(this.values=await this.fetchTranslations()),this.values}getLocale(t=document.body){if(l.langIso&&""!=l.langIso)return l.langIso;{const e=t.closest("[lang]");return e?e.lang:"ro"}}async fetchTranslations(){const t=this.getLocale();try{const e=(new b).GetTranslations(t);if(e)return e}catch(e){return console.error(`Error loading locale: ${t}`,e),null}}};export{b as A,w as F,r as I,i as O,d as S,m as T,p as a,o as b,c,l as s}

package/dist/types/components/common/id-back-capture/id-back-capture.d.ts

@@ -1,28 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class IdBackCapture {
-  private baseComponent;
-  private translations;
-  component: HTMLElement;
-  private videoStarted;
-  private cameraSize;
-  private captureTaken;
-  private verified;
-  private titleMesage;
-  eventPhotoCapture: EventEmitter;
-  apiErrorEvent: EventEmitter<any>;
-  eventTimeElapsed: EventEmitter;
-  private cameras;
-  private showDemo;
-  private demoVideo;
-  constructor();
-  eventVideoStarted(event: any): void;
-  componentWillLoad(): Promise<void>;
-  componentDidLoad(): Promise<void>;
-  openCamera(): Promise<void>;
-  closeCamera(): void;
-  disconnectedCallback(): void;
-  verificationFinished(): Promise<void>;
-  takePhoto(): Promise<void>;
-  photoIsReady: (photos: any) => void;
-  render(): any;
-}

package/dist/types/components/common/id-tilt/id-tilt.d.ts

@@ -1,28 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class IdTilt {
-  private baseComponent;
-  private translations;
-  component: HTMLElement;
-  private videoStarted;
-  private cameraSize;
-  private captureTaken;
-  private verified;
-  private titleMesage;
-  private showDemo;
-  private demoVideo;
-  eventPhotoCapture: EventEmitter;
-  apiErrorEvent: EventEmitter<any>;
-  eventTimeElapsed: EventEmitter;
-  private cameras;
-  constructor();
-  eventVideoStarted(event: any): void;
-  componentWillLoad(): Promise<void>;
-  componentDidLoad(): Promise<void>;
-  openCamera(): Promise<void>;
-  closeCamera(): void;
-  disconnectedCallback(): void;
-  takePhoto(): Promise<void>;
-  verificationFinished(): Promise<void>;
-  photoIsReady: (photos: any) => void;
-  render(): any;
-}

package/dist/types/components/common/selfie-tilt/selfie-tilt.d.ts

@@ -1,31 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class SelfieTilt {
-  private baseComponent;
-  private translations;
-  component: HTMLElement;
-  private videoStarted;
-  private captureTaken;
-  private verified;
-  private titleMesage;
-  private demoEnded;
-  private demoVideo;
-  private uploadingLink;
-  private captureHeight;
-  private captureWidth;
-  eventPhotoCapture: EventEmitter;
-  apiErrorEvent: EventEmitter<any>;
-  eventTimeElapsed: EventEmitter;
-  private cameras;
-  private mainStream;
-  constructor();
-  eventVideoStarted(event: any): void;
-  componentWillLoad(): Promise<void>;
-  componentDidLoad(): Promise<void>;
-  openCamera(): Promise<void>;
-  closeCamera(): void;
-  disconnectedCallback(): void;
-  takePhoto(): Promise<void>;
-  verificationFinished(): Promise<void>;
-  photoIsReady: (photos: any) => void;
-  render(): any;
-}