@ekyc_qoobiss/qbs-ect-cmp 3.6.27 → 3.6.28

package/dist/{qbs-ect-cmp/base-component-2e490fd9.js → esm/base-component-b7f50d31.js}

@@ -1,64 +1,4 @@
-import { A as ApiUrls, s as state, F as FlowStatus } from './textValues-6bcc85dd.js';
-import { M as MobileOS, D as DesktopOS, B as Browser } from './IDevice-15ecfdeb.js';
-
-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,
-    }));
-  }
-}
+import { a as getRenderingRef, f as forceUpdate } from './index-cf54a432.js';
 
 var OrderStatuses;
 (function (OrderStatuses) {
@@ -69,6 +9,305 @@ var OrderStatuses;
   OrderStatuses[OrderStatuses["Aborted"] = 4] = "Aborted";
 })(OrderStatuses || (OrderStatuses = {}));
 
+const appendToMap = (map, propName, value) => {
+    const items = map.get(propName);
+    if (!items) {
+        map.set(propName, [value]);
+    }
+    else if (!items.includes(value)) {
+        items.push(value);
+    }
+};
+const debounce = (fn, ms) => {
+    let timeoutId;
+    return (...args) => {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            timeoutId = 0;
+            fn(...args);
+        }, ms);
+    };
+};
+
+/**
+ * Check if a possible element isConnected.
+ * The property might not be there, so we check for it.
+ *
+ * We want it to return true if isConnected is not a property,
+ * otherwise we would remove these elements and would not update.
+ *
+ * Better leak in Edge than to be useless.
+ */
+const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
+const cleanupElements = debounce((map) => {
+    for (let key of map.keys()) {
+        map.set(key, map.get(key).filter(isConnected));
+    }
+}, 2000);
+const stencilSubscription = () => {
+    if (typeof getRenderingRef !== 'function') {
+        // If we are not in a stencil project, we do nothing.
+        // This function is not really exported by @stencil/core.
+        return {};
+    }
+    const elmsToUpdate = new Map();
+    return {
+        dispose: () => elmsToUpdate.clear(),
+        get: (propName) => {
+            const elm = getRenderingRef();
+            if (elm) {
+                appendToMap(elmsToUpdate, propName, elm);
+            }
+        },
+        set: (propName) => {
+            const elements = elmsToUpdate.get(propName);
+            if (elements) {
+                elmsToUpdate.set(propName, elements.filter(forceUpdate));
+            }
+            cleanupElements(elmsToUpdate);
+        },
+        reset: () => {
+            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
+            cleanupElements(elmsToUpdate);
+        },
+    };
+};
+
+const unwrap = (val) => (typeof val === 'function' ? val() : val);
+const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
+    const unwrappedState = unwrap(defaultState);
+    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
+    const handlers = {
+        dispose: [],
+        get: [],
+        set: [],
+        reset: [],
+    };
+    const reset = () => {
+        var _a;
+        // When resetting the state, the default state may be a function - unwrap it to invoke it.
+        // otherwise, the state won't be properly reset
+        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
+        handlers.reset.forEach((cb) => cb());
+    };
+    const dispose = () => {
+        // Call first dispose as resetting the state would
+        // cause less updates ;)
+        handlers.dispose.forEach((cb) => cb());
+        reset();
+    };
+    const get = (propName) => {
+        handlers.get.forEach((cb) => cb(propName));
+        return states.get(propName);
+    };
+    const set = (propName, value) => {
+        const oldValue = states.get(propName);
+        if (shouldUpdate(value, oldValue, propName)) {
+            states.set(propName, value);
+            handlers.set.forEach((cb) => cb(propName, value, oldValue));
+        }
+    };
+    const state = (typeof Proxy === 'undefined'
+        ? {}
+        : new Proxy(unwrappedState, {
+            get(_, propName) {
+                return get(propName);
+            },
+            ownKeys(_) {
+                return Array.from(states.keys());
+            },
+            getOwnPropertyDescriptor() {
+                return {
+                    enumerable: true,
+                    configurable: true,
+                };
+            },
+            has(_, propName) {
+                return states.has(propName);
+            },
+            set(_, propName, value) {
+                set(propName, value);
+                return true;
+            },
+        }));
+    const on = (eventName, callback) => {
+        handlers[eventName].push(callback);
+        return () => {
+            removeFromArray(handlers[eventName], callback);
+        };
+    };
+    const onChange = (propName, cb) => {
+        const unSet = on('set', (key, newValue) => {
+            if (key === propName) {
+                cb(newValue);
+            }
+        });
+        // We need to unwrap the defaultState because it might be a function.
+        // Otherwise we might not be sending the right reset value.
+        const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));
+        return () => {
+            unSet();
+            unReset();
+        };
+    };
+    const use = (...subscriptions) => {
+        const unsubs = subscriptions.reduce((unsubs, subscription) => {
+            if (subscription.set) {
+                unsubs.push(on('set', subscription.set));
+            }
+            if (subscription.get) {
+                unsubs.push(on('get', subscription.get));
+            }
+            if (subscription.reset) {
+                unsubs.push(on('reset', subscription.reset));
+            }
+            if (subscription.dispose) {
+                unsubs.push(on('dispose', subscription.dispose));
+            }
+            return unsubs;
+        }, []);
+        return () => unsubs.forEach((unsub) => unsub());
+    };
+    const forceUpdate = (key) => {
+        const oldValue = states.get(key);
+        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
+    };
+    return {
+        state,
+        get,
+        set,
+        on,
+        onChange,
+        use,
+        dispose,
+        reset,
+        forceUpdate,
+    };
+};
+const removeFromArray = (array, item) => {
+    const index = array.indexOf(item);
+    if (index >= 0) {
+        array[index] = array[array.length - 1];
+        array.length--;
+    }
+};
+
+const createStore = (defaultState, shouldUpdate) => {
+    const map = createObservableMap(defaultState, shouldUpdate);
+    map.use(stencilSubscription());
+    return map;
+};
+
+var FlowStatus;
+(function (FlowStatus) {
+  FlowStatus[FlowStatus["LANDING"] = 0] = "LANDING";
+  FlowStatus[FlowStatus["AGREEMENT"] = 1] = "AGREEMENT";
+  FlowStatus[FlowStatus["PHONE"] = 2] = "PHONE";
+  FlowStatus[FlowStatus["CODE"] = 3] = "CODE";
+  FlowStatus[FlowStatus["CODEERROR"] = 4] = "CODEERROR";
+  FlowStatus[FlowStatus["ID"] = 5] = "ID";
+  FlowStatus[FlowStatus["LIVENESS"] = 6] = "LIVENESS";
+  FlowStatus[FlowStatus["COMPLETE"] = 7] = "COMPLETE";
+  FlowStatus[FlowStatus["ERROREND"] = 8] = "ERROREND";
+  FlowStatus[FlowStatus["CAMERAERROR"] = 9] = "CAMERAERROR";
+  FlowStatus[FlowStatus["NONE"] = 10] = "NONE";
+})(FlowStatus || (FlowStatus = {}));
+
+class IdCaptureValues {
+}
+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',
+  2: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_rotate.mp4',
+  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',
+};
+class SelfieCaptureValues {
+}
+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',
+  2: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_tilt_back.mp4',
+  3: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_tilt_front.mp4',
+  // 4: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_tilt_left.mp4',
+  // 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',
+};
+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';
+class ApiUrls {
+  constructor() {
+    this.uriEnv = '/';
+    this.uriEnv = state.environment == 'QA' ? '/dev_' : '/';
+    this.OtpSend = this.uriEnv + 'validation/otp/send';
+    this.OtpCheck = this.uriEnv + 'validation/otp/check';
+    this.IdentityInsert = this.uriEnv + 'validation/identity/insert';
+    this.UploadCapture = this.uriEnv + 'validation/upload/capture';
+    this.GetAgreement = this.uriEnv + 'validation/agreement/content';
+    this.GenerateAgreement = this.uriEnv + 'validation/agreement/generate';
+    this.SendLink = this.uriEnv + 'validation/otp/sendlink';
+    this.GetStatus = this.uriEnv + 'validation/identity/status';
+    this.AddLog = this.uriEnv + 'validation/logs/add';
+    this.AddStep = this.uriEnv + 'validation/logs/step';
+    this.AbortRequest = this.uriEnv + 'validation/identity/abort';
+  }
+}
+
+const { state, onChange } = createStore({
+  flowStatus: FlowStatus.NONE,
+  environment: 'PROD',
+  debug: false,
+  requestId: '',
+  redirectId: '',
+  initialised: false,
+  token: '',
+  cameraIds: [],
+  cameraId: '',
+  hasIdBack: false,
+  hasSelfieGesture: false,
+  hasIdTilt: false,
+  agreementsValidation: true,
+  phoneValidation: true,
+  phoneNumber: '',
+  apiBaseUrl: 'https://apiro.id-kyc.com',
+  device: null,
+  langIso: 'ro',
+});
+onChange('environment', value => {
+  state.debug = value == 'QA';
+});
+onChange('flowStatus', value => {
+  sessionStorage.setItem(SessionKeys.FlowStatusKey, FlowStatus[value]);
+});
+onChange('token', value => {
+  sessionStorage.setItem(SessionKeys.TokenKey, value);
+});
+onChange('requestId', value => {
+  sessionStorage.setItem(SessionKeys.RequestIdKey, value);
+});
+onChange('initialised', value => {
+  sessionStorage.setItem(SessionKeys.InitialisedKey, String(value));
+});
+onChange('hasIdBack', value => {
+  sessionStorage.setItem(SessionKeys.HasIdBackKey, String(value));
+});
+onChange('agreementsValidation', value => {
+  sessionStorage.setItem(SessionKeys.AgreementValidationKey, String(value));
+});
+onChange('phoneValidation', value => {
+  sessionStorage.setItem(SessionKeys.PhoneValidationKey, String(value));
+});
+
 var FlowSteps;
 (function (FlowSteps) {
   FlowSteps[FlowSteps["ComponentLoaded"] = 'component-loaded'] = "ComponentLoaded";
@@ -319,6 +558,30 @@ class ApiCall {
   }
 }
 
+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;
@@ -404,6 +667,65 @@ class DeviceDetection {
   }
 }
 
+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,
+    }));
+  }
+}
+
 class TranslationsController {
   async getValues() {
     if (this.values) {
@@ -499,4 +821,4 @@ class BaseComponent {
   }
 }
 
-export { ApiCall as A, BaseComponent as B, Events as E, FlowSteps as F, OrderStatuses as O, FlowMoments as a };
+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 };