@gataca/qr 4.2.0 → 4.2.1
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/gatacaqr/gat-icon-check-9132c0ad.js +5 -0
- package/dist/{esm → gatacaqr}/gataca-autoqr.entry.js +1 -1
- package/dist/{components/gataca-qr2.js → gatacaqr/gataca-qr.entry.js} +10 -77
- package/dist/gatacaqr/gataca-qrdisplay-9a22c242.js +123 -0
- package/dist/gatacaqr/gataca-qrdisplay.entry.js +2 -0
- package/dist/{esm → gatacaqr}/gataca-qrws.entry.js +3 -2
- package/dist/{components/gataca-ssibutton2.js → gatacaqr/gataca-ssibutton.entry.js} +39 -89
- package/dist/{esm → gatacaqr}/gataca-ssibuttonws.entry.js +1 -1
- package/dist/gatacaqr/gatacaqr.esm.js +129 -1
- package/dist/gatacaqr/index-aea56eb8.js +3262 -0
- package/dist/gatacaqr/index.esm.js +1 -1
- package/dist/gatacaqr/shadow-css-146f2f6f.js +387 -0
- package/dist/types/components/gataca-autoqr/gataca-autoqr.e2e.d.ts +1 -0
- package/dist/types/components/gataca-qr/gataca-qr.e2e.d.ts +1 -0
- package/dist/types/components/gataca-qrdisplay/gataca-qrdisplay.e2e.d.ts +1 -0
- package/dist/types/components/gataca-qrws/gataca-qrws.e2e.d.ts +1 -0
- package/dist/types/components/gataca-ssibutton/gataca-ssibutton.d.ts +2 -1
- package/dist/types/components/gataca-ssibutton/gataca-ssibutton.e2e.d.ts +1 -0
- package/dist/types/components/gataca-ssibuttonws/gataca-ssibuttonws.e2e.d.ts +1 -0
- package/package.json +1 -1
- package/dist/cjs/gat-icon-check-6b6780eb.js +0 -37
- package/dist/cjs/gataca-autoqr.cjs.entry.js +0 -106
- package/dist/cjs/gataca-qr_3.cjs.entry.js +0 -743
- package/dist/cjs/gataca-qrws.cjs.entry.js +0 -366
- package/dist/cjs/gataca-ssibuttonws.cjs.entry.js +0 -61
- package/dist/cjs/gatacaqr.cjs.js +0 -19
- package/dist/cjs/index-d8d3dfde.js +0 -1532
- package/dist/cjs/index.cjs.js +0 -17
- package/dist/cjs/loader.cjs.js +0 -21
- package/dist/cjs/utils-17b0a5ba.js +0 -72
- 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 -7
- 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 -347
- package/dist/collection/components/gataca-qr/components/qr/QR.js +0 -13
- package/dist/collection/components/gataca-qr/components/readQR/ReadQR.js +0 -16
- package/dist/collection/components/gataca-qr/components/readQR/components/AnimatedLoader.js +0 -6
- package/dist/collection/components/gataca-qr/components/retryButton/RetryButton.js +0 -19
- package/dist/collection/components/gataca-qr/components/success/Success.js +0 -9
- package/dist/collection/components/gataca-qr/gataca-qr.css +0 -415
- package/dist/collection/components/gataca-qr/gataca-qr.js +0 -1069
- package/dist/collection/components/gataca-qrdisplay/gataca-qrdisplay.js +0 -224
- package/dist/collection/components/gataca-qrws/components/qr/QR.js +0 -13
- package/dist/collection/components/gataca-qrws/components/readQR/ReadQR.js +0 -11
- package/dist/collection/components/gataca-qrws/components/readQR/components/AnimatedLoader.js +0 -4
- package/dist/collection/components/gataca-qrws/components/retryButton/RetryButton.js +0 -16
- package/dist/collection/components/gataca-qrws/components/success/Success.js +0 -8
- package/dist/collection/components/gataca-qrws/gataca-qrws.css +0 -407
- package/dist/collection/components/gataca-qrws/gataca-qrws.js +0 -1098
- package/dist/collection/components/gataca-ssibutton/gataca-ssibutton.css +0 -116
- package/dist/collection/components/gataca-ssibutton/gataca-ssibutton.js +0 -1151
- package/dist/collection/components/gataca-ssibuttonws/gataca-ssibuttonws.css +0 -116
- package/dist/collection/components/gataca-ssibuttonws/gataca-ssibuttonws.js +0 -434
- package/dist/collection/components/icons/RefreshIcon.js +0 -6
- package/dist/collection/index.js +0 -2
- package/dist/collection/utils/index.js +0 -1
- package/dist/collection/utils/utils.js +0 -66
- package/dist/components/gat-icon-check.js +0 -72
- package/dist/components/gataca-autoqr.js +0 -163
- package/dist/components/gataca-qr.js +0 -6
- package/dist/components/gataca-qrdisplay.js +0 -6
- package/dist/components/gataca-qrdisplay2.js +0 -121
- package/dist/components/gataca-qrws.js +0 -6
- package/dist/components/gataca-qrws2.js +0 -430
- package/dist/components/gataca-ssibutton.js +0 -6
- package/dist/components/gataca-ssibuttonws.js +0 -6
- package/dist/components/gataca-ssibuttonws2.js +0 -104
- package/dist/components/index.js +0 -8
- package/dist/esm/gat-icon-check-7320c81b.js +0 -32
- package/dist/esm/gataca-qr_3.entry.js +0 -737
- package/dist/esm/gatacaqr.js +0 -17
- package/dist/esm/index-dca2ab22.js +0 -1506
- 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/gatacaqr/p-143c0080.js +0 -1
- package/dist/gatacaqr/p-29119208.js +0 -1
- package/dist/gatacaqr/p-2dc7190a.entry.js +0 -1
- package/dist/gatacaqr/p-2e8accf9.entry.js +0 -1
- package/dist/gatacaqr/p-85af64b1.js +0 -2
- package/dist/gatacaqr/p-d27dabe4.entry.js +0 -1
- package/dist/gatacaqr/p-e172581d.entry.js +0 -1
- package/dist/index.cjs.js +0 -1
- package/dist/index.js +0 -1
- /package/dist/{esm → gatacaqr}/utils-e4a08623.js +0 -0
|
@@ -1,366 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-d8d3dfde.js');
|
|
6
|
-
const gatIconCheck = require('./gat-icon-check-6b6780eb.js');
|
|
7
|
-
const utils = require('./utils-17b0a5ba.js');
|
|
8
|
-
|
|
9
|
-
const Success = (props) => {
|
|
10
|
-
const { modalHeight, successLoginLabel } = props;
|
|
11
|
-
return (index.h("div", { class: 'success', style: {
|
|
12
|
-
height: modalHeight ? (modalHeight === null || modalHeight === void 0 ? void 0 : modalHeight.toString()) + 'px' : '300px'
|
|
13
|
-
} },
|
|
14
|
-
index.h("img", { src: gatIconCheck.gatIconCheckSvg, height: 52, width: 52 }),
|
|
15
|
-
index.h("p", { class: "successMsg" }, successLoginLabel)));
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
const gatIconRefreshSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzIDRWMTBIMTciIHN0cm9rZT0iIzhCOEI4QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIwLjQ4OTkgMTVDMTkuODM5OSAxNi44Mzk5IDE4LjYwOTQgMTguNDE4NyAxNi45ODQgMTkuNDk4NUMxNS4zNTg2IDIwLjU3ODMgMTMuNDI2MyAyMS4xMDA2IDExLjQ3ODMgMjAuOTg2NkM5LjUzMDI2IDIwLjg3MjYgNy42NzIwMyAyMC4xMjg2IDYuMTgzNjMgMTguODY2N0M0LjY5NTI0IDE3LjYwNDcgMy42NTczIDE1Ljg5MzIgMy4yMjYyNSAxMy45OTAxQzIuNzk1MTkgMTIuMDg2OSAyLjk5NDM2IDEwLjA5NTIgMy43OTM3NCA4LjMxNTA4QzQuNTkzMTMgNi41MzQ5NiA1Ljk0OTQyIDUuMDYyODggNy42NTgyMyA0LjEyMDY1QzkuMzY3MDUgMy4xNzg0MyAxMS4zMzU4IDIuODE3MTEgMTMuMjY3OCAzLjA5MTE2QzE1LjE5OTkgMy4zNjUyIDE2Ljk5MDUgNC4yNTk3NSAxOC4zNjk5IDUuNjQwMDFMMjIuOTk5OSAxMCIgc3Ryb2tlPSIjOEI4QjhCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';
|
|
19
|
-
|
|
20
|
-
const RetryButton = (props) => {
|
|
21
|
-
var _a;
|
|
22
|
-
const { errorMessage, modalWidth, clickInsideBoxLabel, refreshQrLabel, scanQrLabel, display } = props;
|
|
23
|
-
return (index.h("div", { class: "reload", style: {
|
|
24
|
-
width: (modalWidth - 48).toString() + 'px',
|
|
25
|
-
height: modalWidth ? ((_a = (modalWidth - 48)) === null || _a === void 0 ? void 0 : _a.toString()) + 'px' : ''
|
|
26
|
-
} },
|
|
27
|
-
index.h("div", { id: "notify", onClick: () => display() },
|
|
28
|
-
index.h("img", { src: gatIconRefreshSvg, height: 24, width: 24 }),
|
|
29
|
-
index.h("p", { class: "notify-text" },
|
|
30
|
-
clickInsideBoxLabel,
|
|
31
|
-
" "),
|
|
32
|
-
errorMessage ? index.h("p", { class: "notify-text bold" }, refreshQrLabel) : index.h("p", { class: "notify-text bold" }, scanQrLabel),
|
|
33
|
-
errorMessage && (index.h("div", { class: "alert", style: {
|
|
34
|
-
width: (modalWidth - 48).toString() + 'px'
|
|
35
|
-
} },
|
|
36
|
-
index.h("img", { src: gatIconCheck.gatIconAlertSvg, height: 24, width: 24 }),
|
|
37
|
-
index.h("p", null, errorMessage)))),
|
|
38
|
-
index.h("div", { id: "qrwait", class: "qr-placeholder-slot", style: {
|
|
39
|
-
width: (modalWidth - 48).toString() + 'px',
|
|
40
|
-
height: modalWidth ? (modalWidth - 48).toString() + 'px' : ''
|
|
41
|
-
} })));
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
const QR = (props) => {
|
|
45
|
-
const { value, useLogo, logoSrc, size, qrType, linkReady = true } = props;
|
|
46
|
-
const s = size !== null && size !== void 0 ? size : 256;
|
|
47
|
-
if (!linkReady) {
|
|
48
|
-
return (index.h("div", { class: "qr-loading-slot", style: {
|
|
49
|
-
width: s + 'px',
|
|
50
|
-
height: s + 'px',
|
|
51
|
-
margin: '0 auto'
|
|
52
|
-
} }));
|
|
53
|
-
}
|
|
54
|
-
return index.h("gataca-qrdisplay", { qrData: value, rounded: true, size: size, qrType: qrType, "logo-size": useLogo ? 0.33 : 0, "logo-src": logoSrc });
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
const AnimatedLoader = () => {
|
|
58
|
-
return (index.h("div", { class: "containerLoader" },
|
|
59
|
-
index.h("div", { class: "loader" },
|
|
60
|
-
index.h("div", { class: "loader__item loader__item__1" }),
|
|
61
|
-
index.h("div", { class: "loader__item loader__item__2" }),
|
|
62
|
-
index.h("div", { class: "loader__item loader__item__3" }),
|
|
63
|
-
index.h("div", { class: "loader__item loader__item__4" }),
|
|
64
|
-
index.h("div", { class: "loader__item loader__item__5" }),
|
|
65
|
-
index.h("div", { class: "loader__item loader__item__6" }),
|
|
66
|
-
index.h("div", { class: "loader__item loader__item__7" }),
|
|
67
|
-
index.h("div", { class: "loader__item loader__item__8" }))));
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
const ReadQR = (props) => {
|
|
71
|
-
var _a;
|
|
72
|
-
const { modalWidth, readQrMessages, renderQR, url, sizeQR } = props;
|
|
73
|
-
return (index.h("div", { class: "blured", style: {
|
|
74
|
-
width: (modalWidth - 48).toString() + 'px',
|
|
75
|
-
height: modalWidth ? ((_a = (modalWidth - 48)) === null || _a === void 0 ? void 0 : _a.toString()) + 'px' : ''
|
|
76
|
-
} },
|
|
77
|
-
index.h("div", { id: "notify" },
|
|
78
|
-
index.h(AnimatedLoader, null),
|
|
79
|
-
index.h("p", { class: "notify-text" }, readQrMessages === null || readQrMessages === void 0 ? void 0 :
|
|
80
|
-
readQrMessages.title,
|
|
81
|
-
" "),
|
|
82
|
-
index.h("p", { class: "notify-text bold" }, readQrMessages === null || readQrMessages === void 0 ? void 0 : readQrMessages.description)),
|
|
83
|
-
index.h("div", { id: "qrwait" }, renderQR(url, false, sizeQR))));
|
|
84
|
-
};
|
|
85
|
-
|
|
86
|
-
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}.qr-placeholder-slot,.qr-loading-slot{box-sizing:border-box;border-radius:12px;background:rgba(0, 0, 0, 0.04)}#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)}}";
|
|
87
|
-
|
|
88
|
-
const DEEP_LINK_PREFIX = 'https://api.gataca.io/qr/redirect.html';
|
|
89
|
-
const DEFAULT_SESSION_TIMEOUT = 300;
|
|
90
|
-
const QR_ROLE_CONNECT = 'connect';
|
|
91
|
-
const GatacaQRWS = class {
|
|
92
|
-
constructor(hostRef) {
|
|
93
|
-
index.registerInstance(this, hostRef);
|
|
94
|
-
this.gatacaLoginCompleted = index.createEvent(this, "gatacaLoginCompleted", 7);
|
|
95
|
-
this.gatacaLoginFailed = index.createEvent(this, "gatacaLoginFailed", 7);
|
|
96
|
-
this.qrRefreshGeneration = 0;
|
|
97
|
-
this.lastShortenRaw = null;
|
|
98
|
-
this.successCallback = undefined;
|
|
99
|
-
this.errorCallback = undefined;
|
|
100
|
-
this.qrRole = undefined;
|
|
101
|
-
this.qrType = 'svg';
|
|
102
|
-
this.callbackServer = undefined;
|
|
103
|
-
this.socketEndpoint = undefined;
|
|
104
|
-
this.sessionTimeout = DEFAULT_SESSION_TIMEOUT;
|
|
105
|
-
this.wsOnOpen = undefined;
|
|
106
|
-
this.wsOnMessage = undefined;
|
|
107
|
-
this.autostart = true;
|
|
108
|
-
this.autorefresh = false;
|
|
109
|
-
this.v = '3';
|
|
110
|
-
this.qrModalTitle = 'Quick Access';
|
|
111
|
-
this.modalTitleColor = '#4745B7';
|
|
112
|
-
this.qrModalDescription = 'Sign up or sign in by scanning the QR Code with the Gataca Wallet';
|
|
113
|
-
this.hideModalTexts = false;
|
|
114
|
-
this.hideModalBoxShadow = false;
|
|
115
|
-
this.hideBrandTitle = false;
|
|
116
|
-
this.logoSize = 0;
|
|
117
|
-
this.logoSrc = gatIconCheck.logoGatacaSvg;
|
|
118
|
-
this.qrSize = 300;
|
|
119
|
-
this.modalWidth = 300;
|
|
120
|
-
this.modalHeight = undefined;
|
|
121
|
-
this.qrCodeExpiredLabel = 'QR Code expired';
|
|
122
|
-
this.credentialsNotValidatedLabel = 'User credentials not validated';
|
|
123
|
-
this.clickInsideBoxLabel = 'Click inside the box to';
|
|
124
|
-
this.refreshQrLabel = 'Refresh QR Code';
|
|
125
|
-
this.scanQrLabel = 'Scan QR Code';
|
|
126
|
-
this.userNotScanInTimeErrorLabel = 'User did not scan the QR in the allowed time';
|
|
127
|
-
this.credsNotValidatedErrorLabel = "Provided user credentials couldn't be validated";
|
|
128
|
-
this.failedLoginErrorLabel = 'No successful login';
|
|
129
|
-
this.successLoginLabel = 'Successful Connection!';
|
|
130
|
-
this.byBrandLabel = 'by Gataca';
|
|
131
|
-
this.waitingStartSessionLabel = 'waiting to start a session';
|
|
132
|
-
this.readQrTitle = 'Processing...';
|
|
133
|
-
this.readQrDescription = 'Please wait a moment';
|
|
134
|
-
this.hideQrModalDescription = false;
|
|
135
|
-
this.dynamicLink = true;
|
|
136
|
-
this.sessionId = undefined;
|
|
137
|
-
this.authenticationRequest = undefined;
|
|
138
|
-
this.sessionData = undefined;
|
|
139
|
-
this.result = utils.RESULT_STATUS.NOT_STARTED;
|
|
140
|
-
this.qrHref = '';
|
|
141
|
-
this.qrShortenPending = false;
|
|
142
|
-
}
|
|
143
|
-
disconnectedCallback() {
|
|
144
|
-
this.stop();
|
|
145
|
-
}
|
|
146
|
-
async componentDidLoad() {
|
|
147
|
-
if (this.autostart) {
|
|
148
|
-
await this.display();
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
/**
|
|
152
|
-
* Force manually the display of a QR
|
|
153
|
-
*/
|
|
154
|
-
async display() {
|
|
155
|
-
this.qrHref = '';
|
|
156
|
-
this.qrShortenPending = false;
|
|
157
|
-
this.lastShortenRaw = null;
|
|
158
|
-
this.qrRefreshGeneration++;
|
|
159
|
-
let socket = new WebSocket(this.socketEndpoint);
|
|
160
|
-
setTimeout(() => {
|
|
161
|
-
this.socket.close(1000, '');
|
|
162
|
-
}, 1000 * this.sessionTimeout);
|
|
163
|
-
this.socket = socket;
|
|
164
|
-
socket.onopen = () => {
|
|
165
|
-
if (this.wsOnOpen)
|
|
166
|
-
this.wsOnOpen(this.socket);
|
|
167
|
-
};
|
|
168
|
-
socket.onmessage = (msg) => {
|
|
169
|
-
if (this.wsOnMessage) {
|
|
170
|
-
this.wsOnMessage(this.socket, msg);
|
|
171
|
-
}
|
|
172
|
-
else {
|
|
173
|
-
let wsresp = JSON.parse(msg.data);
|
|
174
|
-
if (!!wsresp.sessionId) {
|
|
175
|
-
this.handleWSResponse(wsresp);
|
|
176
|
-
}
|
|
177
|
-
}
|
|
178
|
-
};
|
|
179
|
-
socket.onerror = () => {
|
|
180
|
-
let error = new Error('Error connecting with server');
|
|
181
|
-
this.result = utils.RESULT_STATUS.FAILED;
|
|
182
|
-
this.gatacaLoginFailed.emit(error);
|
|
183
|
-
this.errorCallback(error);
|
|
184
|
-
socket.close(1000, '');
|
|
185
|
-
};
|
|
186
|
-
socket.onclose = () => {
|
|
187
|
-
if (this.result === utils.RESULT_STATUS.ONGOING || utils.RESULT_STATUS.READ) {
|
|
188
|
-
this.result = utils.RESULT_STATUS.EXPIRED;
|
|
189
|
-
}
|
|
190
|
-
if (this.result === utils.RESULT_STATUS.EXPIRED) {
|
|
191
|
-
if (this.autorefresh) {
|
|
192
|
-
this.display();
|
|
193
|
-
}
|
|
194
|
-
else {
|
|
195
|
-
let error = new Error('User did not scan the QR in the alloted time');
|
|
196
|
-
this.gatacaLoginFailed.emit(error);
|
|
197
|
-
this.errorCallback(error);
|
|
198
|
-
}
|
|
199
|
-
}
|
|
200
|
-
};
|
|
201
|
-
if (utils.checkMobile() && this.dynamicLink) {
|
|
202
|
-
window.location.href = this.getLink();
|
|
203
|
-
}
|
|
204
|
-
}
|
|
205
|
-
sessionMsgReceived(event) {
|
|
206
|
-
let wsresp = event.detail;
|
|
207
|
-
this.handleWSResponse(wsresp);
|
|
208
|
-
}
|
|
209
|
-
handleWSResponse(wsresp) {
|
|
210
|
-
this.result = wsresp.result;
|
|
211
|
-
switch (wsresp.result) {
|
|
212
|
-
case utils.RESULT_STATUS.ONGOING:
|
|
213
|
-
case utils.RESULT_STATUS.READ: {
|
|
214
|
-
this.sessionId = wsresp.sessionId;
|
|
215
|
-
this.authenticationRequest = wsresp.authenticationRequest;
|
|
216
|
-
const raw = this.buildRawLink();
|
|
217
|
-
if (raw === null || raw === void 0 ? void 0 : raw.trim()) {
|
|
218
|
-
this.qrShortenPending = true;
|
|
219
|
-
void this.refreshQrHref();
|
|
220
|
-
}
|
|
221
|
-
break;
|
|
222
|
-
}
|
|
223
|
-
case utils.RESULT_STATUS.SUCCESS:
|
|
224
|
-
this.sessionData = wsresp.authenticatedUserData;
|
|
225
|
-
this.gatacaLoginCompleted.emit(wsresp.authenticatedUserData);
|
|
226
|
-
this.successCallback(wsresp.authenticatedUserData);
|
|
227
|
-
this.socket.close(1000, '');
|
|
228
|
-
break;
|
|
229
|
-
case utils.RESULT_STATUS.FAILED:
|
|
230
|
-
this.socket.close();
|
|
231
|
-
let error = new Error("Provided user credentials couldn't be validated");
|
|
232
|
-
this.gatacaLoginFailed.emit(error);
|
|
233
|
-
this.errorCallback(error);
|
|
234
|
-
break;
|
|
235
|
-
case utils.RESULT_STATUS.EXPIRED:
|
|
236
|
-
this.socket.close();
|
|
237
|
-
if (this.autorefresh) {
|
|
238
|
-
this.display();
|
|
239
|
-
}
|
|
240
|
-
else {
|
|
241
|
-
let error = new Error('User did not scan the QR in the alloted time');
|
|
242
|
-
this.gatacaLoginFailed.emit(error);
|
|
243
|
-
this.errorCallback(error);
|
|
244
|
-
}
|
|
245
|
-
}
|
|
246
|
-
}
|
|
247
|
-
/**
|
|
248
|
-
* Stop manually an ongoing session
|
|
249
|
-
*/
|
|
250
|
-
async stop() {
|
|
251
|
-
this.sessionData = undefined;
|
|
252
|
-
this.sessionId = undefined;
|
|
253
|
-
this.qrHref = '';
|
|
254
|
-
this.qrShortenPending = false;
|
|
255
|
-
this.lastShortenRaw = null;
|
|
256
|
-
this.socket.close(1000, 'Client stopped the connection');
|
|
257
|
-
}
|
|
258
|
-
/**
|
|
259
|
-
* Retrieve manually the session data on a successful login
|
|
260
|
-
*/
|
|
261
|
-
async getSessionData() {
|
|
262
|
-
return this.sessionData ? Promise.resolve(this.sessionData) : Promise.reject(new Error('No successful login'));
|
|
263
|
-
}
|
|
264
|
-
buildRawLink() {
|
|
265
|
-
var _a;
|
|
266
|
-
if (this.v === '2' && this.qrRole == QR_ROLE_CONNECT) {
|
|
267
|
-
return (_a = this.authenticationRequest) !== null && _a !== void 0 ? _a : '';
|
|
268
|
-
}
|
|
269
|
-
const authRequestEncoded = '?dl=' + utils.base64UrlEncode(this.authenticationRequest);
|
|
270
|
-
return DEEP_LINK_PREFIX + authRequestEncoded;
|
|
271
|
-
}
|
|
272
|
-
async refreshQrHref() {
|
|
273
|
-
var _a, _b, _c;
|
|
274
|
-
const raw = this.buildRawLink();
|
|
275
|
-
if (!(raw === null || raw === void 0 ? void 0 : raw.trim())) {
|
|
276
|
-
this.qrShortenPending = false;
|
|
277
|
-
return;
|
|
278
|
-
}
|
|
279
|
-
if (raw === this.lastShortenRaw && ((_a = this.qrHref) === null || _a === void 0 ? void 0 : _a.trim())) {
|
|
280
|
-
this.qrShortenPending = false;
|
|
281
|
-
return;
|
|
282
|
-
}
|
|
283
|
-
if (this.qrShortenPending && raw === this.lastShortenRaw && !((_b = this.qrHref) === null || _b === void 0 ? void 0 : _b.trim())) {
|
|
284
|
-
return;
|
|
285
|
-
}
|
|
286
|
-
const gen = ++this.qrRefreshGeneration;
|
|
287
|
-
this.lastShortenRaw = raw;
|
|
288
|
-
try {
|
|
289
|
-
const shortened = await utils.shortenUrlIfPossible(raw);
|
|
290
|
-
const now = this.buildRawLink();
|
|
291
|
-
if (now === raw) {
|
|
292
|
-
this.qrHref = shortened;
|
|
293
|
-
}
|
|
294
|
-
else if (!((_c = this.qrHref) === null || _c === void 0 ? void 0 : _c.trim())) {
|
|
295
|
-
this.qrHref = now;
|
|
296
|
-
}
|
|
297
|
-
}
|
|
298
|
-
finally {
|
|
299
|
-
if (gen === this.qrRefreshGeneration) {
|
|
300
|
-
this.qrShortenPending = false;
|
|
301
|
-
}
|
|
302
|
-
}
|
|
303
|
-
}
|
|
304
|
-
getLink() {
|
|
305
|
-
return this.qrHref || this.buildRawLink();
|
|
306
|
-
}
|
|
307
|
-
renderQRSection() {
|
|
308
|
-
var _a, _b, _c;
|
|
309
|
-
switch (this.result) {
|
|
310
|
-
case utils.RESULT_STATUS.NOT_STARTED:
|
|
311
|
-
return this.renderRetryButton();
|
|
312
|
-
case utils.RESULT_STATUS.ONGOING:
|
|
313
|
-
return this.qrShortenPending || !((_a = this.qrHref) === null || _a === void 0 ? void 0 : _a.trim()) ? this.renderQrLoadingSlot() : this.renderQR(this.getLink(), true, undefined, !!((_b = this.qrHref) === null || _b === void 0 ? void 0 : _b.trim()));
|
|
314
|
-
case utils.RESULT_STATUS.EXPIRED:
|
|
315
|
-
return this.renderRetryButton(this.qrCodeExpiredLabel);
|
|
316
|
-
case utils.RESULT_STATUS.FAILED:
|
|
317
|
-
return this.renderRetryButton(this.credentialsNotValidatedLabel);
|
|
318
|
-
case utils.RESULT_STATUS.SUCCESS:
|
|
319
|
-
return this.renderSuccess();
|
|
320
|
-
case utils.RESULT_STATUS.READ:
|
|
321
|
-
return this.qrShortenPending || !((_c = this.qrHref) === null || _c === void 0 ? void 0 : _c.trim())
|
|
322
|
-
? this.renderQrLoadingSlot()
|
|
323
|
-
: this.renderReadQR({
|
|
324
|
-
title: this === null || this === void 0 ? void 0 : this.readQrTitle,
|
|
325
|
-
description: this === null || this === void 0 ? void 0 : this.readQrDescription
|
|
326
|
-
});
|
|
327
|
-
}
|
|
328
|
-
}
|
|
329
|
-
renderSuccess() {
|
|
330
|
-
return index.h(Success, { modalHeight: this === null || this === void 0 ? void 0 : this.modalHeight, successLoginLabel: this === null || this === void 0 ? void 0 : this.successLoginLabel });
|
|
331
|
-
}
|
|
332
|
-
renderRetryButton(errorMessage) {
|
|
333
|
-
return (index.h(RetryButton, { errorMessage: errorMessage, modalWidth: this === null || this === void 0 ? void 0 : this.modalWidth, clickInsideBoxLabel: this === null || this === void 0 ? void 0 : this.clickInsideBoxLabel, refreshQrLabel: this === null || this === void 0 ? void 0 : this.refreshQrLabel, scanQrLabel: this === null || this === void 0 ? void 0 : this.scanQrLabel, display: this.display.bind(this) }));
|
|
334
|
-
}
|
|
335
|
-
renderReadQR(readQrMessages) {
|
|
336
|
-
var _a;
|
|
337
|
-
const linkReady = !!((_a = this.qrHref) === null || _a === void 0 ? void 0 : _a.trim());
|
|
338
|
-
return (index.h(ReadQR, { modalWidth: this === null || this === void 0 ? void 0 : this.modalWidth, readQrMessages: readQrMessages, url: this.getLink(), sizeQR: (this === null || this === void 0 ? void 0 : this.qrSize) ? (this === null || this === void 0 ? void 0 : this.qrSize) - 50 : undefined, renderQR: (url, useLogo, size) => this.renderQR(url, useLogo, size, linkReady) }));
|
|
339
|
-
}
|
|
340
|
-
renderQR(value, useLogo, sizeQR, linkReady = true) {
|
|
341
|
-
return index.h(QR, { value: value, qrType: this.qrType, useLogo: useLogo && this.logoSize !== 0, size: sizeQR || (this === null || this === void 0 ? void 0 : this.qrSize) || undefined, logoSrc: this === null || this === void 0 ? void 0 : this.logoSrc, linkReady: linkReady });
|
|
342
|
-
}
|
|
343
|
-
renderQrLoadingSlot() {
|
|
344
|
-
const s = this.qrSize || 300;
|
|
345
|
-
return (index.h("div", { class: "qr-loading-slot", style: {
|
|
346
|
-
width: s + 'px',
|
|
347
|
-
height: s + 'px',
|
|
348
|
-
margin: '0 auto'
|
|
349
|
-
} }));
|
|
350
|
-
}
|
|
351
|
-
render() {
|
|
352
|
-
var _a, _b;
|
|
353
|
-
return (index.h("div", { class: "popUpContainer" }, index.h("div", { class: `is-visible modal-window ${this.hideModalTexts ? '' : 'large-modal'} ${this.hideModalBoxShadow ? 'noBoxShadow' : ''}`, style: {
|
|
354
|
-
width: (this.modalWidth - 2).toString() + 'px',
|
|
355
|
-
height: this.modalHeight ? ((_a = (this.modalHeight - 2)) === null || _a === void 0 ? void 0 : _a.toString()) + 'px' : ''
|
|
356
|
-
}, onClick: (event) => {
|
|
357
|
-
event.stopPropagation();
|
|
358
|
-
} }, index.h("div", { class: "modal-window__content" }, index.h("div", { class: `qrTitleContainer ${this.hideModalTexts ? 'hidenText' : ''}` }, index.h("p", { class: "qrTitle modalText", style: { color: this.modalTitleColor || '#1e1e20' } }, this.qrModalTitle), !this.hideBrandTitle && (index.h("p", { class: "qrBrand modalText" }, this.byBrandLabel, ' ', index.h("span", null, index.h("img", { src: gatIconCheck.logoGatacaSvg })))), this.result !== utils.RESULT_STATUS.SUCCESS && !this.hideQrModalDescription && index.h("p", { class: "qrDescription modalText" }, this.qrModalDescription)), index.h("div", { class: "qrSection", style: {
|
|
359
|
-
width: this.modalWidth.toString() + 'px',
|
|
360
|
-
height: this.modalWidth ? ((_b = this.modalWidth) === null || _b === void 0 ? void 0 : _b.toString()) + 'px' : ''
|
|
361
|
-
} }, this.renderQRSection())))));
|
|
362
|
-
}
|
|
363
|
-
};
|
|
364
|
-
GatacaQRWS.style = gatacaQrwsCss;
|
|
365
|
-
|
|
366
|
-
exports.gataca_qrws = GatacaQRWS;
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-d8d3dfde.js');
|
|
6
|
-
|
|
7
|
-
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}";
|
|
8
|
-
|
|
9
|
-
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=';
|
|
10
|
-
const GatacaSSIButtonWS = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
this.gatacaLoginCompleted = index.createEvent(this, "gatacaLoginCompleted", 7);
|
|
14
|
-
this.gatacaLoginFailed = index.createEvent(this, "gatacaLoginFailed", 7);
|
|
15
|
-
this.buttonText = 'Easy login';
|
|
16
|
-
this.successCallback = undefined;
|
|
17
|
-
this.errorCallback = undefined;
|
|
18
|
-
this.qrType = 'svg';
|
|
19
|
-
this.qrRole = undefined;
|
|
20
|
-
this.callbackServer = undefined;
|
|
21
|
-
this.socketEndpoint = undefined;
|
|
22
|
-
this.sessionTimeout = undefined;
|
|
23
|
-
this.wsOnOpen = undefined;
|
|
24
|
-
this.wsOnMessage = undefined;
|
|
25
|
-
this.autostart = true;
|
|
26
|
-
this.autorefresh = false;
|
|
27
|
-
this.v = '3';
|
|
28
|
-
this.qrModalTitle = 'Quick Access';
|
|
29
|
-
this.qrModalDescription = 'Sign up or sign in by scanning the QR Code with the Gataca Wallet';
|
|
30
|
-
this.hideBrandTitle = false;
|
|
31
|
-
this.dynamicLink = true;
|
|
32
|
-
this.open = false;
|
|
33
|
-
this.qr = (index.h("gataca-qrws", { wsOnMessage: this.wsOnMessage, wsOnOpen: this.wsOnOpen, successCallback: this.successCallback, errorCallback: this.errorCallback, qrRole: this.qrRole, qrType: this.qrType, 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 }));
|
|
34
|
-
}
|
|
35
|
-
/**
|
|
36
|
-
* Retrieve manually the session data on a successful login
|
|
37
|
-
*/
|
|
38
|
-
async getSessionData() {
|
|
39
|
-
return this.qr.getSessionData();
|
|
40
|
-
}
|
|
41
|
-
renderModal() {
|
|
42
|
-
return this.qr;
|
|
43
|
-
}
|
|
44
|
-
renderButton() {
|
|
45
|
-
return (index.h("div", { class: "gatacaButtonWrapper" }, index.h("button", { class: "gatacaButton", onClick: () => {
|
|
46
|
-
this.open = !this.open;
|
|
47
|
-
if (this.open) {
|
|
48
|
-
this.qr.display();
|
|
49
|
-
}
|
|
50
|
-
else {
|
|
51
|
-
this.qr.stop();
|
|
52
|
-
}
|
|
53
|
-
} }, index.h("img", { src: PHONE_ICON, class: "buttonImg", alt: this.buttonText }), index.h("span", null, this.buttonText))));
|
|
54
|
-
}
|
|
55
|
-
render() {
|
|
56
|
-
return (index.h("div", { class: "buttonContainer" }, this.renderButton(), this.open && this.renderModal()));
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
GatacaSSIButtonWS.style = gatacaSsibuttonwsCss;
|
|
60
|
-
|
|
61
|
-
exports.gataca_ssibuttonws = GatacaSSIButtonWS;
|
package/dist/cjs/gatacaqr.cjs.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
const index = require('./index-d8d3dfde.js');
|
|
4
|
-
|
|
5
|
-
/*
|
|
6
|
-
Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com
|
|
7
|
-
*/
|
|
8
|
-
const patchBrowser = () => {
|
|
9
|
-
const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('gatacaqr.cjs.js', document.baseURI).href));
|
|
10
|
-
const opts = {};
|
|
11
|
-
if (importMeta !== '') {
|
|
12
|
-
opts.resourcesUrl = new URL('.', importMeta).href;
|
|
13
|
-
}
|
|
14
|
-
return index.promiseResolve(opts);
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
patchBrowser().then(options => {
|
|
18
|
-
return index.bootstrapLazy([["gataca-qr_3.cjs",[[1,"gataca-ssibutton",{"buttonText":[1,"button-text"],"buttonDCAPIText":[1,"button-d-c-a-p-i-text"],"qrType":[1,"qr-type"],"autostart":[4],"checkStatus":[16],"createSession":[16],"fillSession":[16],"successCallback":[16],"errorCallback":[16],"handleCheckAppLoading":[16],"checkAppTimeout":[2,"check-app-timeout"],"qrRole":[1,"qr-role"],"callbackServer":[1,"callback-server"],"sessionTimeout":[2,"session-timeout"],"pollingFrequency":[2,"polling-frequency"],"autorefresh":[4],"v":[1],"qrModalTitle":[1,"qr-modal-title"],"modalTitleColor":[1,"modal-title-color"],"qrModalDescription":[1,"qr-modal-description"],"hideBrandTitle":[4,"hide-brand-title"],"dynamicLink":[4,"dynamic-link"],"logoSize":[2,"logo-size"],"logoSrc":[1,"logo-src"],"qrCodeExpiredLabel":[1,"qr-code-expired-label"],"credentialsNotValidatedLabel":[1,"credentials-not-validated-label"],"clickInsideBoxLabel":[1,"click-inside-box-label"],"refreshQrLabel":[1,"refresh-qr-label"],"scanQrLabel":[1,"scan-qr-label"],"userNotScanInTimeErrorLabel":[1,"user-not-scan-in-time-error-label"],"credsNotValidatedErrorLabel":[1,"creds-not-validated-error-label"],"failedLoginErrorLabel":[1,"failed-login-error-label"],"successLoginLabel":[1,"success-login-label"],"byBrandLabel":[1,"by-brand-label"],"waitingStartSessionLabel":[1,"waiting-start-session-label"],"enableDcApi":[4,"enable-dc-api"],"hideQrModalDescription":[4,"hide-qr-modal-description"],"qrStyle":[16],"open":[32],"sessionId":[32],"authenticationRequest":[32],"sessionData":[32],"result":[32],"getSessionData":[64],"startMobilePolling":[64],"stop":[64]}],[1,"gataca-qr",{"checkStatus":[16],"createSession":[16],"successCallback":[16],"errorCallback":[16],"qrRole":[1,"qr-role"],"qrType":[1,"qr-type"],"callbackServer":[1,"callback-server"],"autostart":[4],"autorefresh":[4],"v":[1],"qrModalTitle":[1,"qr-modal-title"],"modalTitleColor":[1,"modal-title-color"],"qrModalDescription":[1,"qr-modal-description"],"hideModalTexts":[4,"hide-modal-texts"],"hideModalBoxShadow":[4,"hide-modal-box-shadow"],"hideBrandTitle":[4,"hide-brand-title"],"logoSize":[2,"logo-size"],"logoSrc":[1,"logo-src"],"qrSize":[2,"qr-size"],"modalWidth":[2,"modal-width"],"modalHeight":[2,"modal-height"],"qrCodeExpiredLabel":[1,"qr-code-expired-label"],"credentialsNotValidatedLabel":[1,"credentials-not-validated-label"],"clickInsideBoxLabel":[1,"click-inside-box-label"],"refreshQrLabel":[1,"refresh-qr-label"],"scanQrLabel":[1,"scan-qr-label"],"userNotScanInTimeErrorLabel":[1,"user-not-scan-in-time-error-label"],"credsNotValidatedErrorLabel":[1,"creds-not-validated-error-label"],"failedLoginErrorLabel":[1,"failed-login-error-label"],"successLoginLabel":[1,"success-login-label"],"byBrandLabel":[1,"by-brand-label"],"waitingStartSessionLabel":[1,"waiting-start-session-label"],"readQrTitle":[1,"read-qr-title"],"readQrDescription":[1,"read-qr-description"],"hideQrModalDescription":[4,"hide-qr-modal-description"],"sessionTimeout":[2,"session-timeout"],"pollingFrequency":[2,"polling-frequency"],"dynamicLink":[4,"dynamic-link"],"qrStyle":[16],"sessionId":[32],"authenticationRequest":[32],"sessionData":[32],"result":[32],"qrHref":[32],"display":[64],"stop":[64],"getSessionData":[64]}],[0,"gataca-qrdisplay",{"qrData":[1,"qr-data"],"qrType":[1,"qr-type"],"size":[2],"logoSize":[2,"logo-size"],"logoSrc":[1,"logo-src"],"qrColor":[1,"qr-color"],"bgColor":[1,"bg-color"],"rounded":[4]}]]],["gataca-qrws.cjs",[[1,"gataca-qrws",{"successCallback":[16],"errorCallback":[16],"qrRole":[1,"qr-role"],"qrType":[1,"qr-type"],"callbackServer":[1,"callback-server"],"socketEndpoint":[1,"socket-endpoint"],"sessionTimeout":[2,"session-timeout"],"wsOnOpen":[16],"wsOnMessage":[16],"autostart":[4],"autorefresh":[4],"v":[1],"qrModalTitle":[1,"qr-modal-title"],"modalTitleColor":[1,"modal-title-color"],"qrModalDescription":[1,"qr-modal-description"],"hideModalTexts":[4,"hide-modal-texts"],"hideModalBoxShadow":[4,"hide-modal-box-shadow"],"hideBrandTitle":[4,"hide-brand-title"],"logoSize":[2,"logo-size"],"logoSrc":[1,"logo-src"],"qrSize":[2,"qr-size"],"modalWidth":[2,"modal-width"],"modalHeight":[2,"modal-height"],"qrCodeExpiredLabel":[1,"qr-code-expired-label"],"credentialsNotValidatedLabel":[1,"credentials-not-validated-label"],"clickInsideBoxLabel":[1,"click-inside-box-label"],"refreshQrLabel":[1,"refresh-qr-label"],"scanQrLabel":[1,"scan-qr-label"],"userNotScanInTimeErrorLabel":[1,"user-not-scan-in-time-error-label"],"credsNotValidatedErrorLabel":[1,"creds-not-validated-error-label"],"failedLoginErrorLabel":[1,"failed-login-error-label"],"successLoginLabel":[1,"success-login-label"],"byBrandLabel":[1,"by-brand-label"],"waitingStartSessionLabel":[1,"waiting-start-session-label"],"readQrTitle":[1,"read-qr-title"],"readQrDescription":[1,"read-qr-description"],"hideQrModalDescription":[4,"hide-qr-modal-description"],"dynamicLink":[4,"dynamic-link"],"sessionId":[32],"authenticationRequest":[32],"sessionData":[32],"result":[32],"qrHref":[32],"qrShortenPending":[32],"display":[64],"stop":[64],"getSessionData":[64]},[[2,"sessionMsg","sessionMsgReceived"]]]]],["gataca-ssibuttonws.cjs",[[1,"gataca-ssibuttonws",{"buttonText":[1,"button-text"],"successCallback":[16],"errorCallback":[16],"qrType":[1,"qr-type"],"qrRole":[1,"qr-role"],"callbackServer":[1,"callback-server"],"socketEndpoint":[1,"socket-endpoint"],"sessionTimeout":[2,"session-timeout"],"wsOnOpen":[16],"wsOnMessage":[16],"autostart":[4],"autorefresh":[4],"v":[1],"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.cjs",[[1,"gataca-autoqr",{"configId":[1,"config-id"],"qrType":[1,"qr-type"],"configRepository":[1,"config-repository"],"successCallback":[16],"errorCallback":[16],"checkStatus":[16],"createSession":[16],"wsOnOpen":[16],"wsOnMessage":[16],"config":[32],"loading":[32],"getSessionData":[64]}]]]], options);
|
|
19
|
-
});
|