@ekyc_qoobiss/qbs-ect-cmp 3.6.26 → 3.6.28

package/dist/collection/components/flow/mobile-redirect/mobile-redirect.js

@@ -1,5 +1,4 @@
 import { h } from '@stencil/core';
-import { MobileRedirectValues } from '../../../helpers/textValues';
 import QRCode from 'qrcode';
 import store from '../../../helpers/store';
 import Events from '../../../helpers/Events';
@@ -26,8 +25,8 @@ export class MobileRedirect {
   }
   async componentWillLoad() {
     Events.flowStarted();
-    this.infoTextTop = MobileRedirectValues.InfoTop;
-    this.infoTextBottom = MobileRedirectValues.InfoBottom;
+    this.infoTextTop = this.baseComponent.translations.MobileRedirectValues.InfoTop;
+    this.infoTextBottom = this.baseComponent.translations.MobileRedirectValues.InfoBottom;
     let envUri = store.environment == 'QA' ? 'test' : 'ect';
     let baseUri = store.hasIdBack ? 'https://onmd.id-kyc.com/' : 'https://onro.id-kyc.com/';
     this.redirectLink = baseUri + envUri + '/mobileredirect?redirectId=' + store.redirectId;
@@ -61,12 +60,12 @@ export class MobileRedirect {
       this.apiErrorEvent.emit({ message: 'No order was started for this process.' });
     }
     if (this.orderStatus == OrderStatuses.Capturing) {
-      this.infoTextTop = MobileRedirectValues.InfoWaiting;
+      this.infoTextTop = this.baseComponent.translations.MobileRedirectValues.InfoWaiting;
       this.waitingMobile = true;
     }
     if (this.orderStatus == OrderStatuses.Aborted) {
       this.waitingMobile = false;
-      this.infoTextTop = MobileRedirectValues.InfoAborted;
+      this.infoTextTop = this.baseComponent.translations.MobileRedirectValues.InfoAborted;
       Events.flowAborted();
     }
   }
@@ -79,7 +78,7 @@ export class MobileRedirect {
       return;
     }
     this.waitingMobile = true;
-    this.infoTextTop = MobileRedirectValues.InfoWaiting;
+    this.infoTextTop = this.baseComponent.translations.MobileRedirectValues.InfoWaiting;
     try {
       await this.baseComponent.apiCall.SendLink(this.redirectLink, this.contact);
     }
@@ -97,7 +96,7 @@ export class MobileRedirect {
     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", 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))))));
+    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { hidden: this.waitingMobile }, h("div", { class: "text-center" }, h("p", { class: "font-size-2" }, this.infoTextTop)), h("div", { class: "qr-canvas align-center" }, h("img", { src: this.qrCode })), h("div", { class: "text-center" }, h("p", { class: "font-size-2" }, this.infoTextBottom)), h("div", { class: "input-container mb-15" }, h("label", { class: "font-size-18 mb-1 color-red", hidden: this.invalidValue == false }, h("b", null, this.baseComponent.translations.MobileRedirectValues.Validation)), h("input", { type: "text", id: "codeInput", class: "main-input", disabled: this.prefilledPhone, value: this.contact, onInput: ev => this.handleChangeContact(ev) })), h("div", { class: "pos-relative" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", onClick: () => this.buttonClick() }, "Trimite"), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.baseComponent.translations.GlobalValues.FooterText)))), h("div", { hidden: this.waitingMobile == false }, h("div", { class: "text-center" }, h("p", { class: "font-size-2" }, this.infoTextTop))))));
   }
   static get is() { return "mobile-redirect"; }
   static get originalStyleUrls() {

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

@@ -1,6 +1,5 @@
 import { h } from '@stencil/core';
 import store from '../../../helpers/store';
-import { PhoneValidationValues, CodeValidationValues } from '../../../helpers/textValues';
 import { FlowStatus } from '../../../models/FlowStatus';
 import { FlowSteps } from '../../../models/FlowSteps';
 import { BaseComponent } from '../../base-component';
@@ -49,9 +48,9 @@ export class SmsCodeValidation {
   }
   componentWillRender() {
     if (store.flowStatus == FlowStatus.PHONE) {
-      this.title = PhoneValidationValues.Title;
-      this.details = PhoneValidationValues.Description;
-      this.buttonText = PhoneValidationValues.Button;
+      this.title = this.baseComponent.translations.PhoneValidationValues.Title;
+      this.details = this.baseComponent.translations.PhoneValidationValues.Description;
+      this.buttonText = this.baseComponent.translations.PhoneValidationValues.Button;
       if (store.phoneNumber && store.phoneNumber != '') {
         this.phoneNumber = store.phoneNumber;
         this.prefilledPhone = true;
@@ -59,9 +58,9 @@ export class SmsCodeValidation {
       }
     }
     if (store.flowStatus == FlowStatus.CODE || store.flowStatus == FlowStatus.CODEERROR) {
-      this.title = CodeValidationValues.Title;
-      this.details = CodeValidationValues.Description;
-      this.buttonText = CodeValidationValues.Button;
+      this.title = this.baseComponent.translations.CodeValidationValues.Title;
+      this.details = this.baseComponent.translations.CodeValidationValues.Description;
+      this.buttonText = this.baseComponent.translations.CodeValidationValues.Button;
     }
   }
   async componentDidLoad() {
@@ -87,15 +86,15 @@ export class SmsCodeValidation {
     let inputBlock;
     let errorBlock;
     if (store.flowStatus == FlowStatus.CODEERROR) {
-      errorBlock = h("p", { class: "main-text font-size-18 mt-15 color-red text-center" }, CodeValidationValues.Error);
+      errorBlock = h("p", { class: "main-text font-size-18 mt-15 color-red text-center" }, this.baseComponent.translations.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", disabled: this.prefilledPhone, 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, this.baseComponent.translations.PhoneValidationValues.Label)), h("input", { type: "tel", id: "phoneInput", class: "main-input", disabled: this.prefilledPhone, onInput: ev => this.handleChangePhone(ev), value: this.phoneNumber })));
     }
     else {
       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: "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))))));
+    return (h("div", { class: "container" }, h("div", { class: "row row-validare" }, h("div", null, h("h1", { class: "text-center" }, this.title), errorBlock == null ? h("p", { class: "main-text font-size-2 mt-15 mb-20 text-center" }, this.details) : errorBlock), inputBlock, h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { id: "action", disabled: !this.canSend, class: "main-button", onClick: () => this.doAction() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.baseComponent.translations.GlobalValues.FooterText))))));
   }
   static get is() { return "sms-code-validation"; }
   static get originalStyleUrls() {

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

@@ -71,6 +71,7 @@ export class IdentificationComponent {
     this.env = undefined;
     this.redirect_id = undefined;
     this.phone_number = undefined;
+    this.lang_iso = undefined;
     this.idSide = '';
     this.errorMessage = undefined;
     this.errorTitle = undefined;
@@ -103,6 +104,9 @@ export class IdentificationComponent {
     if (this.phone_number && this.phone_number != '') {
       store.phoneNumber = this.phone_number;
     }
+    if (this.lang_iso && this.lang_iso != '') {
+      store.langIso = this.lang_iso;
+    }
     var ini = sessionStorage.getItem(SessionKeys.InitialisedKey);
     if (ini && ini.toLowerCase() == 'true') {
       store.initialised = true;
@@ -347,6 +351,23 @@ export class IdentificationComponent {
         },
         "attribute": "phone_number",
         "reflect": true
+      },
+      "lang_iso": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "lang_iso",
+        "reflect": true
       }
     };
   }

package/dist/collection/helpers/TranslationUtils.js

@@ -0,0 +1,37 @@
+import store from './store';
+class TranslationsController {
+  async getValues() {
+    if (this.values) {
+      return this.values;
+    }
+    else {
+      this.values = await this.fetchTranslations();
+      return this.values;
+    }
+  }
+  getLocale(element = document.body) {
+    const closestElement = element.closest('[lang]');
+    return closestElement ? closestElement.lang : store.langIso;
+  }
+  async fetchTranslations() {
+    const locale = this.getLocale();
+    const existingTranslations = JSON.parse(sessionStorage.getItem(`i18n.${locale}`));
+    if (existingTranslations && Object.keys(existingTranslations).length > 0) {
+      return existingTranslations;
+    }
+    else {
+      try {
+        const result = await fetch(`/i18n/${locale}.json`);
+        if (result.ok) {
+          const data = await result.json();
+          sessionStorage.setItem(`i18n.${locale}`, JSON.stringify(data));
+          return data;
+        }
+      }
+      catch (exception) {
+        console.error(`Error loading locale: ${locale}`, exception);
+      }
+    }
+  }
+}
+export const Translations = new TranslationsController();

package/dist/collection/helpers/store.js

@@ -19,6 +19,7 @@ const { state, onChange } = createStore({
   phoneNumber: '',
   apiBaseUrl: 'https://apiro.id-kyc.com',
   device: null,
+  langIso: 'ro',
 });
 onChange('environment', value => {
   state.debug = value == 'QA';

package/dist/collection/helpers/textValues.js

@@ -1,73 +1,6 @@
 import store from './store';
-export class GlobalValues {
+export class IdCaptureValues {
 }
-GlobalValues.FooterText = 'Qoobiss eKYC';
-GlobalValues.VideoLenght = 3100;
-export class HowToValues extends GlobalValues {
-}
-HowToValues.IdTitile = 'Prezintă actul tău de identitate';
-HowToValues.IdSubTitileFace = 'Este necesară captarea actului de identitate. Urmează intrucțiunile ce vor fi afișate pe ecran.';
-HowToValues.IdSubTitileBack = 'Este necesară captarea pe verso a actului de identitate. Urmează intrucțiunile ce vor fi afișate pe ecran.';
-HowToValues.IdButton = 'Sunt gata!';
-HowToValues.SelfieTitile = 'Validare video';
-HowToValues.SelfieSubTitile = 'Este necesară realizarea unei înregistrări video. Respectă intrucțiunile ce vor fi afișate pe ecran.';
-HowToValues.SelfieButton = 'Sunt gata!';
-export class LandingValues extends GlobalValues {
-}
-LandingValues.Title = 'Validarea identității la distanță este o procedură simplă și rapidă';
-LandingValues.Description = 'Asigură-te că ai:';
-LandingValues.IdInfo = 'Actul de identitate, în original';
-LandingValues.DeviceInfo = 'Un telefon mobil sau un calculator cu camera web';
-LandingValues.SmsInfo = 'Acces la un telefon mobil ce permite primirea de mesaje SMS';
-LandingValues.Warning = 'ATENȚIE! În cadrul acestui proces se poate utiliza doar cartea de identitate Românească.';
-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';
-PhoneValidationValues.Description = 'Introdu mai jos numarul tau de telefon:';
-PhoneValidationValues.Button = 'Trimite SMS de verificare';
-PhoneValidationValues.Label = 'Numarul tau de telefon';
-export class CodeValidationValues extends GlobalValues {
-}
-CodeValidationValues.Title = 'Introdu codul de validare primit prin sms:';
-CodeValidationValues.Description = ' ';
-CodeValidationValues.Button = 'Validează';
-CodeValidationValues.Error = 'Codul introdus nu este valid. Asigură-te că îl introduci corect';
-export class CompleteValues extends GlobalValues {
-}
-CompleteValues.Title = 'Procesul a fost finalizat.';
-CompleteValues.Description = 'Vei fi redirecționat în câteva momente.';
-CompleteValues.Message = 'Îți mulțumim!';
-export class SessionKeys {
-}
-SessionKeys.FlowStatusKey = 'qbs-ect-flowstatus';
-SessionKeys.RequestIdKey = 'qbs-ect-requestid';
-SessionKeys.TokenKey = 'qbs-ect-token';
-SessionKeys.InitialisedKey = 'qbs-ect-initialised';
-SessionKeys.HasIdBackKey = 'qbs-ect-has-id-back';
-SessionKeys.AgreementValidationKey = 'qbs-ect-agreement-validation';
-SessionKeys.PhoneValidationKey = 'qbs-ect-phone-validation';
-SessionKeys.RefreshDoneKey = 'qbs-ect-refresh-done';
-export class IdCaptureValues extends GlobalValues {
-}
-IdCaptureValues.Button = 'Încerc din nou';
-IdCaptureValues.Title = 'Încadrează actul de identitate în chenarul de pe ecran.';
-IdCaptureValues.TitleBack = 'Încadrează spatele actului de identitate în chenarul de pe ecran.';
-IdCaptureValues.TtileRotate = 'Întoarce actul de identitate.';
-IdCaptureValues.ErrorTitleR1 = 'Nu am putut colecta informațiile din actul de identitate!';
-IdCaptureValues.ErrorTitleR2 = 'Te rugăm să mai încerci o dată!';
-IdCaptureValues.ErrorR1 = 'Încadrează actul de identitate în așa fel încât chenarul să se potrivească perfect pe colțurile actului de identitate. Trebuie să fie vizibilă întreaga suprafață a actului de identitate. ';
-IdCaptureValues.ErrorR2 = 'Ai grijă să te afli într-o zonă cu suficientă lumină și să nu acoperi părți ale actului de identitate cu degetele. Ai grijă de asemenea să nu se formeze reflexii de lumină pe suprafața acestuia.';
-IdCaptureValues.IDPoseMapping = {
-  0: '',
-  1: 'Înclină actul de identitate spre spate.',
-  2: '',
-  3: '',
-  4: '',
-};
 IdCaptureValues.IDPoseDemoMapping = {
   0: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_front.mp4',
   1: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_front_tilt.mp4',
@@ -75,25 +8,8 @@ IdCaptureValues.IDPoseDemoMapping = {
   3: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_back.mp4',
   4: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_back_tilt.mp4',
 };
-IdCaptureValues.Loading = 'Transferăm datele. Asteptați...';
-export class SelfieCaptureValues extends GlobalValues {
+export class SelfieCaptureValues {
 }
-SelfieCaptureValues.Title = 'Încadrează fața în chenarul de pe ecran.';
-SelfieCaptureValues.FinalTitle = 'Îndreaptă capul și încadrează fața în chenarul de pe ecran.';
-SelfieCaptureValues.ErrorTitleR1 = 'Procesul a eșuat!';
-SelfieCaptureValues.ErrorTitleR2 = 'Te rugăm să mai încerci o dată!';
-SelfieCaptureValues.ErrorR1 = 'Încadrează fața în așa fel încât chenarul să se suprapună peste linia bărbiei și a frunții, exact așa cum vezi în animația de pe ecran. ';
-SelfieCaptureValues.ErrorR2 = 'Rămâi cu fața încadrată în chenar și execută gestul solicitat după ce animația cu explicația a dispărut de pe ecran.';
-SelfieCaptureValues.Loading = 'Transferăm datele. Asteptați...';
-SelfieCaptureValues.FacePoseMapping = {
-  0: 'Întoarce capul spre stânga.',
-  1: 'Întoarce capul spre dreapta.',
-  2: 'Înclină capul spre spate.',
-  3: 'Înclină capul în față.',
-  // 4: 'Înclină capul spre stânga.',
-  // 5: 'Înclină capul spre dreapta.',
-  4: '',
-};
 SelfieCaptureValues.FacePoseDemoMapping = {
   0: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_rotate_left.mp4',
   1: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_rotate_right.mp4',
@@ -103,16 +19,16 @@ SelfieCaptureValues.FacePoseDemoMapping = {
   // 5: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_tilt_right.mp4',
   4: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_main.mp4',
 };
-export class AgreementInfoValues extends GlobalValues {
-}
-AgreementInfoValues.Title = 'Pentru începerea identificării avem nevoie de acordurile tale:';
-AgreementInfoValues.Button = 'Încep identificarea';
-AgreementInfoValues.Terms = 'Am luat la cunoștință și sunt de acord cu Termenii și condițiile generale de utilizare';
-AgreementInfoValues.Agreement = 'Îmi exprim acordul pentru prelucrarea datelor cu caracter personal';
-export class AgreementCheckValues extends GlobalValues {
+export class SessionKeys {
 }
-AgreementCheckValues.ButtonYes = 'Sunt de acord';
-AgreementCheckValues.ButtonNo = 'Nu sunt de acord';
+SessionKeys.FlowStatusKey = 'qbs-ect-flowstatus';
+SessionKeys.RequestIdKey = 'qbs-ect-requestid';
+SessionKeys.TokenKey = 'qbs-ect-token';
+SessionKeys.InitialisedKey = 'qbs-ect-initialised';
+SessionKeys.HasIdBackKey = 'qbs-ect-has-id-back';
+SessionKeys.AgreementValidationKey = 'qbs-ect-agreement-validation';
+SessionKeys.PhoneValidationKey = 'qbs-ect-phone-validation';
+SessionKeys.RefreshDoneKey = 'qbs-ect-refresh-done';
 export class ApiUrls {
   constructor() {
     this.uriEnv = '/';
@@ -130,16 +46,3 @@ export class ApiUrls {
     this.AbortRequest = this.uriEnv + 'validation/identity/abort';
   }
 }
-export class MobileRedirectValues extends GlobalValues {
-}
-MobileRedirectValues.InfoTop = 'Pentru a continua scanați codul de mai jos cu un smartphone.';
-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.';
-export class CameraErrorValues extends GlobalValues {
-}
-CameraErrorValues.Title = 'Procesul de indetificare nu poate continua.';
-CameraErrorValues.Description = 'Nu am putut detecta nicio camera. Cel mai probabil nu ai acordat drept de acces acestui site, Te rugam sa dai acces si sa apesi butonul de mai jos dupa aceea.';
-CameraErrorValues.Button = 'Reincep procesul';
-CameraErrorValues.HowToLink = 'https://ekyc.blob.core.windows.net/$web/animations/enable_permissions_sm.mp4';

package/dist/collection/models/ITranslationValues.js

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