@gataca/qr 0.0.21 → 0.0.23

package/dist/collection/components/gataca-autoqr/gataca-autoqr.js

@@ -0,0 +1,347 @@
+import { h, } from "@stencil/core";
+const DEFAULT_REPOSITORY = "https://studio.gataca.io/api/v1/qrconfigs";
+const fixFunctions = (data) => {
+  var _a, _b, _c, _d, _e, _f;
+  data.errorCallback = deserializeFunction((_a = data.errorCallback) === null || _a === void 0 ? void 0 : _a.toString());
+  data.successCallback = deserializeFunction((_b = data.successCallback) === null || _b === void 0 ? void 0 : _b.toString());
+  data.wsOnMessage = deserializeFunction((_c = data.wsOnMessage) === null || _c === void 0 ? void 0 : _c.toString());
+  data.wsOnOpen = deserializeFunction((_d = data.wsOnOpen) === null || _d === void 0 ? void 0 : _d.toString());
+  data.checkStatus = deserializeFunction((_e = data.checkStatus) === null || _e === void 0 ? void 0 : _e.toString());
+  data.createSession = deserializeFunction((_f = data.createSession) === null || _f === void 0 ? void 0 : _f.toString());
+  return data;
+};
+const deserializeFunction = (data) => {
+  if (data) {
+    return new Function("return " + data)();
+  }
+  return undefined;
+};
+export class GatacaAutoQR {
+  constructor() {
+    this.configId = undefined;
+    this.qrType = "svg";
+    this.configRepository = DEFAULT_REPOSITORY;
+    this.successCallback = undefined;
+    this.errorCallback = undefined;
+    this.checkStatus = undefined;
+    this.createSession = undefined;
+    this.wsOnOpen = undefined;
+    this.wsOnMessage = undefined;
+    this.config = undefined;
+    this.loading = undefined;
+    this.loading = true;
+    fetch(this.configRepository + "/" + this.configId, {
+      method: "GET",
+      headers: {
+        "Content-Type": "application/json",
+      },
+    })
+      .then((response) => {
+      response
+        .json()
+        .then((data) => {
+        data = fixFunctions(data);
+        this.config = data;
+        this.loading = false;
+      })
+        .catch((err) => {
+        console.log("Cannot retrieve selected config", err);
+        this.loading = false;
+      });
+    })
+      .catch((err) => {
+      console.log("Cannot retrieve selected config", err);
+      this.loading = false;
+    });
+  }
+  /**
+   * Retrieve manually the session data on a successful login
+   */
+  async getSessionData() {
+    return this.qr.getSessionData();
+  }
+  selectQR() {
+    if (this.config.useButton) {
+      if (this.config.useWs) {
+        this.qr = (h("gataca-ssibuttonws", { buttonText: this.config.buttonText, wsOnMessage: this.wsOnMessage || this.config.wsOnMessage, wsOnOpen: this.wsOnOpen || this.config.wsOnOpen, successCallback: this.successCallback || this.config.successCallback, errorCallback: this.errorCallback || this.config.errorCallback, qrType: this.qrType, qrRole: this.config.qrRole, callbackServer: this.config.callbackServer, sessionTimeout: this.config.sessionTimeout, socketEndpoint: this.config.socketEndpoint, autostart: true, autorefresh: this.config.autorefresh, v: this.config.v, qrModalTitle: this.config.qrModalTitle, qrModalDescription: this.config.qrModalDescription, hideBrandTitle: this.config.hideBrandTitle, dynamicLink: this.config.dynamicLink }));
+      }
+      else {
+        this.qr = (h("gataca-ssibutton", { buttonText: this.config.buttonText, checkStatus: this.checkStatus || this.config.checkStatus, createSession: this.createSession || this.config.createSession, successCallback: this.successCallback || this.config.successCallback, errorCallback: this.errorCallback || this.config.errorCallback, qrType: this.qrType, qrRole: this.config.qrRole, callbackServer: this.config.callbackServer, sessionTimeout: this.config.sessionTimeout, pollingFrequency: this.config.pollingFrequency, autorefresh: this.config.autorefresh, v: this.config.v, qrModalTitle: this.config.qrModalTitle, qrModalDescription: this.config.qrModalDescription, hideBrandTitle: this.config.hideBrandTitle, dynamicLink: this.config.dynamicLink }));
+      }
+    }
+    else {
+      if (this.config.useWs) {
+        this.qr = (h("gataca-qrws", { wsOnMessage: this.wsOnMessage || this.config.wsOnMessage, wsOnOpen: this.wsOnOpen || this.config.wsOnOpen, successCallback: this.successCallback || this.config.successCallback, qrType: this.qrType, errorCallback: this.errorCallback || this.config.errorCallback, qrRole: this.config.qrRole, callbackServer: this.config.callbackServer, sessionTimeout: this.config.sessionTimeout, socketEndpoint: this.config.socketEndpoint, autostart: this.config.autostart, autorefresh: this.config.autorefresh, v: this.config.v, qrModalTitle: this.config.qrModalTitle, qrModalDescription: this.config.qrModalDescription, hideBrandTitle: this.config.hideBrandTitle, dynamicLink: this.config.dynamicLink }));
+      }
+      else {
+        this.qr = (h("gataca-qr", { checkStatus: this.checkStatus || this.config.checkStatus, createSession: this.createSession || this.config.createSession, successCallback: this.successCallback || this.config.successCallback, qrType: this.qrType, errorCallback: this.errorCallback || this.config.errorCallback, qrRole: this.config.qrRole, callbackServer: this.config.callbackServer, sessionTimeout: this.config.sessionTimeout, pollingFrequency: this.config.pollingFrequency, autostart: this.config.autostart, autorefresh: this.config.autorefresh, v: this.config.v, qrModalTitle: this.config.qrModalTitle, qrModalDescription: this.config.qrModalDescription, hideBrandTitle: this.config.hideBrandTitle, dynamicLink: this.config.dynamicLink }));
+      }
+    }
+  }
+  render() {
+    if (this.loading) {
+      //TODO: Improve loading message
+      return h("div", null, "Loading...");
+    }
+    if (this.config) {
+      this.selectQR();
+      return this.qr;
+    }
+    //TODO: Improve error message
+    return h("div", null, "Error loading your config...");
+  }
+  static get is() { return "gataca-autoqr"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gataca-autoqr.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gataca-autoqr.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "configId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "***Mandatory***\nID of the QR configuration to display"
+        },
+        "attribute": "config-id",
+        "reflect": false
+      },
+      "qrType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DrawType",
+          "resolved": "\"canvas\" | \"svg\"",
+          "references": {
+            "DrawType": {
+              "location": "import",
+              "path": "qr-code-styling"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "_[Optional]_\nSets the qr type. It can be \"svg\" or \"canvas\". \"svg\" by default."
+        },
+        "attribute": "qr-type",
+        "reflect": false,
+        "defaultValue": "\"svg\""
+      },
+      "configRepository": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "___Optional___\nConfigURL Repository to download the config from"
+        },
+        "attribute": "config-repository",
+        "reflect": false,
+        "defaultValue": "DEFAULT_REPOSITORY"
+      },
+      "successCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(data?: any) => void",
+          "resolved": "(data?: any) => void",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "***Mandatory***\nCallback fired upon session correctly verified\nIf not set, session validation wouldn't trigger any action\nThe session data and a possible token will be sent as parameters to the callback"
+        },
+        "defaultValue": "undefined"
+      },
+      "errorCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(error?: Error) => void",
+          "resolved": "(error?: Error) => void",
+          "references": {
+            "Error": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "___Just for polling flavour___\n***Mandatory***\nCallback fired upon session expired or invalid\nIf not set, session error would not be handled\nAn error containing information will be passed as parameter"
+        },
+        "defaultValue": "undefined"
+      },
+      "checkStatus": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(\n    id?: string\n  ) => Promise<{ result: RESULT_STATUS; data?: any }>",
+          "resolved": "(id?: string) => Promise<{ result: RESULT_STATUS; data?: any; }>",
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "RESULT_STATUS": {
+              "location": "import",
+              "path": "../../utils"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "___Just for polling flavour___\n***Mandatory***\nCheck status function to query the current status of the session\nThe function must query a client endpoint to check the status. That endpoint must return an error if the session has expired."
+        },
+        "defaultValue": "undefined"
+      },
+      "createSession": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "() => Promise<{\n    sessionId: string;\n    authenticationRequest?: string;\n  }>",
+          "resolved": "() => Promise<{ sessionId: string; authenticationRequest?: string; }>",
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "***Mandatory***\nCreate session function to generate a new Session\nUsing v=\"3\", it can provide just a session Id\nUsing another version, it must provide also the authentication request. The session Id is the id of the presentation definition"
+        },
+        "defaultValue": "undefined"
+      },
+      "wsOnOpen": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(socket: WebSocket) => void",
+          "resolved": "(socket: WebSocket) => void",
+          "references": {
+            "WebSocket": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "___Just for WS flavour___\n[Optional]\nFunction to send a message to the server upon socket creation"
+        }
+      },
+      "wsOnMessage": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(socket: WebSocket, msg: MessageEvent) => void",
+          "resolved": "(socket: WebSocket, msg: MessageEvent<any>) => void",
+          "references": {
+            "WebSocket": {
+              "location": "global"
+            },
+            "MessageEvent": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "___Just for WS flavour___\n**RECOMMENDED**\nCallback to invoke an a message has been received on the socket. It provides the socket itself and the message as parameters.\nIf not used, the messages provided by the server on the Socket connection must conform to the WSReponse interface\nIf used, an Event named **sessionMsg** must be triggered with a WSReponse as data"
+        }
+      }
+    };
+  }
+  static get states() {
+    return {
+      "config": {},
+      "loading": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "gatacaLoginCompleted",
+        "name": "gatacaLoginCompleted",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "GatacaLoginCompleted event, triggered with session data upon login success"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "gatacaLoginFailed",
+        "name": "gatacaLoginFailed",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "GatacaLoginFailed event, triggered with error upon login failure"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "getSessionData": {
+        "complexType": {
+          "signature": "() => Promise<any>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<any>"
+        },
+        "docs": {
+          "text": "Retrieve manually the session data on a successful login",
+          "tags": []
+        }
+      }
+    };
+  }
+}

package/dist/collection/components/gataca-qr/components/qr/QR.js

@@ -0,0 +1,5 @@
+import { h } from "@stencil/core";
+export const QR = (props) => {
+  const { value, useLogo, logoSrc, size, qrType } = props;
+  return (h("gataca-qrdisplay", { qrData: value, rounded: true, qrType: qrType, size: size, "logo-size": useLogo ? 0.33 : 0, "logo-src": logoSrc }));
+};

package/dist/collection/components/gataca-qr/components/readQR/ReadQR.js

@@ -0,0 +1,11 @@
+import { h } from "@stencil/core";
+import { AnimatedLoader } from "./components/AnimatedLoader";
+export 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))));
+};

package/dist/collection/components/gataca-qr/components/readQR/components/AnimatedLoader.js

@@ -0,0 +1,4 @@
+import { h } from "@stencil/core";
+export 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" }))));
+};

package/dist/collection/components/gataca-qr/components/retryButton/RetryButton.js

@@ -0,0 +1,13 @@
+import { h } from "@stencil/core";
+import refreshIcon from "../../../../assets/icons/gat-icon-refresh.svg";
+import alertIcon from "../../../../assets/icons/gat-icon-alert.svg";
+export const RetryButton = (props) => {
+  var _a;
+  const { errorMessage, modalWidth, clickInsideBoxLabel, refreshQrLabel, scanQrLabel, waitingStartSessionLabel, display, renderRetryQR, } = 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: refreshIcon, 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: alertIcon, height: 24, width: 24 }), h("p", null, errorMessage)))), h("div", { id: "qrwait" }, renderRetryQR(waitingStartSessionLabel))));
+};

package/dist/collection/components/gataca-qr/components/success/Success.js

@@ -0,0 +1,8 @@
+import successIcon from "../../../../assets/icons/gat-icon-check.svg";
+import { h } from "@stencil/core";
+export 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: successIcon, height: 52, width: 52 }), h("p", { class: "successMsg" }, successLoginLabel)));
+};