@yourself_id/siwys-react-js 0.0.22 → 0.0.24-sapp-106-export-qr-code.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +12 -3
- package/dist/index.d.ts +12 -3
- package/dist/index.js +224 -143
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +215 -138
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -109,6 +109,30 @@ function _object_spread(target) {
|
|
|
109
109
|
}
|
|
110
110
|
return target;
|
|
111
111
|
}
|
|
112
|
+
function ownKeys(object, enumerableOnly) {
|
|
113
|
+
var keys = Object.keys(object);
|
|
114
|
+
if (Object.getOwnPropertySymbols) {
|
|
115
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
116
|
+
if (enumerableOnly) {
|
|
117
|
+
symbols = symbols.filter(function(sym) {
|
|
118
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
119
|
+
});
|
|
120
|
+
}
|
|
121
|
+
keys.push.apply(keys, symbols);
|
|
122
|
+
}
|
|
123
|
+
return keys;
|
|
124
|
+
}
|
|
125
|
+
function _object_spread_props(target, source) {
|
|
126
|
+
source = source != null ? source : {};
|
|
127
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
128
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
129
|
+
} else {
|
|
130
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
131
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
132
|
+
});
|
|
133
|
+
}
|
|
134
|
+
return target;
|
|
135
|
+
}
|
|
112
136
|
function _object_without_properties(source, excluded) {
|
|
113
137
|
if (source == null) return {};
|
|
114
138
|
var target = _object_without_properties_loose(source, excluded);
|
|
@@ -258,7 +282,8 @@ function _ts_generator(thisArg, body) {
|
|
|
258
282
|
}
|
|
259
283
|
function _templateObject() {
|
|
260
284
|
var data = _tagged_template_literal([
|
|
261
|
-
"\n display: flex;\n justify-content: center;\n align-items: center;\n height: 3rem;\n width: fit-content;\n border-radius: 60px;\n border: none;\n
|
|
285
|
+
"\n display: flex;\n justify-content: center;\n align-items: center;\n height: 3rem;\n width: fit-content;\n border-radius: 60px;\n border: none;\n padding: 12px 40px 12px 40px;\n white-space: nowrap;\n\n ",
|
|
286
|
+
"\n\n ",
|
|
262
287
|
"\n\n ",
|
|
263
288
|
"\n"
|
|
264
289
|
]);
|
|
@@ -269,7 +294,7 @@ function _templateObject() {
|
|
|
269
294
|
}
|
|
270
295
|
function _templateObject1() {
|
|
271
296
|
var data = _tagged_template_literal([
|
|
272
|
-
"\n
|
|
297
|
+
"\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"
|
|
273
298
|
]);
|
|
274
299
|
_templateObject1 = function _templateObject() {
|
|
275
300
|
return data;
|
|
@@ -278,7 +303,8 @@ function _templateObject1() {
|
|
|
278
303
|
}
|
|
279
304
|
function _templateObject2() {
|
|
280
305
|
var data = _tagged_template_literal([
|
|
281
|
-
"\n
|
|
306
|
+
"\n animation: ",
|
|
307
|
+
" 2s linear infinite;\n transform-origin: center;\n"
|
|
282
308
|
]);
|
|
283
309
|
_templateObject2 = function _templateObject() {
|
|
284
310
|
return data;
|
|
@@ -287,7 +313,7 @@ function _templateObject2() {
|
|
|
287
313
|
}
|
|
288
314
|
function _templateObject3() {
|
|
289
315
|
var data = _tagged_template_literal([
|
|
290
|
-
"\n
|
|
316
|
+
"\n display: flex;\n align-items: center;\n gap: 0.25rem;\n margin-left: 0.5rem;\n"
|
|
291
317
|
]);
|
|
292
318
|
_templateObject3 = function _templateObject() {
|
|
293
319
|
return data;
|
|
@@ -296,7 +322,7 @@ function _templateObject3() {
|
|
|
296
322
|
}
|
|
297
323
|
function _templateObject4() {
|
|
298
324
|
var data = _tagged_template_literal([
|
|
299
|
-
"\n
|
|
325
|
+
"\n width: 305px; // fixed width to support loading indicator\n"
|
|
300
326
|
]);
|
|
301
327
|
_templateObject4 = function _templateObject() {
|
|
302
328
|
return data;
|
|
@@ -305,7 +331,7 @@ function _templateObject4() {
|
|
|
305
331
|
}
|
|
306
332
|
function _templateObject5() {
|
|
307
333
|
var data = _tagged_template_literal([
|
|
308
|
-
"\n
|
|
334
|
+
"\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n border-right: 1px solid #3d414c;\n padding: 3rem 6rem;\n\n @media (max-width: 767px) {\n border: none;\n }\n"
|
|
309
335
|
]);
|
|
310
336
|
_templateObject5 = function _templateObject() {
|
|
311
337
|
return data;
|
|
@@ -314,8 +340,7 @@ function _templateObject5() {
|
|
|
314
340
|
}
|
|
315
341
|
function _templateObject6() {
|
|
316
342
|
var data = _tagged_template_literal([
|
|
317
|
-
"\n
|
|
318
|
-
" 2s linear infinite;\n transform-origin: center;\n }\n"
|
|
343
|
+
"\n color: white;\n font-size: 2rem;\n white-space: nowrap;\n"
|
|
319
344
|
]);
|
|
320
345
|
_templateObject6 = function _templateObject() {
|
|
321
346
|
return data;
|
|
@@ -324,7 +349,7 @@ function _templateObject6() {
|
|
|
324
349
|
}
|
|
325
350
|
function _templateObject7() {
|
|
326
351
|
var data = _tagged_template_literal([
|
|
327
|
-
"\n
|
|
352
|
+
"\n margin-top: 3rem;\n"
|
|
328
353
|
]);
|
|
329
354
|
_templateObject7 = function _templateObject() {
|
|
330
355
|
return data;
|
|
@@ -333,7 +358,7 @@ function _templateObject7() {
|
|
|
333
358
|
}
|
|
334
359
|
function _templateObject8() {
|
|
335
360
|
var data = _tagged_template_literal([
|
|
336
|
-
"\n
|
|
361
|
+
"\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"
|
|
337
362
|
]);
|
|
338
363
|
_templateObject8 = function _templateObject() {
|
|
339
364
|
return data;
|
|
@@ -342,7 +367,8 @@ function _templateObject8() {
|
|
|
342
367
|
}
|
|
343
368
|
function _templateObject9() {
|
|
344
369
|
var data = _tagged_template_literal([
|
|
345
|
-
"\n display: flex;\n justify-content:
|
|
370
|
+
"\n display: flex;\n justify-content: center;\n align-items: center;\n width: 212px;\n height: 212px;\n\n & > svg {\n animation: ",
|
|
371
|
+
" 2s linear infinite;\n transform-origin: center;\n }\n"
|
|
346
372
|
]);
|
|
347
373
|
_templateObject9 = function _templateObject() {
|
|
348
374
|
return data;
|
|
@@ -351,8 +377,7 @@ function _templateObject9() {
|
|
|
351
377
|
}
|
|
352
378
|
function _templateObject10() {
|
|
353
379
|
var data = _tagged_template_literal([
|
|
354
|
-
"\n display:
|
|
355
|
-
";\n"
|
|
380
|
+
"\n display: inline-block;\n flex-direction: column;\n gap: 1rem;\n background: #121318;\n border: 1px solid #3d414c;\n border-radius: 8px;\n padding: 1.5rem 2rem;\n margin-top: 1rem;\n"
|
|
356
381
|
]);
|
|
357
382
|
_templateObject10 = function _templateObject() {
|
|
358
383
|
return data;
|
|
@@ -361,7 +386,7 @@ function _templateObject10() {
|
|
|
361
386
|
}
|
|
362
387
|
function _templateObject11() {
|
|
363
388
|
var data = _tagged_template_literal([
|
|
364
|
-
"\n display: flex;\n
|
|
389
|
+
"\n display: flex;\n justify-content: space-between;\n color: white;\n white-space: nowrap;\n"
|
|
365
390
|
]);
|
|
366
391
|
_templateObject11 = function _templateObject() {
|
|
367
392
|
return data;
|
|
@@ -370,7 +395,7 @@ function _templateObject11() {
|
|
|
370
395
|
}
|
|
371
396
|
function _templateObject12() {
|
|
372
397
|
var data = _tagged_template_literal([
|
|
373
|
-
"\n
|
|
398
|
+
"\n display: flex;\n justify-content: space-evenly;\n align-items: flex-end;\n gap: 0.5rem;\n margin-top: 1rem;\n"
|
|
374
399
|
]);
|
|
375
400
|
_templateObject12 = function _templateObject() {
|
|
376
401
|
return data;
|
|
@@ -379,7 +404,8 @@ function _templateObject12() {
|
|
|
379
404
|
}
|
|
380
405
|
function _templateObject13() {
|
|
381
406
|
var data = _tagged_template_literal([
|
|
382
|
-
"\n
|
|
407
|
+
"\n display: flex;\n align-items: center;\n justify-content: center;\n height: 51px;\n width: 51px;\n border: 1px solid #3d414c;\n border-radius: 10px;\n background: ",
|
|
408
|
+
";\n"
|
|
383
409
|
]);
|
|
384
410
|
_templateObject13 = function _templateObject() {
|
|
385
411
|
return data;
|
|
@@ -388,7 +414,7 @@ function _templateObject13() {
|
|
|
388
414
|
}
|
|
389
415
|
function _templateObject14() {
|
|
390
416
|
var data = _tagged_template_literal([
|
|
391
|
-
"\n
|
|
417
|
+
"\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n border-right: 1px solid #3d414c;\n border-radius: 16px;\n padding: 3rem 6rem;\n\n @media (max-width: 767px) {\n border: none;\n }\n"
|
|
392
418
|
]);
|
|
393
419
|
_templateObject14 = function _templateObject() {
|
|
394
420
|
return data;
|
|
@@ -397,7 +423,7 @@ function _templateObject14() {
|
|
|
397
423
|
}
|
|
398
424
|
function _templateObject15() {
|
|
399
425
|
var data = _tagged_template_literal([
|
|
400
|
-
"\n
|
|
426
|
+
"\n color: white;\n font-size: 2rem;\n white-space: nowrap;\n"
|
|
401
427
|
]);
|
|
402
428
|
_templateObject15 = function _templateObject() {
|
|
403
429
|
return data;
|
|
@@ -406,7 +432,7 @@ function _templateObject15() {
|
|
|
406
432
|
}
|
|
407
433
|
function _templateObject16() {
|
|
408
434
|
var data = _tagged_template_literal([
|
|
409
|
-
"\n
|
|
435
|
+
"\n color: white;\n font-size: 4rem;\n margin-top: 2rem;\n"
|
|
410
436
|
]);
|
|
411
437
|
_templateObject16 = function _templateObject() {
|
|
412
438
|
return data;
|
|
@@ -415,7 +441,7 @@ function _templateObject16() {
|
|
|
415
441
|
}
|
|
416
442
|
function _templateObject17() {
|
|
417
443
|
var data = _tagged_template_literal([
|
|
418
|
-
"\n
|
|
444
|
+
"\n * {\n margin: 0;\n padding: 0;\n }\n"
|
|
419
445
|
]);
|
|
420
446
|
_templateObject17 = function _templateObject() {
|
|
421
447
|
return data;
|
|
@@ -424,7 +450,7 @@ function _templateObject17() {
|
|
|
424
450
|
}
|
|
425
451
|
function _templateObject18() {
|
|
426
452
|
var data = _tagged_template_literal([
|
|
427
|
-
"\n
|
|
453
|
+
"\n display: flex;\n justify-content: center;\n background: radial-gradient(\n circle at 24.1% 68.8%,\n rgb(50, 50, 50) 0%,\n rgb(0, 0, 0) 99.4%\n );\n border-radius: 16px;\n font-weight: 700;\n @media (max-width: 767px) {\n display: block;\n }\n"
|
|
428
454
|
]);
|
|
429
455
|
_templateObject18 = function _templateObject() {
|
|
430
456
|
return data;
|
|
@@ -433,13 +459,40 @@ function _templateObject18() {
|
|
|
433
459
|
}
|
|
434
460
|
function _templateObject19() {
|
|
435
461
|
var data = _tagged_template_literal([
|
|
436
|
-
"\n
|
|
462
|
+
"\n display: flex;\n border-radius: 16px;\n border: 1px solid #3d414c;\n\n @media (max-width: 767px) {\n flex-direction: column-reverse;\n border: none;\n padding: 5rem 2rem;\n }\n"
|
|
437
463
|
]);
|
|
438
464
|
_templateObject19 = function _templateObject() {
|
|
439
465
|
return data;
|
|
440
466
|
};
|
|
441
467
|
return data;
|
|
442
468
|
}
|
|
469
|
+
function _templateObject20() {
|
|
470
|
+
var data = _tagged_template_literal([
|
|
471
|
+
"\n display: flex;\n flex-direction: column;\n color: white;\n padding: 2rem 5rem;\n @media (max-width: 767px) {\n padding: 0;\n }\n"
|
|
472
|
+
]);
|
|
473
|
+
_templateObject20 = function _templateObject() {
|
|
474
|
+
return data;
|
|
475
|
+
};
|
|
476
|
+
return data;
|
|
477
|
+
}
|
|
478
|
+
function _templateObject21() {
|
|
479
|
+
var data = _tagged_template_literal([
|
|
480
|
+
"\n margin-bottom: 2rem;\n"
|
|
481
|
+
]);
|
|
482
|
+
_templateObject21 = function _templateObject() {
|
|
483
|
+
return data;
|
|
484
|
+
};
|
|
485
|
+
return data;
|
|
486
|
+
}
|
|
487
|
+
function _templateObject22() {
|
|
488
|
+
var data = _tagged_template_literal([
|
|
489
|
+
"\n list-style: decimal;\n line-height: 2rem;\n padding-left: 1.5rem;\n font-weight: 500;\n"
|
|
490
|
+
]);
|
|
491
|
+
_templateObject22 = function _templateObject() {
|
|
492
|
+
return data;
|
|
493
|
+
};
|
|
494
|
+
return data;
|
|
495
|
+
}
|
|
443
496
|
var __create = Object.create;
|
|
444
497
|
var __defProp = Object.defineProperty;
|
|
445
498
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
@@ -501,23 +554,33 @@ var __toCommonJS = function(mod) {
|
|
|
501
554
|
// src/index.ts
|
|
502
555
|
var src_exports = {};
|
|
503
556
|
__export(src_exports, {
|
|
504
|
-
|
|
505
|
-
return
|
|
557
|
+
CysButton: function() {
|
|
558
|
+
return CysButton;
|
|
506
559
|
},
|
|
507
|
-
|
|
508
|
-
return
|
|
560
|
+
QRCode: function() {
|
|
561
|
+
return QrCode_default;
|
|
509
562
|
},
|
|
510
|
-
|
|
563
|
+
SignInWithYourSelf: function() {
|
|
511
564
|
return SignInWithYourSelf_default;
|
|
565
|
+
},
|
|
566
|
+
SiwysButton: function() {
|
|
567
|
+
return SiwysButton;
|
|
512
568
|
}
|
|
513
569
|
});
|
|
514
570
|
module.exports = __toCommonJS(src_exports);
|
|
515
571
|
// src/components/button/SignInButton.tsx
|
|
516
572
|
var import_react2 = __toESM(require("react"));
|
|
573
|
+
var import_styled_components3 = __toESM(require("styled-components"));
|
|
517
574
|
// src/components/button/Button.tsx
|
|
518
575
|
var import_react = __toESM(require("react"));
|
|
519
576
|
var import_styled_components = __toESM(require("styled-components"));
|
|
520
577
|
var StyledButton = import_styled_components.default.button(_templateObject(), function(props) {
|
|
578
|
+
if (!props.$disabled) {
|
|
579
|
+
return "\n cursor: pointer;\n &:active {\n transform: scale(0.98);\n }\n ";
|
|
580
|
+
} else {
|
|
581
|
+
return "cursor: default;";
|
|
582
|
+
}
|
|
583
|
+
}, function(props) {
|
|
521
584
|
if (props.$glow) {
|
|
522
585
|
return "\n &:hover {\n box-shadow: 0px 0px 42px rgba(255, 255, 255, 0.5);\n }\n ";
|
|
523
586
|
}
|
|
@@ -533,14 +596,16 @@ var StyledButton = import_styled_components.default.button(_templateObject(), fu
|
|
|
533
596
|
}
|
|
534
597
|
});
|
|
535
598
|
var Button = function(param) {
|
|
536
|
-
var children = param.children, onClick = param.onClick, className = param.className, colorTheme = param.colorTheme, glow = param.glow;
|
|
599
|
+
var children = param.children, onClick = param.onClick, className = param.className, colorTheme = param.colorTheme, glow = param.glow, disabled = param.disabled;
|
|
537
600
|
return /* @__PURE__ */ import_react.default.createElement(StyledButton, {
|
|
538
601
|
type: "button",
|
|
539
602
|
role: "button",
|
|
540
603
|
className: className,
|
|
541
604
|
onClick: onClick,
|
|
605
|
+
disabled: disabled,
|
|
606
|
+
$disabled: disabled,
|
|
542
607
|
$colorTheme: colorTheme,
|
|
543
|
-
$glow: glow
|
|
608
|
+
$glow: glow && !disabled
|
|
544
609
|
}, children);
|
|
545
610
|
};
|
|
546
611
|
var Button_default = Button;
|
|
@@ -769,80 +834,93 @@ var SvgGooglePlayStore = function(props) {
|
|
|
769
834
|
}))));
|
|
770
835
|
};
|
|
771
836
|
var GooglePlayStore_default = SvgGooglePlayStore;
|
|
772
|
-
// src/icons/
|
|
837
|
+
// src/icons/LoadingIndicator.tsx
|
|
773
838
|
var React8 = __toESM(require("react"));
|
|
774
|
-
var
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
839
|
+
var import_styled_components2 = __toESM(require("styled-components"));
|
|
840
|
+
var rotate = import_styled_components2.keyframes(_templateObject1());
|
|
841
|
+
var LoadingIcon = import_styled_components2.default.svg(_templateObject2(), rotate);
|
|
842
|
+
var LoadingIndicator = function(props) {
|
|
843
|
+
return /* @__PURE__ */ React8.createElement(LoadingIcon, _object_spread({
|
|
844
|
+
width: "24",
|
|
845
|
+
height: "24",
|
|
846
|
+
viewBox: "0 0 24 24",
|
|
779
847
|
fill: "none",
|
|
780
|
-
|
|
848
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
781
849
|
}, props), /* @__PURE__ */ React8.createElement("path", {
|
|
782
|
-
|
|
783
|
-
|
|
850
|
+
d: "M20.6121 12C21.9447 12 23.0511 10.9073 22.7646 9.60581C22.374 7.83117 21.5521 6.16649 20.3561 4.76626C18.6336 2.74969 16.248 1.41398 13.6285 0.999404C11.009 0.584833 8.32754 1.11862 6.06649 2.50474C3.80545 3.89085 2.11325 6.03832 1.2943 8.56081C0.475348 11.0833 0.583411 13.8152 1.59905 16.2652C2.61468 18.7151 4.47122 20.7222 6.83469 21.9254C9.19815 23.1286 11.9134 23.4489 14.492 22.8287C16.2824 22.3981 17.9254 21.5336 19.284 20.3269C20.2803 19.4419 20.0267 17.9076 18.9482 17.1248C17.8697 16.342 16.3722 16.6368 15.2436 17.3454C14.6683 17.7066 14.0341 17.9753 13.3634 18.1366C11.9022 18.4881 10.3634 18.3065 9.02407 17.6247C7.6847 16.9428 6.63259 15.8054 6.05703 14.4171C5.48147 13.0287 5.42023 11.4805 5.88433 10.051C6.34843 8.62151 7.3074 7.40454 8.58874 6.61903C9.87007 5.83352 11.3897 5.53102 12.8741 5.76596C14.3586 6.00089 15.7105 6.75784 16.6867 7.90064C17.1347 8.42516 17.4901 9.01516 17.7435 9.64536C18.2406 10.8818 19.2794 12 20.6121 12Z",
|
|
851
|
+
fill: props.fill || "black"
|
|
784
852
|
}));
|
|
785
853
|
};
|
|
786
|
-
var
|
|
787
|
-
// src/icons/
|
|
854
|
+
var LoadingIndicator_default = LoadingIndicator;
|
|
855
|
+
// src/icons/QrCodeLoading.tsx
|
|
788
856
|
var React9 = __toESM(require("react"));
|
|
789
|
-
var
|
|
857
|
+
var SvgQrCodeLoading = function(props) {
|
|
790
858
|
return /* @__PURE__ */ React9.createElement("svg", _object_spread({
|
|
791
859
|
xmlns: "http://www.w3.org/2000/svg",
|
|
792
860
|
width: "1em",
|
|
793
861
|
height: "1em",
|
|
794
862
|
fill: "none",
|
|
795
|
-
viewBox: "0 0
|
|
863
|
+
viewBox: "0 0 32 32"
|
|
796
864
|
}, props), /* @__PURE__ */ React9.createElement("path", {
|
|
797
|
-
fill: "#
|
|
798
|
-
d: "
|
|
865
|
+
fill: "#83A1F1",
|
|
866
|
+
d: "M29.334 16c1.472 0 2.689-1.202 2.444-2.654a16 16 0 1 0-6.498 15.688c1.2-.854 1.19-2.564.148-3.606-1.041-1.041-2.72-1.005-3.986-.254A10.668 10.668 0 0 1 6.145 11.918a10.667 10.667 0 0 1 20.19 1.443C26.7 14.788 27.862 16 29.335 16"
|
|
799
867
|
}));
|
|
800
868
|
};
|
|
801
|
-
var
|
|
802
|
-
// src/icons/
|
|
869
|
+
var QrCodeLoading_default = SvgQrCodeLoading;
|
|
870
|
+
// src/icons/QrCodeLogo.tsx
|
|
803
871
|
var React10 = __toESM(require("react"));
|
|
872
|
+
// src/icons/SelfTextLogoBlack.tsx
|
|
873
|
+
var React11 = __toESM(require("react"));
|
|
804
874
|
var SvgSelfTextLogoBlack = function(props) {
|
|
805
|
-
return /* @__PURE__ */
|
|
875
|
+
return /* @__PURE__ */ React11.createElement("svg", _object_spread({
|
|
806
876
|
xmlns: "http://www.w3.org/2000/svg",
|
|
807
877
|
width: "1em",
|
|
808
878
|
height: "1em",
|
|
809
879
|
fill: "none",
|
|
810
880
|
viewBox: "0 0 70 14"
|
|
811
|
-
}, props), /* @__PURE__ */
|
|
881
|
+
}, props), /* @__PURE__ */ React11.createElement("path", {
|
|
812
882
|
fill: "#000",
|
|
813
883
|
d: "M10.513 13.872H2.148a.595.595 0 0 1-.598-.593v-2.085c0-.327.268-.593.598-.593h8.265c.84 0 1.321-.455 1.321-1.03s-.48-1.05-1.32-1.05H5.511C2.47 8.52.75 6.678.75 4.3S2.77 0 5.512 0h8.705c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H5.672c-.96 0-1.36.555-1.36 1.03 0 .477.46.972 1.36.972h4.722c2.84 0 4.901 1.685 4.901 4.3 0 2.358-1.82 4.3-4.782 4.3M44.304 0h11.849c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592h-8.208a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.948c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592h-7.948a.595.595 0 0 0-.598.593v4.127a.595.595 0 0 1-.598.592h-2.446a.595.595 0 0 1-.598-.593V.592c0-.326.268-.592.598-.592M30.379 0h2.445c.33 0 .599.265.599.592v9.418c0 .326.267.592.597.592h8.048c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H30.38a.595.595 0 0 1-.598-.592V.592c0-.327.267-.592.598-.592M16.713 0h11.429c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592h-7.827a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.107c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592h-7.107a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.747c.33 0 .598.265.598.593v2.085a.595.595 0 0 1-.598.592H16.713a.595.595 0 0 1-.598-.592V.592c0-.327.268-.592.598-.592M64.155 5.393q-.036-.002-.038-.038V.038q.002-.036.038-.038h1.482c.018 0 .037.008.045.03l1.222 3.46c.011.03.041.03.053 0l1.23-3.46c.007-.022.026-.03.045-.03h1.481q.036.002.038.038v5.317q-.002.036-.038.038h-.955q-.035-.002-.037-.038V1.328c0-.034-.03-.042-.042-.008l-1.452 4.043c-.007.023-.026.03-.045.03h-.5c-.019 0-.038-.007-.045-.03L65.189 1.32c-.011-.034-.041-.026-.041.008v4.027q-.002.036-.038.038zM61.119 5.393q-.036-.002-.038-.038V.944c0-.023-.015-.038-.037-.038h-1.256Q59.752.904 59.75.87V.038q.002-.036.038-.038h3.61q.036.002.038.038v.83q-.002.036-.038.038h-1.249c-.022 0-.037.015-.037.038v4.411q-.002.036-.038.038z"
|
|
814
884
|
}));
|
|
815
885
|
};
|
|
816
886
|
var SelfTextLogoBlack_default = SvgSelfTextLogoBlack;
|
|
817
887
|
// src/icons/SelfTextLogoWhite.tsx
|
|
818
|
-
var
|
|
888
|
+
var React12 = __toESM(require("react"));
|
|
819
889
|
var SvgSelfTextLogoWhite = function(props) {
|
|
820
|
-
return /* @__PURE__ */
|
|
890
|
+
return /* @__PURE__ */ React12.createElement("svg", _object_spread({
|
|
821
891
|
xmlns: "http://www.w3.org/2000/svg",
|
|
822
892
|
width: "1em",
|
|
823
893
|
height: "1em",
|
|
824
894
|
fill: "none",
|
|
825
895
|
viewBox: "0 0 70 14"
|
|
826
|
-
}, props), /* @__PURE__ */
|
|
896
|
+
}, props), /* @__PURE__ */ React12.createElement("path", {
|
|
827
897
|
fill: "#fff",
|
|
828
898
|
d: "M10.388 13.872H2.023a.595.595 0 0 1-.598-.593v-2.085c0-.327.268-.593.598-.593h8.265c.84 0 1.321-.455 1.321-1.03s-.48-1.05-1.32-1.05H5.386C2.345 8.52.625 6.678.625 4.3S2.645 0 5.387 0h8.705c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H5.547c-.96 0-1.36.555-1.36 1.03 0 .477.46.972 1.36.972h4.722c2.84 0 4.901 1.685 4.901 4.3 0 2.358-1.82 4.3-4.782 4.3M44.179 0h11.849c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H47.82a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.948c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592H47.82a.595.595 0 0 0-.598.593v4.127a.595.595 0 0 1-.598.592h-2.446a.595.595 0 0 1-.598-.593V.592c0-.326.268-.592.598-.592M30.254 0h2.445c.33 0 .599.265.599.592v9.418c0 .326.267.592.597.592h8.048c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H30.254a.595.595 0 0 1-.598-.592V.592c0-.327.267-.592.598-.592M16.588 0h11.429c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H20.19a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.107c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592H20.19a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.747c.33 0 .598.265.598.593v2.085a.595.595 0 0 1-.598.592H16.588a.595.595 0 0 1-.598-.592V.592c0-.327.268-.592.598-.592M64.03 5.393q-.036-.002-.038-.038V.038q.002-.036.038-.038h1.482c.018 0 .037.008.045.03l1.222 3.46c.011.03.041.03.053 0l1.23-3.46c.007-.022.026-.03.045-.03h1.481q.036.002.038.038v5.317q-.002.036-.038.038h-.955q-.035-.002-.037-.038V1.328c0-.034-.03-.042-.042-.008l-1.452 4.043c-.007.023-.026.03-.045.03h-.5c-.019 0-.038-.007-.045-.03L65.064 1.32c-.011-.034-.041-.026-.041.008v4.027q-.002.036-.038.038zM60.994 5.393q-.036-.002-.038-.038V.944c0-.023-.015-.038-.037-.038h-1.256q-.036-.002-.038-.037V.038q.002-.036.038-.038h3.61q.036.002.038.038v.83q-.002.036-.038.038h-1.249c-.022 0-.037.015-.037.038v4.411q-.002.036-.038.038z"
|
|
829
899
|
}));
|
|
830
900
|
};
|
|
831
901
|
var SelfTextLogoWhite_default = SvgSelfTextLogoWhite;
|
|
832
902
|
// src/components/button/SignInButton.tsx
|
|
833
|
-
var
|
|
834
|
-
var
|
|
835
|
-
var
|
|
903
|
+
var SignInMessage = import_styled_components3.default.span(_templateObject3());
|
|
904
|
+
var StyledButton2 = (0, import_styled_components3.default)(Button_default)(_templateObject4());
|
|
905
|
+
var SignInButton = function(_param) {
|
|
836
906
|
var type = _param.type, rest = _object_without_properties(_param, [
|
|
837
907
|
"type"
|
|
838
908
|
]);
|
|
839
|
-
var colorTheme = rest.colorTheme;
|
|
909
|
+
var colorTheme = rest.colorTheme, onClick = rest.onClick;
|
|
910
|
+
var _ref = _sliced_to_array((0, import_react2.useState)(false), 2), clicked = _ref[0], setClicked = _ref[1];
|
|
840
911
|
var darkModeEnabled = (0, import_react2.useMemo)(function() {
|
|
841
912
|
return typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches;
|
|
842
913
|
}, []);
|
|
843
914
|
var showBlackIcons = colorTheme === "light" || colorTheme === "blue" || !colorTheme && !darkModeEnabled;
|
|
844
915
|
var label = type === "signIn" ? "Sign in with your" : "Connect your";
|
|
845
|
-
|
|
916
|
+
var handleClick = function() {
|
|
917
|
+
setClicked(true);
|
|
918
|
+
onClick();
|
|
919
|
+
};
|
|
920
|
+
return /* @__PURE__ */ import_react2.default.createElement(StyledButton2, _object_spread_props(_object_spread({}, rest), {
|
|
921
|
+
disabled: clicked,
|
|
922
|
+
onClick: handleClick
|
|
923
|
+
}), !clicked && /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, showBlackIcons && /* @__PURE__ */ import_react2.default.createElement(CircleLogoBlack_default, {
|
|
846
924
|
width: "1.5rem",
|
|
847
925
|
height: "1.5rem"
|
|
848
926
|
}), !showBlackIcons && /* @__PURE__ */ import_react2.default.createElement(CircleLogoWhite_default, {
|
|
@@ -856,78 +934,82 @@ var Button2 = function(_param) {
|
|
|
856
934
|
width: "4rem"
|
|
857
935
|
}), !showBlackIcons && /* @__PURE__ */ import_react2.default.createElement(SelfTextLogoWhite_default, {
|
|
858
936
|
width: "4rem"
|
|
859
|
-
})))
|
|
937
|
+
}))), clicked && /* @__PURE__ */ import_react2.default.createElement(LoadingIndicator_default, {
|
|
938
|
+
fill: showBlackIcons ? "black" : "white"
|
|
939
|
+
}));
|
|
860
940
|
};
|
|
861
|
-
var
|
|
941
|
+
var CysButton = function(_param) {
|
|
862
942
|
var props = _extends({}, _object_destructuring_empty(_param));
|
|
863
|
-
return /* @__PURE__ */ import_react2.default.createElement(
|
|
943
|
+
return /* @__PURE__ */ import_react2.default.createElement(SignInButton, _object_spread({
|
|
864
944
|
type: "connect"
|
|
865
945
|
}, props));
|
|
866
946
|
};
|
|
867
|
-
var
|
|
947
|
+
var SiwysButton = function(_param) {
|
|
868
948
|
var props = _extends({}, _object_destructuring_empty(_param));
|
|
869
|
-
return /* @__PURE__ */ import_react2.default.createElement(
|
|
949
|
+
return /* @__PURE__ */ import_react2.default.createElement(SignInButton, _object_spread({
|
|
870
950
|
type: "signIn"
|
|
871
951
|
}, props));
|
|
872
952
|
};
|
|
873
953
|
// src/components/signin/SignInWithYourSelf.tsx
|
|
874
|
-
var
|
|
875
|
-
var
|
|
954
|
+
var import_react7 = __toESM(require("react"));
|
|
955
|
+
var import_styled_components7 = __toESM(require("styled-components"));
|
|
876
956
|
// src/components/signin/Challenge.tsx
|
|
957
|
+
var import_react4 = __toESM(require("react"));
|
|
958
|
+
var import_styled_components4 = __toESM(require("styled-components"));
|
|
959
|
+
// src/components/signin/QrCode.tsx
|
|
877
960
|
var import_react3 = __toESM(require("react"));
|
|
878
|
-
var import_client = require("react-dom/client");
|
|
879
|
-
var import_react_dom = require("react-dom");
|
|
880
|
-
var import_styled_components3 = __toESM(require("styled-components"));
|
|
881
961
|
var import_qrcode = require("qrcode.react");
|
|
882
|
-
var
|
|
883
|
-
var
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
962
|
+
var SelfSvg = '\n<svg width="104" height="32" viewBox="0 0 104 32" fill="none" xmlns="http://www.w3.org/2000/svg">\n<rect width="104" height="31.5" fill="white"/>\n<path d="M28.1416 25.0276H16.8487C16.4035 25.0276 16.0414 24.6699 16.0414 24.228V21.4124C16.0414 20.9714 16.4026 20.6127 16.8487 20.6127H28.0064C29.1408 20.6127 29.7893 19.9976 29.7893 19.2213C29.7893 18.4451 29.1408 17.8037 28.0064 17.8037H21.3891C17.2836 17.8037 14.9609 15.3159 14.9609 12.1052C14.9609 8.89444 17.6891 6.30078 21.3891 6.30078H33.1414C33.5867 6.30078 33.9487 6.65846 33.9487 7.10042V9.91599C33.9487 10.357 33.5876 10.7156 33.1414 10.7156H21.6056C20.3096 10.7156 19.7689 11.4647 19.7689 12.107C19.7689 12.7494 20.3899 13.4179 21.6056 13.4179H27.9799C31.8151 13.4179 34.5972 15.6923 34.5972 19.2232C34.5972 22.4068 32.1394 25.0285 28.1416 25.0285V25.0276Z" fill="black"/>\n<path d="M73.7575 6.30078H89.7533C90.1985 6.30078 90.5606 6.65846 90.5606 7.10042V9.91599C90.5606 10.357 90.1995 10.7156 89.7533 10.7156H78.6732C78.2279 10.7156 77.8658 11.0733 77.8658 11.5153V12.6726C77.8658 13.1136 78.227 13.4722 78.6732 13.4722H89.4026C89.8478 13.4722 90.2099 13.8299 90.2099 14.2718V17.0603C90.2099 17.5013 89.8488 17.8599 89.4026 17.8599H78.6732C78.2279 17.8599 77.8658 18.2176 77.8658 18.6595V24.2308C77.8658 24.6718 77.5047 25.0304 77.0585 25.0304H73.7565C73.3113 25.0304 72.9492 24.6727 72.9492 24.2308V7.10042C72.9492 6.6594 73.3103 6.30078 73.7565 6.30078H73.7575Z" fill="black"/>\n<path d="M54.9587 6.30078H58.2607C58.706 6.30078 59.068 6.65846 59.068 7.10042V19.814C59.068 20.2551 59.4291 20.6137 59.8753 20.6137H70.7399C71.1852 20.6137 71.5472 20.9714 71.5472 21.4133V24.2289C71.5472 24.6699 71.1861 25.0285 70.7399 25.0285H54.9597C54.5144 25.0285 54.1523 24.6708 54.1523 24.2289V7.10042C54.1514 6.65846 54.5125 6.30078 54.9587 6.30078Z" fill="black"/>\n<path d="M36.5104 6.30078H51.9391C52.3843 6.30078 52.7464 6.65846 52.7464 7.10042V9.91599C52.7464 10.357 52.3853 10.7156 51.9391 10.7156H41.3722C40.927 10.7156 40.5649 11.0733 40.5649 11.5153V12.6726C40.5649 13.1136 40.926 13.4722 41.3722 13.4722H50.9673C51.4125 13.4722 51.7746 13.8299 51.7746 14.2718V17.0603C51.7746 17.5013 51.4135 17.8599 50.9673 17.8599H41.3722C40.927 17.8599 40.5649 18.2176 40.5649 18.6595V19.8169C40.5649 20.2579 40.926 20.6165 41.3722 20.6165H51.8313C52.2765 20.6165 52.6386 20.9742 52.6386 21.4161V24.2317C52.6386 24.6727 52.2775 25.0313 51.8313 25.0313H36.5104C36.0652 25.0313 35.7031 24.6737 35.7031 24.2317V7.10042C35.7031 6.65846 36.0642 6.30078 36.5104 6.30078Z" fill="black"/>\n<path d="M94.8749 10.6208C93.6613 10.6208 92.7227 9.6821 92.7227 8.45819C92.7227 7.23946 93.6613 6.30078 94.8749 6.30078C96.104 6.30078 97.0427 7.23946 97.0427 8.45819C97.0427 9.6821 96.104 10.6208 94.8749 10.6208ZM94.8749 10.3044C95.9225 10.3044 96.7263 9.50059 96.7263 8.45819C96.7263 7.40542 95.9225 6.60157 94.8749 6.60157C93.8273 6.60157 93.0234 7.4106 93.0234 8.45819C93.0234 9.50059 93.8273 10.3044 94.8749 10.3044ZM94.097 9.63543C94.0658 9.63543 94.0451 9.61468 94.0451 9.58357V7.34318C94.0451 7.31207 94.0658 7.29132 94.097 7.29132H95.1238C95.518 7.29132 95.8136 7.59211 95.8136 7.99663C95.8136 8.25593 95.6891 8.45819 95.4868 8.57747C95.4609 8.59821 95.4557 8.61896 95.4661 8.65007L95.855 9.57319C95.8706 9.6095 95.8499 9.63543 95.8136 9.63543H95.4142C95.3883 9.63543 95.3676 9.62506 95.3572 9.59394L95.0097 8.71231C94.9993 8.68119 94.9786 8.67082 94.9527 8.67082H94.5637C94.5326 8.67082 94.5119 8.69156 94.5119 8.72268V9.58357C94.5119 9.61468 94.4911 9.63543 94.46 9.63543H94.097ZM95.0201 8.27668C95.2327 8.27668 95.3468 8.1574 95.3468 7.99663C95.3468 7.81512 95.2275 7.70102 95.0201 7.70102H94.5637C94.5326 7.70102 94.5119 7.72177 94.5119 7.75288V8.22481C94.5119 8.25593 94.5326 8.27668 94.5637 8.27668H95.0201Z" fill="black"/>\n</svg>\n\n';
|
|
963
|
+
var QRCode = function(props) {
|
|
964
|
+
return /* @__PURE__ */ import_react3.default.createElement(import_qrcode.QRCodeSVG, {
|
|
965
|
+
value: props.challengeUrl,
|
|
966
|
+
size: props.size,
|
|
967
|
+
level: props.level || "M",
|
|
968
|
+
marginSize: 2,
|
|
969
|
+
imageSettings: {
|
|
970
|
+
src: "data:image/svg+xml,".concat(SelfSvg),
|
|
971
|
+
height: 32,
|
|
972
|
+
width: 104,
|
|
973
|
+
excavate: true
|
|
974
|
+
},
|
|
975
|
+
className: props.className,
|
|
976
|
+
style: {
|
|
977
|
+
borderRadius: "16px"
|
|
978
|
+
}
|
|
892
979
|
});
|
|
893
|
-
return div.innerHTML;
|
|
894
980
|
};
|
|
981
|
+
var QrCode_default = QRCode;
|
|
982
|
+
// src/components/signin/Challenge.tsx
|
|
983
|
+
var Wrapper = import_styled_components4.default.div(_templateObject5());
|
|
984
|
+
var Header = import_styled_components4.default.h1(_templateObject6());
|
|
985
|
+
var StyledButton3 = (0, import_styled_components4.default)(SiwysButton)(_templateObject7());
|
|
986
|
+
var rotate2 = import_styled_components4.keyframes(_templateObject8());
|
|
987
|
+
var LoadingIcon2 = import_styled_components4.default.div(_templateObject9(), rotate2);
|
|
895
988
|
var Challenge = function(param) {
|
|
896
989
|
var challengeUrl = param.challengeUrl;
|
|
897
|
-
|
|
898
|
-
height: 20,
|
|
899
|
-
width: 82
|
|
900
|
-
})));
|
|
901
|
-
return /* @__PURE__ */ import_react3.default.createElement(Wrapper, null, /* @__PURE__ */ import_react3.default.createElement(CircleLogoWhite_default, {
|
|
990
|
+
return /* @__PURE__ */ import_react4.default.createElement(Wrapper, null, /* @__PURE__ */ import_react4.default.createElement(CircleLogoWhite_default, {
|
|
902
991
|
width: "4rem",
|
|
903
992
|
height: "4rem"
|
|
904
|
-
}), /* @__PURE__ */
|
|
993
|
+
}), /* @__PURE__ */ import_react4.default.createElement(Header, null, "Sign in with your", " ", /* @__PURE__ */ import_react4.default.createElement("span", {
|
|
905
994
|
style: {
|
|
906
995
|
color: "#D8EE4F"
|
|
907
996
|
}
|
|
908
|
-
}, "SELF", /* @__PURE__ */
|
|
997
|
+
}, "SELF", /* @__PURE__ */ import_react4.default.createElement("sup", {
|
|
909
998
|
style: {
|
|
910
999
|
fontSize: "1rem"
|
|
911
1000
|
}
|
|
912
|
-
}, "\u2122"))), !challengeUrl && /* @__PURE__ */
|
|
1001
|
+
}, "\u2122"))), !challengeUrl && /* @__PURE__ */ import_react4.default.createElement(LoadingIcon2, null, /* @__PURE__ */ import_react4.default.createElement(QrCodeLoading_default, {
|
|
913
1002
|
width: "2rem",
|
|
914
1003
|
height: "2rem"
|
|
915
|
-
})), challengeUrl && /* @__PURE__ */
|
|
916
|
-
value: challengeUrl,
|
|
917
|
-
size: 212,
|
|
918
|
-
level: "M",
|
|
1004
|
+
})), challengeUrl && /* @__PURE__ */ import_react4.default.createElement("div", {
|
|
919
1005
|
style: {
|
|
920
|
-
marginTop: "3rem"
|
|
921
|
-
borderRadius: "16px"
|
|
922
|
-
},
|
|
923
|
-
marginSize: 3,
|
|
924
|
-
imageSettings: {
|
|
925
|
-
src: qrCodeLogoDataUrl,
|
|
926
|
-
height: 24,
|
|
927
|
-
width: 104,
|
|
928
|
-
excavate: true
|
|
1006
|
+
marginTop: "3rem"
|
|
929
1007
|
}
|
|
930
|
-
}
|
|
1008
|
+
}, /* @__PURE__ */ import_react4.default.createElement(QrCode_default, {
|
|
1009
|
+
challengeUrl: challengeUrl,
|
|
1010
|
+
size: 212,
|
|
1011
|
+
level: "M"
|
|
1012
|
+
})), /* @__PURE__ */ import_react4.default.createElement(StyledButton3, {
|
|
931
1013
|
colorTheme: "blue",
|
|
932
1014
|
onClick: function() {
|
|
933
1015
|
return console.log("Open SELF App");
|
|
@@ -937,35 +1019,35 @@ var Challenge = function(param) {
|
|
|
937
1019
|
};
|
|
938
1020
|
var Challenge_default = Challenge;
|
|
939
1021
|
// src/components/signin/DownloadApp.tsx
|
|
940
|
-
var
|
|
941
|
-
var
|
|
942
|
-
var Wrapper2 =
|
|
943
|
-
var Header2 =
|
|
944
|
-
var Footer =
|
|
945
|
-
var Box =
|
|
1022
|
+
var import_react5 = __toESM(require("react"));
|
|
1023
|
+
var import_styled_components5 = __toESM(require("styled-components"));
|
|
1024
|
+
var Wrapper2 = import_styled_components5.default.div(_templateObject10());
|
|
1025
|
+
var Header2 = import_styled_components5.default.div(_templateObject11());
|
|
1026
|
+
var Footer = import_styled_components5.default.div(_templateObject12());
|
|
1027
|
+
var Box = import_styled_components5.default.div(_templateObject13(), function(props) {
|
|
946
1028
|
return props.$background;
|
|
947
1029
|
});
|
|
948
1030
|
var DownloadApp = function(param) {
|
|
949
1031
|
var ref = _object_destructuring_empty(param);
|
|
950
|
-
return /* @__PURE__ */
|
|
1032
|
+
return /* @__PURE__ */ import_react5.default.createElement(Wrapper2, null, /* @__PURE__ */ import_react5.default.createElement(Header2, null, /* @__PURE__ */ import_react5.default.createElement("h3", null, "Get", " ", /* @__PURE__ */ import_react5.default.createElement("span", {
|
|
951
1033
|
style: {
|
|
952
1034
|
color: "#D8EE4F"
|
|
953
1035
|
}
|
|
954
|
-
}, "SELF", /* @__PURE__ */
|
|
1036
|
+
}, "SELF", /* @__PURE__ */ import_react5.default.createElement("sup", {
|
|
955
1037
|
style: {
|
|
956
1038
|
fontSize: "0.5rem"
|
|
957
1039
|
}
|
|
958
|
-
}, "\u2122"))), /* @__PURE__ */
|
|
1040
|
+
}, "\u2122"))), /* @__PURE__ */ import_react5.default.createElement("p", null, "Available to download now:")), /* @__PURE__ */ import_react5.default.createElement(Footer, null, /* @__PURE__ */ import_react5.default.createElement(Box, {
|
|
959
1041
|
$background: "white"
|
|
960
|
-
}, /* @__PURE__ */
|
|
1042
|
+
}, /* @__PURE__ */ import_react5.default.createElement(CheckerLogoBlack_default, {
|
|
961
1043
|
width: "2rem",
|
|
962
1044
|
height: "1rem"
|
|
963
|
-
})), /* @__PURE__ */
|
|
1045
|
+
})), /* @__PURE__ */ import_react5.default.createElement(Box, {
|
|
964
1046
|
$background: "black"
|
|
965
|
-
}, /* @__PURE__ */
|
|
1047
|
+
}, /* @__PURE__ */ import_react5.default.createElement(CheckerLogoWhite_default, {
|
|
966
1048
|
width: "2rem",
|
|
967
1049
|
height: "1rem"
|
|
968
|
-
})), /* @__PURE__ */
|
|
1050
|
+
})), /* @__PURE__ */ import_react5.default.createElement(AppleAppStore_default, {
|
|
969
1051
|
width: "8rem",
|
|
970
1052
|
height: "2.5rem",
|
|
971
1053
|
onClick: function() {
|
|
@@ -974,7 +1056,7 @@ var DownloadApp = function(param) {
|
|
|
974
1056
|
style: {
|
|
975
1057
|
cursor: "pointer"
|
|
976
1058
|
}
|
|
977
|
-
}), /* @__PURE__ */
|
|
1059
|
+
}), /* @__PURE__ */ import_react5.default.createElement(GooglePlayStore_default, {
|
|
978
1060
|
width: "8rem",
|
|
979
1061
|
height: "2.5rem",
|
|
980
1062
|
onClick: function() {
|
|
@@ -987,52 +1069,51 @@ var DownloadApp = function(param) {
|
|
|
987
1069
|
};
|
|
988
1070
|
var DownloadApp_default = DownloadApp;
|
|
989
1071
|
// src/components/signin/SignInWithYourSelf.tsx
|
|
990
|
-
var
|
|
1072
|
+
var import_styled_components8 = require("styled-components");
|
|
991
1073
|
// src/components/signin/Success.tsx
|
|
992
|
-
var
|
|
993
|
-
var
|
|
994
|
-
var Wrapper3 =
|
|
995
|
-
var Header3 =
|
|
996
|
-
var SuccessMessage =
|
|
1074
|
+
var import_react6 = __toESM(require("react"));
|
|
1075
|
+
var import_styled_components6 = __toESM(require("styled-components"));
|
|
1076
|
+
var Wrapper3 = import_styled_components6.default.div(_templateObject14());
|
|
1077
|
+
var Header3 = import_styled_components6.default.h1(_templateObject15());
|
|
1078
|
+
var SuccessMessage = import_styled_components6.default.p(_templateObject16());
|
|
997
1079
|
var Success = function() {
|
|
998
|
-
return /* @__PURE__ */
|
|
1080
|
+
return /* @__PURE__ */ import_react6.default.createElement(Wrapper3, null, /* @__PURE__ */ import_react6.default.createElement(CircleLogoWhite_default, {
|
|
999
1081
|
width: "4rem",
|
|
1000
1082
|
height: "4rem"
|
|
1001
|
-
}), /* @__PURE__ */
|
|
1083
|
+
}), /* @__PURE__ */ import_react6.default.createElement(Header3, null, "Sign in with your", " ", /* @__PURE__ */ import_react6.default.createElement("span", {
|
|
1002
1084
|
style: {
|
|
1003
1085
|
color: "#D8EE4F"
|
|
1004
1086
|
}
|
|
1005
|
-
}, "SELF", /* @__PURE__ */
|
|
1087
|
+
}, "SELF", /* @__PURE__ */ import_react6.default.createElement("sup", {
|
|
1006
1088
|
style: {
|
|
1007
1089
|
fontSize: "1rem"
|
|
1008
1090
|
}
|
|
1009
|
-
}, "\u2122"))), /* @__PURE__ */
|
|
1091
|
+
}, "\u2122"))), /* @__PURE__ */ import_react6.default.createElement(SuccessMessage, null, "Success"));
|
|
1010
1092
|
};
|
|
1011
1093
|
var Success_default = Success;
|
|
1012
1094
|
// src/components/signin/SignInWithYourSelf.tsx
|
|
1013
|
-
var GlobalStyle =
|
|
1014
|
-
var Wrapper4 =
|
|
1015
|
-
var ModalWrapper =
|
|
1016
|
-
var InstructionsWrapper =
|
|
1017
|
-
var InstructionsSet =
|
|
1018
|
-
var List =
|
|
1095
|
+
var GlobalStyle = import_styled_components8.createGlobalStyle(_templateObject17());
|
|
1096
|
+
var Wrapper4 = import_styled_components7.default.div(_templateObject18());
|
|
1097
|
+
var ModalWrapper = import_styled_components7.default.div(_templateObject19());
|
|
1098
|
+
var InstructionsWrapper = import_styled_components7.default.div(_templateObject20());
|
|
1099
|
+
var InstructionsSet = import_styled_components7.default.div(_templateObject21());
|
|
1100
|
+
var List = import_styled_components7.default.ol(_templateObject22());
|
|
1019
1101
|
var SignInWithYourSelf = function(param) {
|
|
1020
1102
|
var createChallengeUrl = param.createChallengeUrl, checkAuthUrl = param.checkAuthUrl;
|
|
1021
|
-
var _ref = _sliced_to_array((0,
|
|
1022
|
-
var _ref1 = _sliced_to_array((0,
|
|
1023
|
-
var _ref2 = _sliced_to_array((0,
|
|
1024
|
-
(0,
|
|
1103
|
+
var _ref = _sliced_to_array((0, import_react7.useState)(""), 2), challengeDid = _ref[0], setChallengeDid = _ref[1];
|
|
1104
|
+
var _ref1 = _sliced_to_array((0, import_react7.useState)(""), 2), challengeUrl = _ref1[0], setChallengeUrl = _ref1[1];
|
|
1105
|
+
var _ref2 = _sliced_to_array((0, import_react7.useState)(false), 2), isAuthenticated = _ref2[0], setIsAuthenticated = _ref2[1];
|
|
1106
|
+
(0, import_react7.useEffect)(function() {
|
|
1025
1107
|
fetch(createChallengeUrl, {
|
|
1026
1108
|
method: "POST"
|
|
1027
1109
|
}).then(function(resp) {
|
|
1028
1110
|
return resp.json();
|
|
1029
1111
|
}).then(function(json) {
|
|
1030
|
-
console.debug("Create challenge response:", json);
|
|
1031
1112
|
setChallengeDid(json.challenge);
|
|
1032
1113
|
setChallengeUrl(json.challengeUrl);
|
|
1033
1114
|
});
|
|
1034
1115
|
}, []);
|
|
1035
|
-
(0,
|
|
1116
|
+
(0, import_react7.useEffect)(function() {
|
|
1036
1117
|
if (!challengeDid || isAuthenticated) return;
|
|
1037
1118
|
var interval = setInterval(/*#__PURE__*/ _async_to_generator(function() {
|
|
1038
1119
|
return _ts_generator(this, function(_state) {
|
|
@@ -1045,7 +1126,6 @@ var SignInWithYourSelf = function(param) {
|
|
|
1045
1126
|
};
|
|
1046
1127
|
}).then(function(json) {
|
|
1047
1128
|
if (json.match) {
|
|
1048
|
-
console.log("Check auth response:", json);
|
|
1049
1129
|
setIsAuthenticated(json.match);
|
|
1050
1130
|
}
|
|
1051
1131
|
}).catch(function() {});
|
|
@@ -1061,23 +1141,24 @@ var SignInWithYourSelf = function(param) {
|
|
|
1061
1141
|
challengeDid,
|
|
1062
1142
|
isAuthenticated
|
|
1063
1143
|
]);
|
|
1064
|
-
return /* @__PURE__ */
|
|
1144
|
+
return /* @__PURE__ */ import_react7.default.createElement(Wrapper4, null, /* @__PURE__ */ import_react7.default.createElement(GlobalStyle, null), /* @__PURE__ */ import_react7.default.createElement(ModalWrapper, null, isAuthenticated && /* @__PURE__ */ import_react7.default.createElement(Success_default, null), !isAuthenticated && /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(Challenge_default, {
|
|
1065
1145
|
challengeUrl: challengeUrl
|
|
1066
|
-
}), /* @__PURE__ */
|
|
1146
|
+
}), /* @__PURE__ */ import_react7.default.createElement(InstructionsWrapper, null, /* @__PURE__ */ import_react7.default.createElement("p", {
|
|
1067
1147
|
style: {
|
|
1068
1148
|
marginBottom: "2rem"
|
|
1069
1149
|
}
|
|
1070
|
-
}, /* @__PURE__ */
|
|
1150
|
+
}, /* @__PURE__ */ import_react7.default.createElement("b", null, "Instructions:")), /* @__PURE__ */ import_react7.default.createElement(InstructionsSet, null, "If you are signing in on a device that has the SELF app installed:", /* @__PURE__ */ import_react7.default.createElement(List, null, /* @__PURE__ */ import_react7.default.createElement("li", null, "Tap the SELF.id connect button."), /* @__PURE__ */ import_react7.default.createElement("li", null, "Approve the connection request within the SELF app."))), /* @__PURE__ */ import_react7.default.createElement(InstructionsSet, null, "If you are ", /* @__PURE__ */ import_react7.default.createElement("u", null, "not"), " signing in on a device that has the SELF app installed:", /* @__PURE__ */ import_react7.default.createElement(List, null, /* @__PURE__ */ import_react7.default.createElement("li", null, "Open the SELF app on the device with the app installed."), /* @__PURE__ */ import_react7.default.createElement("li", null, "Use the scanning feature in the SELF app to scan the QR code."), /* @__PURE__ */ import_react7.default.createElement("li", null, "Approve the connection request within the SELF app."))), /* @__PURE__ */ import_react7.default.createElement("p", {
|
|
1071
1151
|
style: {
|
|
1072
1152
|
marginTop: "3rem"
|
|
1073
1153
|
}
|
|
1074
|
-
}, "Don't have the ", /* @__PURE__ */
|
|
1154
|
+
}, "Don't have the ", /* @__PURE__ */ import_react7.default.createElement("i", null, "SELF"), " app?"), /* @__PURE__ */ import_react7.default.createElement(DownloadApp_default, null)))));
|
|
1075
1155
|
};
|
|
1076
1156
|
var SignInWithYourSelf_default = SignInWithYourSelf;
|
|
1077
1157
|
// Annotate the CommonJS export names for ESM import in node:
|
|
1078
1158
|
0 && (module.exports = {
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1159
|
+
CysButton: CysButton,
|
|
1160
|
+
QRCode: QRCode,
|
|
1161
|
+
SignInWithYourSelf: SignInWithYourSelf,
|
|
1162
|
+
SiwysButton: SiwysButton
|
|
1082
1163
|
});
|
|
1083
1164
|
//# sourceMappingURL=index.js.map
|