@gataca/qr 4.1.0 → 4.2.1

package/dist/components/gataca-qrws2.js

@@ -1,430 +0,0 @@
-import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { l as logoGatacaSvg, d as defineCustomElement$1 } from './gataca-qrdisplay2.js';
-import { a as gatIconCheckSvg, g as gatIconAlertSvg, R as RESULT_STATUS, c as checkMobile, b as base64UrlEncode, s as shortenUrlIfPossible } from './gat-icon-check.js';
-
-const Success = (props) => {
-  const { modalHeight, successLoginLabel } = props;
-  return (h("div", { class: 'success', style: {
-      height: modalHeight ? (modalHeight === null || modalHeight === void 0 ? void 0 : modalHeight.toString()) + 'px' : '300px'
-    } },
-    h("img", { src: gatIconCheckSvg, height: 52, width: 52 }),
-    h("p", { class: "successMsg" }, successLoginLabel)));
-};
-
-const gatIconRefreshSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzIDRWMTBIMTciIHN0cm9rZT0iIzhCOEI4QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIwLjQ4OTkgMTVDMTkuODM5OSAxNi44Mzk5IDE4LjYwOTQgMTguNDE4NyAxNi45ODQgMTkuNDk4NUMxNS4zNTg2IDIwLjU3ODMgMTMuNDI2MyAyMS4xMDA2IDExLjQ3ODMgMjAuOTg2NkM5LjUzMDI2IDIwLjg3MjYgNy42NzIwMyAyMC4xMjg2IDYuMTgzNjMgMTguODY2N0M0LjY5NTI0IDE3LjYwNDcgMy42NTczIDE1Ljg5MzIgMy4yMjYyNSAxMy45OTAxQzIuNzk1MTkgMTIuMDg2OSAyLjk5NDM2IDEwLjA5NTIgMy43OTM3NCA4LjMxNTA4QzQuNTkzMTMgNi41MzQ5NiA1Ljk0OTQyIDUuMDYyODggNy42NTgyMyA0LjEyMDY1QzkuMzY3MDUgMy4xNzg0MyAxMS4zMzU4IDIuODE3MTEgMTMuMjY3OCAzLjA5MTE2QzE1LjE5OTkgMy4zNjUyIDE2Ljk5MDUgNC4yNTk3NSAxOC4zNjk5IDUuNjQwMDFMMjIuOTk5OSAxMCIgc3Ryb2tlPSIjOEI4QjhCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';
-
-const RetryButton = (props) => {
-  var _a;
-  const { errorMessage, modalWidth, clickInsideBoxLabel, refreshQrLabel, scanQrLabel, display } = props;
-  return (h("div", { class: "reload", style: {
-      width: (modalWidth - 48).toString() + 'px',
-      height: modalWidth ? ((_a = (modalWidth - 48)) === null || _a === void 0 ? void 0 : _a.toString()) + 'px' : ''
-    } },
-    h("div", { id: "notify", onClick: () => display() },
-      h("img", { src: gatIconRefreshSvg, height: 24, width: 24 }),
-      h("p", { class: "notify-text" },
-        clickInsideBoxLabel,
-        " "),
-      errorMessage ? h("p", { class: "notify-text bold" }, refreshQrLabel) : h("p", { class: "notify-text bold" }, scanQrLabel),
-      errorMessage && (h("div", { class: "alert", style: {
-          width: (modalWidth - 48).toString() + 'px'
-        } },
-        h("img", { src: gatIconAlertSvg, height: 24, width: 24 }),
-        h("p", null, errorMessage)))),
-    h("div", { id: "qrwait", class: "qr-placeholder-slot", style: {
-        width: (modalWidth - 48).toString() + 'px',
-        height: modalWidth ? (modalWidth - 48).toString() + 'px' : ''
-      } })));
-};
-
-const QR = (props) => {
-  const { value, useLogo, logoSrc, size, qrType, linkReady = true } = props;
-  const s = size !== null && size !== void 0 ? size : 256;
-  if (!linkReady) {
-    return (h("div", { class: "qr-loading-slot", style: {
-        width: s + 'px',
-        height: s + 'px',
-        margin: '0 auto'
-      } }));
-  }
-  return h("gataca-qrdisplay", { qrData: value, rounded: true, size: size, qrType: qrType, "logo-size": useLogo ? 0.33 : 0, "logo-src": logoSrc });
-};
-
-const AnimatedLoader = () => {
-  return (h("div", { class: "containerLoader" },
-    h("div", { class: "loader" },
-      h("div", { class: "loader__item loader__item__1" }),
-      h("div", { class: "loader__item loader__item__2" }),
-      h("div", { class: "loader__item loader__item__3" }),
-      h("div", { class: "loader__item loader__item__4" }),
-      h("div", { class: "loader__item loader__item__5" }),
-      h("div", { class: "loader__item loader__item__6" }),
-      h("div", { class: "loader__item loader__item__7" }),
-      h("div", { class: "loader__item loader__item__8" }))));
-};
-
-const ReadQR = (props) => {
-  var _a;
-  const { modalWidth, readQrMessages, renderQR, url, sizeQR } = props;
-  return (h("div", { class: "blured", style: {
-      width: (modalWidth - 48).toString() + 'px',
-      height: modalWidth ? ((_a = (modalWidth - 48)) === null || _a === void 0 ? void 0 : _a.toString()) + 'px' : ''
-    } },
-    h("div", { id: "notify" },
-      h(AnimatedLoader, null),
-      h("p", { class: "notify-text" }, readQrMessages === null || readQrMessages === void 0 ? void 0 :
-        readQrMessages.title,
-        " "),
-      h("p", { class: "notify-text bold" }, readQrMessages === null || readQrMessages === void 0 ? void 0 : readQrMessages.description)),
-    h("div", { id: "qrwait" }, renderQR(url, false, sizeQR))));
-};
-
-const gatacaQrwsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Ubuntu:wght@100;300;400;500;600;700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700&display=swap\"); @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}.brandSection{padding-top:5px;display:flex;align-items:center}.brandSection .gatacaImgSmall{height:13px;width:13px;margin:0;margin-right:10px}.popUpContainer .large-modal{width:300px;min-height:350px}.popUpContainer .modal-window{position:relative;border-radius:6px;overflow:hidden;color:rgba(24, 27, 94, 0.8);box-shadow:0px 3px 10px rgba(48, 48, 48, 0.1);display:flex;flex-direction:column;justify-content:space-between;align-items:center;display:flex;z-index:1001;padding:1px;background-color:white;border-radius:12px;-webkit-transition:opacity 0.5s, visibility 0s 0.5s;transition:opacity 0.5s, visibility 0s 0.5s;visibility:hidden;opacity:0}.popUpContainer .modal-window__content{width:100%;height:100%;text-align:left}.popUpContainer .modal-window__content .hidenText{display:none}.popUpContainer .modal-window .modalText{font-family:\"Ubuntu\", \"Work Sans\", \"Helvetica Neue\", sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:24px;margin-top:10px;letter-spacing:1px}.popUpContainer .modal-window .qrTitleContainer{padding:14px 24px;padding-bottom:0px}.popUpContainer .modal-window .qrTitle{font-size:20px;font-weight:600;line-height:23.5px}.popUpContainer .modal-window .qrDescription{font-family:\"Poppins\", \"Ubuntu\", \"Work Sans\", \"Helvetica Neue\", sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:16px;color:#707074}.popUpContainer .modal-window .bold{font-weight:700}.popUpContainer .modal-window .qrBrand{margin-top:4px;font-size:14px;font-weight:400;line-height:16.5px;display:flex;align-items:center}.popUpContainer .modal-window .qrBrand img{margin-left:5px;height:12px}.popUpContainer .modal-window .qr-section{width:252px;height:252px}.popUpContainer .noBoxShadow{box-shadow:none}.popUpContainer .is-visible{opacity:1;visibility:visible}.is-transparent{opacity:0}.success{display:flex;height:300px;flex-direction:column;justify-content:center;align-items:center;padding:0px}.success>img{padding-bottom:12px}.success>.successMsg{line-height:23.5px;color:var(--neutral-1000, #1e1e20);text-align:center;font-family:\"Ubuntu\", \"Work Sans\", \"Helvetica Neue\", sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:24px}.reload,.blured{height:252px;width:252px;border:1px dashed #a1a1a1;border-radius:12px;position:relative;top:24px;margin:0 24px 24px;display:flex;overflow:hidden;justify-content:center;align-items:center}#qrwait{display:flex;justify-content:center}.qr-placeholder-slot,.qr-loading-slot{box-sizing:border-box;border-radius:12px;background:rgba(0, 0, 0, 0.04)}#qrwait,#notify{width:100%;height:100%;top:0;left:0;border-radius:20px}#notify{z-index:10;position:absolute;justify-self:center;justify-items:center;justify-content:center;align-items:center;align-content:center;display:flex;flex-direction:column;box-sizing:border-box;padding:20px;background:rgba(255, 255, 255, 0.95)}#notify>img{padding-bottom:12px}.alert{display:flex;flex-direction:row;justify-content:start;width:252px;position:absolute;bottom:0px;border:1px solid #ee888c;background:#ffdedf;border-radius:11px;box-sizing:border-box;padding:12px;align-items:center;gap:12px}.alert>img{margin:0}.alert>p{font-family:\"Poppins\", \"Ubuntu\", \"Work Sans\", \"Helvetica Neue\", sans-serif;font-size:14px;font-style:normal;font-weight:400;margin-top:0;line-height:16px;color:#1e1e20}.notify-text{font-family:\"Poppins\", \"Ubuntu\", \"Work Sans\", \"Helvetica Neue\", sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:16px;color:#707074;text-align:center}.containerLoader{display:flex;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:12px}.loader{position:relative;margin-left:0 !important}.loader__item{position:absolute;width:9.68px;height:4px;background:transparent;border-radius:2px}.loader__item__1{transform:translate(2.5846212025px, 5.4246212025px) rotate(45deg);-webkit-animation:translate(2.5846212025px, 5.4246212025px) rotate(45deg);-moz-animation:translate(2.5846212025px, 5.4246212025px) rotate(45deg);-o-animation:translate(2.5846212025px, 5.4246212025px) rotate(45deg);animation:blink 0.8333333333s linear 0.1041666667s infinite;-webkit-animation:blink 0.8333333333s linear 0.1041666667s infinite;-moz-animation:blink 0.8333333333s linear 0.1041666667s infinite;-o-animation:blink 0.8333333333s linear 0.1041666667s infinite}.loader__item__2{transform:translate(-4.84px, 8.5px) rotate(90deg);-webkit-animation:translate(-4.84px, 8.5px) rotate(90deg);-moz-animation:translate(-4.84px, 8.5px) rotate(90deg);-o-animation:translate(-4.84px, 8.5px) rotate(90deg);animation:blink 0.8333333333s linear 0.2083333333s infinite;-webkit-animation:blink 0.8333333333s linear 0.2083333333s infinite;-moz-animation:blink 0.8333333333s linear 0.2083333333s infinite;-o-animation:blink 0.8333333333s linear 0.2083333333s infinite}.loader__item__3{transform:translate(-12.2646212025px, 5.4246212025px) rotate(135deg);-webkit-animation:translate(-12.2646212025px, 5.4246212025px) rotate(135deg);-moz-animation:translate(-12.2646212025px, 5.4246212025px) rotate(135deg);-o-animation:translate(-12.2646212025px, 5.4246212025px) rotate(135deg);animation:blink 0.8333333333s linear 0.3125s infinite;-webkit-animation:blink 0.8333333333s linear 0.3125s infinite;-moz-animation:blink 0.8333333333s linear 0.3125s infinite;-o-animation:blink 0.8333333333s linear 0.3125s infinite}.loader__item__4{transform:translate(-15.3399999992px, -1.9999999999px) rotate(180deg);-webkit-animation:translate(-15.3399999992px, -1.9999999999px) rotate(180deg);-moz-animation:translate(-15.3399999992px, -1.9999999999px) rotate(180deg);-o-animation:translate(-15.3399999992px, -1.9999999999px) rotate(180deg);animation:blink 0.8333333333s linear 0.4166666667s infinite;-webkit-animation:blink 0.8333333333s linear 0.4166666667s infinite;-moz-animation:blink 0.8333333333s linear 0.4166666667s infinite;-o-animation:blink 0.8333333333s linear 0.4166666667s infinite}.loader__item__5{transform:translate(-12.2646210959px, -9.4246211842px) rotate(225deg);-webkit-animation:translate(-12.2646210959px, -9.4246211842px) rotate(225deg);-moz-animation:translate(-12.2646210959px, -9.4246211842px) rotate(225deg);-o-animation:translate(-12.2646210959px, -9.4246211842px) rotate(225deg);animation:blink 0.8333333333s linear 0.5208333333s infinite;-webkit-animation:blink 0.8333333333s linear 0.5208333333s infinite;-moz-animation:blink 0.8333333333s linear 0.5208333333s infinite;-o-animation:blink 0.8333333333s linear 0.5208333333s infinite}.loader__item__6{transform:translate(-4.8399941857px, -12.499998805px) rotate(270deg);-webkit-animation:translate(-4.8399941857px, -12.499998805px) rotate(270deg);-moz-animation:translate(-4.8399941857px, -12.499998805px) rotate(270deg);-o-animation:translate(-4.8399941857px, -12.499998805px) rotate(270deg);animation:blink 0.8333333333s linear 0.625s infinite;-webkit-animation:blink 0.8333333333s linear 0.625s infinite;-moz-animation:blink 0.8333333333s linear 0.625s infinite;-o-animation:blink 0.8333333333s linear 0.625s infinite}.loader__item__7{transform:translate(2.5847915061px, -9.4245803212px) rotate(315deg);-webkit-animation:translate(2.5847915061px, -9.4245803212px) rotate(315deg);-moz-animation:translate(2.5847915061px, -9.4245803212px) rotate(315deg);-o-animation:translate(2.5847915061px, -9.4245803212px) rotate(315deg);animation:blink 0.8333333333s linear 0.7291666667s infinite;-webkit-animation:blink 0.8333333333s linear 0.7291666667s infinite;-moz-animation:blink 0.8333333333s linear 0.7291666667s infinite;-o-animation:blink 0.8333333333s linear 0.7291666667s infinite}.loader__item__8{transform:translate(5.6631628524px, -1.99913122px) rotate(360deg);-webkit-animation:translate(5.6631628524px, -1.99913122px) rotate(360deg);-moz-animation:translate(5.6631628524px, -1.99913122px) rotate(360deg);-o-animation:translate(5.6631628524px, -1.99913122px) rotate(360deg);animation:blink 0.8333333333s linear 0.8333333333s infinite;-webkit-animation:blink 0.8333333333s linear 0.8333333333s infinite;-moz-animation:blink 0.8333333333s linear 0.8333333333s infinite;-o-animation:blink 0.8333333333s linear 0.8333333333s infinite}.loader__item__8{max-width:8.5px}@keyframes blink{0%{background:#4745B7}100%{background:#CCCBF8}}@keyframes rotate{0%{transform:rotate(0deg)}100%{background:rotate(360deg)}}";
-
-const DEEP_LINK_PREFIX = 'https://api.gataca.io/qr/redirect.html';
-const DEFAULT_SESSION_TIMEOUT = 300;
-const QR_ROLE_CONNECT = 'connect';
-const GatacaQRWS = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.gatacaLoginCompleted = createEvent(this, "gatacaLoginCompleted", 7);
-    this.gatacaLoginFailed = createEvent(this, "gatacaLoginFailed", 7);
-    this.qrRefreshGeneration = 0;
-    this.lastShortenRaw = null;
-    this.successCallback = undefined;
-    this.errorCallback = undefined;
-    this.qrRole = undefined;
-    this.qrType = 'svg';
-    this.callbackServer = undefined;
-    this.socketEndpoint = undefined;
-    this.sessionTimeout = DEFAULT_SESSION_TIMEOUT;
-    this.wsOnOpen = undefined;
-    this.wsOnMessage = undefined;
-    this.autostart = true;
-    this.autorefresh = false;
-    this.v = '3';
-    this.qrModalTitle = 'Quick Access';
-    this.modalTitleColor = '#4745B7';
-    this.qrModalDescription = 'Sign up or sign in by scanning the QR Code with the Gataca Wallet';
-    this.hideModalTexts = false;
-    this.hideModalBoxShadow = false;
-    this.hideBrandTitle = false;
-    this.logoSize = 0;
-    this.logoSrc = 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.dynamicLink = true;
-    this.sessionId = undefined;
-    this.authenticationRequest = undefined;
-    this.sessionData = undefined;
-    this.result = RESULT_STATUS.NOT_STARTED;
-    this.qrHref = '';
-    this.qrShortenPending = false;
-  }
-  disconnectedCallback() {
-    this.stop();
-  }
-  async componentDidLoad() {
-    if (this.autostart) {
-      await this.display();
-    }
-  }
-  /**
-   * Force manually the display of a QR
-   */
-  async display() {
-    this.qrHref = '';
-    this.qrShortenPending = false;
-    this.lastShortenRaw = null;
-    this.qrRefreshGeneration++;
-    let socket = new WebSocket(this.socketEndpoint);
-    setTimeout(() => {
-      this.socket.close(1000, '');
-    }, 1000 * this.sessionTimeout);
-    this.socket = socket;
-    socket.onopen = () => {
-      if (this.wsOnOpen)
-        this.wsOnOpen(this.socket);
-    };
-    socket.onmessage = (msg) => {
-      if (this.wsOnMessage) {
-        this.wsOnMessage(this.socket, msg);
-      }
-      else {
-        let wsresp = JSON.parse(msg.data);
-        if (!!wsresp.sessionId) {
-          this.handleWSResponse(wsresp);
-        }
-      }
-    };
-    socket.onerror = () => {
-      let error = new Error('Error connecting with server');
-      this.result = RESULT_STATUS.FAILED;
-      this.gatacaLoginFailed.emit(error);
-      this.errorCallback(error);
-      socket.close(1000, '');
-    };
-    socket.onclose = () => {
-      if (this.result === RESULT_STATUS.ONGOING || RESULT_STATUS.READ) {
-        this.result = RESULT_STATUS.EXPIRED;
-      }
-      if (this.result === RESULT_STATUS.EXPIRED) {
-        if (this.autorefresh) {
-          this.display();
-        }
-        else {
-          let error = new Error('User did not scan the QR in the alloted time');
-          this.gatacaLoginFailed.emit(error);
-          this.errorCallback(error);
-        }
-      }
-    };
-    if (checkMobile() && this.dynamicLink) {
-      window.location.href = this.getLink();
-    }
-  }
-  sessionMsgReceived(event) {
-    let wsresp = event.detail;
-    this.handleWSResponse(wsresp);
-  }
-  handleWSResponse(wsresp) {
-    this.result = wsresp.result;
-    switch (wsresp.result) {
-      case RESULT_STATUS.ONGOING:
-      case RESULT_STATUS.READ: {
-        this.sessionId = wsresp.sessionId;
-        this.authenticationRequest = wsresp.authenticationRequest;
-        const raw = this.buildRawLink();
-        if (raw === null || raw === void 0 ? void 0 : raw.trim()) {
-          this.qrShortenPending = true;
-          void this.refreshQrHref();
-        }
-        break;
-      }
-      case RESULT_STATUS.SUCCESS:
-        this.sessionData = wsresp.authenticatedUserData;
-        this.gatacaLoginCompleted.emit(wsresp.authenticatedUserData);
-        this.successCallback(wsresp.authenticatedUserData);
-        this.socket.close(1000, '');
-        break;
-      case RESULT_STATUS.FAILED:
-        this.socket.close();
-        let error = new Error("Provided user credentials couldn't be validated");
-        this.gatacaLoginFailed.emit(error);
-        this.errorCallback(error);
-        break;
-      case RESULT_STATUS.EXPIRED:
-        this.socket.close();
-        if (this.autorefresh) {
-          this.display();
-        }
-        else {
-          let error = new Error('User did not scan the QR in the alloted time');
-          this.gatacaLoginFailed.emit(error);
-          this.errorCallback(error);
-        }
-    }
-  }
-  /**
-   * Stop manually an ongoing session
-   */
-  async stop() {
-    this.sessionData = undefined;
-    this.sessionId = undefined;
-    this.qrHref = '';
-    this.qrShortenPending = false;
-    this.lastShortenRaw = null;
-    this.socket.close(1000, 'Client stopped the connection');
-  }
-  /**
-   * Retrieve manually the session data on a successful login
-   */
-  async getSessionData() {
-    return this.sessionData ? Promise.resolve(this.sessionData) : Promise.reject(new Error('No successful login'));
-  }
-  buildRawLink() {
-    var _a;
-    if (this.v === '2' && this.qrRole == QR_ROLE_CONNECT) {
-      return (_a = this.authenticationRequest) !== null && _a !== void 0 ? _a : '';
-    }
-    const authRequestEncoded = '?dl=' + base64UrlEncode(this.authenticationRequest);
-    return DEEP_LINK_PREFIX + authRequestEncoded;
-  }
-  async refreshQrHref() {
-    var _a, _b, _c;
-    const raw = this.buildRawLink();
-    if (!(raw === null || raw === void 0 ? void 0 : raw.trim())) {
-      this.qrShortenPending = false;
-      return;
-    }
-    if (raw === this.lastShortenRaw && ((_a = this.qrHref) === null || _a === void 0 ? void 0 : _a.trim())) {
-      this.qrShortenPending = false;
-      return;
-    }
-    if (this.qrShortenPending && raw === this.lastShortenRaw && !((_b = this.qrHref) === null || _b === void 0 ? void 0 : _b.trim())) {
-      return;
-    }
-    const gen = ++this.qrRefreshGeneration;
-    this.lastShortenRaw = raw;
-    try {
-      const shortened = await shortenUrlIfPossible(raw);
-      const now = this.buildRawLink();
-      if (now === raw) {
-        this.qrHref = shortened;
-      }
-      else if (!((_c = this.qrHref) === null || _c === void 0 ? void 0 : _c.trim())) {
-        this.qrHref = now;
-      }
-    }
-    finally {
-      if (gen === this.qrRefreshGeneration) {
-        this.qrShortenPending = false;
-      }
-    }
-  }
-  getLink() {
-    return this.qrHref || this.buildRawLink();
-  }
-  renderQRSection() {
-    var _a, _b, _c;
-    switch (this.result) {
-      case RESULT_STATUS.NOT_STARTED:
-        return this.renderRetryButton();
-      case RESULT_STATUS.ONGOING:
-        return this.qrShortenPending || !((_a = this.qrHref) === null || _a === void 0 ? void 0 : _a.trim()) ? this.renderQrLoadingSlot() : this.renderQR(this.getLink(), true, undefined, !!((_b = this.qrHref) === null || _b === void 0 ? void 0 : _b.trim()));
-      case RESULT_STATUS.EXPIRED:
-        return this.renderRetryButton(this.qrCodeExpiredLabel);
-      case RESULT_STATUS.FAILED:
-        return this.renderRetryButton(this.credentialsNotValidatedLabel);
-      case RESULT_STATUS.SUCCESS:
-        return this.renderSuccess();
-      case RESULT_STATUS.READ:
-        return this.qrShortenPending || !((_c = this.qrHref) === null || _c === void 0 ? void 0 : _c.trim())
-          ? this.renderQrLoadingSlot()
-          : this.renderReadQR({
-            title: this === null || this === void 0 ? void 0 : this.readQrTitle,
-            description: this === null || this === void 0 ? void 0 : this.readQrDescription
-          });
-    }
-  }
-  renderSuccess() {
-    return h(Success, { modalHeight: this === null || this === void 0 ? void 0 : this.modalHeight, successLoginLabel: this === null || this === void 0 ? void 0 : this.successLoginLabel });
-  }
-  renderRetryButton(errorMessage) {
-    return (h(RetryButton, { errorMessage: errorMessage, modalWidth: this === null || this === void 0 ? void 0 : this.modalWidth, clickInsideBoxLabel: this === null || this === void 0 ? void 0 : this.clickInsideBoxLabel, refreshQrLabel: this === null || this === void 0 ? void 0 : this.refreshQrLabel, scanQrLabel: this === null || this === void 0 ? void 0 : this.scanQrLabel, display: this.display.bind(this) }));
-  }
-  renderReadQR(readQrMessages) {
-    var _a;
-    const linkReady = !!((_a = this.qrHref) === null || _a === void 0 ? void 0 : _a.trim());
-    return (h(ReadQR, { modalWidth: this === null || this === void 0 ? void 0 : this.modalWidth, readQrMessages: readQrMessages, url: this.getLink(), sizeQR: (this === null || this === void 0 ? void 0 : this.qrSize) ? (this === null || this === void 0 ? void 0 : this.qrSize) - 50 : undefined, renderQR: (url, useLogo, size) => this.renderQR(url, useLogo, size, linkReady) }));
-  }
-  renderQR(value, useLogo, sizeQR, linkReady = true) {
-    return h(QR, { value: value, qrType: this.qrType, useLogo: useLogo && this.logoSize !== 0, size: sizeQR || (this === null || this === void 0 ? void 0 : this.qrSize) || undefined, logoSrc: this === null || this === void 0 ? void 0 : this.logoSrc, linkReady: linkReady });
-  }
-  renderQrLoadingSlot() {
-    const s = this.qrSize || 300;
-    return (h("div", { class: "qr-loading-slot", style: {
-        width: s + 'px',
-        height: s + 'px',
-        margin: '0 auto'
-      } }));
-  }
-  render() {
-    var _a, _b;
-    return (h("div", { class: "popUpContainer" }, h("div", { class: `is-visible modal-window ${this.hideModalTexts ? '' : 'large-modal'} ${this.hideModalBoxShadow ? 'noBoxShadow' : ''}`, style: {
-        width: (this.modalWidth - 2).toString() + 'px',
-        height: this.modalHeight ? ((_a = (this.modalHeight - 2)) === null || _a === void 0 ? void 0 : _a.toString()) + 'px' : ''
-      }, onClick: (event) => {
-        event.stopPropagation();
-      } }, h("div", { class: "modal-window__content" }, h("div", { class: `qrTitleContainer ${this.hideModalTexts ? 'hidenText' : ''}` }, h("p", { class: "qrTitle modalText", style: { color: this.modalTitleColor || '#1e1e20' } }, this.qrModalTitle), !this.hideBrandTitle && (h("p", { class: "qrBrand modalText" }, this.byBrandLabel, ' ', h("span", null, h("img", { src: logoGatacaSvg })))), 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 style() { return gatacaQrwsCss; }
-}, [1, "gataca-qrws", {
-    "successCallback": [16],
-    "errorCallback": [16],
-    "qrRole": [1, "qr-role"],
-    "qrType": [1, "qr-type"],
-    "callbackServer": [1, "callback-server"],
-    "socketEndpoint": [1, "socket-endpoint"],
-    "sessionTimeout": [2, "session-timeout"],
-    "wsOnOpen": [16],
-    "wsOnMessage": [16],
-    "autostart": [4],
-    "autorefresh": [4],
-    "v": [1],
-    "qrModalTitle": [1, "qr-modal-title"],
-    "modalTitleColor": [1, "modal-title-color"],
-    "qrModalDescription": [1, "qr-modal-description"],
-    "hideModalTexts": [4, "hide-modal-texts"],
-    "hideModalBoxShadow": [4, "hide-modal-box-shadow"],
-    "hideBrandTitle": [4, "hide-brand-title"],
-    "logoSize": [2, "logo-size"],
-    "logoSrc": [1, "logo-src"],
-    "qrSize": [2, "qr-size"],
-    "modalWidth": [2, "modal-width"],
-    "modalHeight": [2, "modal-height"],
-    "qrCodeExpiredLabel": [1, "qr-code-expired-label"],
-    "credentialsNotValidatedLabel": [1, "credentials-not-validated-label"],
-    "clickInsideBoxLabel": [1, "click-inside-box-label"],
-    "refreshQrLabel": [1, "refresh-qr-label"],
-    "scanQrLabel": [1, "scan-qr-label"],
-    "userNotScanInTimeErrorLabel": [1, "user-not-scan-in-time-error-label"],
-    "credsNotValidatedErrorLabel": [1, "creds-not-validated-error-label"],
-    "failedLoginErrorLabel": [1, "failed-login-error-label"],
-    "successLoginLabel": [1, "success-login-label"],
-    "byBrandLabel": [1, "by-brand-label"],
-    "waitingStartSessionLabel": [1, "waiting-start-session-label"],
-    "readQrTitle": [1, "read-qr-title"],
-    "readQrDescription": [1, "read-qr-description"],
-    "hideQrModalDescription": [4, "hide-qr-modal-description"],
-    "dynamicLink": [4, "dynamic-link"],
-    "sessionId": [32],
-    "authenticationRequest": [32],
-    "sessionData": [32],
-    "result": [32],
-    "qrHref": [32],
-    "qrShortenPending": [32],
-    "display": [64],
-    "stop": [64],
-    "getSessionData": [64]
-  }, [[2, "sessionMsg", "sessionMsgReceived"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["gataca-qrws", "gataca-qrdisplay"];
-  components.forEach(tagName => { switch (tagName) {
-    case "gataca-qrws":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, GatacaQRWS);
-      }
-      break;
-    case "gataca-qrdisplay":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-
-export { GatacaQRWS as G, defineCustomElement as d };

package/dist/components/gataca-ssibutton.js

@@ -1,6 +0,0 @@
-import { G as GatacaSSIButton, d as defineCustomElement$1 } from './gataca-ssibutton2.js';
-
-const GatacaSsibutton = GatacaSSIButton;
-const defineCustomElement = defineCustomElement$1;
-
-export { GatacaSsibutton, defineCustomElement };

package/dist/components/gataca-ssibuttonws.js

@@ -1,6 +0,0 @@
-import { G as GatacaSSIButtonWS, d as defineCustomElement$1 } from './gataca-ssibuttonws2.js';
-
-const GatacaSsibuttonws = GatacaSSIButtonWS;
-const defineCustomElement = defineCustomElement$1;
-
-export { GatacaSsibuttonws, defineCustomElement };

package/dist/components/gataca-ssibuttonws2.js

@@ -1,104 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './gataca-qrdisplay2.js';
-import { d as defineCustomElement$1 } from './gataca-qrws2.js';
-
-const gatacaSsibuttonwsCss = "@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=';
-const GatacaSSIButtonWS = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.gatacaLoginCompleted = createEvent(this, "gatacaLoginCompleted", 7);
-    this.gatacaLoginFailed = createEvent(this, "gatacaLoginFailed", 7);
-    this.buttonText = 'Easy login';
-    this.successCallback = undefined;
-    this.errorCallback = undefined;
-    this.qrType = 'svg';
-    this.qrRole = undefined;
-    this.callbackServer = undefined;
-    this.socketEndpoint = undefined;
-    this.sessionTimeout = undefined;
-    this.wsOnOpen = undefined;
-    this.wsOnMessage = undefined;
-    this.autostart = true;
-    this.autorefresh = false;
-    this.v = '3';
-    this.qrModalTitle = 'Quick Access';
-    this.qrModalDescription = 'Sign up or sign in by scanning the QR Code with the Gataca Wallet';
-    this.hideBrandTitle = false;
-    this.dynamicLink = true;
-    this.open = false;
-    this.qr = (h("gataca-qrws", { wsOnMessage: this.wsOnMessage, wsOnOpen: this.wsOnOpen, successCallback: this.successCallback, errorCallback: this.errorCallback, qrRole: this.qrRole, qrType: this.qrType, callbackServer: this.callbackServer, sessionTimeout: this.sessionTimeout, socketEndpoint: this.socketEndpoint, autostart: true, autorefresh: this.autorefresh, v: this.v, qrModalTitle: this.qrModalTitle, qrModalDescription: this.qrModalDescription, hideBrandTitle: this.hideBrandTitle, dynamicLink: this.dynamicLink }));
-  }
-  /**
-   * Retrieve manually the session data on a successful login
-   */
-  async getSessionData() {
-    return this.qr.getSessionData();
-  }
-  renderModal() {
-    return this.qr;
-  }
-  renderButton() {
-    return (h("div", { class: "gatacaButtonWrapper" }, h("button", { class: "gatacaButton", onClick: () => {
-        this.open = !this.open;
-        if (this.open) {
-          this.qr.display();
-        }
-        else {
-          this.qr.stop();
-        }
-      } }, h("img", { src: PHONE_ICON, class: "buttonImg", alt: this.buttonText }), h("span", null, this.buttonText))));
-  }
-  render() {
-    return (h("div", { class: "buttonContainer" }, this.renderButton(), this.open && this.renderModal()));
-  }
-  static get style() { return gatacaSsibuttonwsCss; }
-}, [1, "gataca-ssibuttonws", {
-    "buttonText": [1, "button-text"],
-    "successCallback": [16],
-    "errorCallback": [16],
-    "qrType": [1, "qr-type"],
-    "qrRole": [1, "qr-role"],
-    "callbackServer": [1, "callback-server"],
-    "socketEndpoint": [1, "socket-endpoint"],
-    "sessionTimeout": [2, "session-timeout"],
-    "wsOnOpen": [16],
-    "wsOnMessage": [16],
-    "autostart": [4],
-    "autorefresh": [4],
-    "v": [1],
-    "qrModalTitle": [1, "qr-modal-title"],
-    "qrModalDescription": [1, "qr-modal-description"],
-    "hideBrandTitle": [4, "hide-brand-title"],
-    "dynamicLink": [4, "dynamic-link"],
-    "open": [32],
-    "getSessionData": [64]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["gataca-ssibuttonws", "gataca-qrdisplay", "gataca-qrws"];
-  components.forEach(tagName => { switch (tagName) {
-    case "gataca-ssibuttonws":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, GatacaSSIButtonWS);
-      }
-      break;
-    case "gataca-qrdisplay":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "gataca-qrws":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-
-export { GatacaSSIButtonWS as G, defineCustomElement as d };

package/dist/components/index.js

@@ -1,8 +0,0 @@
-export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
-export { R as RESULT_STATUS, b as base64UrlEncode, c as checkMobile, s as shortenUrlIfPossible } from './gat-icon-check.js';
-export { GatacaAutoqr, defineCustomElement as defineCustomElementGatacaAutoqr } from './gataca-autoqr.js';
-export { GatacaQr, defineCustomElement as defineCustomElementGatacaQr } from './gataca-qr.js';
-export { GatacaQrdisplay, defineCustomElement as defineCustomElementGatacaQrdisplay } from './gataca-qrdisplay.js';
-export { GatacaQrws, defineCustomElement as defineCustomElementGatacaQrws } from './gataca-qrws.js';
-export { GatacaSsibutton, defineCustomElement as defineCustomElementGatacaSsibutton } from './gataca-ssibutton.js';
-export { GatacaSsibuttonws, defineCustomElement as defineCustomElementGatacaSsibuttonws } from './gataca-ssibuttonws.js';