@ekyc_qoobiss/qbs-ect-cmp 3.6.28 → 3.6.30

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

@@ -7,6 +7,7 @@ import { FlowStatus } from '../../../models/FlowStatus';
 import { FlowSteps } from '../../../models/FlowSteps';
 import { delay } from '../../../utils/utils';
 import { BaseComponent } from '../../base-component';
+import { Translations } from '../../../helpers/TranslationUtils';
 export class MobileRedirect {
   constructor() {
     this.infoTextTop = undefined;
@@ -25,8 +26,9 @@ export class MobileRedirect {
   }
   async componentWillLoad() {
     Events.flowStarted();
-    this.infoTextTop = this.baseComponent.translations.MobileRedirectValues.InfoTop;
-    this.infoTextBottom = this.baseComponent.translations.MobileRedirectValues.InfoBottom;
+    this.translations = await Translations.getValues();
+    this.infoTextTop = this.translations.MobileRedirectValues.InfoTop;
+    this.infoTextBottom = this.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;
@@ -60,12 +62,12 @@ export class MobileRedirect {
       this.apiErrorEvent.emit({ message: 'No order was started for this process.' });
     }
     if (this.orderStatus == OrderStatuses.Capturing) {
-      this.infoTextTop = this.baseComponent.translations.MobileRedirectValues.InfoWaiting;
+      this.infoTextTop = this.translations.MobileRedirectValues.InfoWaiting;
       this.waitingMobile = true;
     }
     if (this.orderStatus == OrderStatuses.Aborted) {
       this.waitingMobile = false;
-      this.infoTextTop = this.baseComponent.translations.MobileRedirectValues.InfoAborted;
+      this.infoTextTop = this.translations.MobileRedirectValues.InfoAborted;
       Events.flowAborted();
     }
   }
@@ -78,7 +80,7 @@ export class MobileRedirect {
       return;
     }
     this.waitingMobile = true;
-    this.infoTextTop = this.baseComponent.translations.MobileRedirectValues.InfoWaiting;
+    this.infoTextTop = this.translations.MobileRedirectValues.InfoWaiting;
     try {
       await this.baseComponent.apiCall.SendLink(this.redirectLink, this.contact);
     }
@@ -96,7 +98,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, 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))))));
+    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.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.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

@@ -3,6 +3,7 @@ import store from '../../../helpers/store';
 import { FlowStatus } from '../../../models/FlowStatus';
 import { FlowSteps } from '../../../models/FlowSteps';
 import { BaseComponent } from '../../base-component';
+import { Translations } from '../../../helpers/TranslationUtils';
 export class SmsCodeValidation {
   constructor() {
     this.title = undefined;
@@ -46,11 +47,12 @@ export class SmsCodeValidation {
   async disconnectedCallback() {
     await this.baseComponent.finalize();
   }
-  componentWillRender() {
+  async componentWillRender() {
+    this.translations = await Translations.getValues();
     if (store.flowStatus == FlowStatus.PHONE) {
-      this.title = this.baseComponent.translations.PhoneValidationValues.Title;
-      this.details = this.baseComponent.translations.PhoneValidationValues.Description;
-      this.buttonText = this.baseComponent.translations.PhoneValidationValues.Button;
+      this.title = this.translations.PhoneValidationValues.Title;
+      this.details = this.translations.PhoneValidationValues.Description;
+      this.buttonText = this.translations.PhoneValidationValues.Button;
       if (store.phoneNumber && store.phoneNumber != '') {
         this.phoneNumber = store.phoneNumber;
         this.prefilledPhone = true;
@@ -58,9 +60,9 @@ export class SmsCodeValidation {
       }
     }
     if (store.flowStatus == FlowStatus.CODE || store.flowStatus == FlowStatus.CODEERROR) {
-      this.title = this.baseComponent.translations.CodeValidationValues.Title;
-      this.details = this.baseComponent.translations.CodeValidationValues.Description;
-      this.buttonText = this.baseComponent.translations.CodeValidationValues.Button;
+      this.title = this.translations.CodeValidationValues.Title;
+      this.details = this.translations.CodeValidationValues.Description;
+      this.buttonText = this.translations.CodeValidationValues.Button;
     }
   }
   async componentDidLoad() {
@@ -86,15 +88,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" }, this.baseComponent.translations.CodeValidationValues.Error);
+      errorBlock = h("p", { class: "main-text font-size-18 mt-15 color-red text-center" }, this.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, 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 })));
+      inputBlock = (h("div", { class: "input-container mb-15" }, h("label", { class: "font-size-18 mb-1" }, h("b", null, this.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" }, this.baseComponent.translations.GlobalValues.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.translations.GlobalValues.FooterText))))));
   }
   static get is() { return "sms-code-validation"; }
   static get originalStyleUrls() {

package/dist/collection/helpers/ApiCall.js

@@ -220,4 +220,8 @@ export class ApiCall {
     let result = await this.post(this.urls.AbortRequest, JSON.stringify({ requestId: store.requestId }));
     return result.saved;
   }
+  async GetTranslations(langIso) {
+    let result = await this.get(this.urls.Translations + '?langIso=' + langIso);
+    return result;
+  }
 }

package/dist/collection/helpers/TranslationUtils.js

@@ -1,5 +1,9 @@
+import { ApiCall } from './ApiCall';
 import store from './store';
 class TranslationsController {
+  constructor() {
+    this.apiCall = new ApiCall();
+  }
   async getValues() {
     if (this.values) {
       return this.values;
@@ -10,8 +14,13 @@ class TranslationsController {
     }
   }
   getLocale(element = document.body) {
-    const closestElement = element.closest('[lang]');
-    return closestElement ? closestElement.lang : store.langIso;
+    if (store.langIso && store.langIso != '') {
+      return store.langIso;
+    }
+    else {
+      const closestElement = element.closest('[lang]');
+      return closestElement ? closestElement.lang : 'ro';
+    }
   }
   async fetchTranslations() {
     const locale = this.getLocale();
@@ -21,11 +30,10 @@ class TranslationsController {
     }
     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;
+        const result = this.apiCall.GetTranslations(locale);
+        if (result) {
+          sessionStorage.setItem(`i18n.${locale}`, JSON.stringify(result));
+          return result;
         }
       }
       catch (exception) {

package/dist/collection/helpers/textValues.js

@@ -44,5 +44,6 @@ export class ApiUrls {
     this.AddLog = this.uriEnv + 'validation/logs/add';
     this.AddStep = this.uriEnv + 'validation/logs/step';
     this.AbortRequest = this.uriEnv + 'validation/identity/abort';
+    this.Translations = this.uriEnv + 'validation/translations/get';
   }
 }

package/dist/esm/{base-component-b7f50d31.js → TranslationUtils-7c1f0f39.js}

@@ -260,6 +260,7 @@ class ApiUrls {
     this.AddLog = this.uriEnv + 'validation/logs/add';
     this.AddStep = this.uriEnv + 'validation/logs/step';
     this.AbortRequest = this.uriEnv + 'validation/identity/abort';
+    this.Translations = this.uriEnv + 'validation/translations/get';
   }
 }
 
@@ -556,177 +557,16 @@ class ApiCall {
     let result = await this.post(this.urls.AbortRequest, JSON.stringify({ requestId: state.requestId }));
     return result.saved;
   }
-}
-
-var MobileOS;
-(function (MobileOS) {
-  MobileOS["Android"] = "android";
-  MobileOS["iOS"] = "ios";
-  MobileOS["Unknown"] = "unknown";
-  MobileOS["WindowsPhone"] = "Windows Phone";
-})(MobileOS || (MobileOS = {}));
-var DesktopOS;
-(function (DesktopOS) {
-  DesktopOS["Linux"] = "linux";
-  DesktopOS["MacOS"] = "mac_os";
-  DesktopOS["Unix"] = "unix";
-  DesktopOS["Unknown"] = "unknown";
-  DesktopOS["Windows"] = "windows";
-})(DesktopOS || (DesktopOS = {}));
-var Browser;
-(function (Browser) {
-  Browser["Chrome"] = "chrome";
-  Browser["Firefox"] = "firefox";
-  Browser["Safari"] = "safari";
-  Browser["Mi"] = "mi";
-  Browser["Unknown"] = "unknown";
-})(Browser || (Browser = {}));
-
-class DeviceDetection {
-  constructor() {
-    var _a, _b, _c, _d;
-    this.supportedScreenOrientation = (_b = (_a = ((screen === null || screen === void 0 ? void 0 : screen.orientation) || {}).type) !== null && _a !== void 0 ? _a : screen.mozOrientation) !== null && _b !== void 0 ? _b : screen.msOrientation;
-    this.safariScreenOrientation = !(screen === null || screen === void 0 ? void 0 : screen.orientation) && matchMedia('(orientation: portrait)').matches ? 'portrait-primary' : 'landscape-primary';
-    this.initialScreenOrientation = (_d = (_c = this.supportedScreenOrientation) !== null && _c !== void 0 ? _c : this.safariScreenOrientation) !== null && _d !== void 0 ? _d : 'portrait-primary';
-    this.userAgent = navigator.userAgent || navigator.vendor || window.opera || undefined;
-    this.isMobile = this.isMobileDevice();
-    this.isTablet = this.isTabletDevice();
-    this.isDesktop = !this.isMobile && !this.isTablet;
-  }
-  // Device typology
-  isMobileDevice() {
-    const regexs = [/(Android)(.+)(Mobile)/i, /BlackBerry/i, /iPhone|iPod/i, /Opera Mini/i, /IEMobile/i];
-    return regexs.some(b => this.userAgent.match(b));
-  }
-  isTabletDevice() {
-    const regex = /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/;
-    return regex.test(this.userAgent.toLowerCase());
-  }
-  // Device Operating System
-  getMobileOS() {
-    if (this.isMobileDevice()) {
-      if (/windows phone/i.test(this.userAgent))
-        return MobileOS.WindowsPhone;
-      else if (/android/i.test(this.userAgent))
-        return MobileOS.Android;
-      else if (/iPad|iPhone|iPod/.test(this.userAgent) && !window.MSStream)
-        return MobileOS.iOS;
-      return MobileOS.Unknown;
-    }
-    else
-      return undefined;
-  }
-  getDesktopOS() {
-    if (this.isDesktop) {
-      if (this.userAgent.indexOf('Win') !== -1)
-        return DesktopOS.Windows;
-      else if (this.userAgent.indexOf('Mac') !== -1)
-        return DesktopOS.MacOS;
-      else if (this.userAgent.indexOf('X11') !== -1)
-        return DesktopOS.Unix;
-      else if (this.userAgent.indexOf('Linux') !== -1)
-        return DesktopOS.Linux;
-      return DesktopOS.Unknown;
-    }
-    else
-      return undefined;
-  }
-  getDeviceOS() {
-    var _a;
-    return (_a = this.getMobileOS()) !== null && _a !== void 0 ? _a : this.getDesktopOS();
-  }
-  getBrowser() {
-    if (/XiaoMi/i.test(this.userAgent) || /MiuiBrowser/i.test(this.userAgent))
-      return Browser.Mi;
-    var isChrome = /chrome/i.test(this.userAgent);
-    if (isChrome)
-      return Browser.Chrome;
-    if (/firefox/i.test(navigator.userAgent))
-      return Browser.Firefox;
-    else if (!isChrome && /safari/i.test(navigator.userAgent))
-      return Browser.Safari;
-    else
-      return Browser.Unknown;
-  }
-  getDevice() {
-    var device = {
-      isDesktop: this.isDesktop,
-      desktopOS: this.getDesktopOS(),
-      isWindowsDesktop: this.getDeviceOS() === DesktopOS.Windows,
-      isLinuxOrUnixDesktop: this.getDeviceOS() === DesktopOS.Linux || this.getDeviceOS() === DesktopOS.Unix,
-      isMobile: this.isMobile,
-      mobileOS: this.getMobileOS(),
-      isAndroidDevice: this.getDeviceOS() === MobileOS.Android,
-      isAppleDevice: this.getDeviceOS() === MobileOS.iOS || this.getDeviceOS() === DesktopOS.MacOS,
-      isUnknownMobileDevice: this.getDeviceOS() === MobileOS.Unknown,
-      browser: this.getBrowser(),
-      isTablet: this.isTablet,
-      initialScreenOrientation: this.initialScreenOrientation,
-    };
-    return device;
-  }
-}
-
-class Events {
-  static init(element) {
-    this.callingModule = element;
-  }
-  static flowEvent(step, moment) {
-    const eventName = `ect-${step.toString()}-${moment.toString()}-event`;
-    this.callingModule.dispatchEvent(new CustomEvent(eventName, {
-      detail: {},
-      bubbles: true,
-      cancelable: true,
-      composed: true,
-    }));
-  }
-  static flowStarted() {
-    this.callingModule.dispatchEvent(new CustomEvent('ect-started', {
-      detail: {},
-      bubbles: true,
-      cancelable: true,
-      composed: true,
-    }));
-  }
-  static flowAborted() {
-    sessionStorage.clear();
-    this.callingModule.dispatchEvent(new CustomEvent('ect-aborted', {
-      detail: {},
-      bubbles: true,
-      cancelable: true,
-      composed: true,
-    }));
-  }
-  static flowCompleted() {
-    sessionStorage.clear();
-    this.callingModule.dispatchEvent(new CustomEvent('ect-completed', {
-      detail: {},
-      bubbles: true,
-      cancelable: true,
-      composed: true,
-    }));
-  }
-  static flowError(error) {
-    sessionStorage.clear();
-    this.callingModule.dispatchEvent(new CustomEvent('ect-error', {
-      detail: { error },
-      bubbles: true,
-      cancelable: true,
-      composed: true,
-    }));
-  }
-  static tokenExpired() {
-    sessionStorage.clear();
-    this.callingModule.dispatchEvent(new CustomEvent('ect-session-expired', {
-      detail: {},
-      bubbles: true,
-      cancelable: true,
-      composed: true,
-    }));
+  async GetTranslations(langIso) {
+    let result = await this.get(this.urls.Translations + '?langIso=' + langIso);
+    return result;
   }
 }
 
 class TranslationsController {
+  constructor() {
+    this.apiCall = new ApiCall();
+  }
   async getValues() {
     if (this.values) {
       return this.values;
@@ -737,8 +577,13 @@ class TranslationsController {
     }
   }
   getLocale(element = document.body) {
-    const closestElement = element.closest('[lang]');
-    return closestElement ? closestElement.lang : state.langIso;
+    if (state.langIso && state.langIso != '') {
+      return state.langIso;
+    }
+    else {
+      const closestElement = element.closest('[lang]');
+      return closestElement ? closestElement.lang : 'ro';
+    }
   }
   async fetchTranslations() {
     const locale = this.getLocale();
@@ -748,11 +593,10 @@ class TranslationsController {
     }
     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;
+        const result = this.apiCall.GetTranslations(locale);
+        if (result) {
+          sessionStorage.setItem(`i18n.${locale}`, JSON.stringify(result));
+          return result;
         }
       }
       catch (exception) {
@@ -763,62 +607,4 @@ class TranslationsController {
 }
 const Translations = new TranslationsController();
 
-class BaseComponent {
-  constructor(step) {
-    this.apiErrorEvent = null;
-    this.processError = null;
-    this.apiCall = new ApiCall();
-    if (step)
-      this.flowStep = step;
-    if (!state.device) {
-      state.device = new DeviceDetection().getDevice();
-    }
-    Translations.getValues().then(data => {
-      this.translations = data;
-    });
-  }
-  setEventEmitter(event) {
-    this.apiErrorEvent = event;
-  }
-  setErrorCallback(callback) {
-    this.processError = callback;
-  }
-  async logStep(step, moment) {
-    Events.flowEvent(step, moment);
-    try {
-      await this.apiCall.AddStep(step, moment);
-    }
-    catch (e) {
-      if (this.apiErrorEvent)
-        this.apiErrorEvent.emit(e);
-      else
-        this.processError(e, `${step}-${moment}`);
-    }
-  }
-  async initialize() {
-    Events.flowEvent(this.flowStep, FlowMoments.Initialized);
-    try {
-      await this.apiCall.AddStep(this.flowStep, FlowMoments.Initialized);
-    }
-    catch (e) {
-      if (this.apiErrorEvent)
-        this.apiErrorEvent.emit(e);
-      else
-        this.processError(e, `${this.flowStep}-${FlowMoments.Initialized}`);
-    }
-  }
-  async finalize() {
-    Events.flowEvent(this.flowStep, FlowMoments.Finalized);
-    try {
-      await this.apiCall.AddStep(this.flowStep, FlowMoments.Finalized);
-    }
-    catch (e) {
-      if (this.apiErrorEvent)
-        this.apiErrorEvent.emit(e);
-      else
-        this.processError(e, `${this.flowStep}-${FlowMoments.Finalized}`);
-    }
-  }
-}
-
-export { ApiCall as A, BaseComponent as B, Events as E, FlowSteps as F, IdCaptureValues as I, MobileOS as M, OrderStatuses as O, SessionKeys as S, FlowStatus as a, Browser as b, FlowMoments as c, SelfieCaptureValues as d, state as s };
+export { ApiCall as A, FlowMoments as F, IdCaptureValues as I, OrderStatuses as O, SessionKeys as S, Translations as T, FlowSteps as a, FlowStatus as b, SelfieCaptureValues as c, state as s };