@pelican-identity/react 2.0.17 β 2.0.19
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/README.md +91 -14
- package/dist/components/PelicanAuth.d.ts.map +1 -0
- package/dist/components/PelicanAuth.js +412 -0
- package/dist/components/PelicanAuth.js.map +1 -0
- package/dist/components/PelicanButton.d.ts.map +1 -0
- package/dist/hooks/usePelicanAuth.d.ts +15 -0
- package/dist/hooks/usePelicanAuth.d.ts.map +1 -0
- package/dist/hooks/usePelicanAuth.js +63 -0
- package/dist/hooks/usePelicanAuth.js.map +1 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +40 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +40 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -144,25 +144,21 @@ Main authentication component.
|
|
|
144
144
|
| `forceQRCode` | `boolean` | Optional | Always show QR code instead of deep link |
|
|
145
145
|
| `continuousMode` | `boolean` | Optional | Automatically restart auth after completion |
|
|
146
146
|
|
|
147
|
-
> If `
|
|
147
|
+
> If `appId` is missing or does not match the whitelisted value, Pelican will fail immediately.
|
|
148
148
|
|
|
149
|
-
|
|
149
|
+
### Best practice
|
|
150
150
|
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
Pelican Web authentication works using:
|
|
154
|
-
|
|
155
|
-
- **QR codes** (desktop β mobile)
|
|
156
|
-
- **Deep links** (mobile browsers)
|
|
157
|
-
|
|
158
|
-
The SDK automatically chooses the best option based on the userβs device.
|
|
151
|
+
Fetch your Pelican configuration (public key, project ID) from your backend at runtime instead of hard-coding them into your mobile app.
|
|
152
|
+
π **Pelican Dashboard:** https://dash.pelicanidentity.com
|
|
159
153
|
|
|
160
154
|
---
|
|
161
155
|
|
|
162
|
-
|
|
156
|
+
# Authentication Response
|
|
163
157
|
|
|
164
158
|
When authentication completes successfully, Pelican returns a structured **identity result** to your application via the `onSuccess` callback.
|
|
165
159
|
|
|
160
|
+
This response contains a **deterministic user identifier** for your business, along with optional verified user data and identity verification (KYC) information depending on the authentication flow used.
|
|
161
|
+
|
|
166
162
|
---
|
|
167
163
|
|
|
168
164
|
## Success Callback
|
|
@@ -180,6 +176,10 @@ interface IdentityResult {
|
|
|
180
176
|
/** Deterministic unique user identifier specific to your business */
|
|
181
177
|
user_id: string;
|
|
182
178
|
|
|
179
|
+
/** Authentication Assurance level */
|
|
180
|
+
/** AAL1 - Passcode */
|
|
181
|
+
/** AAL2 - Biometric */
|
|
182
|
+
assurance_level: { level: number; type: "passcode" | "biometric" };
|
|
183
183
|
/** Basic user profile and contact information (if available) */
|
|
184
184
|
user_data?: IUserData;
|
|
185
185
|
|
|
@@ -203,8 +203,21 @@ interface IdentityResult {
|
|
|
203
203
|
- Safe to store and use as your internal user reference.
|
|
204
204
|
- Does **not** expose personally identifiable information (PII).
|
|
205
205
|
|
|
206
|
+
> This identifier remains the same for the same user across future authentications within your business.
|
|
207
|
+
|
|
206
208
|
---
|
|
207
209
|
|
|
210
|
+
## Assurance Level (`assurance_level`)
|
|
211
|
+
|
|
212
|
+
Pelican will prompt users to authenticate using the required assurance level configured in the project settings when possible. Authentication may still succeed with a lower level, but the achieved assurance level is always returned in the response. Your application is responsible for enforcing access based on this level.
|
|
213
|
+
|
|
214
|
+
```ts
|
|
215
|
+
interface AssuranceLevel {
|
|
216
|
+
level: number;
|
|
217
|
+
type: "passcode" | "biometric";
|
|
218
|
+
}
|
|
219
|
+
```
|
|
220
|
+
|
|
208
221
|
## User Data (`user_data`)
|
|
209
222
|
|
|
210
223
|
Returned when available and permitted by the authentication flow.
|
|
@@ -228,7 +241,31 @@ interface IUserData {
|
|
|
228
241
|
}
|
|
229
242
|
```
|
|
230
243
|
|
|
231
|
-
|
|
244
|
+
### Email
|
|
245
|
+
|
|
246
|
+
```ts
|
|
247
|
+
interface IEmail {
|
|
248
|
+
id: number;
|
|
249
|
+
value: string;
|
|
250
|
+
verifiedAt: string;
|
|
251
|
+
verificationProvider: string;
|
|
252
|
+
}
|
|
253
|
+
```
|
|
254
|
+
|
|
255
|
+
### Phone
|
|
256
|
+
|
|
257
|
+
```ts
|
|
258
|
+
interface IPhone {
|
|
259
|
+
id: number;
|
|
260
|
+
country: string;
|
|
261
|
+
callingCode: string;
|
|
262
|
+
number: string;
|
|
263
|
+
verifiedAt: string;
|
|
264
|
+
verificationProvider: string;
|
|
265
|
+
}
|
|
266
|
+
```
|
|
267
|
+
|
|
268
|
+
All contact data returned by Pelican is **verified** and includes the service used for verification.
|
|
232
269
|
|
|
233
270
|
---
|
|
234
271
|
|
|
@@ -246,12 +283,50 @@ interface IKycData {
|
|
|
246
283
|
| "driver's license"
|
|
247
284
|
| "residence permit";
|
|
248
285
|
document_number?: string;
|
|
249
|
-
|
|
286
|
+
personal_number?: string;
|
|
287
|
+
date_of_birth?: string | Date;
|
|
250
288
|
age?: number;
|
|
289
|
+
expiration_date?: string | Date;
|
|
290
|
+
date_of_issue?: string | Date;
|
|
291
|
+
issuing_state?: string;
|
|
292
|
+
issuing_state_name?: string;
|
|
293
|
+
first_name?: string;
|
|
294
|
+
last_name?: string;
|
|
295
|
+
full_name?: string;
|
|
296
|
+
gender?: string;
|
|
297
|
+
address?: string;
|
|
298
|
+
formatted_address?: string;
|
|
299
|
+
nationality?: string;
|
|
300
|
+
liveness_percentage?: number;
|
|
301
|
+
face_match_percentage?: number;
|
|
251
302
|
verified_at?: string | Date;
|
|
252
303
|
}
|
|
253
304
|
```
|
|
254
305
|
|
|
306
|
+
### Verification Scores
|
|
307
|
+
|
|
308
|
+
- `liveness_percentage`: Confidence score (0β100) from face liveness detection.
|
|
309
|
+
- `face_match_percentage`: Confidence score (0β100) matching selfie to document photo.
|
|
310
|
+
|
|
311
|
+
---
|
|
312
|
+
|
|
313
|
+
## Document Downloads
|
|
314
|
+
|
|
315
|
+
If document access is enabled for your project (NB: your business must be verified and KYB completed), Pelican provides secure download URLs valid for 24 hours as Pelican does not store documents and only provides access to them from the Pelican vault for a limited time. You are required to download and store the documents on your backend for compliance and security reasons according to your local data protection regulations:
|
|
316
|
+
|
|
317
|
+
```ts
|
|
318
|
+
id_downloadurls?: {
|
|
319
|
+
front_of_card?: string;
|
|
320
|
+
back_of_card?: string;
|
|
321
|
+
};
|
|
322
|
+
```
|
|
323
|
+
|
|
324
|
+
These URLs are:
|
|
325
|
+
|
|
326
|
+
- Short-lived
|
|
327
|
+
- Access-controlled
|
|
328
|
+
- Intended for secure backend or compliance workflows
|
|
329
|
+
|
|
255
330
|
---
|
|
256
331
|
|
|
257
332
|
## Authentication Flow Differences
|
|
@@ -259,7 +334,7 @@ interface IKycData {
|
|
|
259
334
|
| Auth Type | Returned Data |
|
|
260
335
|
| ----------------- | ------------------------------------------- |
|
|
261
336
|
| `signup` | `user_id`, basic `user_data` |
|
|
262
|
-
| `login` | `user_id
|
|
337
|
+
| `login` | `user_id`, previously generated at signup |
|
|
263
338
|
| `id-verification` | `user_id`, `id_verification`, document URLs |
|
|
264
339
|
|
|
265
340
|
Returned fields depend on:
|
|
@@ -270,6 +345,8 @@ Returned fields depend on:
|
|
|
270
345
|
|
|
271
346
|
---
|
|
272
347
|
|
|
348
|
+
---
|
|
349
|
+
|
|
273
350
|
## Troubleshooting
|
|
274
351
|
|
|
275
352
|
### Blank page or no QR code
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PelicanAuth.d.ts","sourceRoot":"","sources":["../../src/components/PelicanAuth.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,QAAA,MAAM,WAAW,GAAI,QAAQ,mBAAmB,4CAwjB/C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,412 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect } from "react";
|
|
3
|
+
import PelicanButton from "./PelicanButton";
|
|
4
|
+
import { usePelicanAuth } from "../hooks/usePelicanAuth";
|
|
5
|
+
import StoreIcons from "./StoreIcons";
|
|
6
|
+
const PelicanAuth = (config) => {
|
|
7
|
+
const { start, qr, state, deeplink, isProcessing, stop, error, successMessage, useQrInstead, } = usePelicanAuth({
|
|
8
|
+
projectId: config.projectId,
|
|
9
|
+
publicKey: config.publicKey,
|
|
10
|
+
authType: config.authType,
|
|
11
|
+
onClose: config.onClose,
|
|
12
|
+
continuousMode: config.continuousMode,
|
|
13
|
+
forceQRCode: config.forceQRCode,
|
|
14
|
+
onSuccess: (identity) => {
|
|
15
|
+
config.onSuccess(identity);
|
|
16
|
+
},
|
|
17
|
+
onError: (error) => {
|
|
18
|
+
config.onError?.(error);
|
|
19
|
+
},
|
|
20
|
+
});
|
|
21
|
+
useEffect(() => {
|
|
22
|
+
if (config.continuousMode) {
|
|
23
|
+
start();
|
|
24
|
+
}
|
|
25
|
+
}, [config.continuousMode]);
|
|
26
|
+
return (_jsxs(_Fragment, { children: [_jsx("style", { children: `@keyframes fadeUp {
|
|
27
|
+
from {
|
|
28
|
+
opacity: 0;
|
|
29
|
+
transform: translateY(20px);
|
|
30
|
+
}
|
|
31
|
+
to {
|
|
32
|
+
opacity: 1;
|
|
33
|
+
transform: translateY(0);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
@keyframes spin {
|
|
38
|
+
to {
|
|
39
|
+
transform: rotate(360deg);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@keyframes successPulse {
|
|
44
|
+
0%,
|
|
45
|
+
100% {
|
|
46
|
+
transform: scale(1);
|
|
47
|
+
opacity: 1;
|
|
48
|
+
}
|
|
49
|
+
50% {
|
|
50
|
+
transform: scale(1.05);
|
|
51
|
+
opacity: 0.9;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.auth-container {
|
|
56
|
+
width: 300px;
|
|
57
|
+
max-width: fit-content;
|
|
58
|
+
padding: 1rem;
|
|
59
|
+
margin-top: 0.3rem;
|
|
60
|
+
position: relative;
|
|
61
|
+
animation: fadeUp 0.5s ease-out;
|
|
62
|
+
background-color: #f9fafb;
|
|
63
|
+
border-radius: 2.5rem;
|
|
64
|
+
display: flex;
|
|
65
|
+
flex-direction: column;
|
|
66
|
+
justify-content: space-between;
|
|
67
|
+
align-items: center;
|
|
68
|
+
gap: 1rem;
|
|
69
|
+
min-height: 320px;
|
|
70
|
+
}
|
|
71
|
+
.js-auth-container {
|
|
72
|
+
width: 300px;
|
|
73
|
+
max-width: fit-content;
|
|
74
|
+
padding: 1rem;
|
|
75
|
+
margin-top: 0.3rem;
|
|
76
|
+
position: relative;
|
|
77
|
+
background-color: #f9fafb;
|
|
78
|
+
border-radius: 2.5rem;
|
|
79
|
+
display: flex;
|
|
80
|
+
flex-direction: column;
|
|
81
|
+
justify-content: space-between;
|
|
82
|
+
align-items: center;
|
|
83
|
+
gap: 1rem;
|
|
84
|
+
min-height: 320px;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.pelican-modal-close-btn {
|
|
88
|
+
all: unset; /* Reset all inherited styles */
|
|
89
|
+
background-color: #2b2b2b !important;
|
|
90
|
+
border: none !important;
|
|
91
|
+
padding: 0.3rem !important;
|
|
92
|
+
cursor: pointer !important;
|
|
93
|
+
transition: opacity 0.2s !important;
|
|
94
|
+
height: 1.5rem !important;
|
|
95
|
+
width: 1.5rem !important;
|
|
96
|
+
display: flex !important;
|
|
97
|
+
align-items: center !important;
|
|
98
|
+
justify-content: center !important;
|
|
99
|
+
border-radius: 50% !important;
|
|
100
|
+
box-sizing: border-box !important;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.pelican-modal-close-btn:hover {
|
|
104
|
+
opacity: 0.6 !important;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.pelican-modal-close-btn svg {
|
|
108
|
+
display: block !important;
|
|
109
|
+
width: 100% !important;
|
|
110
|
+
height: 100% !important;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.retry-container {
|
|
114
|
+
text-align: center;
|
|
115
|
+
padding: 3rem 0;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.retry-container > div:first-child {
|
|
119
|
+
margin-bottom: 1rem;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.retry-text {
|
|
123
|
+
font-size: 1.125rem;
|
|
124
|
+
font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.content-wrapper {
|
|
128
|
+
display: flex;
|
|
129
|
+
flex-direction: column;
|
|
130
|
+
justify-content: center;
|
|
131
|
+
align-items: center;
|
|
132
|
+
gap: 2rem;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.unpaired-container {
|
|
136
|
+
text-align: center;
|
|
137
|
+
display: flex;
|
|
138
|
+
flex-direction: column;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.main-heading {
|
|
142
|
+
font-size: 0.75rem;
|
|
143
|
+
font-weight: 600;
|
|
144
|
+
color: #585858;
|
|
145
|
+
font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
@media (min-width: 768px) {
|
|
149
|
+
.main-heading {
|
|
150
|
+
font-size: 1rem;
|
|
151
|
+
font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
@media (min-width: 1024px) {
|
|
156
|
+
.main-heading {
|
|
157
|
+
font-size: 1rem;
|
|
158
|
+
font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.mobile-auth-container {
|
|
163
|
+
display: flex;
|
|
164
|
+
flex-direction: column;
|
|
165
|
+
gap: 0.7rem;
|
|
166
|
+
width: 253px;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.logo-container {
|
|
170
|
+
display: flex;
|
|
171
|
+
justify-content: center;
|
|
172
|
+
padding: 2rem 0;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.open-app-link {
|
|
176
|
+
display: inline-block;
|
|
177
|
+
padding: 0.75rem 1rem;
|
|
178
|
+
background-color: #2b2b2bff;
|
|
179
|
+
width: fit-content;
|
|
180
|
+
align-self: center;
|
|
181
|
+
|
|
182
|
+
border-radius: 18px;
|
|
183
|
+
color: #fff;
|
|
184
|
+
font-weight: 500;
|
|
185
|
+
font-size: 1rem;
|
|
186
|
+
text-decoration: none;
|
|
187
|
+
transition: background-color 0.2s;
|
|
188
|
+
font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
.open-app-link:hover {
|
|
192
|
+
opacity: 0.8;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
.helper-text {
|
|
196
|
+
font-size: 0.75rem;
|
|
197
|
+
color: #6b7280;
|
|
198
|
+
font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
.qr-container {
|
|
202
|
+
display: flex;
|
|
203
|
+
justify-content: center;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
.qr-wrapper {
|
|
207
|
+
display: flex;
|
|
208
|
+
justify-content: center;
|
|
209
|
+
align-items: center;
|
|
210
|
+
overflow: hidden;
|
|
211
|
+
border-radius: 2rem;
|
|
212
|
+
background-color: #fff;
|
|
213
|
+
padding: 0.2rem;
|
|
214
|
+
height: 244px;
|
|
215
|
+
width: 244px;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
.qr-image {
|
|
219
|
+
height: 90%;
|
|
220
|
+
width: 90%;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
.loader-container {
|
|
224
|
+
display: flex;
|
|
225
|
+
justify-content: center;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
.instruction-text {
|
|
229
|
+
font-size: 0.875rem;
|
|
230
|
+
color: #9ca3af;
|
|
231
|
+
font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
.paired-container {
|
|
235
|
+
text-align: center;
|
|
236
|
+
display: flex;
|
|
237
|
+
flex-direction: column;
|
|
238
|
+
gap: 1rem;
|
|
239
|
+
max-width: 250px;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
.paired-heading {
|
|
243
|
+
font-size: 1rem;
|
|
244
|
+
font-weight: 800;
|
|
245
|
+
font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
@media (min-width: 768px) {
|
|
249
|
+
.paired-heading {
|
|
250
|
+
font-size: 1rem;
|
|
251
|
+
font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
252
|
+
}
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
.success-message {
|
|
256
|
+
background-color: #121212;
|
|
257
|
+
color: #d9eb1b;
|
|
258
|
+
padding: 0.5rem 1rem;
|
|
259
|
+
border-radius: 1.3rem;
|
|
260
|
+
font-weight: 700;
|
|
261
|
+
font-size: 1rem;
|
|
262
|
+
animation: successPulse 0.2s ease-in-out;
|
|
263
|
+
margin: 0.5rem 0;
|
|
264
|
+
font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
265
|
+
width: 300px;
|
|
266
|
+
max-width: fit-content;
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
.auto-renew-badge {
|
|
270
|
+
display: inline-block;
|
|
271
|
+
background-color: rgba(217, 235, 27, 0.2);
|
|
272
|
+
border: 1px solid #d9eb1b;
|
|
273
|
+
color: #d9eb1b;
|
|
274
|
+
padding: 0.25rem 0.75rem;
|
|
275
|
+
border-radius: 9999px;
|
|
276
|
+
font-size: 0.75rem;
|
|
277
|
+
font-weight: 600;
|
|
278
|
+
margin-top: 0.5rem;
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
.error-wrapper {
|
|
282
|
+
display: flex;
|
|
283
|
+
justify-content: center;
|
|
284
|
+
align-items: center;
|
|
285
|
+
text-align: center;
|
|
286
|
+
border-radius: 1.5rem;
|
|
287
|
+
border: 1px solid rgb(255, 236, 236);
|
|
288
|
+
background-color: rgb(255, 255, 255);
|
|
289
|
+
width: 250px;
|
|
290
|
+
height: 80px;
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
.error-message {
|
|
294
|
+
font-size: 0.75rem;
|
|
295
|
+
font-weight: 400;
|
|
296
|
+
color: rgb(255, 139, 139);
|
|
297
|
+
font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
298
|
+
max-width: 70%;
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
.loader {
|
|
302
|
+
width: 48px;
|
|
303
|
+
height: 48px;
|
|
304
|
+
position: relative;
|
|
305
|
+
}
|
|
306
|
+
.loader::before,
|
|
307
|
+
.loader::after {
|
|
308
|
+
content: "";
|
|
309
|
+
position: absolute;
|
|
310
|
+
left: 50%;
|
|
311
|
+
top: 50%;
|
|
312
|
+
transform: translate(-50%, -50%);
|
|
313
|
+
width: 48em;
|
|
314
|
+
height: 48em;
|
|
315
|
+
background-image: radial-gradient(circle 10px, #585858 100%, transparent 0),
|
|
316
|
+
radial-gradient(circle 10px, #585858 100%, transparent 0),
|
|
317
|
+
radial-gradient(circle 10px, #585858 100%, transparent 0),
|
|
318
|
+
radial-gradient(circle 10px, #585858 100%, transparent 0),
|
|
319
|
+
radial-gradient(circle 10px, #585858 100%, transparent 0),
|
|
320
|
+
radial-gradient(circle 10px, #585858 100%, transparent 0),
|
|
321
|
+
radial-gradient(circle 10px, #585858 100%, transparent 0),
|
|
322
|
+
radial-gradient(circle 10px, #585858 100%, transparent 0),
|
|
323
|
+
radial-gradient(circle 10px, #585858 100%, transparent 0);
|
|
324
|
+
background-position: 0em -18em, 0em 18em, 18em 0em, -18em 0em, 13em -13em,
|
|
325
|
+
-13em -13em, 13em 13em, -13em 13em;
|
|
326
|
+
background-repeat: no-repeat;
|
|
327
|
+
font-size: 0.5px;
|
|
328
|
+
border-radius: 50%;
|
|
329
|
+
animation: blast 1s ease-in infinite;
|
|
330
|
+
}
|
|
331
|
+
.loader::after {
|
|
332
|
+
font-size: 1px;
|
|
333
|
+
background: #585858;
|
|
334
|
+
animation: bounce 1s ease-in infinite;
|
|
335
|
+
}
|
|
336
|
+
|
|
337
|
+
@keyframes bounce {
|
|
338
|
+
0%,
|
|
339
|
+
100% {
|
|
340
|
+
font-size: 0.75px;
|
|
341
|
+
}
|
|
342
|
+
50% {
|
|
343
|
+
font-size: 1.5px;
|
|
344
|
+
}
|
|
345
|
+
}
|
|
346
|
+
@keyframes blast {
|
|
347
|
+
0%,
|
|
348
|
+
40% {
|
|
349
|
+
font-size: 0.5px;
|
|
350
|
+
}
|
|
351
|
+
70% {
|
|
352
|
+
opacity: 1;
|
|
353
|
+
font-size: 4px;
|
|
354
|
+
}
|
|
355
|
+
100% {
|
|
356
|
+
font-size: 6px;
|
|
357
|
+
opacity: 0;
|
|
358
|
+
}
|
|
359
|
+
}
|
|
360
|
+
` }), _jsxs("section", { children: [_jsx("div", { style: {
|
|
361
|
+
maxWidth: "275px",
|
|
362
|
+
justifyContent: "space-between",
|
|
363
|
+
alignItems: "center",
|
|
364
|
+
width: "100%",
|
|
365
|
+
}, children: !config.continuousMode && (_jsxs("div", { style: {
|
|
366
|
+
width: "100%",
|
|
367
|
+
display: "flex",
|
|
368
|
+
justifyContent: "space-between",
|
|
369
|
+
alignItems: "center",
|
|
370
|
+
}, children: [_jsx("button", { type: "button", style: {
|
|
371
|
+
border: "none",
|
|
372
|
+
background: "transparent",
|
|
373
|
+
cursor: "pointer",
|
|
374
|
+
}, onClick: () => {
|
|
375
|
+
start();
|
|
376
|
+
}, disabled: config.continuousMode, children: config.buttonComponent ? (config.buttonComponent) : (_jsx(PelicanButton, { authType: config.authType, text: config.buttonText })) }), state !== "idle" && (_jsx("button", { onClick: () => {
|
|
377
|
+
stop();
|
|
378
|
+
config.onClose?.();
|
|
379
|
+
}, className: "pelican-modal-close-btn", "aria-label": "Close", type: "button", style: {
|
|
380
|
+
border: "none !important",
|
|
381
|
+
padding: "0.3rem !important",
|
|
382
|
+
cursor: "pointer !important",
|
|
383
|
+
}, children: _jsx("svg", { fill: "#fff", stroke: "#fff", viewBox: "0 0 24 24", role: "img", "aria-label": "close icon", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M6 18L18 6M6 6l12 12", height: "24", width: "24", fill: "#fff", stroke: "#fff", color: "#fff" }) }) }))] })) }), state !== "idle" && (_jsxs("div", { className: "auth-container", children: [successMessage && (_jsxs("div", { className: "success-message", style: { textAlign: "center" }, children: [successMessage, config.continuousMode && (_jsx("p", { style: {
|
|
384
|
+
fontSize: "0.8rem",
|
|
385
|
+
marginTop: "0.5rem",
|
|
386
|
+
color: "#f3f3f3",
|
|
387
|
+
textAlign: "center",
|
|
388
|
+
}, children: "Preparing next session..." }))] })), error && state === "error" && (_jsx("div", { className: "error-wrapper", children: _jsx("p", { className: "error-message", children: error.message }) })), isProcessing ? (_jsxs("div", { className: "content-wrapper", children: [_jsx("h2", { className: "main-heading", children: "one sec..." }), _jsx("span", { className: "loader", style: { margin: "1rem auto", width: "252px" } })] })) : (_jsx("div", { className: "content-wrapper", children: state === "awaiting-pair" && !successMessage && (_jsxs("div", { className: "unpaired-container", children: [!deeplink && !config.forceQRCode && (_jsx("h2", { className: "main-heading", children: "Open Pelican Vault" })), !config.forceQRCode && deeplink ? (_jsxs("div", { className: "mobile-auth-container", children: [_jsx("div", { className: "logo-container", children: _jsx("img", { src: "https://res.cloudinary.com/de0jr8mcm/image/upload/v1765904735/pelican/pelican_icon_r9ghqw.png ", alt: "Pelican Logo", style: { width: "80px", height: "80px" } }) }), _jsx("a", { href: deeplink, className: "open-app-link", children: "Open Pelican Vault" }), _jsxs("p", { className: "helper-text", children: ["Open the app to", " ", config.authType === "login"
|
|
389
|
+
? "login"
|
|
390
|
+
: config.authType === "signup"
|
|
391
|
+
? "signup"
|
|
392
|
+
: config.authType === "id-verification"
|
|
393
|
+
? "verify identity"
|
|
394
|
+
: "authenticate"] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { style: {
|
|
395
|
+
width: "100%",
|
|
396
|
+
height: "1px",
|
|
397
|
+
backgroundColor: "#aaaaaaff",
|
|
398
|
+
borderRadius: "50%",
|
|
399
|
+
} }), _jsx("p", { className: "text-xs", children: "Or" }), _jsx("div", { style: {
|
|
400
|
+
width: "100%",
|
|
401
|
+
height: "1px",
|
|
402
|
+
backgroundColor: "#aaaaaaff",
|
|
403
|
+
borderRadius: "50%",
|
|
404
|
+
} })] }), _jsx("button", { type: "button", className: "text-xs underline", onClick: useQrInstead, children: "Scan QR Code instead" })] })) : (config.forceQRCode &&
|
|
405
|
+
qr &&
|
|
406
|
+
state === "awaiting-pair") ||
|
|
407
|
+
(!config.forceQRCode &&
|
|
408
|
+
qr &&
|
|
409
|
+
state === "awaiting-pair") ? (_jsx("div", { className: "qr-container", children: _jsxs("div", { className: "qr-wrapper", children: [qr && (_jsx("img", { src: qr, alt: "QR Code", className: "qr-image" })), !qr && _jsx("span", { className: "loader" })] }) })) : (_jsx("div", { className: "loader-container", children: _jsx("span", { className: "loader" }) }))] })) })), _jsx(StoreIcons, {})] }))] })] }));
|
|
410
|
+
};
|
|
411
|
+
export default PelicanAuth;
|
|
412
|
+
//# sourceMappingURL=PelicanAuth.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PelicanAuth.js","sourceRoot":"","sources":["../../src/components/PelicanAuth.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PelicanButton.d.ts","sourceRoot":"","sources":["../../src/components/PelicanButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,QAAA,MAAM,aAAa,GAAI,qBAGpB;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,4CA+EA,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { PelicanAuthState, PelicanWebAuthProps } from "@pelican-identity/auth-core";
|
|
2
|
+
export declare const usePelicanAuth: (config: PelicanWebAuthProps) => {
|
|
3
|
+
start: () => void;
|
|
4
|
+
stop: () => void;
|
|
5
|
+
qr: string | null;
|
|
6
|
+
deeplink: string | null;
|
|
7
|
+
state: PelicanAuthState;
|
|
8
|
+
isProcessing: boolean;
|
|
9
|
+
isDone: boolean;
|
|
10
|
+
error: Error | null;
|
|
11
|
+
successMessage: string | null;
|
|
12
|
+
useQrInstead: () => void | undefined;
|
|
13
|
+
useDeepLinkInstead: () => void | undefined;
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=usePelicanAuth.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePelicanAuth.d.ts","sourceRoot":"","sources":["../../src/hooks/usePelicanAuth.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AAGrC,eAAO,MAAM,cAAc,GAAI,QAAQ,mBAAmB;;;;;;;;;;;;CAkEzD,CAAC"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { PelicanAuthentication, } from "@pelican-identity/auth-core";
|
|
2
|
+
import { useState, useRef, useEffect, useCallback } from "react";
|
|
3
|
+
export const usePelicanAuth = (config) => {
|
|
4
|
+
const [qr, setQr] = useState(null);
|
|
5
|
+
const [deeplink, setDeeplink] = useState(null);
|
|
6
|
+
const [err, seterr] = useState(null);
|
|
7
|
+
const [state, setState] = useState("idle");
|
|
8
|
+
const [successMessage, setSuccessMessage] = useState(null);
|
|
9
|
+
const pelicanRef = useRef(null);
|
|
10
|
+
const success = config.authType === "login"
|
|
11
|
+
? "login"
|
|
12
|
+
: config.authType === "signup"
|
|
13
|
+
? "signup"
|
|
14
|
+
: config.authType === "id-verification"
|
|
15
|
+
? "verification"
|
|
16
|
+
: "authentication";
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
const pelican = new PelicanAuthentication(config);
|
|
19
|
+
pelicanRef.current = pelican;
|
|
20
|
+
const unsub = [
|
|
21
|
+
pelican.on("qr", setQr),
|
|
22
|
+
pelican.on("deeplink", setDeeplink),
|
|
23
|
+
pelican.on("success", (identity) => {
|
|
24
|
+
config.onSuccess(identity);
|
|
25
|
+
if (config.continuousMode) {
|
|
26
|
+
setSuccessMessage(`${success} complete!`);
|
|
27
|
+
setTimeout(() => {
|
|
28
|
+
setSuccessMessage(null);
|
|
29
|
+
}, 2000);
|
|
30
|
+
}
|
|
31
|
+
}),
|
|
32
|
+
pelican.on("error", (error) => {
|
|
33
|
+
seterr(error);
|
|
34
|
+
config.onError?.(error);
|
|
35
|
+
}),
|
|
36
|
+
pelican.on("state", setState),
|
|
37
|
+
];
|
|
38
|
+
return () => {
|
|
39
|
+
unsub.forEach((fn) => fn());
|
|
40
|
+
pelican.destroy();
|
|
41
|
+
};
|
|
42
|
+
}, [config.publicKey, config.projectId, config.authType]);
|
|
43
|
+
const start = useCallback(() => {
|
|
44
|
+
pelicanRef.current?.start();
|
|
45
|
+
}, []);
|
|
46
|
+
const stop = useCallback(() => {
|
|
47
|
+
pelicanRef.current?.stop();
|
|
48
|
+
}, []);
|
|
49
|
+
return {
|
|
50
|
+
start,
|
|
51
|
+
stop,
|
|
52
|
+
qr,
|
|
53
|
+
deeplink,
|
|
54
|
+
state,
|
|
55
|
+
isProcessing: ["initializing", "paired", "awaiting-auth"].includes(state),
|
|
56
|
+
isDone: state === "confirmed" || state === "authenticated",
|
|
57
|
+
error: err,
|
|
58
|
+
successMessage,
|
|
59
|
+
useQrInstead: () => pelicanRef.current?.useQrInstead(),
|
|
60
|
+
useDeepLinkInstead: () => pelicanRef.current?.useDeepLinkInstead(),
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
//# sourceMappingURL=usePelicanAuth.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePelicanAuth.js","sourceRoot":"","sources":["../../src/hooks/usePelicanAuth.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAElE,mBAAmB,6BAA6B,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -123,7 +123,9 @@ var usePelicanAuth = (config) => {
|
|
|
123
123
|
isProcessing: ["initializing", "paired", "awaiting-auth"].includes(state),
|
|
124
124
|
isDone: state === "confirmed" || state === "authenticated",
|
|
125
125
|
error: err,
|
|
126
|
-
successMessage
|
|
126
|
+
successMessage,
|
|
127
|
+
useQrInstead: () => pelicanRef.current?.useQrInstead(),
|
|
128
|
+
useDeepLinkInstead: () => pelicanRef.current?.useDeepLinkInstead()
|
|
127
129
|
};
|
|
128
130
|
};
|
|
129
131
|
var StoreIcons = () => {
|
|
@@ -245,7 +247,8 @@ var PelicanAuth = (config) => {
|
|
|
245
247
|
isProcessing,
|
|
246
248
|
stop,
|
|
247
249
|
error,
|
|
248
|
-
successMessage
|
|
250
|
+
successMessage,
|
|
251
|
+
useQrInstead
|
|
249
252
|
} = usePelicanAuth({
|
|
250
253
|
projectId: config.projectId,
|
|
251
254
|
publicKey: config.publicKey,
|
|
@@ -731,7 +734,41 @@ opacity: 0.8;
|
|
|
731
734
|
"Open the app to",
|
|
732
735
|
" ",
|
|
733
736
|
config.authType === "login" ? "login" : config.authType === "signup" ? "signup" : config.authType === "id-verification" ? "verify identity" : "authenticate"
|
|
734
|
-
] })
|
|
737
|
+
] }),
|
|
738
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
739
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
740
|
+
"div",
|
|
741
|
+
{
|
|
742
|
+
style: {
|
|
743
|
+
width: "100%",
|
|
744
|
+
height: "1px",
|
|
745
|
+
backgroundColor: "#aaaaaaff",
|
|
746
|
+
borderRadius: "50%"
|
|
747
|
+
}
|
|
748
|
+
}
|
|
749
|
+
),
|
|
750
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs", children: "Or" }),
|
|
751
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
752
|
+
"div",
|
|
753
|
+
{
|
|
754
|
+
style: {
|
|
755
|
+
width: "100%",
|
|
756
|
+
height: "1px",
|
|
757
|
+
backgroundColor: "#aaaaaaff",
|
|
758
|
+
borderRadius: "50%"
|
|
759
|
+
}
|
|
760
|
+
}
|
|
761
|
+
)
|
|
762
|
+
] }),
|
|
763
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
764
|
+
"button",
|
|
765
|
+
{
|
|
766
|
+
type: "button",
|
|
767
|
+
className: "text-xs underline",
|
|
768
|
+
onClick: useQrInstead,
|
|
769
|
+
children: "Scan QR Code instead"
|
|
770
|
+
}
|
|
771
|
+
)
|
|
735
772
|
] }) : 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: [
|
|
736
773
|
qr && /* @__PURE__ */ jsxRuntime.jsx("img", { src: qr, alt: "QR Code", className: "qr-image" }),
|
|
737
774
|
!qr && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "loader" })
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/PelicanButton.tsx","../src/hooks/usePelicanAuth.ts","../src/components/StoreIcons.tsx","../src/components/PelicanAuth.tsx"],"names":["jsxs","Fragment","jsx","useState","useRef","useEffect","PelicanAuthentication","useCallback","error"],"mappings":"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","file":"index.js","sourcesContent":["import { AuthType } from \"@pelican-identity/auth-core\";\n\nconst PelicanButton = ({\n authType,\n text,\n}: {\n authType: AuthType;\n text?: string;\n}) => {\n return (\n <>\n <style>\n {`\n .pelican-auth-btn-wrapper * {\n box-sizing: border-box;\n cursor: pointer !important;\n }\n \n .pelican-auth-btn-wrapper .pelican-auth-btn { \n all: initial;\n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 0.35rem !important;\n padding: 0.3rem 0.5rem !important;\n border-radius: 16px !important;\n cursor: pointer !important;\n background-color: #2b2b2b !important;\n border: 1px solid #353535 !important;\n\n }\n \n .pelican-auth-btn-wrapper .pelican-auth-btn:hover {\n background-color: #313131 !important;\n cursor: pointer !important;\n }\n \n .pelican-auth-btn-wrapper .pelican-auth-btn p {\n all: initial;\n font-size: 14px !important;\n font-weight: 500 !important;\n color: #fff !important;\n font-family: Onest, system-ui, -apple-system, sans-serif !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n `}\n </style>\n <div className=\"pelican-auth-btn-wrapper\">\n <div className=\"pelican-auth-btn\">\n <div>\n <svg\n width=\"28\"\n height=\"28\"\n viewBox=\"0 0 100 100\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n role=\"img\"\n aria-label=\"Pelican logo\"\n >\n <rect width=\"100\" height=\"100\" rx=\"32\" fill=\"#121212\" />\n <path\n 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\"\n fill=\"#D9EB1B\"\n />\n </svg>\n </div>\n <div>\n <p>\n {text || (\n <span>\n {authType === \"login\"\n ? \"Login with Pelican\"\n : authType === \"signup\"\n ? \"Signup with Pelican\"\n : authType === \"id-verification\"\n ? \"Verify with Pelican\"\n : \"Authenticate with Pelican\"}\n </span>\n )}\n </p>\n </div>\n </div>\n </div>\n </>\n );\n};\n\nexport default PelicanButton;\n","import {\n PelicanAuthentication,\n PelicanAuthState,\n PelicanWebAuthProps,\n} from \"@pelican-identity/auth-core\";\nimport { useState, useRef, useEffect, useCallback } from \"react\";\n\nexport const usePelicanAuth = (config: PelicanWebAuthProps) => {\n const [qr, setQr] = useState<string | null>(null);\n const [deeplink, setDeeplink] = useState<string | null>(null);\n const [err, seterr] = useState<Error | null>(null);\n const [state, setState] = useState<PelicanAuthState>(\"idle\");\n const [successMessage, setSuccessMessage] = useState<string | null>(null);\n const pelicanRef = useRef<PelicanAuthentication | null>(null);\n const success =\n config.authType === \"login\"\n ? \"login\"\n : config.authType === \"signup\"\n ? \"signup\"\n : config.authType === \"id-verification\"\n ? \"verification\"\n : \"authentication\";\n\n useEffect(() => {\n const pelican = new PelicanAuthentication(config);\n pelicanRef.current = pelican;\n\n // Subscriptions\n const unsub = [\n pelican.on(\"qr\", setQr),\n pelican.on(\"deeplink\", setDeeplink),\n pelican.on(\"success\", (identity) => {\n config.onSuccess(identity);\n if (config.continuousMode) {\n setSuccessMessage(`${success} complete!`);\n setTimeout(() => {\n setSuccessMessage(null);\n }, 2000);\n }\n }),\n pelican.on(\"error\", (error) => {\n seterr(error);\n config.onError?.(error);\n }),\n pelican.on(\"state\", setState),\n ];\n\n return () => {\n unsub.forEach((fn) => fn());\n pelican.destroy();\n };\n }, [config.publicKey, config.projectId, config.authType]);\n\n const start = useCallback(() => {\n pelicanRef.current?.start();\n }, []);\n\n const stop = useCallback(() => {\n pelicanRef.current?.stop();\n }, []);\n return {\n start,\n stop,\n qr,\n deeplink,\n state,\n isProcessing: [\"initializing\", \"paired\", \"awaiting-auth\"].includes(state),\n isDone: state === \"confirmed\" || state === \"authenticated\",\n error: err,\n successMessage,\n };\n};\n","const StoreIcons = () => {\n return (\n <div\n style={{\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n }}\n >\n <div\n style={{\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n\n borderRadius: \"1.2rem\",\n gap: \"0.5rem\",\n padding: \"0.7rem 1rem\",\n height: \"1.4rem\",\n }}\n >\n <div\n style={{\n gap: \"0.1rem\",\n }}\n >\n <p\n style={{\n fontSize: \"14px\",\n fontWeight: \"500\",\n color: \"#585858\",\n fontFamily:\n \"Onest, system-ui, Avenir, Helvetica, Arial, sans-serif\",\n }}\n >\n Available on\n </p>\n </div>\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.4rem\",\n }}\n >\n <Apple />\n <PlayStore />\n </div>\n </div>\n </div>\n );\n};\n\nconst Apple = () => {\n return (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n role=\"img\"\n aria-label=\"apple icon\"\n >\n <g clipPath=\"url(#clip0_10529_2674)\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M22.0213 7.30124C24.1265 7.30124 26.358 8.45986 27.947 10.4637C22.7386 13.3501 23.5854 20.8709 28.8483 22.881C28.1232 24.5027 27.777 25.2278 26.8445 26.664C25.5424 28.6663 23.7101 31.1613 21.435 31.1831C19.4156 31.2018 18.8963 29.8529 16.155 29.8685C13.4136 29.8841 12.8413 31.2065 10.8219 31.1878C8.54832 31.1659 6.80962 28.9142 5.50754 26.9104C1.86795 21.3091 1.48746 14.7363 3.73297 11.2433C5.32821 8.7577 7.84348 7.3028 10.2106 7.3028C12.6199 7.3028 14.134 8.63919 16.1269 8.63919C18.0605 8.63919 19.2363 7.30124 22.0213 7.30124ZM21.4101 0.000244141C21.6907 1.89489 20.9204 3.75054 19.9084 5.06354C18.8246 6.4701 16.958 7.5601 15.1523 7.50396C14.8248 5.69041 15.67 3.82383 16.6961 2.56542C17.8235 1.17757 19.7571 0.115638 21.4101 0.000244141Z\"\n fill=\"#585858\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_10529_2674\">\n <rect width=\"31.1875\" height=\"31.1875\" fill=\"#585858\" />\n </clipPath>\n </defs>\n </svg>\n );\n};\n\nconst PlayStore = () => {\n return (\n <svg\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 26 26\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n role=\"img\"\n aria-label=\"play icon\"\n >\n <path\n d=\"M0.015625 2.02546V24.3372C0.0157895 24.3856 0.0316774 24.4329 0.0612964 24.4731C0.0909154 24.5134 0.132947 24.5448 0.182121 24.5634C0.231294 24.582 0.285421 24.587 0.337713 24.5778C0.390006 24.5685 0.438136 24.5455 0.476069 24.5115L13.2604 13.1819L0.476069 1.85116C0.438136 1.81718 0.390006 1.79412 0.337713 1.7849C0.285421 1.77567 0.231294 1.78067 0.182121 1.79929C0.132947 1.8179 0.0909154 1.84929 0.0612964 1.88953C0.0316774 1.92976 0.0157895 1.97705 0.015625 2.02546ZM18.6208 8.52652L2.59086 0.501104L2.58086 0.495994C2.30472 0.359739 2.04233 0.699241 2.26849 0.896811L14.8342 11.8154L18.6208 8.52652ZM2.26974 25.467C2.04233 25.6645 2.30472 26.004 2.58211 25.8678L2.59211 25.8627L18.6208 17.8373L14.8342 14.5473L2.26974 25.467ZM25.092 11.7626L20.6156 9.52231L16.4067 13.1819L20.6156 16.8398L25.092 14.6012C26.3096 13.9898 26.3096 12.374 25.092 11.7626Z\"\n fill=\"#585858\"\n />\n </svg>\n );\n};\n\nexport default StoreIcons;\n","import { useEffect } from \"react\";\nimport PelicanButton from \"./PelicanButton\";\nimport { usePelicanAuth } from \"../hooks/usePelicanAuth\";\nimport StoreIcons from \"./StoreIcons\";\n\nimport { PelicanWebAuthProps } from \"@pelican-identity/auth-core\";\n\nconst PelicanAuth = (config: PelicanWebAuthProps) => {\n const {\n start,\n qr,\n state,\n deeplink,\n isProcessing,\n stop,\n error,\n successMessage,\n } = usePelicanAuth({\n projectId: config.projectId,\n publicKey: config.publicKey,\n authType: config.authType,\n onClose: config.onClose,\n continuousMode: config.continuousMode,\n forceQRCode: config.forceQRCode,\n onSuccess: (identity) => {\n config.onSuccess(identity);\n },\n onError: (error) => {\n config.onError?.(error);\n },\n });\n useEffect(() => {\n if (config.continuousMode) {\n start();\n }\n }, [config.continuousMode]);\n return (\n <>\n <style>\n {`@keyframes fadeUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes successPulse {\n 0%,\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n transform: scale(1.05);\n opacity: 0.9;\n }\n}\n\n.auth-container {\n width: 300px;\n max-width: fit-content;\n padding: 1rem;\n margin-top: 0.3rem;\n position: relative;\n animation: fadeUp 0.5s ease-out;\n background-color: #f9fafb;\n border-radius: 2.5rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n min-height: 320px;\n}\n.js-auth-container {\n width: 300px;\n max-width: fit-content;\n padding: 1rem;\n margin-top: 0.3rem;\n position: relative;\n background-color: #f9fafb;\n border-radius: 2.5rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n min-height: 320px;\n}\n\n.pelican-modal-close-btn {\n all: unset; /* Reset all inherited styles */\n background-color: #2b2b2b !important;\n border: none !important;\n padding: 0.3rem !important;\n cursor: pointer !important;\n transition: opacity 0.2s !important;\n height: 1.5rem !important;\n width: 1.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n border-radius: 50% !important;\n box-sizing: border-box !important;\n}\n\n.pelican-modal-close-btn:hover {\n opacity: 0.6 !important;\n}\n\n.pelican-modal-close-btn svg {\n display: block !important;\n width: 100% !important;\n height: 100% !important;\n}\n\n.retry-container {\n text-align: center;\n padding: 3rem 0;\n}\n\n.retry-container > div:first-child {\n margin-bottom: 1rem;\n}\n\n.retry-text {\n font-size: 1.125rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.content-wrapper {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 2rem;\n}\n\n.unpaired-container {\n text-align: center;\n display: flex;\n flex-direction: column;\n}\n\n.main-heading {\n font-size: 0.75rem;\n font-weight: 600;\n color: #585858;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n@media (min-width: 768px) {\n .main-heading {\n font-size: 1rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n }\n}\n\n@media (min-width: 1024px) {\n .main-heading {\n font-size: 1rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n }\n}\n\n.mobile-auth-container {\n display: flex;\n flex-direction: column;\n gap: 0.7rem;\n width: 253px;\n}\n\n.logo-container {\n display: flex;\n justify-content: center;\n padding: 2rem 0;\n}\n\n.open-app-link {\n display: inline-block;\n padding: 0.75rem 1rem;\n background-color: #2b2b2bff;\n width: fit-content;\n align-self: center;\n\n border-radius: 18px;\n color: #fff;\n font-weight: 500;\n font-size: 1rem;\n text-decoration: none;\n transition: background-color 0.2s;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.open-app-link:hover {\nopacity: 0.8;\n}\n\n.helper-text {\n font-size: 0.75rem;\n color: #6b7280;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.qr-container {\n display: flex;\n justify-content: center;\n}\n\n.qr-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n border-radius: 2rem;\n background-color: #fff;\n padding: 0.2rem;\n height: 244px;\n width: 244px;\n}\n\n.qr-image {\n height: 90%;\n width: 90%;\n}\n\n.loader-container {\n display: flex;\n justify-content: center;\n}\n\n.instruction-text {\n font-size: 0.875rem;\n color: #9ca3af;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.paired-container {\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 250px;\n}\n\n.paired-heading {\n font-size: 1rem;\n font-weight: 800;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n@media (min-width: 768px) {\n .paired-heading {\n font-size: 1rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n }\n}\n\n.success-message {\n background-color: #121212;\n color: #d9eb1b;\n padding: 0.5rem 1rem;\n border-radius: 1.3rem;\n font-weight: 700;\n font-size: 1rem;\n animation: successPulse 0.2s ease-in-out;\n margin: 0.5rem 0;\n font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;\n width: 300px;\n max-width: fit-content;\n}\n\n.auto-renew-badge {\n display: inline-block;\n background-color: rgba(217, 235, 27, 0.2);\n border: 1px solid #d9eb1b;\n color: #d9eb1b;\n padding: 0.25rem 0.75rem;\n border-radius: 9999px;\n font-size: 0.75rem;\n font-weight: 600;\n margin-top: 0.5rem;\n}\n\n.error-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n border-radius: 1.5rem;\n border: 1px solid rgb(255, 236, 236);\n background-color: rgb(255, 255, 255);\n width: 250px;\n height: 80px;\n}\n\n.error-message {\n font-size: 0.75rem;\n font-weight: 400;\n color: rgb(255, 139, 139);\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n max-width: 70%;\n}\n\n.loader {\n width: 48px;\n height: 48px;\n position: relative;\n}\n.loader::before,\n.loader::after {\n content: \"\";\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 48em;\n height: 48em;\n background-image: radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0);\n background-position: 0em -18em, 0em 18em, 18em 0em, -18em 0em, 13em -13em,\n -13em -13em, 13em 13em, -13em 13em;\n background-repeat: no-repeat;\n font-size: 0.5px;\n border-radius: 50%;\n animation: blast 1s ease-in infinite;\n}\n.loader::after {\n font-size: 1px;\n background: #585858;\n animation: bounce 1s ease-in infinite;\n}\n\n@keyframes bounce {\n 0%,\n 100% {\n font-size: 0.75px;\n }\n 50% {\n font-size: 1.5px;\n }\n}\n@keyframes blast {\n 0%,\n 40% {\n font-size: 0.5px;\n }\n 70% {\n opacity: 1;\n font-size: 4px;\n }\n 100% {\n font-size: 6px;\n opacity: 0;\n }\n}\n`}\n </style>\n <section>\n <div\n style={{\n maxWidth: \"275px\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n\n width: \"100%\",\n }}\n >\n {!config.continuousMode && (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n }}\n >\n <button\n type=\"button\"\n style={{\n border: \"none\",\n background: \"transparent\",\n cursor: \"pointer\",\n }}\n onClick={() => {\n start();\n }}\n disabled={config.continuousMode}\n >\n {config.buttonComponent ? (\n config.buttonComponent\n ) : (\n <PelicanButton\n authType={config.authType}\n text={config.buttonText}\n />\n )}\n </button>\n\n {state !== \"idle\" && (\n <button\n onClick={() => {\n stop();\n config.onClose?.();\n }}\n className=\"pelican-modal-close-btn\"\n aria-label=\"Close\"\n type=\"button\"\n style={{\n border: \"none !important\",\n padding: \"0.3rem !important\",\n cursor: \"pointer !important\",\n }}\n >\n <svg\n fill=\"#fff\"\n stroke=\"#fff\"\n viewBox=\"0 0 24 24\"\n role=\"img\"\n aria-label=\"close icon\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={3}\n d=\"M6 18L18 6M6 6l12 12\"\n height=\"24\"\n width=\"24\"\n fill=\"#fff\"\n stroke=\"#fff\"\n color=\"#fff\"\n />\n </svg>\n </button>\n )}\n </div>\n )}\n </div>\n {state !== \"idle\" && (\n <div className=\"auth-container\">\n {successMessage && (\n <div className=\"success-message\" style={{ textAlign: \"center\" }}>\n {successMessage}\n {config.continuousMode && (\n <p\n style={{\n fontSize: \"0.8rem\",\n marginTop: \"0.5rem\",\n color: \"#f3f3f3\",\n textAlign: \"center\",\n }}\n >\n Preparing next session...\n </p>\n )}\n </div>\n )}\n {error && state === \"error\" && (\n <div className=\"error-wrapper\">\n <p className=\"error-message\">{error.message}</p>\n </div>\n )}\n\n {isProcessing ? (\n <div className=\"content-wrapper\">\n <h2 className=\"main-heading\">one sec...</h2>\n\n <span\n className=\"loader\"\n style={{ margin: \"1rem auto\", width: \"252px\" }}\n ></span>\n </div>\n ) : (\n <div className=\"content-wrapper\">\n {state === \"awaiting-pair\" && !successMessage && (\n <div className=\"unpaired-container\">\n {!deeplink && !config.forceQRCode && (\n <h2 className=\"main-heading\">Open Pelican Vault</h2>\n )}\n {!config.forceQRCode && deeplink ? (\n <div className=\"mobile-auth-container\">\n <div className=\"logo-container\">\n <img\n src=\"https://res.cloudinary.com/de0jr8mcm/image/upload/v1765904735/pelican/pelican_icon_r9ghqw.png \"\n alt=\"Pelican Logo\"\n style={{ width: \"80px\", height: \"80px\" }}\n />\n </div>\n <a href={deeplink} className=\"open-app-link\">\n Open Pelican Vault\n </a>\n <p className=\"helper-text\">\n Open the app to{\" \"}\n {config.authType === \"login\"\n ? \"login\"\n : config.authType === \"signup\"\n ? \"signup\"\n : config.authType === \"id-verification\"\n ? \"verify identity\"\n : \"authenticate\"}\n </p>\n </div>\n ) : (config.forceQRCode &&\n qr &&\n state === \"awaiting-pair\") ||\n (!config.forceQRCode &&\n qr &&\n state === \"awaiting-pair\") ? (\n <div className=\"qr-container\">\n <div className=\"qr-wrapper\">\n {qr && (\n <img src={qr} alt=\"QR Code\" className=\"qr-image\" />\n )}\n {!qr && <span className=\"loader\"></span>}\n </div>\n </div>\n ) : (\n <div className=\"loader-container\">\n <span className=\"loader\"></span>\n </div>\n )}\n </div>\n )}\n </div>\n )}\n <StoreIcons />\n </div>\n )}\n </section>\n </>\n );\n};\n\nexport default PelicanAuth;\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/components/PelicanButton.tsx","../src/hooks/usePelicanAuth.ts","../src/components/StoreIcons.tsx","../src/components/PelicanAuth.tsx"],"names":["jsxs","Fragment","jsx","useState","useRef","useEffect","PelicanAuthentication","useCallback","error"],"mappings":"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","file":"index.js","sourcesContent":["import { AuthType } from \"@pelican-identity/auth-core\";\n\nconst PelicanButton = ({\n authType,\n text,\n}: {\n authType: AuthType;\n text?: string;\n}) => {\n return (\n <>\n <style>\n {`\n .pelican-auth-btn-wrapper * {\n box-sizing: border-box;\n cursor: pointer !important;\n }\n \n .pelican-auth-btn-wrapper .pelican-auth-btn { \n all: initial;\n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 0.35rem !important;\n padding: 0.3rem 0.5rem !important;\n border-radius: 16px !important;\n cursor: pointer !important;\n background-color: #2b2b2b !important;\n border: 1px solid #353535 !important;\n\n }\n \n .pelican-auth-btn-wrapper .pelican-auth-btn:hover {\n background-color: #313131 !important;\n cursor: pointer !important;\n }\n \n .pelican-auth-btn-wrapper .pelican-auth-btn p {\n all: initial;\n font-size: 14px !important;\n font-weight: 500 !important;\n color: #fff !important;\n font-family: Onest, system-ui, -apple-system, sans-serif !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n `}\n </style>\n <div className=\"pelican-auth-btn-wrapper\">\n <div className=\"pelican-auth-btn\">\n <div>\n <svg\n width=\"28\"\n height=\"28\"\n viewBox=\"0 0 100 100\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n role=\"img\"\n aria-label=\"Pelican logo\"\n >\n <rect width=\"100\" height=\"100\" rx=\"32\" fill=\"#121212\" />\n <path\n 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\"\n fill=\"#D9EB1B\"\n />\n </svg>\n </div>\n <div>\n <p>\n {text || (\n <span>\n {authType === \"login\"\n ? \"Login with Pelican\"\n : authType === \"signup\"\n ? \"Signup with Pelican\"\n : authType === \"id-verification\"\n ? \"Verify with Pelican\"\n : \"Authenticate with Pelican\"}\n </span>\n )}\n </p>\n </div>\n </div>\n </div>\n </>\n );\n};\n\nexport default PelicanButton;\n","import {\n PelicanAuthentication,\n PelicanAuthState,\n PelicanWebAuthProps,\n} from \"@pelican-identity/auth-core\";\nimport { useState, useRef, useEffect, useCallback } from \"react\";\n\nexport const usePelicanAuth = (config: PelicanWebAuthProps) => {\n const [qr, setQr] = useState<string | null>(null);\n const [deeplink, setDeeplink] = useState<string | null>(null);\n const [err, seterr] = useState<Error | null>(null);\n const [state, setState] = useState<PelicanAuthState>(\"idle\");\n const [successMessage, setSuccessMessage] = useState<string | null>(null);\n const pelicanRef = useRef<PelicanAuthentication | null>(null);\n const success =\n config.authType === \"login\"\n ? \"login\"\n : config.authType === \"signup\"\n ? \"signup\"\n : config.authType === \"id-verification\"\n ? \"verification\"\n : \"authentication\";\n\n useEffect(() => {\n const pelican = new PelicanAuthentication(config);\n pelicanRef.current = pelican;\n\n // Subscriptions\n const unsub = [\n pelican.on(\"qr\", setQr),\n pelican.on(\"deeplink\", setDeeplink),\n pelican.on(\"success\", (identity) => {\n config.onSuccess(identity);\n if (config.continuousMode) {\n setSuccessMessage(`${success} complete!`);\n setTimeout(() => {\n setSuccessMessage(null);\n }, 2000);\n }\n }),\n pelican.on(\"error\", (error) => {\n seterr(error);\n config.onError?.(error);\n }),\n pelican.on(\"state\", setState),\n ];\n\n return () => {\n unsub.forEach((fn) => fn());\n pelican.destroy();\n };\n }, [config.publicKey, config.projectId, config.authType]);\n\n const start = useCallback(() => {\n pelicanRef.current?.start();\n }, []);\n\n const stop = useCallback(() => {\n pelicanRef.current?.stop();\n }, []);\n return {\n start,\n stop,\n qr,\n deeplink,\n state,\n isProcessing: [\"initializing\", \"paired\", \"awaiting-auth\"].includes(state),\n isDone: state === \"confirmed\" || state === \"authenticated\",\n error: err,\n successMessage,\n useQrInstead: () => pelicanRef.current?.useQrInstead(),\n useDeepLinkInstead: () => pelicanRef.current?.useDeepLinkInstead(),\n };\n};\n","const StoreIcons = () => {\n return (\n <div\n style={{\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n }}\n >\n <div\n style={{\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n\n borderRadius: \"1.2rem\",\n gap: \"0.5rem\",\n padding: \"0.7rem 1rem\",\n height: \"1.4rem\",\n }}\n >\n <div\n style={{\n gap: \"0.1rem\",\n }}\n >\n <p\n style={{\n fontSize: \"14px\",\n fontWeight: \"500\",\n color: \"#585858\",\n fontFamily:\n \"Onest, system-ui, Avenir, Helvetica, Arial, sans-serif\",\n }}\n >\n Available on\n </p>\n </div>\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.4rem\",\n }}\n >\n <Apple />\n <PlayStore />\n </div>\n </div>\n </div>\n );\n};\n\nconst Apple = () => {\n return (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n role=\"img\"\n aria-label=\"apple icon\"\n >\n <g clipPath=\"url(#clip0_10529_2674)\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M22.0213 7.30124C24.1265 7.30124 26.358 8.45986 27.947 10.4637C22.7386 13.3501 23.5854 20.8709 28.8483 22.881C28.1232 24.5027 27.777 25.2278 26.8445 26.664C25.5424 28.6663 23.7101 31.1613 21.435 31.1831C19.4156 31.2018 18.8963 29.8529 16.155 29.8685C13.4136 29.8841 12.8413 31.2065 10.8219 31.1878C8.54832 31.1659 6.80962 28.9142 5.50754 26.9104C1.86795 21.3091 1.48746 14.7363 3.73297 11.2433C5.32821 8.7577 7.84348 7.3028 10.2106 7.3028C12.6199 7.3028 14.134 8.63919 16.1269 8.63919C18.0605 8.63919 19.2363 7.30124 22.0213 7.30124ZM21.4101 0.000244141C21.6907 1.89489 20.9204 3.75054 19.9084 5.06354C18.8246 6.4701 16.958 7.5601 15.1523 7.50396C14.8248 5.69041 15.67 3.82383 16.6961 2.56542C17.8235 1.17757 19.7571 0.115638 21.4101 0.000244141Z\"\n fill=\"#585858\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_10529_2674\">\n <rect width=\"31.1875\" height=\"31.1875\" fill=\"#585858\" />\n </clipPath>\n </defs>\n </svg>\n );\n};\n\nconst PlayStore = () => {\n return (\n <svg\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 26 26\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n role=\"img\"\n aria-label=\"play icon\"\n >\n <path\n d=\"M0.015625 2.02546V24.3372C0.0157895 24.3856 0.0316774 24.4329 0.0612964 24.4731C0.0909154 24.5134 0.132947 24.5448 0.182121 24.5634C0.231294 24.582 0.285421 24.587 0.337713 24.5778C0.390006 24.5685 0.438136 24.5455 0.476069 24.5115L13.2604 13.1819L0.476069 1.85116C0.438136 1.81718 0.390006 1.79412 0.337713 1.7849C0.285421 1.77567 0.231294 1.78067 0.182121 1.79929C0.132947 1.8179 0.0909154 1.84929 0.0612964 1.88953C0.0316774 1.92976 0.0157895 1.97705 0.015625 2.02546ZM18.6208 8.52652L2.59086 0.501104L2.58086 0.495994C2.30472 0.359739 2.04233 0.699241 2.26849 0.896811L14.8342 11.8154L18.6208 8.52652ZM2.26974 25.467C2.04233 25.6645 2.30472 26.004 2.58211 25.8678L2.59211 25.8627L18.6208 17.8373L14.8342 14.5473L2.26974 25.467ZM25.092 11.7626L20.6156 9.52231L16.4067 13.1819L20.6156 16.8398L25.092 14.6012C26.3096 13.9898 26.3096 12.374 25.092 11.7626Z\"\n fill=\"#585858\"\n />\n </svg>\n );\n};\n\nexport default StoreIcons;\n","import { useEffect } from \"react\";\nimport PelicanButton from \"./PelicanButton\";\nimport { usePelicanAuth } from \"../hooks/usePelicanAuth\";\nimport StoreIcons from \"./StoreIcons\";\n\nimport { PelicanWebAuthProps } from \"@pelican-identity/auth-core\";\n\nconst PelicanAuth = (config: PelicanWebAuthProps) => {\n const {\n start,\n qr,\n state,\n deeplink,\n isProcessing,\n stop,\n error,\n successMessage,\n useQrInstead,\n } = usePelicanAuth({\n projectId: config.projectId,\n publicKey: config.publicKey,\n authType: config.authType,\n onClose: config.onClose,\n continuousMode: config.continuousMode,\n forceQRCode: config.forceQRCode,\n onSuccess: (identity) => {\n config.onSuccess(identity);\n },\n onError: (error) => {\n config.onError?.(error);\n },\n });\n useEffect(() => {\n if (config.continuousMode) {\n start();\n }\n }, [config.continuousMode]);\n return (\n <>\n <style>\n {`@keyframes fadeUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes successPulse {\n 0%,\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n transform: scale(1.05);\n opacity: 0.9;\n }\n}\n\n.auth-container {\n width: 300px;\n max-width: fit-content;\n padding: 1rem;\n margin-top: 0.3rem;\n position: relative;\n animation: fadeUp 0.5s ease-out;\n background-color: #f9fafb;\n border-radius: 2.5rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n min-height: 320px;\n}\n.js-auth-container {\n width: 300px;\n max-width: fit-content;\n padding: 1rem;\n margin-top: 0.3rem;\n position: relative;\n background-color: #f9fafb;\n border-radius: 2.5rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n min-height: 320px;\n}\n\n.pelican-modal-close-btn {\n all: unset; /* Reset all inherited styles */\n background-color: #2b2b2b !important;\n border: none !important;\n padding: 0.3rem !important;\n cursor: pointer !important;\n transition: opacity 0.2s !important;\n height: 1.5rem !important;\n width: 1.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n border-radius: 50% !important;\n box-sizing: border-box !important;\n}\n\n.pelican-modal-close-btn:hover {\n opacity: 0.6 !important;\n}\n\n.pelican-modal-close-btn svg {\n display: block !important;\n width: 100% !important;\n height: 100% !important;\n}\n\n.retry-container {\n text-align: center;\n padding: 3rem 0;\n}\n\n.retry-container > div:first-child {\n margin-bottom: 1rem;\n}\n\n.retry-text {\n font-size: 1.125rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.content-wrapper {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 2rem;\n}\n\n.unpaired-container {\n text-align: center;\n display: flex;\n flex-direction: column;\n}\n\n.main-heading {\n font-size: 0.75rem;\n font-weight: 600;\n color: #585858;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n@media (min-width: 768px) {\n .main-heading {\n font-size: 1rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n }\n}\n\n@media (min-width: 1024px) {\n .main-heading {\n font-size: 1rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n }\n}\n\n.mobile-auth-container {\n display: flex;\n flex-direction: column;\n gap: 0.7rem;\n width: 253px;\n}\n\n.logo-container {\n display: flex;\n justify-content: center;\n padding: 2rem 0;\n}\n\n.open-app-link {\n display: inline-block;\n padding: 0.75rem 1rem;\n background-color: #2b2b2bff;\n width: fit-content;\n align-self: center;\n\n border-radius: 18px;\n color: #fff;\n font-weight: 500;\n font-size: 1rem;\n text-decoration: none;\n transition: background-color 0.2s;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.open-app-link:hover {\nopacity: 0.8;\n}\n\n.helper-text {\n font-size: 0.75rem;\n color: #6b7280;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.qr-container {\n display: flex;\n justify-content: center;\n}\n\n.qr-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n border-radius: 2rem;\n background-color: #fff;\n padding: 0.2rem;\n height: 244px;\n width: 244px;\n}\n\n.qr-image {\n height: 90%;\n width: 90%;\n}\n\n.loader-container {\n display: flex;\n justify-content: center;\n}\n\n.instruction-text {\n font-size: 0.875rem;\n color: #9ca3af;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.paired-container {\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 250px;\n}\n\n.paired-heading {\n font-size: 1rem;\n font-weight: 800;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n@media (min-width: 768px) {\n .paired-heading {\n font-size: 1rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n }\n}\n\n.success-message {\n background-color: #121212;\n color: #d9eb1b;\n padding: 0.5rem 1rem;\n border-radius: 1.3rem;\n font-weight: 700;\n font-size: 1rem;\n animation: successPulse 0.2s ease-in-out;\n margin: 0.5rem 0;\n font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;\n width: 300px;\n max-width: fit-content;\n}\n\n.auto-renew-badge {\n display: inline-block;\n background-color: rgba(217, 235, 27, 0.2);\n border: 1px solid #d9eb1b;\n color: #d9eb1b;\n padding: 0.25rem 0.75rem;\n border-radius: 9999px;\n font-size: 0.75rem;\n font-weight: 600;\n margin-top: 0.5rem;\n}\n\n.error-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n border-radius: 1.5rem;\n border: 1px solid rgb(255, 236, 236);\n background-color: rgb(255, 255, 255);\n width: 250px;\n height: 80px;\n}\n\n.error-message {\n font-size: 0.75rem;\n font-weight: 400;\n color: rgb(255, 139, 139);\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n max-width: 70%;\n}\n\n.loader {\n width: 48px;\n height: 48px;\n position: relative;\n}\n.loader::before,\n.loader::after {\n content: \"\";\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 48em;\n height: 48em;\n background-image: radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0);\n background-position: 0em -18em, 0em 18em, 18em 0em, -18em 0em, 13em -13em,\n -13em -13em, 13em 13em, -13em 13em;\n background-repeat: no-repeat;\n font-size: 0.5px;\n border-radius: 50%;\n animation: blast 1s ease-in infinite;\n}\n.loader::after {\n font-size: 1px;\n background: #585858;\n animation: bounce 1s ease-in infinite;\n}\n\n@keyframes bounce {\n 0%,\n 100% {\n font-size: 0.75px;\n }\n 50% {\n font-size: 1.5px;\n }\n}\n@keyframes blast {\n 0%,\n 40% {\n font-size: 0.5px;\n }\n 70% {\n opacity: 1;\n font-size: 4px;\n }\n 100% {\n font-size: 6px;\n opacity: 0;\n }\n}\n`}\n </style>\n <section>\n <div\n style={{\n maxWidth: \"275px\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n\n width: \"100%\",\n }}\n >\n {!config.continuousMode && (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n }}\n >\n <button\n type=\"button\"\n style={{\n border: \"none\",\n background: \"transparent\",\n cursor: \"pointer\",\n }}\n onClick={() => {\n start();\n }}\n disabled={config.continuousMode}\n >\n {config.buttonComponent ? (\n config.buttonComponent\n ) : (\n <PelicanButton\n authType={config.authType}\n text={config.buttonText}\n />\n )}\n </button>\n\n {state !== \"idle\" && (\n <button\n onClick={() => {\n stop();\n config.onClose?.();\n }}\n className=\"pelican-modal-close-btn\"\n aria-label=\"Close\"\n type=\"button\"\n style={{\n border: \"none !important\",\n padding: \"0.3rem !important\",\n cursor: \"pointer !important\",\n }}\n >\n <svg\n fill=\"#fff\"\n stroke=\"#fff\"\n viewBox=\"0 0 24 24\"\n role=\"img\"\n aria-label=\"close icon\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={3}\n d=\"M6 18L18 6M6 6l12 12\"\n height=\"24\"\n width=\"24\"\n fill=\"#fff\"\n stroke=\"#fff\"\n color=\"#fff\"\n />\n </svg>\n </button>\n )}\n </div>\n )}\n </div>\n {state !== \"idle\" && (\n <div className=\"auth-container\">\n {successMessage && (\n <div className=\"success-message\" style={{ textAlign: \"center\" }}>\n {successMessage}\n {config.continuousMode && (\n <p\n style={{\n fontSize: \"0.8rem\",\n marginTop: \"0.5rem\",\n color: \"#f3f3f3\",\n textAlign: \"center\",\n }}\n >\n Preparing next session...\n </p>\n )}\n </div>\n )}\n {error && state === \"error\" && (\n <div className=\"error-wrapper\">\n <p className=\"error-message\">{error.message}</p>\n </div>\n )}\n\n {isProcessing ? (\n <div className=\"content-wrapper\">\n <h2 className=\"main-heading\">one sec...</h2>\n\n <span\n className=\"loader\"\n style={{ margin: \"1rem auto\", width: \"252px\" }}\n ></span>\n </div>\n ) : (\n <div className=\"content-wrapper\">\n {state === \"awaiting-pair\" && !successMessage && (\n <div className=\"unpaired-container\">\n {!deeplink && !config.forceQRCode && (\n <h2 className=\"main-heading\">Open Pelican Vault</h2>\n )}\n {!config.forceQRCode && deeplink ? (\n <div className=\"mobile-auth-container\">\n <div className=\"logo-container\">\n <img\n src=\"https://res.cloudinary.com/de0jr8mcm/image/upload/v1765904735/pelican/pelican_icon_r9ghqw.png \"\n alt=\"Pelican Logo\"\n style={{ width: \"80px\", height: \"80px\" }}\n />\n </div>\n <a href={deeplink} className=\"open-app-link\">\n Open Pelican Vault\n </a>\n <p className=\"helper-text\">\n Open the app to{\" \"}\n {config.authType === \"login\"\n ? \"login\"\n : config.authType === \"signup\"\n ? \"signup\"\n : config.authType === \"id-verification\"\n ? \"verify identity\"\n : \"authenticate\"}\n </p>\n <div className=\"flex items-center gap-2\">\n <div\n style={{\n width: \"100%\",\n height: \"1px\",\n backgroundColor: \"#aaaaaaff\",\n borderRadius: \"50%\",\n }}\n />\n <p className=\"text-xs\">Or</p>\n <div\n style={{\n width: \"100%\",\n height: \"1px\",\n backgroundColor: \"#aaaaaaff\",\n borderRadius: \"50%\",\n }}\n />\n </div>\n <button\n type=\"button\"\n className=\"text-xs underline\"\n onClick={useQrInstead}\n >\n Scan QR Code instead\n </button>\n </div>\n ) : (config.forceQRCode &&\n qr &&\n state === \"awaiting-pair\") ||\n (!config.forceQRCode &&\n qr &&\n state === \"awaiting-pair\") ? (\n <div className=\"qr-container\">\n <div className=\"qr-wrapper\">\n {qr && (\n <img src={qr} alt=\"QR Code\" className=\"qr-image\" />\n )}\n {!qr && <span className=\"loader\"></span>}\n </div>\n </div>\n ) : (\n <div className=\"loader-container\">\n <span className=\"loader\"></span>\n </div>\n )}\n </div>\n )}\n </div>\n )}\n <StoreIcons />\n </div>\n )}\n </section>\n </>\n );\n};\n\nexport default PelicanAuth;\n"]}
|
package/dist/index.mjs
CHANGED
|
@@ -121,7 +121,9 @@ var usePelicanAuth = (config) => {
|
|
|
121
121
|
isProcessing: ["initializing", "paired", "awaiting-auth"].includes(state),
|
|
122
122
|
isDone: state === "confirmed" || state === "authenticated",
|
|
123
123
|
error: err,
|
|
124
|
-
successMessage
|
|
124
|
+
successMessage,
|
|
125
|
+
useQrInstead: () => pelicanRef.current?.useQrInstead(),
|
|
126
|
+
useDeepLinkInstead: () => pelicanRef.current?.useDeepLinkInstead()
|
|
125
127
|
};
|
|
126
128
|
};
|
|
127
129
|
var StoreIcons = () => {
|
|
@@ -243,7 +245,8 @@ var PelicanAuth = (config) => {
|
|
|
243
245
|
isProcessing,
|
|
244
246
|
stop,
|
|
245
247
|
error,
|
|
246
|
-
successMessage
|
|
248
|
+
successMessage,
|
|
249
|
+
useQrInstead
|
|
247
250
|
} = usePelicanAuth({
|
|
248
251
|
projectId: config.projectId,
|
|
249
252
|
publicKey: config.publicKey,
|
|
@@ -729,7 +732,41 @@ opacity: 0.8;
|
|
|
729
732
|
"Open the app to",
|
|
730
733
|
" ",
|
|
731
734
|
config.authType === "login" ? "login" : config.authType === "signup" ? "signup" : config.authType === "id-verification" ? "verify identity" : "authenticate"
|
|
732
|
-
] })
|
|
735
|
+
] }),
|
|
736
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
|
|
737
|
+
/* @__PURE__ */ jsx(
|
|
738
|
+
"div",
|
|
739
|
+
{
|
|
740
|
+
style: {
|
|
741
|
+
width: "100%",
|
|
742
|
+
height: "1px",
|
|
743
|
+
backgroundColor: "#aaaaaaff",
|
|
744
|
+
borderRadius: "50%"
|
|
745
|
+
}
|
|
746
|
+
}
|
|
747
|
+
),
|
|
748
|
+
/* @__PURE__ */ jsx("p", { className: "text-xs", children: "Or" }),
|
|
749
|
+
/* @__PURE__ */ jsx(
|
|
750
|
+
"div",
|
|
751
|
+
{
|
|
752
|
+
style: {
|
|
753
|
+
width: "100%",
|
|
754
|
+
height: "1px",
|
|
755
|
+
backgroundColor: "#aaaaaaff",
|
|
756
|
+
borderRadius: "50%"
|
|
757
|
+
}
|
|
758
|
+
}
|
|
759
|
+
)
|
|
760
|
+
] }),
|
|
761
|
+
/* @__PURE__ */ jsx(
|
|
762
|
+
"button",
|
|
763
|
+
{
|
|
764
|
+
type: "button",
|
|
765
|
+
className: "text-xs underline",
|
|
766
|
+
onClick: useQrInstead,
|
|
767
|
+
children: "Scan QR Code instead"
|
|
768
|
+
}
|
|
769
|
+
)
|
|
733
770
|
] }) : config.forceQRCode && qr && state === "awaiting-pair" || !config.forceQRCode && qr && state === "awaiting-pair" ? /* @__PURE__ */ jsx("div", { className: "qr-container", children: /* @__PURE__ */ jsxs("div", { className: "qr-wrapper", children: [
|
|
734
771
|
qr && /* @__PURE__ */ jsx("img", { src: qr, alt: "QR Code", className: "qr-image" }),
|
|
735
772
|
!qr && /* @__PURE__ */ jsx("span", { className: "loader" })
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/PelicanButton.tsx","../src/hooks/usePelicanAuth.ts","../src/components/StoreIcons.tsx","../src/components/PelicanAuth.tsx"],"names":["jsx","jsxs","error","useEffect","Fragment"],"mappings":"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","file":"index.mjs","sourcesContent":["import { AuthType } from \"@pelican-identity/auth-core\";\n\nconst PelicanButton = ({\n authType,\n text,\n}: {\n authType: AuthType;\n text?: string;\n}) => {\n return (\n <>\n <style>\n {`\n .pelican-auth-btn-wrapper * {\n box-sizing: border-box;\n cursor: pointer !important;\n }\n \n .pelican-auth-btn-wrapper .pelican-auth-btn { \n all: initial;\n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 0.35rem !important;\n padding: 0.3rem 0.5rem !important;\n border-radius: 16px !important;\n cursor: pointer !important;\n background-color: #2b2b2b !important;\n border: 1px solid #353535 !important;\n\n }\n \n .pelican-auth-btn-wrapper .pelican-auth-btn:hover {\n background-color: #313131 !important;\n cursor: pointer !important;\n }\n \n .pelican-auth-btn-wrapper .pelican-auth-btn p {\n all: initial;\n font-size: 14px !important;\n font-weight: 500 !important;\n color: #fff !important;\n font-family: Onest, system-ui, -apple-system, sans-serif !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n `}\n </style>\n <div className=\"pelican-auth-btn-wrapper\">\n <div className=\"pelican-auth-btn\">\n <div>\n <svg\n width=\"28\"\n height=\"28\"\n viewBox=\"0 0 100 100\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n role=\"img\"\n aria-label=\"Pelican logo\"\n >\n <rect width=\"100\" height=\"100\" rx=\"32\" fill=\"#121212\" />\n <path\n 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\"\n fill=\"#D9EB1B\"\n />\n </svg>\n </div>\n <div>\n <p>\n {text || (\n <span>\n {authType === \"login\"\n ? \"Login with Pelican\"\n : authType === \"signup\"\n ? \"Signup with Pelican\"\n : authType === \"id-verification\"\n ? \"Verify with Pelican\"\n : \"Authenticate with Pelican\"}\n </span>\n )}\n </p>\n </div>\n </div>\n </div>\n </>\n );\n};\n\nexport default PelicanButton;\n","import {\n PelicanAuthentication,\n PelicanAuthState,\n PelicanWebAuthProps,\n} from \"@pelican-identity/auth-core\";\nimport { useState, useRef, useEffect, useCallback } from \"react\";\n\nexport const usePelicanAuth = (config: PelicanWebAuthProps) => {\n const [qr, setQr] = useState<string | null>(null);\n const [deeplink, setDeeplink] = useState<string | null>(null);\n const [err, seterr] = useState<Error | null>(null);\n const [state, setState] = useState<PelicanAuthState>(\"idle\");\n const [successMessage, setSuccessMessage] = useState<string | null>(null);\n const pelicanRef = useRef<PelicanAuthentication | null>(null);\n const success =\n config.authType === \"login\"\n ? \"login\"\n : config.authType === \"signup\"\n ? \"signup\"\n : config.authType === \"id-verification\"\n ? \"verification\"\n : \"authentication\";\n\n useEffect(() => {\n const pelican = new PelicanAuthentication(config);\n pelicanRef.current = pelican;\n\n // Subscriptions\n const unsub = [\n pelican.on(\"qr\", setQr),\n pelican.on(\"deeplink\", setDeeplink),\n pelican.on(\"success\", (identity) => {\n config.onSuccess(identity);\n if (config.continuousMode) {\n setSuccessMessage(`${success} complete!`);\n setTimeout(() => {\n setSuccessMessage(null);\n }, 2000);\n }\n }),\n pelican.on(\"error\", (error) => {\n seterr(error);\n config.onError?.(error);\n }),\n pelican.on(\"state\", setState),\n ];\n\n return () => {\n unsub.forEach((fn) => fn());\n pelican.destroy();\n };\n }, [config.publicKey, config.projectId, config.authType]);\n\n const start = useCallback(() => {\n pelicanRef.current?.start();\n }, []);\n\n const stop = useCallback(() => {\n pelicanRef.current?.stop();\n }, []);\n return {\n start,\n stop,\n qr,\n deeplink,\n state,\n isProcessing: [\"initializing\", \"paired\", \"awaiting-auth\"].includes(state),\n isDone: state === \"confirmed\" || state === \"authenticated\",\n error: err,\n successMessage,\n };\n};\n","const StoreIcons = () => {\n return (\n <div\n style={{\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n }}\n >\n <div\n style={{\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n\n borderRadius: \"1.2rem\",\n gap: \"0.5rem\",\n padding: \"0.7rem 1rem\",\n height: \"1.4rem\",\n }}\n >\n <div\n style={{\n gap: \"0.1rem\",\n }}\n >\n <p\n style={{\n fontSize: \"14px\",\n fontWeight: \"500\",\n color: \"#585858\",\n fontFamily:\n \"Onest, system-ui, Avenir, Helvetica, Arial, sans-serif\",\n }}\n >\n Available on\n </p>\n </div>\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.4rem\",\n }}\n >\n <Apple />\n <PlayStore />\n </div>\n </div>\n </div>\n );\n};\n\nconst Apple = () => {\n return (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n role=\"img\"\n aria-label=\"apple icon\"\n >\n <g clipPath=\"url(#clip0_10529_2674)\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M22.0213 7.30124C24.1265 7.30124 26.358 8.45986 27.947 10.4637C22.7386 13.3501 23.5854 20.8709 28.8483 22.881C28.1232 24.5027 27.777 25.2278 26.8445 26.664C25.5424 28.6663 23.7101 31.1613 21.435 31.1831C19.4156 31.2018 18.8963 29.8529 16.155 29.8685C13.4136 29.8841 12.8413 31.2065 10.8219 31.1878C8.54832 31.1659 6.80962 28.9142 5.50754 26.9104C1.86795 21.3091 1.48746 14.7363 3.73297 11.2433C5.32821 8.7577 7.84348 7.3028 10.2106 7.3028C12.6199 7.3028 14.134 8.63919 16.1269 8.63919C18.0605 8.63919 19.2363 7.30124 22.0213 7.30124ZM21.4101 0.000244141C21.6907 1.89489 20.9204 3.75054 19.9084 5.06354C18.8246 6.4701 16.958 7.5601 15.1523 7.50396C14.8248 5.69041 15.67 3.82383 16.6961 2.56542C17.8235 1.17757 19.7571 0.115638 21.4101 0.000244141Z\"\n fill=\"#585858\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_10529_2674\">\n <rect width=\"31.1875\" height=\"31.1875\" fill=\"#585858\" />\n </clipPath>\n </defs>\n </svg>\n );\n};\n\nconst PlayStore = () => {\n return (\n <svg\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 26 26\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n role=\"img\"\n aria-label=\"play icon\"\n >\n <path\n d=\"M0.015625 2.02546V24.3372C0.0157895 24.3856 0.0316774 24.4329 0.0612964 24.4731C0.0909154 24.5134 0.132947 24.5448 0.182121 24.5634C0.231294 24.582 0.285421 24.587 0.337713 24.5778C0.390006 24.5685 0.438136 24.5455 0.476069 24.5115L13.2604 13.1819L0.476069 1.85116C0.438136 1.81718 0.390006 1.79412 0.337713 1.7849C0.285421 1.77567 0.231294 1.78067 0.182121 1.79929C0.132947 1.8179 0.0909154 1.84929 0.0612964 1.88953C0.0316774 1.92976 0.0157895 1.97705 0.015625 2.02546ZM18.6208 8.52652L2.59086 0.501104L2.58086 0.495994C2.30472 0.359739 2.04233 0.699241 2.26849 0.896811L14.8342 11.8154L18.6208 8.52652ZM2.26974 25.467C2.04233 25.6645 2.30472 26.004 2.58211 25.8678L2.59211 25.8627L18.6208 17.8373L14.8342 14.5473L2.26974 25.467ZM25.092 11.7626L20.6156 9.52231L16.4067 13.1819L20.6156 16.8398L25.092 14.6012C26.3096 13.9898 26.3096 12.374 25.092 11.7626Z\"\n fill=\"#585858\"\n />\n </svg>\n );\n};\n\nexport default StoreIcons;\n","import { useEffect } from \"react\";\nimport PelicanButton from \"./PelicanButton\";\nimport { usePelicanAuth } from \"../hooks/usePelicanAuth\";\nimport StoreIcons from \"./StoreIcons\";\n\nimport { PelicanWebAuthProps } from \"@pelican-identity/auth-core\";\n\nconst PelicanAuth = (config: PelicanWebAuthProps) => {\n const {\n start,\n qr,\n state,\n deeplink,\n isProcessing,\n stop,\n error,\n successMessage,\n } = usePelicanAuth({\n projectId: config.projectId,\n publicKey: config.publicKey,\n authType: config.authType,\n onClose: config.onClose,\n continuousMode: config.continuousMode,\n forceQRCode: config.forceQRCode,\n onSuccess: (identity) => {\n config.onSuccess(identity);\n },\n onError: (error) => {\n config.onError?.(error);\n },\n });\n useEffect(() => {\n if (config.continuousMode) {\n start();\n }\n }, [config.continuousMode]);\n return (\n <>\n <style>\n {`@keyframes fadeUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes successPulse {\n 0%,\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n transform: scale(1.05);\n opacity: 0.9;\n }\n}\n\n.auth-container {\n width: 300px;\n max-width: fit-content;\n padding: 1rem;\n margin-top: 0.3rem;\n position: relative;\n animation: fadeUp 0.5s ease-out;\n background-color: #f9fafb;\n border-radius: 2.5rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n min-height: 320px;\n}\n.js-auth-container {\n width: 300px;\n max-width: fit-content;\n padding: 1rem;\n margin-top: 0.3rem;\n position: relative;\n background-color: #f9fafb;\n border-radius: 2.5rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n min-height: 320px;\n}\n\n.pelican-modal-close-btn {\n all: unset; /* Reset all inherited styles */\n background-color: #2b2b2b !important;\n border: none !important;\n padding: 0.3rem !important;\n cursor: pointer !important;\n transition: opacity 0.2s !important;\n height: 1.5rem !important;\n width: 1.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n border-radius: 50% !important;\n box-sizing: border-box !important;\n}\n\n.pelican-modal-close-btn:hover {\n opacity: 0.6 !important;\n}\n\n.pelican-modal-close-btn svg {\n display: block !important;\n width: 100% !important;\n height: 100% !important;\n}\n\n.retry-container {\n text-align: center;\n padding: 3rem 0;\n}\n\n.retry-container > div:first-child {\n margin-bottom: 1rem;\n}\n\n.retry-text {\n font-size: 1.125rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.content-wrapper {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 2rem;\n}\n\n.unpaired-container {\n text-align: center;\n display: flex;\n flex-direction: column;\n}\n\n.main-heading {\n font-size: 0.75rem;\n font-weight: 600;\n color: #585858;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n@media (min-width: 768px) {\n .main-heading {\n font-size: 1rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n }\n}\n\n@media (min-width: 1024px) {\n .main-heading {\n font-size: 1rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n }\n}\n\n.mobile-auth-container {\n display: flex;\n flex-direction: column;\n gap: 0.7rem;\n width: 253px;\n}\n\n.logo-container {\n display: flex;\n justify-content: center;\n padding: 2rem 0;\n}\n\n.open-app-link {\n display: inline-block;\n padding: 0.75rem 1rem;\n background-color: #2b2b2bff;\n width: fit-content;\n align-self: center;\n\n border-radius: 18px;\n color: #fff;\n font-weight: 500;\n font-size: 1rem;\n text-decoration: none;\n transition: background-color 0.2s;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.open-app-link:hover {\nopacity: 0.8;\n}\n\n.helper-text {\n font-size: 0.75rem;\n color: #6b7280;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.qr-container {\n display: flex;\n justify-content: center;\n}\n\n.qr-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n border-radius: 2rem;\n background-color: #fff;\n padding: 0.2rem;\n height: 244px;\n width: 244px;\n}\n\n.qr-image {\n height: 90%;\n width: 90%;\n}\n\n.loader-container {\n display: flex;\n justify-content: center;\n}\n\n.instruction-text {\n font-size: 0.875rem;\n color: #9ca3af;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.paired-container {\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 250px;\n}\n\n.paired-heading {\n font-size: 1rem;\n font-weight: 800;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n@media (min-width: 768px) {\n .paired-heading {\n font-size: 1rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n }\n}\n\n.success-message {\n background-color: #121212;\n color: #d9eb1b;\n padding: 0.5rem 1rem;\n border-radius: 1.3rem;\n font-weight: 700;\n font-size: 1rem;\n animation: successPulse 0.2s ease-in-out;\n margin: 0.5rem 0;\n font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;\n width: 300px;\n max-width: fit-content;\n}\n\n.auto-renew-badge {\n display: inline-block;\n background-color: rgba(217, 235, 27, 0.2);\n border: 1px solid #d9eb1b;\n color: #d9eb1b;\n padding: 0.25rem 0.75rem;\n border-radius: 9999px;\n font-size: 0.75rem;\n font-weight: 600;\n margin-top: 0.5rem;\n}\n\n.error-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n border-radius: 1.5rem;\n border: 1px solid rgb(255, 236, 236);\n background-color: rgb(255, 255, 255);\n width: 250px;\n height: 80px;\n}\n\n.error-message {\n font-size: 0.75rem;\n font-weight: 400;\n color: rgb(255, 139, 139);\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n max-width: 70%;\n}\n\n.loader {\n width: 48px;\n height: 48px;\n position: relative;\n}\n.loader::before,\n.loader::after {\n content: \"\";\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 48em;\n height: 48em;\n background-image: radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0);\n background-position: 0em -18em, 0em 18em, 18em 0em, -18em 0em, 13em -13em,\n -13em -13em, 13em 13em, -13em 13em;\n background-repeat: no-repeat;\n font-size: 0.5px;\n border-radius: 50%;\n animation: blast 1s ease-in infinite;\n}\n.loader::after {\n font-size: 1px;\n background: #585858;\n animation: bounce 1s ease-in infinite;\n}\n\n@keyframes bounce {\n 0%,\n 100% {\n font-size: 0.75px;\n }\n 50% {\n font-size: 1.5px;\n }\n}\n@keyframes blast {\n 0%,\n 40% {\n font-size: 0.5px;\n }\n 70% {\n opacity: 1;\n font-size: 4px;\n }\n 100% {\n font-size: 6px;\n opacity: 0;\n }\n}\n`}\n </style>\n <section>\n <div\n style={{\n maxWidth: \"275px\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n\n width: \"100%\",\n }}\n >\n {!config.continuousMode && (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n }}\n >\n <button\n type=\"button\"\n style={{\n border: \"none\",\n background: \"transparent\",\n cursor: \"pointer\",\n }}\n onClick={() => {\n start();\n }}\n disabled={config.continuousMode}\n >\n {config.buttonComponent ? (\n config.buttonComponent\n ) : (\n <PelicanButton\n authType={config.authType}\n text={config.buttonText}\n />\n )}\n </button>\n\n {state !== \"idle\" && (\n <button\n onClick={() => {\n stop();\n config.onClose?.();\n }}\n className=\"pelican-modal-close-btn\"\n aria-label=\"Close\"\n type=\"button\"\n style={{\n border: \"none !important\",\n padding: \"0.3rem !important\",\n cursor: \"pointer !important\",\n }}\n >\n <svg\n fill=\"#fff\"\n stroke=\"#fff\"\n viewBox=\"0 0 24 24\"\n role=\"img\"\n aria-label=\"close icon\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={3}\n d=\"M6 18L18 6M6 6l12 12\"\n height=\"24\"\n width=\"24\"\n fill=\"#fff\"\n stroke=\"#fff\"\n color=\"#fff\"\n />\n </svg>\n </button>\n )}\n </div>\n )}\n </div>\n {state !== \"idle\" && (\n <div className=\"auth-container\">\n {successMessage && (\n <div className=\"success-message\" style={{ textAlign: \"center\" }}>\n {successMessage}\n {config.continuousMode && (\n <p\n style={{\n fontSize: \"0.8rem\",\n marginTop: \"0.5rem\",\n color: \"#f3f3f3\",\n textAlign: \"center\",\n }}\n >\n Preparing next session...\n </p>\n )}\n </div>\n )}\n {error && state === \"error\" && (\n <div className=\"error-wrapper\">\n <p className=\"error-message\">{error.message}</p>\n </div>\n )}\n\n {isProcessing ? (\n <div className=\"content-wrapper\">\n <h2 className=\"main-heading\">one sec...</h2>\n\n <span\n className=\"loader\"\n style={{ margin: \"1rem auto\", width: \"252px\" }}\n ></span>\n </div>\n ) : (\n <div className=\"content-wrapper\">\n {state === \"awaiting-pair\" && !successMessage && (\n <div className=\"unpaired-container\">\n {!deeplink && !config.forceQRCode && (\n <h2 className=\"main-heading\">Open Pelican Vault</h2>\n )}\n {!config.forceQRCode && deeplink ? (\n <div className=\"mobile-auth-container\">\n <div className=\"logo-container\">\n <img\n src=\"https://res.cloudinary.com/de0jr8mcm/image/upload/v1765904735/pelican/pelican_icon_r9ghqw.png \"\n alt=\"Pelican Logo\"\n style={{ width: \"80px\", height: \"80px\" }}\n />\n </div>\n <a href={deeplink} className=\"open-app-link\">\n Open Pelican Vault\n </a>\n <p className=\"helper-text\">\n Open the app to{\" \"}\n {config.authType === \"login\"\n ? \"login\"\n : config.authType === \"signup\"\n ? \"signup\"\n : config.authType === \"id-verification\"\n ? \"verify identity\"\n : \"authenticate\"}\n </p>\n </div>\n ) : (config.forceQRCode &&\n qr &&\n state === \"awaiting-pair\") ||\n (!config.forceQRCode &&\n qr &&\n state === \"awaiting-pair\") ? (\n <div className=\"qr-container\">\n <div className=\"qr-wrapper\">\n {qr && (\n <img src={qr} alt=\"QR Code\" className=\"qr-image\" />\n )}\n {!qr && <span className=\"loader\"></span>}\n </div>\n </div>\n ) : (\n <div className=\"loader-container\">\n <span className=\"loader\"></span>\n </div>\n )}\n </div>\n )}\n </div>\n )}\n <StoreIcons />\n </div>\n )}\n </section>\n </>\n );\n};\n\nexport default PelicanAuth;\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/components/PelicanButton.tsx","../src/hooks/usePelicanAuth.ts","../src/components/StoreIcons.tsx","../src/components/PelicanAuth.tsx"],"names":["jsx","jsxs","error","useEffect","Fragment"],"mappings":"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","file":"index.mjs","sourcesContent":["import { AuthType } from \"@pelican-identity/auth-core\";\n\nconst PelicanButton = ({\n authType,\n text,\n}: {\n authType: AuthType;\n text?: string;\n}) => {\n return (\n <>\n <style>\n {`\n .pelican-auth-btn-wrapper * {\n box-sizing: border-box;\n cursor: pointer !important;\n }\n \n .pelican-auth-btn-wrapper .pelican-auth-btn { \n all: initial;\n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 0.35rem !important;\n padding: 0.3rem 0.5rem !important;\n border-radius: 16px !important;\n cursor: pointer !important;\n background-color: #2b2b2b !important;\n border: 1px solid #353535 !important;\n\n }\n \n .pelican-auth-btn-wrapper .pelican-auth-btn:hover {\n background-color: #313131 !important;\n cursor: pointer !important;\n }\n \n .pelican-auth-btn-wrapper .pelican-auth-btn p {\n all: initial;\n font-size: 14px !important;\n font-weight: 500 !important;\n color: #fff !important;\n font-family: Onest, system-ui, -apple-system, sans-serif !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n `}\n </style>\n <div className=\"pelican-auth-btn-wrapper\">\n <div className=\"pelican-auth-btn\">\n <div>\n <svg\n width=\"28\"\n height=\"28\"\n viewBox=\"0 0 100 100\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n role=\"img\"\n aria-label=\"Pelican logo\"\n >\n <rect width=\"100\" height=\"100\" rx=\"32\" fill=\"#121212\" />\n <path\n 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\"\n fill=\"#D9EB1B\"\n />\n </svg>\n </div>\n <div>\n <p>\n {text || (\n <span>\n {authType === \"login\"\n ? \"Login with Pelican\"\n : authType === \"signup\"\n ? \"Signup with Pelican\"\n : authType === \"id-verification\"\n ? \"Verify with Pelican\"\n : \"Authenticate with Pelican\"}\n </span>\n )}\n </p>\n </div>\n </div>\n </div>\n </>\n );\n};\n\nexport default PelicanButton;\n","import {\n PelicanAuthentication,\n PelicanAuthState,\n PelicanWebAuthProps,\n} from \"@pelican-identity/auth-core\";\nimport { useState, useRef, useEffect, useCallback } from \"react\";\n\nexport const usePelicanAuth = (config: PelicanWebAuthProps) => {\n const [qr, setQr] = useState<string | null>(null);\n const [deeplink, setDeeplink] = useState<string | null>(null);\n const [err, seterr] = useState<Error | null>(null);\n const [state, setState] = useState<PelicanAuthState>(\"idle\");\n const [successMessage, setSuccessMessage] = useState<string | null>(null);\n const pelicanRef = useRef<PelicanAuthentication | null>(null);\n const success =\n config.authType === \"login\"\n ? \"login\"\n : config.authType === \"signup\"\n ? \"signup\"\n : config.authType === \"id-verification\"\n ? \"verification\"\n : \"authentication\";\n\n useEffect(() => {\n const pelican = new PelicanAuthentication(config);\n pelicanRef.current = pelican;\n\n // Subscriptions\n const unsub = [\n pelican.on(\"qr\", setQr),\n pelican.on(\"deeplink\", setDeeplink),\n pelican.on(\"success\", (identity) => {\n config.onSuccess(identity);\n if (config.continuousMode) {\n setSuccessMessage(`${success} complete!`);\n setTimeout(() => {\n setSuccessMessage(null);\n }, 2000);\n }\n }),\n pelican.on(\"error\", (error) => {\n seterr(error);\n config.onError?.(error);\n }),\n pelican.on(\"state\", setState),\n ];\n\n return () => {\n unsub.forEach((fn) => fn());\n pelican.destroy();\n };\n }, [config.publicKey, config.projectId, config.authType]);\n\n const start = useCallback(() => {\n pelicanRef.current?.start();\n }, []);\n\n const stop = useCallback(() => {\n pelicanRef.current?.stop();\n }, []);\n return {\n start,\n stop,\n qr,\n deeplink,\n state,\n isProcessing: [\"initializing\", \"paired\", \"awaiting-auth\"].includes(state),\n isDone: state === \"confirmed\" || state === \"authenticated\",\n error: err,\n successMessage,\n useQrInstead: () => pelicanRef.current?.useQrInstead(),\n useDeepLinkInstead: () => pelicanRef.current?.useDeepLinkInstead(),\n };\n};\n","const StoreIcons = () => {\n return (\n <div\n style={{\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n }}\n >\n <div\n style={{\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n\n borderRadius: \"1.2rem\",\n gap: \"0.5rem\",\n padding: \"0.7rem 1rem\",\n height: \"1.4rem\",\n }}\n >\n <div\n style={{\n gap: \"0.1rem\",\n }}\n >\n <p\n style={{\n fontSize: \"14px\",\n fontWeight: \"500\",\n color: \"#585858\",\n fontFamily:\n \"Onest, system-ui, Avenir, Helvetica, Arial, sans-serif\",\n }}\n >\n Available on\n </p>\n </div>\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.4rem\",\n }}\n >\n <Apple />\n <PlayStore />\n </div>\n </div>\n </div>\n );\n};\n\nconst Apple = () => {\n return (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n role=\"img\"\n aria-label=\"apple icon\"\n >\n <g clipPath=\"url(#clip0_10529_2674)\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M22.0213 7.30124C24.1265 7.30124 26.358 8.45986 27.947 10.4637C22.7386 13.3501 23.5854 20.8709 28.8483 22.881C28.1232 24.5027 27.777 25.2278 26.8445 26.664C25.5424 28.6663 23.7101 31.1613 21.435 31.1831C19.4156 31.2018 18.8963 29.8529 16.155 29.8685C13.4136 29.8841 12.8413 31.2065 10.8219 31.1878C8.54832 31.1659 6.80962 28.9142 5.50754 26.9104C1.86795 21.3091 1.48746 14.7363 3.73297 11.2433C5.32821 8.7577 7.84348 7.3028 10.2106 7.3028C12.6199 7.3028 14.134 8.63919 16.1269 8.63919C18.0605 8.63919 19.2363 7.30124 22.0213 7.30124ZM21.4101 0.000244141C21.6907 1.89489 20.9204 3.75054 19.9084 5.06354C18.8246 6.4701 16.958 7.5601 15.1523 7.50396C14.8248 5.69041 15.67 3.82383 16.6961 2.56542C17.8235 1.17757 19.7571 0.115638 21.4101 0.000244141Z\"\n fill=\"#585858\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_10529_2674\">\n <rect width=\"31.1875\" height=\"31.1875\" fill=\"#585858\" />\n </clipPath>\n </defs>\n </svg>\n );\n};\n\nconst PlayStore = () => {\n return (\n <svg\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 26 26\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n role=\"img\"\n aria-label=\"play icon\"\n >\n <path\n d=\"M0.015625 2.02546V24.3372C0.0157895 24.3856 0.0316774 24.4329 0.0612964 24.4731C0.0909154 24.5134 0.132947 24.5448 0.182121 24.5634C0.231294 24.582 0.285421 24.587 0.337713 24.5778C0.390006 24.5685 0.438136 24.5455 0.476069 24.5115L13.2604 13.1819L0.476069 1.85116C0.438136 1.81718 0.390006 1.79412 0.337713 1.7849C0.285421 1.77567 0.231294 1.78067 0.182121 1.79929C0.132947 1.8179 0.0909154 1.84929 0.0612964 1.88953C0.0316774 1.92976 0.0157895 1.97705 0.015625 2.02546ZM18.6208 8.52652L2.59086 0.501104L2.58086 0.495994C2.30472 0.359739 2.04233 0.699241 2.26849 0.896811L14.8342 11.8154L18.6208 8.52652ZM2.26974 25.467C2.04233 25.6645 2.30472 26.004 2.58211 25.8678L2.59211 25.8627L18.6208 17.8373L14.8342 14.5473L2.26974 25.467ZM25.092 11.7626L20.6156 9.52231L16.4067 13.1819L20.6156 16.8398L25.092 14.6012C26.3096 13.9898 26.3096 12.374 25.092 11.7626Z\"\n fill=\"#585858\"\n />\n </svg>\n );\n};\n\nexport default StoreIcons;\n","import { useEffect } from \"react\";\nimport PelicanButton from \"./PelicanButton\";\nimport { usePelicanAuth } from \"../hooks/usePelicanAuth\";\nimport StoreIcons from \"./StoreIcons\";\n\nimport { PelicanWebAuthProps } from \"@pelican-identity/auth-core\";\n\nconst PelicanAuth = (config: PelicanWebAuthProps) => {\n const {\n start,\n qr,\n state,\n deeplink,\n isProcessing,\n stop,\n error,\n successMessage,\n useQrInstead,\n } = usePelicanAuth({\n projectId: config.projectId,\n publicKey: config.publicKey,\n authType: config.authType,\n onClose: config.onClose,\n continuousMode: config.continuousMode,\n forceQRCode: config.forceQRCode,\n onSuccess: (identity) => {\n config.onSuccess(identity);\n },\n onError: (error) => {\n config.onError?.(error);\n },\n });\n useEffect(() => {\n if (config.continuousMode) {\n start();\n }\n }, [config.continuousMode]);\n return (\n <>\n <style>\n {`@keyframes fadeUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes successPulse {\n 0%,\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n transform: scale(1.05);\n opacity: 0.9;\n }\n}\n\n.auth-container {\n width: 300px;\n max-width: fit-content;\n padding: 1rem;\n margin-top: 0.3rem;\n position: relative;\n animation: fadeUp 0.5s ease-out;\n background-color: #f9fafb;\n border-radius: 2.5rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n min-height: 320px;\n}\n.js-auth-container {\n width: 300px;\n max-width: fit-content;\n padding: 1rem;\n margin-top: 0.3rem;\n position: relative;\n background-color: #f9fafb;\n border-radius: 2.5rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n min-height: 320px;\n}\n\n.pelican-modal-close-btn {\n all: unset; /* Reset all inherited styles */\n background-color: #2b2b2b !important;\n border: none !important;\n padding: 0.3rem !important;\n cursor: pointer !important;\n transition: opacity 0.2s !important;\n height: 1.5rem !important;\n width: 1.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n border-radius: 50% !important;\n box-sizing: border-box !important;\n}\n\n.pelican-modal-close-btn:hover {\n opacity: 0.6 !important;\n}\n\n.pelican-modal-close-btn svg {\n display: block !important;\n width: 100% !important;\n height: 100% !important;\n}\n\n.retry-container {\n text-align: center;\n padding: 3rem 0;\n}\n\n.retry-container > div:first-child {\n margin-bottom: 1rem;\n}\n\n.retry-text {\n font-size: 1.125rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.content-wrapper {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 2rem;\n}\n\n.unpaired-container {\n text-align: center;\n display: flex;\n flex-direction: column;\n}\n\n.main-heading {\n font-size: 0.75rem;\n font-weight: 600;\n color: #585858;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n@media (min-width: 768px) {\n .main-heading {\n font-size: 1rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n }\n}\n\n@media (min-width: 1024px) {\n .main-heading {\n font-size: 1rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n }\n}\n\n.mobile-auth-container {\n display: flex;\n flex-direction: column;\n gap: 0.7rem;\n width: 253px;\n}\n\n.logo-container {\n display: flex;\n justify-content: center;\n padding: 2rem 0;\n}\n\n.open-app-link {\n display: inline-block;\n padding: 0.75rem 1rem;\n background-color: #2b2b2bff;\n width: fit-content;\n align-self: center;\n\n border-radius: 18px;\n color: #fff;\n font-weight: 500;\n font-size: 1rem;\n text-decoration: none;\n transition: background-color 0.2s;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.open-app-link:hover {\nopacity: 0.8;\n}\n\n.helper-text {\n font-size: 0.75rem;\n color: #6b7280;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.qr-container {\n display: flex;\n justify-content: center;\n}\n\n.qr-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n border-radius: 2rem;\n background-color: #fff;\n padding: 0.2rem;\n height: 244px;\n width: 244px;\n}\n\n.qr-image {\n height: 90%;\n width: 90%;\n}\n\n.loader-container {\n display: flex;\n justify-content: center;\n}\n\n.instruction-text {\n font-size: 0.875rem;\n color: #9ca3af;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.paired-container {\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 250px;\n}\n\n.paired-heading {\n font-size: 1rem;\n font-weight: 800;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n@media (min-width: 768px) {\n .paired-heading {\n font-size: 1rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n }\n}\n\n.success-message {\n background-color: #121212;\n color: #d9eb1b;\n padding: 0.5rem 1rem;\n border-radius: 1.3rem;\n font-weight: 700;\n font-size: 1rem;\n animation: successPulse 0.2s ease-in-out;\n margin: 0.5rem 0;\n font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;\n width: 300px;\n max-width: fit-content;\n}\n\n.auto-renew-badge {\n display: inline-block;\n background-color: rgba(217, 235, 27, 0.2);\n border: 1px solid #d9eb1b;\n color: #d9eb1b;\n padding: 0.25rem 0.75rem;\n border-radius: 9999px;\n font-size: 0.75rem;\n font-weight: 600;\n margin-top: 0.5rem;\n}\n\n.error-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n border-radius: 1.5rem;\n border: 1px solid rgb(255, 236, 236);\n background-color: rgb(255, 255, 255);\n width: 250px;\n height: 80px;\n}\n\n.error-message {\n font-size: 0.75rem;\n font-weight: 400;\n color: rgb(255, 139, 139);\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n max-width: 70%;\n}\n\n.loader {\n width: 48px;\n height: 48px;\n position: relative;\n}\n.loader::before,\n.loader::after {\n content: \"\";\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 48em;\n height: 48em;\n background-image: radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0);\n background-position: 0em -18em, 0em 18em, 18em 0em, -18em 0em, 13em -13em,\n -13em -13em, 13em 13em, -13em 13em;\n background-repeat: no-repeat;\n font-size: 0.5px;\n border-radius: 50%;\n animation: blast 1s ease-in infinite;\n}\n.loader::after {\n font-size: 1px;\n background: #585858;\n animation: bounce 1s ease-in infinite;\n}\n\n@keyframes bounce {\n 0%,\n 100% {\n font-size: 0.75px;\n }\n 50% {\n font-size: 1.5px;\n }\n}\n@keyframes blast {\n 0%,\n 40% {\n font-size: 0.5px;\n }\n 70% {\n opacity: 1;\n font-size: 4px;\n }\n 100% {\n font-size: 6px;\n opacity: 0;\n }\n}\n`}\n </style>\n <section>\n <div\n style={{\n maxWidth: \"275px\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n\n width: \"100%\",\n }}\n >\n {!config.continuousMode && (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n }}\n >\n <button\n type=\"button\"\n style={{\n border: \"none\",\n background: \"transparent\",\n cursor: \"pointer\",\n }}\n onClick={() => {\n start();\n }}\n disabled={config.continuousMode}\n >\n {config.buttonComponent ? (\n config.buttonComponent\n ) : (\n <PelicanButton\n authType={config.authType}\n text={config.buttonText}\n />\n )}\n </button>\n\n {state !== \"idle\" && (\n <button\n onClick={() => {\n stop();\n config.onClose?.();\n }}\n className=\"pelican-modal-close-btn\"\n aria-label=\"Close\"\n type=\"button\"\n style={{\n border: \"none !important\",\n padding: \"0.3rem !important\",\n cursor: \"pointer !important\",\n }}\n >\n <svg\n fill=\"#fff\"\n stroke=\"#fff\"\n viewBox=\"0 0 24 24\"\n role=\"img\"\n aria-label=\"close icon\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={3}\n d=\"M6 18L18 6M6 6l12 12\"\n height=\"24\"\n width=\"24\"\n fill=\"#fff\"\n stroke=\"#fff\"\n color=\"#fff\"\n />\n </svg>\n </button>\n )}\n </div>\n )}\n </div>\n {state !== \"idle\" && (\n <div className=\"auth-container\">\n {successMessage && (\n <div className=\"success-message\" style={{ textAlign: \"center\" }}>\n {successMessage}\n {config.continuousMode && (\n <p\n style={{\n fontSize: \"0.8rem\",\n marginTop: \"0.5rem\",\n color: \"#f3f3f3\",\n textAlign: \"center\",\n }}\n >\n Preparing next session...\n </p>\n )}\n </div>\n )}\n {error && state === \"error\" && (\n <div className=\"error-wrapper\">\n <p className=\"error-message\">{error.message}</p>\n </div>\n )}\n\n {isProcessing ? (\n <div className=\"content-wrapper\">\n <h2 className=\"main-heading\">one sec...</h2>\n\n <span\n className=\"loader\"\n style={{ margin: \"1rem auto\", width: \"252px\" }}\n ></span>\n </div>\n ) : (\n <div className=\"content-wrapper\">\n {state === \"awaiting-pair\" && !successMessage && (\n <div className=\"unpaired-container\">\n {!deeplink && !config.forceQRCode && (\n <h2 className=\"main-heading\">Open Pelican Vault</h2>\n )}\n {!config.forceQRCode && deeplink ? (\n <div className=\"mobile-auth-container\">\n <div className=\"logo-container\">\n <img\n src=\"https://res.cloudinary.com/de0jr8mcm/image/upload/v1765904735/pelican/pelican_icon_r9ghqw.png \"\n alt=\"Pelican Logo\"\n style={{ width: \"80px\", height: \"80px\" }}\n />\n </div>\n <a href={deeplink} className=\"open-app-link\">\n Open Pelican Vault\n </a>\n <p className=\"helper-text\">\n Open the app to{\" \"}\n {config.authType === \"login\"\n ? \"login\"\n : config.authType === \"signup\"\n ? \"signup\"\n : config.authType === \"id-verification\"\n ? \"verify identity\"\n : \"authenticate\"}\n </p>\n <div className=\"flex items-center gap-2\">\n <div\n style={{\n width: \"100%\",\n height: \"1px\",\n backgroundColor: \"#aaaaaaff\",\n borderRadius: \"50%\",\n }}\n />\n <p className=\"text-xs\">Or</p>\n <div\n style={{\n width: \"100%\",\n height: \"1px\",\n backgroundColor: \"#aaaaaaff\",\n borderRadius: \"50%\",\n }}\n />\n </div>\n <button\n type=\"button\"\n className=\"text-xs underline\"\n onClick={useQrInstead}\n >\n Scan QR Code instead\n </button>\n </div>\n ) : (config.forceQRCode &&\n qr &&\n state === \"awaiting-pair\") ||\n (!config.forceQRCode &&\n qr &&\n state === \"awaiting-pair\") ? (\n <div className=\"qr-container\">\n <div className=\"qr-wrapper\">\n {qr && (\n <img src={qr} alt=\"QR Code\" className=\"qr-image\" />\n )}\n {!qr && <span className=\"loader\"></span>}\n </div>\n </div>\n ) : (\n <div className=\"loader-container\">\n <span className=\"loader\"></span>\n </div>\n )}\n </div>\n )}\n </div>\n )}\n <StoreIcons />\n </div>\n )}\n </section>\n </>\n );\n};\n\nexport default PelicanAuth;\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pelican-identity/react",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.19",
|
|
4
4
|
"description": "React components for Pelican Identity authentication",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@pelican-identity/auth-core": "1.2.
|
|
24
|
+
"@pelican-identity/auth-core": "1.2.17"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"@types/react": "^19.0.4",
|