@ekyc_qoobiss/qbs-ect-cmp 1.12.9 → 2.0.0

package/dist/collection/components/common/capture-error/capture-error.js

@@ -18,7 +18,7 @@ export class CaptureError {
     this.eventCaptureErrorDone.emit();
   }
   render() {
-    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { class: "buletin-container" }, h("img", { class: "w-45", src: this.imagePath })), h("div", null, h("p", { class: "color-red font-weight-bold font-size-2 text-center mt-10" }, this.description)), h("div", { class: "pos-relative" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", onClick: () => this.buttonClick() }, IdCaptureValues.Button), h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText))))));
+    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { class: "buletin-container" }, h("img", { class: "w-45", src: this.imagePath })), h("div", null, h("p", { class: "color-red font-weight-bold font-size-2 text-center mt-10" }, this.description)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", onClick: () => this.buttonClick() }, IdCaptureValues.Button), h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText))))));
   }
   static get is() { return "capture-error"; }
   static get originalStyleUrls() {

package/dist/collection/components/common/how-to-info/how-to-info.js

@@ -35,7 +35,7 @@ export class HowToInfo {
   }
   render() {
     let sub = this.subTitle != '' ? h("p", { class: "font-size-2" }, this.subTitle) : null;
-    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { class: "div-ci align-center" }, h("img", { src: this.imagePath })), h("div", { class: "text-center" }, h("h1", null, this.topTitle), sub), h("div", { class: "pos-relative" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", onClick: () => this.buttonClick() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, HowToValues.FooterText))))));
+    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { class: "div-ci align-center" }, h("img", { src: this.imagePath })), h("div", { class: "text-center" }, h("h1", null, this.topTitle), sub), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", onClick: () => this.buttonClick() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, HowToValues.FooterText))))));
   }
   static get is() { return "how-to-info"; }
   static get originalStyleUrls() {

package/dist/collection/components/flow/agreement-info/agreement-info.js

@@ -39,7 +39,7 @@ export class AgreementInfo {
   render() {
     let agreementsCheck = h("agreement-check", { agreementType: "agreement" });
     let termsCheck = h("agreement-check", { agreementType: "terms" });
-    let mainComp = (h("div", { class: "container" }, h("div", { class: "row" }, h("div", null, h("h1", { class: "text-center" }, AgreementInfoValues.Title), h("div", { class: "d-flex space-between align-center" }, h("h3", { class: "main-text font-size-2", onClick: () => this.agreementsClicked() }, h("input", { type: "checkbox", readOnly: true, checked: this.agreementsChecked }), AgreementInfoValues.Agreement)), h("div", { class: "d-flex space-between align-center" }, h("h3", { class: "main-text font-size-2", onClick: () => this.termsClicked() }, h("input", { type: "checkbox", readOnly: true, checked: this.termsChecked }), AgreementInfoValues.Terms))), h("div", { class: "pos-relative" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", onClick: () => this.buttonClick() }, AgreementInfoValues.Button), h("p", { class: "main-text font-size-18 text-right mb-0" }, AgreementInfoValues.FooterText))))));
+    let mainComp = (h("div", { class: "container" }, h("div", { class: "row" }, h("div", null, h("h1", { class: "text-center" }, AgreementInfoValues.Title), h("div", { class: "d-flex space-between align-center" }, h("h3", { class: "main-text font-size-2", onClick: () => this.agreementsClicked() }, h("input", { type: "checkbox", readOnly: true, checked: this.agreementsChecked }), AgreementInfoValues.Agreement)), h("div", { class: "d-flex space-between align-center" }, h("h3", { class: "main-text font-size-2", onClick: () => this.termsClicked() }, h("input", { type: "checkbox", readOnly: true, checked: this.termsChecked }), AgreementInfoValues.Terms))), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", onClick: () => this.buttonClick() }, AgreementInfoValues.Button), h("p", { class: "main-text font-size-18 text-right mb-0" }, AgreementInfoValues.FooterText))))));
     return this.openAgreements ? agreementsCheck : this.openTerms ? termsCheck : mainComp;
   }
   static get is() { return "agreement-info"; }

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

@@ -8,13 +8,14 @@ import idValidation from '../../../assets/landing/validation.svg';
 import store from '../../../helpers/store';
 import Events from '../../../helpers/Events';
 import { FlowStatus } from '../../../models/FlowStatus';
+import { ApiCall } from '../../../helpers/ApiCall';
 export class LandingValidation {
   constructor() {
     this.device = undefined;
     this.warningText = undefined;
   }
   async componentWillLoad() {
-    await new Promise(f => setTimeout(f, 500));
+    this.apiCall = new ApiCall();
     await this.initRequest();
   }
   componentDidLoad() {
@@ -42,8 +43,19 @@ export class LandingValidation {
       }
     }
   }
+  async leaveFlow() {
+    store.initialised = false;
+    try {
+      await this.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" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", disabled: !store.initialised, onClick: () => this.startFlow() }, LandingValues.Button), h("p", { class: "main-text font-size-18 text-right mb-0" }, LandingValues.FooterText))))));
+    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, 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() {
@@ -85,4 +97,22 @@ export class LandingValidation {
       "warningText": {}
     };
   }
+  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.js

@@ -3,6 +3,7 @@ import { MobileRedirectValues } from '../../../helpers/textValues';
 import QRCode from 'qrcode';
 import store from '../../../helpers/store';
 import { ApiCall } from '../../../helpers/ApiCall';
+import Events from '../../../helpers/Events';
 import { OrderStatuses } from '../../../models/OrderStatuses';
 import { FlowStatus } from '../../../models/FlowStatus';
 export class MobileRedirect {
@@ -16,6 +17,7 @@ export class MobileRedirect {
     this.orderStatus = undefined;
     this.redirectLink = undefined;
     this.qrCode = undefined;
+    this.prefilledPhone = false;
     this.apiCall = new ApiCall();
     this.invalidValue = false;
     this.waitingMobile = false;
@@ -25,7 +27,11 @@ export class MobileRedirect {
     this.infoTextBottom = MobileRedirectValues.InfoBottom;
     let envUri = store.environment == 'PROD' ? 'ect' : 'test';
     let baseUri = store.hasIdBack ? 'https://onmd.id-kyc.com/' : 'https://onro.id-kyc.com/';
-    this.redirectLink = baseUri + envUri + '?redirectId=' + store.redirectId;
+    this.redirectLink = baseUri + envUri + '/identification?redirectId=' + store.redirectId;
+    if (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)
@@ -55,6 +61,12 @@ export class MobileRedirect {
       this.infoTextTop = MobileRedirectValues.InfoWaiting;
       this.waitingMobile = true;
     }
+    if (this.orderStatus == OrderStatuses.Aborted) {
+      this.waitingMobile = false;
+      this.infoTextTop = MobileRedirectValues.InfoAborted;
+      Events.init(window);
+      Events.flowAborted();
+    }
   }
   async buttonClick() {
     if (this.contact == '' || this.contact.length != 10) {
@@ -76,13 +88,11 @@ export class MobileRedirect {
     if (this.contact.length > 10) {
       this.contact = this.contact.substring(0, 10);
     }
-    else if (this.contact.length == 10) {
-      this.invalidValue = false;
-    }
+    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", 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))))));
+    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() {
@@ -104,7 +114,8 @@ export class MobileRedirect {
       "waitingMobile": {},
       "orderStatus": {},
       "redirectLink": {},
-      "qrCode": {}
+      "qrCode": {},
+      "prefilledPhone": {}
     };
   }
   static get events() {

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

@@ -10,6 +10,8 @@ export class SmsCodeValidation {
     this.buttonText = undefined;
     this.phoneNumber = undefined;
     this.code = undefined;
+    this.prefilledPhone = false;
+    this.canSend = false;
     this.apiCall = new ApiCall();
   }
   async doAction() {
@@ -39,6 +41,11 @@ export class SmsCodeValidation {
       this.title = PhoneValidationValues.Title;
       this.details = PhoneValidationValues.Description;
       this.buttonText = PhoneValidationValues.Button;
+      if (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;
@@ -51,6 +58,7 @@ export class SmsCodeValidation {
     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) {
@@ -58,6 +66,7 @@ export class SmsCodeValidation {
     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() {
@@ -67,12 +76,12 @@ export class SmsCodeValidation {
       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", onInput: ev => this.handleChangePhone(ev), value: this.phoneNumber })));
+      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: "btn-buletin" }, h("button", { id: "action", class: "main-button", onClick: () => this.doAction() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, PhoneValidationValues.FooterText)))));
+    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() {
@@ -91,7 +100,9 @@ export class SmsCodeValidation {
       "details": {},
       "buttonText": {},
       "phoneNumber": {},
-      "code": {}
+      "code": {},
+      "prefilledPhone": {},
+      "canSend": {}
     };
   }
   static get events() {

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

@@ -409,6 +409,10 @@ body {
   font-weight: 400;
   color: #71727a;
 }
+.link-text {
+  margin-top: 1vh;
+  text-decoration: underline;
+}
 .font-size-2 {
   font-size: 2vh;
 }
@@ -512,6 +516,9 @@ a {
   width: 100%;
   bottom: 0;
 }
+.show-bottom {
+  bottom: -2vh;
+}
 .row-validare .main-input {
   padding: 14px 12px;
   border-radius: 12px;
@@ -642,13 +649,12 @@ a {
 .pos-relative {
   position: relative;
 }
+
 .pos-absolute {
   position: absolute;
 }
 .btn-buletin {
-  position: fixed;
-  width: calc(100% - 5vh);
-  bottom: 5vh;
+  text-align: center;
 }
 .buletin-container img {
   width: 60%;
@@ -735,15 +741,6 @@ a {
   perspective: 1000px;
   rotate: 120deg 0deg;
 }
-.dot-effect {
-  position: fixed;
-  bottom: 13vh;
-  width: calc(100% - 5vh);
-  text-align: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
 .coin-flip {
   animation: flip 0.4s ease-in;
   animation-delay: 0.5s;
@@ -873,47 +870,6 @@ a {
     visibility: visible;
   }
 }
-.dot-shuttle {
-  position: relative;
-  left: -15px;
-  width: 12px;
-  height: 12px;
-  border-radius: 6px;
-  background-color: #1feaa6;
-  color: transparent;
-  margin: -1px 0;
-  opacity: 1;
-}
-
-.dot-shuttle::before {
-  opacity: 0.5;
-}
-.dot-shuttle::after {
-  opacity: 0.5;
-}
-.dot-shuttle::before,
-.dot-shuttle::after {
-  content: '';
-  display: inline-block;
-  position: absolute;
-  top: 0;
-  width: 12px;
-  height: 12px;
-  border-radius: 6px;
-  background-color: #1feaa6;
-  color: transparent;
-}
-
-.dot-shuttle::before {
-  left: 0;
-  animation: dotShuttle 2s infinite ease-out;
-}
-
-.dot-shuttle::after {
-  left: 0;
-  animation: dotShuttle 2s infinite ease-out;
-  animation-delay: 1s;
-}
 .buletin-container.rotate-x img {
   animation: transform-rotate-x 2s infinite ease-in;
 }
@@ -952,22 +908,6 @@ a {
     transform: perspective(600px) rotateX(40deg);
   }
 }
-@keyframes dotShuttle {
-  0%,
-  50%,
-  100% {
-    transform: translateX(0);
-    opacity: 1;
-  }
-  25% {
-    transform: translateX(-30px);
-    opacity: 0.5;
-  }
-  75% {
-    transform: translateX(30px);
-    opacity: 0.5;
-  }
-}
 @media only screen and (max-width: 350px) {
   .second-input {
     width: 36px;
@@ -1035,7 +975,4 @@ a {
     right: auto;
     top: -10vh;
   }
-  .dot-effect {
-    max-width: 490px;
-  }
 }

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

@@ -9,6 +9,7 @@ import Events from '../../helpers/Events';
 import * as uuid from 'uuid';
 export class IdentificationComponent {
   async onTokenChange(newValue, _oldValue) {
+    //console.log('Token change called with value: ' + newValue);
     if (newValue == '') {
       newValue = store.token;
       return;
@@ -19,10 +20,10 @@ export class IdentificationComponent {
     }
   }
   async onOrderIdChange(newValue, _oldValue) {
-    if (store.requestId !== newValue) {
+    //console.log('OrderId change called with value: ' + newValue);
+    if (store.requestId !== newValue && newValue != '') {
       store.requestId = newValue;
       store.initialised = false;
-      sessionStorage.clear();
       if (store.flowStatus != FlowStatus.LANDING) {
         store.flowStatus = FlowStatus.LANDING;
       }
@@ -48,6 +49,7 @@ export class IdentificationComponent {
     }
   }
   async onRedirectIdChange(newValue, _oldValue) {
+    //console.log('RedirectId change called with value: ' + newValue);
     if (store.redirectId != '') {
       newValue = store.redirectId;
       return;
@@ -57,17 +59,26 @@ export class IdentificationComponent {
     }
     await this.initializeRequest();
   }
+  async onPhoneChange(newValue, _oldValue) {
+    if (store.phoneNumber != '') {
+      newValue = store.phoneNumber;
+      return;
+    }
+    if (store.phoneNumber !== newValue) {
+      store.phoneNumber = newValue;
+    }
+  }
   agreementAcceptanceEmitted(data) {
     try {
       this.apiCall.GenerateAgreement(data.detail.agreementType);
     }
     catch (e) {
-      this.apiErrorEmitter(e);
+      this.apiErrorEmitter(e, 'Agreement Acceptance');
     }
   }
-  async apiErrorEmitter(data) {
+  async apiErrorEmitter(data, zone) {
     var _a, _b;
-    let apiLogData = { message: '', stack: '' };
+    let apiLogData = { message: '', stack: '', zone };
     if (data.detail) {
       this.errorTitle = (_a = data.detail.message) !== null && _a !== void 0 ? _a : '';
       this.errorMessage = (_b = data.detail.stack) !== null && _b !== void 0 ? _b : '';
@@ -91,6 +102,7 @@ export class IdentificationComponent {
     this.api_url = undefined;
     this.env = undefined;
     this.redirect_id = undefined;
+    this.phone_number = undefined;
     this.idSide = '';
     this.errorMessage = undefined;
     this.errorTitle = undefined;
@@ -102,19 +114,25 @@ export class IdentificationComponent {
     store.apiBaseUrl = this.api_url;
     store.environment = this.env;
     if (this.token) {
+      //console.log('Store Token set with property value: ' + this.token);
       store.token = this.token;
     }
-    else {
+    else if (store.token == '') {
       store.token = sessionStorage.getItem(SessionKeys.TokenKey);
+      this.token = store.token;
+      //console.log('Store Token set with session value: ' + store.token);
     }
     if (this.redirect_id) {
       store.redirectId = this.redirect_id;
     }
+    if (this.phone_number) {
+      store.phoneNumber = this.phone_number;
+    }
     var flowSt = sessionStorage.getItem(SessionKeys.FlowStatusKey);
     if (flowSt) {
       store.flowStatus = FlowStatus[flowSt];
     }
-    if (!store.flowStatus) {
+    else {
       store.flowStatus = FlowStatus.LANDING;
     }
     var ini = sessionStorage.getItem(SessionKeys.InitialisedKey);
@@ -134,15 +152,19 @@ export class IdentificationComponent {
       store.phoneValidation = true;
     }
     const savedRequest = sessionStorage.getItem(SessionKeys.RequestIdKey);
-    if (this.order_id) {
-      if (savedRequest && savedRequest != this.order_id) {
-        sessionStorage.clear();
+    if (this.order_id && this.order_id != '') {
+      //console.log('Current RequestId has value: ' + this.order_id);
+      if (savedRequest && savedRequest != '' && savedRequest != this.order_id) {
+        //console.log('Session RequestId: ' + savedRequest + ' has different value than property one: ' + this.order_id);
         store.flowStatus = FlowStatus.LANDING;
         store.initialised = false;
       }
-      else {
-        store.requestId = this.order_id;
-      }
+      store.requestId = this.order_id;
+    }
+    else if (savedRequest) {
+      //console.log('Current RequestId has no value, setting with session value: ' + savedRequest);
+      store.requestId = savedRequest;
+      this.order_id = savedRequest;
     }
     this.apiCall = new ApiCall();
     await this.initializeRequest();
@@ -169,7 +191,7 @@ export class IdentificationComponent {
       }
     }
     catch (e) {
-      this.apiErrorEmitter(e);
+      this.apiErrorEmitter(e, 'Request Initialisation RequestId:' + store.requestId + ' RedirectId:' + store.redirectId);
     }
   }
   render() {
@@ -309,6 +331,23 @@ export class IdentificationComponent {
         },
         "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
       }
     };
   }
@@ -335,6 +374,9 @@ export class IdentificationComponent {
       }, {
         "propName": "redirect_id",
         "methodName": "onRedirectIdChange"
+      }, {
+        "propName": "phone_number",
+        "methodName": "onPhoneChange"
       }];
   }
   static get listeners() {

package/dist/collection/helpers/ApiCall.js

@@ -55,10 +55,12 @@ export class ApiCall {
     return jsonResp.valid;
   }
   async AddIdentificationRequest(deviceInfo) {
+    //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,
     };
     let jsonResp = await this.post(this.urls.IdentityInsert, JSON.stringify(data));
     if (store.requestId == '') {
@@ -67,6 +69,7 @@ export class ApiCall {
     store.hasIdBack = jsonResp.hasIdBack;
     store.agreementsValidation = jsonResp.agreementsValidation;
     store.phoneValidation = jsonResp.phoneValidation;
+    store.phoneNumber = jsonResp.phoneNumber;
     return true;
   }
   async UploadFileForRequestB64(requestId, type, file) {
@@ -98,7 +101,7 @@ export class ApiCall {
     return OrderStatuses[resp.status];
   }
   async SendLink(link, phoneNumber) {
-    let data = { link: link, phoneNumber: phoneNumber };
+    let data = { requestId: store.requestId, link: link, phoneNumber: phoneNumber };
     let resp = await this.post(this.urls.SendLink, JSON.stringify(data));
     return resp.sent;
   }
@@ -110,4 +113,8 @@ export class ApiCall {
     }
     catch (_a) { }
   }
+  async AbortRequest() {
+    let result = await this.post(this.urls.AbortRequest, JSON.stringify({ requestId: store.requestId }));
+    return result.saved;
+  }
 }

package/dist/collection/helpers/Cameras.js

@@ -61,8 +61,8 @@ export class Cameras {
     let constraints = {
       audio: false,
       video: {
-        frameRate: 30
-      }
+        frameRate: 30,
+      },
     };
     if (selectedDeviceId) {
       constraints.video.deviceId = {

package/dist/collection/helpers/Events.js

@@ -1,9 +1,18 @@
 export default class Events {
   static init(element) {
-    this.cameraModule = element;
+    this.callingModule = element;
   }
   static flowStarted() {
-    this.cameraModule.dispatchEvent(new CustomEvent('ect-started', {
+    this.callingModule.dispatchEvent(new CustomEvent('ect-started', {
+      detail: {},
+      bubbles: true,
+      cancelable: true,
+      composed: true,
+    }));
+  }
+  static flowAborted() {
+    sessionStorage.clear();
+    this.callingModule.dispatchEvent(new CustomEvent('ect-aborted', {
       detail: {},
       bubbles: true,
       cancelable: true,
@@ -12,7 +21,7 @@ export default class Events {
   }
   static flowCompleted() {
     sessionStorage.clear();
-    this.cameraModule.dispatchEvent(new CustomEvent('ect-completed', {
+    this.callingModule.dispatchEvent(new CustomEvent('ect-completed', {
       detail: {},
       bubbles: true,
       cancelable: true,
@@ -21,7 +30,7 @@ export default class Events {
   }
   static flowError(error) {
     sessionStorage.clear();
-    this.cameraModule.dispatchEvent(new CustomEvent('ect-error', {
+    this.callingModule.dispatchEvent(new CustomEvent('ect-error', {
       detail: { error },
       bubbles: true,
       cancelable: true,
@@ -29,7 +38,8 @@ export default class Events {
     }));
   }
   static tokenExpired() {
-    this.cameraModule.dispatchEvent(new CustomEvent('ect-session-expired', {
+    sessionStorage.clear();
+    this.callingModule.dispatchEvent(new CustomEvent('ect-session-expired', {
       detail: {},
       bubbles: true,
       cancelable: true,

package/dist/collection/helpers/store.js

@@ -13,6 +13,7 @@ const { state, onChange } = createStore({
   hasIdBack: false,
   agreementsValidation: true,
   phoneValidation: true,
+  phoneNumber: '',
   apiBaseUrl: 'https://apiro.id-kyc.com',
 });
 onChange('flowStatus', value => {

package/dist/collection/helpers/textValues.js

@@ -23,6 +23,7 @@ LandingValues.Warning = 'ATENȚIE! În cadrul acestui proces se poate utiliza do
 LandingValues.WarningMd = 'ATENȚIE! In cadrul acestui proces se pot utiliza doar buletinele de identitate din Republica Moldova.';
 LandingValues.Terms = 'Prin continuarea procesului, confirmi că ai citit termenii de utilizare și ești de acord cu aceștia.';
 LandingValues.Button = 'Am înțeles';
+LandingValues.ButtonLeave = 'Nu sunt pregătit';
 export class PhoneValidationValues extends GlobalValues {
 }
 PhoneValidationValues.Title = 'Este necesar să validăm numărul tău de telefon';
@@ -118,6 +119,7 @@ export class ApiUrls {
     this.SendLink = this.uriEnv + 'validation/otp/sendlink';
     this.GetStatus = this.uriEnv + 'validation/identity/status';
     this.AddLog = this.uriEnv + 'validation/logs/add';
+    this.AbortRequest = this.uriEnv + 'validation/identity/abort';
   }
 }
 export class MobileRedirectValues extends GlobalValues {
@@ -126,3 +128,4 @@ MobileRedirectValues.InfoTop = 'Pentru a continua scanați codul de mai jos cu u
 MobileRedirectValues.InfoBottom = 'Sau introduceți un număr de telefon pentru a primi link-ul pe smartphone.';
 MobileRedirectValues.Validation = 'Număr de telefon invalid!';
 MobileRedirectValues.InfoWaiting = 'Așteptăm finalizarea procesului pe smartphone.';
+MobileRedirectValues.InfoAborted = 'Procesului de pe smartphone a fost amanat.';

package/dist/collection/models/IAbortResult.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/models/OrderStatuses.js

@@ -4,4 +4,5 @@ export var OrderStatuses;
   OrderStatuses[OrderStatuses["FinishedCapturing"] = 1] = "FinishedCapturing";
   OrderStatuses[OrderStatuses["Waiting"] = 2] = "Waiting";
   OrderStatuses[OrderStatuses["NotFound"] = 3] = "NotFound";
+  OrderStatuses[OrderStatuses["Aborted"] = 4] = "Aborted";
 })(OrderStatuses || (OrderStatuses = {}));