@ekyc_qoobiss/qbs-ect-cmp 1.2.7 → 1.2.8

package/dist/cjs/qbs-ect-cmp.cjs.js

@@ -17,7 +17,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_17.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"otp_phone_number":[1537],"idSide":[32],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32],"selfieFlow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"uploadingLink":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
+  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["mobile-redirect.cjs",[[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}]]],["agreement-check_16.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"idSide":[32],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32],"selfieFlow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"uploadingLink":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -42,8 +42,12 @@ export class LandingValidation {
       }
     }
   }
+  async leaveFlow() {
+    store.initialised = false;
+    Events.flowAborted();
+  }
   render() {
-    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", null, h("h1", { class: "text-center" }, LandingValues.Title), h("div", { class: "d-flex space-between align-center" }, h("p", { class: "main-text font-size-2" }, LandingValues.Description), h("div", { class: "img-info" }, h("div", { class: "i-effect" }), h("img", { src: info })))), h("div", { class: "info-container" }, h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idSvg })), h("h3", null, LandingValues.IdInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idDevice })), h("h3", null, LandingValues.DeviceInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idValidation })), h("h3", null, LandingValues.SmsInfo))), h("div", { class: "terms-container" }, h("h3", { class: "font-size-2 mb-1 text-center" }, this.warningText)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", 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() {

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;
 }
@@ -737,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;
@@ -875,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;
 }
@@ -954,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;
@@ -1037,7 +975,4 @@ a {
     right: auto;
     top: -10vh;
   }
-  .dot-effect {
-    max-width: 490px;
-  }
 }

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

@@ -100,7 +100,7 @@ export class IdentificationComponent {
     this.api_url = undefined;
     this.env = undefined;
     this.redirect_id = undefined;
-    this.otp_phone_number = undefined;
+    this.phone_number = undefined;
     this.idSide = '';
     this.errorMessage = undefined;
     this.errorTitle = undefined;
@@ -120,8 +120,8 @@ export class IdentificationComponent {
     if (this.redirect_id) {
       store.redirectId = this.redirect_id;
     }
-    if (this.otp_phone_number) {
-      store.phoneNumber = this.otp_phone_number;
+    if (this.phone_number) {
+      store.phoneNumber = this.phone_number;
     }
     var flowSt = sessionStorage.getItem(SessionKeys.FlowStatusKey);
     if (flowSt) {
@@ -187,13 +187,13 @@ export class IdentificationComponent {
   }
   render() {
     let currentBlock = h("div", null);
-    if (this.device.isMobile) {
+    if (true) {
       if (store.flowStatus == FlowStatus.LANDING) {
         currentBlock = h("landing-validation", { device: this.device });
       }
     }
     else {
-      currentBlock = h("mobile-redirect", null);
+      //currentBlock = <mobile-redirect></mobile-redirect>;
     }
     if (store.flowStatus == FlowStatus.AGREEMENT) {
       currentBlock = h("agreement-info", null);
@@ -323,7 +323,7 @@ export class IdentificationComponent {
         "attribute": "redirect_id",
         "reflect": true
       },
-      "otp_phone_number": {
+      "phone_number": {
         "type": "string",
         "mutable": true,
         "complexType": {
@@ -337,7 +337,7 @@ export class IdentificationComponent {
           "tags": [],
           "text": ""
         },
-        "attribute": "otp_phone_number",
+        "attribute": "phone_number",
         "reflect": true
       }
     };
@@ -366,7 +366,7 @@ export class IdentificationComponent {
         "propName": "redirect_id",
         "methodName": "onRedirectIdChange"
       }, {
-        "propName": "otp_phone_number",
+        "propName": "phone_number",
         "methodName": "onPhoneChange"
       }];
   }

package/dist/collection/helpers/Events.js

@@ -1,9 +1,17 @@
 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() {
+    this.callingModule.dispatchEvent(new CustomEvent('ect-aborted', {
       detail: {},
       bubbles: true,
       cancelable: true,
@@ -12,7 +20,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 +29,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 +37,7 @@ export default class Events {
     }));
   }
   static tokenExpired() {
-    this.cameraModule.dispatchEvent(new CustomEvent('ect-session-expired', {
+    this.callingModule.dispatchEvent(new CustomEvent('ect-session-expired', {
       detail: {},
       bubbles: true,
       cancelable: true,

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';