@matchain/matchid-sdk-react 0.1.28 → 0.1.29
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.css +148 -24
- package/dist/index.d.mts +12 -11
- package/dist/index.d.ts +12 -11
- package/dist/index.js +401 -264
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +407 -270
- package/dist/index.mjs.map +1 -1
- package/example/src/components/Login/index.tsx +11 -3
- package/example/src/pages/User.tsx +3 -2
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -545,8 +545,135 @@ function LinkedinIcon({
|
|
|
545
545
|
] });
|
|
546
546
|
}
|
|
547
547
|
|
|
548
|
-
// src/
|
|
548
|
+
// src/assets/icon/YoutubeIcon.tsx
|
|
549
549
|
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
550
|
+
|
|
551
|
+
// src/assets/icon/BTCDarkIcon.tsx
|
|
552
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
553
|
+
|
|
554
|
+
// src/assets/icon/BTCLightIcon.tsx
|
|
555
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
556
|
+
|
|
557
|
+
// src/assets/icon/EVMDarkIcon.tsx
|
|
558
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
559
|
+
function EVMDarkIcon({ size = 40, ...props }) {
|
|
560
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("svg", { width: size, height: size, ...props, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
561
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "M20.5956 14.6424L25.0599 7.49951L29.5242 14.6424H20.5956Z", fill: "#6E6E6E" }),
|
|
562
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "M11.667 14.6424L16.1313 7.49951L20.5956 14.6424H11.667Z", fill: "#6E6E6E" }),
|
|
563
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "M25.0597 7.50021L20.5954 14.6431L16.1311 7.50021H25.0597Z", fill: "black" }),
|
|
564
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "M20.5956 14.6423L16.1313 21.7852L11.667 14.6423H20.5956Z", fill: "black" }),
|
|
565
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "M20.5952 25.3567L16.1309 32.4995L11.6666 25.3567H20.5952Z", fill: "#6E6E6E" }),
|
|
566
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "M29.5243 25.3567L25.06 32.4995L20.5957 25.3567H29.5243Z", fill: "#6E6E6E" }),
|
|
567
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "M16.1315 32.5008L20.5958 25.3579L25.06 32.5008H16.1315Z", fill: "black" }),
|
|
568
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "M20.5956 25.3572L25.0599 18.2144L29.5242 25.3572H20.5956Z", fill: "black" })
|
|
569
|
+
] });
|
|
570
|
+
}
|
|
571
|
+
|
|
572
|
+
// src/assets/icon/EVMLightIcon.tsx
|
|
573
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
574
|
+
function EVMLightIcon({ size = 40, ...props }) {
|
|
575
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("svg", { width: size, height: size, ...props, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
576
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { d: "M20.5955 14.6424L25.0597 7.49951L29.524 14.6424H20.5955Z", fill: "#D9D9D9" }),
|
|
577
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { d: "M11.6667 14.6424L16.131 7.49951L20.5953 14.6424H11.6667Z", fill: "#EFEFEF" }),
|
|
578
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { d: "M25.0596 7.50021L20.5953 14.6431L16.131 7.50021H25.0596Z", fill: "white" }),
|
|
579
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { d: "M20.5955 14.6423L16.1312 21.7852L11.6669 14.6423H20.5955Z", fill: "white" }),
|
|
580
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { d: "M20.595 25.3567L16.1307 32.4995L11.6664 25.3567H20.595Z", fill: "#D9D9D9" }),
|
|
581
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { d: "M29.5242 25.3567L25.0599 32.4995L20.5956 25.3567H29.5242Z", fill: "#EFEFEF" }),
|
|
582
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { d: "M16.1313 32.5008L20.5956 25.3579L25.0599 32.5008H16.1313Z", fill: "white" }),
|
|
583
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { d: "M20.5955 25.3572L25.0597 18.2144L29.524 25.3572H20.5955Z", fill: "white" })
|
|
584
|
+
] });
|
|
585
|
+
}
|
|
586
|
+
|
|
587
|
+
// src/assets/icon/SOLDarkIcon.tsx
|
|
588
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
589
|
+
function SOLDarkIcon({ size = 40, ...props }) {
|
|
590
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("svg", { width: size, height: size, ...props, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
591
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
592
|
+
"path",
|
|
593
|
+
{
|
|
594
|
+
d: "M12.1242 24.7415C12.265 24.6007 12.4586 24.5186 12.6639 24.5186H31.2841C31.6243 24.5186 31.7945 24.9292 31.5539 25.1697L27.8757 28.848C27.7349 28.9888 27.5413 29.0709 27.3359 29.0709H8.71576C8.3755 29.0709 8.20537 28.6603 8.4459 28.4198L12.1242 24.7415Z",
|
|
595
|
+
fill: "black"
|
|
596
|
+
}
|
|
597
|
+
),
|
|
598
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
599
|
+
"path",
|
|
600
|
+
{
|
|
601
|
+
d: "M12.1243 11.0081C12.271 10.8673 12.4646 10.7852 12.664 10.7852H31.2842C31.6245 10.7852 31.7946 11.1958 31.5541 11.4363L27.8758 15.1146C27.735 15.2554 27.5414 15.3375 27.3361 15.3375H8.71588C8.37562 15.3375 8.20549 14.9269 8.44602 14.6864L12.1243 11.0081Z",
|
|
602
|
+
fill: "black"
|
|
603
|
+
}
|
|
604
|
+
),
|
|
605
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
606
|
+
"path",
|
|
607
|
+
{
|
|
608
|
+
d: "M27.8757 17.8299C27.7349 17.6891 27.5413 17.6069 27.3359 17.6069H8.71576C8.3755 17.6069 8.20537 18.0176 8.4459 18.2581L12.1242 21.9364C12.265 22.0772 12.4586 22.1593 12.6639 22.1593H31.2841C31.6243 22.1593 31.7945 21.7487 31.5539 21.5081L27.8757 17.8299Z",
|
|
609
|
+
fill: "black"
|
|
610
|
+
}
|
|
611
|
+
)
|
|
612
|
+
] });
|
|
613
|
+
}
|
|
614
|
+
|
|
615
|
+
// src/assets/icon/SOLLightIcon.tsx
|
|
616
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
617
|
+
function SOLLightIcon({ size = 40, ...props }) {
|
|
618
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
619
|
+
"svg",
|
|
620
|
+
{
|
|
621
|
+
width: size,
|
|
622
|
+
height: size,
|
|
623
|
+
...props,
|
|
624
|
+
viewBox: "0 0 40 40",
|
|
625
|
+
fill: "none",
|
|
626
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
627
|
+
children: [
|
|
628
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
629
|
+
"path",
|
|
630
|
+
{
|
|
631
|
+
d: "M12.1239 24.7415C12.2647 24.6007 12.4583 24.5186 12.6636 24.5186H31.2838C31.6241 24.5186 31.7942 24.9292 31.5537 25.1697L27.8754 28.848C27.7346 28.9888 27.541 29.0709 27.3357 29.0709H8.71551C8.37526 29.0709 8.20513 28.6603 8.44565 28.4198L12.1239 24.7415Z",
|
|
632
|
+
fill: "white"
|
|
633
|
+
}
|
|
634
|
+
),
|
|
635
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
636
|
+
"path",
|
|
637
|
+
{
|
|
638
|
+
d: "M12.1242 11.0081C12.2708 10.8673 12.4644 10.7852 12.6639 10.7852H31.2841C31.6243 10.7852 31.7945 11.1958 31.5539 11.4363L27.8757 15.1146C27.7349 15.2554 27.5413 15.3375 27.3359 15.3375H8.71576C8.3755 15.3375 8.20537 14.9269 8.4459 14.6864L12.1242 11.0081Z",
|
|
639
|
+
fill: "white"
|
|
640
|
+
}
|
|
641
|
+
),
|
|
642
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
643
|
+
"path",
|
|
644
|
+
{
|
|
645
|
+
d: "M27.8754 17.8299C27.7346 17.6891 27.541 17.6069 27.3357 17.6069H8.71551C8.37526 17.6069 8.20513 18.0176 8.44565 18.2581L12.1239 21.9364C12.2647 22.0772 12.4583 22.1593 12.6636 22.1593H31.2838C31.6241 22.1593 31.7942 21.7487 31.5537 21.5081L27.8754 17.8299Z",
|
|
646
|
+
fill: "white"
|
|
647
|
+
}
|
|
648
|
+
)
|
|
649
|
+
]
|
|
650
|
+
}
|
|
651
|
+
);
|
|
652
|
+
}
|
|
653
|
+
|
|
654
|
+
// src/assets/icon/TRXDarkIcon.tsx
|
|
655
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
656
|
+
|
|
657
|
+
// src/assets/icon/TRXLightIcon.tsx
|
|
658
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
659
|
+
|
|
660
|
+
// src/assets/icon/ArrowDownIcon.tsx
|
|
661
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
662
|
+
function ArrowDownIcon({ width = 20, height = 21, color = "black", ...props }) {
|
|
663
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", { width, height, viewBox: "0 0 20 21", fill: "none", ...props, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
664
|
+
"path",
|
|
665
|
+
{
|
|
666
|
+
d: "M5 7.5L9.29289 11.7929C9.68342 12.1834 10.3166 12.1834 10.7071 11.7929L15 7.5",
|
|
667
|
+
stroke: color,
|
|
668
|
+
"stroke-width": "1.5",
|
|
669
|
+
strokeLinecap: "round",
|
|
670
|
+
strokeLinejoin: "round"
|
|
671
|
+
}
|
|
672
|
+
) });
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
// src/components/Modal/index.tsx
|
|
676
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
550
677
|
function Modal({
|
|
551
678
|
children,
|
|
552
679
|
isOpen,
|
|
@@ -554,18 +681,18 @@ function Modal({
|
|
|
554
681
|
zIndex = 100,
|
|
555
682
|
className = ""
|
|
556
683
|
}) {
|
|
557
|
-
return isOpen ? /* @__PURE__ */ (0,
|
|
684
|
+
return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
558
685
|
"div",
|
|
559
686
|
{
|
|
560
687
|
className: "matchid-overlay",
|
|
561
688
|
style: {
|
|
562
689
|
zIndex
|
|
563
690
|
},
|
|
564
|
-
children: /* @__PURE__ */ (0,
|
|
691
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `matchid-modal ${className}`, style: {
|
|
565
692
|
width
|
|
566
693
|
}, children })
|
|
567
694
|
}
|
|
568
|
-
) : /* @__PURE__ */ (0,
|
|
695
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, {});
|
|
569
696
|
}
|
|
570
697
|
function ModalWithHeader({
|
|
571
698
|
children,
|
|
@@ -576,13 +703,13 @@ function ModalWithHeader({
|
|
|
576
703
|
showClose = true,
|
|
577
704
|
...props
|
|
578
705
|
}) {
|
|
579
|
-
return /* @__PURE__ */ (0,
|
|
580
|
-
/* @__PURE__ */ (0,
|
|
581
|
-
/* @__PURE__ */ (0,
|
|
582
|
-
onBack && /* @__PURE__ */ (0,
|
|
583
|
-
/* @__PURE__ */ (0,
|
|
706
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Modal, { ...props, children: [
|
|
707
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
|
|
708
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "matchid-modal-header-content", children: [
|
|
709
|
+
onBack && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ArrowLeftIcon, { className: "matchid-modal-header-back", onClick: onBack }),
|
|
710
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "matchid-modal-header-title", children: title })
|
|
584
711
|
] }),
|
|
585
|
-
onClose && /* @__PURE__ */ (0,
|
|
712
|
+
onClose && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CloseRoundIcon, { className: "matchid-modal-header-close", onClick: onClose })
|
|
586
713
|
] }),
|
|
587
714
|
children
|
|
588
715
|
] });
|
|
@@ -593,7 +720,7 @@ var import_react5 = require("react");
|
|
|
593
720
|
|
|
594
721
|
// src/components/Input/index.tsx
|
|
595
722
|
var import_react = require("react");
|
|
596
|
-
var
|
|
723
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
597
724
|
function Input({
|
|
598
725
|
onChange,
|
|
599
726
|
type,
|
|
@@ -602,22 +729,22 @@ function Input({
|
|
|
602
729
|
...props
|
|
603
730
|
}) {
|
|
604
731
|
const [inputType, setInputType] = (0, import_react.useState)(type);
|
|
605
|
-
return /* @__PURE__ */ (0,
|
|
606
|
-
/* @__PURE__ */ (0,
|
|
607
|
-
props.value.length > 0 && /* @__PURE__ */ (0,
|
|
732
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: `matchid-input-box ${props.value.length > 0 ? "matchid-input-has-content" : ""} ${className}`, children: [
|
|
733
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
|
|
734
|
+
props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DeleteRoundIcon, { onClick: (e) => {
|
|
608
735
|
if (onChange) {
|
|
609
736
|
onChange({ target: { value: "" } });
|
|
610
737
|
}
|
|
611
738
|
}, className: "matchid-input-delete-icon", color: "var(--matchid-input-delete-icon-color)" }),
|
|
612
|
-
type === "password" && /* @__PURE__ */ (0,
|
|
739
|
+
type === "password" && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
|
|
613
740
|
setInputType(inputType === "password" ? "text" : "password");
|
|
614
|
-
}, children: inputType === "password" ? /* @__PURE__ */ (0,
|
|
741
|
+
}, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(CloseEyeIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(OpenEyeIcon, {}) }),
|
|
615
742
|
after
|
|
616
743
|
] });
|
|
617
744
|
}
|
|
618
745
|
|
|
619
746
|
// src/components/Field/index.tsx
|
|
620
|
-
var
|
|
747
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
621
748
|
function Field({
|
|
622
749
|
label,
|
|
623
750
|
children,
|
|
@@ -625,18 +752,18 @@ function Field({
|
|
|
625
752
|
required,
|
|
626
753
|
className = ""
|
|
627
754
|
}) {
|
|
628
|
-
return /* @__PURE__ */ (0,
|
|
629
|
-
/* @__PURE__ */ (0,
|
|
630
|
-
required && /* @__PURE__ */ (0,
|
|
755
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
|
|
756
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "matchid-field-label", children: [
|
|
757
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "matchid-field-required", children: "*" }),
|
|
631
758
|
label
|
|
632
759
|
] }),
|
|
633
760
|
children,
|
|
634
|
-
error && /* @__PURE__ */ (0,
|
|
761
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "matchid-field-error", children: error })
|
|
635
762
|
] });
|
|
636
763
|
}
|
|
637
764
|
|
|
638
765
|
// src/components/Button/index.tsx
|
|
639
|
-
var
|
|
766
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
640
767
|
function Button({
|
|
641
768
|
size = "df",
|
|
642
769
|
disabled = false,
|
|
@@ -655,7 +782,7 @@ function Button({
|
|
|
655
782
|
onClick && onClick();
|
|
656
783
|
}
|
|
657
784
|
};
|
|
658
|
-
return /* @__PURE__ */ (0,
|
|
785
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
659
786
|
"button",
|
|
660
787
|
{
|
|
661
788
|
type,
|
|
@@ -665,7 +792,7 @@ function Button({
|
|
|
665
792
|
...style
|
|
666
793
|
},
|
|
667
794
|
onClick: onAction,
|
|
668
|
-
children: loading ? /* @__PURE__ */ (0,
|
|
795
|
+
children: loading ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
|
|
669
796
|
}
|
|
670
797
|
);
|
|
671
798
|
}
|
|
@@ -1416,7 +1543,7 @@ function useCopyClipboard(timeout = 500) {
|
|
|
1416
1543
|
}
|
|
1417
1544
|
|
|
1418
1545
|
// src/components/PasswordModal/index.tsx
|
|
1419
|
-
var
|
|
1546
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
1420
1547
|
function PasswordModal({
|
|
1421
1548
|
title,
|
|
1422
1549
|
isOpen,
|
|
@@ -1462,13 +1589,13 @@ function PasswordModal({
|
|
|
1462
1589
|
setIsSubmitting(false);
|
|
1463
1590
|
}
|
|
1464
1591
|
};
|
|
1465
|
-
return /* @__PURE__ */ (0,
|
|
1466
|
-
/* @__PURE__ */ (0,
|
|
1467
|
-
/* @__PURE__ */ (0,
|
|
1468
|
-
/* @__PURE__ */ (0,
|
|
1592
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || "Set Password", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "matchid-password-box", children: [
|
|
1593
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "matchid-password-header", children: [
|
|
1594
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "matchid-password-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PasswordRoundIcon, {}) }),
|
|
1595
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "matchid-password-header-content", children: "Please set the wallet password that will be used to recover the wallet" })
|
|
1469
1596
|
] }),
|
|
1470
|
-
/* @__PURE__ */ (0,
|
|
1471
|
-
/* @__PURE__ */ (0,
|
|
1597
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "matchid-password-content", children: [
|
|
1598
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Field, { label: "Password", error: password.length > 0 && passwordError, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
1472
1599
|
Input,
|
|
1473
1600
|
{
|
|
1474
1601
|
placeholder: "Enter the Password",
|
|
@@ -1478,7 +1605,7 @@ function PasswordModal({
|
|
|
1478
1605
|
value: password
|
|
1479
1606
|
}
|
|
1480
1607
|
) }),
|
|
1481
|
-
/* @__PURE__ */ (0,
|
|
1608
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Field, { label: "Re Password", error: rePassword.length > 0 ? rePasswordError || error : error, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
1482
1609
|
Input,
|
|
1483
1610
|
{
|
|
1484
1611
|
placeholder: "Re Enter the Password",
|
|
@@ -1489,7 +1616,7 @@ function PasswordModal({
|
|
|
1489
1616
|
}
|
|
1490
1617
|
) })
|
|
1491
1618
|
] }),
|
|
1492
|
-
/* @__PURE__ */ (0,
|
|
1619
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
1493
1620
|
Button,
|
|
1494
1621
|
{
|
|
1495
1622
|
disabled: password.length == 0 || !!passwordError || !!rePasswordError,
|
|
@@ -1506,7 +1633,7 @@ function PasswordModal({
|
|
|
1506
1633
|
|
|
1507
1634
|
// src/components/RecoveryModal/index.tsx
|
|
1508
1635
|
var import_react6 = require("react");
|
|
1509
|
-
var
|
|
1636
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
1510
1637
|
function RecoveryModal({
|
|
1511
1638
|
title,
|
|
1512
1639
|
isOpen,
|
|
@@ -1542,12 +1669,12 @@ function RecoveryModal({
|
|
|
1542
1669
|
setIsSubmitting(false);
|
|
1543
1670
|
}
|
|
1544
1671
|
};
|
|
1545
|
-
return /* @__PURE__ */ (0,
|
|
1546
|
-
/* @__PURE__ */ (0,
|
|
1547
|
-
/* @__PURE__ */ (0,
|
|
1548
|
-
/* @__PURE__ */ (0,
|
|
1672
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || "Recover Wallet", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "matchid-password-box", children: [
|
|
1673
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "matchid-password-header", children: [
|
|
1674
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "matchid-password-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PasswordRoundIcon, {}) }),
|
|
1675
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "matchid-password-header-content", children: "Please enter your password to recover your wallet" })
|
|
1549
1676
|
] }),
|
|
1550
|
-
/* @__PURE__ */ (0,
|
|
1677
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "matchid-password-content", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Field, { label: "Password", error: password.length > 0 ? passwordError || error : error, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
1551
1678
|
Input,
|
|
1552
1679
|
{
|
|
1553
1680
|
placeholder: "Enter the Password",
|
|
@@ -1557,7 +1684,7 @@ function RecoveryModal({
|
|
|
1557
1684
|
value: password
|
|
1558
1685
|
}
|
|
1559
1686
|
) }) }),
|
|
1560
|
-
/* @__PURE__ */ (0,
|
|
1687
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
1561
1688
|
Button,
|
|
1562
1689
|
{
|
|
1563
1690
|
disabled: password.length == 0 || !!passwordError,
|
|
@@ -1599,7 +1726,7 @@ var import_react9 = require("react");
|
|
|
1599
1726
|
|
|
1600
1727
|
// src/components/EmailModal/StepEmail.tsx
|
|
1601
1728
|
var import_react7 = require("react");
|
|
1602
|
-
var
|
|
1729
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
1603
1730
|
function StepEmail(props) {
|
|
1604
1731
|
const [emailVal, setEmailVal] = (0, import_react7.useState)("");
|
|
1605
1732
|
(0, import_react7.useEffect)(() => {
|
|
@@ -1613,8 +1740,8 @@ function StepEmail(props) {
|
|
|
1613
1740
|
const onContinue = async () => {
|
|
1614
1741
|
props.onContinue(emailVal);
|
|
1615
1742
|
};
|
|
1616
|
-
return /* @__PURE__ */ (0,
|
|
1617
|
-
/* @__PURE__ */ (0,
|
|
1743
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "matchid-email-email-box", children: [
|
|
1744
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Field, { label: "Email Address", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
1618
1745
|
Input,
|
|
1619
1746
|
{
|
|
1620
1747
|
placeholder: "Enter Your Email Address",
|
|
@@ -1622,7 +1749,7 @@ function StepEmail(props) {
|
|
|
1622
1749
|
value: emailVal
|
|
1623
1750
|
}
|
|
1624
1751
|
) }),
|
|
1625
|
-
/* @__PURE__ */ (0,
|
|
1752
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button, { disabled: !canContinue, style: {
|
|
1626
1753
|
marginTop: "64px"
|
|
1627
1754
|
}, onClick: onContinue, size: "lg", block: true, highlight: true, children: "Continue" })
|
|
1628
1755
|
] });
|
|
@@ -1636,7 +1763,7 @@ var EMAIL_INTERVAL = 60;
|
|
|
1636
1763
|
var EMAIL_CODE_LENGTH = 6;
|
|
1637
1764
|
|
|
1638
1765
|
// src/components/EmailModal/StepVerify.tsx
|
|
1639
|
-
var
|
|
1766
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
1640
1767
|
function StepVerify(props) {
|
|
1641
1768
|
const { getLoginEmailCode, loginByEmail } = useUserInfo();
|
|
1642
1769
|
const [error, setError] = (0, import_react8.useState)("");
|
|
@@ -1705,22 +1832,22 @@ function StepVerify(props) {
|
|
|
1705
1832
|
setSubmitting(false);
|
|
1706
1833
|
}
|
|
1707
1834
|
};
|
|
1708
|
-
return /* @__PURE__ */ (0,
|
|
1709
|
-
/* @__PURE__ */ (0,
|
|
1710
|
-
/* @__PURE__ */ (0,
|
|
1711
|
-
/* @__PURE__ */ (0,
|
|
1712
|
-
/* @__PURE__ */ (0,
|
|
1713
|
-
/* @__PURE__ */ (0,
|
|
1835
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "matchid-email-verify-box", children: [
|
|
1836
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "matchid-email-verify-header", children: [
|
|
1837
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(EmailLineIcon, {}) }),
|
|
1838
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "matchid-email-verify-header-content", children: [
|
|
1839
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "matchid-email-verify-header-value", children: props.email }),
|
|
1840
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "matchid-email-verify-header-tips", children: "We have sent a verification code to your email" })
|
|
1714
1841
|
] })
|
|
1715
1842
|
] }),
|
|
1716
|
-
/* @__PURE__ */ (0,
|
|
1843
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Field, { label: "Verification Code", error, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1717
1844
|
Input,
|
|
1718
1845
|
{
|
|
1719
1846
|
placeholder: "Enter the code",
|
|
1720
1847
|
maxLength: codeLength,
|
|
1721
1848
|
onChange: (e) => setCode(e.target.value),
|
|
1722
1849
|
value: code,
|
|
1723
|
-
after: /* @__PURE__ */ (0,
|
|
1850
|
+
after: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1724
1851
|
Button,
|
|
1725
1852
|
{
|
|
1726
1853
|
highlight: true,
|
|
@@ -1739,12 +1866,12 @@ function StepVerify(props) {
|
|
|
1739
1866
|
)
|
|
1740
1867
|
}
|
|
1741
1868
|
) }),
|
|
1742
|
-
/* @__PURE__ */ (0,
|
|
1869
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button, { disabled: !canContinue, highlight: true, block: true, size: "lg", onClick: onContinue, children: "Continue" })
|
|
1743
1870
|
] });
|
|
1744
1871
|
}
|
|
1745
1872
|
|
|
1746
1873
|
// src/components/EmailModal/index.tsx
|
|
1747
|
-
var
|
|
1874
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
1748
1875
|
function EmailModal({
|
|
1749
1876
|
isOpen = false,
|
|
1750
1877
|
width = 480,
|
|
@@ -1760,7 +1887,7 @@ function EmailModal({
|
|
|
1760
1887
|
setEmailVal("");
|
|
1761
1888
|
}
|
|
1762
1889
|
}, [isOpen]);
|
|
1763
|
-
return /* @__PURE__ */ (0,
|
|
1890
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
1764
1891
|
ModalWithHeader,
|
|
1765
1892
|
{
|
|
1766
1893
|
isOpen,
|
|
@@ -1768,17 +1895,17 @@ function EmailModal({
|
|
|
1768
1895
|
onClose,
|
|
1769
1896
|
title: "Email",
|
|
1770
1897
|
onBack: step == "verify" ? () => setStep("input") : onBack,
|
|
1771
|
-
children: step === "input" ? /* @__PURE__ */ (0,
|
|
1898
|
+
children: step === "input" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(StepEmail, { email: emailVal, onContinue: (email) => {
|
|
1772
1899
|
setEmailVal(email);
|
|
1773
1900
|
setStep("verify");
|
|
1774
|
-
} }) : /* @__PURE__ */ (0,
|
|
1901
|
+
} }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(StepVerify, { email: emailVal, onSuccess: onLogin })
|
|
1775
1902
|
}
|
|
1776
1903
|
);
|
|
1777
1904
|
}
|
|
1778
1905
|
|
|
1779
1906
|
// src/components/Popover/index.tsx
|
|
1780
1907
|
var import_react10 = require("react");
|
|
1781
|
-
var
|
|
1908
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
1782
1909
|
function Popover({
|
|
1783
1910
|
children,
|
|
1784
1911
|
content,
|
|
@@ -1788,7 +1915,7 @@ function Popover({
|
|
|
1788
1915
|
gap = "20px"
|
|
1789
1916
|
}) {
|
|
1790
1917
|
const [active, setActive] = (0, import_react10.useState)(false);
|
|
1791
|
-
return /* @__PURE__ */ (0,
|
|
1918
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
1792
1919
|
"div",
|
|
1793
1920
|
{
|
|
1794
1921
|
onClick: () => {
|
|
@@ -1799,9 +1926,9 @@ function Popover({
|
|
|
1799
1926
|
className: `matchid-popover-box matchid-popover-${position} matchid-popover-${type} ${className} ${type == "click" && active ? "matchid-popover-click-active" : ""}`,
|
|
1800
1927
|
children: [
|
|
1801
1928
|
children,
|
|
1802
|
-
/* @__PURE__ */ (0,
|
|
1929
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { style: {
|
|
1803
1930
|
paddingTop: gap
|
|
1804
|
-
}, children: /* @__PURE__ */ (0,
|
|
1931
|
+
}, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: `matchid-popover-content`, children: content }) })
|
|
1805
1932
|
]
|
|
1806
1933
|
}
|
|
1807
1934
|
);
|
|
@@ -1809,186 +1936,195 @@ function Popover({
|
|
|
1809
1936
|
|
|
1810
1937
|
// src/components/LoginBox/index.tsx
|
|
1811
1938
|
var import_react11 = require("react");
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
/* @__PURE__ */ (0,
|
|
1822
|
-
"
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
|
|
1826
|
-
|
|
1827
|
-
|
|
1828
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
1829
|
-
"path",
|
|
1830
|
-
{
|
|
1831
|
-
d: "M12.4047 11.34C12.5461 11.2042 12.7328 11.125 12.9252 11.125H30.8822C31.2103 11.125 31.3744 11.521 31.1424 11.753L27.5952 15.3003C27.4594 15.436 27.2727 15.5152 27.0747 15.5152H9.11766C8.78952 15.5152 8.62545 15.1192 8.85741 14.8873L12.4047 11.34Z",
|
|
1832
|
-
fill: "url(#paint1_linear_92_7813)"
|
|
1833
|
-
}
|
|
1834
|
-
),
|
|
1835
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
1836
|
-
"path",
|
|
1837
|
-
{
|
|
1838
|
-
d: "M27.5952 17.9201C27.4594 17.7843 27.2727 17.7051 27.0747 17.7051H9.11766C8.78952 17.7051 8.62545 18.1011 8.85741 18.3331L12.4047 21.8803C12.5405 22.0161 12.7272 22.0953 12.9252 22.0953H30.8822C31.2103 22.0953 31.3744 21.6993 31.1424 21.4673L27.5952 17.9201Z",
|
|
1839
|
-
fill: "url(#paint2_linear_92_7813)"
|
|
1840
|
-
}
|
|
1841
|
-
),
|
|
1842
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("defs", { children: [
|
|
1843
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
1844
|
-
"linearGradient",
|
|
1845
|
-
{
|
|
1846
|
-
id: "paint0_linear_92_7813",
|
|
1847
|
-
x1: "29.1668",
|
|
1848
|
-
y1: "9.00583",
|
|
1849
|
-
x2: "16.7391",
|
|
1850
|
-
y2: "32.8098",
|
|
1851
|
-
gradientUnits: "userSpaceOnUse",
|
|
1852
|
-
children: [
|
|
1853
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("stop", { stopColor: "#00FFA3" }),
|
|
1854
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
|
|
1855
|
-
]
|
|
1856
|
-
}
|
|
1857
|
-
),
|
|
1858
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
1859
|
-
"linearGradient",
|
|
1939
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
1940
|
+
var RecommendItem = ({
|
|
1941
|
+
icon,
|
|
1942
|
+
name,
|
|
1943
|
+
onClick,
|
|
1944
|
+
showChildren = false,
|
|
1945
|
+
children
|
|
1946
|
+
}) => {
|
|
1947
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "matchid-login-recommend-method", children: [
|
|
1948
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "matchid-login-recommend-method-item", onClick, children: [
|
|
1949
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "matchid-login-recommend-method-content", children: [
|
|
1950
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "matchid-login-recommend-method-icon", children: icon }),
|
|
1951
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "matchid-login-recommend-method-name", children: name })
|
|
1952
|
+
] }),
|
|
1953
|
+
children ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1954
|
+
ArrowDownIcon,
|
|
1860
1955
|
{
|
|
1861
|
-
|
|
1862
|
-
|
|
1863
|
-
|
|
1864
|
-
x2: "11.305",
|
|
1865
|
-
y2: "29.9729",
|
|
1866
|
-
gradientUnits: "userSpaceOnUse",
|
|
1867
|
-
children: [
|
|
1868
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("stop", { stopColor: "#00FFA3" }),
|
|
1869
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
|
|
1870
|
-
]
|
|
1956
|
+
className: `matchid-login-recommend-method-arrow ${showChildren ? "matchid-login-recommend-method-arrow-active" : ""}`,
|
|
1957
|
+
size: 20,
|
|
1958
|
+
color: "var(--matchid-arrow-color)"
|
|
1871
1959
|
}
|
|
1872
|
-
),
|
|
1873
|
-
|
|
1874
|
-
"linearGradient",
|
|
1960
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1961
|
+
ArrowRightIcon,
|
|
1875
1962
|
{
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
|
-
|
|
1879
|
-
x2: "14.0048",
|
|
1880
|
-
y2: "31.3828",
|
|
1881
|
-
gradientUnits: "userSpaceOnUse",
|
|
1882
|
-
children: [
|
|
1883
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("stop", { stopColor: "#00FFA3" }),
|
|
1884
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
|
|
1885
|
-
]
|
|
1963
|
+
className: "matchid-login-recommend-method-arrow",
|
|
1964
|
+
size: 20,
|
|
1965
|
+
color: "var(--matchid-arrow-color)"
|
|
1886
1966
|
}
|
|
1887
1967
|
)
|
|
1888
|
-
] })
|
|
1968
|
+
] }),
|
|
1969
|
+
children && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1970
|
+
"div",
|
|
1971
|
+
{
|
|
1972
|
+
className: `matchid-login-recommend-method-popover ${showChildren ? "matchid-login-recommend-method-popover-active" : ""}`,
|
|
1973
|
+
children
|
|
1974
|
+
}
|
|
1975
|
+
)
|
|
1889
1976
|
] });
|
|
1890
|
-
}
|
|
1891
|
-
|
|
1892
|
-
// src/components/LoginBox/index.tsx
|
|
1893
|
-
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
1977
|
+
};
|
|
1894
1978
|
function LoginBox({
|
|
1895
|
-
|
|
1979
|
+
recommendMethods = [
|
|
1980
|
+
"wallet",
|
|
1981
|
+
"email",
|
|
1982
|
+
"google"
|
|
1983
|
+
],
|
|
1984
|
+
methods = [
|
|
1985
|
+
"telegram",
|
|
1986
|
+
"twitter"
|
|
1987
|
+
],
|
|
1896
1988
|
inModal = false
|
|
1897
1989
|
}) {
|
|
1898
1990
|
const [emailOpen, setEmailOpen] = (0, import_react11.useState)(false);
|
|
1899
1991
|
const { login } = useUserInfo();
|
|
1900
|
-
const
|
|
1901
|
-
"evm",
|
|
1902
|
-
// 'sol',
|
|
1903
|
-
"google",
|
|
1904
|
-
"email",
|
|
1905
|
-
"telegram",
|
|
1906
|
-
"twitter"
|
|
1907
|
-
// 'facebook',
|
|
1908
|
-
];
|
|
1909
|
-
const methodList = (0, import_react11.useMemo)(() => {
|
|
1910
|
-
return methods || defaultMethods;
|
|
1911
|
-
}, [methods]);
|
|
1912
|
-
const LoginItem = ({
|
|
1913
|
-
icon,
|
|
1914
|
-
name,
|
|
1915
|
-
onClick
|
|
1916
|
-
}) => {
|
|
1917
|
-
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "matchid-login-method", onClick, children: [
|
|
1918
|
-
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "matchid-login-method-content", children: [
|
|
1919
|
-
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "matchid-login-method-icon", children: icon }),
|
|
1920
|
-
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "matchid-login-method-name", children: name })
|
|
1921
|
-
] }),
|
|
1922
|
-
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ArrowRightIcon, { className: "matchid-login-method-arrow", size: 20, color: "var(--matchid-arrow-color)" })
|
|
1923
|
-
] });
|
|
1924
|
-
};
|
|
1992
|
+
const [showWallet, setShowWallet] = (0, import_react11.useState)(false);
|
|
1925
1993
|
const methodMap = {
|
|
1926
|
-
|
|
1927
|
-
icon: /* @__PURE__ */ (0,
|
|
1928
|
-
name: "
|
|
1929
|
-
onClick: () =>
|
|
1994
|
+
wallet: {
|
|
1995
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(WalletIcon, {}),
|
|
1996
|
+
name: "Wallet",
|
|
1997
|
+
onClick: () => setShowWallet(!showWallet),
|
|
1998
|
+
type: "wallet"
|
|
1930
1999
|
},
|
|
1931
2000
|
email: {
|
|
1932
|
-
icon: /* @__PURE__ */ (0,
|
|
2001
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(EmailIcon, {}),
|
|
1933
2002
|
name: "Email",
|
|
1934
2003
|
onClick: () => {
|
|
1935
2004
|
setEmailOpen(true);
|
|
1936
2005
|
}
|
|
1937
2006
|
},
|
|
1938
2007
|
google: {
|
|
1939
|
-
icon: /* @__PURE__ */ (0,
|
|
2008
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(GoogleIcon, {}),
|
|
1940
2009
|
name: "Google",
|
|
1941
2010
|
onClick: () => login("google")
|
|
1942
2011
|
},
|
|
1943
2012
|
twitter: {
|
|
1944
|
-
icon: /* @__PURE__ */ (0,
|
|
2013
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(XIcon, {}),
|
|
1945
2014
|
name: "X",
|
|
1946
2015
|
onClick: () => login("twitter")
|
|
1947
2016
|
},
|
|
1948
2017
|
telegram: {
|
|
1949
|
-
icon: /* @__PURE__ */ (0,
|
|
2018
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TelegramIcon, {}),
|
|
1950
2019
|
name: "Telegram",
|
|
1951
2020
|
onClick: () => login("telegram")
|
|
1952
2021
|
},
|
|
1953
2022
|
github: {
|
|
1954
|
-
icon: /* @__PURE__ */ (0,
|
|
2023
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(GithubIcon, {}),
|
|
1955
2024
|
name: "Github",
|
|
1956
2025
|
onClick: () => login("github")
|
|
1957
2026
|
},
|
|
1958
2027
|
discord: {
|
|
1959
|
-
icon: /* @__PURE__ */ (0,
|
|
2028
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DiscordIcon, {}),
|
|
1960
2029
|
name: "Discord",
|
|
1961
2030
|
onClick: () => login("discord")
|
|
1962
2031
|
},
|
|
1963
2032
|
linkedin: {
|
|
1964
|
-
icon: /* @__PURE__ */ (0,
|
|
2033
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(LinkedinIcon, {}),
|
|
1965
2034
|
name: "LinkedIn",
|
|
1966
2035
|
onClick: () => login("linkedin")
|
|
1967
2036
|
},
|
|
1968
2037
|
facebook: {
|
|
1969
|
-
icon: /* @__PURE__ */ (0,
|
|
2038
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(FacebookIcon, {}),
|
|
1970
2039
|
name: "Facebook",
|
|
1971
2040
|
onClick: () => login("facebook")
|
|
2041
|
+
}
|
|
2042
|
+
};
|
|
2043
|
+
const walletMethods = [
|
|
2044
|
+
{
|
|
2045
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(EVMDarkIcon, {}),
|
|
2046
|
+
activeIcon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(EVMLightIcon, {}),
|
|
2047
|
+
name: "EVM",
|
|
2048
|
+
onClick: () => login("evm")
|
|
1972
2049
|
},
|
|
1973
|
-
|
|
1974
|
-
icon: /* @__PURE__ */ (0,
|
|
2050
|
+
{
|
|
2051
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SOLDarkIcon, {}),
|
|
2052
|
+
activeIcon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SOLLightIcon, {}),
|
|
1975
2053
|
name: "SOL",
|
|
1976
2054
|
onClick: () => login("sol")
|
|
1977
2055
|
}
|
|
1978
|
-
|
|
1979
|
-
return /* @__PURE__ */ (0,
|
|
1980
|
-
(!inModal || !emailOpen) && /* @__PURE__ */ (0,
|
|
1981
|
-
|
|
1982
|
-
|
|
1983
|
-
|
|
1984
|
-
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
|
|
2056
|
+
];
|
|
2057
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
|
|
2058
|
+
(!inModal || !emailOpen) && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "matchid-login-box", children: [
|
|
2059
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "matchid-login-recommend-list", children: recommendMethods.map((m) => {
|
|
2060
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
2061
|
+
RecommendItem,
|
|
2062
|
+
{
|
|
2063
|
+
icon: methodMap[m]?.icon,
|
|
2064
|
+
name: methodMap[m]?.name,
|
|
2065
|
+
onClick: methodMap[m]?.onClick,
|
|
2066
|
+
showChildren: m == "wallet" && showWallet,
|
|
2067
|
+
children: m == "wallet" && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
|
|
2068
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "matchid-login-recommend-wallet-divider" }),
|
|
2069
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "matchid-login-recommend-wallet-list", children: walletMethods.map((m2) => {
|
|
2070
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
|
|
2071
|
+
"div",
|
|
2072
|
+
{
|
|
2073
|
+
className: "matchid-login-recommend-wallet-item",
|
|
2074
|
+
onClick: m2.onClick,
|
|
2075
|
+
children: [
|
|
2076
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "matchid-login-recommend-wallet-item-content", children: [
|
|
2077
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
|
|
2078
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
2079
|
+
"div",
|
|
2080
|
+
{
|
|
2081
|
+
className: "matchid-login-recommend-wallet-item-hover-icon",
|
|
2082
|
+
children: m2.activeIcon
|
|
2083
|
+
}
|
|
2084
|
+
),
|
|
2085
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
2086
|
+
"span",
|
|
2087
|
+
{
|
|
2088
|
+
className: "matchid-login-recommend-wallet-item-name",
|
|
2089
|
+
children: m2.name
|
|
2090
|
+
}
|
|
2091
|
+
)
|
|
2092
|
+
] }),
|
|
2093
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
2094
|
+
ArrowRightIcon,
|
|
2095
|
+
{
|
|
2096
|
+
className: "matchid-login-recommend-wallet-item-arrow",
|
|
2097
|
+
size: 20,
|
|
2098
|
+
color: "var(--matchid-arrow-color)"
|
|
2099
|
+
}
|
|
2100
|
+
)
|
|
2101
|
+
]
|
|
2102
|
+
},
|
|
2103
|
+
m2.name
|
|
2104
|
+
);
|
|
2105
|
+
}) })
|
|
2106
|
+
] })
|
|
2107
|
+
},
|
|
2108
|
+
m
|
|
2109
|
+
);
|
|
2110
|
+
}) }),
|
|
2111
|
+
methods.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "matchid-login-other", children: [
|
|
2112
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "matchid-login-other-text", children: "Other login methods" }),
|
|
2113
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "matchid-login-method-box", children: methods.map((m) => {
|
|
2114
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
2115
|
+
"div",
|
|
2116
|
+
{
|
|
2117
|
+
className: "matchid-login-method-item",
|
|
2118
|
+
onClick: methodMap[m]?.onClick,
|
|
2119
|
+
title: methodMap[m]?.name,
|
|
2120
|
+
children: methodMap[m]?.icon
|
|
2121
|
+
},
|
|
2122
|
+
m
|
|
2123
|
+
);
|
|
2124
|
+
}) })
|
|
2125
|
+
] })
|
|
2126
|
+
] }),
|
|
2127
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1992
2128
|
EmailModal,
|
|
1993
2129
|
{
|
|
1994
2130
|
isOpen: emailOpen,
|
|
@@ -2007,39 +2143,39 @@ function LoginBox({
|
|
|
2007
2143
|
var import_react13 = require("react");
|
|
2008
2144
|
|
|
2009
2145
|
// src/components/LoginPanel/index.tsx
|
|
2010
|
-
var
|
|
2146
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
2011
2147
|
function LoginPanel({
|
|
2012
2148
|
header,
|
|
2013
2149
|
onClose,
|
|
2014
2150
|
...props
|
|
2015
2151
|
}) {
|
|
2016
|
-
return /* @__PURE__ */ (0,
|
|
2017
|
-
header ? header : /* @__PURE__ */ (0,
|
|
2018
|
-
/* @__PURE__ */ (0,
|
|
2019
|
-
/* @__PURE__ */ (0,
|
|
2020
|
-
/* @__PURE__ */ (0,
|
|
2152
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "matchid-login-panel", children: [
|
|
2153
|
+
header ? header : /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "matchid-login-panel-header", children: [
|
|
2154
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "matchid-login-panel-header-content", children: [
|
|
2155
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "matchid-login-panel-header-title", children: "Log in / Sign up" }),
|
|
2156
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "matchid-login-panel-header-subtilte", children: "You can use the following methods" })
|
|
2021
2157
|
] }),
|
|
2022
|
-
onClose && /* @__PURE__ */ (0,
|
|
2158
|
+
onClose && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(CloseRoundIcon, {}) })
|
|
2023
2159
|
] }),
|
|
2024
|
-
/* @__PURE__ */ (0,
|
|
2025
|
-
/* @__PURE__ */ (0,
|
|
2160
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "matchid-login-panel-divide" }),
|
|
2161
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "matchid-login-panel-box", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LoginBox, { ...props }) })
|
|
2026
2162
|
] });
|
|
2027
2163
|
}
|
|
2028
2164
|
|
|
2029
2165
|
// src/components/LoginModal/index.tsx
|
|
2030
|
-
var
|
|
2166
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
2031
2167
|
function LoginModal({
|
|
2032
2168
|
isOpen = false,
|
|
2033
2169
|
width = 480,
|
|
2034
2170
|
...props
|
|
2035
2171
|
}) {
|
|
2036
2172
|
const { isLogin } = useUserInfo();
|
|
2037
|
-
return /* @__PURE__ */ (0,
|
|
2173
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
2038
2174
|
Modal,
|
|
2039
2175
|
{
|
|
2040
2176
|
isOpen: isOpen && !isLogin,
|
|
2041
2177
|
width,
|
|
2042
|
-
children: /* @__PURE__ */ (0,
|
|
2178
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(LoginPanel, { ...props, inModal: true })
|
|
2043
2179
|
}
|
|
2044
2180
|
);
|
|
2045
2181
|
}
|
|
@@ -2048,10 +2184,10 @@ function LoginModal({
|
|
|
2048
2184
|
var import_react12 = require("react");
|
|
2049
2185
|
|
|
2050
2186
|
// src/assets/icon/ProfileIcon.tsx
|
|
2051
|
-
var
|
|
2187
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
2052
2188
|
function ProfileIcon({ size = 24, color = "black", ...props }) {
|
|
2053
|
-
return /* @__PURE__ */ (0,
|
|
2054
|
-
/* @__PURE__ */ (0,
|
|
2189
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
2190
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
2055
2191
|
"path",
|
|
2056
2192
|
{
|
|
2057
2193
|
fillRule: "evenodd",
|
|
@@ -2060,7 +2196,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
|
|
|
2060
2196
|
fill: color
|
|
2061
2197
|
}
|
|
2062
2198
|
),
|
|
2063
|
-
/* @__PURE__ */ (0,
|
|
2199
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
2064
2200
|
"path",
|
|
2065
2201
|
{
|
|
2066
2202
|
fillRule: "evenodd",
|
|
@@ -2073,7 +2209,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
|
|
|
2073
2209
|
}
|
|
2074
2210
|
|
|
2075
2211
|
// src/components/UserPopover/index.tsx
|
|
2076
|
-
var
|
|
2212
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
2077
2213
|
function UserContent() {
|
|
2078
2214
|
const { logout, address, username } = useUserInfo();
|
|
2079
2215
|
const [logouting, setLogouting] = (0, import_react12.useState)(false);
|
|
@@ -2094,31 +2230,31 @@ function UserContent() {
|
|
|
2094
2230
|
rightIcon,
|
|
2095
2231
|
onClick
|
|
2096
2232
|
}) => {
|
|
2097
|
-
return /* @__PURE__ */ (0,
|
|
2098
|
-
/* @__PURE__ */ (0,
|
|
2233
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "matchid-user-popover-item", onClick, children: [
|
|
2234
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: `matchid-user-popover-item-content`, children: [
|
|
2099
2235
|
icon,
|
|
2100
|
-
/* @__PURE__ */ (0,
|
|
2236
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "matchid-user-popover-item-text", children })
|
|
2101
2237
|
] }),
|
|
2102
2238
|
rightIcon
|
|
2103
2239
|
] });
|
|
2104
2240
|
};
|
|
2105
2241
|
const UserDivider = () => {
|
|
2106
|
-
return /* @__PURE__ */ (0,
|
|
2242
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: `matchid-user-popover-divider` });
|
|
2107
2243
|
};
|
|
2108
2244
|
const [usernameOpen, setUsernameOpen] = (0, import_react12.useState)(false);
|
|
2109
2245
|
const [copied, setCopied] = useCopyClipboard();
|
|
2110
|
-
return /* @__PURE__ */ (0,
|
|
2111
|
-
/* @__PURE__ */ (0,
|
|
2112
|
-
/* @__PURE__ */ (0,
|
|
2246
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "matchid-user-popover-content", children: [
|
|
2247
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "matchid-user-popover-list", children: [
|
|
2248
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(UserItem, { onClick: () => {
|
|
2113
2249
|
setCopied(address);
|
|
2114
|
-
}, icon: copied ? /* @__PURE__ */ (0,
|
|
2115
|
-
/* @__PURE__ */ (0,
|
|
2116
|
-
/* @__PURE__ */ (0,
|
|
2250
|
+
}, icon: copied ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
|
|
2251
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(UserDivider, {}),
|
|
2252
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(UserItem, { onClick: () => {
|
|
2117
2253
|
setUsernameOpen(true);
|
|
2118
|
-
}, icon: /* @__PURE__ */ (0,
|
|
2254
|
+
}, icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ProfileIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ArrowRightIcon, { size: 20, color: "var(--icon-color)" }), children: username || "Set a username" })
|
|
2119
2255
|
] }),
|
|
2120
|
-
/* @__PURE__ */ (0,
|
|
2121
|
-
/* @__PURE__ */ (0,
|
|
2256
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Button, { onClick: onLogout, loading: logouting, children: "Disconnect" }),
|
|
2257
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(UsernameModal, { isOpen: usernameOpen, onClose: () => {
|
|
2122
2258
|
setUsernameOpen(false);
|
|
2123
2259
|
}, onSuccess: () => {
|
|
2124
2260
|
setUsernameOpen(false);
|
|
@@ -2129,14 +2265,15 @@ function UserPopover({
|
|
|
2129
2265
|
children,
|
|
2130
2266
|
...props
|
|
2131
2267
|
}) {
|
|
2132
|
-
return /* @__PURE__ */ (0,
|
|
2268
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Popover, { ...props, content: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(UserContent, {}), children });
|
|
2133
2269
|
}
|
|
2134
2270
|
|
|
2135
2271
|
// src/components/LoginButton/index.tsx
|
|
2136
|
-
var
|
|
2272
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
2137
2273
|
function LoginButton({
|
|
2138
2274
|
loginRender,
|
|
2139
2275
|
methods,
|
|
2276
|
+
recommendMethods,
|
|
2140
2277
|
onLoginClick,
|
|
2141
2278
|
popoverPosition = "right",
|
|
2142
2279
|
popoverType = "hover",
|
|
@@ -2146,17 +2283,17 @@ function LoginButton({
|
|
|
2146
2283
|
const { isLogin, username } = useUserInfo();
|
|
2147
2284
|
const [loginOpen, setLoginOpen] = (0, import_react13.useState)(false);
|
|
2148
2285
|
if (!isLogin) {
|
|
2149
|
-
return /* @__PURE__ */ (0,
|
|
2150
|
-
/* @__PURE__ */ (0,
|
|
2151
|
-
/* @__PURE__ */ (0,
|
|
2152
|
-
/* @__PURE__ */ (0,
|
|
2153
|
-
/* @__PURE__ */ (0,
|
|
2286
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
|
|
2287
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(LoginModal, { methods, recommendMethods, isOpen: loginOpen, onClose: () => setLoginOpen(false) }),
|
|
2288
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
|
|
2289
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(UnLoginIcon_default, {}),
|
|
2290
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: "Login" })
|
|
2154
2291
|
] })
|
|
2155
2292
|
] });
|
|
2156
2293
|
}
|
|
2157
|
-
return loginRender ? { loginRender } : /* @__PURE__ */ (0,
|
|
2158
|
-
/* @__PURE__ */ (0,
|
|
2159
|
-
/* @__PURE__ */ (0,
|
|
2294
|
+
return loginRender ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children: loginRender }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(UserPopover, { position: popoverPosition, type: popoverType, gap: popoverGap, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Button, { onClick: onLoginClick, className: "matchid-login-btn", ...props, children: [
|
|
2295
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(LoginIcon_default, {}),
|
|
2296
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: username ? truncateAddress(username) : "MatchID User" })
|
|
2160
2297
|
] }) });
|
|
2161
2298
|
}
|
|
2162
2299
|
|
|
@@ -2164,14 +2301,14 @@ function LoginButton({
|
|
|
2164
2301
|
var import_react14 = require("react");
|
|
2165
2302
|
|
|
2166
2303
|
// src/assets/icon/InfoRoundIcon.tsx
|
|
2167
|
-
var
|
|
2304
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
2168
2305
|
function InfoRoundIcon({
|
|
2169
2306
|
size,
|
|
2170
2307
|
color = "#6E6E6E",
|
|
2171
2308
|
...props
|
|
2172
2309
|
}) {
|
|
2173
|
-
return /* @__PURE__ */ (0,
|
|
2174
|
-
/* @__PURE__ */ (0,
|
|
2310
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
2311
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("g", { clipPath: "url(#clip0_418_7746)", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
2175
2312
|
"path",
|
|
2176
2313
|
{
|
|
2177
2314
|
fillRule: "evenodd",
|
|
@@ -2180,19 +2317,19 @@ function InfoRoundIcon({
|
|
|
2180
2317
|
fill: color
|
|
2181
2318
|
}
|
|
2182
2319
|
) }),
|
|
2183
|
-
/* @__PURE__ */ (0,
|
|
2320
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("clipPath", { id: "clip0_418_7746", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
2184
2321
|
] });
|
|
2185
2322
|
}
|
|
2186
2323
|
|
|
2187
2324
|
// src/components/UsernameModal/index.tsx
|
|
2188
|
-
var
|
|
2325
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
2189
2326
|
var ValidItem = ({
|
|
2190
2327
|
success = false,
|
|
2191
2328
|
text
|
|
2192
2329
|
}) => {
|
|
2193
|
-
return /* @__PURE__ */ (0,
|
|
2194
|
-
success ? /* @__PURE__ */ (0,
|
|
2195
|
-
/* @__PURE__ */ (0,
|
|
2330
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: `matchid-valid-status-item matchid-valid-status-${success ? "success" : "error"}`, children: [
|
|
2331
|
+
success ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CheckRoundIcon, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(InfoRoundIcon, { size: 16 }),
|
|
2332
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: text })
|
|
2196
2333
|
] });
|
|
2197
2334
|
};
|
|
2198
2335
|
function UsernameModal({
|
|
@@ -2238,8 +2375,8 @@ function UsernameModal({
|
|
|
2238
2375
|
setIsSubmitting(false);
|
|
2239
2376
|
}
|
|
2240
2377
|
};
|
|
2241
|
-
return /* @__PURE__ */ (0,
|
|
2242
|
-
/* @__PURE__ */ (0,
|
|
2378
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || (username ? "Edit User Name" : "Set User Name"), children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "matchid-username-box", children: [
|
|
2379
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Field, { label: "User Name", error, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
2243
2380
|
Input,
|
|
2244
2381
|
{
|
|
2245
2382
|
placeholder: "Enter Your User Name",
|
|
@@ -2250,20 +2387,20 @@ function UsernameModal({
|
|
|
2250
2387
|
value: val
|
|
2251
2388
|
}
|
|
2252
2389
|
) }),
|
|
2253
|
-
/* @__PURE__ */ (0,
|
|
2254
|
-
/* @__PURE__ */ (0,
|
|
2390
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "matchid-valid", children: [
|
|
2391
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
2255
2392
|
ValidItem,
|
|
2256
2393
|
{
|
|
2257
2394
|
success: isValid,
|
|
2258
2395
|
text: "Name can be composed of numbers and letters as well as characters"
|
|
2259
2396
|
}
|
|
2260
2397
|
),
|
|
2261
|
-
/* @__PURE__ */ (0,
|
|
2398
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ValidItem, { success: isLength, text: "No less than 2 characters" })
|
|
2262
2399
|
] }),
|
|
2263
|
-
/* @__PURE__ */ (0,
|
|
2400
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, { disabled: !isSafe, loading: isSubmitting, style: {
|
|
2264
2401
|
marginTop: "64px"
|
|
2265
2402
|
}, onClick: onSubmit, size: "lg", block: true, highlight: true, children: "Confirm" }),
|
|
2266
|
-
/* @__PURE__ */ (0,
|
|
2403
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, { style: {
|
|
2267
2404
|
marginTop: "24px"
|
|
2268
2405
|
}, onClick: props.onClose, size: "lg", block: true, children: "Next Time" })
|
|
2269
2406
|
] }) });
|
|
@@ -2294,7 +2431,7 @@ var walletConnectImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEA
|
|
|
2294
2431
|
var walletSigningImage = "data:image/png;base64,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";
|
|
2295
2432
|
|
|
2296
2433
|
// src/components/SOLModal/index.tsx
|
|
2297
|
-
var
|
|
2434
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
2298
2435
|
function WalletContent({
|
|
2299
2436
|
onSuccess,
|
|
2300
2437
|
type
|
|
@@ -2427,12 +2564,12 @@ function WalletContent({
|
|
|
2427
2564
|
statusImage: walletConnectImage
|
|
2428
2565
|
};
|
|
2429
2566
|
}, [visible, wallet.connected, status, error, wallet.publicKey]);
|
|
2430
|
-
return /* @__PURE__ */ (0,
|
|
2431
|
-
/* @__PURE__ */ (0,
|
|
2432
|
-
/* @__PURE__ */ (0,
|
|
2433
|
-
/* @__PURE__ */ (0,
|
|
2567
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: `matchid-wallet-box`, children: [
|
|
2568
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: `matchid-wallet-content`, children: [
|
|
2569
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("img", { src: pageData.statusImage }),
|
|
2570
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: pageData.isError ? "text-[#F7585E]" : "", children: pageData.text })
|
|
2434
2571
|
] }),
|
|
2435
|
-
/* @__PURE__ */ (0,
|
|
2572
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
2436
2573
|
Button,
|
|
2437
2574
|
{
|
|
2438
2575
|
block: true,
|
|
@@ -2491,18 +2628,18 @@ function SOLModal({
|
|
|
2491
2628
|
onSuccess,
|
|
2492
2629
|
...props
|
|
2493
2630
|
}) {
|
|
2494
|
-
return /* @__PURE__ */ (0,
|
|
2631
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ModalWithHeader, { ...props, title: props.title || firstUpperCase(type + " SOL Wallet"), children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_wallet_adapter_react.ConnectionProvider, { endpoint: (0, import_web3.clusterApiUrl)("devnet"), children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_wallet_adapter_react.WalletProvider, { wallets, autoConnect: true, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_wallet_adapter_react_ui.WalletModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(WalletContent, { onSuccess, type }) }) }) }) });
|
|
2495
2632
|
}
|
|
2496
2633
|
|
|
2497
2634
|
// src/context/BusinessProvider.tsx
|
|
2498
|
-
var
|
|
2635
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
2499
2636
|
function BusinessProvider({ children }) {
|
|
2500
2637
|
const { overview, token } = useUserInfo();
|
|
2501
2638
|
const { recoveryModal } = useStore_default();
|
|
2502
2639
|
const { type: SOLType, isOpen: SOLIsOpen, close: SOLClose } = useSOLModalStore();
|
|
2503
|
-
return /* @__PURE__ */ (0,
|
|
2504
|
-
/* @__PURE__ */ (0,
|
|
2505
|
-
/* @__PURE__ */ (0,
|
|
2640
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
|
|
2641
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(PasswordModal, { isOpen: !!token && !!overview && !overview.address && !!overview.did, showClose: false }),
|
|
2642
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
2506
2643
|
RecoveryModal,
|
|
2507
2644
|
{
|
|
2508
2645
|
isOpen: !!token && !!overview && !!overview.address && recoveryModal.open,
|
|
@@ -2510,7 +2647,7 @@ function BusinessProvider({ children }) {
|
|
|
2510
2647
|
onSuccess: recoveryModal.success
|
|
2511
2648
|
}
|
|
2512
2649
|
),
|
|
2513
|
-
/* @__PURE__ */ (0,
|
|
2650
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
2514
2651
|
SOLModal,
|
|
2515
2652
|
{
|
|
2516
2653
|
isOpen: SOLIsOpen && (SOLType == "login" && !overview && !token || SOLType == "bind" && !!token && !!overview),
|
|
@@ -2525,12 +2662,12 @@ function BusinessProvider({ children }) {
|
|
|
2525
2662
|
}
|
|
2526
2663
|
|
|
2527
2664
|
// src/context/index.tsx
|
|
2528
|
-
var
|
|
2665
|
+
var import_jsx_runtime56 = (
|
|
2529
2666
|
// <MpcWalletProvider>
|
|
2530
2667
|
require("react/jsx-runtime")
|
|
2531
2668
|
);
|
|
2532
2669
|
var Providers = ({ children }) => {
|
|
2533
|
-
return /* @__PURE__ */ (0,
|
|
2670
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(BusinessProvider, { children });
|
|
2534
2671
|
};
|
|
2535
2672
|
var context_default = Providers;
|
|
2536
2673
|
|
|
@@ -2776,7 +2913,7 @@ function useInit({
|
|
|
2776
2913
|
|
|
2777
2914
|
// src/MatchContext.tsx
|
|
2778
2915
|
var import_react_query = require("@tanstack/react-query");
|
|
2779
|
-
var
|
|
2916
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
2780
2917
|
var queryClient = new import_react_query.QueryClient();
|
|
2781
2918
|
var MatchContext = (0, import_react18.createContext)(void 0);
|
|
2782
2919
|
var MatchProvider = ({ children, appid, events, theme = "light", endpoints }) => {
|
|
@@ -2789,7 +2926,7 @@ var MatchProvider = ({ children, appid, events, theme = "light", endpoints }) =>
|
|
|
2789
2926
|
useWalletInit({
|
|
2790
2927
|
refreshOverview: loadOverview
|
|
2791
2928
|
});
|
|
2792
|
-
return /* @__PURE__ */ (0,
|
|
2929
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react_query.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
2793
2930
|
MatchContext.Provider,
|
|
2794
2931
|
{
|
|
2795
2932
|
value: {
|
|
@@ -2799,7 +2936,7 @@ var MatchProvider = ({ children, appid, events, theme = "light", endpoints }) =>
|
|
|
2799
2936
|
login,
|
|
2800
2937
|
theme
|
|
2801
2938
|
},
|
|
2802
|
-
children: /* @__PURE__ */ (0,
|
|
2939
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(context_default, { children })
|
|
2803
2940
|
}
|
|
2804
2941
|
) });
|
|
2805
2942
|
};
|