@gataca/qr 3.0.10 → 3.0.11

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

@@ -1,16 +1,16 @@
-import { h, } from "@stencil/core";
-import logoGataca from "../../assets/images/logo_gataca.svg";
-import "../gataca-qrdisplay/gataca-qrdisplay";
-import { base64UrlEncode, checkMobile, RESULT_STATUS, } 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";
+import { h } from '@stencil/core';
+import logoGataca from '../../assets/images/logo_gataca.svg';
+import '../gataca-qrdisplay/gataca-qrdisplay';
+import { base64UrlEncode, checkMobile, RESULT_STATUS } 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";
+const QR_ROLE_CONNECT = 'connect';
 export class GatacaQRWS {
-  constructor() { 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; }
+  constructor() { 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; }
   disconnectedCallback() {
     this.stop();
   }
@@ -25,7 +25,7 @@ export class GatacaQRWS {
   async display() {
     let socket = new WebSocket(this.socketEndpoint);
     setTimeout(() => {
-      this.socket.close(1000, "");
+      this.socket.close(1000, '');
     }, 1000 * this.sessionTimeout);
     this.socket = socket;
     socket.onopen = () => {
@@ -44,11 +44,11 @@ export class GatacaQRWS {
       }
     };
     socket.onerror = () => {
-      let error = new Error("Error connecting with server");
+      let error = new Error('Error connecting with server');
       this.result = RESULT_STATUS.FAILED;
       this.gatacaLoginFailed.emit(error);
       this.errorCallback(error);
-      socket.close(1000, "");
+      socket.close(1000, '');
     };
     socket.onclose = () => {
       if (this.result === RESULT_STATUS.ONGOING || RESULT_STATUS.READ) {
@@ -59,7 +59,7 @@ export class GatacaQRWS {
           this.display();
         }
         else {
-          let error = new Error("User did not scan the QR in the alloted time");
+          let error = new Error('User did not scan the QR in the alloted time');
           this.gatacaLoginFailed.emit(error);
           this.errorCallback(error);
         }
@@ -85,7 +85,7 @@ export class GatacaQRWS {
         this.sessionData = wsresp.authenticatedUserData;
         this.gatacaLoginCompleted.emit(wsresp.authenticatedUserData);
         this.successCallback(wsresp.authenticatedUserData);
-        this.socket.close(1000, "");
+        this.socket.close(1000, '');
         break;
       case RESULT_STATUS.FAILED:
         this.socket.close();
@@ -99,7 +99,7 @@ export class GatacaQRWS {
           this.display();
         }
         else {
-          let error = new Error("User did not scan the QR in the alloted time");
+          let error = new Error('User did not scan the QR in the alloted time');
           this.gatacaLoginFailed.emit(error);
           this.errorCallback(error);
         }
@@ -111,21 +111,19 @@ export class GatacaQRWS {
   async stop() {
     this.sessionData = undefined;
     this.sessionId = undefined;
-    this.socket.close(1000, "Client stopped the connection");
+    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"));
+    return this.sessionData ? Promise.resolve(this.sessionData) : Promise.reject(new Error('No successful login'));
   }
   getLink() {
-    if (this.v === "2" && this.qrRole == QR_ROLE_CONNECT) {
+    if (this.v === '2' && this.qrRole == QR_ROLE_CONNECT) {
       return this.authenticationRequest;
     }
-    const authRequestEncoded = "?dl=" + base64UrlEncode(this.authenticationRequest);
+    const authRequestEncoded = '?dl=' + base64UrlEncode(this.authenticationRequest);
     return DEEP_LINK_PREFIX + authRequestEncoded;
   }
   renderQRSection() {
@@ -143,40 +141,35 @@ export class GatacaQRWS {
       case RESULT_STATUS.READ:
         return this.renderReadQR({
           title: this === null || this === void 0 ? void 0 : this.readQrTitle,
-          description: this === null || this === void 0 ? void 0 : this.readQrDescription,
+          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 }));
+    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, waitingStartSessionLabel: this === null || this === void 0 ? void 0 : this.waitingStartSessionLabel, display: this.display.bind(this), renderRetryQR: this.renderRetryQR.bind(this) }));
   }
   renderReadQR(readQrMessages) {
-    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: this.renderQR.bind(this) }));
+    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: this.renderQR.bind(this) });
   }
   renderQR(value, useLogo, sizeQR) {
-    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 }));
+    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 });
   }
   renderRetryQR(value, useLogo) {
-    return (h(QR, { value: value, qrType: this.qrType, useLogo: useLogo && this.logoSize !== 0, size: (this === null || this === void 0 ? void 0 : this.qrSize) ? (this === null || this === void 0 ? void 0 : this.qrSize) - 50 : undefined, logoSrc: this === null || this === void 0 ? void 0 : this.logoSrc }));
+    return h(QR, { value: value, qrType: this.qrType, useLogo: useLogo && this.logoSize !== 0, size: (this === null || this === void 0 ? void 0 : this.qrSize) ? (this === null || this === void 0 ? void 0 : this.qrSize) - 50 : undefined, logoSrc: this === null || this === void 0 ? void 0 : this.logoSrc });
   }
   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"
-          : "",
+    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"
-          : "",
+      } }, 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"; }
@@ -267,7 +260,7 @@ export class GatacaQRWS {
         },
         "attribute": "qr-type",
         "reflect": false,
-        "defaultValue": "\"svg\""
+        "defaultValue": "'svg'"
       },
       "callbackServer": {
         "type": "string",
@@ -414,7 +407,7 @@ export class GatacaQRWS {
         },
         "attribute": "v",
         "reflect": false,
-        "defaultValue": "\"3\""
+        "defaultValue": "'3'"
       },
       "qrModalTitle": {
         "type": "string",
@@ -432,7 +425,7 @@ export class GatacaQRWS {
         },
         "attribute": "qr-modal-title",
         "reflect": false,
-        "defaultValue": "\"Quick Access\""
+        "defaultValue": "'Quick Access'"
       },
       "modalTitleColor": {
         "type": "string",
@@ -450,7 +443,7 @@ export class GatacaQRWS {
         },
         "attribute": "modal-title-color",
         "reflect": false,
-        "defaultValue": "\"#4745B7\""
+        "defaultValue": "'#4745B7'"
       },
       "qrModalDescription": {
         "type": "string",
@@ -468,7 +461,7 @@ export class GatacaQRWS {
         },
         "attribute": "qr-modal-description",
         "reflect": false,
-        "defaultValue": "\"Sign up or sign in by scanning the QR Code with the Gataca Wallet\""
+        "defaultValue": "'Sign up or sign in by scanning the QR Code with the Gataca Wallet'"
       },
       "hideModalTexts": {
         "type": "boolean",
@@ -629,7 +622,7 @@ export class GatacaQRWS {
         },
         "attribute": "qr-code-expired-label",
         "reflect": false,
-        "defaultValue": "\"QR Code expired\""
+        "defaultValue": "'QR Code expired'"
       },
       "credentialsNotValidatedLabel": {
         "type": "string",
@@ -647,7 +640,7 @@ export class GatacaQRWS {
         },
         "attribute": "credentials-not-validated-label",
         "reflect": false,
-        "defaultValue": "\"User credentials not validated\""
+        "defaultValue": "'User credentials not validated'"
       },
       "clickInsideBoxLabel": {
         "type": "string",
@@ -665,7 +658,7 @@ export class GatacaQRWS {
         },
         "attribute": "click-inside-box-label",
         "reflect": false,
-        "defaultValue": "\"Click inside the box to\""
+        "defaultValue": "'Click inside the box to'"
       },
       "refreshQrLabel": {
         "type": "string",
@@ -683,7 +676,7 @@ export class GatacaQRWS {
         },
         "attribute": "refresh-qr-label",
         "reflect": false,
-        "defaultValue": "\"Refresh QR Code\""
+        "defaultValue": "'Refresh QR Code'"
       },
       "scanQrLabel": {
         "type": "string",
@@ -701,7 +694,7 @@ export class GatacaQRWS {
         },
         "attribute": "scan-qr-label",
         "reflect": false,
-        "defaultValue": "\"Scan QR Code\""
+        "defaultValue": "'Scan QR Code'"
       },
       "userNotScanInTimeErrorLabel": {
         "type": "string",
@@ -719,7 +712,7 @@ export class GatacaQRWS {
         },
         "attribute": "user-not-scan-in-time-error-label",
         "reflect": false,
-        "defaultValue": "\"User did not scan the QR in the allowed time\""
+        "defaultValue": "'User did not scan the QR in the allowed time'"
       },
       "credsNotValidatedErrorLabel": {
         "type": "string",
@@ -755,7 +748,7 @@ export class GatacaQRWS {
         },
         "attribute": "failed-login-error-label",
         "reflect": false,
-        "defaultValue": "\"No successful login\""
+        "defaultValue": "'No successful login'"
       },
       "successLoginLabel": {
         "type": "string",
@@ -773,7 +766,7 @@ export class GatacaQRWS {
         },
         "attribute": "success-login-label",
         "reflect": false,
-        "defaultValue": "\"Successful Connection!\""
+        "defaultValue": "'Successful Connection!'"
       },
       "byBrandLabel": {
         "type": "string",
@@ -791,7 +784,7 @@ export class GatacaQRWS {
         },
         "attribute": "by-brand-label",
         "reflect": false,
-        "defaultValue": "\"by Gataca\""
+        "defaultValue": "'by Gataca'"
       },
       "waitingStartSessionLabel": {
         "type": "string",
@@ -809,7 +802,7 @@ export class GatacaQRWS {
         },
         "attribute": "waiting-start-session-label",
         "reflect": false,
-        "defaultValue": "\"waiting to start a session\""
+        "defaultValue": "'waiting to start a session'"
       },
       "readQrTitle": {
         "type": "string",
@@ -827,7 +820,7 @@ export class GatacaQRWS {
         },
         "attribute": "read-qr-title",
         "reflect": false,
-        "defaultValue": "\"Processing...\""
+        "defaultValue": "'Processing...'"
       },
       "readQrDescription": {
         "type": "string",
@@ -845,7 +838,7 @@ export class GatacaQRWS {
         },
         "attribute": "read-qr-description",
         "reflect": false,
-        "defaultValue": "\"Please wait a moment\""
+        "defaultValue": "'Please wait a moment'"
       },
       "hideQrModalDescription": {
         "type": "boolean",

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

@@ -1,14 +1,14 @@
-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=";
+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.buttonText = "Easy login";
-    this.qrType = "svg";
+    this.buttonText = 'Easy login';
+    this.qrType = 'svg';
     this.autostart = true;
     this.checkStatus = undefined;
     this.createSession = undefined;
@@ -21,25 +21,25 @@ export class GatacaSSIButton {
     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.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.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.failedLoginErrorLabel = 'No successful login';
+    this.successLoginLabel = 'Successful Connection!';
+    this.byBrandLabel = 'by Gataca';
+    this.waitingStartSessionLabel = 'waiting to start a session';
     this.hideQrModalDescription = false;
     this.open = false;
     this.sessionId = undefined;
@@ -84,9 +84,7 @@ export class GatacaSSIButton {
       }
       else {
         if (err !== RESULT_STATUS.NOT_STARTED) {
-          let error = expired
-            ? new Error(this.userNotScanInTimeErrorLabel)
-            : new Error(this.credsNotValidatedErrorLabel);
+          let error = expired ? new Error(this.userNotScanInTimeErrorLabel) : new Error(this.credsNotValidatedErrorLabel);
           this.result = err;
           this.gatacaLoginFailed.emit(error);
           this.errorCallback(error);
@@ -111,8 +109,7 @@ export class GatacaSSIButton {
     return this.qr;
   }
   async poll() {
-    let endTime = new Date().getTime() +
-      (this.sessionTimeout || DEFAULT_SESSION_TIMEOUT) * 1000;
+    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) {
@@ -169,10 +166,10 @@ export class GatacaSSIButton {
         cleanup();
       }
     };
-    document.addEventListener("visibilitychange", handleVisibilityChange);
+    document.addEventListener('visibilitychange', handleVisibilityChange);
     function cleanup() {
       clearTimeout(timeout);
-      document.removeEventListener("visibilitychange", handleVisibilityChange);
+      document.removeEventListener('visibilitychange', handleVisibilityChange);
     }
   }
   renderDesktopButton() {
@@ -206,8 +203,8 @@ export class GatacaSSIButton {
     };
     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";
+      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) => {
@@ -229,6 +226,7 @@ export class GatacaSSIButton {
       }
     };
     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))));
   }
@@ -239,12 +237,9 @@ export class GatacaSSIButton {
     const isAndroid = /android/i.test(userAgent);
     const isIos = 
     // @ts-ignore
-    (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) ||
-      (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1);
+    (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
     const isMobile = isAndroid || isIos;
-    return (h("div", { class: "buttonContainer" }, isMobile && this.v === "3"
-      ? this.renderMobileButton(isAndroid, isIos)
-      : this.renderDesktopButton(), this.open && (!isMobile || this.v === "3") && this.renderModal()));
+    return (h("div", { class: "buttonContainer" }, isMobile && this.v === '3' ? this.renderMobileButton(isAndroid, isIos) : this.renderDesktopButton(), this.open && (!isMobile || this.v === '3') && this.renderModal()));
   }
   static get is() { return "gataca-ssibutton"; }
   static get encapsulation() { return "shadow"; }
@@ -276,7 +271,7 @@ export class GatacaSSIButton {
         },
         "attribute": "button-text",
         "reflect": false,
-        "defaultValue": "\"Easy login\""
+        "defaultValue": "'Easy login'"
       },
       "qrType": {
         "type": "string",
@@ -299,7 +294,7 @@ export class GatacaSSIButton {
         },
         "attribute": "qr-type",
         "reflect": false,
-        "defaultValue": "\"svg\""
+        "defaultValue": "'svg'"
       },
       "autostart": {
         "type": "boolean",
@@ -323,7 +318,7 @@ export class GatacaSSIButton {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "(\n    id?: string\n  ) => Promise<{ result: RESULT_STATUS; data?: any }>",
+          "original": "(id?: string) => Promise<{result: RESULT_STATUS; data?: any}>",
           "resolved": "(id?: string) => Promise<{ result: RESULT_STATUS; data?: any; }>",
           "references": {
             "Promise": {
@@ -347,7 +342,7 @@ export class GatacaSSIButton {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "() => Promise<{\n    sessionId: string;\n    authenticationRequest?: string;\n  }>",
+          "original": "() => Promise<{\n        sessionId: string;\n        authenticationRequest?: string;\n    }>",
           "resolved": "() => Promise<{ sessionId: string; authenticationRequest?: string; }>",
           "references": {
             "Promise": {
@@ -535,7 +530,7 @@ export class GatacaSSIButton {
         },
         "attribute": "v",
         "reflect": false,
-        "defaultValue": "\"3\""
+        "defaultValue": "'3'"
       },
       "qrModalTitle": {
         "type": "string",
@@ -553,7 +548,7 @@ export class GatacaSSIButton {
         },
         "attribute": "qr-modal-title",
         "reflect": false,
-        "defaultValue": "\"Quick Access\""
+        "defaultValue": "'Quick Access'"
       },
       "modalTitleColor": {
         "type": "string",
@@ -571,7 +566,7 @@ export class GatacaSSIButton {
         },
         "attribute": "modal-title-color",
         "reflect": false,
-        "defaultValue": "\"#4745B7\""
+        "defaultValue": "'#4745B7'"
       },
       "qrModalDescription": {
         "type": "string",
@@ -589,7 +584,7 @@ export class GatacaSSIButton {
         },
         "attribute": "qr-modal-description",
         "reflect": false,
-        "defaultValue": "\"Sign up or sign in by scanning the QR Code with the Gataca Wallet\""
+        "defaultValue": "'Sign up or sign in by scanning the QR Code with the Gataca Wallet'"
       },
       "hideBrandTitle": {
         "type": "boolean",
@@ -678,7 +673,7 @@ export class GatacaSSIButton {
         },
         "attribute": "qr-code-expired-label",
         "reflect": false,
-        "defaultValue": "\"QR Code expired\""
+        "defaultValue": "'QR Code expired'"
       },
       "credentialsNotValidatedLabel": {
         "type": "string",
@@ -696,7 +691,7 @@ export class GatacaSSIButton {
         },
         "attribute": "credentials-not-validated-label",
         "reflect": false,
-        "defaultValue": "\"User credentials not validated\""
+        "defaultValue": "'User credentials not validated'"
       },
       "clickInsideBoxLabel": {
         "type": "string",
@@ -714,7 +709,7 @@ export class GatacaSSIButton {
         },
         "attribute": "click-inside-box-label",
         "reflect": false,
-        "defaultValue": "\"Click inside the box to\""
+        "defaultValue": "'Click inside the box to'"
       },
       "refreshQrLabel": {
         "type": "string",
@@ -732,7 +727,7 @@ export class GatacaSSIButton {
         },
         "attribute": "refresh-qr-label",
         "reflect": false,
-        "defaultValue": "\"Refresh QR Code\""
+        "defaultValue": "'Refresh QR Code'"
       },
       "scanQrLabel": {
         "type": "string",
@@ -750,7 +745,7 @@ export class GatacaSSIButton {
         },
         "attribute": "scan-qr-label",
         "reflect": false,
-        "defaultValue": "\"Scan QR Code\""
+        "defaultValue": "'Scan QR Code'"
       },
       "userNotScanInTimeErrorLabel": {
         "type": "string",
@@ -768,7 +763,7 @@ export class GatacaSSIButton {
         },
         "attribute": "user-not-scan-in-time-error-label",
         "reflect": false,
-        "defaultValue": "\"User did not scan the QR in the allowed time\""
+        "defaultValue": "'User did not scan the QR in the allowed time'"
       },
       "credsNotValidatedErrorLabel": {
         "type": "string",
@@ -804,7 +799,7 @@ export class GatacaSSIButton {
         },
         "attribute": "failed-login-error-label",
         "reflect": false,
-        "defaultValue": "\"No successful login\""
+        "defaultValue": "'No successful login'"
       },
       "successLoginLabel": {
         "type": "string",
@@ -822,7 +817,7 @@ export class GatacaSSIButton {
         },
         "attribute": "success-login-label",
         "reflect": false,
-        "defaultValue": "\"Successful Connection!\""
+        "defaultValue": "'Successful Connection!'"
       },
       "byBrandLabel": {
         "type": "string",
@@ -840,7 +835,7 @@ export class GatacaSSIButton {
         },
         "attribute": "by-brand-label",
         "reflect": false,
-        "defaultValue": "\"by Gataca\""
+        "defaultValue": "'by Gataca'"
       },
       "waitingStartSessionLabel": {
         "type": "string",
@@ -858,7 +853,7 @@ export class GatacaSSIButton {
         },
         "attribute": "waiting-start-session-label",
         "reflect": false,
-        "defaultValue": "\"waiting to start a session\""
+        "defaultValue": "'waiting to start a session'"
       },
       "hideQrModalDescription": {
         "type": "boolean",
@@ -920,6 +915,21 @@ export class GatacaSSIButton {
           "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() {