@gataca/qr 0.0.14 → 0.0.16

package/dist/components/gataca-qr2.js

@@ -1,4 +1,4 @@
-import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { h, proxyCustomElement, HTMLElement, createEvent, forceUpdate } from '@stencil/core/internal/client';
 import { l as logoGatacaSvg, d as defineCustomElement$1 } from './gataca-qrdisplay2.js';
 import { g as gatIconCheckSvg, a as gatIconRefreshSvg, d as gatIconAlertSvg, R as RESULT_STATUS, c as checkMobile, b as base64UrlEncode } from './gat-icon-alert.js';
 
@@ -73,7 +73,7 @@ const DEEP_LINK_PREFIX = "https://api.gataca.io/qr/redirect.html";
 const DEFAULT_SESSION_TIMEOUT = 300; //5mins as in connect
 const DEFAULT_POLLING_FREQ = 3;
 const GatacaQR = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() { super(); this.__registerHost(); this.gatacaLoginCompleted = createEvent(this, "gatacaLoginCompleted", 7); this.gatacaLoginFailed = createEvent(this, "gatacaLoginFailed", 7); this.checkStatus = undefined; this.createSession = undefined; this.successCallback = undefined; this.errorCallback = undefined; this.qrId = undefined; this.qrRole = undefined; this.callbackServer = 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 = logoGatacaSvg; 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.sessionTimeout = DEFAULT_SESSION_TIMEOUT; this.pollingFrequency = DEFAULT_POLLING_FREQ; this.dynamicLink = true; this.sessionId = undefined; this.authenticationRequest = undefined; this.sessionData = undefined; this.result = RESULT_STATUS.NOT_STARTED; }
+  constructor() { super(); this.__registerHost(); this.__attachShadow(); this.gatacaLoginCompleted = createEvent(this, "gatacaLoginCompleted", 7); this.gatacaLoginFailed = createEvent(this, "gatacaLoginFailed", 7); this.checkStatus = undefined; this.createSession = undefined; this.successCallback = undefined; this.errorCallback = undefined; this.qrId = undefined; this.qrRole = undefined; this.callbackServer = 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 = logoGatacaSvg; 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.sessionTimeout = DEFAULT_SESSION_TIMEOUT; this.pollingFrequency = DEFAULT_POLLING_FREQ; this.dynamicLink = true; this.sessionId = undefined; this.authenticationRequest = undefined; this.sessionData = undefined; this.result = RESULT_STATUS.NOT_STARTED; }
   disconnectedCallback() {
     this.stop();
   }
@@ -88,9 +88,15 @@ const GatacaQR = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   async display() {
     await this.getSessionId();
     this.result = RESULT_STATUS.ONGOING;
+    console.log("display0", "this.result", this.result);
+    forceUpdate(this);
+    console.log("display1", "this.result", this.result);
     this.poll()
       .then((data) => {
       this.result = RESULT_STATUS.SUCCESS;
+      console.log("display2", "this.result", this.result);
+      forceUpdate(this);
+      console.log("display3", "this.result", this.result);
       this.sessionData = data;
       this.gatacaLoginCompleted.emit(data);
       this.successCallback(data);
@@ -107,6 +113,9 @@ const GatacaQR = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
             ? new Error(this.userNotScanInTimeErrorLabel)
             : new Error(this.credsNotValidatedErrorLabel);
           this.result = err;
+          console.log("display4", "this.result", this.result);
+          forceUpdate(this);
+          console.log("display5", "this.result", this.result);
           this.gatacaLoginFailed.emit(error);
           this.errorCallback(error);
         }
@@ -138,17 +147,17 @@ const GatacaQR = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       : Promise.reject(new Error(this.failedLoginErrorLabel));
   }
   async getSessionId() {
-    // if (this.sessionId) {
-    //   return this.sessionId;
-    // }
-    console.log("111 getSessionId", "this.sessionId", this.sessionId);
+    if (this.sessionId) {
+      return this.sessionId;
+    }
+    // console.log("111 getSessionId", "this.sessionId", this.sessionId);
     if (this.createSession) {
       let { sessionId, authenticationRequest } = await this.createSession();
-      console.log("222 getSessionId", "sessionId", sessionId);
+      // console.log("222 getSessionId", "sessionId", sessionId);
       this.sessionId = sessionId;
       this.authenticationRequest = authenticationRequest;
     }
-    console.log("333 getSessionId", "this.sessionId", this.sessionId);
+    // console.log("333 getSessionId", "this.sessionId", this.sessionId);
     return this.sessionId;
   }
   getLink() {
@@ -195,6 +204,7 @@ const GatacaQR = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return new Promise(checkCondition);
   }
   renderQRSection() {
+    console.log("renderQRSection", "this.result", this.result);
     switch (this.result) {
       case RESULT_STATUS.NOT_STARTED:
         return this.renderRetryButton();
@@ -214,6 +224,7 @@ const GatacaQR = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
   }
   renderSuccess() {
+    console.log("renderSuccess", "this.result", this.result);
     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) {
@@ -223,11 +234,11 @@ const GatacaQR = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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 }));
   }
   renderQR(value, useLogo) {
-    console.log("this.qrId", this.qrId);
+    // console.log("this.qrId", this.qrId);
     return (h(QR, { qrId: this.qrId, value: value, useLogo: useLogo, size: (this === null || this === void 0 ? void 0 : this.qrSize) || undefined, logoSrc: this === null || this === void 0 ? void 0 : this.logoSrc }));
   }
   renderRetryQR(value, useLogo) {
-    console.log("this.qrId", this.qrId);
+    // console.log("this.qrId", this.qrId);
     return (h(QR, { qrId: this.qrId, value: value, useLogo: useLogo, 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() {
@@ -248,7 +259,7 @@ const GatacaQR = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       } }, this.renderQRSection())))));
   }
   static get style() { return gatacaQrCss; }
-}, [0, "gataca-qr", {
+}, [1, "gataca-qr", {
     "checkStatus": [16],
     "createSession": [16],
     "successCallback": [16],

package/dist/components/gataca-qrdisplay2.js

@@ -46,7 +46,7 @@ const GatacaQRDisplay = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       height: this.size,
       image: this.logoSize > 0 ? this.logoSrc || logoGatacaSvg : undefined,
       margin: 10,
-      type: "svg",
+      type: "canvas",
       dotsOptions: {
         color: this.qrColor,
         type: this.rounded ? "dots" : "square",

package/dist/components/gataca-ssibutton2.js

@@ -55,7 +55,7 @@ const GatacaSSIButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.authenticationRequest = undefined;
     this.sessionData = undefined;
     this.result = RESULT_STATUS.NOT_STARTED;
-    console.log("qrId2", this.qrId);
+    // console.log("qrId2", this.qrId);
     this.qr = (h("gataca-qr", { ref: (el) => (this.qrElement = el), qrId: this.qrId, checkStatus: this.checkStatus, createSession: this.createSession, successCallback: this.successCallback, errorCallback: this.errorCallback, qrRole: this.qrRole, 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 }));
     this.qr.qrId = this.qrId;
   }
@@ -187,7 +187,7 @@ const GatacaSSIButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     }
   }
   renderDesktopButton() {
-    console.log("this.qrId333", this.qrId);
+    // console.log("this.qrId333", this.qrId);
     return (h("div", { class: "gatacaButtonWrapper" }, h("button", { class: "gatacaButton", onClick: () => {
         this.open = !this.open;
         setTimeout(() => {

package/dist/esm/gat-icon-alert-7b06ef3a.js

@@ -0,0 +1,9 @@
+const logoGatacaSvg = 'data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDcxIiB3aWR0aD0iNzEiIGhlaWdodD0iNjYiPgoJPHRpdGxlPlZlY3RvciAoMyktc3ZnPC90aXRsZT4KCTxzdHlsZT4KCQkuczAgeyBmaWxsOiAjNDc0NWI3IH0gCgk8L3N0eWxlPgoJPHBhdGggaWQ9IkxheWVyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsYXNzPSJzMCIgZD0ibTcyLjIgMzguNGMyLjIgMy4zIDMuNSA3LjIgMy41IDExLjQgMCAxMS4yLTguOCAyMC4yLTE5LjkgMjAuN3EtMC40IDAtMC44IDBjLTMgMC01LjgtMC42LTguNC0xLjdxLTIuMS0xLTMuOC0yLjMtMS4xLTAuOC0yLjEtMS43LTEuMy0xLjItMi4zLTIuNi0wLjUgMC42LTEgMS4yYy0zLjggNC40LTkuNCA3LjEtMTUuNyA3LjEtNi43IDAtMTIuNi0zLjItMTYuNC04LjEtMi43LTMuNS00LjMtNy44LTQuMy0xMi42IDAtMTAuNiA4LTE5LjMgMTguMy0yMC41LTEuMS0yLjUtMS43LTUuMi0xLjctOC4xIDAtMTEuNSA5LjMtMjAuNyAyMC44LTIwLjcgMTAuMiAwIDE4LjcgNy40IDIwLjQgMTcuMnEwLjMgMS43IDAuMyAzLjVjMCAyLjktMC42IDUuNi0xLjcgOC4xIDYuMiAwLjcgMTEuNiA0LjIgMTQuOCA5LjF6bS00NC43LTIzLjVjLTMuNCA2LTEuNCAxMy41IDQuNSAxN3EwLjEgMCAwLjIgMC4xYzIuNCAxLjMgNS4xIDEuOCA3LjcgMS41IDEuNS0wLjIgMy4xLTAuNyA0LjUtMS40cTAuMi0wLjIgMC40LTAuM2MxLjgtMSAzLjMtMi41IDQuNC00LjRxMC43LTEuMyAxLjEtMi42YzEuNy01LjQtMC42LTExLjUtNS43LTE0LjQtNi0zLjQtMTMuNi0xLjQtMTcuMSA0LjV6bTM4LjUgNDAuOGMyLTMuOSAxLjktOC40LTAuMi0xMi0xLTEuOC0yLjYtMy41LTQuNi00LjYtMy45LTIuMy04LjUtMi4yLTEyLjMtMC4ycS0wLjIgMC4yLTAuNCAwLjMtMC45IDAuNS0xLjcgMS4ybDEzLjYgNy44djAuMWwtNi43IDUuNi0xMS02LjQtMC40LTAuMi03LTQtNC4yLTIuNS0yLjYtMS40cS0wLjItMC4yLTAuNC0wLjMtMC4xIDAtMC4yLTAuMWMtNS45LTMuNC0xMy41LTEuMy0xNyA0LjYtMi41IDQuNC0yLjEgOS43IDAuNyAxMy41IDEgMS40IDIuMyAyLjYgMy45IDMuNSA0LjggMi43IDEwLjYgMiAxNC41LTEuNGwtMTIuNC03LjEgNi44LTUuNiA5LjYgNS41IDAuNCAwLjIgNyA0LjEgNS42IDMuMiAxLjggMWMzLjMgMS45IDcuMyAyLjMgMTAuOSAwLjkgMi42LTEuMSA0LjgtMyA2LjMtNS43eiIvPgo8L3N2Zz4=';
+
+const gatIconCheckSvg = 'data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjUyIiBoZWlnaHQ9IjUzIiB2aWV3Qm94PSIwIDAgNTIgNTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjI2IiBjeT0iMjYuNjcxOSIgcj0iMjYiIGZpbGw9IiMzRDlBNTAiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zOC41MiAxNy43NDk1QzM5LjU4MDUgMTguODA5OSAzOS41ODA1IDIwLjUyOTMgMzguNTIgMjEuNTg5OEwyMy41ODQ2IDM2LjUyNTFDMjIuNTI0MiAzNy41ODU2IDIwLjgwNDggMzcuNTg1NiAxOS43NDQzIDM2LjUyNTFMMTIuOTU1NSAyOS43MzYzQzExLjg5NSAyOC42NzU5IDExLjg5NSAyNi45NTY1IDEyLjk1NTUgMjUuODk2QzE0LjAxNiAyNC44MzU1IDE1LjczNTQgMjQuODM1NSAxNi43OTU4IDI1Ljg5NkwyMS42NjQ1IDMwLjc2NDdMMzQuNjc5NyAxNy43NDk1QzM1Ljc0MDIgMTYuNjg5IDM3LjQ1OTUgMTYuNjg5IDM4LjUyIDE3Ljc0OTVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K';
+
+const gatIconRefreshSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzIDRWMTBIMTciIHN0cm9rZT0iIzhCOEI4QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIwLjQ4OTkgMTVDMTkuODM5OSAxNi44Mzk5IDE4LjYwOTQgMTguNDE4NyAxNi45ODQgMTkuNDk4NUMxNS4zNTg2IDIwLjU3ODMgMTMuNDI2MyAyMS4xMDA2IDExLjQ3ODMgMjAuOTg2NkM5LjUzMDI2IDIwLjg3MjYgNy42NzIwMyAyMC4xMjg2IDYuMTgzNjMgMTguODY2N0M0LjY5NTI0IDE3LjYwNDcgMy42NTczIDE1Ljg5MzIgMy4yMjYyNSAxMy45OTAxQzIuNzk1MTkgMTIuMDg2OSAyLjk5NDM2IDEwLjA5NTIgMy43OTM3NCA4LjMxNTA4QzQuNTkzMTMgNi41MzQ5NiA1Ljk0OTQyIDUuMDYyODggNy42NTgyMyA0LjEyMDY1QzkuMzY3MDUgMy4xNzg0MyAxMS4zMzU4IDIuODE3MTEgMTMuMjY3OCAzLjA5MTE2QzE1LjE5OTkgMy4zNjUyIDE2Ljk5MDUgNC4yNTk3NSAxOC4zNjk5IDUuNjQwMDFMMjIuOTk5OSAxMCIgc3Ryb2tlPSIjOEI4QjhCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';
+
+const gatIconAlertSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI5MDggMy44NjAyTDEuODIwNzUgMTguMDAwMkMxLjY0NjEyIDE4LjMwMjYgMS41NTM3MiAxOC42NDU1IDEuNTUyNzQgMTguOTk0N0MxLjU1MTc2IDE5LjM0MzkgMS42NDIyNCAxOS42ODczIDEuODE1MTggMTkuOTkwN0MxLjk4ODEyIDIwLjI5NDEgMi4yMzc0OCAyMC41NDcgMi41Mzg0NiAyMC43MjQxQzIuODM5NDQgMjAuOTAxMiAzLjE4MTU1IDIwLjk5NjQgMy41MzA3NSAyMS4wMDAySDIwLjQ3MDhDMjAuODIgMjAuOTk2NCAyMS4xNjIxIDIwLjkwMTIgMjEuNDYzIDIwLjcyNDFDMjEuNzY0IDIwLjU0NyAyMi4wMTM0IDIwLjI5NDEgMjIuMTg2MyAxOS45OTA3QzIyLjM1OTMgMTkuNjg3MyAyMi40NDk3IDE5LjM0MzkgMjIuNDQ4OCAxOC45OTQ3QzIyLjQ0NzggMTguNjQ1NSAyMi4zNTU0IDE4LjMwMjYgMjIuMTgwOCAxOC4wMDAyTDEzLjcxMDggMy44NjAyQzEzLjUzMjUgMy41NjYzMSAxMy4yODE1IDMuMzIzMzIgMTIuOTgxOSAzLjE1NDY5QzEyLjY4MjQgMi45ODYwNSAxMi4zNDQ1IDIuODk3NDYgMTIuMDAwOCAyLjg5NzQ2QzExLjY1NyAyLjg5NzQ2IDExLjMxOTEgMi45ODYwNSAxMS4wMTk2IDMuMTU0NjlDMTAuNzIgMy4zMjMzMiAxMC40NjkgMy41NjYzMSAxMC4yOTA4IDMuODYwMlYzLjg2MDJaIiBzdHJva2U9IiNDRDJCMzEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMiA5VjEzIiBzdHJva2U9IiNDRDJCMzEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMiAxN0gxMi4wMSIgc3Ryb2tlPSIjQ0QyQjMxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';
+
+export { gatIconRefreshSvg as a, gatIconAlertSvg as b, gatIconCheckSvg as g, logoGatacaSvg as l };

package/dist/esm/gataca-autoqr.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-2be54f32.js';
+import { r as registerInstance, c as createEvent, h } from './index-af2994f7.js';
 
 const gatacaAutoqrCss = "@import url(\"https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}.img-fluid{height:auto;max-width:50%}img{margin-left:auto;margin-right:auto}.buttonContainer{display:inline-block;text-align:right;padding:10px;position:relative}.gatacaButtonWrapper{margin:8px}.gatacaButtonWrapper .gatacaButton{display:flex;min-width:100px;padding:8px 8px;background-color:white;font-size:12px;font-family:\"Work Sans\", sans-serif;letter-spacing:1px;font-weight:2;justify-content:space-between;align-items:center;border-radius:6px;border:1px solid rgba(24, 27, 94, 0.5);color:rgba(24, 27, 94, 0.8);box-shadow:0px 1px 3px rgba(48, 48, 48, 0.15);cursor:pointer}.gatacaButtonWrapper .gatacaButton>span{margin-right:10px}.gatacaButtonWrapper .gatacaButton:hover{box-shadow:0px 2px 8px rgba(48, 48, 48, 0.1)}.gatacaButtonWrapper .buttonText{text-align:right;font-size:8px;color:rgba(24, 27, 94, 0.5);font-family:\"Helvetica Neue\", sans-serif;letter-spacing:1px;padding-right:8px;font-weight:1}.gatacaButtonWrapper .buttonImg{height:25px;width:25px;margin:0;margin-right:20px}";
 

package/dist/esm/{gataca-qr_3.entry.js → gataca-qr_2.entry.js}

@@ -1,5 +1,6 @@
-import { r as registerInstance, h, c as createEvent } from './index-2be54f32.js';
-import { Q as QRCodeStyling, l as logoGatacaSvg, g as gatIconCheckSvg, a as gatIconRefreshSvg, b as gatIconAlertSvg } from './gat-icon-alert-c9761842.js';
+import { r as registerInstance, h, c as createEvent, f as forceUpdate } from './index-af2994f7.js';
+import { l as logoGatacaSvg, g as gatIconCheckSvg, a as gatIconRefreshSvg, b as gatIconAlertSvg } from './gat-icon-alert-7b06ef3a.js';
+import { Q as QRCodeStyling } from './qr-code-styling-0eeb38d5.js';
 import { R as RESULT_STATUS, c as checkMobile, b as base64UrlEncode } from './utils-63e7a33b.js';
 
 const GatacaQRDisplay = class {
@@ -20,7 +21,7 @@ const GatacaQRDisplay = class {
       height: this.size,
       image: this.logoSize > 0 ? this.logoSrc || logoGatacaSvg : undefined,
       margin: 10,
-      type: "svg",
+      type: "canvas",
       dotsOptions: {
         color: this.qrColor,
         type: this.rounded ? "dots" : "square",
@@ -117,10 +118,10 @@ const gatacaQrCss = "@import url(\"https://fonts.googleapis.com/css2?family=Ubun
 
 const DEEP_LINK_PREFIX = "https://api.gataca.io/qr/redirect.html";
 //Default values
-const DEFAULT_SESSION_TIMEOUT$1 = 300; //5mins as in connect
-const DEFAULT_POLLING_FREQ$1 = 3;
+const DEFAULT_SESSION_TIMEOUT = 300; //5mins as in connect
+const DEFAULT_POLLING_FREQ = 3;
 const GatacaQR = class {
-  constructor(hostRef) { registerInstance(this, hostRef); this.gatacaLoginCompleted = createEvent(this, "gatacaLoginCompleted", 7); this.gatacaLoginFailed = createEvent(this, "gatacaLoginFailed", 7); this.checkStatus = undefined; this.createSession = undefined; this.successCallback = undefined; this.errorCallback = undefined; this.qrId = undefined; this.qrRole = undefined; this.callbackServer = 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 = logoGatacaSvg; 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.sessionTimeout = DEFAULT_SESSION_TIMEOUT$1; this.pollingFrequency = DEFAULT_POLLING_FREQ$1; this.dynamicLink = true; this.sessionId = undefined; this.authenticationRequest = undefined; this.sessionData = undefined; this.result = RESULT_STATUS.NOT_STARTED; }
+  constructor(hostRef) { registerInstance(this, hostRef); this.gatacaLoginCompleted = createEvent(this, "gatacaLoginCompleted", 7); this.gatacaLoginFailed = createEvent(this, "gatacaLoginFailed", 7); this.checkStatus = undefined; this.createSession = undefined; this.successCallback = undefined; this.errorCallback = undefined; this.qrId = undefined; this.qrRole = undefined; this.callbackServer = 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 = logoGatacaSvg; 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.sessionTimeout = DEFAULT_SESSION_TIMEOUT; this.pollingFrequency = DEFAULT_POLLING_FREQ; this.dynamicLink = true; this.sessionId = undefined; this.authenticationRequest = undefined; this.sessionData = undefined; this.result = RESULT_STATUS.NOT_STARTED; }
   disconnectedCallback() {
     this.stop();
   }
@@ -135,9 +136,15 @@ const GatacaQR = class {
   async display() {
     await this.getSessionId();
     this.result = RESULT_STATUS.ONGOING;
+    console.log("display0", "this.result", this.result);
+    forceUpdate(this);
+    console.log("display1", "this.result", this.result);
     this.poll()
       .then((data) => {
       this.result = RESULT_STATUS.SUCCESS;
+      console.log("display2", "this.result", this.result);
+      forceUpdate(this);
+      console.log("display3", "this.result", this.result);
       this.sessionData = data;
       this.gatacaLoginCompleted.emit(data);
       this.successCallback(data);
@@ -154,6 +161,9 @@ const GatacaQR = class {
             ? new Error(this.userNotScanInTimeErrorLabel)
             : new Error(this.credsNotValidatedErrorLabel);
           this.result = err;
+          console.log("display4", "this.result", this.result);
+          forceUpdate(this);
+          console.log("display5", "this.result", this.result);
           this.gatacaLoginFailed.emit(error);
           this.errorCallback(error);
         }
@@ -185,17 +195,17 @@ const GatacaQR = class {
       : Promise.reject(new Error(this.failedLoginErrorLabel));
   }
   async getSessionId() {
-    // if (this.sessionId) {
-    //   return this.sessionId;
-    // }
-    console.log("111 getSessionId", "this.sessionId", this.sessionId);
+    if (this.sessionId) {
+      return this.sessionId;
+    }
+    // console.log("111 getSessionId", "this.sessionId", this.sessionId);
     if (this.createSession) {
       let { sessionId, authenticationRequest } = await this.createSession();
-      console.log("222 getSessionId", "sessionId", sessionId);
+      // console.log("222 getSessionId", "sessionId", sessionId);
       this.sessionId = sessionId;
       this.authenticationRequest = authenticationRequest;
     }
-    console.log("333 getSessionId", "this.sessionId", this.sessionId);
+    // console.log("333 getSessionId", "this.sessionId", this.sessionId);
     return this.sessionId;
   }
   getLink() {
@@ -207,8 +217,8 @@ const GatacaQR = class {
   }
   async poll() {
     let endTime = new Date().getTime() +
-      (this.sessionTimeout || DEFAULT_SESSION_TIMEOUT$1) * 1000;
-    let interval = (this.pollingFrequency || DEFAULT_POLLING_FREQ$1) * 1000;
+      (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 };
@@ -242,6 +252,7 @@ const GatacaQR = class {
     return new Promise(checkCondition);
   }
   renderQRSection() {
+    console.log("renderQRSection", "this.result", this.result);
     switch (this.result) {
       case RESULT_STATUS.NOT_STARTED:
         return this.renderRetryButton();
@@ -261,6 +272,7 @@ const GatacaQR = class {
     }
   }
   renderSuccess() {
+    console.log("renderSuccess", "this.result", this.result);
     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) {
@@ -270,11 +282,11 @@ const GatacaQR = class {
     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 }));
   }
   renderQR(value, useLogo) {
-    console.log("this.qrId", this.qrId);
+    // console.log("this.qrId", this.qrId);
     return (h(QR, { qrId: this.qrId, value: value, useLogo: useLogo, size: (this === null || this === void 0 ? void 0 : this.qrSize) || undefined, logoSrc: this === null || this === void 0 ? void 0 : this.logoSrc }));
   }
   renderRetryQR(value, useLogo) {
-    console.log("this.qrId", this.qrId);
+    // console.log("this.qrId", this.qrId);
     return (h(QR, { qrId: this.qrId, value: value, useLogo: useLogo, 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() {
@@ -297,261 +309,4 @@ const GatacaQR = class {
 };
 GatacaQR.style = gatacaQrCss;
 
-const gatacaSsibuttonCss = "@import url(\"https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}.img-fluid{height:auto;max-width:50%}img{margin-left:auto;margin-right:auto}.buttonContainer{display:inline-block;text-align:right;padding:10px;position:relative}.gatacaButtonWrapper{margin:8px}.gatacaButtonWrapper .gatacaButton{display:flex;min-width:100px;padding:8px 8px;background-color:white;font-size:12px;font-family:\"Work Sans\", sans-serif;letter-spacing:1px;font-weight:2;justify-content:space-between;align-items:center;border-radius:6px;border:1px solid rgba(24, 27, 94, 0.5);color:rgba(24, 27, 94, 0.8);box-shadow:0px 1px 3px rgba(48, 48, 48, 0.15);cursor:pointer}.gatacaButtonWrapper .gatacaButton>span{margin-right:10px}.gatacaButtonWrapper .gatacaButton:hover{box-shadow:0px 2px 8px rgba(48, 48, 48, 0.1)}.gatacaButtonWrapper .buttonText{text-align:right;font-size:8px;color:rgba(24, 27, 94, 0.5);font-family:\"Helvetica Neue\", sans-serif;letter-spacing:1px;padding-right:8px;font-weight:1}.gatacaButtonWrapper .buttonImg{height:25px;width:25px;margin:0;margin-right:20px}";
-
-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;
-const GatacaSSIButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.gatacaLoginCompleted = createEvent(this, "gatacaLoginCompleted", 7);
-    this.gatacaLoginFailed = createEvent(this, "gatacaLoginFailed", 7);
-    this.qrId = undefined;
-    this.buttonText = "Easy login";
-    this.autostart = true;
-    this.checkStatus = undefined;
-    this.createSession = 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.hideQrModalDescription = false;
-    this.open = false;
-    this.sessionId = undefined;
-    this.authenticationRequest = undefined;
-    this.sessionData = undefined;
-    this.result = RESULT_STATUS.NOT_STARTED;
-    console.log("qrId2", this.qrId);
-    this.qr = (h("gataca-qr", { ref: (el) => (this.qrElement = el), qrId: this.qrId, checkStatus: this.checkStatus, createSession: this.createSession, successCallback: this.successCallback, errorCallback: this.errorCallback, qrRole: this.qrRole, 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 }));
-    this.qr.qrId = this.qrId;
-  }
-  /**
-   * 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() {
-    console.log("this.qrId333", this.qrId);
-    return (h("div", { class: "gatacaButtonWrapper" }, h("button", { class: "gatacaButton", onClick: () => {
-        this.open = !this.open;
-        setTimeout(() => {
-          var _a, _b;
-          this.qrElement.id = this.qrId;
-          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.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: () => {
-        executeRedirection();
-      }, disabled: loading }, h("img", { src: PHONE_ICON, class: "buttonImg", alt: this.buttonText }), h("span", null, this.buttonText))));
-  }
-  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;
-    return (h("div", { class: "buttonContainer" }, isMobile && this.v === "3"
-      ? this.renderMobileButton(isAndroid, isIos)
-      : this.renderDesktopButton(), this.open && (!isMobile || this.v === "3") && this.renderModal()));
-  }
-};
-GatacaSSIButton.style = gatacaSsibuttonCss;
-
-export { GatacaQR as gataca_qr, GatacaQRDisplay as gataca_qrdisplay, GatacaSSIButton as gataca_ssibutton };
+export { GatacaQR as gataca_qr, GatacaQRDisplay as gataca_qrdisplay };

package/dist/esm/gataca-qrws.entry.js

@@ -1,5 +1,6 @@
-import { h, r as registerInstance, c as createEvent } from './index-2be54f32.js';
-import { g as gatIconCheckSvg, a as gatIconRefreshSvg, b as gatIconAlertSvg, l as logoGatacaSvg } from './gat-icon-alert-c9761842.js';
+import { h, r as registerInstance, c as createEvent } from './index-af2994f7.js';
+import { g as gatIconCheckSvg, a as gatIconRefreshSvg, b as gatIconAlertSvg, l as logoGatacaSvg } from './gat-icon-alert-7b06ef3a.js';
+import './qr-code-styling-0eeb38d5.js';
 import { R as RESULT_STATUS, c as checkMobile, b as base64UrlEncode } from './utils-63e7a33b.js';
 
 const Success = (props) => {