@gataca/qr 4.1.0 → 4.2.1

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

@@ -1,1098 +0,0 @@
-import { h } from '@stencil/core';
-import logoGataca from '../../assets/images/logo_gataca.svg';
-import '../gataca-qrdisplay/gataca-qrdisplay';
-import { base64UrlEncode, checkMobile, RESULT_STATUS, shortenUrlIfPossible } from '../../utils/utils';
-import { Success } from './components/success/Success';
-import { RetryButton } from './components/retryButton/RetryButton';
-import { QR } from './components/qr/QR';
-import { ReadQR } from './components/readQR/ReadQR';
-const DEEP_LINK_PREFIX = 'https://api.gataca.io/qr/redirect.html';
-const DEFAULT_SESSION_TIMEOUT = 300;
-const QR_ROLE_CONNECT = 'connect';
-export class GatacaQRWS {
-  constructor() {
-    this.qrRefreshGeneration = 0;
-    this.lastShortenRaw = null;
-    this.successCallback = undefined;
-    this.errorCallback = undefined;
-    this.qrRole = undefined;
-    this.qrType = 'svg';
-    this.callbackServer = undefined;
-    this.socketEndpoint = undefined;
-    this.sessionTimeout = DEFAULT_SESSION_TIMEOUT;
-    this.wsOnOpen = undefined;
-    this.wsOnMessage = undefined;
-    this.autostart = true;
-    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.hideModalTexts = false;
-    this.hideModalBoxShadow = false;
-    this.hideBrandTitle = false;
-    this.logoSize = 0;
-    this.logoSrc = logoGataca;
-    this.qrSize = 300;
-    this.modalWidth = 300;
-    this.modalHeight = 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.readQrTitle = 'Processing...';
-    this.readQrDescription = 'Please wait a moment';
-    this.hideQrModalDescription = false;
-    this.dynamicLink = true;
-    this.sessionId = undefined;
-    this.authenticationRequest = undefined;
-    this.sessionData = undefined;
-    this.result = RESULT_STATUS.NOT_STARTED;
-    this.qrHref = '';
-    this.qrShortenPending = false;
-  }
-  disconnectedCallback() {
-    this.stop();
-  }
-  async componentDidLoad() {
-    if (this.autostart) {
-      await this.display();
-    }
-  }
-  /**
-   * Force manually the display of a QR
-   */
-  async display() {
-    this.qrHref = '';
-    this.qrShortenPending = false;
-    this.lastShortenRaw = null;
-    this.qrRefreshGeneration++;
-    let socket = new WebSocket(this.socketEndpoint);
-    setTimeout(() => {
-      this.socket.close(1000, '');
-    }, 1000 * this.sessionTimeout);
-    this.socket = socket;
-    socket.onopen = () => {
-      if (this.wsOnOpen)
-        this.wsOnOpen(this.socket);
-    };
-    socket.onmessage = (msg) => {
-      if (this.wsOnMessage) {
-        this.wsOnMessage(this.socket, msg);
-      }
-      else {
-        let wsresp = JSON.parse(msg.data);
-        if (!!wsresp.sessionId) {
-          this.handleWSResponse(wsresp);
-        }
-      }
-    };
-    socket.onerror = () => {
-      let error = new Error('Error connecting with server');
-      this.result = RESULT_STATUS.FAILED;
-      this.gatacaLoginFailed.emit(error);
-      this.errorCallback(error);
-      socket.close(1000, '');
-    };
-    socket.onclose = () => {
-      if (this.result === RESULT_STATUS.ONGOING || RESULT_STATUS.READ) {
-        this.result = RESULT_STATUS.EXPIRED;
-      }
-      if (this.result === RESULT_STATUS.EXPIRED) {
-        if (this.autorefresh) {
-          this.display();
-        }
-        else {
-          let error = new Error('User did not scan the QR in the alloted time');
-          this.gatacaLoginFailed.emit(error);
-          this.errorCallback(error);
-        }
-      }
-    };
-    if (checkMobile() && this.dynamicLink) {
-      window.location.href = this.getLink();
-    }
-  }
-  sessionMsgReceived(event) {
-    let wsresp = event.detail;
-    this.handleWSResponse(wsresp);
-  }
-  handleWSResponse(wsresp) {
-    this.result = wsresp.result;
-    switch (wsresp.result) {
-      case RESULT_STATUS.ONGOING:
-      case RESULT_STATUS.READ: {
-        this.sessionId = wsresp.sessionId;
-        this.authenticationRequest = wsresp.authenticationRequest;
-        const raw = this.buildRawLink();
-        if (raw === null || raw === void 0 ? void 0 : raw.trim()) {
-          this.qrShortenPending = true;
-          void this.refreshQrHref();
-        }
-        break;
-      }
-      case RESULT_STATUS.SUCCESS:
-        this.sessionData = wsresp.authenticatedUserData;
-        this.gatacaLoginCompleted.emit(wsresp.authenticatedUserData);
-        this.successCallback(wsresp.authenticatedUserData);
-        this.socket.close(1000, '');
-        break;
-      case RESULT_STATUS.FAILED:
-        this.socket.close();
-        let error = new Error("Provided user credentials couldn't be validated");
-        this.gatacaLoginFailed.emit(error);
-        this.errorCallback(error);
-        break;
-      case RESULT_STATUS.EXPIRED:
-        this.socket.close();
-        if (this.autorefresh) {
-          this.display();
-        }
-        else {
-          let error = new Error('User did not scan the QR in the alloted time');
-          this.gatacaLoginFailed.emit(error);
-          this.errorCallback(error);
-        }
-    }
-  }
-  /**
-   * Stop manually an ongoing session
-   */
-  async stop() {
-    this.sessionData = undefined;
-    this.sessionId = undefined;
-    this.qrHref = '';
-    this.qrShortenPending = false;
-    this.lastShortenRaw = null;
-    this.socket.close(1000, 'Client stopped the connection');
-  }
-  /**
-   * Retrieve manually the session data on a successful login
-   */
-  async getSessionData() {
-    return this.sessionData ? Promise.resolve(this.sessionData) : Promise.reject(new Error('No successful login'));
-  }
-  buildRawLink() {
-    var _a;
-    if (this.v === '2' && this.qrRole == QR_ROLE_CONNECT) {
-      return (_a = this.authenticationRequest) !== null && _a !== void 0 ? _a : '';
-    }
-    const authRequestEncoded = '?dl=' + base64UrlEncode(this.authenticationRequest);
-    return DEEP_LINK_PREFIX + authRequestEncoded;
-  }
-  async refreshQrHref() {
-    var _a, _b, _c;
-    const raw = this.buildRawLink();
-    if (!(raw === null || raw === void 0 ? void 0 : raw.trim())) {
-      this.qrShortenPending = false;
-      return;
-    }
-    if (raw === this.lastShortenRaw && ((_a = this.qrHref) === null || _a === void 0 ? void 0 : _a.trim())) {
-      this.qrShortenPending = false;
-      return;
-    }
-    if (this.qrShortenPending && raw === this.lastShortenRaw && !((_b = this.qrHref) === null || _b === void 0 ? void 0 : _b.trim())) {
-      return;
-    }
-    const gen = ++this.qrRefreshGeneration;
-    this.lastShortenRaw = raw;
-    try {
-      const shortened = await shortenUrlIfPossible(raw);
-      const now = this.buildRawLink();
-      if (now === raw) {
-        this.qrHref = shortened;
-      }
-      else if (!((_c = this.qrHref) === null || _c === void 0 ? void 0 : _c.trim())) {
-        this.qrHref = now;
-      }
-    }
-    finally {
-      if (gen === this.qrRefreshGeneration) {
-        this.qrShortenPending = false;
-      }
-    }
-  }
-  getLink() {
-    return this.qrHref || this.buildRawLink();
-  }
-  renderQRSection() {
-    var _a, _b, _c;
-    switch (this.result) {
-      case RESULT_STATUS.NOT_STARTED:
-        return this.renderRetryButton();
-      case RESULT_STATUS.ONGOING:
-        return this.qrShortenPending || !((_a = this.qrHref) === null || _a === void 0 ? void 0 : _a.trim()) ? this.renderQrLoadingSlot() : this.renderQR(this.getLink(), true, undefined, !!((_b = this.qrHref) === null || _b === void 0 ? void 0 : _b.trim()));
-      case RESULT_STATUS.EXPIRED:
-        return this.renderRetryButton(this.qrCodeExpiredLabel);
-      case RESULT_STATUS.FAILED:
-        return this.renderRetryButton(this.credentialsNotValidatedLabel);
-      case RESULT_STATUS.SUCCESS:
-        return this.renderSuccess();
-      case RESULT_STATUS.READ:
-        return this.qrShortenPending || !((_c = this.qrHref) === null || _c === void 0 ? void 0 : _c.trim())
-          ? this.renderQrLoadingSlot()
-          : this.renderReadQR({
-            title: this === null || this === void 0 ? void 0 : this.readQrTitle,
-            description: this === null || this === void 0 ? void 0 : this.readQrDescription
-          });
-    }
-  }
-  renderSuccess() {
-    return h(Success, { modalHeight: this === null || this === void 0 ? void 0 : this.modalHeight, successLoginLabel: this === null || this === void 0 ? void 0 : this.successLoginLabel });
-  }
-  renderRetryButton(errorMessage) {
-    return (h(RetryButton, { errorMessage: errorMessage, modalWidth: this === null || this === void 0 ? void 0 : this.modalWidth, clickInsideBoxLabel: this === null || this === void 0 ? void 0 : this.clickInsideBoxLabel, refreshQrLabel: this === null || this === void 0 ? void 0 : this.refreshQrLabel, scanQrLabel: this === null || this === void 0 ? void 0 : this.scanQrLabel, display: this.display.bind(this) }));
-  }
-  renderReadQR(readQrMessages) {
-    var _a;
-    const linkReady = !!((_a = this.qrHref) === null || _a === void 0 ? void 0 : _a.trim());
-    return (h(ReadQR, { modalWidth: this === null || this === void 0 ? void 0 : this.modalWidth, readQrMessages: readQrMessages, url: this.getLink(), sizeQR: (this === null || this === void 0 ? void 0 : this.qrSize) ? (this === null || this === void 0 ? void 0 : this.qrSize) - 50 : undefined, renderQR: (url, useLogo, size) => this.renderQR(url, useLogo, size, linkReady) }));
-  }
-  renderQR(value, useLogo, sizeQR, linkReady = true) {
-    return h(QR, { value: value, qrType: this.qrType, useLogo: useLogo && this.logoSize !== 0, size: sizeQR || (this === null || this === void 0 ? void 0 : this.qrSize) || undefined, logoSrc: this === null || this === void 0 ? void 0 : this.logoSrc, linkReady: linkReady });
-  }
-  renderQrLoadingSlot() {
-    const s = this.qrSize || 300;
-    return (h("div", { class: "qr-loading-slot", style: {
-        width: s + 'px',
-        height: s + 'px',
-        margin: '0 auto'
-      } }));
-  }
-  render() {
-    var _a, _b;
-    return (h("div", { class: "popUpContainer" }, h("div", { class: `is-visible modal-window ${this.hideModalTexts ? '' : 'large-modal'} ${this.hideModalBoxShadow ? 'noBoxShadow' : ''}`, style: {
-        width: (this.modalWidth - 2).toString() + 'px',
-        height: this.modalHeight ? ((_a = (this.modalHeight - 2)) === null || _a === void 0 ? void 0 : _a.toString()) + 'px' : ''
-      }, onClick: (event) => {
-        event.stopPropagation();
-      } }, h("div", { class: "modal-window__content" }, h("div", { class: `qrTitleContainer ${this.hideModalTexts ? 'hidenText' : ''}` }, h("p", { class: "qrTitle modalText", style: { color: this.modalTitleColor || '#1e1e20' } }, this.qrModalTitle), !this.hideBrandTitle && (h("p", { class: "qrBrand modalText" }, this.byBrandLabel, ' ', h("span", null, h("img", { src: logoGataca })))), this.result !== RESULT_STATUS.SUCCESS && !this.hideQrModalDescription && h("p", { class: "qrDescription modalText" }, this.qrModalDescription)), h("div", { class: "qrSection", style: {
-        width: this.modalWidth.toString() + 'px',
-        height: this.modalWidth ? ((_b = this.modalWidth) === null || _b === void 0 ? void 0 : _b.toString()) + 'px' : ''
-      } }, this.renderQRSection())))));
-  }
-  static get is() { return "gataca-qrws"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gataca-qrws.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gataca-qrws.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "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"
-      },
-      "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
-      },
-      "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'"
-      },
-      "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
-      },
-      "socketEndpoint": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "***Mandatory***\nWS Endpoint on your service to be invoked upon display"
-        },
-        "attribute": "socket-endpoint",
-        "reflect": false
-      },
-      "sessionTimeout": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "***Mandatory***\nMaximum time window to display the session and keep the websocket connection. It's needed to ensure the socket is closed."
-        },
-        "attribute": "session-timeout",
-        "reflect": false,
-        "defaultValue": "DEFAULT_SESSION_TIMEOUT"
-      },
-      "wsOnOpen": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "(socket: WebSocket) => void",
-          "resolved": "(socket: WebSocket) => void",
-          "references": {
-            "WebSocket": {
-              "location": "global"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "[Optional]\nFunction to send a message to the server upon socket creation"
-        }
-      },
-      "wsOnMessage": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "(socket: WebSocket, msg: MessageEvent) => void",
-          "resolved": "(socket: WebSocket, msg: MessageEvent<any>) => void",
-          "references": {
-            "WebSocket": {
-              "location": "global"
-            },
-            "MessageEvent": {
-              "location": "global"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "**RECOMMENDED**\nCallback to invoke an a message has been received on the socket. It provides the socket itself and the message as parameters.\nIf not used, the messages provided by the server on the Socket connection must conform to the WSReponse interface\nIf used, an Event named **sessionMsg** must be triggered with a WSReponse as data"
-        }
-      },
-      "autostart": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nSet to enable autoload when the QR is displayed. By default it is true"
-        },
-        "attribute": "autostart",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "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'"
-      },
-      "hideModalTexts": {
-        "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 modal title, brandTitle and description"
-        },
-        "attribute": "hide-modal-texts",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "hideModalBoxShadow": {
-        "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 modal title, brandTitle and description"
-        },
-        "attribute": "hide-modal-box-shadow",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "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"
-      },
-      "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,
-        "defaultValue": "logoGataca"
-      },
-      "qrSize": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nSize of QR Displayed"
-        },
-        "attribute": "qr-size",
-        "reflect": false,
-        "defaultValue": "300"
-      },
-      "modalWidth": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nWidth of the modal"
-        },
-        "attribute": "modal-width",
-        "reflect": false,
-        "defaultValue": "300"
-      },
-      "modalHeight": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nHeight of the modal"
-        },
-        "attribute": "modal-height",
-        "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'"
-      },
-      "readQrTitle": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nString title to show when QR already read"
-        },
-        "attribute": "read-qr-title",
-        "reflect": false,
-        "defaultValue": "'Processing...'"
-      },
-      "readQrDescription": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "_[Optional]_\nString description to show when QR already read"
-        },
-        "attribute": "read-qr-description",
-        "reflect": false,
-        "defaultValue": "'Please wait a moment'"
-      },
-      "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"
-      },
-      "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"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "sessionId": {},
-      "authenticationRequest": {},
-      "sessionData": {},
-      "result": {},
-      "qrHref": {},
-      "qrShortenPending": {}
-    };
-  }
-  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": {}
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "display": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            },
-            "MessageEvent": {
-              "location": "global"
-            },
-            "WSResponse": {
-              "location": "import",
-              "path": "../../utils/utils"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Force manually the display of a QR",
-          "tags": []
-        }
-      },
-      "stop": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Stop manually an ongoing session",
-          "tags": []
-        }
-      },
-      "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": []
-        }
-      }
-    };
-  }
-  static get listeners() {
-    return [{
-        "name": "sessionMsg",
-        "method": "sessionMsgReceived",
-        "target": undefined,
-        "capture": true,
-        "passive": false
-      }];
-  }
-}