@gataca/qr 2.0.0

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

@@ -0,0 +1,171 @@
+import { r as registerInstance, c as createEvent, h } from './index-19eef502.js';
+import { g as gatIconCheckSvg, a as gatIconRefreshSvg, b as gatIconAlertSvg, l as logoGatacaSvg } from './gat-icon-refresh-179ea123.js';
+import './qr-code-styling-0eeb38d5.js';
+import { R as RESULT_STATUS, c as checkMobile, b as base64UrlEncode } from './utils-05ba6c9f.js';
+
+const gatacaQrCss = "@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 .modal-window{position:relative;border-radius:6px;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;width:300px;min-height:408px;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 p{font-family:\"Work Sans\", \"Helvetica Neue\", sans-serif;font-weight:normal;font-size:12px;letter-spacing:1px;color:#181B5E}.popUpContainer .modal-window .qrTitleContainer{padding:24px;padding-bottom:0px}.popUpContainer .modal-window .qrTitle{font-size:20px;font-weight:600;line-height:23.5px}.popUpContainer .modal-window .qrDescription{font-weight:400;font-size:14px;line-height:16.5px;padding-top:12px;padding-bottom:5px;color:#A1A1A1}.popUpContainer .modal-window .bold{font-weight:600}.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 .reload{height:252px;width:252px;border:1px dashed #A1A1A1;border-radius:12px;position:relative;margin:24px;display:flex;justify-content:center;align-items:center}.popUpContainer #qrwait{display:flex;justify-content:center}.popUpContainer #qrwait,.popUpContainer #notify{width:100%;height:100%;top:0;left:0;border-radius:20px}.popUpContainer #notify{z-index:10;background-color:gray;position:absolute;justify-self:center;justify-items:center;justify-content:center;align-items:center;align-content:center;align-self:center;display:flex;flex-direction:column;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background:rgba(255, 255, 255, 0.9);}.popUpContainer .notify-text{font-family:\"Work Sans\";font-style:normal;font-weight:400;font-size:14px;line-height:16px;text-align:center;font-feature-settings:\"salt\" on;color:#8B8B8B;flex:none;order:1;align-self:stretch;flex-grow:0}.popUpContainer .alert{display:flex;flex-direction:row;align-items:center;justify-content:start;width:252px;position:absolute;bottom:0;background:#FFE5E5;border-radius:12px}.popUpContainer .alert img{margin:12px}.popUpContainer .alert p{font-weight:400;font-size:14px;line-height:16px;color:black}.popUpContainer .success{display:flex;height:300px;flex-direction:column;justify-content:center;align-items:center;padding:0px}.popUpContainer .success .successMsg{margin-top:20px;font-size:20px;font-weight:600;line-height:23.5px}.popUpContainer .is-visible{opacity:1;visibility:visible}.is-transparent{opacity:0}";
+
+const DEEP_LINK_PREFIX = "https://gataca.page.link/?apn=com.gatacaapp&ibi=com.gataca.wallet&link=";
+//Default values
+const DEFAULT_SESSION_TIMEOUT = 300; //5mins as in connect
+const DEFAULT_POLLING_FREQ = 3;
+const QR_ROLE_CONNECT = "connect";
+const FUNCTION_ROLES = {
+  connect: "scan",
+  certify: "credential",
+};
+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.qrRole = undefined; this.callbackServer = undefined; this.autostart = true; this.autorefresh = false; this.v2 = false; this.qrModalTitle = "Quick Access"; this.qrModalDescription = "Sign up or sign in by scanning the QR Code with the Gataca Wallet"; this.hideBrandTitle = 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();
+  }
+  async componentDidLoad() {
+    if (this.autostart) {
+      await this.display();
+    }
+  }
+  /**
+   * Force manually the display of a QR
+   */
+  async display() {
+    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.display();
+      }
+      else {
+        if (err !== RESULT_STATUS.NOT_STARTED) {
+          let error = expired
+            ? new Error("User did not scan the QR in the alloted time")
+            : new Error("Provided user credentials couldn't be validated");
+          this.result = err;
+          this.gatacaLoginFailed.emit(error);
+          this.errorCallback(error);
+        }
+      }
+    });
+    if (checkMobile() && this.dynamicLink) {
+      window.location.href = this.getLink();
+    }
+  }
+  /**
+   * Stop manually an ongoing session
+   */
+  async stop() {
+    this.clean();
+    if (this.result === RESULT_STATUS.ONGOING) {
+      this.result = RESULT_STATUS.NOT_STARTED;
+    }
+  }
+  clean() {
+    this.sessionData = undefined;
+    this.sessionId = undefined;
+  }
+  /**
+   * 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"));
+  }
+  async getSessionId() {
+    if (this.sessionId) {
+      return this.sessionId;
+    }
+    let { sessionId, authenticationRequest } = await this.createSession();
+    this.sessionId = sessionId;
+    this.authenticationRequest = authenticationRequest;
+    return this.sessionId;
+  }
+  getLink() {
+    if (this.v2 && this.qrRole == QR_ROLE_CONNECT) {
+      return this.authenticationRequest;
+    }
+    let op = FUNCTION_ROLES[this.qrRole];
+    let link = "https://gataca.page.link/" + op + "?";
+    link +=
+      this.qrRole === QR_ROLE_CONNECT
+        ? "session=" + this.sessionId
+        : "process=" + this.sessionId;
+    link +=
+      "&callback=" + base64UrlEncode(encodeURIComponent(this.callbackServer));
+    link = encodeURIComponent(link);
+    return this.dynamicLink ? DEEP_LINK_PREFIX + link : link;
+  }
+  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.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);
+  }
+  renderQRSection() {
+    switch (this.result) {
+      case RESULT_STATUS.NOT_STARTED:
+        return this.renderRetryButton();
+      case RESULT_STATUS.ONGOING:
+        return this.renderQR(this.getLink(), 300, true);
+      case RESULT_STATUS.EXPIRED:
+        return this.renderRetryButton("QR Code expired");
+      case RESULT_STATUS.FAILED:
+        return this.renderRetryButton("User credentials not validated");
+      case RESULT_STATUS.SUCCESS:
+        return this.renderSuccess();
+    }
+  }
+  renderSuccess() {
+    return (h("div", { class: "success" }, h("img", { src: gatIconCheckSvg, height: 52, width: 52 }), h("p", { class: "successMsg" }, "Successful Connection!")));
+  }
+  renderRetryButton(errorMessage) {
+    return (h("div", { class: "reload" }, h("div", { id: "notify", onClick: () => this.display() }, h("img", { src: gatIconRefreshSvg, height: 24, width: 24 }), h("p", { class: "qrDescription" }, "Click inside the box to "), errorMessage ? (h("p", { class: "qrDescription bold" }, "Refresh QR Code")) : (h("p", { class: "qrDescription bold" }, "Scan QR Code")), errorMessage && (h("div", { class: "alert" }, h("img", { src: gatIconAlertSvg, height: 24, width: 24 }), h("p", null, errorMessage)))), h("div", { id: "qrwait" }, this.renderQR("waiting to start a session", 250))));
+  }
+  renderQR(value, size, useLogo) {
+    return (h("gataca-qrdisplay", { qrData: value, rounded: true, size: size, "logo-size": useLogo ? 0.33 : 0 }));
+  }
+  render() {
+    return (h("div", { class: "popUpContainer" }, h("div", { class: "modal-window is-visible", onClick: (event) => {
+        event.stopPropagation();
+      } }, h("div", { class: "modal-window__content" }, h("div", { class: "qrTitleContainer" }, h("p", { class: "qrTitle" }, this.qrModalTitle), !this.hideBrandTitle && (h("p", { class: "qrBrand" }, "by Gataca", " ", h("span", null, h("img", { src: logoGatacaSvg })))), this.result !== RESULT_STATUS.SUCCESS && (h("p", { class: "qrDescription" }, this.qrModalDescription))), h("div", { class: "qrSection" }, this.renderQRSection())))));
+  }
+};
+GatacaQR.style = gatacaQrCss;
+
+export { GatacaQR as gataca_qr };

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

@@ -0,0 +1,214 @@
+import { r as registerInstance, h, c as createEvent } from './index-19eef502.js';
+import { Q as QRCodeStyling } from './qr-code-styling-0eeb38d5.js';
+import { l as logoGatacaSvg, g as gatIconCheckSvg, a as gatIconRefreshSvg, b as gatIconAlertSvg } from './gat-icon-refresh-179ea123.js';
+import { R as RESULT_STATUS, c as checkMobile, b as base64UrlEncode } from './utils-05ba6c9f.js';
+
+const GatacaQRDisplay = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.qrData = undefined;
+    this.size = 256;
+    this.logoSize = 0;
+    this.logoSrc = undefined;
+    this.qrColor = "#181B5E";
+    this.rounded = true;
+  }
+  componentDidLoad() {
+    const qrCode = new QRCodeStyling({
+      data: this.qrData,
+      width: this.size,
+      height: this.size,
+      image: this.logoSize > 0 ? this.logoSrc || logoGatacaSvg : undefined,
+      margin: 10,
+      type: "svg",
+      dotsOptions: {
+        color: this.qrColor,
+        type: this.rounded ? "dots" : "square",
+      },
+      cornersSquareOptions: {
+        type: this.rounded ? "extra-rounded" : "square",
+      },
+      cornersDotOptions: {
+        type: this.rounded ? "dot" : "square",
+      },
+      imageOptions: {
+        margin: 2,
+        imageSize: this.logoSize,
+      },
+    });
+    qrCode.append(this.qr);
+  }
+  render() {
+    return (h("div", { ref: (el) => {
+        this.qr = el;
+      } }));
+  }
+};
+
+const gatacaQrwsCss = "@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 .modal-window{position:relative;border-radius:6px;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;width:300px;min-height:408px;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 p{font-family:\"Work Sans\", \"Helvetica Neue\", sans-serif;font-weight:normal;font-size:12px;letter-spacing:1px;color:#181B5E}.popUpContainer .modal-window .qrTitleContainer{padding:24px;padding-bottom:0px}.popUpContainer .modal-window .qrTitle{font-size:20px;font-weight:600;line-height:23.5px}.popUpContainer .modal-window .qrDescription{font-weight:400;font-size:14px;line-height:16.5px;padding-top:12px;padding-bottom:5px;color:#A1A1A1}.popUpContainer .modal-window .bold{font-weight:600}.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 .reload{height:252px;width:252px;border:1px dashed #A1A1A1;border-radius:12px;position:relative;margin:24px;display:flex;justify-content:center;align-items:center}.popUpContainer #qrwait{display:flex;justify-content:center}.popUpContainer #qrwait,.popUpContainer #notify{width:100%;height:100%;top:0;left:0;border-radius:20px}.popUpContainer #notify{z-index:10;background-color:gray;position:absolute;justify-self:center;justify-items:center;justify-content:center;align-items:center;align-content:center;align-self:center;display:flex;flex-direction:column;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background:rgba(255, 255, 255, 0.9);}.popUpContainer .notify-text{font-family:\"Work Sans\";font-style:normal;font-weight:400;font-size:14px;line-height:16px;text-align:center;font-feature-settings:\"salt\" on;color:#8B8B8B;flex:none;order:1;align-self:stretch;flex-grow:0}.popUpContainer .alert{display:flex;flex-direction:row;align-items:center;justify-content:start;width:252px;position:absolute;bottom:0;background:#FFE5E5;border-radius:12px}.popUpContainer .alert img{margin:12px}.popUpContainer .alert p{font-weight:400;font-size:14px;line-height:16px;color:black}.popUpContainer .success{display:flex;height:300px;flex-direction:column;justify-content:center;align-items:center;padding:0px}.popUpContainer .success .successMsg{margin-top:20px;font-size:20px;font-weight:600;line-height:23.5px}.popUpContainer .is-visible{opacity:1;visibility:visible}.is-transparent{opacity:0}";
+
+const DEEP_LINK_PREFIX = "https://gataca.page.link/?apn=com.gatacaapp&ibi=com.gataca.wallet&link=";
+const DEFAULT_SESSION_TIMEOUT = 300;
+const QR_ROLE_CONNECT = "connect";
+const FUNCTION_ROLES = {
+  connect: "scan",
+  certify: "credential",
+};
+const GatacaQRWS = class {
+  constructor(hostRef) { registerInstance(this, hostRef); this.gatacaLoginCompleted = createEvent(this, "gatacaLoginCompleted", 7); this.gatacaLoginFailed = createEvent(this, "gatacaLoginFailed", 7); this.successCallback = undefined; this.errorCallback = undefined; this.qrRole = undefined; this.callbackServer = undefined; this.socketEndpoint = undefined; this.sessionTimeout = DEFAULT_SESSION_TIMEOUT; this.wsOnOpen = undefined; this.wsOnMessage = undefined; this.autostart = true; this.autorefresh = false; this.v2 = false; 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.sessionId = undefined; this.authenticationRequest = undefined; this.sessionData = undefined; this.result = RESULT_STATUS.NOT_STARTED; }
+  disconnectedCallback() {
+    this.stop();
+  }
+  async componentDidLoad() {
+    if (this.autostart) {
+      await this.display();
+    }
+  }
+  /**
+   * Force manually the display of a QR
+   */
+  async display() {
+    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) {
+        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:
+        this.sessionId = wsresp.sessionId;
+        this.authenticationRequest = wsresp.authenticationRequest;
+        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.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"));
+  }
+  getLink() {
+    if (this.v2 && this.qrRole == QR_ROLE_CONNECT) {
+      return this.authenticationRequest;
+    }
+    let op = FUNCTION_ROLES[this.qrRole];
+    let link = "https://gataca.page.link/" + op + "?";
+    link +=
+      this.qrRole === QR_ROLE_CONNECT
+        ? "session=" + this.sessionId
+        : "process=" + this.sessionId;
+    link +=
+      "&callback=" + base64UrlEncode(encodeURIComponent(this.callbackServer));
+    link = encodeURIComponent(link);
+    return this.dynamicLink ? DEEP_LINK_PREFIX + link : link;
+  }
+  renderQRSection() {
+    switch (this.result) {
+      case RESULT_STATUS.NOT_STARTED:
+        return this.renderRetryButton();
+      case RESULT_STATUS.ONGOING:
+        return this.renderQR(this.getLink(), 300, true);
+      case RESULT_STATUS.EXPIRED:
+        return this.renderRetryButton("QR Code expired");
+      case RESULT_STATUS.FAILED:
+        return this.renderRetryButton("User credentials not validated");
+      case RESULT_STATUS.SUCCESS:
+        return this.renderSuccess();
+    }
+  }
+  renderSuccess() {
+    return (h("div", { class: "success" }, h("img", { src: gatIconCheckSvg, height: 52, width: 52 }), h("p", { class: "successMsg" }, "Successful Connection!")));
+  }
+  renderRetryButton(errorMessage) {
+    return (h("div", { class: "reload" }, h("div", { id: "notify", onClick: () => this.display() }, h("img", { src: gatIconRefreshSvg, height: 24, width: 24 }), h("p", { class: "qrDescription" }, "Click inside the box to "), errorMessage ? (h("p", { class: "qrDescription bold" }, "Refresh QR Code")) : (h("p", { class: "qrDescription bold" }, "Scan QR Code")), errorMessage && (h("div", { class: "alert" }, h("img", { src: gatIconAlertSvg, height: 24, width: 24 }), h("p", null, errorMessage)))), h("div", { id: "qrwait" }, this.renderQR("waiting to start a session", 250))));
+  }
+  renderQR(value, size, useLogo) {
+    return (h("gataca-qrdisplay", { qrData: value, rounded: true, size: size, "logo-size": useLogo ? 0.33 : 0 }));
+  }
+  render() {
+    return (h("div", { class: "popUpContainer" }, h("div", { class: "modal-window is-visible", onClick: (event) => {
+        event.stopPropagation();
+      } }, h("div", { class: "modal-window__content" }, h("div", { class: "qrTitleContainer" }, h("p", { class: "qrTitle" }, this.qrModalTitle), !this.hideBrandTitle && (h("p", { class: "qrBrand" }, "by Gataca", " ", h("span", null, h("img", { src: logoGatacaSvg })))), this.result !== RESULT_STATUS.SUCCESS && (h("p", { class: "qrDescription" }, this.qrModalDescription))), h("div", { class: "qrSection" }, this.renderQRSection())))));
+  }
+};
+GatacaQRWS.style = gatacaQrwsCss;
+
+export { GatacaQRDisplay as gataca_qrdisplay, GatacaQRWS as gataca_qrws };

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

@@ -0,0 +1,109 @@
+import { r as registerInstance, c as createEvent, h } from './index-19eef502.js';
+import './qr-code-styling-0eeb38d5.js';
+
+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$1 = "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 GatacaSSIButton = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.gatacaLoginCompleted = createEvent(this, "gatacaLoginCompleted", 7);
+    this.gatacaLoginFailed = createEvent(this, "gatacaLoginFailed", 7);
+    this.buttonText = "Easy login";
+    this.checkStatus = undefined;
+    this.createSession = undefined;
+    this.successCallback = undefined;
+    this.errorCallback = undefined;
+    this.qrRole = undefined;
+    this.callbackServer = undefined;
+    this.sessionTimeout = undefined;
+    this.pollingFrequency = undefined;
+    this.autorefresh = false;
+    this.v2 = false;
+    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-qr", { 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: true, autorefresh: this.autorefresh, v2: this.v2, 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$1, class: "buttonImg", alt: this.buttonText }), h("span", null, this.buttonText))));
+  }
+  render() {
+    return (h("div", { class: "buttonContainer" }, this.renderButton(), this.open && this.renderModal()));
+  }
+};
+GatacaSSIButton.style = gatacaSsibuttonCss;
+
+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 = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.gatacaLoginCompleted = createEvent(this, "gatacaLoginCompleted", 7);
+    this.gatacaLoginFailed = createEvent(this, "gatacaLoginFailed", 7);
+    this.buttonText = "Easy login";
+    this.successCallback = undefined;
+    this.errorCallback = undefined;
+    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.v2 = false;
+    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, callbackServer: this.callbackServer, sessionTimeout: this.sessionTimeout, socketEndpoint: this.socketEndpoint, autostart: true, autorefresh: this.autorefresh, v2: this.v2, 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()));
+  }
+};
+GatacaSSIButtonWS.style = gatacaSsibuttonwsCss;
+
+export { GatacaSSIButton as gataca_ssibutton, GatacaSSIButtonWS as gataca_ssibuttonws };

package/dist/esm/gatacaqr.js

@@ -0,0 +1,17 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-19eef502.js';
+
+/*
+ Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = import.meta.url;
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return bootstrapLazy([["gataca-qrdisplay_2",[[1,"gataca-qrws",{"successCallback":[16],"errorCallback":[16],"qrRole":[1,"qr-role"],"callbackServer":[1,"callback-server"],"socketEndpoint":[1,"socket-endpoint"],"sessionTimeout":[2,"session-timeout"],"wsOnOpen":[16],"wsOnMessage":[16],"autostart":[4],"autorefresh":[4],"v2":[4,"v-2"],"qrModalTitle":[1,"qr-modal-title"],"qrModalDescription":[1,"qr-modal-description"],"hideBrandTitle":[4,"hide-brand-title"],"dynamicLink":[4,"dynamic-link"],"sessionId":[32],"authenticationRequest":[32],"sessionData":[32],"result":[32],"display":[64],"stop":[64],"getSessionData":[64]},[[2,"sessionMsg","sessionMsgReceived"]]],[0,"gataca-qrdisplay",{"qrData":[1,"qr-data"],"size":[2],"logoSize":[2,"logo-size"],"logoSrc":[1,"logo-src"],"qrColor":[1,"qr-color"],"rounded":[4]}]]],["gataca-qr",[[1,"gataca-qr",{"checkStatus":[16],"createSession":[16],"successCallback":[16],"errorCallback":[16],"qrRole":[1,"qr-role"],"callbackServer":[1,"callback-server"],"autostart":[4],"autorefresh":[4],"v2":[4,"v-2"],"qrModalTitle":[1,"qr-modal-title"],"qrModalDescription":[1,"qr-modal-description"],"hideBrandTitle":[4,"hide-brand-title"],"sessionTimeout":[2,"session-timeout"],"pollingFrequency":[2,"polling-frequency"],"dynamicLink":[4,"dynamic-link"],"sessionId":[32],"authenticationRequest":[32],"sessionData":[32],"result":[32],"display":[64],"stop":[64],"getSessionData":[64]}]]],["gataca-ssibutton_2",[[1,"gataca-ssibutton",{"buttonText":[1,"button-text"],"checkStatus":[16],"createSession":[16],"successCallback":[16],"errorCallback":[16],"qrRole":[1,"qr-role"],"callbackServer":[1,"callback-server"],"sessionTimeout":[2,"session-timeout"],"pollingFrequency":[2,"polling-frequency"],"autorefresh":[4],"v2":[4,"v-2"],"qrModalTitle":[1,"qr-modal-title"],"qrModalDescription":[1,"qr-modal-description"],"hideBrandTitle":[4,"hide-brand-title"],"dynamicLink":[4,"dynamic-link"],"open":[32],"getSessionData":[64]}],[1,"gataca-ssibuttonws",{"buttonText":[1,"button-text"],"successCallback":[16],"errorCallback":[16],"qrRole":[1,"qr-role"],"callbackServer":[1,"callback-server"],"socketEndpoint":[1,"socket-endpoint"],"sessionTimeout":[2,"session-timeout"],"wsOnOpen":[16],"wsOnMessage":[16],"autostart":[4],"autorefresh":[4],"v2":[4,"v-2"],"qrModalTitle":[1,"qr-modal-title"],"qrModalDescription":[1,"qr-modal-description"],"hideBrandTitle":[4,"hide-brand-title"],"dynamicLink":[4,"dynamic-link"],"open":[32],"getSessionData":[64]}]]],["gataca-autoqr",[[1,"gataca-autoqr",{"configId":[1,"config-id"],"configRepository":[1,"config-repository"],"successCallback":[16],"errorCallback":[16],"checkStatus":[16],"createSession":[16],"wsOnOpen":[16],"wsOnMessage":[16],"config":[32],"loading":[32],"getSessionData":[64]}]]]], options);
+});