@gataca/qr 2.0.6 → 2.0.9
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/{logo_gataca-f3dc6840.js → gat-icon-alert-0ad19b26.js} +2 -2
- package/dist/cjs/gataca-autoqr.cjs.entry.js +1 -1
- package/dist/cjs/gataca-qr_2.cjs.entry.js +46 -24
- package/dist/cjs/gataca-qrws.cjs.entry.js +5 -5
- package/dist/cjs/gataca-ssibutton_2.cjs.entry.js +1 -1
- package/dist/cjs/gatacaqr.cjs.js +6 -2
- package/dist/cjs/{index-4be0cdca.js → index-f214ab7a.js} +145 -2
- package/dist/cjs/loader.cjs.js +3 -2
- package/dist/collection/assets/images/logo_gataca.svg +7 -26
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/gataca-qr/components/qr/QR.js +5 -0
- package/dist/collection/components/gataca-qr/components/retryButton/RetryButton.js +13 -0
- package/dist/collection/components/gataca-qr/components/success/Success.js +8 -0
- package/dist/collection/components/gataca-qr/gataca-qr.css +172 -85
- package/dist/collection/components/gataca-qr/gataca-qr.js +9 -22
- package/dist/components/gataca-qr2.js +44 -22
- package/dist/components/gataca-qrdisplay2.js +1 -1
- package/dist/components/gataca-qrws2.js +1 -1
- package/dist/components/index.d.ts +9 -0
- package/dist/components/index.js +2 -2
- package/dist/esm/{logo_gataca-57ad0363.js → gat-icon-alert-7b06ef3a.js} +2 -2
- package/dist/esm/gataca-autoqr.entry.js +1 -1
- package/dist/esm/gataca-qr_2.entry.js +44 -22
- package/dist/esm/gataca-qrws.entry.js +2 -2
- package/dist/esm/gataca-ssibutton_2.entry.js +1 -1
- package/dist/esm/gatacaqr.js +3 -2
- package/dist/esm/{index-80311733.js → index-570c9813.js} +145 -3
- package/dist/esm/loader.js +3 -2
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/gatacaqr/gatacaqr.esm.js +1 -1
- package/dist/gatacaqr/p-0be4566d.js +1 -1
- package/dist/gatacaqr/p-23197d75.entry.js +1 -0
- package/dist/gatacaqr/{p-b834ef88.entry.js → p-3d1a6526.entry.js} +1 -1
- package/dist/gatacaqr/{p-66ad21ac.entry.js → p-bd6bd52f.entry.js} +1 -1
- package/dist/gatacaqr/p-c134f057.entry.js +1 -0
- package/dist/gatacaqr/p-ea783014.js +1 -0
- package/dist/gatacaqr/p-ec0f00a6.js +2 -0
- package/dist/types/components/gataca-qr/components/qr/QR.d.ts +9 -0
- package/dist/types/components/gataca-qr/components/retryButton/RetryButton.d.ts +13 -0
- package/dist/types/components/gataca-qr/components/success/Success.d.ts +7 -0
- package/dist/types/stencil-public-runtime.d.ts +59 -3
- package/dist/types/utils/utils.d.ts +8 -8
- package/loader/index.d.ts +9 -0
- package/package.json +7 -4
- package/dist/gatacaqr/p-5eb106c0.entry.js +0 -1
- package/dist/gatacaqr/p-6adc6933.js +0 -1
- package/dist/gatacaqr/p-96ca90e8.entry.js +0 -1
- package/dist/gatacaqr/p-a5648391.js +0 -2
- package/dist/components/{gat-icon-refresh.js → gat-icon-alert.js} +2 -2
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const
|
|
3
|
+
const logoGatacaSvg = 'data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDcxIiB3aWR0aD0iNzEiIGhlaWdodD0iNjYiPgoJPHRpdGxlPlZlY3RvciAoMyktc3ZnPC90aXRsZT4KCTxzdHlsZT4KCQkuczAgeyBmaWxsOiAjNDc0NWI3IH0gCgk8L3N0eWxlPgoJPHBhdGggaWQ9IkxheWVyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsYXNzPSJzMCIgZD0ibTcyLjIgMzguNGMyLjIgMy4zIDMuNSA3LjIgMy41IDExLjQgMCAxMS4yLTguOCAyMC4yLTE5LjkgMjAuN3EtMC40IDAtMC44IDBjLTMgMC01LjgtMC42LTguNC0xLjdxLTIuMS0xLTMuOC0yLjMtMS4xLTAuOC0yLjEtMS43LTEuMy0xLjItMi4zLTIuNi0wLjUgMC42LTEgMS4yYy0zLjggNC40LTkuNCA3LjEtMTUuNyA3LjEtNi43IDAtMTIuNi0zLjItMTYuNC04LjEtMi43LTMuNS00LjMtNy44LTQuMy0xMi42IDAtMTAuNiA4LTE5LjMgMTguMy0yMC41LTEuMS0yLjUtMS43LTUuMi0xLjctOC4xIDAtMTEuNSA5LjMtMjAuNyAyMC44LTIwLjcgMTAuMiAwIDE4LjcgNy40IDIwLjQgMTcuMnEwLjMgMS43IDAuMyAzLjVjMCAyLjktMC42IDUuNi0xLjcgOC4xIDYuMiAwLjcgMTEuNiA0LjIgMTQuOCA5LjF6bS00NC43LTIzLjVjLTMuNCA2LTEuNCAxMy41IDQuNSAxN3EwLjEgMCAwLjIgMC4xYzIuNCAxLjMgNS4xIDEuOCA3LjcgMS41IDEuNS0wLjIgMy4xLTAuNyA0LjUtMS40cTAuMi0wLjIgMC40LTAuM2MxLjgtMSAzLjMtMi41IDQuNC00LjRxMC43LTEuMyAxLjEtMi42YzEuNy01LjQtMC42LTExLjUtNS43LTE0LjQtNi0zLjQtMTMuNi0xLjQtMTcuMSA0LjV6bTM4LjUgNDAuOGMyLTMuOSAxLjktOC40LTAuMi0xMi0xLTEuOC0yLjYtMy41LTQuNi00LjYtMy45LTIuMy04LjUtMi4yLTEyLjMtMC4ycS0wLjIgMC4yLTAuNCAwLjMtMC45IDAuNS0xLjcgMS4ybDEzLjYgNy44djAuMWwtNi43IDUuNi0xMS02LjQtMC40LTAuMi03LTQtNC4yLTIuNS0yLjYtMS40cS0wLjItMC4yLTAuNC0wLjMtMC4xIDAtMC4yLTAuMWMtNS45LTMuNC0xMy41LTEuMy0xNyA0LjYtMi41IDQuNC0yLjEgOS43IDAuNyAxMy41IDEgMS40IDIuMyAyLjYgMy45IDMuNSA0LjggMi43IDEwLjYgMiAxNC41LTEuNGwtMTIuNC03LjEgNi44LTUuNiA5LjYgNS41IDAuNCAwLjIgNyA0LjEgNS42IDMuMiAxLjggMWMzLjMgMS45IDcuMyAyLjMgMTAuOSAwLjkgMi42LTEuMSA0LjgtMyA2LjMtNS43eiIvPgo8L3N2Zz4=';
|
|
4
4
|
|
|
5
5
|
const gatIconCheckSvg = 'data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjUyIiBoZWlnaHQ9IjUzIiB2aWV3Qm94PSIwIDAgNTIgNTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjI2IiBjeT0iMjYuNjcxOSIgcj0iMjYiIGZpbGw9IiMzRDlBNTAiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zOC41MiAxNy43NDk1QzM5LjU4MDUgMTguODA5OSAzOS41ODA1IDIwLjUyOTMgMzguNTIgMjEuNTg5OEwyMy41ODQ2IDM2LjUyNTFDMjIuNTI0MiAzNy41ODU2IDIwLjgwNDggMzcuNTg1NiAxOS43NDQzIDM2LjUyNTFMMTIuOTU1NSAyOS43MzYzQzExLjg5NSAyOC42NzU5IDExLjg5NSAyNi45NTY1IDEyLjk1NTUgMjUuODk2QzE0LjAxNiAyNC44MzU1IDE1LjczNTQgMjQuODM1NSAxNi43OTU4IDI1Ljg5NkwyMS42NjQ1IDMwLjc2NDdMMzQuNjc5NyAxNy43NDk1QzM1Ljc0MDIgMTYuNjg5IDM3LjQ1OTUgMTYuNjg5IDM4LjUyIDE3Ljc0OTVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K';
|
|
6
6
|
|
|
7
7
|
const gatIconRefreshSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzIDRWMTBIMTciIHN0cm9rZT0iIzhCOEI4QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIwLjQ4OTkgMTVDMTkuODM5OSAxNi44Mzk5IDE4LjYwOTQgMTguNDE4NyAxNi45ODQgMTkuNDk4NUMxNS4zNTg2IDIwLjU3ODMgMTMuNDI2MyAyMS4xMDA2IDExLjQ3ODMgMjAuOTg2NkM5LjUzMDI2IDIwLjg3MjYgNy42NzIwMyAyMC4xMjg2IDYuMTgzNjMgMTguODY2N0M0LjY5NTI0IDE3LjYwNDcgMy42NTczIDE1Ljg5MzIgMy4yMjYyNSAxMy45OTAxQzIuNzk1MTkgMTIuMDg2OSAyLjk5NDM2IDEwLjA5NTIgMy43OTM3NCA4LjMxNTA4QzQuNTkzMTMgNi41MzQ5NiA1Ljk0OTQyIDUuMDYyODggNy42NTgyMyA0LjEyMDY1QzkuMzY3MDUgMy4xNzg0MyAxMS4zMzU4IDIuODE3MTEgMTMuMjY3OCAzLjA5MTE2QzE1LjE5OTkgMy4zNjUyIDE2Ljk5MDUgNC4yNTk3NSAxOC4zNjk5IDUuNjQwMDFMMjIuOTk5OSAxMCIgc3Ryb2tlPSIjOEI4QjhCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';
|
|
8
8
|
|
|
9
|
-
const
|
|
9
|
+
const gatIconAlertSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI5MDggMy44NjAyTDEuODIwNzUgMTguMDAwMkMxLjY0NjEyIDE4LjMwMjYgMS41NTM3MiAxOC42NDU1IDEuNTUyNzQgMTguOTk0N0MxLjU1MTc2IDE5LjM0MzkgMS42NDIyNCAxOS42ODczIDEuODE1MTggMTkuOTkwN0MxLjk4ODEyIDIwLjI5NDEgMi4yMzc0OCAyMC41NDcgMi41Mzg0NiAyMC43MjQxQzIuODM5NDQgMjAuOTAxMiAzLjE4MTU1IDIwLjk5NjQgMy41MzA3NSAyMS4wMDAySDIwLjQ3MDhDMjAuODIgMjAuOTk2NCAyMS4xNjIxIDIwLjkwMTIgMjEuNDYzIDIwLjcyNDFDMjEuNzY0IDIwLjU0NyAyMi4wMTM0IDIwLjI5NDEgMjIuMTg2MyAxOS45OTA3QzIyLjM1OTMgMTkuNjg3MyAyMi40NDk3IDE5LjM0MzkgMjIuNDQ4OCAxOC45OTQ3QzIyLjQ0NzggMTguNjQ1NSAyMi4zNTU0IDE4LjMwMjYgMjIuMTgwOCAxOC4wMDAyTDEzLjcxMDggMy44NjAyQzEzLjUzMjUgMy41NjYzMSAxMy4yODE1IDMuMzIzMzIgMTIuOTgxOSAzLjE1NDY5QzEyLjY4MjQgMi45ODYwNSAxMi4zNDQ1IDIuODk3NDYgMTIuMDAwOCAyLjg5NzQ2QzExLjY1NyAyLjg5NzQ2IDExLjMxOTEgMi45ODYwNSAxMS4wMTk2IDMuMTU0NjlDMTAuNzIgMy4zMjMzMiAxMC40NjkgMy41NjYzMSAxMC4yOTA4IDMuODYwMlYzLjg2MDJaIiBzdHJva2U9IiNDRDJCMzEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMiA5VjEzIiBzdHJva2U9IiNDRDJCMzEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMiAxN0gxMi4wMSIgc3Ryb2tlPSIjQ0QyQjMxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';
|
|
10
10
|
|
|
11
11
|
exports.gatIconAlertSvg = gatIconAlertSvg;
|
|
12
12
|
exports.gatIconCheckSvg = gatIconCheckSvg;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-f214ab7a.js');
|
|
6
6
|
|
|
7
7
|
const gatacaAutoqrCss = "@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
8
|
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
6
|
-
const
|
|
5
|
+
const index = require('./index-f214ab7a.js');
|
|
6
|
+
const gatIconAlert = require('./gat-icon-alert-0ad19b26.js');
|
|
7
7
|
const qrCodeStyling = require('./qr-code-styling-412bbc7a.js');
|
|
8
8
|
const utils = require('./utils-383ee834.js');
|
|
9
9
|
|
|
@@ -22,7 +22,7 @@ const GatacaQRDisplay = class {
|
|
|
22
22
|
data: this.qrData,
|
|
23
23
|
width: this.size,
|
|
24
24
|
height: this.size,
|
|
25
|
-
image: this.logoSize > 0 ? this.logoSrc ||
|
|
25
|
+
image: this.logoSize > 0 ? this.logoSrc || gatIconAlert.logoGatacaSvg : undefined,
|
|
26
26
|
margin: 10,
|
|
27
27
|
type: "svg",
|
|
28
28
|
dotsOptions: {
|
|
@@ -49,7 +49,42 @@ const GatacaQRDisplay = class {
|
|
|
49
49
|
}
|
|
50
50
|
};
|
|
51
51
|
|
|
52
|
-
const
|
|
52
|
+
const Success = (props) => {
|
|
53
|
+
const { modalHeight, successLoginLabel } = props;
|
|
54
|
+
return (index.h("div", { class: "success", style: {
|
|
55
|
+
height: modalHeight ? (modalHeight === null || modalHeight === void 0 ? void 0 : modalHeight.toString()) + "px" : "300px",
|
|
56
|
+
} },
|
|
57
|
+
index.h("img", { src: gatIconAlert.gatIconCheckSvg, height: 52, width: 52 }),
|
|
58
|
+
index.h("p", { class: "successMsg" }, successLoginLabel)));
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
const RetryButton = (props) => {
|
|
62
|
+
var _a;
|
|
63
|
+
const { errorMessage, modalWidth, clickInsideBoxLabel, refreshQrLabel, scanQrLabel, waitingStartSessionLabel, display, renderRetryQR, } = props;
|
|
64
|
+
return (index.h("div", { class: "reload", style: {
|
|
65
|
+
width: (modalWidth - 48).toString() + "px",
|
|
66
|
+
height: modalWidth ? ((_a = (modalWidth - 48)) === null || _a === void 0 ? void 0 : _a.toString()) + "px" : "",
|
|
67
|
+
} },
|
|
68
|
+
index.h("div", { id: "notify", onClick: () => display() },
|
|
69
|
+
index.h("img", { src: gatIconAlert.gatIconRefreshSvg, height: 24, width: 24 }),
|
|
70
|
+
index.h("p", { class: "notify-text" },
|
|
71
|
+
clickInsideBoxLabel,
|
|
72
|
+
" "),
|
|
73
|
+
errorMessage ? (index.h("p", { class: "notify-text bold" }, refreshQrLabel)) : (index.h("p", { class: "notify-text bold" }, scanQrLabel)),
|
|
74
|
+
errorMessage && (index.h("div", { class: "alert", style: {
|
|
75
|
+
width: (modalWidth - 48).toString() + "px",
|
|
76
|
+
} },
|
|
77
|
+
index.h("img", { src: gatIconAlert.gatIconAlertSvg, height: 24, width: 24 }),
|
|
78
|
+
index.h("p", null, errorMessage)))),
|
|
79
|
+
index.h("div", { id: "qrwait" }, renderRetryQR(waitingStartSessionLabel))));
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
const QR = (props) => {
|
|
83
|
+
const { value, useLogo, logoSrc, size } = props;
|
|
84
|
+
return (index.h("gataca-qrdisplay", { qrData: value, rounded: true, size: size, "logo-size": useLogo ? 0.33 : 0, "logo-src": logoSrc }));
|
|
85
|
+
};
|
|
86
|
+
|
|
87
|
+
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;font-size:14px;font-style:normal;font-weight:400;line-height:16px;color:#707074}.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 .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 .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{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;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.95)}#notify>img{padding-bottom:12px}.alert{display:flex;flex-direction:row;align-items:center;justify-content:start;width:252px;position:absolute;bottom:0px;border:1px solid #ee888c;background:#ffdedf;border-radius:11px;display:flex;box-sizing:border-box;padding:12px;align-items:center;gap:12px}.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}";
|
|
53
88
|
|
|
54
89
|
const DEEP_LINK_PREFIX = "https://gataca.page.link/?apn=com.gatacaapp&ibi=com.gataca.wallet&link=";
|
|
55
90
|
//Default values
|
|
@@ -61,7 +96,7 @@ const FUNCTION_ROLES = {
|
|
|
61
96
|
certify: "credential",
|
|
62
97
|
};
|
|
63
98
|
const GatacaQR = class {
|
|
64
|
-
constructor(hostRef) { index.registerInstance(this, hostRef); this.gatacaLoginCompleted = index.createEvent(this, "gatacaLoginCompleted", 7); this.gatacaLoginFailed = index.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.v2 = false; 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 =
|
|
99
|
+
constructor(hostRef) { index.registerInstance(this, hostRef); this.gatacaLoginCompleted = index.createEvent(this, "gatacaLoginCompleted", 7); this.gatacaLoginFailed = index.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.v2 = false; 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 = gatIconAlert.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.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 = utils.RESULT_STATUS.NOT_STARTED; }
|
|
65
100
|
disconnectedCallback() {
|
|
66
101
|
this.stop();
|
|
67
102
|
}
|
|
@@ -198,29 +233,16 @@ const GatacaQR = class {
|
|
|
198
233
|
}
|
|
199
234
|
}
|
|
200
235
|
renderSuccess() {
|
|
201
|
-
|
|
202
|
-
return (index.h("div", { class: "success", style: {
|
|
203
|
-
height: this.modalHeight
|
|
204
|
-
? ((_a = this.modalHeight) === null || _a === void 0 ? void 0 : _a.toString()) + "px"
|
|
205
|
-
: "300px",
|
|
206
|
-
} }, index.h("img", { src: logo_gataca.gatIconCheckSvg, height: 52, width: 52 }), index.h("p", { class: "successMsg" }, this.successLoginLabel)));
|
|
236
|
+
return (index.h(Success, { modalHeight: this === null || this === void 0 ? void 0 : this.modalHeight, successLoginLabel: this === null || this === void 0 ? void 0 : this.successLoginLabel }));
|
|
207
237
|
}
|
|
208
238
|
renderRetryButton(errorMessage) {
|
|
209
|
-
|
|
210
|
-
return (index.h("div", { class: "reload", style: {
|
|
211
|
-
width: (this.modalWidth - 50).toString() + "px",
|
|
212
|
-
height: this.modalWidth
|
|
213
|
-
? ((_a = (this.modalWidth - 50)) === null || _a === void 0 ? void 0 : _a.toString()) + "px"
|
|
214
|
-
: "",
|
|
215
|
-
} }, index.h("div", { id: "notify", onClick: () => this.display() }, index.h("img", { src: logo_gataca.gatIconRefreshSvg, height: 24, width: 24 }), index.h("p", { class: "qrDescription" }, this.clickInsideBoxLabel, " "), errorMessage ? (index.h("p", { class: "qrDescription bold" }, this.refreshQrLabel)) : (index.h("p", { class: "qrDescription bold" }, this.scanQrLabel, "e")), errorMessage && (index.h("div", { class: "alert", style: {
|
|
216
|
-
width: (this.modalWidth - 50).toString() + "px",
|
|
217
|
-
} }, index.h("img", { src: logo_gataca.gatIconAlertSvg, height: 24, width: 24 }), index.h("p", null, errorMessage)))), index.h("div", { id: "qrwait" }, this.renderRetryQR(this.waitingStartSessionLabel))));
|
|
239
|
+
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, waitingStartSessionLabel: this === null || this === void 0 ? void 0 : this.waitingStartSessionLabel, display: this === null || this === void 0 ? void 0 : this.display, renderRetryQR: this === null || this === void 0 ? void 0 : this.renderRetryQR }));
|
|
218
240
|
}
|
|
219
241
|
renderQR(value, useLogo) {
|
|
220
|
-
return (index.h(
|
|
242
|
+
return (index.h(QR, { value: value, useLogo: useLogo, size: (this === null || this === void 0 ? void 0 : this.qrSize) || undefined, logoSrc: this === null || this === void 0 ? void 0 : this.logoSrc }));
|
|
221
243
|
}
|
|
222
244
|
renderRetryQR(value, useLogo) {
|
|
223
|
-
return (index.h(
|
|
245
|
+
return (index.h(QR, { value: value, useLogo: useLogo, size: (this === null || this === void 0 ? void 0 : this.qrSize) ? (this === null || this === void 0 ? void 0 : this.qrSize) - 50 : undefined, logoSrc: this === null || this === void 0 ? void 0 : this.logoSrc }));
|
|
224
246
|
}
|
|
225
247
|
render() {
|
|
226
248
|
var _a, _b;
|
|
@@ -232,8 +254,8 @@ const GatacaQR = class {
|
|
|
232
254
|
: "",
|
|
233
255
|
}, onClick: (event) => {
|
|
234
256
|
event.stopPropagation();
|
|
235
|
-
} }, index.h("div", { class: "modal-window__content" }, index.h("div", { class: `qrTitleContainer ${this.hideModalTexts ? "hidenText" : ""}` }, index.h("p", { class: "qrTitle", style: { color: this.modalTitleColor || "#1e1e20" } }, this.qrModalTitle), !this.hideBrandTitle && (index.h("p", { class: "qrBrand" }, this.byBrandLabel, " ", index.h("span", null, index.h("img", { src:
|
|
236
|
-
!this.hideQrModalDescription && (index.h("p", { class: "qrDescription" }, this.qrModalDescription))), index.h("div", { class: "qrSection", style: {
|
|
257
|
+
} }, 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: gatIconAlert.logoGatacaSvg })))), this.result !== utils.RESULT_STATUS.SUCCESS &&
|
|
258
|
+
!this.hideQrModalDescription && (index.h("p", { class: "qrDescription modalText" }, this.qrModalDescription))), index.h("div", { class: "qrSection", style: {
|
|
237
259
|
width: this.modalWidth.toString() + "px",
|
|
238
260
|
height: this.modalWidth
|
|
239
261
|
? ((_b = this.modalWidth) === null || _b === void 0 ? void 0 : _b.toString()) + "px"
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
6
|
-
const
|
|
5
|
+
const index = require('./index-f214ab7a.js');
|
|
6
|
+
const gatIconAlert = require('./gat-icon-alert-0ad19b26.js');
|
|
7
7
|
require('./qr-code-styling-412bbc7a.js');
|
|
8
8
|
const utils = require('./utils-383ee834.js');
|
|
9
9
|
|
|
@@ -157,10 +157,10 @@ const GatacaQRWS = class {
|
|
|
157
157
|
}
|
|
158
158
|
}
|
|
159
159
|
renderSuccess() {
|
|
160
|
-
return (index.h("div", { class: "success" }, index.h("img", { src:
|
|
160
|
+
return (index.h("div", { class: "success" }, index.h("img", { src: gatIconAlert.gatIconCheckSvg, height: 52, width: 52 }), index.h("p", { class: "successMsg" }, "Successful Connection!")));
|
|
161
161
|
}
|
|
162
162
|
renderRetryButton(errorMessage) {
|
|
163
|
-
return (index.h("div", { class: "reload" }, index.h("div", { id: "notify", onClick: () => this.display() }, index.h("img", { src:
|
|
163
|
+
return (index.h("div", { class: "reload" }, index.h("div", { id: "notify", onClick: () => this.display() }, index.h("img", { src: gatIconAlert.gatIconRefreshSvg, height: 24, width: 24 }), index.h("p", { class: "qrDescription" }, "Click inside the box to "), errorMessage ? (index.h("p", { class: "qrDescription bold" }, "Refresh QR Code")) : (index.h("p", { class: "qrDescription bold" }, "Scan QR Code")), errorMessage && (index.h("div", { class: "alert" }, index.h("img", { src: gatIconAlert.gatIconAlertSvg, height: 24, width: 24 }), index.h("p", null, errorMessage)))), index.h("div", { id: "qrwait" }, this.renderQR("waiting to start a session", 250))));
|
|
164
164
|
}
|
|
165
165
|
renderQR(value, size, useLogo) {
|
|
166
166
|
return (index.h("gataca-qrdisplay", { qrData: value, rounded: true, size: size, "logo-size": useLogo ? 0.33 : 0 }));
|
|
@@ -168,7 +168,7 @@ const GatacaQRWS = class {
|
|
|
168
168
|
render() {
|
|
169
169
|
return (index.h("div", { class: "popUpContainer" }, index.h("div", { class: "modal-window is-visible", onClick: (event) => {
|
|
170
170
|
event.stopPropagation();
|
|
171
|
-
} }, index.h("div", { class: "modal-window__content" }, index.h("div", { class: "qrTitleContainer" }, index.h("p", { class: "qrTitle" }, this.qrModalTitle), !this.hideBrandTitle && (index.h("p", { class: "qrBrand" }, "by Gataca", " ", index.h("span", null, index.h("img", { src:
|
|
171
|
+
} }, index.h("div", { class: "modal-window__content" }, index.h("div", { class: "qrTitleContainer" }, index.h("p", { class: "qrTitle" }, this.qrModalTitle), !this.hideBrandTitle && (index.h("p", { class: "qrBrand" }, "by Gataca", " ", index.h("span", null, index.h("img", { src: gatIconAlert.logoGatacaSvg })))), this.result !== utils.RESULT_STATUS.SUCCESS && (index.h("p", { class: "qrDescription" }, this.qrModalDescription))), index.h("div", { class: "qrSection" }, this.renderQRSection())))));
|
|
172
172
|
}
|
|
173
173
|
};
|
|
174
174
|
GatacaQRWS.style = gatacaQrwsCss;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-f214ab7a.js');
|
|
6
6
|
require('./qr-code-styling-412bbc7a.js');
|
|
7
7
|
|
|
8
8
|
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}";
|
package/dist/cjs/gatacaqr.cjs.js
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-f214ab7a.js');
|
|
4
6
|
|
|
5
7
|
/*
|
|
6
|
-
Stencil Client Patch Browser v2.
|
|
8
|
+
Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
|
|
7
9
|
*/
|
|
8
10
|
const patchBrowser = () => {
|
|
9
11
|
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));
|
|
@@ -17,3 +19,5 @@ const patchBrowser = () => {
|
|
|
17
19
|
patchBrowser().then(options => {
|
|
18
20
|
return index.bootstrapLazy([["gataca-qr_2.cjs",[[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"],"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"],"hideQrModalDescription":[4,"hide-qr-modal-description"],"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]}],[0,"gataca-qrdisplay",{"qrData":[1,"qr-data"],"size":[2],"logoSize":[2,"logo-size"],"logoSrc":[1,"logo-src"],"qrColor":[1,"qr-color"],"rounded":[4]}]]],["gataca-qrws.cjs",[[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"]]]]],["gataca-ssibutton_2.cjs",[[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"],"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"],"hideQrModalDescription":[4,"hide-qr-modal-description"],"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.cjs",[[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);
|
|
19
21
|
});
|
|
22
|
+
|
|
23
|
+
exports.setNonce = index.setNonce;
|
|
@@ -63,6 +63,18 @@ const isComplexType = (o) => {
|
|
|
63
63
|
o = typeof o;
|
|
64
64
|
return o === 'object' || o === 'function';
|
|
65
65
|
};
|
|
66
|
+
/**
|
|
67
|
+
* Helper method for querying a `meta` tag that contains a nonce value
|
|
68
|
+
* out of a DOM's head.
|
|
69
|
+
*
|
|
70
|
+
* @param doc The DOM containing the `head` to query against
|
|
71
|
+
* @returns The content of the meta tag representing the nonce value, or `undefined` if no tag
|
|
72
|
+
* exists or the tag has no content.
|
|
73
|
+
*/
|
|
74
|
+
function queryNonceMetaTagContent(doc) {
|
|
75
|
+
var _a, _b, _c;
|
|
76
|
+
return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;
|
|
77
|
+
}
|
|
66
78
|
/**
|
|
67
79
|
* Production h() function based on Preact by
|
|
68
80
|
* Jason Miller (@developit)
|
|
@@ -71,7 +83,6 @@ const isComplexType = (o) => {
|
|
|
71
83
|
*
|
|
72
84
|
* Modified for Stencil's compiler and vdom
|
|
73
85
|
*/
|
|
74
|
-
// const stack: any[] = [];
|
|
75
86
|
// export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, child?: d.ChildType): d.VNode;
|
|
76
87
|
// export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
|
|
77
88
|
const h = (nodeName, vnodeData, ...children) => {
|
|
@@ -115,6 +126,10 @@ const h = (nodeName, vnodeData, ...children) => {
|
|
|
115
126
|
}
|
|
116
127
|
}
|
|
117
128
|
}
|
|
129
|
+
if (typeof nodeName === 'function') {
|
|
130
|
+
// nodeName is a functional component
|
|
131
|
+
return nodeName(vnodeData === null ? {} : vnodeData, vNodeChildren, vdomFnUtils);
|
|
132
|
+
}
|
|
118
133
|
const vnode = newVNode(nodeName, null);
|
|
119
134
|
vnode.$attrs$ = vnodeData;
|
|
120
135
|
if (vNodeChildren.length > 0) {
|
|
@@ -122,6 +137,14 @@ const h = (nodeName, vnodeData, ...children) => {
|
|
|
122
137
|
}
|
|
123
138
|
return vnode;
|
|
124
139
|
};
|
|
140
|
+
/**
|
|
141
|
+
* A utility function for creating a virtual DOM node from a tag and some
|
|
142
|
+
* possible text content.
|
|
143
|
+
*
|
|
144
|
+
* @param tag the tag for this element
|
|
145
|
+
* @param text possible text content for the node
|
|
146
|
+
* @returns a newly-minted virtual DOM node
|
|
147
|
+
*/
|
|
125
148
|
const newVNode = (tag, text) => {
|
|
126
149
|
const vnode = {
|
|
127
150
|
$flags$: 0,
|
|
@@ -136,7 +159,66 @@ const newVNode = (tag, text) => {
|
|
|
136
159
|
return vnode;
|
|
137
160
|
};
|
|
138
161
|
const Host = {};
|
|
162
|
+
/**
|
|
163
|
+
* Check whether a given node is a Host node or not
|
|
164
|
+
*
|
|
165
|
+
* @param node the virtual DOM node to check
|
|
166
|
+
* @returns whether it's a Host node or not
|
|
167
|
+
*/
|
|
139
168
|
const isHost = (node) => node && node.$tag$ === Host;
|
|
169
|
+
/**
|
|
170
|
+
* Implementation of {@link d.FunctionalUtilities} for Stencil's VDom.
|
|
171
|
+
*
|
|
172
|
+
* Note that these functions convert from {@link d.VNode} to
|
|
173
|
+
* {@link d.ChildNode} to give functional component developers a friendly
|
|
174
|
+
* interface.
|
|
175
|
+
*/
|
|
176
|
+
const vdomFnUtils = {
|
|
177
|
+
forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
|
|
178
|
+
map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate),
|
|
179
|
+
};
|
|
180
|
+
/**
|
|
181
|
+
* Convert a {@link d.VNode} to a {@link d.ChildNode} in order to present a
|
|
182
|
+
* friendlier public interface (hence, 'convertToPublic').
|
|
183
|
+
*
|
|
184
|
+
* @param node the virtual DOM node to convert
|
|
185
|
+
* @returns a converted child node
|
|
186
|
+
*/
|
|
187
|
+
const convertToPublic = (node) => ({
|
|
188
|
+
vattrs: node.$attrs$,
|
|
189
|
+
vchildren: node.$children$,
|
|
190
|
+
vkey: node.$key$,
|
|
191
|
+
vname: node.$name$,
|
|
192
|
+
vtag: node.$tag$,
|
|
193
|
+
vtext: node.$text$,
|
|
194
|
+
});
|
|
195
|
+
/**
|
|
196
|
+
* Convert a {@link d.ChildNode} back to an equivalent {@link d.VNode} in
|
|
197
|
+
* order to use the resulting object in the virtual DOM. The initial object was
|
|
198
|
+
* likely created as part of presenting a public API, so converting it back
|
|
199
|
+
* involved making it 'private' again (hence, `convertToPrivate`).
|
|
200
|
+
*
|
|
201
|
+
* @param node the child node to convert
|
|
202
|
+
* @returns a converted virtual DOM node
|
|
203
|
+
*/
|
|
204
|
+
const convertToPrivate = (node) => {
|
|
205
|
+
if (typeof node.vtag === 'function') {
|
|
206
|
+
const vnodeData = Object.assign({}, node.vattrs);
|
|
207
|
+
if (node.vkey) {
|
|
208
|
+
vnodeData.key = node.vkey;
|
|
209
|
+
}
|
|
210
|
+
if (node.vname) {
|
|
211
|
+
vnodeData.name = node.vname;
|
|
212
|
+
}
|
|
213
|
+
return h(node.vtag, vnodeData, ...(node.vchildren || []));
|
|
214
|
+
}
|
|
215
|
+
const vnode = newVNode(node.vtag, node.vtext);
|
|
216
|
+
vnode.$attrs$ = node.vattrs;
|
|
217
|
+
vnode.$children$ = node.vchildren;
|
|
218
|
+
vnode.$key$ = node.vkey;
|
|
219
|
+
vnode.$name$ = node.vname;
|
|
220
|
+
return vnode;
|
|
221
|
+
};
|
|
140
222
|
/**
|
|
141
223
|
* Parse a new property value for a given property type.
|
|
142
224
|
*
|
|
@@ -228,6 +310,7 @@ const registerStyle = (scopeId, cssText, allowCS) => {
|
|
|
228
310
|
styles.set(scopeId, style);
|
|
229
311
|
};
|
|
230
312
|
const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
|
|
313
|
+
var _a;
|
|
231
314
|
let scopeId = getScopeId(cmpMeta);
|
|
232
315
|
const style = styles.get(scopeId);
|
|
233
316
|
// if an element is NOT connected then getRootNode() will return the wrong root node
|
|
@@ -247,6 +330,11 @@ const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
|
|
|
247
330
|
styleElm = doc.createElement('style');
|
|
248
331
|
styleElm.innerHTML = style;
|
|
249
332
|
}
|
|
333
|
+
// Apply CSP nonce to the style tag if it exists
|
|
334
|
+
const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
|
|
335
|
+
if (nonce != null) {
|
|
336
|
+
styleElm.setAttribute('nonce', nonce);
|
|
337
|
+
}
|
|
250
338
|
styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));
|
|
251
339
|
}
|
|
252
340
|
if (appliedStyles) {
|
|
@@ -476,6 +564,21 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
476
564
|
}
|
|
477
565
|
return elm;
|
|
478
566
|
};
|
|
567
|
+
/**
|
|
568
|
+
* Create DOM nodes corresponding to a list of {@link d.Vnode} objects and
|
|
569
|
+
* add them to the DOM in the appropriate place.
|
|
570
|
+
*
|
|
571
|
+
* @param parentElm the DOM node which should be used as a parent for the new
|
|
572
|
+
* DOM nodes
|
|
573
|
+
* @param before a child of the `parentElm` which the new children should be
|
|
574
|
+
* inserted before (optional)
|
|
575
|
+
* @param parentVNode the parent virtual DOM node
|
|
576
|
+
* @param vnodes the new child virtual DOM nodes to produce DOM nodes for
|
|
577
|
+
* @param startIdx the index in the child virtual DOM nodes at which to start
|
|
578
|
+
* creating DOM nodes (inclusive)
|
|
579
|
+
* @param endIdx the index in the child virtual DOM nodes at which to stop
|
|
580
|
+
* creating DOM nodes (inclusive)
|
|
581
|
+
*/
|
|
479
582
|
const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
|
|
480
583
|
let containerElm = (parentElm);
|
|
481
584
|
let childNode;
|
|
@@ -492,6 +595,19 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
|
|
|
492
595
|
}
|
|
493
596
|
}
|
|
494
597
|
};
|
|
598
|
+
/**
|
|
599
|
+
* Remove the DOM elements corresponding to a list of {@link d.VNode} objects.
|
|
600
|
+
* This can be used to, for instance, clean up after a list of children which
|
|
601
|
+
* should no longer be shown.
|
|
602
|
+
*
|
|
603
|
+
* This function also handles some of Stencil's slot relocation logic.
|
|
604
|
+
*
|
|
605
|
+
* @param vnodes a list of virtual DOM nodes to remove
|
|
606
|
+
* @param startIdx the index at which to start removing nodes (inclusive)
|
|
607
|
+
* @param endIdx the index at which to stop removing nodes (inclusive)
|
|
608
|
+
* @param vnode a VNode
|
|
609
|
+
* @param elm an element
|
|
610
|
+
*/
|
|
495
611
|
const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
|
|
496
612
|
for (; startIdx <= endIdx; ++startIdx) {
|
|
497
613
|
if ((vnode = vnodes[startIdx])) {
|
|
@@ -684,7 +800,8 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
|
|
|
684
800
|
*
|
|
685
801
|
* So, in other words, if `key` attrs are not set on VNodes which may be
|
|
686
802
|
* changing order within a `children` array or something along those lines then
|
|
687
|
-
* we could obtain a false
|
|
803
|
+
* we could obtain a false negative and then have to do needless re-rendering
|
|
804
|
+
* (i.e. we'd say two VNodes aren't equal when in fact they should be).
|
|
688
805
|
*
|
|
689
806
|
* @param leftVNode the first VNode to check
|
|
690
807
|
* @param rightVNode the second VNode to check
|
|
@@ -751,6 +868,18 @@ const callNodeRefs = (vNode) => {
|
|
|
751
868
|
vNode.$children$ && vNode.$children$.map(callNodeRefs);
|
|
752
869
|
}
|
|
753
870
|
};
|
|
871
|
+
/**
|
|
872
|
+
* The main entry point for Stencil's virtual DOM-based rendering engine
|
|
873
|
+
*
|
|
874
|
+
* Given a {@link d.HostRef} container and some virtual DOM nodes, this
|
|
875
|
+
* function will handle creating a virtual DOM tree with a single root, patching
|
|
876
|
+
* the current virtual DOM tree onto an old one (if any), dealing with slot
|
|
877
|
+
* relocation, and reflecting attributes.
|
|
878
|
+
*
|
|
879
|
+
* @param hostRef data needed to root and render the virtual DOM tree, such as
|
|
880
|
+
* the DOM node into which it should be rendered.
|
|
881
|
+
* @param renderFnResults the virtual DOM nodes to be rendered
|
|
882
|
+
*/
|
|
754
883
|
const renderVdom = (hostRef, renderFnResults) => {
|
|
755
884
|
const hostElm = hostRef.$hostElement$;
|
|
756
885
|
const oldVNode = hostRef.$vnode$ || newVNode(null, null);
|
|
@@ -1198,6 +1327,7 @@ const disconnectedCallback = (elm) => {
|
|
|
1198
1327
|
}
|
|
1199
1328
|
};
|
|
1200
1329
|
const bootstrapLazy = (lazyBundles, options = {}) => {
|
|
1330
|
+
var _a;
|
|
1201
1331
|
const endBootstrap = createTime();
|
|
1202
1332
|
const cmpTags = [];
|
|
1203
1333
|
const exclude = options.exclude || [];
|
|
@@ -1274,6 +1404,11 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1274
1404
|
{
|
|
1275
1405
|
visibilityStyle.innerHTML = cmpTags + HYDRATED_CSS;
|
|
1276
1406
|
visibilityStyle.setAttribute('data-styles', '');
|
|
1407
|
+
// Apply CSP nonce to the style tag if it exists
|
|
1408
|
+
const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
|
|
1409
|
+
if (nonce != null) {
|
|
1410
|
+
visibilityStyle.setAttribute('nonce', nonce);
|
|
1411
|
+
}
|
|
1277
1412
|
head.insertBefore(visibilityStyle, metaCharset ? metaCharset.nextSibling : head.firstChild);
|
|
1278
1413
|
}
|
|
1279
1414
|
// Process deferred connectedCallbacks now all components have been registered
|
|
@@ -1318,6 +1453,13 @@ const hostListenerProxy = (hostRef, methodName) => (ev) => {
|
|
|
1318
1453
|
};
|
|
1319
1454
|
// prettier-ignore
|
|
1320
1455
|
const hostListenerOpts = (flags) => (flags & 2 /* LISTENER_FLAGS.Capture */) !== 0;
|
|
1456
|
+
/**
|
|
1457
|
+
* Assigns the given value to the nonce property on the runtime platform object.
|
|
1458
|
+
* During runtime, this value is used to set the nonce attribute on all dynamically created script and style tags.
|
|
1459
|
+
* @param nonce The value to be assigned to the platform nonce property.
|
|
1460
|
+
* @returns void
|
|
1461
|
+
*/
|
|
1462
|
+
const setNonce = (nonce) => (plt.$nonce$ = nonce);
|
|
1321
1463
|
const hostRefs = /*@__PURE__*/ new WeakMap();
|
|
1322
1464
|
const getHostRef = (ref) => hostRefs.get(ref);
|
|
1323
1465
|
const registerInstance = (lazyInstance, hostRef) => hostRefs.set((hostRef.$lazyInstance$ = lazyInstance), hostRef);
|
|
@@ -1433,3 +1575,4 @@ exports.createEvent = createEvent;
|
|
|
1433
1575
|
exports.h = h;
|
|
1434
1576
|
exports.promiseResolve = promiseResolve;
|
|
1435
1577
|
exports.registerInstance = registerInstance;
|
|
1578
|
+
exports.setNonce = setNonce;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-f214ab7a.js');
|
|
6
6
|
|
|
7
7
|
/*
|
|
8
|
-
Stencil Client Patch Esm v2.
|
|
8
|
+
Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
|
|
9
9
|
*/
|
|
10
10
|
const patchEsm = () => {
|
|
11
11
|
return index.promiseResolve();
|
|
@@ -18,4 +18,5 @@ const defineCustomElements = (win, options) => {
|
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
21
|
+
exports.setNonce = index.setNonce;
|
|
21
22
|
exports.defineCustomElements = defineCustomElements;
|
|
@@ -1,26 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
<
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
.
|
|
7
|
-
</
|
|
8
|
-
<g>
|
|
9
|
-
<path class="st0" d="M605.79,323.41c-27.97-41.97-73.44-71.28-125.99-77.49c9.15-21.33,14.23-44.83,14.23-69.51
|
|
10
|
-
c0-10.17-0.87-20.14-2.53-29.85C477.33,63.35,404.89,0,317.64,0c-97.42,0-176.38,78.97-176.38,176.39
|
|
11
|
-
c0,24.69,5.08,48.19,14.24,69.52C67.93,256.24,0,330.71,0,421.07c0,40.39,13.59,77.61,36.43,107.35
|
|
12
|
-
c32.25,41.98,82.94,69.05,139.96,69.06c52.96,0,100.47-23.34,132.8-60.3c2.95-3.37,5.78-6.86,8.47-10.45
|
|
13
|
-
c5.91,7.88,12.48,15.23,19.6,22.02c5.6,5.34,11.54,10.34,17.81,14.91c10.12,7.38,21.05,13.71,32.63,18.84
|
|
14
|
-
c21.78,9.63,45.88,14.99,71.22,14.99c2.51,0,5-0.07,7.48-0.17c93.95-3.92,168.9-81.31,168.9-176.22
|
|
15
|
-
C635.3,384.95,624.43,351.37,605.79,323.41z M225.74,123.33c29.31-50.76,94.21-68.16,144.97-38.85
|
|
16
|
-
c43.58,25.16,62.56,76.57,48.51,122.73c-2.31,7.61-5.52,15.07-9.67,22.25c-9.27,16.06-22.11,28.78-36.94,37.74
|
|
17
|
-
c-1.22,0.74-2.46,1.46-3.71,2.15c-11.94,6.57-25.04,10.77-38.53,12.41c-21.84,2.66-44.68-1.42-65.25-13.14
|
|
18
|
-
c-0.47-0.27-0.93-0.54-1.4-0.81C213.64,238.27,196.6,173.81,225.74,123.33z M552.49,471.15c-12.23,22.81-31.47,39.26-53.55,48.23
|
|
19
|
-
c-30.17,12.26-64.41,9.23-92.62-7.04l-15.21-8.78l-47.17-27.22l-60.22-34.76l-2.87-1.66l-82.32-47.51l-57.12,47.93l104.95,60.58
|
|
20
|
-
c-33.24,29.15-82.62,35.42-123.04,12.09c-13.42-7.75-24.5-17.98-33.01-29.79c-23.68-32.85-27.39-77.85-5.83-115.2
|
|
21
|
-
c29.2-50.58,93.74-68.03,144.42-39.16c0.47,0.27,0.93,0.54,1.4,0.81c1.23,0.7,2.47,1.39,3.72,2.07l21.81,12.59l35.8,20.67
|
|
22
|
-
l59.82,34.53l3.16,1.83l93.79,54.13l57.04-47.86l0.05-0.09l-115.86-66.87c4.5-3.88,9.29-7.35,14.31-10.38
|
|
23
|
-
c1.23-0.74,2.46-1.46,3.72-2.15c31.56-17.37,71.18-18.24,104.61,1.21c16.89,9.82,30.09,23.73,39.06,39.78
|
|
24
|
-
C568.45,399.76,570.12,438.26,552.49,471.15z"/>
|
|
25
|
-
</g>
|
|
26
|
-
</svg>
|
|
1
|
+
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76 71" width="71" height="66">
|
|
2
|
+
<title>Vector (3)-svg</title>
|
|
3
|
+
<style>
|
|
4
|
+
.s0 { fill: #4745b7 }
|
|
5
|
+
</style>
|
|
6
|
+
<path id="Layer" fill-rule="evenodd" class="s0" d="m72.2 38.4c2.2 3.3 3.5 7.2 3.5 11.4 0 11.2-8.8 20.2-19.9 20.7q-0.4 0-0.8 0c-3 0-5.8-0.6-8.4-1.7q-2.1-1-3.8-2.3-1.1-0.8-2.1-1.7-1.3-1.2-2.3-2.6-0.5 0.6-1 1.2c-3.8 4.4-9.4 7.1-15.7 7.1-6.7 0-12.6-3.2-16.4-8.1-2.7-3.5-4.3-7.8-4.3-12.6 0-10.6 8-19.3 18.3-20.5-1.1-2.5-1.7-5.2-1.7-8.1 0-11.5 9.3-20.7 20.8-20.7 10.2 0 18.7 7.4 20.4 17.2q0.3 1.7 0.3 3.5c0 2.9-0.6 5.6-1.7 8.1 6.2 0.7 11.6 4.2 14.8 9.1zm-44.7-23.5c-3.4 6-1.4 13.5 4.5 17q0.1 0 0.2 0.1c2.4 1.3 5.1 1.8 7.7 1.5 1.5-0.2 3.1-0.7 4.5-1.4q0.2-0.2 0.4-0.3c1.8-1 3.3-2.5 4.4-4.4q0.7-1.3 1.1-2.6c1.7-5.4-0.6-11.5-5.7-14.4-6-3.4-13.6-1.4-17.1 4.5zm38.5 40.8c2-3.9 1.9-8.4-0.2-12-1-1.8-2.6-3.5-4.6-4.6-3.9-2.3-8.5-2.2-12.3-0.2q-0.2 0.2-0.4 0.3-0.9 0.5-1.7 1.2l13.6 7.8v0.1l-6.7 5.6-11-6.4-0.4-0.2-7-4-4.2-2.5-2.6-1.4q-0.2-0.2-0.4-0.3-0.1 0-0.2-0.1c-5.9-3.4-13.5-1.3-17 4.6-2.5 4.4-2.1 9.7 0.7 13.5 1 1.4 2.3 2.6 3.9 3.5 4.8 2.7 10.6 2 14.5-1.4l-12.4-7.1 6.8-5.6 9.6 5.5 0.4 0.2 7 4.1 5.6 3.2 1.8 1c3.3 1.9 7.3 2.3 10.9 0.9 2.6-1.1 4.8-3 6.3-5.7z"/>
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { h } from "@stencil/core";
|
|
2
|
+
import refreshIcon from "../../../../assets/icons/gat-icon-refresh.svg";
|
|
3
|
+
import alertIcon from "../../../../assets/icons/gat-icon-alert.svg";
|
|
4
|
+
export const RetryButton = (props) => {
|
|
5
|
+
var _a;
|
|
6
|
+
const { errorMessage, modalWidth, clickInsideBoxLabel, refreshQrLabel, scanQrLabel, waitingStartSessionLabel, display, renderRetryQR, } = props;
|
|
7
|
+
return (h("div", { class: "reload", style: {
|
|
8
|
+
width: (modalWidth - 48).toString() + "px",
|
|
9
|
+
height: modalWidth ? ((_a = (modalWidth - 48)) === null || _a === void 0 ? void 0 : _a.toString()) + "px" : "",
|
|
10
|
+
} }, h("div", { id: "notify", onClick: () => display() }, h("img", { src: refreshIcon, height: 24, width: 24 }), h("p", { class: "notify-text" }, clickInsideBoxLabel, " "), errorMessage ? (h("p", { class: "notify-text bold" }, refreshQrLabel)) : (h("p", { class: "notify-text bold" }, scanQrLabel)), errorMessage && (h("div", { class: "alert", style: {
|
|
11
|
+
width: (modalWidth - 48).toString() + "px",
|
|
12
|
+
} }, h("img", { src: alertIcon, height: 24, width: 24 }), h("p", null, errorMessage)))), h("div", { id: "qrwait" }, renderRetryQR(waitingStartSessionLabel))));
|
|
13
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import successIcon from "../../../../assets/icons/gat-icon-check.svg";
|
|
2
|
+
import { h } from "@stencil/core";
|
|
3
|
+
export const Success = (props) => {
|
|
4
|
+
const { modalHeight, successLoginLabel } = props;
|
|
5
|
+
return (h("div", { class: "success", style: {
|
|
6
|
+
height: modalHeight ? (modalHeight === null || modalHeight === void 0 ? void 0 : modalHeight.toString()) + "px" : "300px",
|
|
7
|
+
} }, h("img", { src: successIcon, height: 52, width: 52 }), h("p", { class: "successMsg" }, successLoginLabel)));
|
|
8
|
+
};
|