@gataca/qr 2.0.0 → 2.0.2
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/gatacaqr/app-globals-0f993ce5.js +3 -0
- package/dist/gatacaqr/css-shim-8eec97b3.js +4 -0
- package/dist/gatacaqr/dom-1b0cf05d.js +73 -0
- package/dist/{components/gat-icon-refresh.js → gatacaqr/gat-icon-refresh-8d3dc25f.js} +1 -23
- package/dist/{esm → gatacaqr}/gataca-autoqr.entry.js +19 -2
- package/dist/{esm → gatacaqr}/gataca-qr.entry.js +4 -4
- package/dist/gatacaqr/gataca-qrdisplay-0320bb25.js +97 -0
- package/dist/gatacaqr/gataca-qrdisplay.entry.js +2 -0
- package/dist/{esm/gataca-qrdisplay_2.entry.js → gatacaqr/gataca-qrws.entry.js} +5 -47
- package/dist/{components/gataca-ssibutton2.js → gatacaqr/gataca-ssibutton.entry.js} +8 -52
- package/dist/{components/gataca-ssibuttonws2.js → gatacaqr/gataca-ssibuttonws.entry.js} +7 -53
- package/dist/gatacaqr/gatacaqr.esm.js +129 -1
- package/dist/gatacaqr/index-d0db23e4.js +3262 -0
- package/dist/gatacaqr/index.esm.js +1 -1
- package/dist/gatacaqr/shadow-css-146f2f6f.js +387 -0
- package/package.json +1 -1
- package/dist/cjs/gat-icon-refresh-751505ff.js +0 -14
- package/dist/cjs/gataca-autoqr.cjs.entry.js +0 -88
- package/dist/cjs/gataca-qr.cjs.entry.js +0 -175
- package/dist/cjs/gataca-qrdisplay_2.cjs.entry.js +0 -219
- package/dist/cjs/gataca-ssibutton_2.cjs.entry.js +0 -114
- package/dist/cjs/gatacaqr.cjs.js +0 -19
- package/dist/cjs/index-0b7a1532.js +0 -1410
- package/dist/cjs/index.cjs.js +0 -16
- package/dist/cjs/loader.cjs.js +0 -21
- package/dist/cjs/qr-code-styling-412bbc7a.js +0 -28
- package/dist/cjs/utils-383ee834.js +0 -26
- package/dist/collection/assets/icons/gat-icon-alert.svg +0 -5
- package/dist/collection/assets/icons/gat-icon-check.svg +0 -5
- package/dist/collection/assets/icons/gat-icon-refresh.svg +0 -4
- package/dist/collection/assets/images/logo_gataca.svg +0 -26
- package/dist/collection/collection-manifest.json +0 -17
- package/dist/collection/components/gataca-autoqr/gataca-autoqr.css +0 -116
- package/dist/collection/components/gataca-autoqr/gataca-autoqr.js +0 -306
- package/dist/collection/components/gataca-qr/gataca-qr.css +0 -249
- package/dist/collection/components/gataca-qr/gataca-qr.js +0 -557
- package/dist/collection/components/gataca-qrdisplay/gataca-qrdisplay.js +0 -154
- package/dist/collection/components/gataca-qrws/gataca-qrws.css +0 -249
- package/dist/collection/components/gataca-qrws/gataca-qrws.js +0 -566
- package/dist/collection/components/gataca-ssibutton/gataca-ssibutton.css +0 -116
- package/dist/collection/components/gataca-ssibutton/gataca-ssibutton.js +0 -395
- package/dist/collection/components/gataca-ssibuttonws/gataca-ssibuttonws.css +0 -116
- package/dist/collection/components/gataca-ssibuttonws/gataca-ssibuttonws.js +0 -410
- package/dist/collection/index.js +0 -2
- package/dist/collection/utils/index.js +0 -1
- package/dist/collection/utils/utils.js +0 -21
- package/dist/components/gataca-autoqr.js +0 -144
- package/dist/components/gataca-qr.js +0 -6
- package/dist/components/gataca-qr2.js +0 -211
- package/dist/components/gataca-qrdisplay.js +0 -6
- package/dist/components/gataca-qrdisplay2.js +0 -93
- package/dist/components/gataca-qrws.js +0 -6
- package/dist/components/gataca-qrws2.js +0 -212
- package/dist/components/gataca-ssibutton.js +0 -6
- package/dist/components/gataca-ssibuttonws.js +0 -6
- package/dist/components/index.js +0 -8
- package/dist/esm/gat-icon-refresh-179ea123.js +0 -9
- package/dist/esm/gataca-ssibutton_2.entry.js +0 -109
- package/dist/esm/gatacaqr.js +0 -17
- package/dist/esm/index-19eef502.js +0 -1384
- package/dist/esm/index.js +0 -1
- package/dist/esm/loader.js +0 -17
- package/dist/esm/polyfills/core-js.js +0 -11
- package/dist/esm/polyfills/css-shim.js +0 -1
- package/dist/esm/polyfills/dom.js +0 -79
- package/dist/esm/polyfills/es5-html-element.js +0 -1
- package/dist/esm/polyfills/index.js +0 -34
- package/dist/esm/polyfills/system.js +0 -6
- package/dist/esm/qr-code-styling-0eeb38d5.js +0 -26
- package/dist/gatacaqr/p-0905677f.entry.js +0 -1
- package/dist/gatacaqr/p-0be4566d.js +0 -1
- package/dist/gatacaqr/p-1d35273f.entry.js +0 -1
- package/dist/gatacaqr/p-2f22c7fc.js +0 -1
- package/dist/gatacaqr/p-4139a068.entry.js +0 -1
- package/dist/gatacaqr/p-a6f85341.js +0 -2
- package/dist/gatacaqr/p-b8ba109f.js +0 -1
- package/dist/gatacaqr/p-f85d7e76.entry.js +0 -1
- package/dist/index.cjs.js +0 -1
- package/dist/index.js +0 -1
- /package/dist/{esm → gatacaqr}/utils-05ba6c9f.js +0 -0
|
@@ -1,212 +0,0 @@
|
|
|
1
|
-
import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
|
|
2
|
-
import { R as RESULT_STATUS, c as checkMobile, b as base64UrlEncode, g as gatIconCheckSvg, a as gatIconRefreshSvg, d as gatIconAlertSvg } from './gat-icon-refresh.js';
|
|
3
|
-
import { l as logoGatacaSvg, d as defineCustomElement$1 } from './gataca-qrdisplay2.js';
|
|
4
|
-
|
|
5
|
-
const gatacaQrwsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}.img-fluid{height:auto;max-width:50%}img{margin-left:auto;margin-right:auto}.brandSection{padding-top:5px;display:flex;align-items:center}.brandSection .gatacaImgSmall{height:13px;width:13px;margin:0;margin-right:10px}.popUpContainer .modal-window{position:relative;border-radius:6px;color:rgba(24, 27, 94, 0.8);box-shadow:0px 3px 10px rgba(48, 48, 48, 0.1);display:flex;flex-direction:column;justify-content:space-between;align-items:center;display:flex;z-index:1001;width:300px;min-height:408px;border-radius:12px;-webkit-transition:opacity 0.5s, visibility 0s 0.5s;transition:opacity 0.5s, visibility 0s 0.5s;visibility:hidden;opacity:0}.popUpContainer .modal-window__content{width:100%;height:100%;text-align:left}.popUpContainer .modal-window p{font-family:\"Work Sans\", \"Helvetica Neue\", sans-serif;font-weight:normal;font-size:12px;letter-spacing:1px;color:#181B5E}.popUpContainer .modal-window .qrTitleContainer{padding:24px;padding-bottom:0px}.popUpContainer .modal-window .qrTitle{font-size:20px;font-weight:600;line-height:23.5px}.popUpContainer .modal-window .qrDescription{font-weight:400;font-size:14px;line-height:16.5px;padding-top:12px;padding-bottom:5px;color:#A1A1A1}.popUpContainer .modal-window .bold{font-weight:600}.popUpContainer .modal-window .qrBrand{margin-top:4px;font-size:14px;font-weight:400;line-height:16.5px;display:flex;align-items:center}.popUpContainer .modal-window .qrBrand img{margin-left:5px;height:12px}.popUpContainer .modal-window .qr-section{width:252px;height:252px}.popUpContainer .reload{height:252px;width:252px;border:1px dashed #A1A1A1;border-radius:12px;position:relative;margin:24px;display:flex;justify-content:center;align-items:center}.popUpContainer #qrwait{display:flex;justify-content:center}.popUpContainer #qrwait,.popUpContainer #notify{width:100%;height:100%;top:0;left:0;border-radius:20px}.popUpContainer #notify{z-index:10;background-color:gray;position:absolute;justify-self:center;justify-items:center;justify-content:center;align-items:center;align-content:center;align-self:center;display:flex;flex-direction:column;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background:rgba(255, 255, 255, 0.9);}.popUpContainer .notify-text{font-family:\"Work Sans\";font-style:normal;font-weight:400;font-size:14px;line-height:16px;text-align:center;font-feature-settings:\"salt\" on;color:#8B8B8B;flex:none;order:1;align-self:stretch;flex-grow:0}.popUpContainer .alert{display:flex;flex-direction:row;align-items:center;justify-content:start;width:252px;position:absolute;bottom:0;background:#FFE5E5;border-radius:12px}.popUpContainer .alert img{margin:12px}.popUpContainer .alert p{font-weight:400;font-size:14px;line-height:16px;color:black}.popUpContainer .success{display:flex;height:300px;flex-direction:column;justify-content:center;align-items:center;padding:0px}.popUpContainer .success .successMsg{margin-top:20px;font-size:20px;font-weight:600;line-height:23.5px}.popUpContainer .is-visible{opacity:1;visibility:visible}.is-transparent{opacity:0}";
|
|
6
|
-
|
|
7
|
-
const DEEP_LINK_PREFIX = "https://gataca.page.link/?apn=com.gatacaapp&ibi=com.gataca.wallet&link=";
|
|
8
|
-
const DEFAULT_SESSION_TIMEOUT = 300;
|
|
9
|
-
const QR_ROLE_CONNECT = "connect";
|
|
10
|
-
const FUNCTION_ROLES = {
|
|
11
|
-
connect: "scan",
|
|
12
|
-
certify: "credential",
|
|
13
|
-
};
|
|
14
|
-
const GatacaQRWS = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
15
|
-
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.v2 = false; this.qrModalTitle = "Quick Access"; this.qrModalDescription = "Sign up or sign in by scanning the QR Code with the Gataca Wallet"; this.hideBrandTitle = false; this.dynamicLink = true; this.sessionId = undefined; this.authenticationRequest = undefined; this.sessionData = undefined; this.result = RESULT_STATUS.NOT_STARTED; }
|
|
16
|
-
disconnectedCallback() {
|
|
17
|
-
this.stop();
|
|
18
|
-
}
|
|
19
|
-
async componentDidLoad() {
|
|
20
|
-
if (this.autostart) {
|
|
21
|
-
await this.display();
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* Force manually the display of a QR
|
|
26
|
-
*/
|
|
27
|
-
async display() {
|
|
28
|
-
let socket = new WebSocket(this.socketEndpoint);
|
|
29
|
-
setTimeout(() => {
|
|
30
|
-
this.socket.close(1000, "");
|
|
31
|
-
}, 1000 * this.sessionTimeout);
|
|
32
|
-
this.socket = socket;
|
|
33
|
-
socket.onopen = () => {
|
|
34
|
-
if (this.wsOnOpen)
|
|
35
|
-
this.wsOnOpen(this.socket);
|
|
36
|
-
};
|
|
37
|
-
socket.onmessage = (msg) => {
|
|
38
|
-
if (this.wsOnMessage) {
|
|
39
|
-
this.wsOnMessage(this.socket, msg);
|
|
40
|
-
}
|
|
41
|
-
else {
|
|
42
|
-
let wsresp = JSON.parse(msg.data);
|
|
43
|
-
if (!!wsresp.sessionId) {
|
|
44
|
-
this.handleWSResponse(wsresp);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
socket.onerror = () => {
|
|
49
|
-
let error = new Error("Error connecting with server");
|
|
50
|
-
this.result = RESULT_STATUS.FAILED;
|
|
51
|
-
this.gatacaLoginFailed.emit(error);
|
|
52
|
-
this.errorCallback(error);
|
|
53
|
-
socket.close(1000, "");
|
|
54
|
-
};
|
|
55
|
-
socket.onclose = () => {
|
|
56
|
-
if (this.result === RESULT_STATUS.ONGOING) {
|
|
57
|
-
this.result = RESULT_STATUS.EXPIRED;
|
|
58
|
-
}
|
|
59
|
-
if (this.result === RESULT_STATUS.EXPIRED) {
|
|
60
|
-
if (this.autorefresh) {
|
|
61
|
-
this.display();
|
|
62
|
-
}
|
|
63
|
-
else {
|
|
64
|
-
let error = new Error("User did not scan the QR in the alloted time");
|
|
65
|
-
this.gatacaLoginFailed.emit(error);
|
|
66
|
-
this.errorCallback(error);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
if (checkMobile() && this.dynamicLink) {
|
|
71
|
-
window.location.href = this.getLink();
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
sessionMsgReceived(event) {
|
|
75
|
-
let wsresp = event.detail;
|
|
76
|
-
this.handleWSResponse(wsresp);
|
|
77
|
-
}
|
|
78
|
-
handleWSResponse(wsresp) {
|
|
79
|
-
this.result = wsresp.result;
|
|
80
|
-
switch (wsresp.result) {
|
|
81
|
-
case RESULT_STATUS.ONGOING:
|
|
82
|
-
this.sessionId = wsresp.sessionId;
|
|
83
|
-
this.authenticationRequest = wsresp.authenticationRequest;
|
|
84
|
-
break;
|
|
85
|
-
case RESULT_STATUS.SUCCESS:
|
|
86
|
-
this.sessionData = wsresp.authenticatedUserData;
|
|
87
|
-
this.gatacaLoginCompleted.emit(wsresp.authenticatedUserData);
|
|
88
|
-
this.successCallback(wsresp.authenticatedUserData);
|
|
89
|
-
this.socket.close(1000, "");
|
|
90
|
-
break;
|
|
91
|
-
case RESULT_STATUS.FAILED:
|
|
92
|
-
this.socket.close();
|
|
93
|
-
let error = new Error("Provided user credentials couldn't be validated");
|
|
94
|
-
this.gatacaLoginFailed.emit(error);
|
|
95
|
-
this.errorCallback(error);
|
|
96
|
-
break;
|
|
97
|
-
case RESULT_STATUS.EXPIRED:
|
|
98
|
-
this.socket.close();
|
|
99
|
-
if (this.autorefresh) {
|
|
100
|
-
this.display();
|
|
101
|
-
}
|
|
102
|
-
else {
|
|
103
|
-
let error = new Error("User did not scan the QR in the alloted time");
|
|
104
|
-
this.gatacaLoginFailed.emit(error);
|
|
105
|
-
this.errorCallback(error);
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
/**
|
|
110
|
-
* Stop manually an ongoing session
|
|
111
|
-
*/
|
|
112
|
-
async stop() {
|
|
113
|
-
this.sessionData = undefined;
|
|
114
|
-
this.sessionId = undefined;
|
|
115
|
-
this.socket.close(1000, "Client stopped the connection");
|
|
116
|
-
}
|
|
117
|
-
/**
|
|
118
|
-
* Retrieve manually the session data on a successful login
|
|
119
|
-
*/
|
|
120
|
-
async getSessionData() {
|
|
121
|
-
return this.sessionData
|
|
122
|
-
? Promise.resolve(this.sessionData)
|
|
123
|
-
: Promise.reject(new Error("No successful login"));
|
|
124
|
-
}
|
|
125
|
-
getLink() {
|
|
126
|
-
if (this.v2 && this.qrRole == QR_ROLE_CONNECT) {
|
|
127
|
-
return this.authenticationRequest;
|
|
128
|
-
}
|
|
129
|
-
let op = FUNCTION_ROLES[this.qrRole];
|
|
130
|
-
let link = "https://gataca.page.link/" + op + "?";
|
|
131
|
-
link +=
|
|
132
|
-
this.qrRole === QR_ROLE_CONNECT
|
|
133
|
-
? "session=" + this.sessionId
|
|
134
|
-
: "process=" + this.sessionId;
|
|
135
|
-
link +=
|
|
136
|
-
"&callback=" + base64UrlEncode(encodeURIComponent(this.callbackServer));
|
|
137
|
-
link = encodeURIComponent(link);
|
|
138
|
-
return this.dynamicLink ? DEEP_LINK_PREFIX + link : link;
|
|
139
|
-
}
|
|
140
|
-
renderQRSection() {
|
|
141
|
-
switch (this.result) {
|
|
142
|
-
case RESULT_STATUS.NOT_STARTED:
|
|
143
|
-
return this.renderRetryButton();
|
|
144
|
-
case RESULT_STATUS.ONGOING:
|
|
145
|
-
return this.renderQR(this.getLink(), 300, true);
|
|
146
|
-
case RESULT_STATUS.EXPIRED:
|
|
147
|
-
return this.renderRetryButton("QR Code expired");
|
|
148
|
-
case RESULT_STATUS.FAILED:
|
|
149
|
-
return this.renderRetryButton("User credentials not validated");
|
|
150
|
-
case RESULT_STATUS.SUCCESS:
|
|
151
|
-
return this.renderSuccess();
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
renderSuccess() {
|
|
155
|
-
return (h("div", { class: "success" }, h("img", { src: gatIconCheckSvg, height: 52, width: 52 }), h("p", { class: "successMsg" }, "Successful Connection!")));
|
|
156
|
-
}
|
|
157
|
-
renderRetryButton(errorMessage) {
|
|
158
|
-
return (h("div", { class: "reload" }, h("div", { id: "notify", onClick: () => this.display() }, h("img", { src: gatIconRefreshSvg, height: 24, width: 24 }), h("p", { class: "qrDescription" }, "Click inside the box to "), errorMessage ? (h("p", { class: "qrDescription bold" }, "Refresh QR Code")) : (h("p", { class: "qrDescription bold" }, "Scan QR Code")), errorMessage && (h("div", { class: "alert" }, h("img", { src: gatIconAlertSvg, height: 24, width: 24 }), h("p", null, errorMessage)))), h("div", { id: "qrwait" }, this.renderQR("waiting to start a session", 250))));
|
|
159
|
-
}
|
|
160
|
-
renderQR(value, size, useLogo) {
|
|
161
|
-
return (h("gataca-qrdisplay", { qrData: value, rounded: true, size: size, "logo-size": useLogo ? 0.33 : 0 }));
|
|
162
|
-
}
|
|
163
|
-
render() {
|
|
164
|
-
return (h("div", { class: "popUpContainer" }, h("div", { class: "modal-window is-visible", onClick: (event) => {
|
|
165
|
-
event.stopPropagation();
|
|
166
|
-
} }, h("div", { class: "modal-window__content" }, h("div", { class: "qrTitleContainer" }, h("p", { class: "qrTitle" }, this.qrModalTitle), !this.hideBrandTitle && (h("p", { class: "qrBrand" }, "by Gataca", " ", h("span", null, h("img", { src: logoGatacaSvg })))), this.result !== RESULT_STATUS.SUCCESS && (h("p", { class: "qrDescription" }, this.qrModalDescription))), h("div", { class: "qrSection" }, this.renderQRSection())))));
|
|
167
|
-
}
|
|
168
|
-
static get style() { return gatacaQrwsCss; }
|
|
169
|
-
}, [1, "gataca-qrws", {
|
|
170
|
-
"successCallback": [16],
|
|
171
|
-
"errorCallback": [16],
|
|
172
|
-
"qrRole": [1, "qr-role"],
|
|
173
|
-
"callbackServer": [1, "callback-server"],
|
|
174
|
-
"socketEndpoint": [1, "socket-endpoint"],
|
|
175
|
-
"sessionTimeout": [2, "session-timeout"],
|
|
176
|
-
"wsOnOpen": [16],
|
|
177
|
-
"wsOnMessage": [16],
|
|
178
|
-
"autostart": [4],
|
|
179
|
-
"autorefresh": [4],
|
|
180
|
-
"v2": [4, "v-2"],
|
|
181
|
-
"qrModalTitle": [1, "qr-modal-title"],
|
|
182
|
-
"qrModalDescription": [1, "qr-modal-description"],
|
|
183
|
-
"hideBrandTitle": [4, "hide-brand-title"],
|
|
184
|
-
"dynamicLink": [4, "dynamic-link"],
|
|
185
|
-
"sessionId": [32],
|
|
186
|
-
"authenticationRequest": [32],
|
|
187
|
-
"sessionData": [32],
|
|
188
|
-
"result": [32],
|
|
189
|
-
"display": [64],
|
|
190
|
-
"stop": [64],
|
|
191
|
-
"getSessionData": [64]
|
|
192
|
-
}, [[2, "sessionMsg", "sessionMsgReceived"]]]);
|
|
193
|
-
function defineCustomElement() {
|
|
194
|
-
if (typeof customElements === "undefined") {
|
|
195
|
-
return;
|
|
196
|
-
}
|
|
197
|
-
const components = ["gataca-qrws", "gataca-qrdisplay"];
|
|
198
|
-
components.forEach(tagName => { switch (tagName) {
|
|
199
|
-
case "gataca-qrws":
|
|
200
|
-
if (!customElements.get(tagName)) {
|
|
201
|
-
customElements.define(tagName, GatacaQRWS);
|
|
202
|
-
}
|
|
203
|
-
break;
|
|
204
|
-
case "gataca-qrdisplay":
|
|
205
|
-
if (!customElements.get(tagName)) {
|
|
206
|
-
defineCustomElement$1();
|
|
207
|
-
}
|
|
208
|
-
break;
|
|
209
|
-
} });
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
export { GatacaQRWS as G, defineCustomElement as d };
|
package/dist/components/index.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
|
|
2
|
-
export { R as RESULT_STATUS, b as base64UrlEncode, c as checkMobile } from './gat-icon-refresh.js';
|
|
3
|
-
export { GatacaAutoqr, defineCustomElement as defineCustomElementGatacaAutoqr } from './gataca-autoqr.js';
|
|
4
|
-
export { GatacaQr, defineCustomElement as defineCustomElementGatacaQr } from './gataca-qr.js';
|
|
5
|
-
export { GatacaQrdisplay, defineCustomElement as defineCustomElementGatacaQrdisplay } from './gataca-qrdisplay.js';
|
|
6
|
-
export { GatacaQrws, defineCustomElement as defineCustomElementGatacaQrws } from './gataca-qrws.js';
|
|
7
|
-
export { GatacaSsibutton, defineCustomElement as defineCustomElementGatacaSsibutton } from './gataca-ssibutton.js';
|
|
8
|
-
export { GatacaSsibuttonws, defineCustomElement as defineCustomElementGatacaSsibuttonws } from './gataca-ssibuttonws.js';
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
const logoGatacaSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2MzUuMyA1OTcuNDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYzNS4zIDU5Ny40NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMxODFCNUU7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MDUuNzksMzIzLjQxYy0yNy45Ny00MS45Ny03My40NC03MS4yOC0xMjUuOTktNzcuNDljOS4xNS0yMS4zMywxNC4yMy00NC44MywxNC4yMy02OS41MQoJCWMwLTEwLjE3LTAuODctMjAuMTQtMi41My0yOS44NUM0NzcuMzMsNjMuMzUsNDA0Ljg5LDAsMzE3LjY0LDBjLTk3LjQyLDAtMTc2LjM4LDc4Ljk3LTE3Ni4zOCwxNzYuMzkKCQljMCwyNC42OSw1LjA4LDQ4LjE5LDE0LjI0LDY5LjUyQzY3LjkzLDI1Ni4yNCwwLDMzMC43MSwwLDQyMS4wN2MwLDQwLjM5LDEzLjU5LDc3LjYxLDM2LjQzLDEwNy4zNQoJCWMzMi4yNSw0MS45OCw4Mi45NCw2OS4wNSwxMzkuOTYsNjkuMDZjNTIuOTYsMCwxMDAuNDctMjMuMzQsMTMyLjgtNjAuM2MyLjk1LTMuMzcsNS43OC02Ljg2LDguNDctMTAuNDUKCQljNS45MSw3Ljg4LDEyLjQ4LDE1LjIzLDE5LjYsMjIuMDJjNS42LDUuMzQsMTEuNTQsMTAuMzQsMTcuODEsMTQuOTFjMTAuMTIsNy4zOCwyMS4wNSwxMy43MSwzMi42MywxOC44NAoJCWMyMS43OCw5LjYzLDQ1Ljg4LDE0Ljk5LDcxLjIyLDE0Ljk5YzIuNTEsMCw1LTAuMDcsNy40OC0wLjE3YzkzLjk1LTMuOTIsMTY4LjktODEuMzEsMTY4LjktMTc2LjIyCgkJQzYzNS4zLDM4NC45NSw2MjQuNDMsMzUxLjM3LDYwNS43OSwzMjMuNDF6IE0yMjUuNzQsMTIzLjMzYzI5LjMxLTUwLjc2LDk0LjIxLTY4LjE2LDE0NC45Ny0zOC44NQoJCWM0My41OCwyNS4xNiw2Mi41Niw3Ni41Nyw0OC41MSwxMjIuNzNjLTIuMzEsNy42MS01LjUyLDE1LjA3LTkuNjcsMjIuMjVjLTkuMjcsMTYuMDYtMjIuMTEsMjguNzgtMzYuOTQsMzcuNzQKCQljLTEuMjIsMC43NC0yLjQ2LDEuNDYtMy43MSwyLjE1Yy0xMS45NCw2LjU3LTI1LjA0LDEwLjc3LTM4LjUzLDEyLjQxYy0yMS44NCwyLjY2LTQ0LjY4LTEuNDItNjUuMjUtMTMuMTQKCQljLTAuNDctMC4yNy0wLjkzLTAuNTQtMS40LTAuODFDMjEzLjY0LDIzOC4yNywxOTYuNiwxNzMuODEsMjI1Ljc0LDEyMy4zM3ogTTU1Mi40OSw0NzEuMTVjLTEyLjIzLDIyLjgxLTMxLjQ3LDM5LjI2LTUzLjU1LDQ4LjIzCgkJYy0zMC4xNywxMi4yNi02NC40MSw5LjIzLTkyLjYyLTcuMDRsLTE1LjIxLTguNzhsLTQ3LjE3LTI3LjIybC02MC4yMi0zNC43NmwtMi44Ny0xLjY2bC04Mi4zMi00Ny41MWwtNTcuMTIsNDcuOTNsMTA0Ljk1LDYwLjU4CgkJYy0zMy4yNCwyOS4xNS04Mi42MiwzNS40Mi0xMjMuMDQsMTIuMDljLTEzLjQyLTcuNzUtMjQuNS0xNy45OC0zMy4wMS0yOS43OWMtMjMuNjgtMzIuODUtMjcuMzktNzcuODUtNS44My0xMTUuMgoJCWMyOS4yLTUwLjU4LDkzLjc0LTY4LjAzLDE0NC40Mi0zOS4xNmMwLjQ3LDAuMjcsMC45MywwLjU0LDEuNCwwLjgxYzEuMjMsMC43LDIuNDcsMS4zOSwzLjcyLDIuMDdsMjEuODEsMTIuNTlsMzUuOCwyMC42NwoJCWw1OS44MiwzNC41M2wzLjE2LDEuODNsOTMuNzksNTQuMTNsNTcuMDQtNDcuODZsMC4wNS0wLjA5bC0xMTUuODYtNjYuODdjNC41LTMuODgsOS4yOS03LjM1LDE0LjMxLTEwLjM4CgkJYzEuMjMtMC43NCwyLjQ2LTEuNDYsMy43Mi0yLjE1YzMxLjU2LTE3LjM3LDcxLjE4LTE4LjI0LDEwNC42MSwxLjIxYzE2Ljg5LDkuODIsMzAuMDksMjMuNzMsMzkuMDYsMzkuNzgKCQlDNTY4LjQ1LDM5OS43Niw1NzAuMTIsNDM4LjI2LDU1Mi40OSw0NzEuMTV6Ii8+CjwvZz4KPC9zdmc+Cg==';
|
|
2
|
-
|
|
3
|
-
const gatIconAlertSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI5MDggMy44NjAyTDEuODIwNzUgMTguMDAwMkMxLjY0NjEyIDE4LjMwMjYgMS41NTM3MiAxOC42NDU1IDEuNTUyNzQgMTguOTk0N0MxLjU1MTc2IDE5LjM0MzkgMS42NDIyNCAxOS42ODczIDEuODE1MTggMTkuOTkwN0MxLjk4ODEyIDIwLjI5NDEgMi4yMzc0OCAyMC41NDcgMi41Mzg0NiAyMC43MjQxQzIuODM5NDQgMjAuOTAxMiAzLjE4MTU1IDIwLjk5NjQgMy41MzA3NSAyMS4wMDAySDIwLjQ3MDhDMjAuODIgMjAuOTk2NCAyMS4xNjIxIDIwLjkwMTIgMjEuNDYzIDIwLjcyNDFDMjEuNzY0IDIwLjU0NyAyMi4wMTM0IDIwLjI5NDEgMjIuMTg2MyAxOS45OTA3QzIyLjM1OTMgMTkuNjg3MyAyMi40NDk3IDE5LjM0MzkgMjIuNDQ4OCAxOC45OTQ3QzIyLjQ0NzggMTguNjQ1NSAyMi4zNTU0IDE4LjMwMjYgMjIuMTgwOCAxOC4wMDAyTDEzLjcxMDggMy44NjAyQzEzLjUzMjUgMy41NjYzMSAxMy4yODE1IDMuMzIzMzIgMTIuOTgxOSAzLjE1NDY5QzEyLjY4MjQgMi45ODYwNSAxMi4zNDQ1IDIuODk3NDYgMTIuMDAwOCAyLjg5NzQ2QzExLjY1NyAyLjg5NzQ2IDExLjMxOTEgMi45ODYwNSAxMS4wMTk2IDMuMTU0NjlDMTAuNzIgMy4zMjMzMiAxMC40NjkgMy41NjYzMSAxMC4yOTA4IDMuODYwMlYzLjg2MDJaIiBzdHJva2U9IiNDRDJCMzEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMiA5VjEzIiBzdHJva2U9IiNDRDJCMzEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMiAxN0gxMi4wMSIgc3Ryb2tlPSIjQ0QyQjMxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';
|
|
4
|
-
|
|
5
|
-
const gatIconCheckSvg = 'data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjUyIiBoZWlnaHQ9IjUzIiB2aWV3Qm94PSIwIDAgNTIgNTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjI2IiBjeT0iMjYuNjcxOSIgcj0iMjYiIGZpbGw9IiMzRDlBNTAiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zOC41MiAxNy43NDk1QzM5LjU4MDUgMTguODA5OSAzOS41ODA1IDIwLjUyOTMgMzguNTIgMjEuNTg5OEwyMy41ODQ2IDM2LjUyNTFDMjIuNTI0MiAzNy41ODU2IDIwLjgwNDggMzcuNTg1NiAxOS43NDQzIDM2LjUyNTFMMTIuOTU1NSAyOS43MzYzQzExLjg5NSAyOC42NzU5IDExLjg5NSAyNi45NTY1IDEyLjk1NTUgMjUuODk2QzE0LjAxNiAyNC44MzU1IDE1LjczNTQgMjQuODM1NSAxNi43OTU4IDI1Ljg5NkwyMS42NjQ1IDMwLjc2NDdMMzQuNjc5NyAxNy43NDk1QzM1Ljc0MDIgMTYuNjg5IDM3LjQ1OTUgMTYuNjg5IDM4LjUyIDE3Ljc0OTVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K';
|
|
6
|
-
|
|
7
|
-
const gatIconRefreshSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzIDRWMTBIMTciIHN0cm9rZT0iIzhCOEI4QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIwLjQ4OTkgMTVDMTkuODM5OSAxNi44Mzk5IDE4LjYwOTQgMTguNDE4NyAxNi45ODQgMTkuNDk4NUMxNS4zNTg2IDIwLjU3ODMgMTMuNDI2MyAyMS4xMDA2IDExLjQ3ODMgMjAuOTg2NkM5LjUzMDI2IDIwLjg3MjYgNy42NzIwMyAyMC4xMjg2IDYuMTgzNjMgMTguODY2N0M0LjY5NTI0IDE3LjYwNDcgMy42NTczIDE1Ljg5MzIgMy4yMjYyNSAxMy45OTAxQzIuNzk1MTkgMTIuMDg2OSAyLjk5NDM2IDEwLjA5NTIgMy43OTM3NCA4LjMxNTA4QzQuNTkzMTMgNi41MzQ5NiA1Ljk0OTQyIDUuMDYyODggNy42NTgyMyA0LjEyMDY1QzkuMzY3MDUgMy4xNzg0MyAxMS4zMzU4IDIuODE3MTEgMTMuMjY3OCAzLjA5MTE2QzE1LjE5OTkgMy4zNjUyIDE2Ljk5MDUgNC4yNTk3NSAxOC4zNjk5IDUuNjQwMDFMMjIuOTk5OSAxMCIgc3Ryb2tlPSIjOEI4QjhCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';
|
|
8
|
-
|
|
9
|
-
export { gatIconRefreshSvg as a, gatIconAlertSvg as b, gatIconCheckSvg as g, logoGatacaSvg as l };
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-19eef502.js';
|
|
2
|
-
import './qr-code-styling-0eeb38d5.js';
|
|
3
|
-
|
|
4
|
-
const gatacaSsibuttonCss = "@import url(\"https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}.img-fluid{height:auto;max-width:50%}img{margin-left:auto;margin-right:auto}.buttonContainer{display:inline-block;text-align:right;padding:10px;position:relative}.gatacaButtonWrapper{margin:8px}.gatacaButtonWrapper .gatacaButton{display:flex;min-width:100px;padding:8px 8px;background-color:white;font-size:12px;font-family:\"Work Sans\", sans-serif;letter-spacing:1px;font-weight:2;justify-content:space-between;align-items:center;border-radius:6px;border:1px solid rgba(24, 27, 94, 0.5);color:rgba(24, 27, 94, 0.8);box-shadow:0px 1px 3px rgba(48, 48, 48, 0.15);cursor:pointer}.gatacaButtonWrapper .gatacaButton>span{margin-right:10px}.gatacaButtonWrapper .gatacaButton:hover{box-shadow:0px 2px 8px rgba(48, 48, 48, 0.1)}.gatacaButtonWrapper .buttonText{text-align:right;font-size:8px;color:rgba(24, 27, 94, 0.5);font-family:\"Helvetica Neue\", sans-serif;letter-spacing:1px;padding-right:8px;font-weight:1}.gatacaButtonWrapper .buttonImg{height:25px;width:25px;margin:0;margin-right:20px}";
|
|
5
|
-
|
|
6
|
-
const PHONE_ICON$1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHvSURBVHgB3ZZPTttAFMbfe3YjL7qYLopcpZXSG7Q3CDfIsqrSJpyg5QQtJ2h7glgUdVs4AeEE5AYEQSDAgtnw357Hm0hAQDaeIRFCfFKyeKPxzzPzvc+DUKCZN80GEv1ABgWOQgSdGbOwv7u0nDueV4zjTzUIKhuAZna4vdQFR828azbI0K/TI/qodaLvjlP+tLDGDCs+IKv9Lbsi7kcv0w9541Q0EREPYcoieEQ9KiyECRXHzbpBUOcnYTfPFOOaaGVx9WsLiDrSIp0iU0wFNgIx/AQyc9I/OmOjy+Y8aBvHQcDUYebewc6/Xtk8J5htcg5efEPGhk0JtqkyBjo7DuZcnuO2sqCyKv8rUDmfTS9IBURqBAL+I6CkzBjOMOs22TLY21n8fl17KzXR3uDvb/CQk0GEdfvN07QvpnAOaGfYaRT25JzU6+rnG2tTpcWAy+Cp0m3U/URLms8HWfg/rn6RFaGSs9KQkZMpvGBWNs2Vandt46ac6YNBuc0fDLMaOU5DFybQ8039p/KJ4bq4rwPewtqoM/1gsCm/NfBXvWjgHhhuDAeLyd3qVSifHQULeZkou9EqemLhmUmav8qrZ4GEMGA7ivzjKvfeqGptFV2YdWPMPHHq0cCh3DdpVdLl/XCY9J1gVvbCiWa6N+JLocPFjCsx9cAAAAAASUVORK5CYII=";
|
|
7
|
-
const GatacaSSIButton = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.gatacaLoginCompleted = createEvent(this, "gatacaLoginCompleted", 7);
|
|
11
|
-
this.gatacaLoginFailed = createEvent(this, "gatacaLoginFailed", 7);
|
|
12
|
-
this.buttonText = "Easy login";
|
|
13
|
-
this.checkStatus = undefined;
|
|
14
|
-
this.createSession = undefined;
|
|
15
|
-
this.successCallback = undefined;
|
|
16
|
-
this.errorCallback = undefined;
|
|
17
|
-
this.qrRole = undefined;
|
|
18
|
-
this.callbackServer = undefined;
|
|
19
|
-
this.sessionTimeout = undefined;
|
|
20
|
-
this.pollingFrequency = undefined;
|
|
21
|
-
this.autorefresh = false;
|
|
22
|
-
this.v2 = false;
|
|
23
|
-
this.qrModalTitle = "Quick Access";
|
|
24
|
-
this.qrModalDescription = "Sign up or sign in by scanning the QR Code with the Gataca Wallet";
|
|
25
|
-
this.hideBrandTitle = false;
|
|
26
|
-
this.dynamicLink = true;
|
|
27
|
-
this.open = false;
|
|
28
|
-
this.qr = (h("gataca-qr", { checkStatus: this.checkStatus, createSession: this.createSession, successCallback: this.successCallback, errorCallback: this.errorCallback, qrRole: this.qrRole, callbackServer: this.callbackServer, sessionTimeout: this.sessionTimeout, pollingFrequency: this.pollingFrequency, autostart: true, autorefresh: this.autorefresh, v2: this.v2, qrModalTitle: this.qrModalTitle, qrModalDescription: this.qrModalDescription, hideBrandTitle: this.hideBrandTitle, dynamicLink: this.dynamicLink }));
|
|
29
|
-
}
|
|
30
|
-
/**
|
|
31
|
-
* Retrieve manually the session data on a successful login
|
|
32
|
-
*/
|
|
33
|
-
async getSessionData() {
|
|
34
|
-
return this.qr.getSessionData();
|
|
35
|
-
}
|
|
36
|
-
renderModal() {
|
|
37
|
-
return this.qr;
|
|
38
|
-
}
|
|
39
|
-
renderButton() {
|
|
40
|
-
return (h("div", { class: "gatacaButtonWrapper" }, h("button", { class: "gatacaButton", onClick: () => {
|
|
41
|
-
this.open = !this.open;
|
|
42
|
-
if (this.open) {
|
|
43
|
-
this.qr.display();
|
|
44
|
-
}
|
|
45
|
-
else {
|
|
46
|
-
this.qr.stop();
|
|
47
|
-
}
|
|
48
|
-
} }, h("img", { src: PHONE_ICON$1, class: "buttonImg", alt: this.buttonText }), h("span", null, this.buttonText))));
|
|
49
|
-
}
|
|
50
|
-
render() {
|
|
51
|
-
return (h("div", { class: "buttonContainer" }, this.renderButton(), this.open && this.renderModal()));
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
GatacaSSIButton.style = gatacaSsibuttonCss;
|
|
55
|
-
|
|
56
|
-
const gatacaSsibuttonwsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}.img-fluid{height:auto;max-width:50%}img{margin-left:auto;margin-right:auto}.buttonContainer{display:inline-block;text-align:right;padding:10px;position:relative}.gatacaButtonWrapper{margin:8px}.gatacaButtonWrapper .gatacaButton{display:flex;min-width:100px;padding:8px 8px;background-color:white;font-size:12px;font-family:\"Work Sans\", sans-serif;letter-spacing:1px;font-weight:2;justify-content:space-between;align-items:center;border-radius:6px;border:1px solid rgba(24, 27, 94, 0.5);color:rgba(24, 27, 94, 0.8);box-shadow:0px 1px 3px rgba(48, 48, 48, 0.15);cursor:pointer}.gatacaButtonWrapper .gatacaButton>span{margin-right:10px}.gatacaButtonWrapper .gatacaButton:hover{box-shadow:0px 2px 8px rgba(48, 48, 48, 0.1)}.gatacaButtonWrapper .buttonText{text-align:right;font-size:8px;color:rgba(24, 27, 94, 0.5);font-family:\"Helvetica Neue\", sans-serif;letter-spacing:1px;padding-right:8px;font-weight:1}.gatacaButtonWrapper .buttonImg{height:25px;width:25px;margin:0;margin-right:20px}";
|
|
57
|
-
|
|
58
|
-
const PHONE_ICON = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHvSURBVHgB3ZZPTttAFMbfe3YjL7qYLopcpZXSG7Q3CDfIsqrSJpyg5QQtJ2h7glgUdVs4AeEE5AYEQSDAgtnw357Hm0hAQDaeIRFCfFKyeKPxzzPzvc+DUKCZN80GEv1ABgWOQgSdGbOwv7u0nDueV4zjTzUIKhuAZna4vdQFR828azbI0K/TI/qodaLvjlP+tLDGDCs+IKv9Lbsi7kcv0w9541Q0EREPYcoieEQ9KiyECRXHzbpBUOcnYTfPFOOaaGVx9WsLiDrSIp0iU0wFNgIx/AQyc9I/OmOjy+Y8aBvHQcDUYebewc6/Xtk8J5htcg5efEPGhk0JtqkyBjo7DuZcnuO2sqCyKv8rUDmfTS9IBURqBAL+I6CkzBjOMOs22TLY21n8fl17KzXR3uDvb/CQk0GEdfvN07QvpnAOaGfYaRT25JzU6+rnG2tTpcWAy+Cp0m3U/URLms8HWfg/rn6RFaGSs9KQkZMpvGBWNs2Vandt46ac6YNBuc0fDLMaOU5DFybQ8039p/KJ4bq4rwPewtqoM/1gsCm/NfBXvWjgHhhuDAeLyd3qVSifHQULeZkou9EqemLhmUmav8qrZ4GEMGA7ivzjKvfeqGptFV2YdWPMPHHq0cCh3DdpVdLl/XCY9J1gVvbCiWa6N+JLocPFjCsx9cAAAAAASUVORK5CYII=";
|
|
59
|
-
const GatacaSSIButtonWS = class {
|
|
60
|
-
constructor(hostRef) {
|
|
61
|
-
registerInstance(this, hostRef);
|
|
62
|
-
this.gatacaLoginCompleted = createEvent(this, "gatacaLoginCompleted", 7);
|
|
63
|
-
this.gatacaLoginFailed = createEvent(this, "gatacaLoginFailed", 7);
|
|
64
|
-
this.buttonText = "Easy login";
|
|
65
|
-
this.successCallback = undefined;
|
|
66
|
-
this.errorCallback = undefined;
|
|
67
|
-
this.qrRole = undefined;
|
|
68
|
-
this.callbackServer = undefined;
|
|
69
|
-
this.socketEndpoint = undefined;
|
|
70
|
-
this.sessionTimeout = undefined;
|
|
71
|
-
this.wsOnOpen = undefined;
|
|
72
|
-
this.wsOnMessage = undefined;
|
|
73
|
-
this.autostart = true;
|
|
74
|
-
this.autorefresh = false;
|
|
75
|
-
this.v2 = false;
|
|
76
|
-
this.qrModalTitle = "Quick Access";
|
|
77
|
-
this.qrModalDescription = "Sign up or sign in by scanning the QR Code with the Gataca Wallet";
|
|
78
|
-
this.hideBrandTitle = false;
|
|
79
|
-
this.dynamicLink = true;
|
|
80
|
-
this.open = false;
|
|
81
|
-
this.qr = (h("gataca-qrws", { wsOnMessage: this.wsOnMessage, wsOnOpen: this.wsOnOpen, successCallback: this.successCallback, errorCallback: this.errorCallback, qrRole: this.qrRole, callbackServer: this.callbackServer, sessionTimeout: this.sessionTimeout, socketEndpoint: this.socketEndpoint, autostart: true, autorefresh: this.autorefresh, v2: this.v2, qrModalTitle: this.qrModalTitle, qrModalDescription: this.qrModalDescription, hideBrandTitle: this.hideBrandTitle, dynamicLink: this.dynamicLink }));
|
|
82
|
-
}
|
|
83
|
-
/**
|
|
84
|
-
* Retrieve manually the session data on a successful login
|
|
85
|
-
*/
|
|
86
|
-
async getSessionData() {
|
|
87
|
-
return this.qr.getSessionData();
|
|
88
|
-
}
|
|
89
|
-
renderModal() {
|
|
90
|
-
return this.qr;
|
|
91
|
-
}
|
|
92
|
-
renderButton() {
|
|
93
|
-
return (h("div", { class: "gatacaButtonWrapper" }, h("button", { class: "gatacaButton", onClick: () => {
|
|
94
|
-
this.open = !this.open;
|
|
95
|
-
if (this.open) {
|
|
96
|
-
this.qr.display();
|
|
97
|
-
}
|
|
98
|
-
else {
|
|
99
|
-
this.qr.stop();
|
|
100
|
-
}
|
|
101
|
-
} }, h("img", { src: PHONE_ICON, class: "buttonImg", alt: this.buttonText }), h("span", null, this.buttonText))));
|
|
102
|
-
}
|
|
103
|
-
render() {
|
|
104
|
-
return (h("div", { class: "buttonContainer" }, this.renderButton(), this.open && this.renderModal()));
|
|
105
|
-
}
|
|
106
|
-
};
|
|
107
|
-
GatacaSSIButtonWS.style = gatacaSsibuttonwsCss;
|
|
108
|
-
|
|
109
|
-
export { GatacaSSIButton as gataca_ssibutton, GatacaSSIButtonWS as gataca_ssibuttonws };
|
package/dist/esm/gatacaqr.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-19eef502.js';
|
|
2
|
-
|
|
3
|
-
/*
|
|
4
|
-
Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com
|
|
5
|
-
*/
|
|
6
|
-
const patchBrowser = () => {
|
|
7
|
-
const importMeta = import.meta.url;
|
|
8
|
-
const opts = {};
|
|
9
|
-
if (importMeta !== '') {
|
|
10
|
-
opts.resourcesUrl = new URL('.', importMeta).href;
|
|
11
|
-
}
|
|
12
|
-
return promiseResolve(opts);
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
patchBrowser().then(options => {
|
|
16
|
-
return bootstrapLazy([["gataca-qrdisplay_2",[[1,"gataca-qrws",{"successCallback":[16],"errorCallback":[16],"qrRole":[1,"qr-role"],"callbackServer":[1,"callback-server"],"socketEndpoint":[1,"socket-endpoint"],"sessionTimeout":[2,"session-timeout"],"wsOnOpen":[16],"wsOnMessage":[16],"autostart":[4],"autorefresh":[4],"v2":[4,"v-2"],"qrModalTitle":[1,"qr-modal-title"],"qrModalDescription":[1,"qr-modal-description"],"hideBrandTitle":[4,"hide-brand-title"],"dynamicLink":[4,"dynamic-link"],"sessionId":[32],"authenticationRequest":[32],"sessionData":[32],"result":[32],"display":[64],"stop":[64],"getSessionData":[64]},[[2,"sessionMsg","sessionMsgReceived"]]],[0,"gataca-qrdisplay",{"qrData":[1,"qr-data"],"size":[2],"logoSize":[2,"logo-size"],"logoSrc":[1,"logo-src"],"qrColor":[1,"qr-color"],"rounded":[4]}]]],["gataca-qr",[[1,"gataca-qr",{"checkStatus":[16],"createSession":[16],"successCallback":[16],"errorCallback":[16],"qrRole":[1,"qr-role"],"callbackServer":[1,"callback-server"],"autostart":[4],"autorefresh":[4],"v2":[4,"v-2"],"qrModalTitle":[1,"qr-modal-title"],"qrModalDescription":[1,"qr-modal-description"],"hideBrandTitle":[4,"hide-brand-title"],"sessionTimeout":[2,"session-timeout"],"pollingFrequency":[2,"polling-frequency"],"dynamicLink":[4,"dynamic-link"],"sessionId":[32],"authenticationRequest":[32],"sessionData":[32],"result":[32],"display":[64],"stop":[64],"getSessionData":[64]}]]],["gataca-ssibutton_2",[[1,"gataca-ssibutton",{"buttonText":[1,"button-text"],"checkStatus":[16],"createSession":[16],"successCallback":[16],"errorCallback":[16],"qrRole":[1,"qr-role"],"callbackServer":[1,"callback-server"],"sessionTimeout":[2,"session-timeout"],"pollingFrequency":[2,"polling-frequency"],"autorefresh":[4],"v2":[4,"v-2"],"qrModalTitle":[1,"qr-modal-title"],"qrModalDescription":[1,"qr-modal-description"],"hideBrandTitle":[4,"hide-brand-title"],"dynamicLink":[4,"dynamic-link"],"open":[32],"getSessionData":[64]}],[1,"gataca-ssibuttonws",{"buttonText":[1,"button-text"],"successCallback":[16],"errorCallback":[16],"qrRole":[1,"qr-role"],"callbackServer":[1,"callback-server"],"socketEndpoint":[1,"socket-endpoint"],"sessionTimeout":[2,"session-timeout"],"wsOnOpen":[16],"wsOnMessage":[16],"autostart":[4],"autorefresh":[4],"v2":[4,"v-2"],"qrModalTitle":[1,"qr-modal-title"],"qrModalDescription":[1,"qr-modal-description"],"hideBrandTitle":[4,"hide-brand-title"],"dynamicLink":[4,"dynamic-link"],"open":[32],"getSessionData":[64]}]]],["gataca-autoqr",[[1,"gataca-autoqr",{"configId":[1,"config-id"],"configRepository":[1,"config-repository"],"successCallback":[16],"errorCallback":[16],"checkStatus":[16],"createSession":[16],"wsOnOpen":[16],"wsOnMessage":[16],"config":[32],"loading":[32],"getSessionData":[64]}]]]], options);
|
|
17
|
-
});
|