@ekyc_qoobiss/qbs-ect-cmp 3.6.26 → 3.6.27

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

@@ -1 +1,148 @@
-import{p as e,b as t}from"./p-8942656c.js";export{s as setNonce}from"./p-8942656c.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t([["p-054dc5b3",[[1,"loader-dots"]]],["p-6be3b9ca",[[0,"random-actions"]]],["p-40480abb",[[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"],[9,"scroll","handleScroll"]]],[0,"process-id",{captureStep:[32],showTimeout:[32],showInvalid:[32],flow:[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{showError:[32],captureStep:[32],flow:[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,"camera-error",{title:[32],description:[32],buttonDisabled:[32],demoVideo:[32]}],[0,"end-redirect"],[0,"error-end",{message:[1],errorTitle:[1,"error-title"]}],[0,"landing-validation",{warningText:[32],buttonDisabled:[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",{videoStarted:[32],cameraSize:[32],captureTaken:[32],verified:[32],titleMesage:[32],showDemo:[32],demoVideo:[32]},[[0,"videoStarted","eventVideoStarted"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"id-capture",{videoStarted:[32],cameraSize:[32],captureTaken:[32],verified:[32],titleMesage:[32],showDemo:[32],demoVideo:[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"id-tilt",{videoStarted:[32],cameraSize:[32],captureTaken:[32],verified:[32],titleMesage:[32],showDemo:[32],demoVideo:[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-capture",{videoStarted:[32],captureTaken:[32],verified:[32],titleMesage:[32],demoEnded:[32],demoVideo:[32],uploadingLink:[32],captureHeight:[32],captureWidth:[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-tilt",{videoStarted:[32],captureTaken:[32],verified:[32],titleMesage:[32],demoEnded:[32],demoVideo:[32],uploadingLink:[32],captureHeight:[32],captureWidth:[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{agreementType:[1,"agreement-type"],htmlContent:[32],buttonEnabled:[32],scrollClass:[32]}],[0,"capture-error",{type:[1],buttonEnabled:[32],buttonText:[32]}],[0,"how-to-info",{idSide:[1,"id-side"],topTitle:[32],subTitle:[32],imagePath:[32],buttonText:[32],buttonEnabled:[32]}],[0,"camera-comp",{modelPath:[1,"model-path"],probabilityThreshold:[2,"probability-threshold"],captureMode:[1,"capture-mode"]}]]]],e)));
+import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-78a05b9e.js';
+export { s as setNonce } from './index-78a05b9e.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
+
+/*
+ Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
+ */
+/**
+ * Helper method for querying a `meta` tag that contains a nonce value
+ * out of a DOM's head.
+ *
+ * @param doc The DOM containing the `head` to query against
+ * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag
+ * exists or the tag has no content.
+ */
+function queryNonceMetaTagContent(doc) {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;
+}
+const getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\s|-/g, '_')}`;
+const patchBrowser = () => {
+    // NOTE!! This fn cannot use async/await!
+    if (BUILD.isDev && !BUILD.isTesting) {
+        consoleDevInfo('Running in development mode.');
+    }
+    if (BUILD.cssVarShim) {
+        // shim css vars
+        plt.$cssShim$ = win.__cssshim;
+    }
+    if (BUILD.cloneNodeFix) {
+        // opted-in to polyfill cloneNode() for slot polyfilled components
+        patchCloneNodeFix(H.prototype);
+    }
+    if (BUILD.profile && !performance.mark) {
+        // not all browsers support performance.mark/measure (Safari 10)
+        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,
+        // simply stub the implementations out.
+        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)
+        // @ts-ignore
+        performance.mark = performance.measure = () => {
+            /*noop*/
+        };
+        performance.getEntriesByName = () => [];
+    }
+    // @ts-ignore
+    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim
+        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) ||
+            s.getAttribute('data-stencil-namespace') === NAMESPACE)
+        : null;
+    const importMeta = import.meta.url;
+    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};
+    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {
+        // Safari < v11 support: This IF is true if it's Safari below v11.
+        // This fn cannot use async/await since Safari didn't support it until v11,
+        // however, Safari 10 did support modules. Safari 10 also didn't support "nomodule",
+        // so both the ESM file and nomodule file would get downloaded. Only Safari
+        // has 'onbeforeload' in the script, and "history.scrollRestoration" was added
+        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.
+        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.
+        return {
+            then() {
+                /* promise noop */
+            },
+        };
+    }
+    if (!BUILD.safari10 && importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    else if (BUILD.dynamicImportShim || BUILD.safari10) {
+        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;
+        if (BUILD.dynamicImportShim) {
+            patchDynamicImport(opts.resourcesUrl, scriptElm);
+        }
+        if (BUILD.dynamicImportShim && !win.customElements) {
+            // module support, but no custom elements support (Old Edge)
+            // @ts-ignore
+            return import(/* webpackChunkName: "polyfills-dom" */ './dom-64053c71.js').then(() => opts);
+        }
+    }
+    return promiseResolve(opts);
+};
+const patchDynamicImport = (base, orgScriptElm) => {
+    const importFunctionName = getDynamicImportFunction(NAMESPACE);
+    try {
+        // test if this browser supports dynamic imports
+        // There is a caching issue in V8, that breaks using import() in Function
+        // By generating a random string, we can workaround it
+        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info
+        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);
+    }
+    catch (e) {
+        // this shim is specifically for browsers that do support "esm" imports
+        // however, they do NOT support "dynamic" imports
+        // basically this code is for old Edge, v18 and below
+        const moduleMap = new Map();
+        win[importFunctionName] = (src) => {
+            var _a;
+            const url = new URL(src, base).href;
+            let mod = moduleMap.get(url);
+            if (!mod) {
+                const script = doc.createElement('script');
+                script.type = 'module';
+                script.crossOrigin = orgScriptElm.crossOrigin;
+                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {
+                    type: 'application/javascript',
+                }));
+                // Apply CSP nonce to the script tag if it exists
+                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
+                if (nonce != null) {
+                    script.setAttribute('nonce', nonce);
+                }
+                mod = new Promise((resolve) => {
+                    script.onload = () => {
+                        resolve(win[importFunctionName].m);
+                        script.remove();
+                    };
+                });
+                moduleMap.set(url, mod);
+                doc.head.appendChild(script);
+            }
+            return mod;
+        };
+    }
+};
+const patchCloneNodeFix = (HTMLElementPrototype) => {
+    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
+    HTMLElementPrototype.cloneNode = function (deep) {
+        if (this.nodeName === 'TEMPLATE') {
+            return nativeCloneNodeFn.call(this, deep);
+        }
+        const clonedNode = nativeCloneNodeFn.call(this, false);
+        const srcChildNodes = this.childNodes;
+        if (deep) {
+            for (let i = 0; i < srcChildNodes.length; i++) {
+                // Node.ATTRIBUTE_NODE === 2, and checking because IE11
+                if (srcChildNodes[i].nodeType !== 2) {
+                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
+                }
+            }
+        }
+        return clonedNode;
+    };
+};
+
+patchBrowser().then(options => {
+  globalScripts();
+  return bootstrapLazy([["identification-component",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"idSide":[32],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]]]],["loader-dots",[[1,"loader-dots"]]],["random-actions",[[0,"random-actions"]]],["process-id",[[0,"process-id",{"captureStep":[32],"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"]]]]],["user-liveness",[[0,"user-liveness",{"showError":[32],"captureStep":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]]]],["agreement-info",[[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]]]],["camera-error",[[0,"camera-error",{"title":[32],"description":[32],"buttonDisabled":[32],"demoVideo":[32]}]]],["end-redirect",[[0,"end-redirect"]]],["error-end",[[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}]]],["landing-validation",[[0,"landing-validation",{"warningText":[32],"buttonDisabled":[32]}]]],["mobile-redirect",[[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}]]],["sms-code-validation",[[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32],"prefilledPhone":[32],"canSend":[32]}]]],["camera-comp",[[0,"camera-comp",{"modelPath":[1,"model-path"],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]],["id-back-capture",[[0,"id-back-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]]]],["id-capture",[[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]]]],["id-tilt",[[0,"id-tilt",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]]]],["selfie-capture",[[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"uploadingLink":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]]]],["selfie-tilt",[[0,"selfie-tilt",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"uploadingLink":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]]]],["agreement-check",[[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}]]],["capture-error",[[0,"capture-error",{"type":[1],"buttonEnabled":[32],"buttonText":[32]}]]],["how-to-info",[[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32]}]]]], options);
+});

package/dist/{esm → qbs-ect-cmp}/random-actions.entry.js

@@ -1,16 +1,19 @@
-import { r as registerInstance, h } from './index-cf54a432.js';
-import { H as HowToValues } from './store-fdeed827.js';
+import { r as registerInstance, h } from './index-78a05b9e.js';
+import { B as BaseComponent, F as FlowSteps } from './base-component-2e490fd9.js';
+import './textValues-6bcc85dd.js';
+import './IDevice-15ecfdeb.js';
 
 const randomActionsCss = "";
 
 const RandomActions = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.baseComponent = new BaseComponent(FlowSteps.SelfieTilt);
   }
   componentWillLoad() { }
   buttonClick() { }
   render() {
-    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { class: "text-center" }, h("h1", null, this.topTitle)), 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))))));
+    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { class: "text-center" }, h("h1", null, this.topTitle)), 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" }, this.baseComponent.translations.GlobalValues.FooterText))))));
   }
 };
 RandomActions.style = randomActionsCss;

package/dist/{collection/components/common/selfie-capture/selfie-capture.js → qbs-ect-cmp/selfie-capture.entry.js}

@@ -1,17 +1,21 @@
-import { h } from '@stencil/core';
-import { Cameras } from '../../../helpers/Cameras';
-import { Stream } from '../../../helpers/Stream';
-import { SelfieCaptureValues } from '../../../helpers/textValues';
-import { FaceML5Detector } from '../../../libs/FaceML5Detector/FaceML5Detector';
-import { FacePose } from '../../../libs/FaceML5Detector/FacePose';
-import { delay } from '../../../utils/utils';
-import store from '../../../helpers/store';
-import { BaseComponent } from '../../base-component';
-import { FlowMoments, FlowSteps } from '../../../models/FlowSteps';
-import { VerificationMode } from '../../../models/IVerificationMode';
-export class SelfieCapture {
+import { r as registerInstance, e as createEvent, h, i as getElement } from './index-78a05b9e.js';
+import { C as Cameras } from './Cameras-dfbebc29.js';
+import { a as FacePose, S as Stream, V as VerificationMode, F as FaceML5Detector } from './Stream-b867a2be.js';
+import { a as SelfieCaptureValues, s as state } from './textValues-6bcc85dd.js';
+import { d as delay } from './utils-8225f0b7.js';
+import { B as BaseComponent, F as FlowSteps, a as FlowMoments } from './base-component-2e490fd9.js';
+import './IDevice-15ecfdeb.js';
+import './ML5-657ef934.js';
+import './_commonjsHelpers-321aa363.js';
+
+const selfieCaptureCss = "";
+
+const SelfieCapture = class {
   // @State() private animationPath: string;
-  constructor() {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.eventPhotoCapture = createEvent(this, "photoSelfieCapture", 7);
+    this.apiErrorEvent = createEvent(this, "apiError", 7);
     this.photoIsReady = photos => {
       //this.closeCamera();
       this.eventPhotoCapture.emit(photos);
@@ -40,7 +44,7 @@ export class SelfieCapture {
     this.captureWidth = Math.round((this.captureHeight * 9) / 16);
   }
   componentWillLoad() {
-    this.titleMesage = SelfieCaptureValues.Title;
+    this.titleMesage = this.baseComponent.translations.SelfieCaptureValues.Title;
     //this.videoDemoStyle = this.device.isMobile ? { 'width': window.screen.width + 'px', 'height': window.screen.height + 'px', 'object-fit': 'fill' } : {};
     if (!navigator.mediaDevices) {
       this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
@@ -50,12 +54,12 @@ export class SelfieCapture {
     await this.baseComponent.logStep(FlowSteps.SelfieCapture, FlowMoments.Initialized);
     this.demoVideo.src = SelfieCaptureValues.FacePoseDemoMapping[FacePose.Main];
     this.demoVideo.play();
-    await delay(SelfieCaptureValues.VideoLenght);
+    await delay(this.baseComponent.translations.GlobalValues.VideoLenght);
     this.demoEnded = true;
     this.openCamera();
   }
   async openCamera() {
-    const constraints = this.cameras.GetConstraints('', store.device, true);
+    const constraints = this.cameras.GetConstraints('', state.device, true);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)
@@ -91,7 +95,7 @@ export class SelfieCapture {
     if (this.verified)
       return;
     this.verified = true;
-    this.titleMesage = SelfieCaptureValues.Loading;
+    this.titleMesage = this.baseComponent.translations.SelfieCaptureValues.Loading;
     this.closeCamera();
     this.demoEnded = false;
     this.demoVideo.src = this.uploadingLink;
@@ -100,7 +104,7 @@ export class SelfieCapture {
   }
   render() {
     let cameraStyle;
-    if (store.device.isMobile && this.videoStarted) {
+    if (state.device.isMobile && this.videoStarted) {
       cameraStyle = {
         'width': this.captureWidth + 'px',
         'height': this.captureHeight + 'px',
@@ -113,85 +117,10 @@ export class SelfieCapture {
     let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
     //let videoClass = this.device.isMobile ? '' : 'video-demo';
     let bgDemo = this.verified ? 'container' : 'container bg-black';
-    return (h("div", { class: bgDemo }, h("div", { class: "container-video" }, h("div", { hidden: this.demoEnded }, h("video", { id: "howtoSelfie", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { hidden: this.demoEnded == false }, h("div", { hidden: this.verified }, h("div", { class: "video-capture" }, h("div", { style: cameraStyle }, h("camera-comp", { "capture-mode": "selfie" }))))), h("div", { class: "capture-title" }, h("h1", { class: titleClass }, this.titleMesage), h("p", { class: "main-text font-size-18 text-right mb-0" }, SelfieCaptureValues.FooterText)))));
+    return (h("div", { class: bgDemo }, h("div", { class: "container-video" }, h("div", { hidden: this.demoEnded }, h("video", { id: "howtoSelfie", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { hidden: this.demoEnded == false }, h("div", { hidden: this.verified }, h("div", { class: "video-capture" }, h("div", { style: cameraStyle }, h("camera-comp", { "capture-mode": "selfie" }))))), h("div", { class: "capture-title" }, h("h1", { class: titleClass }, this.titleMesage), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.baseComponent.translations.GlobalValues.FooterText)))));
   }
-  static get is() { return "selfie-capture"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["selfie-capture.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["selfie-capture.css"]
-    };
-  }
-  static get states() {
-    return {
-      "videoStarted": {},
-      "captureTaken": {},
-      "verified": {},
-      "titleMesage": {},
-      "demoEnded": {},
-      "demoVideo": {},
-      "uploadingLink": {},
-      "captureHeight": {},
-      "captureWidth": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "eventPhotoCapture",
-        "name": "photoSelfieCapture",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "apiErrorEvent",
-        "name": "apiError",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "component"; }
-  static get listeners() {
-    return [{
-        "name": "videoStarted",
-        "method": "eventVideoStarted",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "takePhoto",
-        "method": "takePhoto",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "verificationFinished",
-        "method": "verificationFinished",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
-}
+  get component() { return getElement(this); }
+};
+SelfieCapture.style = selfieCaptureCss;
+
+export { SelfieCapture as selfie_capture };

package/dist/{collection/components/common/selfie-tilt/selfie-tilt.js → qbs-ect-cmp/selfie-tilt.entry.js}

@@ -1,16 +1,21 @@
-import { h } from '@stencil/core';
-import { Cameras } from '../../../helpers/Cameras';
-import { Stream } from '../../../helpers/Stream';
-import { SelfieCaptureValues } from '../../../helpers/textValues';
-import { FaceML5Detector } from '../../../libs/FaceML5Detector/FaceML5Detector';
-import { delay } from '../../../utils/utils';
-import store from '../../../helpers/store';
-import { BaseComponent } from '../../base-component';
-import { FlowMoments, FlowSteps } from '../../../models/FlowSteps';
-import { VerificationMode } from '../../../models/IVerificationMode';
-export class SelfieTilt {
+import { r as registerInstance, e as createEvent, h, i as getElement } from './index-78a05b9e.js';
+import { C as Cameras } from './Cameras-dfbebc29.js';
+import { S as Stream, V as VerificationMode, a as FacePose, F as FaceML5Detector } from './Stream-b867a2be.js';
+import { a as SelfieCaptureValues, s as state } from './textValues-6bcc85dd.js';
+import { d as delay } from './utils-8225f0b7.js';
+import { B as BaseComponent, F as FlowSteps, a as FlowMoments } from './base-component-2e490fd9.js';
+import './IDevice-15ecfdeb.js';
+import './ML5-657ef934.js';
+import './_commonjsHelpers-321aa363.js';
+
+const selfieTiltCss = "";
+
+const SelfieTilt = class {
   // @State() private animationPath: string;
-  constructor() {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.eventPhotoCapture = createEvent(this, "photoSelfieTiltCapture", 7);
+    this.apiErrorEvent = createEvent(this, "apiError", 7);
     this.photoIsReady = photos => {
       //this.closeCamera();
       this.eventPhotoCapture.emit(photos);
@@ -39,7 +44,7 @@ export class SelfieTilt {
     this.captureWidth = Math.round((this.captureHeight * 9) / 16);
   }
   componentWillLoad() {
-    this.titleMesage = SelfieCaptureValues.Title;
+    this.titleMesage = this.baseComponent.translations.SelfieCaptureValues.Title;
     //this.videoDemoStyle = this.device.isMobile ? { 'width': window.screen.width + 'px', 'height': window.screen.height + 'px', 'object-fit': 'fill' } : {};
     if (!navigator.mediaDevices) {
       this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
@@ -48,16 +53,16 @@ export class SelfieTilt {
   async componentDidLoad() {
     this.mainStream = Stream.getInstance(VerificationMode.Tilt);
     await this.baseComponent.logStep(FlowSteps.SelfieTilt, FlowMoments.Initialized);
-    this.titleMesage = SelfieCaptureValues.FacePoseMapping[this.mainStream.facePose];
+    this.titleMesage = this.baseComponent.translations.SelfieCaptureValues.FacePoseMapping[Object.values(FacePose).indexOf(this.mainStream.facePose)];
     this.demoEnded = false;
     this.demoVideo.src = SelfieCaptureValues.FacePoseDemoMapping[this.mainStream.facePose];
     this.demoVideo.play();
-    await delay(SelfieCaptureValues.VideoLenght);
+    await delay(this.baseComponent.translations.GlobalValues.VideoLenght);
     this.demoEnded = true;
     this.openCamera();
   }
   async openCamera() {
-    const constraints = this.cameras.GetConstraints('', store.device, true);
+    const constraints = this.cameras.GetConstraints('', state.device, true);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)
@@ -92,7 +97,7 @@ export class SelfieTilt {
     if (this.verified)
       return;
     this.verified = true;
-    this.titleMesage = SelfieCaptureValues.Loading;
+    this.titleMesage = this.baseComponent.translations.SelfieCaptureValues.Loading;
     this.closeCamera();
     this.demoEnded = false;
     this.demoVideo.src = this.uploadingLink;
@@ -101,7 +106,7 @@ export class SelfieTilt {
   }
   render() {
     let cameraStyle;
-    if (store.device.isMobile && this.videoStarted) {
+    if (state.device.isMobile && this.videoStarted) {
       cameraStyle = {
         'width': this.captureWidth + 'px',
         'height': this.captureHeight + 'px',
@@ -114,85 +119,10 @@ export class SelfieTilt {
     let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
     //let videoClass = this.device.isMobile ? '' : 'video-demo';
     let bgDemo = this.verified ? 'container' : 'container bg-black';
-    return (h("div", { class: bgDemo }, h("div", { class: "container-video" }, h("div", { hidden: this.demoEnded }, h("video", { id: "howtoSelfie", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { hidden: this.demoEnded == false }, h("div", { hidden: this.verified }, h("div", { class: "video-capture" }, h("div", { style: cameraStyle }, h("camera-comp", { "capture-mode": "selfie" }))))), h("div", { class: "capture-title" }, h("h1", { class: titleClass }, this.titleMesage), h("p", { class: "main-text font-size-18 text-right mb-0" }, SelfieCaptureValues.FooterText)))));
+    return (h("div", { class: bgDemo }, h("div", { class: "container-video" }, h("div", { hidden: this.demoEnded }, h("video", { id: "howtoSelfie", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { hidden: this.demoEnded == false }, h("div", { hidden: this.verified }, h("div", { class: "video-capture" }, h("div", { style: cameraStyle }, h("camera-comp", { "capture-mode": "selfie" }))))), h("div", { class: "capture-title" }, h("h1", { class: titleClass }, this.titleMesage), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.baseComponent.translations.GlobalValues.FooterText)))));
   }
-  static get is() { return "selfie-tilt"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["selfie-tilt.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["selfie-tilt.css"]
-    };
-  }
-  static get states() {
-    return {
-      "videoStarted": {},
-      "captureTaken": {},
-      "verified": {},
-      "titleMesage": {},
-      "demoEnded": {},
-      "demoVideo": {},
-      "uploadingLink": {},
-      "captureHeight": {},
-      "captureWidth": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "eventPhotoCapture",
-        "name": "photoSelfieTiltCapture",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "apiErrorEvent",
-        "name": "apiError",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "component"; }
-  static get listeners() {
-    return [{
-        "name": "videoStarted",
-        "method": "eventVideoStarted",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "takePhoto",
-        "method": "takePhoto",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "verificationFinished",
-        "method": "verificationFinished",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
-}
+  get component() { return getElement(this); }
+};
+SelfieTilt.style = selfieTiltCss;
+
+export { SelfieTilt as selfie_tilt };