@gataca/qr 2.0.9 → 2.0.10

package/dist/types/components/gataca-qrws/gataca-qrws.d.ts

@@ -72,16 +72,116 @@ export declare class GatacaQRWS {
    * Modifies the qr headline title
    */
   qrModalTitle?: string;
+  /**
+   * _[Optional]_
+   * String to set Modal title color
+   */
+  modalTitleColor?: string;
   /**
    * _[Optional]_
    * Modifies the Modal description
    */
   qrModalDescription?: string;
+  /**
+   * _[Optional]_
+   * Boolean to show or not show the modal title, brandTitle and description
+   */
+  hideModalTexts?: boolean;
+  /**
+   * _[Optional]_
+   * Boolean to show or not show the modal title, brandTitle and description
+   */
+  hideModalBoxShadow?: boolean;
   /**
    * _[Optional]_
    * Boolean to show or not show the gataca brand title
    */
   hideBrandTitle?: boolean;
+  /**
+   * _[Optional]_
+   * Size of the logo to display in percentage to the total size [0-1]. 0 means no logo will be displayed. Default is the GATACA logo. Recommended size is around 0.33
+   */
+  logoSize?: number;
+  /**
+   * _[Optional]_
+   * Logo to display, just if the logo size is greater than 0. No logo is the GATACA logo.
+   */
+  logoSrc?: string;
+  /**
+   * _[Optional]_
+   * Size of QR Displayed
+   */
+  qrSize?: number;
+  /**
+   * _[Optional]_
+   * Width of the modal
+   */
+  modalWidth?: number;
+  /**
+   * _[Optional]_
+   * Height of the modal
+   */
+  modalHeight?: number;
+  /**
+   * _[Optional]_
+   * String to show when qr code expired
+   */
+  qrCodeExpiredLabel?: string;
+  /**
+   * _[Optional]_
+   * String to show when credentials not validatedd
+   */
+  credentialsNotValidatedLabel?: string;
+  /**
+   * _[Optional]_
+   * String to show "click inside" label
+   */
+  clickInsideBoxLabel?: string;
+  /**
+   * _[Optional]_
+   * String to show "refresh QR" label
+   */
+  refreshQrLabel?: string;
+  /**
+   * _[Optional]_
+   * String to show "scan QR" label
+   */
+  scanQrLabel?: string;
+  /**
+   * _[Optional]_
+   * String to show "user not scan in time" error
+   */
+  userNotScanInTimeErrorLabel?: string;
+  /**
+   * _[Optional]_
+   * String to show "provided credentials not validates" error
+   */
+  credsNotValidatedErrorLabel?: string;
+  /**
+   * _[Optional]_
+   * String to show "failed login" error
+   */
+  failedLoginErrorLabel?: string;
+  /**
+   * _[Optional]_
+   * String to show "successful login" label
+   */
+  successLoginLabel?: string;
+  /**
+   * _[Optional]_
+   * String to show "by brand" label
+   */
+  byBrandLabel?: string;
+  /**
+   * _[Optional]_
+   * String to show "waiting start session" label
+   */
+  waitingStartSessionLabel?: string;
+  /**
+   * _[Optional]_
+   * Boolean to show or not show the QR Modal description
+   */
+  hideQrModalDescription?: boolean;
   /**
    * _[Optional]_
    * Display a link containing a dynamic link to invoke the wallet if closed
@@ -119,6 +219,7 @@ export declare class GatacaQRWS {
   renderQRSection(): any;
   renderSuccess(): any;
   renderRetryButton(errorMessage?: string): any;
-  renderQR(value: string, size: number, useLogo?: boolean): any;
+  renderQR(value: string, useLogo?: boolean): any;
+  renderRetryQR(value: string, useLogo?: boolean): any;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -245,10 +245,26 @@ export namespace Components {
           * _[Optional]_ Set to enable autoload when the QR is displayed. By default it is true
          */
         "autostart": boolean;
+        /**
+          * _[Optional]_ String to show "by brand" label
+         */
+        "byBrandLabel"?: string;
         /**
           * ***Mandatory just for V1*** Connect/Certify Server where the wallet will send the data
          */
         "callbackServer": string;
+        /**
+          * _[Optional]_ String to show "click inside" label
+         */
+        "clickInsideBoxLabel"?: string;
+        /**
+          * _[Optional]_ String to show when credentials not validatedd
+         */
+        "credentialsNotValidatedLabel"?: string;
+        /**
+          * _[Optional]_ String to show "provided credentials not validates" error
+         */
+        "credsNotValidatedErrorLabel"?: string;
         /**
           * Force manually the display of a QR
          */
@@ -261,6 +277,10 @@ export namespace Components {
           * ***Mandatory*** Callback fired upon session expired or invalid If not set, session error would not be handled An error containing information will be passed as parameter
          */
         "errorCallback": (error?: Error) => void;
+        /**
+          * _[Optional]_ String to show "failed login" error
+         */
+        "failedLoginErrorLabel"?: string;
         /**
           * Retrieve manually the session data on a successful login
          */
@@ -269,6 +289,42 @@ export namespace Components {
           * _[Optional]_ Boolean to show or not show the gataca brand title
          */
         "hideBrandTitle"?: boolean;
+        /**
+          * _[Optional]_ Boolean to show or not show the modal title, brandTitle and description
+         */
+        "hideModalBoxShadow"?: boolean;
+        /**
+          * _[Optional]_ Boolean to show or not show the modal title, brandTitle and description
+         */
+        "hideModalTexts"?: boolean;
+        /**
+          * _[Optional]_ Boolean to show or not show the QR Modal description
+         */
+        "hideQrModalDescription"?: boolean;
+        /**
+          * _[Optional]_ Size of the logo to display in percentage to the total size [0-1]. 0 means no logo will be displayed. Default is the GATACA logo. Recommended size is around 0.33
+         */
+        "logoSize"?: number;
+        /**
+          * _[Optional]_ Logo to display, just if the logo size is greater than 0. No logo is the GATACA logo.
+         */
+        "logoSrc"?: string;
+        /**
+          * _[Optional]_ Height of the modal
+         */
+        "modalHeight"?: number;
+        /**
+          * _[Optional]_ String to set Modal title color
+         */
+        "modalTitleColor"?: string;
+        /**
+          * _[Optional]_ Width of the modal
+         */
+        "modalWidth"?: number;
+        /**
+          * _[Optional]_ String to show when qr code expired
+         */
+        "qrCodeExpiredLabel"?: string;
         /**
           * _[Optional]_ Modifies the Modal description
          */
@@ -281,6 +337,18 @@ export namespace Components {
           * ***Mandatory*** Decide if scanning the credential as a verifier to request credentials or as an issuer too issue credentials. Options: connect | certify
          */
         "qrRole": string;
+        /**
+          * _[Optional]_ Size of QR Displayed
+         */
+        "qrSize"?: number;
+        /**
+          * _[Optional]_ String to show "refresh QR" label
+         */
+        "refreshQrLabel"?: string;
+        /**
+          * _[Optional]_ String to show "scan QR" label
+         */
+        "scanQrLabel"?: string;
         /**
           * ***Mandatory*** Maximum time window to display the session and keep the websocket connection. It's needed to ensure the socket is closed.
          */
@@ -297,10 +365,22 @@ export namespace Components {
           * ***Mandatory*** Callback fired upon session correctly verified If not set, session validation wouldn't trigger any action The session data and a possible token will be sent as parameters to the callback
          */
         "successCallback": (data?: any) => void;
+        /**
+          * _[Optional]_ String to show "successful login" label
+         */
+        "successLoginLabel"?: string;
+        /**
+          * _[Optional]_ String to show "user not scan in time" error
+         */
+        "userNotScanInTimeErrorLabel"?: string;
         /**
           * **RECOMMENDED** Set to use v2 links. The create session must be providing both an authentication request and a session Id
          */
         "v2"?: boolean;
+        /**
+          * _[Optional]_ String to show "waiting start session" label
+         */
+        "waitingStartSessionLabel"?: string;
         /**
           * **RECOMMENDED** Callback to invoke an a message has been received on the socket. It provides the socket itself and the message as parameters. If not used, the messages provided by the server on the Socket connection must conform to the WSReponse interface If used, an Event named **sessionMsg** must be triggered with a WSReponse as data
          */
@@ -816,10 +896,26 @@ declare namespace LocalJSX {
           * _[Optional]_ Set to enable autoload when the QR is displayed. By default it is true
          */
         "autostart"?: boolean;
+        /**
+          * _[Optional]_ String to show "by brand" label
+         */
+        "byBrandLabel"?: string;
         /**
           * ***Mandatory just for V1*** Connect/Certify Server where the wallet will send the data
          */
         "callbackServer"?: string;
+        /**
+          * _[Optional]_ String to show "click inside" label
+         */
+        "clickInsideBoxLabel"?: string;
+        /**
+          * _[Optional]_ String to show when credentials not validatedd
+         */
+        "credentialsNotValidatedLabel"?: string;
+        /**
+          * _[Optional]_ String to show "provided credentials not validates" error
+         */
+        "credsNotValidatedErrorLabel"?: string;
         /**
           * _[Optional]_ Display a link containing a dynamic link to invoke the wallet if closed
          */
@@ -828,10 +924,46 @@ declare namespace LocalJSX {
           * ***Mandatory*** Callback fired upon session expired or invalid If not set, session error would not be handled An error containing information will be passed as parameter
          */
         "errorCallback"?: (error?: Error) => void;
+        /**
+          * _[Optional]_ String to show "failed login" error
+         */
+        "failedLoginErrorLabel"?: string;
         /**
           * _[Optional]_ Boolean to show or not show the gataca brand title
          */
         "hideBrandTitle"?: boolean;
+        /**
+          * _[Optional]_ Boolean to show or not show the modal title, brandTitle and description
+         */
+        "hideModalBoxShadow"?: boolean;
+        /**
+          * _[Optional]_ Boolean to show or not show the modal title, brandTitle and description
+         */
+        "hideModalTexts"?: boolean;
+        /**
+          * _[Optional]_ Boolean to show or not show the QR Modal description
+         */
+        "hideQrModalDescription"?: boolean;
+        /**
+          * _[Optional]_ Size of the logo to display in percentage to the total size [0-1]. 0 means no logo will be displayed. Default is the GATACA logo. Recommended size is around 0.33
+         */
+        "logoSize"?: number;
+        /**
+          * _[Optional]_ Logo to display, just if the logo size is greater than 0. No logo is the GATACA logo.
+         */
+        "logoSrc"?: string;
+        /**
+          * _[Optional]_ Height of the modal
+         */
+        "modalHeight"?: number;
+        /**
+          * _[Optional]_ String to set Modal title color
+         */
+        "modalTitleColor"?: string;
+        /**
+          * _[Optional]_ Width of the modal
+         */
+        "modalWidth"?: number;
         /**
           * GatacaLoginCompleted event, triggered with session data upon login success
          */
@@ -840,6 +972,10 @@ declare namespace LocalJSX {
           * GatacaLoginFailed event, triggered with error upon login failure
          */
         "onGatacaLoginFailed"?: (event: GatacaQrwsCustomEvent<any>) => void;
+        /**
+          * _[Optional]_ String to show when qr code expired
+         */
+        "qrCodeExpiredLabel"?: string;
         /**
           * _[Optional]_ Modifies the Modal description
          */
@@ -852,6 +988,18 @@ declare namespace LocalJSX {
           * ***Mandatory*** Decide if scanning the credential as a verifier to request credentials or as an issuer too issue credentials. Options: connect | certify
          */
         "qrRole"?: string;
+        /**
+          * _[Optional]_ Size of QR Displayed
+         */
+        "qrSize"?: number;
+        /**
+          * _[Optional]_ String to show "refresh QR" label
+         */
+        "refreshQrLabel"?: string;
+        /**
+          * _[Optional]_ String to show "scan QR" label
+         */
+        "scanQrLabel"?: string;
         /**
           * ***Mandatory*** Maximum time window to display the session and keep the websocket connection. It's needed to ensure the socket is closed.
          */
@@ -864,10 +1012,22 @@ declare namespace LocalJSX {
           * ***Mandatory*** Callback fired upon session correctly verified If not set, session validation wouldn't trigger any action The session data and a possible token will be sent as parameters to the callback
          */
         "successCallback"?: (data?: any) => void;
+        /**
+          * _[Optional]_ String to show "successful login" label
+         */
+        "successLoginLabel"?: string;
+        /**
+          * _[Optional]_ String to show "user not scan in time" error
+         */
+        "userNotScanInTimeErrorLabel"?: string;
         /**
           * **RECOMMENDED** Set to use v2 links. The create session must be providing both an authentication request and a session Id
          */
         "v2"?: boolean;
+        /**
+          * _[Optional]_ String to show "waiting start session" label
+         */
+        "waitingStartSessionLabel"?: string;
         /**
           * **RECOMMENDED** Callback to invoke an a message has been received on the socket. It provides the socket itself and the message as parameters. If not used, the messages provided by the server on the Socket connection must conform to the WSReponse interface If used, an Event named **sessionMsg** must be triggered with a WSReponse as data
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gataca/qr",
-  "version": "2.0.9",
+  "version": "2.0.10",
   "description": "Gataca component to display presentation requests in QR",
   "author": "Gataca <it@gataca.io>",
   "licenses": [

package/dist/gatacaqr/p-23197d75.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as e}from"./p-ec0f00a6.js";import{g as s,a as n,b as o,l as a}from"./p-ea783014.js";import"./p-0be4566d.js";import{R as r,c as p,b as l}from"./p-b8ba109f.js";const d="connect",c={connect:"scan",certify:"credential"},h=class{constructor(e){i(this,e),this.gatacaLoginCompleted=t(this,"gatacaLoginCompleted",7),this.gatacaLoginFailed=t(this,"gatacaLoginFailed",7),this.successCallback=void 0,this.errorCallback=void 0,this.qrRole=void 0,this.callbackServer=void 0,this.socketEndpoint=void 0,this.sessionTimeout=300,this.wsOnOpen=void 0,this.wsOnMessage=void 0,this.autostart=!0,this.autorefresh=!1,this.v2=!1,this.qrModalTitle="Quick Access",this.qrModalDescription="Sign up or sign in by scanning the QR Code with the Gataca Wallet",this.hideBrandTitle=!1,this.dynamicLink=!0,this.sessionId=void 0,this.authenticationRequest=void 0,this.sessionData=void 0,this.result=r.NOT_STARTED}disconnectedCallback(){this.stop()}async componentDidLoad(){this.autostart&&await this.display()}async display(){let i=new WebSocket(this.socketEndpoint);setTimeout((()=>{this.socket.close(1e3,"")}),1e3*this.sessionTimeout),this.socket=i,i.onopen=()=>{this.wsOnOpen&&this.wsOnOpen(this.socket)},i.onmessage=i=>{if(this.wsOnMessage)this.wsOnMessage(this.socket,i);else{let t=JSON.parse(i.data);t.sessionId&&this.handleWSResponse(t)}},i.onerror=()=>{let t=new Error("Error connecting with server");this.result=r.FAILED,this.gatacaLoginFailed.emit(t),this.errorCallback(t),i.close(1e3,"")},i.onclose=()=>{if(this.result===r.ONGOING&&(this.result=r.EXPIRED),this.result===r.EXPIRED)if(this.autorefresh)this.display();else{let i=new Error("User did not scan the QR in the alloted time");this.gatacaLoginFailed.emit(i),this.errorCallback(i)}},p()&&this.dynamicLink&&(window.location.href=this.getLink())}sessionMsgReceived(i){this.handleWSResponse(i.detail)}handleWSResponse(i){switch(this.result=i.result,i.result){case r.ONGOING:this.sessionId=i.sessionId,this.authenticationRequest=i.authenticationRequest;break;case r.SUCCESS:this.sessionData=i.authenticatedUserData,this.gatacaLoginCompleted.emit(i.authenticatedUserData),this.successCallback(i.authenticatedUserData),this.socket.close(1e3,"");break;case r.FAILED:this.socket.close();let t=new Error("Provided user credentials couldn't be validated");this.gatacaLoginFailed.emit(t),this.errorCallback(t);break;case r.EXPIRED:if(this.socket.close(),this.autorefresh)this.display();else{let i=new Error("User did not scan the QR in the alloted time");this.gatacaLoginFailed.emit(i),this.errorCallback(i)}}}async stop(){this.sessionData=void 0,this.sessionId=void 0,this.socket.close(1e3,"Client stopped the connection")}async getSessionData(){return this.sessionData?Promise.resolve(this.sessionData):Promise.reject(new Error("No successful login"))}getLink(){if(this.v2&&this.qrRole==d)return this.authenticationRequest;let i="https://gataca.page.link/"+c[this.qrRole]+"?";return i+=this.qrRole===d?"session="+this.sessionId:"process="+this.sessionId,i+="&callback="+l(encodeURIComponent(this.callbackServer)),i=encodeURIComponent(i),this.dynamicLink?"https://gataca.page.link/?apn=com.gatacaapp&ibi=com.gataca.wallet&link="+i:i}renderQRSection(){switch(this.result){case r.NOT_STARTED:return this.renderRetryButton();case r.ONGOING:return this.renderQR(this.getLink(),300,!0);case r.EXPIRED:return this.renderRetryButton("QR Code expired");case r.FAILED:return this.renderRetryButton("User credentials not validated");case r.SUCCESS:return this.renderSuccess()}}renderSuccess(){return e("div",{class:"success"},e("img",{src:s,height:52,width:52}),e("p",{class:"successMsg"},"Successful Connection!"))}renderRetryButton(i){return e("div",{class:"reload"},e("div",{id:"notify",onClick:()=>this.display()},e("img",{src:n,height:24,width:24}),e("p",{class:"qrDescription"},"Click inside the box to "),e("p",{class:"qrDescription bold"},i?"Refresh QR Code":"Scan QR Code"),i&&e("div",{class:"alert"},e("img",{src:o,height:24,width:24}),e("p",null,i))),e("div",{id:"qrwait"},this.renderQR("waiting to start a session",250)))}renderQR(i,t,s){return e("gataca-qrdisplay",{qrData:i,rounded:!0,size:t,"logo-size":s?.33:0})}render(){return e("div",{class:"popUpContainer"},e("div",{class:"modal-window is-visible",onClick:i=>{i.stopPropagation()}},e("div",{class:"modal-window__content"},e("div",{class:"qrTitleContainer"},e("p",{class:"qrTitle"},this.qrModalTitle),!this.hideBrandTitle&&e("p",{class:"qrBrand"},"by Gataca"," ",e("span",null,e("img",{src:a}))),this.result!==r.SUCCESS&&e("p",{class:"qrDescription"},this.qrModalDescription)),e("div",{class:"qrSection"},this.renderQRSection()))))}};h.style='@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;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 p{font-family:"Work Sans", "Helvetica Neue", sans-serif;font-weight:normal;font-size:12px;letter-spacing:1px;color:#1e1e20}.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-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}';export{h as gataca_qrws}