@ekyc_qoobiss/qbs-ect-cmp 1.5.21 → 1.5.22

package/README.md

@@ -17,11 +17,10 @@ The wev compoment has to be included in the html markup like this:
 \*.html
 
 ```sh
-<identification-component token="{{ token }}" order_id="{{ orderId }}" api_url="{{ apiUrl }}"></identification-component>
+<identification-component token="{{ token }}" order_id="{{ orderId }}"></identification-component>
 ```
 
-There are three parameters:
+There are two parameters:
 
 - token - which is the token that was obtained using the API Key on the server side;
-- order_id - is a unique ID that will be used for the current identification request when obtaining the processed data from the REST API Service;
-- api_url - is the url provided to you by our team;
+- order_id - is a unique ID that will be used for the current identification request when obtaining the processed data from the REST API Service.

package/dist/cjs/agreement-check_12.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ebcada7.js');
+const index = require('./index-be29a2a8.js');
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);
@@ -5332,6 +5332,7 @@ class Cameras {
 const idBackCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}";
 
 const IdBackCapture = class {
+  // @State() private animationPath: string;
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.eventPhotoCapture = index.createEvent(this, "photoIdBackCapture", 7);
@@ -5342,21 +5343,19 @@ const IdBackCapture = class {
     this.device = undefined;
     this.videoStarted = undefined;
     this.cameraSize = undefined;
-    this.stopAnimation = undefined;
     this.captureTaken = undefined;
     this.titleMesage = undefined;
-    this.animationPath = undefined;
     this.captureTaken = false;
     this.cameras = new Cameras();
   }
   eventChangeTitle(event) {
-    this.stopAnimation = false;
-    if (event.detail == IDPose.Tilted) {
-      this.animationPath = index.getAssetPath('../../assets/animations/id/tilt-id.gif');
-    }
-    if (event.detail == IDPose.Straight) {
-      this.animationPath = index.getAssetPath('../../assets/animations/id/straighten-id.gif');
-    }
+    // this.stopAnimation = false;
+    // if (event.detail == IDPose.Tilted) {
+    //   this.animationPath = getAssetPath('../../assets/animations/id/tilt-id.gif');
+    // }
+    // if (event.detail == IDPose.Straight) {
+    //   this.animationPath = getAssetPath('../../assets/animations/id/straighten-id.gif');
+    // }
     this.titleMesage = IdCaptureValues.IDPoseMapping[event.detail];
   }
   eventVideoStarted(event) {
@@ -5364,7 +5363,7 @@ const IdBackCapture = class {
     this.cameraSize = event.detail;
   }
   eventStopAnimation() {
-    this.stopAnimation = true;
+    // this.stopAnimation = true;
   }
   async componentWillLoad() {
     Events.init(this.component);
@@ -5375,7 +5374,7 @@ const IdBackCapture = class {
   }
   componentDidLoad() {
     this.openCamera();
-    this.animationPath = index.getAssetPath('../../assets/animations/id/present-id.gif');
+    // this.animationPath = getAssetPath('../../assets/animations/id/present-id.gif');
   }
   async openCamera() {
     let _cameras = await this.cameras.GetCameras(this.device);
@@ -5422,17 +5421,17 @@ const IdBackCapture = class {
     if (this.captureTaken) {
       loadingBlock = (index.h("div", { class: "pos-relative" }, index.h("div", { class: "dot-effect" }, index.h("div", { class: "snippet", "data-title": ".dot-shuttle" }, index.h("div", { class: "stage filter-contrast" }, index.h("div", { class: "dot-shuttle" }))))));
     }
-    let animationBlock;
-    if (this.videoStarted && this.stopAnimation !== true) {
-      animationBlock = (index.h("img", { class: "animation", "data-src": this.animationPath, src: this.animationPath }));
-    }
+    // let animationBlock: HTMLImageElement;
+    // if (this.videoStarted && this.stopAnimation !== true) {
+    //   animationBlock = (<img class="animation" data-src={this.animationPath} src={this.animationPath} />);
+    // }
     let cameraStyle;
     let cameraStyleInner;
     if (this.videoStarted) {
       cameraStyle = { width: Math.round(this.cameraSize.width) + 'px', height: Math.round(this.cameraSize.width * 9 / 16) + 'px', overflow: 'hidden', borderRadius: '10px' };
       cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - this.cameraSize.width * 9 / 16) / 2) * -1 + 'px' };
     }
-    return (index.h("div", { class: "container bg-black" }, index.h("div", { class: "row ctheight-100" }, index.h("div", null, index.h("h1", { class: "color-white" }, this.titleMesage)), index.h("div", { hidden: this.captureTaken, class: "chenar-buletin pos-relative" }, animationBlock, index.h("div", { style: cameraStyle }, index.h("div", { style: cameraStyleInner }, index.h("camera-comp", { device: this.device, "capture-mode": "id" })))), loadingBlock, index.h("div", { class: "pos-relative" }, index.h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))));
+    return (index.h("div", { class: "container bg-black" }, index.h("div", { class: "row ctheight-100" }, index.h("div", null, index.h("h1", { class: "color-white" }, this.titleMesage)), index.h("div", { hidden: this.captureTaken, class: "chenar-buletin pos-relative" }, index.h("div", { style: cameraStyle }, index.h("div", { style: cameraStyleInner }, index.h("camera-comp", { device: this.device, "capture-mode": "id" })))), loadingBlock, index.h("div", { class: "pos-relative" }, index.h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))));
   }
   get component() { return index.getElement(this); }
 };
@@ -5441,6 +5440,7 @@ IdBackCapture.style = idBackCaptureCss;
 const idCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}";
 
 const IdCapture = class {
+  // @State() private animationPath: string;
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.eventPhotoCapture = index.createEvent(this, "photoIdCapture", 7);
@@ -5451,21 +5451,19 @@ const IdCapture = class {
     this.device = undefined;
     this.videoStarted = undefined;
     this.cameraSize = undefined;
-    this.stopAnimation = undefined;
     this.captureTaken = undefined;
     this.titleMesage = undefined;
-    this.animationPath = undefined;
     this.captureTaken = false;
     this.cameras = new Cameras();
   }
   eventChangeTitle(event) {
-    this.stopAnimation = false;
-    if (event.detail == IDPose.Tilted) {
-      this.animationPath = index.getAssetPath('../../assets/animations/id/tilt-id.gif');
-    }
-    if (event.detail == IDPose.Straight) {
-      this.animationPath = index.getAssetPath('../../assets/animations/id/straighten-id.gif');
-    }
+    // this.stopAnimation = false;
+    // if (event.detail == IDPose.Tilted) {
+    //   this.animationPath = getAssetPath('../../assets/animations/id/tilt-id.gif');
+    // }
+    // if (event.detail == IDPose.Straight) {
+    //   this.animationPath = getAssetPath('../../assets/animations/id/straighten-id.gif');
+    // }
     this.titleMesage = IdCaptureValues.IDPoseMapping[event.detail];
   }
   eventVideoStarted(event) {
@@ -5473,7 +5471,7 @@ const IdCapture = class {
     this.cameraSize = event.detail;
   }
   eventStopAnimation() {
-    this.stopAnimation = true;
+    // this.stopAnimation = true;
   }
   async componentWillLoad() {
     Events.init(this.component);
@@ -5484,7 +5482,7 @@ const IdCapture = class {
   }
   componentDidLoad() {
     this.openCamera();
-    this.animationPath = index.getAssetPath('../../assets/animations/id/present-id.gif');
+    // this.animationPath = getAssetPath('../../assets/animations/id/present-id.gif');
   }
   async openCamera() {
     let _cameras = await this.cameras.GetCameras(this.device);
@@ -5531,17 +5529,17 @@ const IdCapture = class {
     if (this.captureTaken) {
       loadingBlock = (index.h("div", { class: "pos-relative" }, index.h("div", { class: "dot-effect" }, index.h("div", { class: "snippet", "data-title": ".dot-shuttle" }, index.h("div", { class: "stage filter-contrast" }, index.h("div", { class: "dot-shuttle" }))))));
     }
-    let animationBlock;
-    if (this.videoStarted && this.stopAnimation !== true) {
-      animationBlock = (index.h("img", { class: "animation", "data-src": this.animationPath, src: this.animationPath }));
-    }
+    // let animationBlock: HTMLImageElement;
+    // if (this.videoStarted && this.stopAnimation !== true) {
+    //   animationBlock = (<img class="animation" data-src={this.animationPath} src={this.animationPath} />);
+    // }
     let cameraStyle;
     let cameraStyleInner;
     if (this.videoStarted) {
       cameraStyle = { width: Math.round(this.cameraSize.width) + 'px', height: Math.round(this.cameraSize.width * 9 / 16) + 'px', overflow: 'hidden', borderRadius: '10px' };
       cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - this.cameraSize.width * 9 / 16) / 2) * -1 + 'px' };
     }
-    return (index.h("div", { class: "container bg-black" }, index.h("div", { class: "row ctheight-100" }, index.h("div", null, index.h("h1", { class: "color-white" }, this.titleMesage)), index.h("div", { hidden: this.captureTaken, class: "chenar-buletin pos-relative" }, animationBlock, index.h("div", { style: cameraStyle }, index.h("div", { style: cameraStyleInner }, index.h("camera-comp", { device: this.device, "capture-mode": "id" })))), loadingBlock, index.h("div", { class: "pos-relative" }, index.h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))));
+    return (index.h("div", { class: "container bg-black" }, index.h("div", { class: "row ctheight-100" }, index.h("div", null, index.h("h1", { class: "color-white" }, this.titleMesage)), index.h("div", { hidden: this.captureTaken, class: "chenar-buletin pos-relative" }, index.h("div", { style: cameraStyle }, index.h("div", { style: cameraStyleInner }, index.h("camera-comp", { device: this.device, "capture-mode": "id" })))), loadingBlock, index.h("div", { class: "pos-relative" }, index.h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))));
   }
   get component() { return index.getElement(this); }
 };
@@ -5902,6 +5900,7 @@ LandingValidation.style = landingValidationCss;
 const selfieCaptureCss = ".block{width:60%;margin-left:20%}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;z-index:2;transform:scale(-1, 1)}";
 
 const SelfieCapture = class {
+  // @State() private animationPath: string;
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.eventPhotoCapture = index.createEvent(this, "photoSelfieCapture", 7);
@@ -5912,21 +5911,19 @@ const SelfieCapture = class {
     this.device = undefined;
     this.videoStarted = undefined;
     this.cameraSize = undefined;
-    this.stopAnimation = undefined;
     this.captureTaken = undefined;
     this.titleMesage = undefined;
-    this.animationPath = undefined;
     this.captureTaken = false;
     this.cameras = new Cameras();
   }
   eventChangeTitle(event) {
-    this.stopAnimation = false;
+    // this.stopAnimation = false;
     if (event.detail == null) {
-      this.animationPath = index.getAssetPath('../../assets/animations/face/general.gif');
+      // this.animationPath = getAssetPath('../../assets/animations/face/general.gif');
       this.titleMesage = SelfieCaptureValues.FinalTitle;
     }
     else {
-      this.animationPath = index.getAssetPath('../../assets/animations/face/' + FacePose[event.detail] + '.gif');
+      // this.animationPath = getAssetPath('../../assets/animations/face/' + FacePose[event.detail] + '.gif');
       this.titleMesage = SelfieCaptureValues.FacePoseMapping[event.detail];
     }
   }
@@ -5935,7 +5932,7 @@ const SelfieCapture = class {
     this.cameraSize = event.detail;
   }
   eventStopAnimation() {
-    this.stopAnimation = true;
+    // this.stopAnimation = true;
   }
   componentWillLoad() {
     Events.init(this.component);
@@ -5946,7 +5943,7 @@ const SelfieCapture = class {
   }
   async componentDidLoad() {
     this.openCamera();
-    this.animationPath = index.getAssetPath('../../assets/animations/face/general.gif');
+    // this.animationPath = getAssetPath('../../assets/animations/face/general.gif');
   }
   async openCamera() {
     const constraints = this.cameras.GetConstraints('', this.device, true);
@@ -5990,17 +5987,17 @@ const SelfieCapture = class {
     if (this.captureTaken) {
       loadingBlock = (index.h("div", { class: "pos-relative" }, index.h("div", { class: "dot-effect" }, index.h("div", { class: "snippet", "data-title": ".dot-shuttle" }, index.h("div", { class: "stage filter-contrast" }, index.h("div", { class: "dot-shuttle" }))))));
     }
-    let animationBlock;
-    if (this.videoStarted && this.stopAnimation !== true) {
-      let left = 0;
-      if (this.cameraSize.width > this.cameraSize.height)
-        left = (this.cameraSize.width) / 2 - (this.cameraSize.height / 1.77 / 2);
-      animationBlock = (index.h("img", { class: "animation", style: { left: left + 'px' }, "data-src": this.animationPath, src: this.animationPath }));
-    }
+    // let animationBlock: HTMLImageElement;
+    // if (this.videoStarted && this.stopAnimation !== true) {
+    //   let left = 0;
+    //   if (this.cameraSize.width > this.cameraSize.height)
+    //     left = (this.cameraSize.width) / 2 - (this.cameraSize.height / 1.77 / 2);
+    //   animationBlock = (<img class="animation" style={{left:left+'px'}} data-src={this.animationPath} src={this.animationPath} />);
+    // }
     let divClass = "chenar-buletin pos-relative";
     if (this.videoStarted && this.cameraSize.width < this.cameraSize.height)
       divClass += " block";
-    return (index.h("div", { class: "container bg-black" }, index.h("div", { class: "row ctheight-100" }, index.h("div", null, index.h("h1", { class: "color-white" }, this.titleMesage)), index.h("div", { hidden: this.captureTaken, class: divClass }, animationBlock, index.h("camera-comp", { device: this.device, "capture-mode": "selfie" })), loadingBlock, index.h("div", { class: "pos-relative" }, index.h("p", { class: "main-text font-size-18 text-right mb-0" }, SelfieCaptureValues.FooterText)))));
+    return (index.h("div", { class: "container bg-black" }, index.h("div", { class: "row ctheight-100" }, index.h("div", null, index.h("h1", { class: "color-white" }, this.titleMesage)), index.h("div", { hidden: this.captureTaken, class: divClass }, index.h("camera-comp", { device: this.device, "capture-mode": "selfie" })), loadingBlock, index.h("div", { class: "pos-relative" }, index.h("p", { class: "main-text font-size-18 text-right mb-0" }, SelfieCaptureValues.FooterText)))));
   }
   get component() { return index.getElement(this); }
 };

package/dist/cjs/{index-9ebcada7.js → index-be29a2a8.js}

@@ -35,10 +35,6 @@ let hostTagName;
 let isSvgMode = false;
 let renderingRef = null;
 let queuePending = false;
-const getAssetPath = (path) => {
-    const assetUrl = new URL(path, plt.$resourcesUrl$);
-    return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
-};
 const createTime = (fnName, tagName = '') => {
     {
         return () => {
@@ -1479,7 +1475,6 @@ const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 exports.bootstrapLazy = bootstrapLazy;
 exports.createEvent = createEvent;
 exports.forceUpdate = forceUpdate;
-exports.getAssetPath = getAssetPath;
 exports.getElement = getElement;
 exports.getRenderingRef = getRenderingRef;
 exports.h = h;

package/dist/cjs/loader-dots.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ebcada7.js');
+const index = require('./index-be29a2a8.js');
 
 const loaderDotsCss = "i,i::before,i::after{animation-duration:0.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}body{font-family:sans-serif}i{width:300px;height:75px;margin:auto;display:block;background:no-repeat;background-image:radial-gradient(closest-side, #47b6a2 90%, rgba(0, 0, 0, 0)), radial-gradient(closest-side, #47b6a2 90%, rgba(0, 0, 0, 0));background-size:75px 75px;background-position:0%, 50%;position:relative;transform:translateZ(0) scale(0.25);animation-name:slide}i::before,i::after{content:'';width:75px;height:75px;background:radial-gradient(closest-side, #47b6a2 90%, rgba(0, 0, 0, 0));position:absolute;top:50%;margin-top:-37.5px;animation-name:reveal}i::before{left:1%;animation-delay:40ms}i::after{right:1%;animation-direction:reverse}@keyframes slide{from{background-position:0%, 50%}to{background-position:50%, 100%}}@keyframes reveal{from{transform:scale(0.001)}to{transform:scale(1)}}";
 

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ebcada7.js');
+const index = require('./index-be29a2a8.js');
 
 /*
  Stencil Client Patch Esm v2.19.3 | MIT Licensed | https://stenciljs.com
@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_12.cjs",[[1,"identification-component",{"token":[1],"order_id":[1537],"api_url":[1],"idErrorType":[32],"idSide":[32],"idFlow":[32],"idBackFlow":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"timeElapsed","timeElapsed"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"stopAnimation":[32],"captureTaken":[32],"titleMesage":[32],"animationPath":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"stopAnimation":[32],"captureTaken":[32],"titleMesage":[32],"animationPath":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"stopAnimation":[32],"captureTaken":[32],"titleMesage":[32],"animationPath":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"capture-error",{"idSide":[1537,"id-side"],"type":[1]}],[0,"end-redirect"],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[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"]]],["agreement-check_12.cjs",[[1,"identification-component",{"token":[1],"order_id":[1537],"api_url":[1],"idErrorType":[32],"idSide":[32],"idFlow":[32],"idBackFlow":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"timeElapsed","timeElapsed"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"capture-error",{"idSide":[1537,"id-side"],"type":[1]}],[0,"end-redirect"],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
   });
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-9ebcada7.js');
+const index = require('./index-be29a2a8.js');
 
 /*
  Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com
@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_12.cjs",[[1,"identification-component",{"token":[1],"order_id":[1537],"api_url":[1],"idErrorType":[32],"idSide":[32],"idFlow":[32],"idBackFlow":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"timeElapsed","timeElapsed"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"stopAnimation":[32],"captureTaken":[32],"titleMesage":[32],"animationPath":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"stopAnimation":[32],"captureTaken":[32],"titleMesage":[32],"animationPath":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"stopAnimation":[32],"captureTaken":[32],"titleMesage":[32],"animationPath":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"capture-error",{"idSide":[1537,"id-side"],"type":[1]}],[0,"end-redirect"],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[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"]]],["agreement-check_12.cjs",[[1,"identification-component",{"token":[1],"order_id":[1537],"api_url":[1],"idErrorType":[32],"idSide":[32],"idFlow":[32],"idBackFlow":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"timeElapsed","timeElapsed"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"capture-error",{"idSide":[1537,"id-side"],"type":[1]}],[0,"end-redirect"],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
 });

package/dist/collection/components/id-back-capture/id-back-capture.js

@@ -1,12 +1,13 @@
-import { h, getAssetPath } from '@stencil/core';
+import { h, } from '@stencil/core';
 import Events from '../../helpers/Events';
 import { Cameras } from '../../helpers/Cameras';
 import { Stream } from '../../helpers/Stream';
 import { IdCaptureValues } from '../../helpers/textValues';
 import { IDML5Detector } from '../../libs/IDML5Detector/IDML5Detector';
 import { FaceML5Detector } from '../../libs/FaceML5Detector/FaceML5Detector';
-import { IDPose } from '../../libs/IDML5Detector/IDPose';
+// import { IDPose } from '../../libs/IDML5Detector/IDPose';
 export class IdBackCapture {
+  // @State() private animationPath: string;
   constructor() {
     this.photoIsReady = photos => {
       this.closeCamera();
@@ -15,21 +16,19 @@ export class IdBackCapture {
     this.device = undefined;
     this.videoStarted = undefined;
     this.cameraSize = undefined;
-    this.stopAnimation = undefined;
     this.captureTaken = undefined;
     this.titleMesage = undefined;
-    this.animationPath = undefined;
     this.captureTaken = false;
     this.cameras = new Cameras();
   }
   eventChangeTitle(event) {
-    this.stopAnimation = false;
-    if (event.detail == IDPose.Tilted) {
-      this.animationPath = getAssetPath('../../assets/animations/id/tilt-id.gif');
-    }
-    if (event.detail == IDPose.Straight) {
-      this.animationPath = getAssetPath('../../assets/animations/id/straighten-id.gif');
-    }
+    // this.stopAnimation = false;
+    // if (event.detail == IDPose.Tilted) {
+    //   this.animationPath = getAssetPath('../../assets/animations/id/tilt-id.gif');
+    // }
+    // if (event.detail == IDPose.Straight) {
+    //   this.animationPath = getAssetPath('../../assets/animations/id/straighten-id.gif');
+    // }
     this.titleMesage = IdCaptureValues.IDPoseMapping[event.detail];
   }
   eventVideoStarted(event) {
@@ -37,7 +36,7 @@ export class IdBackCapture {
     this.cameraSize = event.detail;
   }
   eventStopAnimation() {
-    this.stopAnimation = true;
+    // this.stopAnimation = true;
   }
   async componentWillLoad() {
     Events.init(this.component);
@@ -48,7 +47,7 @@ export class IdBackCapture {
   }
   componentDidLoad() {
     this.openCamera();
-    this.animationPath = getAssetPath('../../assets/animations/id/present-id.gif');
+    // this.animationPath = getAssetPath('../../assets/animations/id/present-id.gif');
   }
   async openCamera() {
     let _cameras = await this.cameras.GetCameras(this.device);
@@ -95,17 +94,17 @@ export class IdBackCapture {
     if (this.captureTaken) {
       loadingBlock = (h("div", { class: "pos-relative" }, h("div", { class: "dot-effect" }, h("div", { class: "snippet", "data-title": ".dot-shuttle" }, h("div", { class: "stage filter-contrast" }, h("div", { class: "dot-shuttle" }))))));
     }
-    let animationBlock;
-    if (this.videoStarted && this.stopAnimation !== true) {
-      animationBlock = (h("img", { class: "animation", "data-src": this.animationPath, src: this.animationPath }));
-    }
+    // let animationBlock: HTMLImageElement;
+    // if (this.videoStarted && this.stopAnimation !== true) {
+    //   animationBlock = (<img class="animation" data-src={this.animationPath} src={this.animationPath} />);
+    // }
     let cameraStyle;
     let cameraStyleInner;
     if (this.videoStarted) {
       cameraStyle = { width: Math.round(this.cameraSize.width) + 'px', height: Math.round(this.cameraSize.width * 9 / 16) + 'px', overflow: 'hidden', borderRadius: '10px' };
       cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - this.cameraSize.width * 9 / 16) / 2) * -1 + 'px' };
     }
-    return (h("div", { class: "container bg-black" }, h("div", { class: "row ctheight-100" }, h("div", null, h("h1", { class: "color-white" }, this.titleMesage)), h("div", { hidden: this.captureTaken, class: "chenar-buletin pos-relative" }, animationBlock, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { device: this.device, "capture-mode": "id" })))), loadingBlock, h("div", { class: "pos-relative" }, h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))));
+    return (h("div", { class: "container bg-black" }, h("div", { class: "row ctheight-100" }, h("div", null, h("h1", { class: "color-white" }, this.titleMesage)), h("div", { hidden: this.captureTaken, class: "chenar-buletin pos-relative" }, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { device: this.device, "capture-mode": "id" })))), loadingBlock, h("div", { class: "pos-relative" }, h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))));
   }
   static get is() { return "id-back-capture"; }
   static get originalStyleUrls() {
@@ -146,10 +145,8 @@ export class IdBackCapture {
     return {
       "videoStarted": {},
       "cameraSize": {},
-      "stopAnimation": {},
       "captureTaken": {},
-      "titleMesage": {},
-      "animationPath": {}
+      "titleMesage": {}
     };
   }
   static get events() {

package/dist/collection/components/id-capture/id-capture.js

@@ -1,12 +1,13 @@
-import { h, getAssetPath } from '@stencil/core';
+import { h, } from '@stencil/core';
 import Events from '../../helpers/Events';
 import { Cameras } from '../../helpers/Cameras';
 import { Stream } from '../../helpers/Stream';
 import { IdCaptureValues } from '../../helpers/textValues';
 import { IDML5Detector } from '../../libs/IDML5Detector/IDML5Detector';
 import { FaceML5Detector } from '../../libs/FaceML5Detector/FaceML5Detector';
-import { IDPose } from '../../libs/IDML5Detector/IDPose';
+// import { IDPose } from '../../libs/IDML5Detector/IDPose';
 export class IdCapture {
+  // @State() private animationPath: string;
   constructor() {
     this.photoIsReady = photos => {
       this.closeCamera();
@@ -15,21 +16,19 @@ export class IdCapture {
     this.device = undefined;
     this.videoStarted = undefined;
     this.cameraSize = undefined;
-    this.stopAnimation = undefined;
     this.captureTaken = undefined;
     this.titleMesage = undefined;
-    this.animationPath = undefined;
     this.captureTaken = false;
     this.cameras = new Cameras();
   }
   eventChangeTitle(event) {
-    this.stopAnimation = false;
-    if (event.detail == IDPose.Tilted) {
-      this.animationPath = getAssetPath('../../assets/animations/id/tilt-id.gif');
-    }
-    if (event.detail == IDPose.Straight) {
-      this.animationPath = getAssetPath('../../assets/animations/id/straighten-id.gif');
-    }
+    // this.stopAnimation = false;
+    // if (event.detail == IDPose.Tilted) {
+    //   this.animationPath = getAssetPath('../../assets/animations/id/tilt-id.gif');
+    // }
+    // if (event.detail == IDPose.Straight) {
+    //   this.animationPath = getAssetPath('../../assets/animations/id/straighten-id.gif');
+    // }
     this.titleMesage = IdCaptureValues.IDPoseMapping[event.detail];
   }
   eventVideoStarted(event) {
@@ -37,7 +36,7 @@ export class IdCapture {
     this.cameraSize = event.detail;
   }
   eventStopAnimation() {
-    this.stopAnimation = true;
+    // this.stopAnimation = true;
   }
   async componentWillLoad() {
     Events.init(this.component);
@@ -48,7 +47,7 @@ export class IdCapture {
   }
   componentDidLoad() {
     this.openCamera();
-    this.animationPath = getAssetPath('../../assets/animations/id/present-id.gif');
+    // this.animationPath = getAssetPath('../../assets/animations/id/present-id.gif');
   }
   async openCamera() {
     let _cameras = await this.cameras.GetCameras(this.device);
@@ -95,17 +94,17 @@ export class IdCapture {
     if (this.captureTaken) {
       loadingBlock = (h("div", { class: "pos-relative" }, h("div", { class: "dot-effect" }, h("div", { class: "snippet", "data-title": ".dot-shuttle" }, h("div", { class: "stage filter-contrast" }, h("div", { class: "dot-shuttle" }))))));
     }
-    let animationBlock;
-    if (this.videoStarted && this.stopAnimation !== true) {
-      animationBlock = (h("img", { class: "animation", "data-src": this.animationPath, src: this.animationPath }));
-    }
+    // let animationBlock: HTMLImageElement;
+    // if (this.videoStarted && this.stopAnimation !== true) {
+    //   animationBlock = (<img class="animation" data-src={this.animationPath} src={this.animationPath} />);
+    // }
     let cameraStyle;
     let cameraStyleInner;
     if (this.videoStarted) {
       cameraStyle = { width: Math.round(this.cameraSize.width) + 'px', height: Math.round(this.cameraSize.width * 9 / 16) + 'px', overflow: 'hidden', borderRadius: '10px' };
       cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - this.cameraSize.width * 9 / 16) / 2) * -1 + 'px' };
     }
-    return (h("div", { class: "container bg-black" }, h("div", { class: "row ctheight-100" }, h("div", null, h("h1", { class: "color-white" }, this.titleMesage)), h("div", { hidden: this.captureTaken, class: "chenar-buletin pos-relative" }, animationBlock, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { device: this.device, "capture-mode": "id" })))), loadingBlock, h("div", { class: "pos-relative" }, h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))));
+    return (h("div", { class: "container bg-black" }, h("div", { class: "row ctheight-100" }, h("div", null, h("h1", { class: "color-white" }, this.titleMesage)), h("div", { hidden: this.captureTaken, class: "chenar-buletin pos-relative" }, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { device: this.device, "capture-mode": "id" })))), loadingBlock, h("div", { class: "pos-relative" }, h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))));
   }
   static get is() { return "id-capture"; }
   static get originalStyleUrls() {
@@ -146,10 +145,8 @@ export class IdCapture {
     return {
       "videoStarted": {},
       "cameraSize": {},
-      "stopAnimation": {},
       "captureTaken": {},
-      "titleMesage": {},
-      "animationPath": {}
+      "titleMesage": {}
     };
   }
   static get events() {