@gataca/qr 0.0.19 → 0.0.21

package/dist/cjs/gataca-qr_2.cjs.entry.js

@@ -1,318 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-8638645b.js');
-const gatIconAlert = require('./gat-icon-alert-0ad19b26.js');
-const qrCodeStyling = require('./qr-code-styling-412bbc7a.js');
-const utils = require('./utils-ef28b844.js');
-
-const GatacaQRDisplay = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.qrId = undefined;
-    this.qrData = undefined;
-    this.size = 256;
-    this.logoSize = 0;
-    this.logoSrc = undefined;
-    this.qrColor = "#1E1E20";
-    this.rounded = true;
-  }
-  componentDidLoad() {
-    const qrCode = new qrCodeStyling.QRCodeStyling({
-      data: this.qrData,
-      width: this.size,
-      height: this.size,
-      image: this.logoSize > 0 ? this.logoSrc || gatIconAlert.logoGatacaSvg : undefined,
-      margin: 10,
-      type: "canvas",
-      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,
-      },
-    });
-    this.qr.id = this.qrId;
-    qrCode.append(this.qr);
-  }
-  render() {
-    return (index.h("div", {
-      // id={this.qrId}
-      ref: (el) => {
-        this.qr = el;
-      }
-    }));
-  }
-};
-
-const Success = (props) => {
-  const { modalHeight, successLoginLabel } = props;
-  return (index.h("div", { class: "success", style: {
-      height: modalHeight ? (modalHeight === null || modalHeight === void 0 ? void 0 : modalHeight.toString()) + "px" : "300px",
-    } },
-    index.h("img", { src: gatIconAlert.gatIconCheckSvg, height: 52, width: 52 }),
-    index.h("p", { class: "successMsg" }, successLoginLabel)));
-};
-
-const RetryButton = (props) => {
-  var _a;
-  const { errorMessage, modalWidth, clickInsideBoxLabel, refreshQrLabel, scanQrLabel, waitingStartSessionLabel, display, renderRetryQR, } = props;
-  return (index.h("div", { class: "reload", style: {
-      width: (modalWidth - 48).toString() + "px",
-      height: modalWidth ? ((_a = (modalWidth - 48)) === null || _a === void 0 ? void 0 : _a.toString()) + "px" : "",
-    } },
-    index.h("div", { id: "notify", onClick: () => display() },
-      index.h("img", { src: gatIconAlert.gatIconRefreshSvg, height: 24, width: 24 }),
-      index.h("p", { class: "notify-text" },
-        clickInsideBoxLabel,
-        " "),
-      errorMessage ? (index.h("p", { class: "notify-text bold" }, refreshQrLabel)) : (index.h("p", { class: "notify-text bold" }, scanQrLabel)),
-      errorMessage && (index.h("div", { class: "alert", style: {
-          width: (modalWidth - 48).toString() + "px",
-        } },
-        index.h("img", { src: gatIconAlert.gatIconAlertSvg, height: 24, width: 24 }),
-        index.h("p", null, errorMessage)))),
-    index.h("div", { id: "qrwait" }, renderRetryQR(waitingStartSessionLabel))));
-};
-
-const AnimatedLoader = () => {
-  return (index.h("div", { class: "containerLoader" },
-    index.h("div", { class: "loader" },
-      index.h("div", { class: "loader__item loader__item__1" }),
-      index.h("div", { class: "loader__item loader__item__2" }),
-      index.h("div", { class: "loader__item loader__item__3" }),
-      index.h("div", { class: "loader__item loader__item__4" }),
-      index.h("div", { class: "loader__item loader__item__5" }),
-      index.h("div", { class: "loader__item loader__item__6" }),
-      index.h("div", { class: "loader__item loader__item__7" }),
-      index.h("div", { class: "loader__item loader__item__8" }))));
-};
-
-const ReadQR = (props) => {
-  var _a;
-  const { modalWidth, readQrMessages } = props;
-  return (index.h("div", { class: "blured", style: {
-      width: (modalWidth - 48).toString() + "px",
-      height: modalWidth ? ((_a = (modalWidth - 48)) === null || _a === void 0 ? void 0 : _a.toString()) + "px" : "",
-    } },
-    index.h("div", { id: "notify" },
-      index.h(AnimatedLoader, null),
-      index.h("p", { class: "notify-text" }, readQrMessages === null || readQrMessages === void 0 ? void 0 :
-        readQrMessages.title,
-        " "),
-      index.h("p", { class: "notify-text bold" }, readQrMessages === null || readQrMessages === void 0 ? void 0 : readQrMessages.description)),
-    index.h("div", { id: "qrwait" })));
-};
-
-const QR = (props) => {
-  const { value, useLogo, logoSrc, size, qrId } = props;
-  return (index.h("gataca-qrdisplay", { id: qrId, qrData: value, rounded: true, size: size, "logo-size": useLogo ? 0.33 : 0, "logo-src": logoSrc }));
-};
-
-const gatacaQrCss = "@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}#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";
-//Default values
-const DEFAULT_SESSION_TIMEOUT = 300; //5mins as in connect
-const DEFAULT_POLLING_FREQ = 3;
-const GatacaQR = class {
-  constructor(hostRef) { index.registerInstance(this, hostRef); this.gatacaLoginCompleted = index.createEvent(this, "gatacaLoginCompleted", 7); this.gatacaLoginFailed = index.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 = gatIconAlert.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 = utils.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 = utils.RESULT_STATUS.ONGOING;
-    console.log("display0", "this.result", this.result);
-    index.forceUpdate(this);
-    console.log("display1", "this.result", this.result);
-    this.poll()
-      .then((data) => {
-      this.result = utils.RESULT_STATUS.SUCCESS;
-      console.log("display2", "this.result", this.result);
-      index.forceUpdate(this);
-      console.log("display3", "this.result", this.result);
-      this.sessionData = data;
-      this.gatacaLoginCompleted.emit(data);
-      this.successCallback(data);
-    })
-      .catch((err) => {
-      this.clean();
-      let expired = err === utils.RESULT_STATUS.EXPIRED;
-      if (expired && this.autorefresh) {
-        this.display();
-      }
-      else {
-        if (err !== utils.RESULT_STATUS.NOT_STARTED) {
-          let error = expired
-            ? new Error(this.userNotScanInTimeErrorLabel)
-            : new Error(this.credsNotValidatedErrorLabel);
-          this.result = err;
-          console.log("display4", "this.result", this.result);
-          index.forceUpdate(this);
-          console.log("display5", "this.result", this.result);
-          this.gatacaLoginFailed.emit(error);
-          this.errorCallback(error);
-        }
-      }
-    });
-    if (utils.checkMobile() && this.dynamicLink) {
-      window.location.href = this.getLink();
-    }
-  }
-  /**
-   * Stop manually an ongoing session
-   */
-  async stop() {
-    this.clean();
-    if (this.result === utils.RESULT_STATUS.ONGOING || utils.RESULT_STATUS.READ) {
-      this.result = utils.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(this.failedLoginErrorLabel));
-  }
-  async getSessionId() {
-    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);
-      this.sessionId = sessionId;
-      this.authenticationRequest = authenticationRequest;
-    }
-    // console.log("333 getSessionId", "this.sessionId", this.sessionId);
-    return this.sessionId;
-  }
-  getLink() {
-    if (this.v === "2") {
-      return this.authenticationRequest;
-    }
-    const authRequestEncoded = "?dl=" + utils.base64UrlEncode(this.authenticationRequest);
-    return DEEP_LINK_PREFIX + authRequestEncoded;
-  }
-  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 === utils.RESULT_STATUS.NOT_STARTED) {
-        return { result: utils.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 utils.RESULT_STATUS.SUCCESS:
-          resolve(data);
-          break;
-        case utils.RESULT_STATUS.READ:
-          component.result = utils.RESULT_STATUS.READ;
-        case utils.RESULT_STATUS.ONGOING:
-          if (component.sessionTimeout > 0 && new Date().getTime() < endTime) {
-            setTimeout(checkCondition, interval, resolve, reject);
-          }
-          else {
-            reject(utils.RESULT_STATUS.EXPIRED);
-          }
-          break;
-        default:
-          reject(result);
-          break;
-      }
-    };
-    return new Promise(checkCondition);
-  }
-  renderQRSection() {
-    console.log("renderQRSection", "this.result", this.result);
-    switch (this.result) {
-      case utils.RESULT_STATUS.NOT_STARTED:
-        return this.renderRetryButton();
-      case utils.RESULT_STATUS.ONGOING:
-        return this.renderQR(this.getLink(), true);
-      case utils.RESULT_STATUS.EXPIRED:
-        return this.renderRetryButton(this.qrCodeExpiredLabel);
-      case utils.RESULT_STATUS.FAILED:
-        return this.renderRetryButton(this.credentialsNotValidatedLabel);
-      case utils.RESULT_STATUS.SUCCESS:
-        return this.renderSuccess();
-      case utils.RESULT_STATUS.READ:
-        return this.renderReadQR({
-          title: this === null || this === void 0 ? void 0 : this.readQrTitle,
-          description: this === null || this === void 0 ? void 0 : this.readQrDescription,
-        });
-    }
-  }
-  renderSuccess() {
-    console.log("renderSuccess", "this.result", this.result);
-    return (index.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 (index.h(RetryButton, { errorMessage: errorMessage, modalWidth: this === null || this === void 0 ? void 0 : this.modalWidth, clickInsideBoxLabel: this === null || this === void 0 ? void 0 : this.clickInsideBoxLabel, refreshQrLabel: this === null || this === void 0 ? void 0 : this.refreshQrLabel, scanQrLabel: this === null || this === void 0 ? void 0 : this.scanQrLabel, waitingStartSessionLabel: this === null || this === void 0 ? void 0 : this.waitingStartSessionLabel, display: this.display.bind(this), renderRetryQR: this.renderRetryQR.bind(this) }));
-  }
-  renderReadQR(readQrMessages) {
-    console.log("renderReadQR", readQrMessages);
-    return (index.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("renderQR", value, useLogo);
-    return (index.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);
-    return (index.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() {
-    var _a, _b;
-    return (index.h("div", { class: "popUpContainer" }, index.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();
-      } }, index.h("div", { class: "modal-window__content" }, index.h("div", { class: `qrTitleContainer ${this.hideModalTexts ? "hidenText" : ""}` }, index.h("p", { class: "qrTitle modalText", style: { color: this.modalTitleColor || "#1e1e20" } }, this.qrModalTitle), !this.hideBrandTitle && (index.h("p", { class: "qrBrand modalText" }, this.byBrandLabel, " ", index.h("span", null, index.h("img", { src: gatIconAlert.logoGatacaSvg })))), this.result !== utils.RESULT_STATUS.SUCCESS &&
-      !this.hideQrModalDescription && (index.h("p", { class: "qrDescription modalText" }, this.qrModalDescription))), index.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())))));
-  }
-};
-GatacaQR.style = gatacaQrCss;
-
-exports.gataca_qr = GatacaQR;
-exports.gataca_qrdisplay = GatacaQRDisplay;

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

@@ -1,252 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-8638645b.js');
-const gatIconAlert = require('./gat-icon-alert-0ad19b26.js');
-require('./qr-code-styling-412bbc7a.js');
-const utils = require('./utils-ef28b844.js');
-
-const Success = (props) => {
-  const { modalHeight, successLoginLabel } = props;
-  return (index.h("div", { class: "success", style: {
-      height: modalHeight ? (modalHeight === null || modalHeight === void 0 ? void 0 : modalHeight.toString()) + "px" : "300px",
-    } },
-    index.h("img", { src: gatIconAlert.gatIconCheckSvg, height: 52, width: 52 }),
-    index.h("p", { class: "successMsg" }, successLoginLabel)));
-};
-
-const RetryButton = (props) => {
-  var _a;
-  const { errorMessage, modalWidth, clickInsideBoxLabel, refreshQrLabel, scanQrLabel, waitingStartSessionLabel, display, renderRetryQR, } = props;
-  return (index.h("div", { class: "reload", style: {
-      width: (modalWidth - 48).toString() + "px",
-      height: modalWidth ? ((_a = (modalWidth - 48)) === null || _a === void 0 ? void 0 : _a.toString()) + "px" : "",
-    } },
-    index.h("div", { id: "notify", onClick: () => display() },
-      index.h("img", { src: gatIconAlert.gatIconRefreshSvg, height: 24, width: 24 }),
-      index.h("p", { class: "notify-text" },
-        clickInsideBoxLabel,
-        " "),
-      errorMessage ? (index.h("p", { class: "notify-text bold" }, refreshQrLabel)) : (index.h("p", { class: "notify-text bold" }, scanQrLabel)),
-      errorMessage && (index.h("div", { class: "alert", style: {
-          width: (modalWidth - 48).toString() + "px",
-        } },
-        index.h("img", { src: gatIconAlert.gatIconAlertSvg, height: 24, width: 24 }),
-        index.h("p", null, errorMessage)))),
-    index.h("div", { id: "qrwait" }, renderRetryQR(waitingStartSessionLabel))));
-};
-
-const QR = (props) => {
-  const { value, useLogo, logoSrc, size } = props;
-  return (index.h("gataca-qrdisplay", { qrData: value, rounded: true, size: size, "logo-size": useLogo ? 0.33 : 0, "logo-src": logoSrc }));
-};
-
-const AnimatedLoader = () => {
-  return (index.h("div", { class: "containerLoader" },
-    index.h("div", { class: "loader" },
-      index.h("div", { class: "loader__item loader__item__1" }),
-      index.h("div", { class: "loader__item loader__item__2" }),
-      index.h("div", { class: "loader__item loader__item__3" }),
-      index.h("div", { class: "loader__item loader__item__4" }),
-      index.h("div", { class: "loader__item loader__item__5" }),
-      index.h("div", { class: "loader__item loader__item__6" }),
-      index.h("div", { class: "loader__item loader__item__7" }),
-      index.h("div", { class: "loader__item loader__item__8" }))));
-};
-
-const ReadQR = (props) => {
-  var _a;
-  const { modalWidth, readQrMessages, renderQR, url, sizeQR } = props;
-  return (index.h("div", { class: "blured", style: {
-      width: (modalWidth - 48).toString() + "px",
-      height: modalWidth ? ((_a = (modalWidth - 48)) === null || _a === void 0 ? void 0 : _a.toString()) + "px" : "",
-    } },
-    index.h("div", { id: "notify" },
-      index.h(AnimatedLoader, null),
-      index.h("p", { class: "notify-text" }, readQrMessages === null || readQrMessages === void 0 ? void 0 :
-        readQrMessages.title,
-        " "),
-      index.h("p", { class: "notify-text bold" }, readQrMessages === null || readQrMessages === void 0 ? void 0 : readQrMessages.description)),
-    index.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}#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 = class {
-  constructor(hostRef) { index.registerInstance(this, hostRef); this.gatacaLoginCompleted = index.createEvent(this, "gatacaLoginCompleted", 7); this.gatacaLoginFailed = index.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.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 = gatIconAlert.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 = utils.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 = utils.RESULT_STATUS.FAILED;
-      this.gatacaLoginFailed.emit(error);
-      this.errorCallback(error);
-      socket.close(1000, "");
-    };
-    socket.onclose = () => {
-      if (this.result === utils.RESULT_STATUS.ONGOING || utils.RESULT_STATUS.READ) {
-        this.result = utils.RESULT_STATUS.EXPIRED;
-      }
-      if (this.result === utils.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 (utils.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 utils.RESULT_STATUS.ONGOING:
-      case utils.RESULT_STATUS.READ:
-        this.sessionId = wsresp.sessionId;
-        this.authenticationRequest = wsresp.authenticationRequest;
-        break;
-      case utils.RESULT_STATUS.SUCCESS:
-        this.sessionData = wsresp.authenticatedUserData;
-        this.gatacaLoginCompleted.emit(wsresp.authenticatedUserData);
-        this.successCallback(wsresp.authenticatedUserData);
-        this.socket.close(1000, "");
-        break;
-      case utils.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 utils.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.v === "2" && this.qrRole == QR_ROLE_CONNECT) {
-      return this.authenticationRequest;
-    }
-    const authRequestEncoded = "?dl=" + utils.base64UrlEncode(this.authenticationRequest);
-    return DEEP_LINK_PREFIX + authRequestEncoded;
-  }
-  renderQRSection() {
-    switch (this.result) {
-      case utils.RESULT_STATUS.NOT_STARTED:
-        return this.renderRetryButton();
-      case utils.RESULT_STATUS.ONGOING:
-        return this.renderQR(this.getLink(), true);
-      case utils.RESULT_STATUS.EXPIRED:
-        return this.renderRetryButton(this.qrCodeExpiredLabel);
-      case utils.RESULT_STATUS.FAILED:
-        return this.renderRetryButton(this.credentialsNotValidatedLabel);
-      case utils.RESULT_STATUS.SUCCESS:
-        return this.renderSuccess();
-      case utils.RESULT_STATUS.READ:
-        return this.renderReadQR({
-          title: this === null || this === void 0 ? void 0 : this.readQrTitle,
-          description: this === null || this === void 0 ? void 0 : this.readQrDescription,
-        });
-    }
-  }
-  renderSuccess() {
-    return (index.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 (index.h(RetryButton, { errorMessage: errorMessage, modalWidth: this === null || this === void 0 ? void 0 : this.modalWidth, clickInsideBoxLabel: this === null || this === void 0 ? void 0 : this.clickInsideBoxLabel, refreshQrLabel: this === null || this === void 0 ? void 0 : this.refreshQrLabel, scanQrLabel: this === null || this === void 0 ? void 0 : this.scanQrLabel, waitingStartSessionLabel: this === null || this === void 0 ? void 0 : this.waitingStartSessionLabel, display: this.display.bind(this), renderRetryQR: this.renderRetryQR.bind(this) }));
-  }
-  renderReadQR(readQrMessages) {
-    return (index.h(ReadQR, { modalWidth: this === null || this === void 0 ? void 0 : this.modalWidth, readQrMessages: readQrMessages, url: this.getLink(), sizeQR: (this === null || this === void 0 ? void 0 : this.qrSize) ? (this === null || this === void 0 ? void 0 : this.qrSize) - 50 : undefined, renderQR: this.renderQR.bind(this) }));
-  }
-  renderQR(value, useLogo) {
-    return (index.h(QR, { 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) {
-    return (index.h(QR, { 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() {
-    var _a, _b;
-    return (index.h("div", { class: "popUpContainer" }, index.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();
-      } }, index.h("div", { class: "modal-window__content" }, index.h("div", { class: `qrTitleContainer ${this.hideModalTexts ? "hidenText" : ""}` }, index.h("p", { class: "qrTitle modalText", style: { color: this.modalTitleColor || "#1e1e20" } }, this.qrModalTitle), !this.hideBrandTitle && (index.h("p", { class: "qrBrand modalText" }, this.byBrandLabel, " ", index.h("span", null, index.h("img", { src: gatIconAlert.logoGatacaSvg })))), this.result !== utils.RESULT_STATUS.SUCCESS &&
-      !this.hideQrModalDescription && (index.h("p", { class: "qrDescription modalText" }, this.qrModalDescription))), index.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())))));
-  }
-};
-GatacaQRWS.style = gatacaQrwsCss;
-
-exports.gataca_qrws = GatacaQRWS;