@gataca/qr 4.1.0 → 4.2.1

package/dist/collection/components/gataca-ssibutton/gataca-ssibutton.js

@@ -1,1151 +0,0 @@
-import { h } from '@stencil/core';
-import '../gataca-qrdisplay/gataca-qrdisplay';
-import { RESULT_STATUS } from '../../utils/utils';
-const PHONE_ICON = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHvSURBVHgB3ZZPTttAFMbfe3YjL7qYLopcpZXSG7Q3CDfIsqrSJpyg5QQtJ2h7glgUdVs4AeEE5AYEQSDAgtnw357Hm0hAQDaeIRFCfFKyeKPxzzPzvc+DUKCZN80GEv1ABgWOQgSdGbOwv7u0nDueV4zjTzUIKhuAZna4vdQFR828azbI0K/TI/qodaLvjlP+tLDGDCs+IKv9Lbsi7kcv0w9541Q0EREPYcoieEQ9KiyECRXHzbpBUOcnYTfPFOOaaGVx9WsLiDrSIp0iU0wFNgIx/AQyc9I/OmOjy+Y8aBvHQcDUYebewc6/Xtk8J5htcg5efEPGhk0JtqkyBjo7DuZcnuO2sqCyKv8rUDmfTS9IBURqBAL+I6CkzBjOMOs22TLY21n8fl17KzXR3uDvb/CQk0GEdfvN07QvpnAOaGfYaRT25JzU6+rnG2tTpcWAy+Cp0m3U/URLms8HWfg/rn6RFaGSs9KQkZMpvGBWNs2Vandt46ac6YNBuc0fDLMaOU5DFybQ8039p/KJ4bq4rwPewtqoM/1gsCm/NfBXvWjgHhhuDAeLyd3qVSifHQULeZkou9EqemLhmUmav8qrZ4GEMGA7ivzjKvfeqGptFV2YdWPMPHHq0cCh3DdpVdLl/XCY9J1gVvbCiWa6N+JLocPFjCsx9cAAAAAASUVORK5CYII=';
-//Default values
-const DEFAULT_SESSION_TIMEOUT = 300; //5mins as in connect
-const DEFAULT_POLLING_FREQ = 3;
-export class GatacaSSIButton {
-  constructor() {
-    this.getRequestFromUri = async (authRequest) => {
-      const requrl = new URL(authRequest);
-      const requri = requrl.searchParams.get('request_uri');
-      if (requri) {
-        const response = await fetch(requri, {
-          method: 'GET',
-          headers: {
-            'Content-Type': 'application/json'
-          }
-        });
-        const jwt = await response.json();
-        const parts = jwt.split('.');
-        const base64 = parts[1].replace(/-/g, '+').replace(/_/g, '/');
-        const decoded = window.atob(base64);
-        let parsed = JSON.parse(decoded);
-        parsed.response_mode = 'dc_api';
-        return parsed;
-      }
-    };
-    this.buttonText = 'Easy login';
-    this.buttonDCAPIText = 'Login with Device Credentials';
-    this.qrType = 'svg';
-    this.autostart = true;
-    this.checkStatus = undefined;
-    this.createSession = undefined;
-    this.fillSession = undefined;
-    this.successCallback = undefined;
-    this.errorCallback = undefined;
-    this.handleCheckAppLoading = undefined;
-    this.checkAppTimeout = 6;
-    this.qrRole = undefined;
-    this.callbackServer = undefined;
-    this.sessionTimeout = undefined;
-    this.pollingFrequency = undefined;
-    this.autorefresh = false;
-    this.v = '3';
-    this.qrModalTitle = 'Quick Access';
-    this.modalTitleColor = '#4745B7';
-    this.qrModalDescription = 'Sign up or sign in by scanning the QR Code with the Gataca Wallet';
-    this.hideBrandTitle = false;
-    this.dynamicLink = true;
-    this.logoSize = 0;
-    this.logoSrc = undefined;
-    this.qrCodeExpiredLabel = 'QR Code expired';
-    this.credentialsNotValidatedLabel = 'User credentials not validated';
-    this.clickInsideBoxLabel = 'Click inside the box to';
-    this.refreshQrLabel = 'Refresh QR Code';
-    this.scanQrLabel = 'Scan QR Code';
-    this.userNotScanInTimeErrorLabel = 'User did not scan the QR in the allowed time';
-    this.credsNotValidatedErrorLabel = "Provided user credentials couldn't be validated";
-    this.failedLoginErrorLabel = 'No successful login';
-    this.successLoginLabel = 'Successful Connection!';
-    this.byBrandLabel = 'by Gataca';
-    this.waitingStartSessionLabel = 'waiting to start a session';
-    this.enableDcApi = false;
-    this.hideQrModalDescription = false;
-    this.qrStyle = undefined;
-    this.open = false;
-    this.sessionId = undefined;
-    this.authenticationRequest = undefined;
-    this.sessionData = undefined;
-    this.result = RESULT_STATUS.NOT_STARTED;
-    this.qr = (h("gataca-qr", { ref: (el) => (this.qrElement = el), checkStatus: this.checkStatus, createSession: this.createSession, successCallback: this.successCallback, errorCallback: this.errorCallback, qrRole: this.qrRole, qrType: this.qrType, callbackServer: this.callbackServer, sessionTimeout: this.sessionTimeout, pollingFrequency: this.pollingFrequency, autostart: this.autostart, autorefresh: this.autorefresh, v: this.v, qrModalTitle: this.qrModalTitle, qrModalDescription: this.qrModalDescription, hideBrandTitle: this.hideBrandTitle, dynamicLink: this.dynamicLink, logoSize: this.logoSize, logoSrc: this.logoSrc, modalTitleColor: this.modalTitleColor, qrCodeExpiredLabel: this.qrCodeExpiredLabel, credentialsNotValidatedLabel: this.credentialsNotValidatedLabel, clickInsideBoxLabel: this.clickInsideBoxLabel, refreshQrLabel: this.refreshQrLabel, scanQrLabel: this.scanQrLabel, userNotScanInTimeErrorLabel: this.userNotScanInTimeErrorLabel, credsNotValidatedErrorLabel: this.credsNotValidatedErrorLabel, failedLoginErrorLabel: this.failedLoginErrorLabel, successLoginLabel: this.successLoginLabel, byBrandLabel: this.byBrandLabel, waitingStartSessionLabel: this.waitingStartSessionLabel, hideQrModalDescription: this.hideQrModalDescription, qrStyle: this.qrStyle }));
-  }
-  supportsDCAPI() {
-    // let mobile = checkMobile();
-    // if (!mobile) return false;
-    if (!this.enableDcApi) {
-      return false;
-    }
-    //@ts-ignore
-    if (typeof window.DigitalCredential === 'undefined')
-      return false;
-    const protocols = ['org-iso-mdoc', 'openid4vp', 'openid4vci'];
-    //@ts-ignore
-    const supportedProtocols = protocols.filter(window.DigitalCredential.userAgentAllowsProtocol);
-    console.log(supportedProtocols, protocols);
-    return true;
-  }
-  /**
-   * Retrieve manually the session data on a successful login
-   */
-  async getSessionData() {
-    return this.qr.getSessionData();
-  }
-  async getSessionId() {
-    if (this.sessionId) {
-      return this.sessionId;
-    }
-    let { sessionId, authenticationRequest } = await this.createSession();
-    this.sessionId = sessionId;
-    this.authenticationRequest = authenticationRequest;
-    return this.sessionId;
-  }
-  /**
-   * Force manually the start polling
-   */
-  async startMobilePolling() {
-    await this.getSessionId();
-    this.result = RESULT_STATUS.ONGOING;
-    this.poll()
-      .then((data) => {
-      this.result = RESULT_STATUS.SUCCESS;
-      this.sessionData = data;
-      this.gatacaLoginCompleted.emit(data);
-      this.successCallback(data);
-    })
-      .catch((err) => {
-      this.clean();
-      let expired = err === RESULT_STATUS.EXPIRED;
-      if (expired && this.autorefresh) {
-        this.startMobilePolling();
-      }
-      else {
-        if (err !== RESULT_STATUS.NOT_STARTED) {
-          let error = expired ? new Error(this.userNotScanInTimeErrorLabel) : new Error(this.credsNotValidatedErrorLabel);
-          this.result = err;
-          this.gatacaLoginFailed.emit(error);
-          this.errorCallback(error);
-        }
-      }
-    });
-  }
-  /**
-   * Stop manually an ongoing session
-   */
-  async stop() {
-    this.clean();
-    if (this.result === RESULT_STATUS.ONGOING || RESULT_STATUS.READ) {
-      this.result = RESULT_STATUS.NOT_STARTED;
-    }
-  }
-  clean() {
-    this.sessionData = undefined;
-    this.sessionId = undefined;
-  }
-  renderModal() {
-    return this.qr;
-  }
-  async poll() {
-    let endTime = new Date().getTime() + (this.sessionTimeout || DEFAULT_SESSION_TIMEOUT) * 1000;
-    let interval = (this.pollingFrequency || DEFAULT_POLLING_FREQ) * 1000;
-    let checkFunc = async (component) => {
-      if (component.result === RESULT_STATUS.NOT_STARTED) {
-        return { result: RESULT_STATUS.NOT_STARTED };
-      }
-      let id = await component.getSessionId();
-      return component.checkStatus(id);
-    };
-    let component = this;
-    let checkCondition = async function (resolve, reject) {
-      // If the condition is met, we're done!
-      let { result, data } = await checkFunc(component);
-      switch (result) {
-        case RESULT_STATUS.SUCCESS:
-          resolve(data);
-          break;
-        case RESULT_STATUS.READ:
-          component.result = RESULT_STATUS.READ;
-        case RESULT_STATUS.ONGOING:
-          if (component.sessionTimeout > 0 && new Date().getTime() < endTime) {
-            setTimeout(checkCondition, interval, resolve, reject);
-          }
-          else {
-            reject(RESULT_STATUS.EXPIRED);
-          }
-          break;
-        default:
-          reject(result);
-          break;
-      }
-    };
-    return new Promise(checkCondition);
-  }
-  isAppInstalled(appScheme, callback) {
-    let timeout;
-    let detected = false;
-    if (appScheme === null || appScheme === void 0 ? void 0 : appScheme.length) {
-      window.location.href = appScheme;
-    }
-    const waitTimeToCheckApp = this.checkAppTimeout * 1000;
-    timeout = setTimeout(() => {
-      if (!detected) {
-        callback(false);
-      }
-      cleanup();
-    }, waitTimeToCheckApp);
-    const handleVisibilityChange = () => {
-      if (document.hidden) {
-        detected = true;
-        callback(true);
-        if (!this.autostart) {
-          this.startMobilePolling();
-        }
-        cleanup();
-      }
-    };
-    document.addEventListener('visibilitychange', handleVisibilityChange);
-    function cleanup() {
-      clearTimeout(timeout);
-      document.removeEventListener('visibilitychange', handleVisibilityChange);
-    }
-  }
-  renderDesktopButton() {
-    return (h("div", { class: "gatacaButtonWrapper" }, h("button", { class: "gatacaButton", onClick: () => {
-        this.open = !this.open;
-        setTimeout(() => {
-          var _a, _b;
-          if (this.open) {
-            (_a = this.qrElement) === null || _a === void 0 ? void 0 : _a.display();
-          }
-          else {
-            (_b = this.qrElement) === null || _b === void 0 ? void 0 : _b.stop();
-          }
-        }, 0);
-      } }, h("img", { src: PHONE_ICON, class: "buttonImg", alt: this.buttonText }), h("span", null, this.buttonText))));
-  }
-  async getAuthRequest() {
-    let { authenticationRequest } = await this.createSession();
-    return authenticationRequest;
-  }
-  renderMobileButton(isAndroid, isIos) {
-    if (this.autostart && !this.supportsDCAPI()) {
-      this.startMobilePolling();
-    }
-    let loading = false;
-    const handleLoading = (isLoading) => {
-      loading = isLoading;
-      if (this.handleCheckAppLoading) {
-        this.handleCheckAppLoading(isLoading);
-      }
-    };
-    const executeRedirection = async () => {
-      handleLoading(true);
-      const androidStoreLink = 'https://play.google.com/store/apps/details?id=com.gataca.identity';
-      const iosStoreLink = 'https://apps.apple.com/us/app/gataca/id1498607616';
-      try {
-        const appScheme = await this.getAuthRequest();
-        this.isAppInstalled(appScheme, (installed) => {
-          if (!installed) {
-            this.stop();
-            if (isAndroid) {
-              window.location.href = androidStoreLink;
-            }
-            else if (isIos) {
-              window.location.href = iosStoreLink;
-            }
-          }
-          handleLoading(false);
-        });
-      }
-      catch (error) {
-        this.stop();
-        handleLoading(false);
-      }
-    };
-    return (h("div", { class: "gatacaButtonWrapper" }, h("button", { class: "gatacaButton", onClick: () => {
-        this.gatacaButtonPushed.emit();
-        executeRedirection();
-      }, disabled: loading }, h("img", { src: PHONE_ICON, class: "buttonImg", alt: this.buttonText }), h("span", null, this.buttonText))));
-  }
-  renderDCAPIButton(isAndroid, isIos) {
-    let loading = false;
-    console.log('Maybe act different', isAndroid, isIos);
-    const handleLoading = (isLoading) => {
-      loading = isLoading;
-      if (this.handleCheckAppLoading) {
-        this.handleCheckAppLoading(isLoading);
-      }
-    };
-    const executeDCAPICall = async () => {
-      handleLoading(true);
-      try {
-        const authRequest = await this.getAuthRequest();
-        let request = await this.getRequestFromUri(authRequest);
-        let credentialResponse = await navigator.credentials.get({
-          //@ts-ignore
-          digital: {
-            requests: [
-              {
-                protocol: 'openid4vp-v1-unsigned',
-                data: request
-              }
-            ]
-          }
-        });
-        if (credentialResponse.constructor.name == 'DigitalCredential') {
-          console.log('Digital Credential - Response Data: ' + credentialResponse);
-        }
-        //@ts-ignore
-        await this.fillSession(request, credentialResponse === null || credentialResponse === void 0 ? void 0 : credentialResponse.data);
-      }
-      catch (error) {
-        this.stop();
-        handleLoading(false);
-      }
-    };
-    return (h("div", { class: "gatacaButtonWrapper" }, h("button", { class: "gatacaButton", onClick: () => {
-        this.gatacaButtonPushed.emit();
-        executeDCAPICall();
-      }, disabled: loading }, h("img", { src: PHONE_ICON, class: "buttonImg", alt: this.buttonDCAPIText }), h("span", null, this.buttonDCAPIText))));
-  }
-  render() {
-    const userAgent = 
-    // @ts-ignore
-    (navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) || (navigator === null || navigator === void 0 ? void 0 : navigator.vendor) || (window === null || window === void 0 ? void 0 : window.opera);
-    const isAndroid = /android/i.test(userAgent);
-    const isIos = 
-    // @ts-ignore
-    (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
-    const isMobile = isAndroid || isIos;
-    const displayDCApi = this.supportsDCAPI();
-    return (h("div", null, h("div", { class: "buttonContainer" }, isMobile && this.v === '3' ? this.renderMobileButton(isAndroid, isIos) : this.renderDesktopButton(), this.open && (!isMobile || this.v === '3') && this.renderModal()), displayDCApi /** && isMobile */ && h("div", { class: "buttonContainer" }, this.renderDCAPIButton(isAndroid, isIos))));
-  }
-  static get is() { return "gataca-ssibutton"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gataca-ssibutton.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gataca-ssibutton.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "buttonText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nIn the case of being a button, modifies its text"
-        },
-        "attribute": "button-text",
-        "reflect": false,
-        "defaultValue": "'Easy login'"
-      },
-      "buttonDCAPIText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nIn the case of enabling DCAPI button, allows to configure the text displayed"
-        },
-        "attribute": "button-d-c-a-p-i-text",
-        "reflect": false,
-        "defaultValue": "'Login with Device Credentials'"
-      },
-      "qrType": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "DrawType",
-          "resolved": "\"canvas\" | \"svg\"",
-          "references": {
-            "DrawType": {
-              "location": "import",
-              "path": "qr-code-styling"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nSets the qr type. It can be \"svg\" or \"canvas\". \"svg\" by default."
-        },
-        "attribute": "qr-type",
-        "reflect": false,
-        "defaultValue": "'svg'"
-      },
-      "autostart": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nSet to start polling when button or QR is displayed. By default it is true"
-        },
-        "attribute": "autostart",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "checkStatus": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "(id?: string) => Promise<{result: RESULT_STATUS; data?: any}>",
-          "resolved": "(id?: string) => Promise<{ result: RESULT_STATUS; data?: any; }>",
-          "references": {
-            "Promise": {
-              "location": "global"
-            },
-            "RESULT_STATUS": {
-              "location": "import",
-              "path": "../../utils/utils"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "***Mandatory***\nCheck status function to query the current status of the session\nThe function must query a client endpoint to check the status. That endpoint must return an error if the session has expired."
-        },
-        "defaultValue": "undefined"
-      },
-      "createSession": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "() => Promise<{\n        sessionId: string;\n        authenticationRequest?: string;\n    }>",
-          "resolved": "() => Promise<{ sessionId: string; authenticationRequest?: string; }>",
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "***Mandatory***\nCreate session function to generate a new Session\nUsing v=\"3\", it can provide just a session Id\nUsing another version, it must provide also the authentication request. The session Id is the id of the presentation definition"
-        },
-        "defaultValue": "undefined"
-      },
-      "fillSession": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "(request: any, sessionData?: any) => Promise<{result: RESULT_STATUS; data?: any}>",
-          "resolved": "(request: any, sessionData?: any) => Promise<{ result: RESULT_STATUS; data?: any; }>",
-          "references": {
-            "Promise": {
-              "location": "global"
-            },
-            "RESULT_STATUS": {
-              "location": "import",
-              "path": "../../utils/utils"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "***Mandatory if DC API***\nSends the API response"
-        },
-        "defaultValue": "undefined"
-      },
-      "successCallback": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "(data?: any) => void",
-          "resolved": "(data?: any) => void",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "***Mandatory***\nCallback fired upon session correctly verified\nIf not set, session validation wouldn't trigger any action\nThe session data and a possible token will be sent as parameters to the callback"
-        },
-        "defaultValue": "undefined"
-      },
-      "errorCallback": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "(error?: Error) => void",
-          "resolved": "(error?: Error) => void",
-          "references": {
-            "Error": {
-              "location": "global"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "***Mandatory***\nCallback fired upon session expired or invalid\nIf not set, session error would not be handled\nAn error containing information will be passed as parameter"
-        },
-        "defaultValue": "undefined"
-      },
-      "handleCheckAppLoading": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "(isCheckingApp?: boolean) => void",
-          "resolved": "(isCheckingApp?: boolean) => void",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nFunction that runs every time the loading state changes while checking if the App is installed. Only on mobile with v3."
-        },
-        "defaultValue": "undefined"
-      },
-      "checkAppTimeout": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nMaximum time window to check if the App is installed"
-        },
-        "attribute": "check-app-timeout",
-        "reflect": false,
-        "defaultValue": "6"
-      },
-      "qrRole": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "***Mandatory***\nDecide if scanning the credential as a verifier to request credentials\nor as an issuer too issue credentials.\nOptions: connect | certify"
-        },
-        "attribute": "qr-role",
-        "reflect": false
-      },
-      "callbackServer": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "***Mandatory just for V1***\nConnect/Certify Server where the wallet will send the data"
-        },
-        "attribute": "callback-server",
-        "reflect": false
-      },
-      "sessionTimeout": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nMaximum time window to display the session"
-        },
-        "attribute": "session-timeout",
-        "reflect": false
-      },
-      "pollingFrequency": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nFrequency in seconds to check if the session has been validated"
-        },
-        "attribute": "polling-frequency",
-        "reflect": false
-      },
-      "autorefresh": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nSet to refresh the session automatically upon expiration. By default it is false"
-        },
-        "attribute": "autorefresh",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "v": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nIf 3, handle deeplink redirects and deprecates (remove) v1 functionality. If not, the create session must be providing both an authentication request and a session Id"
-        },
-        "attribute": "v",
-        "reflect": false,
-        "defaultValue": "'3'"
-      },
-      "qrModalTitle": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nModifies the qr headline title"
-        },
-        "attribute": "qr-modal-title",
-        "reflect": false,
-        "defaultValue": "'Quick Access'"
-      },
-      "modalTitleColor": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nString to set Modal title color"
-        },
-        "attribute": "modal-title-color",
-        "reflect": false,
-        "defaultValue": "'#4745B7'"
-      },
-      "qrModalDescription": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nModifies the Modal description"
-        },
-        "attribute": "qr-modal-description",
-        "reflect": false,
-        "defaultValue": "'Sign up or sign in by scanning the QR Code with the Gataca Wallet'"
-      },
-      "hideBrandTitle": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nBoolean to show or not show the gataca brand title"
-        },
-        "attribute": "hide-brand-title",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "dynamicLink": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nDisplay a link containing a dynamic link to invoke the wallet if closed"
-        },
-        "attribute": "dynamic-link",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "logoSize": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nSize of the logo to display in percentage to the total size [0-1]. 0 means no logo will be displayed. Default is the GATACA logo. Recommended size is around 0.33"
-        },
-        "attribute": "logo-size",
-        "reflect": false,
-        "defaultValue": "0"
-      },
-      "logoSrc": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nLogo to display, just if the logo size is greater than 0. No logo is the GATACA logo."
-        },
-        "attribute": "logo-src",
-        "reflect": false
-      },
-      "qrCodeExpiredLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nString to show when qr code expired"
-        },
-        "attribute": "qr-code-expired-label",
-        "reflect": false,
-        "defaultValue": "'QR Code expired'"
-      },
-      "credentialsNotValidatedLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nString to show when credentials not validatedd"
-        },
-        "attribute": "credentials-not-validated-label",
-        "reflect": false,
-        "defaultValue": "'User credentials not validated'"
-      },
-      "clickInsideBoxLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nString to show \"click inside\" label"
-        },
-        "attribute": "click-inside-box-label",
-        "reflect": false,
-        "defaultValue": "'Click inside the box to'"
-      },
-      "refreshQrLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nString to show \"refresh QR\" label"
-        },
-        "attribute": "refresh-qr-label",
-        "reflect": false,
-        "defaultValue": "'Refresh QR Code'"
-      },
-      "scanQrLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nString to show \"scan QR\" label"
-        },
-        "attribute": "scan-qr-label",
-        "reflect": false,
-        "defaultValue": "'Scan QR Code'"
-      },
-      "userNotScanInTimeErrorLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nString to show \"user not scan in time\" error"
-        },
-        "attribute": "user-not-scan-in-time-error-label",
-        "reflect": false,
-        "defaultValue": "'User did not scan the QR in the allowed time'"
-      },
-      "credsNotValidatedErrorLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nString to show \"provided credentials not validates\" error"
-        },
-        "attribute": "creds-not-validated-error-label",
-        "reflect": false,
-        "defaultValue": "\"Provided user credentials couldn't be validated\""
-      },
-      "failedLoginErrorLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nString to show \"failed login\" error"
-        },
-        "attribute": "failed-login-error-label",
-        "reflect": false,
-        "defaultValue": "'No successful login'"
-      },
-      "successLoginLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nString to show \"successful login\" label"
-        },
-        "attribute": "success-login-label",
-        "reflect": false,
-        "defaultValue": "'Successful Connection!'"
-      },
-      "byBrandLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nString to show \"by brand\" label"
-        },
-        "attribute": "by-brand-label",
-        "reflect": false,
-        "defaultValue": "'by Gataca'"
-      },
-      "waitingStartSessionLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nString to show \"waiting start session\" label"
-        },
-        "attribute": "waiting-start-session-label",
-        "reflect": false,
-        "defaultValue": "'waiting to start a session'"
-      },
-      "enableDcApi": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nString to show \"waiting start session\" label"
-        },
-        "attribute": "enable-dc-api",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "hideQrModalDescription": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nBoolean to show or not show the QR Modal description"
-        },
-        "attribute": "hide-qr-modal-description",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "qrStyle": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "qrStyle",
-          "resolved": "{ color: string; bgColor: string; alertBgColor?: string; alertBorderColor?: string; boxShadow?: string; }",
-          "references": {
-            "qrStyle": {
-              "location": "import",
-              "path": "../gataca-qr/gataca-qr"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nAdjust the color styles of the QR"
-        }
-      }
-    };
-  }
-  static get states() {
-    return {
-      "open": {},
-      "sessionId": {},
-      "authenticationRequest": {},
-      "sessionData": {},
-      "result": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "gatacaLoginCompleted",
-        "name": "gatacaLoginCompleted",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "GatacaLoginCompleted event, triggered with session data upon login success"
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "gatacaLoginFailed",
-        "name": "gatacaLoginFailed",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "GatacaLoginFailed event, triggered with error upon login failure"
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "gatacaButtonPushed",
-        "name": "gatacaButtonPushed",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "GatacaLoginCompleted event, triggered with session data upon login success"
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "getSessionData": {
-        "complexType": {
-          "signature": "() => Promise<any>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<any>"
-        },
-        "docs": {
-          "text": "Retrieve manually the session data on a successful login",
-          "tags": []
-        }
-      },
-      "startMobilePolling": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            },
-            "RESULT_STATUS": {
-              "location": "import",
-              "path": "../../utils/utils"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Force manually the start polling",
-          "tags": []
-        }
-      },
-      "stop": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Stop manually an ongoing session",
-          "tags": []
-        }
-      }
-    };
-  }
-}