@gataca/qr 3.0.10 → 4.0.0

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",