@ekyc_qoobiss/qbs-ect-cmp 3.6.27 → 3.6.28

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

@@ -0,0 +1,122 @@
+import { h } from '@stencil/core';
+import { 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 = this.baseComponent.translations.LandingValues.WarningMd;
+    }
+    else {
+      this.warningText = this.baseComponent.translations.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" }, this.baseComponent.translations.LandingValues.Title), h("div", { class: "d-flex space-between align-center" }, h("p", { class: "main-text font-size-2" }, this.baseComponent.translations.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, this.baseComponent.translations.LandingValues.IdInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idDevice })), h("h3", null, this.baseComponent.translations.LandingValues.DeviceInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idValidation })), h("h3", null, this.baseComponent.translations.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() }, this.baseComponent.translations.LandingValues.Button), h("p", { class: "main-text font-size-2 link-text mb-0", onClick: () => this.leaveFlow() }, this.baseComponent.translations.LandingValues.ButtonLeave), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.baseComponent.translations.GlobalValues.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

@@ -0,0 +1,10 @@
+.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

@@ -0,0 +1,143 @@
+import { h } from '@stencil/core';
+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 = this.baseComponent.translations.MobileRedirectValues.InfoTop;
+    this.infoTextBottom = this.baseComponent.translations.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 = this.baseComponent.translations.MobileRedirectValues.InfoWaiting;
+      this.waitingMobile = true;
+    }
+    if (this.orderStatus == OrderStatuses.Aborted) {
+      this.waitingMobile = false;
+      this.infoTextTop = this.baseComponent.translations.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 = this.baseComponent.translations.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, this.baseComponent.translations.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" }, this.baseComponent.translations.GlobalValues.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/{qbs-ect-cmp/process-id.entry.js → collection/components/flow/process-id/process-id.js}

@@ -1,19 +1,14 @@
-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, I as IdCaptureFlowStatus } from './CaptureFlow-db5d90a4.js';
-import './ML5-657ef934.js';
-import './_commonjsHelpers-321aa363.js';
-import './IDevice-15ecfdeb.js';
-
-const processIdCss = "";
-
-const ProcessId = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.apiErrorEvent = createEvent(this, "apiError", 7);
+import { h /*getAssetPath*/ } 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 { IdCaptureFlowStatus, CaptureUploadTypes } from '../../../models/CaptureFlow';
+// import { IDPose } from '../../libs/IDML5Detector/IDPose';
+export class ProcessId {
+  constructor() {
     this.recordingResultCount = 0;
     this.captureStep = undefined;
     this.showTimeout = undefined;
@@ -36,7 +31,7 @@ const ProcessId = class {
       back: null,
       tilt: null,
     };
-    if (state.hasIdBack) {
+    if (store.hasIdBack) {
       this.flow.back = {
         photoDone: false,
         recordingDone: false,
@@ -46,7 +41,7 @@ const ProcessId = class {
         recType: CaptureUploadTypes.IdBackVideo,
       };
     }
-    if (state.hasIdTilt) {
+    if (store.hasIdTilt) {
       this.flow.tilt = {
         photoDone: true,
         recordingDone: false,
@@ -146,7 +141,7 @@ const ProcessId = class {
     if (photoFile == null || uploadType == '') {
       return false;
     }
-    var uploadResult = await this.baseComponent.apiCall.UploadFileForRequestB64(state.requestId, uploadType, photoFile);
+    var uploadResult = await this.baseComponent.apiCall.UploadFileForRequestB64(store.requestId, uploadType, photoFile);
     if (uploadResult) {
       return true;
     }
@@ -160,7 +155,7 @@ const ProcessId = class {
     if (recordingFile == null) {
       return;
     }
-    var uploadResult = await this.baseComponent.apiCall.UploadFileForRequestB64(state.requestId, uploadType, recordingFile);
+    var uploadResult = await this.baseComponent.apiCall.UploadFileForRequestB64(store.requestId, uploadType, recordingFile);
     if (uploadResult) {
       return true;
     }
@@ -193,10 +188,10 @@ const ProcessId = class {
   async endFlow() {
     if (this.captureStep == IdCaptureFlowStatus.IdFront) {
       if (this.flow.front.photoDone && this.flow.front.recordingDone) {
-        if (state.hasIdBack) {
+        if (store.hasIdBack) {
           this.captureStep = IdCaptureFlowStatus.IdBack;
         }
-        else if (state.hasIdTilt) {
+        else if (store.hasIdTilt) {
           this.captureStep = IdCaptureFlowStatus.Tilt;
         }
         else {
@@ -207,9 +202,9 @@ const ProcessId = class {
         return;
       }
     }
-    if (this.captureStep == IdCaptureFlowStatus.IdBack && state.hasIdBack) {
+    if (this.captureStep == IdCaptureFlowStatus.IdBack && store.hasIdBack) {
       if (this.flow.back.photoDone && this.flow.back.recordingDone) {
-        if (state.hasIdTilt) {
+        if (store.hasIdTilt) {
           this.captureStep = IdCaptureFlowStatus.Tilt;
         }
         else {
@@ -220,7 +215,7 @@ const ProcessId = class {
         return;
       }
     }
-    if (this.captureStep == IdCaptureFlowStatus.Tilt && state.hasIdTilt) {
+    if (this.captureStep == IdCaptureFlowStatus.Tilt && store.hasIdTilt) {
       if (this.flow.tilt.photoDone && this.flow.tilt.recordingDone) {
         this.captureStep = IdCaptureFlowStatus.End;
       }
@@ -231,15 +226,15 @@ const ProcessId = class {
     if (this.captureStep != IdCaptureFlowStatus.End) {
       return;
     }
-    state.flowStatus = FlowStatus.LIVENESS;
+    store.flowStatus = FlowStatus.LIVENESS;
   }
   async disconnectedCallback() {
     await this.baseComponent.finalize();
   }
   switchCamera() {
     if (this.captureRetryCount == 1) {
-      let camIndex = state.cameraIds.indexOf(state.cameraId);
-      state.cameraId = camIndex === state.cameraIds.length - 1 ? state.cameraIds[0] : state.cameraIds[camIndex + 1];
+      let camIndex = store.cameraIds.indexOf(store.cameraId);
+      store.cameraId = camIndex === store.cameraIds.length - 1 ? store.cameraIds[0] : store.cameraIds[camIndex + 1];
       this.captureRetryCount = 0;
     }
     else {
@@ -272,7 +267,80 @@ const ProcessId = class {
       return tiltCapture;
     }
   }
-};
-ProcessId.style = processIdCss;
-
-export { ProcessId as process_id };
+  static get is() { return "process-id"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["process-id.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["process-id.css"]
+    };
+  }
+  static get states() {
+    return {
+      "captureStep": {},
+      "showTimeout": {},
+      "showInvalid": {},
+      "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": "photoIdCapture",
+        "method": "captureIdImage",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "photoIdBackCapture",
+        "method": "captureIdBackImage",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "recordingIdCapture",
+        "method": "capturedIdRecording",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
+}

package/dist/{qbs-ect-cmp/sms-code-validation.entry.js → collection/components/flow/sms-code-validation/sms-code-validation.js}

@@ -1,14 +1,10 @@
-import { r as registerInstance, e as createEvent, h } from './index-78a05b9e.js';
-import { s as state, F as FlowStatus } from './textValues-6bcc85dd.js';
-import { B as BaseComponent, F as FlowSteps } from './base-component-2e490fd9.js';
-import './IDevice-15ecfdeb.js';
-
-const smsCodeValidationCss = "";
-
-const SmsCodeValidation = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.apiErrorEvent = createEvent(this, "apiError", 7);
+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';
+export class SmsCodeValidation {
+  constructor() {
     this.title = undefined;
     this.details = undefined;
     this.buttonText = undefined;
@@ -16,10 +12,10 @@ const SmsCodeValidation = class {
     this.code = undefined;
     this.prefilledPhone = false;
     this.canSend = false;
-    if (state.flowStatus == FlowStatus.PHONE) {
+    if (store.flowStatus == FlowStatus.PHONE) {
       this.baseComponent = new BaseComponent(FlowSteps.OtpSend);
     }
-    if (state.flowStatus == FlowStatus.CODE) {
+    if (store.flowStatus == FlowStatus.CODE) {
       this.baseComponent = new BaseComponent(FlowSteps.OtpCheck);
     }
     this.baseComponent.setEventEmitter(this.apiErrorEvent);
@@ -27,19 +23,19 @@ const SmsCodeValidation = class {
   async doAction() {
     try {
       this.canSend = false;
-      if (state.flowStatus == FlowStatus.CODE || state.flowStatus == FlowStatus.CODEERROR) {
-        var codeChecked = await this.baseComponent.apiCall.CheckOTPCode(state.requestId, this.code);
+      if (store.flowStatus == FlowStatus.CODE || store.flowStatus == FlowStatus.CODEERROR) {
+        var codeChecked = await this.baseComponent.apiCall.CheckOTPCode(store.requestId, this.code);
         if (codeChecked === true) {
-          state.flowStatus = FlowStatus.ID;
+          store.flowStatus = FlowStatus.ID;
         }
         else {
-          state.flowStatus = FlowStatus.CODEERROR;
+          store.flowStatus = FlowStatus.CODEERROR;
         }
       }
-      if (state.flowStatus == FlowStatus.PHONE) {
-        var codeSent = await this.baseComponent.apiCall.SendOTPCode(state.requestId, this.phoneNumber);
+      if (store.flowStatus == FlowStatus.PHONE) {
+        var codeSent = await this.baseComponent.apiCall.SendOTPCode(store.requestId, this.phoneNumber);
         if (codeSent === true) {
-          state.flowStatus = FlowStatus.CODE;
+          store.flowStatus = FlowStatus.CODE;
         }
       }
     }
@@ -51,17 +47,17 @@ const SmsCodeValidation = class {
     await this.baseComponent.finalize();
   }
   componentWillRender() {
-    if (state.flowStatus == FlowStatus.PHONE) {
+    if (store.flowStatus == FlowStatus.PHONE) {
       this.title = this.baseComponent.translations.PhoneValidationValues.Title;
       this.details = this.baseComponent.translations.PhoneValidationValues.Description;
       this.buttonText = this.baseComponent.translations.PhoneValidationValues.Button;
-      if (state.phoneNumber && state.phoneNumber != '') {
-        this.phoneNumber = state.phoneNumber;
+      if (store.phoneNumber && store.phoneNumber != '') {
+        this.phoneNumber = store.phoneNumber;
         this.prefilledPhone = true;
         this.canSend = true;
       }
     }
-    if (state.flowStatus == FlowStatus.CODE || state.flowStatus == FlowStatus.CODEERROR) {
+    if (store.flowStatus == FlowStatus.CODE || store.flowStatus == FlowStatus.CODEERROR) {
       this.title = this.baseComponent.translations.CodeValidationValues.Title;
       this.details = this.baseComponent.translations.CodeValidationValues.Description;
       this.buttonText = this.baseComponent.translations.CodeValidationValues.Button;
@@ -89,10 +85,10 @@ const SmsCodeValidation = class {
   render() {
     let inputBlock;
     let errorBlock;
-    if (state.flowStatus == FlowStatus.CODEERROR) {
+    if (store.flowStatus == FlowStatus.CODEERROR) {
       errorBlock = h("p", { class: "main-text font-size-18 mt-15 color-red text-center" }, this.baseComponent.translations.CodeValidationValues.Error);
     }
-    if (state.flowStatus == FlowStatus.PHONE) {
+    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.baseComponent.translations.PhoneValidationValues.Label)), h("input", { type: "tel", id: "phoneInput", class: "main-input", disabled: this.prefilledPhone, onInput: ev => this.handleChangePhone(ev), value: this.phoneNumber })));
     }
     else {
@@ -100,7 +96,44 @@ const SmsCodeValidation = class {
     }
     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.baseComponent.translations.GlobalValues.FooterText))))));
   }
-};
-SmsCodeValidation.style = smsCodeValidationCss;
-
-export { SmsCodeValidation as sms_code_validation };
+  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": {}
+        }
+      }];
+  }
+}