@gataca/qr 2.0.14 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/gataca-autoqr.cjs.entry.js +5 -5
- package/dist/cjs/gataca-qr_2.cjs.entry.js +6 -19
- package/dist/cjs/gataca-qrws.cjs.entry.js +6 -18
- package/dist/cjs/gataca-ssibutton_2.cjs.entry.js +5 -5
- package/dist/cjs/gatacaqr.cjs.js +3 -7
- package/dist/cjs/{index-f214ab7a.js → index-93d47a75.js} +2 -111
- package/dist/cjs/loader.cjs.js +3 -4
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/gataca-autoqr/gataca-autoqr.js +5 -5
- package/dist/collection/components/gataca-qr/gataca-qr.js +13 -26
- package/dist/collection/components/gataca-qrws/gataca-qrws.js +12 -24
- package/dist/collection/components/gataca-ssibutton/gataca-ssibutton.js +10 -10
- package/dist/collection/components/gataca-ssibuttonws/gataca-ssibuttonws.js +9 -9
- package/dist/components/gataca-autoqr.js +4 -4
- package/dist/components/gataca-qr2.js +6 -19
- package/dist/components/gataca-qrws2.js +6 -18
- package/dist/components/gataca-ssibutton2.js +3 -3
- package/dist/components/gataca-ssibuttonws2.js +3 -3
- package/dist/components/index.d.ts +0 -9
- package/dist/components/index.js +1 -1
- package/dist/esm/gataca-autoqr.entry.js +5 -5
- package/dist/esm/gataca-qr_2.entry.js +6 -19
- package/dist/esm/gataca-qrws.entry.js +6 -18
- package/dist/esm/gataca-ssibutton_2.entry.js +5 -5
- package/dist/esm/gatacaqr.js +3 -4
- package/dist/esm/{index-570c9813.js → index-2be54f32.js} +3 -111
- package/dist/esm/loader.js +3 -4
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/gatacaqr/gatacaqr.esm.js +1 -1
- package/dist/gatacaqr/p-0381ab9a.entry.js +1 -0
- package/dist/gatacaqr/p-0be4566d.js +1 -1
- package/dist/gatacaqr/p-16298cb4.entry.js +1 -0
- package/dist/gatacaqr/p-4dc10b69.entry.js +1 -0
- package/dist/gatacaqr/p-5ae5f952.js +2 -0
- package/dist/gatacaqr/p-9e9af27e.entry.js +1 -0
- package/dist/types/components/gataca-autoqr/gataca-autoqr.d.ts +2 -2
- package/dist/types/components/gataca-qr/components/qr/QR.d.ts +1 -1
- package/dist/types/components/gataca-qr/components/readQR/ReadQR.d.ts +1 -1
- package/dist/types/components/gataca-qr/components/retryButton/RetryButton.d.ts +1 -1
- package/dist/types/components/gataca-qr/components/success/Success.d.ts +1 -1
- package/dist/types/components/gataca-qr/gataca-qr.d.ts +4 -4
- package/dist/types/components/gataca-qrws/components/qr/QR.d.ts +1 -1
- package/dist/types/components/gataca-qrws/components/readQR/ReadQR.d.ts +1 -1
- package/dist/types/components/gataca-qrws/components/retryButton/RetryButton.d.ts +1 -1
- package/dist/types/components/gataca-qrws/components/success/Success.d.ts +1 -1
- package/dist/types/components/gataca-qrws/gataca-qrws.d.ts +3 -3
- package/dist/types/components/gataca-ssibutton/gataca-ssibutton.d.ts +4 -4
- package/dist/types/components/gataca-ssibuttonws/gataca-ssibuttonws.d.ts +2 -2
- package/dist/types/components.d.ts +22 -22
- package/dist/types/stencil-public-runtime.d.ts +3 -59
- package/dist/types/utils/utils.d.ts +9 -9
- package/loader/index.d.ts +0 -9
- package/package.json +1 -1
- package/readme.md +2 -0
- package/dist/gatacaqr/p-3d1a6526.entry.js +0 -1
- package/dist/gatacaqr/p-64740141.entry.js +0 -1
- package/dist/gatacaqr/p-bd6bd52f.entry.js +0 -1
- package/dist/gatacaqr/p-ec0f00a6.js +0 -2
- package/dist/gatacaqr/p-f9931de0.entry.js +0 -1
|
@@ -62,18 +62,18 @@ export class GatacaAutoQR {
|
|
|
62
62
|
selectQR() {
|
|
63
63
|
if (this.config.useButton) {
|
|
64
64
|
if (this.config.useWs) {
|
|
65
|
-
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, qrRole: this.config.qrRole, callbackServer: this.config.callbackServer, sessionTimeout: this.config.sessionTimeout, socketEndpoint: this.config.socketEndpoint, autostart: true, autorefresh: this.config.autorefresh,
|
|
65
|
+
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, 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 }));
|
|
66
66
|
}
|
|
67
67
|
else {
|
|
68
|
-
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, qrRole: this.config.qrRole, callbackServer: this.config.callbackServer, sessionTimeout: this.config.sessionTimeout, pollingFrequency: this.config.pollingFrequency, autorefresh: this.config.autorefresh,
|
|
68
|
+
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, 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 }));
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
else {
|
|
72
72
|
if (this.config.useWs) {
|
|
73
|
-
this.qr = (h("gataca-qrws", { wsOnMessage: this.wsOnMessage || this.config.wsOnMessage, wsOnOpen: this.wsOnOpen || this.config.wsOnOpen, successCallback: this.successCallback || this.config.successCallback, 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,
|
|
73
|
+
this.qr = (h("gataca-qrws", { wsOnMessage: this.wsOnMessage || this.config.wsOnMessage, wsOnOpen: this.wsOnOpen || this.config.wsOnOpen, successCallback: this.successCallback || this.config.successCallback, 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 }));
|
|
74
74
|
}
|
|
75
75
|
else {
|
|
76
|
-
this.qr = (h("gataca-qr", { checkStatus: this.checkStatus || this.config.checkStatus, createSession: this.createSession || this.config.createSession, successCallback: this.successCallback || this.config.successCallback, 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,
|
|
76
|
+
this.qr = (h("gataca-qr", { checkStatus: this.checkStatus || this.config.checkStatus, createSession: this.createSession || this.config.createSession, successCallback: this.successCallback || this.config.successCallback, 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 }));
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
79
|
}
|
|
@@ -214,7 +214,7 @@ export class GatacaAutoQR {
|
|
|
214
214
|
"optional": true,
|
|
215
215
|
"docs": {
|
|
216
216
|
"tags": [],
|
|
217
|
-
"text": "***Mandatory***\nCreate session function to generate a new Session\nUsing
|
|
217
|
+
"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"
|
|
218
218
|
},
|
|
219
219
|
"defaultValue": "undefined"
|
|
220
220
|
},
|
|
@@ -6,17 +6,12 @@ import { Success } from "./components/success/Success";
|
|
|
6
6
|
import { RetryButton } from "./components/retryButton/RetryButton";
|
|
7
7
|
import { ReadQR } from "./components/readQR/ReadQR";
|
|
8
8
|
import { QR } from "./components/qr/QR";
|
|
9
|
-
const DEEP_LINK_PREFIX = "https://gataca.
|
|
9
|
+
const DEEP_LINK_PREFIX = "https://api.gataca.io/qr/redirect.html";
|
|
10
10
|
//Default values
|
|
11
11
|
const DEFAULT_SESSION_TIMEOUT = 300; //5mins as in connect
|
|
12
12
|
const DEFAULT_POLLING_FREQ = 3;
|
|
13
|
-
const QR_ROLE_CONNECT = "connect";
|
|
14
|
-
const FUNCTION_ROLES = {
|
|
15
|
-
connect: "scan",
|
|
16
|
-
certify: "credential",
|
|
17
|
-
};
|
|
18
13
|
export class GatacaQR {
|
|
19
|
-
constructor() { 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.
|
|
14
|
+
constructor() { 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.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 = logoGataca; 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 = RESULT_STATUS.NOT_STARTED; }
|
|
20
15
|
disconnectedCallback() {
|
|
21
16
|
this.stop();
|
|
22
17
|
}
|
|
@@ -90,19 +85,11 @@ export class GatacaQR {
|
|
|
90
85
|
return this.sessionId;
|
|
91
86
|
}
|
|
92
87
|
getLink() {
|
|
93
|
-
if (this.
|
|
88
|
+
if (this.v === "2") {
|
|
94
89
|
return this.authenticationRequest;
|
|
95
90
|
}
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
link +=
|
|
99
|
-
this.qrRole === QR_ROLE_CONNECT
|
|
100
|
-
? "session=" + this.sessionId
|
|
101
|
-
: "process=" + this.sessionId;
|
|
102
|
-
link +=
|
|
103
|
-
"&callback=" + base64UrlEncode(encodeURIComponent(this.callbackServer));
|
|
104
|
-
link = encodeURIComponent(link);
|
|
105
|
-
return this.dynamicLink ? DEEP_LINK_PREFIX + link : link;
|
|
91
|
+
const authRequestEncoded = "?dl=" + base64UrlEncode(this.authenticationRequest);
|
|
92
|
+
return DEEP_LINK_PREFIX + authRequestEncoded;
|
|
106
93
|
}
|
|
107
94
|
async poll() {
|
|
108
95
|
let endTime = new Date().getTime() +
|
|
@@ -245,7 +232,7 @@ export class GatacaQR {
|
|
|
245
232
|
"optional": true,
|
|
246
233
|
"docs": {
|
|
247
234
|
"tags": [],
|
|
248
|
-
"text": "***Mandatory***\nCreate session function to generate a new Session\nUsing
|
|
235
|
+
"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"
|
|
249
236
|
},
|
|
250
237
|
"defaultValue": "undefined"
|
|
251
238
|
},
|
|
@@ -355,23 +342,23 @@ export class GatacaQR {
|
|
|
355
342
|
"reflect": false,
|
|
356
343
|
"defaultValue": "false"
|
|
357
344
|
},
|
|
358
|
-
"
|
|
359
|
-
"type": "
|
|
345
|
+
"v": {
|
|
346
|
+
"type": "string",
|
|
360
347
|
"mutable": false,
|
|
361
348
|
"complexType": {
|
|
362
|
-
"original": "
|
|
363
|
-
"resolved": "
|
|
349
|
+
"original": "string",
|
|
350
|
+
"resolved": "string",
|
|
364
351
|
"references": {}
|
|
365
352
|
},
|
|
366
353
|
"required": false,
|
|
367
354
|
"optional": true,
|
|
368
355
|
"docs": {
|
|
369
356
|
"tags": [],
|
|
370
|
-
"text": "_[Optional]_\
|
|
357
|
+
"text": "_[Optional]_\nIf 3, handle deeplink redirects and deprecates (remove) v1 functionality. If not, the create session must be providing both an authentication request and a session Id"
|
|
371
358
|
},
|
|
372
|
-
"attribute": "v
|
|
359
|
+
"attribute": "v",
|
|
373
360
|
"reflect": false,
|
|
374
|
-
"defaultValue": "
|
|
361
|
+
"defaultValue": "\"3\""
|
|
375
362
|
},
|
|
376
363
|
"qrModalTitle": {
|
|
377
364
|
"type": "string",
|
|
@@ -6,15 +6,11 @@ import { Success } from "./components/success/Success";
|
|
|
6
6
|
import { RetryButton } from "./components/retryButton/RetryButton";
|
|
7
7
|
import { QR } from "./components/qr/QR";
|
|
8
8
|
import { ReadQR } from "./components/readQR/ReadQR";
|
|
9
|
-
const DEEP_LINK_PREFIX = "https://gataca.
|
|
9
|
+
const DEEP_LINK_PREFIX = "https://api.gataca.io/qr/redirect.html";
|
|
10
10
|
const DEFAULT_SESSION_TIMEOUT = 300;
|
|
11
11
|
const QR_ROLE_CONNECT = "connect";
|
|
12
|
-
const FUNCTION_ROLES = {
|
|
13
|
-
connect: "scan",
|
|
14
|
-
certify: "credential",
|
|
15
|
-
};
|
|
16
12
|
export class GatacaQRWS {
|
|
17
|
-
constructor() { 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.
|
|
13
|
+
constructor() { 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 = logoGataca; this.qrSize = 300; this.modalWidth = 300; this.modalHeight = undefined; this.qrCodeExpiredLabel = "QR Code expired"; this.credentialsNotValidatedLabel = "User credentials not validated"; this.clickInsideBoxLabel = "Click inside the box to"; this.refreshQrLabel = "Refresh QR Code"; this.scanQrLabel = "Scan QR Code"; this.userNotScanInTimeErrorLabel = "User did not scan the QR in the allowed time"; this.credsNotValidatedErrorLabel = "Provided user credentials couldn't be validated"; this.failedLoginErrorLabel = "No successful login"; this.successLoginLabel = "Successful Connection!"; this.byBrandLabel = "by Gataca"; this.waitingStartSessionLabel = "waiting to start a session"; this.readQrTitle = "Processing..."; this.readQrDescription = "Please wait a moment"; this.hideQrModalDescription = false; this.dynamicLink = true; this.sessionId = undefined; this.authenticationRequest = undefined; this.sessionData = undefined; this.result = RESULT_STATUS.NOT_STARTED; }
|
|
18
14
|
disconnectedCallback() {
|
|
19
15
|
this.stop();
|
|
20
16
|
}
|
|
@@ -126,19 +122,11 @@ export class GatacaQRWS {
|
|
|
126
122
|
: Promise.reject(new Error("No successful login"));
|
|
127
123
|
}
|
|
128
124
|
getLink() {
|
|
129
|
-
if (this.
|
|
125
|
+
if (this.v === "2" && this.qrRole == QR_ROLE_CONNECT) {
|
|
130
126
|
return this.authenticationRequest;
|
|
131
127
|
}
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
link +=
|
|
135
|
-
this.qrRole === QR_ROLE_CONNECT
|
|
136
|
-
? "session=" + this.sessionId
|
|
137
|
-
: "process=" + this.sessionId;
|
|
138
|
-
link +=
|
|
139
|
-
"&callback=" + base64UrlEncode(encodeURIComponent(this.callbackServer));
|
|
140
|
-
link = encodeURIComponent(link);
|
|
141
|
-
return this.dynamicLink ? DEEP_LINK_PREFIX + link : link;
|
|
128
|
+
const authRequestEncoded = "?dl=" + base64UrlEncode(this.authenticationRequest);
|
|
129
|
+
return DEEP_LINK_PREFIX + authRequestEncoded;
|
|
142
130
|
}
|
|
143
131
|
renderQRSection() {
|
|
144
132
|
switch (this.result) {
|
|
@@ -387,23 +375,23 @@ export class GatacaQRWS {
|
|
|
387
375
|
"reflect": false,
|
|
388
376
|
"defaultValue": "false"
|
|
389
377
|
},
|
|
390
|
-
"
|
|
391
|
-
"type": "
|
|
378
|
+
"v": {
|
|
379
|
+
"type": "string",
|
|
392
380
|
"mutable": false,
|
|
393
381
|
"complexType": {
|
|
394
|
-
"original": "
|
|
395
|
-
"resolved": "
|
|
382
|
+
"original": "string",
|
|
383
|
+
"resolved": "string",
|
|
396
384
|
"references": {}
|
|
397
385
|
},
|
|
398
386
|
"required": false,
|
|
399
387
|
"optional": true,
|
|
400
388
|
"docs": {
|
|
401
389
|
"tags": [],
|
|
402
|
-
"text": "
|
|
390
|
+
"text": "_[Optional]_\nIf 3, handle deeplink redirects and deprecates (remove) v1 functionality. If not, the create session must be providing both an authentication request and a session Id"
|
|
403
391
|
},
|
|
404
|
-
"attribute": "v
|
|
392
|
+
"attribute": "v",
|
|
405
393
|
"reflect": false,
|
|
406
|
-
"defaultValue": "
|
|
394
|
+
"defaultValue": "\"3\""
|
|
407
395
|
},
|
|
408
396
|
"qrModalTitle": {
|
|
409
397
|
"type": "string",
|
|
@@ -13,7 +13,7 @@ export class GatacaSSIButton {
|
|
|
13
13
|
this.sessionTimeout = undefined;
|
|
14
14
|
this.pollingFrequency = undefined;
|
|
15
15
|
this.autorefresh = false;
|
|
16
|
-
this.
|
|
16
|
+
this.v = "3";
|
|
17
17
|
this.qrModalTitle = "Quick Access";
|
|
18
18
|
this.modalTitleColor = "#4745B7";
|
|
19
19
|
this.qrModalDescription = "Sign up or sign in by scanning the QR Code with the Gataca Wallet";
|
|
@@ -34,7 +34,7 @@ export class GatacaSSIButton {
|
|
|
34
34
|
this.waitingStartSessionLabel = "waiting to start a session";
|
|
35
35
|
this.hideQrModalDescription = false;
|
|
36
36
|
this.open = false;
|
|
37
|
-
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,
|
|
37
|
+
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, v: this.v, qrModalTitle: this.qrModalTitle, qrModalDescription: this.qrModalDescription, hideBrandTitle: this.hideBrandTitle, dynamicLink: this.dynamicLink, logoSize: this.logoSize, logoSrc: this.logoSrc, modalTitleColor: this.modalTitleColor, qrCodeExpiredLabel: this.qrCodeExpiredLabel, credentialsNotValidatedLabel: this.credentialsNotValidatedLabel, clickInsideBoxLabel: this.clickInsideBoxLabel, refreshQrLabel: this.refreshQrLabel, scanQrLabel: this.scanQrLabel, userNotScanInTimeErrorLabel: this.userNotScanInTimeErrorLabel, credsNotValidatedErrorLabel: this.credsNotValidatedErrorLabel, failedLoginErrorLabel: this.failedLoginErrorLabel, successLoginLabel: this.successLoginLabel, byBrandLabel: this.byBrandLabel, waitingStartSessionLabel: this.waitingStartSessionLabel, hideQrModalDescription: this.hideQrModalDescription }));
|
|
38
38
|
}
|
|
39
39
|
/**
|
|
40
40
|
* Retrieve manually the session data on a successful login
|
|
@@ -131,7 +131,7 @@ export class GatacaSSIButton {
|
|
|
131
131
|
"optional": true,
|
|
132
132
|
"docs": {
|
|
133
133
|
"tags": [],
|
|
134
|
-
"text": "***Mandatory***\nCreate session function to generate a new Session\nUsing
|
|
134
|
+
"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"
|
|
135
135
|
},
|
|
136
136
|
"defaultValue": "undefined"
|
|
137
137
|
},
|
|
@@ -257,23 +257,23 @@ export class GatacaSSIButton {
|
|
|
257
257
|
"reflect": false,
|
|
258
258
|
"defaultValue": "false"
|
|
259
259
|
},
|
|
260
|
-
"
|
|
261
|
-
"type": "
|
|
260
|
+
"v": {
|
|
261
|
+
"type": "string",
|
|
262
262
|
"mutable": false,
|
|
263
263
|
"complexType": {
|
|
264
|
-
"original": "
|
|
265
|
-
"resolved": "
|
|
264
|
+
"original": "string",
|
|
265
|
+
"resolved": "string",
|
|
266
266
|
"references": {}
|
|
267
267
|
},
|
|
268
268
|
"required": false,
|
|
269
269
|
"optional": true,
|
|
270
270
|
"docs": {
|
|
271
271
|
"tags": [],
|
|
272
|
-
"text": "_[Optional]_\
|
|
272
|
+
"text": "_[Optional]_\nIf 3, handle deeplink redirects and deprecates (remove) v1 functionality. If not, the create session must be providing both an authentication request and a session Id"
|
|
273
273
|
},
|
|
274
|
-
"attribute": "v
|
|
274
|
+
"attribute": "v",
|
|
275
275
|
"reflect": false,
|
|
276
|
-
"defaultValue": "
|
|
276
|
+
"defaultValue": "\"3\""
|
|
277
277
|
},
|
|
278
278
|
"qrModalTitle": {
|
|
279
279
|
"type": "string",
|
|
@@ -13,13 +13,13 @@ export class GatacaSSIButtonWS {
|
|
|
13
13
|
this.wsOnMessage = undefined;
|
|
14
14
|
this.autostart = true;
|
|
15
15
|
this.autorefresh = false;
|
|
16
|
-
this.
|
|
16
|
+
this.v = "3";
|
|
17
17
|
this.qrModalTitle = "Quick Access";
|
|
18
18
|
this.qrModalDescription = "Sign up or sign in by scanning the QR Code with the Gataca Wallet";
|
|
19
19
|
this.hideBrandTitle = false;
|
|
20
20
|
this.dynamicLink = true;
|
|
21
21
|
this.open = false;
|
|
22
|
-
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,
|
|
22
|
+
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, v: this.v, qrModalTitle: this.qrModalTitle, qrModalDescription: this.qrModalDescription, hideBrandTitle: this.hideBrandTitle, dynamicLink: this.dynamicLink }));
|
|
23
23
|
}
|
|
24
24
|
/**
|
|
25
25
|
* Retrieve manually the session data on a successful login
|
|
@@ -257,23 +257,23 @@ export class GatacaSSIButtonWS {
|
|
|
257
257
|
"reflect": false,
|
|
258
258
|
"defaultValue": "false"
|
|
259
259
|
},
|
|
260
|
-
"
|
|
261
|
-
"type": "
|
|
260
|
+
"v": {
|
|
261
|
+
"type": "string",
|
|
262
262
|
"mutable": false,
|
|
263
263
|
"complexType": {
|
|
264
|
-
"original": "
|
|
265
|
-
"resolved": "
|
|
264
|
+
"original": "string",
|
|
265
|
+
"resolved": "string",
|
|
266
266
|
"references": {}
|
|
267
267
|
},
|
|
268
268
|
"required": false,
|
|
269
269
|
"optional": true,
|
|
270
270
|
"docs": {
|
|
271
271
|
"tags": [],
|
|
272
|
-
"text": "**RECOMMENDED**\
|
|
272
|
+
"text": "**RECOMMENDED**\nIf 3, handle deeplink redirects and deprecates (remove) v1 functionality. If not, the create session must be providing both an authentication request and a session Id"
|
|
273
273
|
},
|
|
274
|
-
"attribute": "v
|
|
274
|
+
"attribute": "v",
|
|
275
275
|
"reflect": false,
|
|
276
|
-
"defaultValue": "
|
|
276
|
+
"defaultValue": "\"3\""
|
|
277
277
|
},
|
|
278
278
|
"qrModalTitle": {
|
|
279
279
|
"type": "string",
|
|
@@ -75,18 +75,18 @@ const GatacaAutoQR = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
75
75
|
selectQR() {
|
|
76
76
|
if (this.config.useButton) {
|
|
77
77
|
if (this.config.useWs) {
|
|
78
|
-
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, qrRole: this.config.qrRole, callbackServer: this.config.callbackServer, sessionTimeout: this.config.sessionTimeout, socketEndpoint: this.config.socketEndpoint, autostart: true, autorefresh: this.config.autorefresh,
|
|
78
|
+
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, 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 }));
|
|
79
79
|
}
|
|
80
80
|
else {
|
|
81
|
-
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, qrRole: this.config.qrRole, callbackServer: this.config.callbackServer, sessionTimeout: this.config.sessionTimeout, pollingFrequency: this.config.pollingFrequency, autorefresh: this.config.autorefresh,
|
|
81
|
+
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, 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 }));
|
|
82
82
|
}
|
|
83
83
|
}
|
|
84
84
|
else {
|
|
85
85
|
if (this.config.useWs) {
|
|
86
|
-
this.qr = (h("gataca-qrws", { wsOnMessage: this.wsOnMessage || this.config.wsOnMessage, wsOnOpen: this.wsOnOpen || this.config.wsOnOpen, successCallback: this.successCallback || this.config.successCallback, 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,
|
|
86
|
+
this.qr = (h("gataca-qrws", { wsOnMessage: this.wsOnMessage || this.config.wsOnMessage, wsOnOpen: this.wsOnOpen || this.config.wsOnOpen, successCallback: this.successCallback || this.config.successCallback, 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 }));
|
|
87
87
|
}
|
|
88
88
|
else {
|
|
89
|
-
this.qr = (h("gataca-qr", { checkStatus: this.checkStatus || this.config.checkStatus, createSession: this.createSession || this.config.createSession, successCallback: this.successCallback || this.config.successCallback, 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,
|
|
89
|
+
this.qr = (h("gataca-qr", { checkStatus: this.checkStatus || this.config.checkStatus, createSession: this.createSession || this.config.createSession, successCallback: this.successCallback || this.config.successCallback, 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 }));
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
}
|
|
@@ -68,17 +68,12 @@ const QR = (props) => {
|
|
|
68
68
|
|
|
69
69
|
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)}}";
|
|
70
70
|
|
|
71
|
-
const DEEP_LINK_PREFIX = "https://gataca.
|
|
71
|
+
const DEEP_LINK_PREFIX = "https://api.gataca.io/qr/redirect.html";
|
|
72
72
|
//Default values
|
|
73
73
|
const DEFAULT_SESSION_TIMEOUT = 300; //5mins as in connect
|
|
74
74
|
const DEFAULT_POLLING_FREQ = 3;
|
|
75
|
-
const QR_ROLE_CONNECT = "connect";
|
|
76
|
-
const FUNCTION_ROLES = {
|
|
77
|
-
connect: "scan",
|
|
78
|
-
certify: "credential",
|
|
79
|
-
};
|
|
80
75
|
const GatacaQR = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
81
|
-
constructor() { super(); this.__registerHost(); this.__attachShadow(); 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.
|
|
76
|
+
constructor() { super(); this.__registerHost(); this.__attachShadow(); 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.v = "3"; this.qrModalTitle = "Quick Access"; this.modalTitleColor = "#4745B7"; this.qrModalDescription = "Sign up or sign in by scanning the QR Code with the Gataca Wallet"; this.hideModalTexts = false; this.hideModalBoxShadow = false; this.hideBrandTitle = false; this.logoSize = 0; this.logoSrc = logoGatacaSvg; this.qrSize = 300; this.modalWidth = 300; this.modalHeight = undefined; this.qrCodeExpiredLabel = "QR Code expired"; this.credentialsNotValidatedLabel = "User credentials not validated"; this.clickInsideBoxLabel = "Click inside the box to"; this.refreshQrLabel = "Refresh QR Code"; this.scanQrLabel = "Scan QR Code"; this.userNotScanInTimeErrorLabel = "User did not scan the QR in the allowed time"; this.credsNotValidatedErrorLabel = "Provided user credentials couldn't be validated"; this.failedLoginErrorLabel = "No successful login"; this.successLoginLabel = "Successful Connection!"; this.byBrandLabel = "by Gataca"; this.waitingStartSessionLabel = "waiting to start a session"; this.readQrTitle = "Processing..."; this.readQrDescription = "Please wait a moment"; this.hideQrModalDescription = false; this.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; }
|
|
82
77
|
disconnectedCallback() {
|
|
83
78
|
this.stop();
|
|
84
79
|
}
|
|
@@ -152,19 +147,11 @@ const GatacaQR = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
152
147
|
return this.sessionId;
|
|
153
148
|
}
|
|
154
149
|
getLink() {
|
|
155
|
-
if (this.
|
|
150
|
+
if (this.v === "2") {
|
|
156
151
|
return this.authenticationRequest;
|
|
157
152
|
}
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
link +=
|
|
161
|
-
this.qrRole === QR_ROLE_CONNECT
|
|
162
|
-
? "session=" + this.sessionId
|
|
163
|
-
: "process=" + this.sessionId;
|
|
164
|
-
link +=
|
|
165
|
-
"&callback=" + base64UrlEncode(encodeURIComponent(this.callbackServer));
|
|
166
|
-
link = encodeURIComponent(link);
|
|
167
|
-
return this.dynamicLink ? DEEP_LINK_PREFIX + link : link;
|
|
153
|
+
const authRequestEncoded = "?dl=" + base64UrlEncode(this.authenticationRequest);
|
|
154
|
+
return DEEP_LINK_PREFIX + authRequestEncoded;
|
|
168
155
|
}
|
|
169
156
|
async poll() {
|
|
170
157
|
let endTime = new Date().getTime() +
|
|
@@ -263,7 +250,7 @@ const GatacaQR = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
263
250
|
"callbackServer": [1, "callback-server"],
|
|
264
251
|
"autostart": [4],
|
|
265
252
|
"autorefresh": [4],
|
|
266
|
-
"
|
|
253
|
+
"v": [1],
|
|
267
254
|
"qrModalTitle": [1, "qr-modal-title"],
|
|
268
255
|
"modalTitleColor": [1, "modal-title-color"],
|
|
269
256
|
"qrModalDescription": [1, "qr-modal-description"],
|
|
@@ -68,15 +68,11 @@ const ReadQR = (props) => {
|
|
|
68
68
|
|
|
69
69
|
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)}}";
|
|
70
70
|
|
|
71
|
-
const DEEP_LINK_PREFIX = "https://gataca.
|
|
71
|
+
const DEEP_LINK_PREFIX = "https://api.gataca.io/qr/redirect.html";
|
|
72
72
|
const DEFAULT_SESSION_TIMEOUT = 300;
|
|
73
73
|
const QR_ROLE_CONNECT = "connect";
|
|
74
|
-
const FUNCTION_ROLES = {
|
|
75
|
-
connect: "scan",
|
|
76
|
-
certify: "credential",
|
|
77
|
-
};
|
|
78
74
|
const GatacaQRWS = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
79
|
-
constructor() { super(); this.__registerHost(); this.__attachShadow(); 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.
|
|
75
|
+
constructor() { super(); this.__registerHost(); this.__attachShadow(); 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.v = "3"; this.qrModalTitle = "Quick Access"; this.modalTitleColor = "#4745B7"; this.qrModalDescription = "Sign up or sign in by scanning the QR Code with the Gataca Wallet"; this.hideModalTexts = false; this.hideModalBoxShadow = false; this.hideBrandTitle = false; this.logoSize = 0; this.logoSrc = logoGatacaSvg; this.qrSize = 300; this.modalWidth = 300; this.modalHeight = undefined; this.qrCodeExpiredLabel = "QR Code expired"; this.credentialsNotValidatedLabel = "User credentials not validated"; this.clickInsideBoxLabel = "Click inside the box to"; this.refreshQrLabel = "Refresh QR Code"; this.scanQrLabel = "Scan QR Code"; this.userNotScanInTimeErrorLabel = "User did not scan the QR in the allowed time"; this.credsNotValidatedErrorLabel = "Provided user credentials couldn't be validated"; this.failedLoginErrorLabel = "No successful login"; this.successLoginLabel = "Successful Connection!"; this.byBrandLabel = "by Gataca"; this.waitingStartSessionLabel = "waiting to start a session"; this.readQrTitle = "Processing..."; this.readQrDescription = "Please wait a moment"; this.hideQrModalDescription = false; this.dynamicLink = true; this.sessionId = undefined; this.authenticationRequest = undefined; this.sessionData = undefined; this.result = RESULT_STATUS.NOT_STARTED; }
|
|
80
76
|
disconnectedCallback() {
|
|
81
77
|
this.stop();
|
|
82
78
|
}
|
|
@@ -188,19 +184,11 @@ const GatacaQRWS = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
188
184
|
: Promise.reject(new Error("No successful login"));
|
|
189
185
|
}
|
|
190
186
|
getLink() {
|
|
191
|
-
if (this.
|
|
187
|
+
if (this.v === "2" && this.qrRole == QR_ROLE_CONNECT) {
|
|
192
188
|
return this.authenticationRequest;
|
|
193
189
|
}
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
link +=
|
|
197
|
-
this.qrRole === QR_ROLE_CONNECT
|
|
198
|
-
? "session=" + this.sessionId
|
|
199
|
-
: "process=" + this.sessionId;
|
|
200
|
-
link +=
|
|
201
|
-
"&callback=" + base64UrlEncode(encodeURIComponent(this.callbackServer));
|
|
202
|
-
link = encodeURIComponent(link);
|
|
203
|
-
return this.dynamicLink ? DEEP_LINK_PREFIX + link : link;
|
|
190
|
+
const authRequestEncoded = "?dl=" + base64UrlEncode(this.authenticationRequest);
|
|
191
|
+
return DEEP_LINK_PREFIX + authRequestEncoded;
|
|
204
192
|
}
|
|
205
193
|
renderQRSection() {
|
|
206
194
|
switch (this.result) {
|
|
@@ -265,7 +253,7 @@ const GatacaQRWS = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
265
253
|
"wsOnMessage": [16],
|
|
266
254
|
"autostart": [4],
|
|
267
255
|
"autorefresh": [4],
|
|
268
|
-
"
|
|
256
|
+
"v": [1],
|
|
269
257
|
"qrModalTitle": [1, "qr-modal-title"],
|
|
270
258
|
"modalTitleColor": [1, "modal-title-color"],
|
|
271
259
|
"qrModalDescription": [1, "qr-modal-description"],
|
|
@@ -22,7 +22,7 @@ const GatacaSSIButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
|
|
|
22
22
|
this.sessionTimeout = undefined;
|
|
23
23
|
this.pollingFrequency = undefined;
|
|
24
24
|
this.autorefresh = false;
|
|
25
|
-
this.
|
|
25
|
+
this.v = "3";
|
|
26
26
|
this.qrModalTitle = "Quick Access";
|
|
27
27
|
this.modalTitleColor = "#4745B7";
|
|
28
28
|
this.qrModalDescription = "Sign up or sign in by scanning the QR Code with the Gataca Wallet";
|
|
@@ -43,7 +43,7 @@ const GatacaSSIButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
|
|
|
43
43
|
this.waitingStartSessionLabel = "waiting to start a session";
|
|
44
44
|
this.hideQrModalDescription = false;
|
|
45
45
|
this.open = false;
|
|
46
|
-
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,
|
|
46
|
+
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, v: this.v, qrModalTitle: this.qrModalTitle, qrModalDescription: this.qrModalDescription, hideBrandTitle: this.hideBrandTitle, dynamicLink: this.dynamicLink, logoSize: this.logoSize, logoSrc: this.logoSrc, modalTitleColor: this.modalTitleColor, qrCodeExpiredLabel: this.qrCodeExpiredLabel, credentialsNotValidatedLabel: this.credentialsNotValidatedLabel, clickInsideBoxLabel: this.clickInsideBoxLabel, refreshQrLabel: this.refreshQrLabel, scanQrLabel: this.scanQrLabel, userNotScanInTimeErrorLabel: this.userNotScanInTimeErrorLabel, credsNotValidatedErrorLabel: this.credsNotValidatedErrorLabel, failedLoginErrorLabel: this.failedLoginErrorLabel, successLoginLabel: this.successLoginLabel, byBrandLabel: this.byBrandLabel, waitingStartSessionLabel: this.waitingStartSessionLabel, hideQrModalDescription: this.hideQrModalDescription }));
|
|
47
47
|
}
|
|
48
48
|
/**
|
|
49
49
|
* Retrieve manually the session data on a successful login
|
|
@@ -80,7 +80,7 @@ const GatacaSSIButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
|
|
|
80
80
|
"sessionTimeout": [2, "session-timeout"],
|
|
81
81
|
"pollingFrequency": [2, "polling-frequency"],
|
|
82
82
|
"autorefresh": [4],
|
|
83
|
-
"
|
|
83
|
+
"v": [1],
|
|
84
84
|
"qrModalTitle": [1, "qr-modal-title"],
|
|
85
85
|
"modalTitleColor": [1, "modal-title-color"],
|
|
86
86
|
"qrModalDescription": [1, "qr-modal-description"],
|
|
@@ -23,13 +23,13 @@ const GatacaSSIButtonWS = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
|
|
|
23
23
|
this.wsOnMessage = undefined;
|
|
24
24
|
this.autostart = true;
|
|
25
25
|
this.autorefresh = false;
|
|
26
|
-
this.
|
|
26
|
+
this.v = "3";
|
|
27
27
|
this.qrModalTitle = "Quick Access";
|
|
28
28
|
this.qrModalDescription = "Sign up or sign in by scanning the QR Code with the Gataca Wallet";
|
|
29
29
|
this.hideBrandTitle = false;
|
|
30
30
|
this.dynamicLink = true;
|
|
31
31
|
this.open = false;
|
|
32
|
-
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,
|
|
32
|
+
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, v: this.v, qrModalTitle: this.qrModalTitle, qrModalDescription: this.qrModalDescription, hideBrandTitle: this.hideBrandTitle, dynamicLink: this.dynamicLink }));
|
|
33
33
|
}
|
|
34
34
|
/**
|
|
35
35
|
* Retrieve manually the session data on a successful login
|
|
@@ -67,7 +67,7 @@ const GatacaSSIButtonWS = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
|
|
|
67
67
|
"wsOnMessage": [16],
|
|
68
68
|
"autostart": [4],
|
|
69
69
|
"autorefresh": [4],
|
|
70
|
-
"
|
|
70
|
+
"v": [1],
|
|
71
71
|
"qrModalTitle": [1, "qr-modal-title"],
|
|
72
72
|
"qrModalDescription": [1, "qr-modal-description"],
|
|
73
73
|
"hideBrandTitle": [4, "hide-brand-title"],
|
|
@@ -18,15 +18,6 @@ export { GatacaSSIButtonWS as GatacaSsibuttonws } from '../types/components/gata
|
|
|
18
18
|
*/
|
|
19
19
|
export declare const setAssetPath: (path: string) => void;
|
|
20
20
|
|
|
21
|
-
/**
|
|
22
|
-
* Used to specify a nonce value that corresponds with an application's CSP.
|
|
23
|
-
* When set, the nonce will be added to all dynamically created script and style tags at runtime.
|
|
24
|
-
* Alternatively, the nonce value can be set on a meta tag in the DOM head
|
|
25
|
-
* (<meta name="csp-nonce" content="{ nonce value here }" />) which
|
|
26
|
-
* will result in the same behavior.
|
|
27
|
-
*/
|
|
28
|
-
export declare const setNonce: (nonce: string) => void
|
|
29
|
-
|
|
30
21
|
export interface SetPlatformOptions {
|
|
31
22
|
raf?: (c: FrameRequestCallback) => number;
|
|
32
23
|
ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
|
package/dist/components/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { setAssetPath,
|
|
1
|
+
export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
|
|
2
2
|
export { R as RESULT_STATUS, b as base64UrlEncode, c as checkMobile } from './gat-icon-alert.js';
|
|
3
3
|
export { GatacaAutoqr, defineCustomElement as defineCustomElementGatacaAutoqr } from './gataca-autoqr.js';
|
|
4
4
|
export { GatacaQr, defineCustomElement as defineCustomElementGatacaQr } from './gataca-qr.js';
|