@pelican-identity/react 2.0.37 → 2.0.39
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/components/PelicanAuth.d.ts.map +1 -0
- package/dist/components/PelicanAuth.js +462 -0
- package/dist/components/PelicanAuth.js.map +1 -0
- package/dist/components/PelicanButton.d.ts.map +1 -0
- package/dist/components/PelicanButton.js +89 -0
- package/dist/components/PelicanButton.js.map +1 -0
- package/dist/components/StoreIcons.d.ts.map +1 -0
- package/dist/components/StoreIcons.js +58 -0
- package/dist/components/StoreIcons.js.map +1 -0
- package/dist/index.js +200 -166
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +200 -166
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -7,10 +7,12 @@ var authCore = require('@pelican-identity/auth-core');
|
|
|
7
7
|
// src/components/PelicanAuth.tsx
|
|
8
8
|
var PelicanButton = ({
|
|
9
9
|
authType,
|
|
10
|
-
text
|
|
10
|
+
text,
|
|
11
|
+
type
|
|
11
12
|
}) => {
|
|
12
|
-
|
|
13
|
-
/* @__PURE__ */ jsxRuntime.
|
|
13
|
+
if (type === "idle") {
|
|
14
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
15
|
+
/* @__PURE__ */ jsxRuntime.jsx("style", { children: `
|
|
14
16
|
.pelican-auth-btn-wrapper * {
|
|
15
17
|
box-sizing: border-box;
|
|
16
18
|
cursor: pointer !important;
|
|
@@ -24,10 +26,12 @@ var PelicanButton = ({
|
|
|
24
26
|
justify-content: center !important;
|
|
25
27
|
gap: 0.35rem !important;
|
|
26
28
|
padding: 0.3rem 0.5rem !important;
|
|
27
|
-
border-radius:
|
|
29
|
+
border-radius: 18px !important;
|
|
28
30
|
cursor: pointer !important;
|
|
29
31
|
background-color: #2b2b2b !important;
|
|
30
32
|
border: 1px solid #353535 !important;
|
|
33
|
+
height: 36px !important;
|
|
34
|
+
|
|
31
35
|
|
|
32
36
|
}
|
|
33
37
|
|
|
@@ -46,32 +50,99 @@ var PelicanButton = ({
|
|
|
46
50
|
padding: 0 !important;
|
|
47
51
|
}
|
|
48
52
|
` }),
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
53
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "pelican-auth-btn-wrapper", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pelican-auth-btn", children: [
|
|
54
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
55
|
+
"svg",
|
|
56
|
+
{
|
|
57
|
+
width: "28",
|
|
58
|
+
height: "28",
|
|
59
|
+
viewBox: "0 0 100 100",
|
|
60
|
+
fill: "none",
|
|
61
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
62
|
+
role: "img",
|
|
63
|
+
"aria-label": "Pelican logo",
|
|
64
|
+
children: [
|
|
65
|
+
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: "100", height: "100", rx: "32" }),
|
|
66
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
67
|
+
"path",
|
|
68
|
+
{
|
|
69
|
+
d: "M56.5511 56.8089C56.5705 55.5878 57.5734 54.0696 58.7917 53.4254C60.0572 52.7596 61.0322 53.2324 61.0193 54.5099C60.9978 55.744 59.9754 57.2947 58.7572 57.9346C57.539 58.5744 56.5296 58.0777 56.5511 56.8089ZM70.0957 49.6364C70.2081 49.5555 70.2954 49.4442 70.3475 49.3154C70.369 48.6278 70.3626 47.9555 70.3626 47.2354C68.4083 48.5172 66.5142 49.7665 64.6202 51.0158V53.2389L65.1174 52.9114C66.7725 51.8183 68.4341 50.7338 70.0957 49.6364ZM69.7147 58.5592C68.4463 60.5076 66.7916 62.1705 64.8548 63.4436C63.1329 64.6039 61.4778 65.222 59.9389 65.1787C58.359 65.1375 57.2893 64.3957 56.6695 62.9686C57.2678 62.448 57.8059 61.9665 58.344 61.4937C58.5418 61.8163 58.7688 62.1198 59.022 62.4003C60.0572 63.3828 61.5488 63.3134 63.3546 62.4762C63.5698 62.3743 63.77 62.2593 63.9809 62.1401C64.8419 61.6607 65.2874 61.1033 65.5069 60.123C65.6834 59.3053 65.7932 58.5158 65.9374 57.7068C66.1135 56.6524 66.4412 55.6295 66.9102 54.6704C67.4634 53.5512 68.2382 52.7184 69.2412 52.3085C70.1323 51.9528 70.7048 52.2065 70.9911 52.8854C71.6432 54.4687 71.0965 56.425 69.7147 58.5592ZM69.3273 54.5923C69.2714 54.434 69.1013 54.2691 68.9528 54.3168C68.8043 54.3646 68.5632 54.6877 68.4341 54.9068C68.2881 55.1536 68.1759 55.4192 68.1005 55.6963C67.8293 56.8913 67.5775 58.082 67.3106 59.2641C67.356 59.263 67.4013 59.2586 67.4462 59.2511C68.1303 58.4928 68.6892 57.6287 69.1013 56.6918C69.4349 55.8741 69.5038 55.1757 69.3273 54.5923ZM80.7949 39.7072V60.2726C80.7942 62.6299 80.1786 64.9455 79.0098 66.9874C77.841 69.0293 76.1601 70.7257 74.1356 71.9066L56.4607 82.1785C54.4328 83.3608 52.1313 83.9834 49.7885 83.9834C47.4456 83.9834 45.1441 83.3608 43.1162 82.1785L25.4671 71.9001C23.4402 70.7208 21.7567 69.0251 20.5856 66.9831C19.4145 64.9411 18.7969 62.6246 18.7949 60.2661V39.7007C18.7969 37.3422 19.4145 35.0257 20.5856 32.9837C21.7567 30.9417 23.4402 29.246 25.4671 28.0667L43.1378 17.7883C45.1657 16.606 47.4671 15.9834 49.81 15.9834C52.1529 15.9834 54.4543 16.606 56.4822 17.7883L74.1356 28.0667C76.1601 29.2476 77.841 30.944 79.0098 32.9859C80.1786 35.0278 80.7942 37.3434 80.7949 39.7007V39.7072ZM77.8333 47.6887C77.8333 42.3077 73.5007 40.2624 68.1629 43.134L52.9287 51.2956C51.6739 51.9679 50.6602 53.5382 50.6602 54.8005V77.5956C50.6602 78.8644 51.6739 79.3307 52.9287 78.6649L58.5936 75.6284C59.1636 75.3055 59.6456 74.8458 59.997 74.2902C60.3517 73.7796 60.5547 73.1777 60.5824 72.5551C60.5824 71.9435 61.0731 71.1887 61.6779 70.8655L64.4975 69.3473C65.0291 69.0653 65.5414 68.7769 66.0299 68.4797L68.1629 67.3411C73.5007 64.4716 77.8333 57.7979 77.8333 52.4082V47.6887Z",
|
|
70
|
+
fill: "#D9EB1B"
|
|
71
|
+
}
|
|
72
|
+
)
|
|
73
|
+
]
|
|
74
|
+
}
|
|
75
|
+
) }),
|
|
76
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: text || /* @__PURE__ */ jsxRuntime.jsx("span", { children: authType === "login" ? "Login with Pelican" : authType === "signup" ? "Signup with Pelican" : authType === "id-verification" ? "Verify with Pelican" : "Authenticate with Pelican" }) }) })
|
|
77
|
+
] }) })
|
|
78
|
+
] });
|
|
79
|
+
} else {
|
|
80
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
81
|
+
/* @__PURE__ */ jsxRuntime.jsx("style", { children: `
|
|
82
|
+
.pelican-auth-btn-wrapper * {
|
|
83
|
+
box-sizing: border-box;
|
|
84
|
+
cursor: pointer !important;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.pelican-auth-btn-wrapper .pelican-auth-btn {
|
|
88
|
+
all: initial;
|
|
89
|
+
display: flex !important;
|
|
90
|
+
flex-direction: row !important;
|
|
91
|
+
align-items: center !important;
|
|
92
|
+
justify-content: center !important;
|
|
93
|
+
gap: 0.35rem !important;
|
|
94
|
+
padding: 0.3rem 0.6rem !important;
|
|
95
|
+
border-radius: 18px !important;
|
|
96
|
+
cursor: pointer !important;
|
|
97
|
+
background-color: #f8f8f8ff !important;
|
|
98
|
+
height: 30px !important;
|
|
99
|
+
margin: 8px 0 !important;
|
|
100
|
+
width: fit-content !important;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.pelican-auth-btn-wrapper .pelican-auth-btn:hover {
|
|
104
|
+
cursor: pointer !important;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.pelican-auth-btn-wrapper .pelican-auth-btn p {
|
|
108
|
+
all: initial;
|
|
109
|
+
font-size: 14px !important;
|
|
110
|
+
font-weight: 500 !important;
|
|
111
|
+
color: #111827 !important;
|
|
112
|
+
font-family: Onest, system-ui, -apple-system, sans-serif !important;
|
|
113
|
+
margin: 0 !important;
|
|
114
|
+
padding: 0 !important;
|
|
115
|
+
}
|
|
116
|
+
` }),
|
|
117
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "pelican-auth-btn-wrapper", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pelican-auth-btn", children: [
|
|
118
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
119
|
+
"svg",
|
|
120
|
+
{
|
|
121
|
+
fill: "#111827",
|
|
122
|
+
stroke: "#111827",
|
|
123
|
+
viewBox: "0 0 24 24",
|
|
124
|
+
role: "img",
|
|
125
|
+
"aria-label": "close icon",
|
|
126
|
+
height: "16",
|
|
127
|
+
width: "16",
|
|
128
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
63
129
|
"path",
|
|
64
130
|
{
|
|
65
|
-
|
|
66
|
-
|
|
131
|
+
strokeLinecap: "round",
|
|
132
|
+
strokeLinejoin: "round",
|
|
133
|
+
strokeWidth: 3,
|
|
134
|
+
d: "M6 18L18 6M6 6l12 12",
|
|
135
|
+
fill: "#e94e4eff",
|
|
136
|
+
stroke: "#e94e4eff",
|
|
137
|
+
color: "#e94e4eff"
|
|
67
138
|
}
|
|
68
139
|
)
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
] })
|
|
74
|
-
|
|
140
|
+
}
|
|
141
|
+
),
|
|
142
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "cancel" }) })
|
|
143
|
+
] }) })
|
|
144
|
+
] });
|
|
145
|
+
}
|
|
75
146
|
};
|
|
76
147
|
var PelicanButton_default = PelicanButton;
|
|
77
148
|
var usePelicanAuth = (config) => {
|
|
@@ -147,7 +218,6 @@ var StoreIcons = () => {
|
|
|
147
218
|
alignItems: "center",
|
|
148
219
|
borderRadius: "1.2rem",
|
|
149
220
|
gap: "0.3rem",
|
|
150
|
-
padding: "0.7rem 1rem",
|
|
151
221
|
height: "1.4rem"
|
|
152
222
|
},
|
|
153
223
|
children: [
|
|
@@ -160,7 +230,7 @@ var StoreIcons = () => {
|
|
|
160
230
|
color: "#585858",
|
|
161
231
|
fontFamily: "Onest, system-ui, Avenir, Helvetica, Arial, sans-serif"
|
|
162
232
|
},
|
|
163
|
-
children: "Get
|
|
233
|
+
children: "Get the app"
|
|
164
234
|
}
|
|
165
235
|
) }),
|
|
166
236
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -178,8 +248,8 @@ var StoreIcons = () => {
|
|
|
178
248
|
justifyContent: "center",
|
|
179
249
|
gap: "0.4rem",
|
|
180
250
|
cursor: "pointer",
|
|
181
|
-
height: "
|
|
182
|
-
width: "
|
|
251
|
+
height: "32px",
|
|
252
|
+
width: "32px",
|
|
183
253
|
borderRadius: "0.7rem",
|
|
184
254
|
transition: "all 0.2s ease-in-out",
|
|
185
255
|
border: "1px solid #e5e7eb"
|
|
@@ -210,8 +280,8 @@ var StoreIcons = () => {
|
|
|
210
280
|
justifyContent: "center",
|
|
211
281
|
gap: "0.4rem",
|
|
212
282
|
cursor: "pointer",
|
|
213
|
-
height: "
|
|
214
|
-
width: "
|
|
283
|
+
height: "32px",
|
|
284
|
+
width: "32px",
|
|
215
285
|
borderRadius: "0.7rem",
|
|
216
286
|
transition: "all 0.2s ease-in-out",
|
|
217
287
|
border: "1px solid #e5e7eb"
|
|
@@ -348,15 +418,15 @@ var PelicanAuth = (config) => {
|
|
|
348
418
|
padding: 1rem;
|
|
349
419
|
margin-top: 0.3rem;
|
|
350
420
|
position: relative;
|
|
421
|
+
border-radius: 10px;
|
|
351
422
|
animation: fadeUp 0.5s ease-out;
|
|
352
423
|
background-color: #f9fafb;
|
|
353
|
-
border-radius: 2.5rem;
|
|
354
424
|
display: flex;
|
|
355
425
|
flex-direction: column;
|
|
356
426
|
justify-content: space-between;
|
|
357
427
|
align-items: center;
|
|
358
428
|
gap: 1rem;
|
|
359
|
-
min-height:
|
|
429
|
+
min-height: 300px;
|
|
360
430
|
}
|
|
361
431
|
.js-auth-container {
|
|
362
432
|
width: 300px;
|
|
@@ -371,7 +441,7 @@ var PelicanAuth = (config) => {
|
|
|
371
441
|
justify-content: space-between;
|
|
372
442
|
align-items: center;
|
|
373
443
|
gap: 1rem;
|
|
374
|
-
min-height:
|
|
444
|
+
min-height: 300px;
|
|
375
445
|
}
|
|
376
446
|
|
|
377
447
|
.pelican-modal-close-btn {
|
|
@@ -455,6 +525,9 @@ var PelicanAuth = (config) => {
|
|
|
455
525
|
flex-direction: column;
|
|
456
526
|
gap: 0.7rem;
|
|
457
527
|
width: 253px;
|
|
528
|
+
background-color: #ffffff;
|
|
529
|
+
border-radius: 10px;
|
|
530
|
+
padding: 0 0 1rem 0;
|
|
458
531
|
}
|
|
459
532
|
|
|
460
533
|
.logo-container {
|
|
@@ -467,13 +540,13 @@ var PelicanAuth = (config) => {
|
|
|
467
540
|
display: inline-block;
|
|
468
541
|
padding: 0.7rem 1.25rem;
|
|
469
542
|
background-color: #101010ff;
|
|
470
|
-
width:
|
|
543
|
+
width: 70%;
|
|
471
544
|
align-self: center;
|
|
472
545
|
|
|
473
|
-
border-radius:
|
|
546
|
+
border-radius: 18px;
|
|
474
547
|
color: #fff;
|
|
475
548
|
font-weight: 500;
|
|
476
|
-
font-size:
|
|
549
|
+
font-size: 0.8rem;
|
|
477
550
|
text-decoration: none;
|
|
478
551
|
transition: background-color 0.2s;
|
|
479
552
|
font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
@@ -536,14 +609,14 @@ opacity: 0.8;
|
|
|
536
609
|
margin-top: 1rem;
|
|
537
610
|
display: inline-block;
|
|
538
611
|
padding: 0.7rem 1.25rem;
|
|
539
|
-
background-color: #
|
|
612
|
+
background-color: #ffffff;
|
|
540
613
|
width: fit-content;
|
|
541
614
|
align-self: center;
|
|
542
|
-
|
|
615
|
+
border: 1px solid #e2e2e2ff;
|
|
543
616
|
border-radius: 28px;
|
|
544
|
-
color: #
|
|
617
|
+
color: #101010ff;
|
|
545
618
|
font-weight: 500;
|
|
546
|
-
font-size: 0.
|
|
619
|
+
font-size: 0.7rem;
|
|
547
620
|
text-decoration: none;
|
|
548
621
|
transition: background-color 0.2s;
|
|
549
622
|
font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
@@ -594,11 +667,16 @@ opacity: 0.9;
|
|
|
594
667
|
|
|
595
668
|
.scan-btn {
|
|
596
669
|
all: unset;
|
|
597
|
-
font-size: 0.
|
|
670
|
+
font-size: 0.7rem;
|
|
598
671
|
color: #626262ff;
|
|
599
|
-
|
|
672
|
+
background-color: #fafafaff;
|
|
673
|
+
padding: 0.5rem 1.5rem;
|
|
674
|
+
border-radius: 1.3rem;
|
|
675
|
+
font-weight: 500;
|
|
600
676
|
cursor: pointer;
|
|
601
677
|
font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
678
|
+
width: fit-content;
|
|
679
|
+
align-self: center;
|
|
602
680
|
}
|
|
603
681
|
.error-wrapper {
|
|
604
682
|
display: flex;
|
|
@@ -688,9 +766,9 @@ opacity: 0.9;
|
|
|
688
766
|
width: "100%",
|
|
689
767
|
justifyContent: "space-between",
|
|
690
768
|
alignItems: "center",
|
|
691
|
-
maxWidth: "
|
|
769
|
+
maxWidth: "300px"
|
|
692
770
|
},
|
|
693
|
-
children: !config.continuousMode && /* @__PURE__ */ jsxRuntime.
|
|
771
|
+
children: !config.continuousMode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
694
772
|
"div",
|
|
695
773
|
{
|
|
696
774
|
style: {
|
|
@@ -699,71 +777,35 @@ opacity: 0.9;
|
|
|
699
777
|
justifyContent: "space-between",
|
|
700
778
|
alignItems: "center"
|
|
701
779
|
},
|
|
702
|
-
children:
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
disabled: config.continuousMode,
|
|
716
|
-
children: config.buttonComponent ? config.buttonComponent : /* @__PURE__ */ jsxRuntime.jsx(
|
|
717
|
-
PelicanButton_default,
|
|
718
|
-
{
|
|
719
|
-
authType: config.authType,
|
|
720
|
-
text: config.buttonText
|
|
721
|
-
}
|
|
722
|
-
)
|
|
723
|
-
}
|
|
724
|
-
),
|
|
725
|
-
state !== "idle" && /* @__PURE__ */ jsxRuntime.jsx(
|
|
726
|
-
"button",
|
|
727
|
-
{
|
|
728
|
-
onClick: () => {
|
|
780
|
+
children: state === "idle" && /* @__PURE__ */ jsxRuntime.jsx(
|
|
781
|
+
"button",
|
|
782
|
+
{
|
|
783
|
+
type: "button",
|
|
784
|
+
style: {
|
|
785
|
+
border: "none",
|
|
786
|
+
background: "transparent",
|
|
787
|
+
cursor: "pointer",
|
|
788
|
+
width: "100%",
|
|
789
|
+
alignSelf: "center"
|
|
790
|
+
},
|
|
791
|
+
onClick: () => {
|
|
792
|
+
if (state !== "idle") {
|
|
729
793
|
stop();
|
|
730
794
|
config.onClose?.();
|
|
731
|
-
}
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
viewBox: "0 0 24 24",
|
|
746
|
-
role: "img",
|
|
747
|
-
"aria-label": "close icon",
|
|
748
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
749
|
-
"path",
|
|
750
|
-
{
|
|
751
|
-
strokeLinecap: "round",
|
|
752
|
-
strokeLinejoin: "round",
|
|
753
|
-
strokeWidth: 3,
|
|
754
|
-
d: "M6 18L18 6M6 6l12 12",
|
|
755
|
-
height: "24",
|
|
756
|
-
width: "24",
|
|
757
|
-
fill: "#fff",
|
|
758
|
-
stroke: "#fff",
|
|
759
|
-
color: "#fff"
|
|
760
|
-
}
|
|
761
|
-
)
|
|
762
|
-
}
|
|
763
|
-
)
|
|
764
|
-
}
|
|
765
|
-
)
|
|
766
|
-
]
|
|
795
|
+
} else {
|
|
796
|
+
start();
|
|
797
|
+
}
|
|
798
|
+
},
|
|
799
|
+
children: config.buttonComponent ? config.buttonComponent : /* @__PURE__ */ jsxRuntime.jsx(
|
|
800
|
+
PelicanButton_default,
|
|
801
|
+
{
|
|
802
|
+
authType: config.authType,
|
|
803
|
+
text: config.buttonText,
|
|
804
|
+
type: "idle"
|
|
805
|
+
}
|
|
806
|
+
)
|
|
807
|
+
}
|
|
808
|
+
)
|
|
767
809
|
}
|
|
768
810
|
)
|
|
769
811
|
}
|
|
@@ -776,7 +818,7 @@ opacity: 0.9;
|
|
|
776
818
|
display: "flex",
|
|
777
819
|
justifyContent: "center",
|
|
778
820
|
alignItems: "center",
|
|
779
|
-
maxWidth: "
|
|
821
|
+
maxWidth: "300px"
|
|
780
822
|
},
|
|
781
823
|
children: state !== "idle" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "auth-container", children: [
|
|
782
824
|
successMessage && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -825,62 +867,19 @@ opacity: 0.9;
|
|
|
825
867
|
style: { width: "54px", height: "54px" }
|
|
826
868
|
}
|
|
827
869
|
) }),
|
|
828
|
-
/* @__PURE__ */ jsxRuntime.jsx("a", { href: deeplink, className: "open-app-link", children: "
|
|
870
|
+
/* @__PURE__ */ jsxRuntime.jsx("a", { href: deeplink, className: "open-app-link", children: "Launch Pelican Vault" }),
|
|
829
871
|
/* @__PURE__ */ jsxRuntime.jsxs("p", { className: "helper-text", children: [
|
|
830
|
-
"
|
|
872
|
+
"open app to",
|
|
831
873
|
" ",
|
|
832
874
|
config.authType === "login" ? "login" : config.authType === "signup" ? "signup" : config.authType === "id-verification" ? "verify identity" : "authenticate"
|
|
833
875
|
] }),
|
|
834
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
835
|
-
"div",
|
|
836
|
-
{
|
|
837
|
-
style: {
|
|
838
|
-
display: "flex",
|
|
839
|
-
alignItems: "center",
|
|
840
|
-
gap: "0.5rem"
|
|
841
|
-
},
|
|
842
|
-
children: [
|
|
843
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
844
|
-
"div",
|
|
845
|
-
{
|
|
846
|
-
style: {
|
|
847
|
-
width: "100%",
|
|
848
|
-
height: "1px",
|
|
849
|
-
backgroundColor: "#e2e2e2ff"
|
|
850
|
-
}
|
|
851
|
-
}
|
|
852
|
-
),
|
|
853
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
854
|
-
"p",
|
|
855
|
-
{
|
|
856
|
-
style: {
|
|
857
|
-
fontSize: "0.8rem",
|
|
858
|
-
fontFamily: "system-ui, Avenir, Helvetica, Arial, sans-serif",
|
|
859
|
-
color: "#a8a8a8ff"
|
|
860
|
-
},
|
|
861
|
-
children: "Or"
|
|
862
|
-
}
|
|
863
|
-
),
|
|
864
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
865
|
-
"div",
|
|
866
|
-
{
|
|
867
|
-
style: {
|
|
868
|
-
width: "100%",
|
|
869
|
-
height: "1px",
|
|
870
|
-
backgroundColor: "#e2e2e2ff"
|
|
871
|
-
}
|
|
872
|
-
}
|
|
873
|
-
)
|
|
874
|
-
]
|
|
875
|
-
}
|
|
876
|
-
),
|
|
877
876
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
878
877
|
"button",
|
|
879
878
|
{
|
|
880
879
|
type: "button",
|
|
881
880
|
className: "scan-btn",
|
|
882
881
|
onClick: useQrInstead,
|
|
883
|
-
children: "
|
|
882
|
+
children: "or scan QR code"
|
|
884
883
|
}
|
|
885
884
|
)
|
|
886
885
|
] }) : config.forceQRCode && qr && state === "awaiting-pair" || !config.forceQRCode && qr && state === "awaiting-pair" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "qr-container", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "qr-wrapper", children: [
|
|
@@ -893,19 +892,54 @@ opacity: 0.9;
|
|
|
893
892
|
}
|
|
894
893
|
),
|
|
895
894
|
!qr && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "loader" })
|
|
896
|
-
] }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "loader-container", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "loader" }) })
|
|
897
|
-
|
|
898
|
-
|
|
895
|
+
] }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "loader-container", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "loader" }) })
|
|
896
|
+
] }) }),
|
|
897
|
+
/* @__PURE__ */ jsxRuntime.jsx(StoreIcons_default, {}),
|
|
898
|
+
state === "awaiting-pair" && /* @__PURE__ */ jsxRuntime.jsx(
|
|
899
|
+
"button",
|
|
900
|
+
{
|
|
901
|
+
type: "button",
|
|
902
|
+
className: "web-auth-btn",
|
|
903
|
+
onClick: useWebAuth,
|
|
904
|
+
children: "Use web vault instead"
|
|
905
|
+
}
|
|
906
|
+
)
|
|
907
|
+
] })
|
|
908
|
+
}
|
|
909
|
+
),
|
|
910
|
+
state !== "idle" && /* @__PURE__ */ jsxRuntime.jsx(
|
|
911
|
+
"div",
|
|
912
|
+
{
|
|
913
|
+
style: {
|
|
914
|
+
width: "300px",
|
|
915
|
+
display: "flex",
|
|
916
|
+
justifyContent: "center",
|
|
917
|
+
alignItems: "center"
|
|
918
|
+
},
|
|
919
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
920
|
+
"button",
|
|
921
|
+
{
|
|
922
|
+
type: "button",
|
|
923
|
+
style: {
|
|
924
|
+
border: "none",
|
|
925
|
+
background: "transparent",
|
|
926
|
+
cursor: "pointer",
|
|
927
|
+
alignSelf: "center"
|
|
928
|
+
},
|
|
929
|
+
onClick: () => {
|
|
930
|
+
stop();
|
|
931
|
+
config.onClose?.();
|
|
932
|
+
},
|
|
933
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
934
|
+
PelicanButton_default,
|
|
899
935
|
{
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
children: "Use browser vault instead"
|
|
936
|
+
authType: config.authType,
|
|
937
|
+
text: `Cancel`,
|
|
938
|
+
type: "cancel"
|
|
904
939
|
}
|
|
905
940
|
)
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
] })
|
|
941
|
+
}
|
|
942
|
+
)
|
|
909
943
|
}
|
|
910
944
|
)
|
|
911
945
|
] })
|