@matchain/matchid-sdk-react 0.1.27 → 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 +402 -264
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +408 -270
- package/dist/index.mjs.map +1 -1
- package/example/src/components/Login/index.tsx +11 -3
- package/example/src/config/index.ts +2 -1
- 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
|
}
|
|
@@ -1190,6 +1317,7 @@ function useUserInfo() {
|
|
|
1190
1317
|
case "discord":
|
|
1191
1318
|
case "github":
|
|
1192
1319
|
case "linkedin":
|
|
1320
|
+
case "facebook":
|
|
1193
1321
|
const link = `${endpoints.back}api/v1/auth/${method}?appid=${appid}&provider=${method}&redirect=${encodeURIComponent(endpoints.auth + "bind/" + method)}&authorization=${token.includes("Bearer ") ? token.split(" ")[1] : token}`;
|
|
1194
1322
|
matchlog_default.log("link", link);
|
|
1195
1323
|
return window.open(
|
|
@@ -1415,7 +1543,7 @@ function useCopyClipboard(timeout = 500) {
|
|
|
1415
1543
|
}
|
|
1416
1544
|
|
|
1417
1545
|
// src/components/PasswordModal/index.tsx
|
|
1418
|
-
var
|
|
1546
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
1419
1547
|
function PasswordModal({
|
|
1420
1548
|
title,
|
|
1421
1549
|
isOpen,
|
|
@@ -1461,13 +1589,13 @@ function PasswordModal({
|
|
|
1461
1589
|
setIsSubmitting(false);
|
|
1462
1590
|
}
|
|
1463
1591
|
};
|
|
1464
|
-
return /* @__PURE__ */ (0,
|
|
1465
|
-
/* @__PURE__ */ (0,
|
|
1466
|
-
/* @__PURE__ */ (0,
|
|
1467
|
-
/* @__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" })
|
|
1468
1596
|
] }),
|
|
1469
|
-
/* @__PURE__ */ (0,
|
|
1470
|
-
/* @__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)(
|
|
1471
1599
|
Input,
|
|
1472
1600
|
{
|
|
1473
1601
|
placeholder: "Enter the Password",
|
|
@@ -1477,7 +1605,7 @@ function PasswordModal({
|
|
|
1477
1605
|
value: password
|
|
1478
1606
|
}
|
|
1479
1607
|
) }),
|
|
1480
|
-
/* @__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)(
|
|
1481
1609
|
Input,
|
|
1482
1610
|
{
|
|
1483
1611
|
placeholder: "Re Enter the Password",
|
|
@@ -1488,7 +1616,7 @@ function PasswordModal({
|
|
|
1488
1616
|
}
|
|
1489
1617
|
) })
|
|
1490
1618
|
] }),
|
|
1491
|
-
/* @__PURE__ */ (0,
|
|
1619
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
1492
1620
|
Button,
|
|
1493
1621
|
{
|
|
1494
1622
|
disabled: password.length == 0 || !!passwordError || !!rePasswordError,
|
|
@@ -1505,7 +1633,7 @@ function PasswordModal({
|
|
|
1505
1633
|
|
|
1506
1634
|
// src/components/RecoveryModal/index.tsx
|
|
1507
1635
|
var import_react6 = require("react");
|
|
1508
|
-
var
|
|
1636
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
1509
1637
|
function RecoveryModal({
|
|
1510
1638
|
title,
|
|
1511
1639
|
isOpen,
|
|
@@ -1541,12 +1669,12 @@ function RecoveryModal({
|
|
|
1541
1669
|
setIsSubmitting(false);
|
|
1542
1670
|
}
|
|
1543
1671
|
};
|
|
1544
|
-
return /* @__PURE__ */ (0,
|
|
1545
|
-
/* @__PURE__ */ (0,
|
|
1546
|
-
/* @__PURE__ */ (0,
|
|
1547
|
-
/* @__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" })
|
|
1548
1676
|
] }),
|
|
1549
|
-
/* @__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)(
|
|
1550
1678
|
Input,
|
|
1551
1679
|
{
|
|
1552
1680
|
placeholder: "Enter the Password",
|
|
@@ -1556,7 +1684,7 @@ function RecoveryModal({
|
|
|
1556
1684
|
value: password
|
|
1557
1685
|
}
|
|
1558
1686
|
) }) }),
|
|
1559
|
-
/* @__PURE__ */ (0,
|
|
1687
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
1560
1688
|
Button,
|
|
1561
1689
|
{
|
|
1562
1690
|
disabled: password.length == 0 || !!passwordError,
|
|
@@ -1598,7 +1726,7 @@ var import_react9 = require("react");
|
|
|
1598
1726
|
|
|
1599
1727
|
// src/components/EmailModal/StepEmail.tsx
|
|
1600
1728
|
var import_react7 = require("react");
|
|
1601
|
-
var
|
|
1729
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
1602
1730
|
function StepEmail(props) {
|
|
1603
1731
|
const [emailVal, setEmailVal] = (0, import_react7.useState)("");
|
|
1604
1732
|
(0, import_react7.useEffect)(() => {
|
|
@@ -1612,8 +1740,8 @@ function StepEmail(props) {
|
|
|
1612
1740
|
const onContinue = async () => {
|
|
1613
1741
|
props.onContinue(emailVal);
|
|
1614
1742
|
};
|
|
1615
|
-
return /* @__PURE__ */ (0,
|
|
1616
|
-
/* @__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)(
|
|
1617
1745
|
Input,
|
|
1618
1746
|
{
|
|
1619
1747
|
placeholder: "Enter Your Email Address",
|
|
@@ -1621,7 +1749,7 @@ function StepEmail(props) {
|
|
|
1621
1749
|
value: emailVal
|
|
1622
1750
|
}
|
|
1623
1751
|
) }),
|
|
1624
|
-
/* @__PURE__ */ (0,
|
|
1752
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button, { disabled: !canContinue, style: {
|
|
1625
1753
|
marginTop: "64px"
|
|
1626
1754
|
}, onClick: onContinue, size: "lg", block: true, highlight: true, children: "Continue" })
|
|
1627
1755
|
] });
|
|
@@ -1635,7 +1763,7 @@ var EMAIL_INTERVAL = 60;
|
|
|
1635
1763
|
var EMAIL_CODE_LENGTH = 6;
|
|
1636
1764
|
|
|
1637
1765
|
// src/components/EmailModal/StepVerify.tsx
|
|
1638
|
-
var
|
|
1766
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
1639
1767
|
function StepVerify(props) {
|
|
1640
1768
|
const { getLoginEmailCode, loginByEmail } = useUserInfo();
|
|
1641
1769
|
const [error, setError] = (0, import_react8.useState)("");
|
|
@@ -1704,22 +1832,22 @@ function StepVerify(props) {
|
|
|
1704
1832
|
setSubmitting(false);
|
|
1705
1833
|
}
|
|
1706
1834
|
};
|
|
1707
|
-
return /* @__PURE__ */ (0,
|
|
1708
|
-
/* @__PURE__ */ (0,
|
|
1709
|
-
/* @__PURE__ */ (0,
|
|
1710
|
-
/* @__PURE__ */ (0,
|
|
1711
|
-
/* @__PURE__ */ (0,
|
|
1712
|
-
/* @__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" })
|
|
1713
1841
|
] })
|
|
1714
1842
|
] }),
|
|
1715
|
-
/* @__PURE__ */ (0,
|
|
1843
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Field, { label: "Verification Code", error, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1716
1844
|
Input,
|
|
1717
1845
|
{
|
|
1718
1846
|
placeholder: "Enter the code",
|
|
1719
1847
|
maxLength: codeLength,
|
|
1720
1848
|
onChange: (e) => setCode(e.target.value),
|
|
1721
1849
|
value: code,
|
|
1722
|
-
after: /* @__PURE__ */ (0,
|
|
1850
|
+
after: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1723
1851
|
Button,
|
|
1724
1852
|
{
|
|
1725
1853
|
highlight: true,
|
|
@@ -1738,12 +1866,12 @@ function StepVerify(props) {
|
|
|
1738
1866
|
)
|
|
1739
1867
|
}
|
|
1740
1868
|
) }),
|
|
1741
|
-
/* @__PURE__ */ (0,
|
|
1869
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button, { disabled: !canContinue, highlight: true, block: true, size: "lg", onClick: onContinue, children: "Continue" })
|
|
1742
1870
|
] });
|
|
1743
1871
|
}
|
|
1744
1872
|
|
|
1745
1873
|
// src/components/EmailModal/index.tsx
|
|
1746
|
-
var
|
|
1874
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
1747
1875
|
function EmailModal({
|
|
1748
1876
|
isOpen = false,
|
|
1749
1877
|
width = 480,
|
|
@@ -1759,7 +1887,7 @@ function EmailModal({
|
|
|
1759
1887
|
setEmailVal("");
|
|
1760
1888
|
}
|
|
1761
1889
|
}, [isOpen]);
|
|
1762
|
-
return /* @__PURE__ */ (0,
|
|
1890
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
1763
1891
|
ModalWithHeader,
|
|
1764
1892
|
{
|
|
1765
1893
|
isOpen,
|
|
@@ -1767,17 +1895,17 @@ function EmailModal({
|
|
|
1767
1895
|
onClose,
|
|
1768
1896
|
title: "Email",
|
|
1769
1897
|
onBack: step == "verify" ? () => setStep("input") : onBack,
|
|
1770
|
-
children: step === "input" ? /* @__PURE__ */ (0,
|
|
1898
|
+
children: step === "input" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(StepEmail, { email: emailVal, onContinue: (email) => {
|
|
1771
1899
|
setEmailVal(email);
|
|
1772
1900
|
setStep("verify");
|
|
1773
|
-
} }) : /* @__PURE__ */ (0,
|
|
1901
|
+
} }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(StepVerify, { email: emailVal, onSuccess: onLogin })
|
|
1774
1902
|
}
|
|
1775
1903
|
);
|
|
1776
1904
|
}
|
|
1777
1905
|
|
|
1778
1906
|
// src/components/Popover/index.tsx
|
|
1779
1907
|
var import_react10 = require("react");
|
|
1780
|
-
var
|
|
1908
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
1781
1909
|
function Popover({
|
|
1782
1910
|
children,
|
|
1783
1911
|
content,
|
|
@@ -1787,7 +1915,7 @@ function Popover({
|
|
|
1787
1915
|
gap = "20px"
|
|
1788
1916
|
}) {
|
|
1789
1917
|
const [active, setActive] = (0, import_react10.useState)(false);
|
|
1790
|
-
return /* @__PURE__ */ (0,
|
|
1918
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
1791
1919
|
"div",
|
|
1792
1920
|
{
|
|
1793
1921
|
onClick: () => {
|
|
@@ -1798,9 +1926,9 @@ function Popover({
|
|
|
1798
1926
|
className: `matchid-popover-box matchid-popover-${position} matchid-popover-${type} ${className} ${type == "click" && active ? "matchid-popover-click-active" : ""}`,
|
|
1799
1927
|
children: [
|
|
1800
1928
|
children,
|
|
1801
|
-
/* @__PURE__ */ (0,
|
|
1929
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { style: {
|
|
1802
1930
|
paddingTop: gap
|
|
1803
|
-
}, children: /* @__PURE__ */ (0,
|
|
1931
|
+
}, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: `matchid-popover-content`, children: content }) })
|
|
1804
1932
|
]
|
|
1805
1933
|
}
|
|
1806
1934
|
);
|
|
@@ -1808,186 +1936,195 @@ function Popover({
|
|
|
1808
1936
|
|
|
1809
1937
|
// src/components/LoginBox/index.tsx
|
|
1810
1938
|
var import_react11 = require("react");
|
|
1811
|
-
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
/* @__PURE__ */ (0,
|
|
1821
|
-
"
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
|
|
1826
|
-
|
|
1827
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
1828
|
-
"path",
|
|
1829
|
-
{
|
|
1830
|
-
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",
|
|
1831
|
-
fill: "url(#paint1_linear_92_7813)"
|
|
1832
|
-
}
|
|
1833
|
-
),
|
|
1834
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
1835
|
-
"path",
|
|
1836
|
-
{
|
|
1837
|
-
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",
|
|
1838
|
-
fill: "url(#paint2_linear_92_7813)"
|
|
1839
|
-
}
|
|
1840
|
-
),
|
|
1841
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("defs", { children: [
|
|
1842
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
1843
|
-
"linearGradient",
|
|
1844
|
-
{
|
|
1845
|
-
id: "paint0_linear_92_7813",
|
|
1846
|
-
x1: "29.1668",
|
|
1847
|
-
y1: "9.00583",
|
|
1848
|
-
x2: "16.7391",
|
|
1849
|
-
y2: "32.8098",
|
|
1850
|
-
gradientUnits: "userSpaceOnUse",
|
|
1851
|
-
children: [
|
|
1852
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("stop", { stopColor: "#00FFA3" }),
|
|
1853
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
|
|
1854
|
-
]
|
|
1855
|
-
}
|
|
1856
|
-
),
|
|
1857
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
1858
|
-
"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,
|
|
1859
1955
|
{
|
|
1860
|
-
|
|
1861
|
-
|
|
1862
|
-
|
|
1863
|
-
x2: "11.305",
|
|
1864
|
-
y2: "29.9729",
|
|
1865
|
-
gradientUnits: "userSpaceOnUse",
|
|
1866
|
-
children: [
|
|
1867
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("stop", { stopColor: "#00FFA3" }),
|
|
1868
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
|
|
1869
|
-
]
|
|
1956
|
+
className: `matchid-login-recommend-method-arrow ${showChildren ? "matchid-login-recommend-method-arrow-active" : ""}`,
|
|
1957
|
+
size: 20,
|
|
1958
|
+
color: "var(--matchid-arrow-color)"
|
|
1870
1959
|
}
|
|
1871
|
-
),
|
|
1872
|
-
|
|
1873
|
-
"linearGradient",
|
|
1960
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1961
|
+
ArrowRightIcon,
|
|
1874
1962
|
{
|
|
1875
|
-
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
|
-
x2: "14.0048",
|
|
1879
|
-
y2: "31.3828",
|
|
1880
|
-
gradientUnits: "userSpaceOnUse",
|
|
1881
|
-
children: [
|
|
1882
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("stop", { stopColor: "#00FFA3" }),
|
|
1883
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
|
|
1884
|
-
]
|
|
1963
|
+
className: "matchid-login-recommend-method-arrow",
|
|
1964
|
+
size: 20,
|
|
1965
|
+
color: "var(--matchid-arrow-color)"
|
|
1885
1966
|
}
|
|
1886
1967
|
)
|
|
1887
|
-
] })
|
|
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
|
+
)
|
|
1888
1976
|
] });
|
|
1889
|
-
}
|
|
1890
|
-
|
|
1891
|
-
// src/components/LoginBox/index.tsx
|
|
1892
|
-
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
1977
|
+
};
|
|
1893
1978
|
function LoginBox({
|
|
1894
|
-
|
|
1979
|
+
recommendMethods = [
|
|
1980
|
+
"wallet",
|
|
1981
|
+
"email",
|
|
1982
|
+
"google"
|
|
1983
|
+
],
|
|
1984
|
+
methods = [
|
|
1985
|
+
"telegram",
|
|
1986
|
+
"twitter"
|
|
1987
|
+
],
|
|
1895
1988
|
inModal = false
|
|
1896
1989
|
}) {
|
|
1897
1990
|
const [emailOpen, setEmailOpen] = (0, import_react11.useState)(false);
|
|
1898
1991
|
const { login } = useUserInfo();
|
|
1899
|
-
const
|
|
1900
|
-
"evm",
|
|
1901
|
-
// 'sol',
|
|
1902
|
-
"google",
|
|
1903
|
-
"email",
|
|
1904
|
-
"telegram",
|
|
1905
|
-
"twitter"
|
|
1906
|
-
// 'facebook',
|
|
1907
|
-
];
|
|
1908
|
-
const methodList = (0, import_react11.useMemo)(() => {
|
|
1909
|
-
return methods || defaultMethods;
|
|
1910
|
-
}, [methods]);
|
|
1911
|
-
const LoginItem = ({
|
|
1912
|
-
icon,
|
|
1913
|
-
name,
|
|
1914
|
-
onClick
|
|
1915
|
-
}) => {
|
|
1916
|
-
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "matchid-login-method", onClick, children: [
|
|
1917
|
-
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "matchid-login-method-content", children: [
|
|
1918
|
-
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "matchid-login-method-icon", children: icon }),
|
|
1919
|
-
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "matchid-login-method-name", children: name })
|
|
1920
|
-
] }),
|
|
1921
|
-
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ArrowRightIcon, { className: "matchid-login-method-arrow", size: 20, color: "var(--matchid-arrow-color)" })
|
|
1922
|
-
] });
|
|
1923
|
-
};
|
|
1992
|
+
const [showWallet, setShowWallet] = (0, import_react11.useState)(false);
|
|
1924
1993
|
const methodMap = {
|
|
1925
|
-
|
|
1926
|
-
icon: /* @__PURE__ */ (0,
|
|
1927
|
-
name: "
|
|
1928
|
-
onClick: () =>
|
|
1994
|
+
wallet: {
|
|
1995
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(WalletIcon, {}),
|
|
1996
|
+
name: "Wallet",
|
|
1997
|
+
onClick: () => setShowWallet(!showWallet),
|
|
1998
|
+
type: "wallet"
|
|
1929
1999
|
},
|
|
1930
2000
|
email: {
|
|
1931
|
-
icon: /* @__PURE__ */ (0,
|
|
2001
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(EmailIcon, {}),
|
|
1932
2002
|
name: "Email",
|
|
1933
2003
|
onClick: () => {
|
|
1934
2004
|
setEmailOpen(true);
|
|
1935
2005
|
}
|
|
1936
2006
|
},
|
|
1937
2007
|
google: {
|
|
1938
|
-
icon: /* @__PURE__ */ (0,
|
|
2008
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(GoogleIcon, {}),
|
|
1939
2009
|
name: "Google",
|
|
1940
2010
|
onClick: () => login("google")
|
|
1941
2011
|
},
|
|
1942
2012
|
twitter: {
|
|
1943
|
-
icon: /* @__PURE__ */ (0,
|
|
2013
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(XIcon, {}),
|
|
1944
2014
|
name: "X",
|
|
1945
2015
|
onClick: () => login("twitter")
|
|
1946
2016
|
},
|
|
1947
2017
|
telegram: {
|
|
1948
|
-
icon: /* @__PURE__ */ (0,
|
|
2018
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TelegramIcon, {}),
|
|
1949
2019
|
name: "Telegram",
|
|
1950
2020
|
onClick: () => login("telegram")
|
|
1951
2021
|
},
|
|
1952
2022
|
github: {
|
|
1953
|
-
icon: /* @__PURE__ */ (0,
|
|
2023
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(GithubIcon, {}),
|
|
1954
2024
|
name: "Github",
|
|
1955
2025
|
onClick: () => login("github")
|
|
1956
2026
|
},
|
|
1957
2027
|
discord: {
|
|
1958
|
-
icon: /* @__PURE__ */ (0,
|
|
2028
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DiscordIcon, {}),
|
|
1959
2029
|
name: "Discord",
|
|
1960
2030
|
onClick: () => login("discord")
|
|
1961
2031
|
},
|
|
1962
2032
|
linkedin: {
|
|
1963
|
-
icon: /* @__PURE__ */ (0,
|
|
2033
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(LinkedinIcon, {}),
|
|
1964
2034
|
name: "LinkedIn",
|
|
1965
2035
|
onClick: () => login("linkedin")
|
|
1966
2036
|
},
|
|
1967
2037
|
facebook: {
|
|
1968
|
-
icon: /* @__PURE__ */ (0,
|
|
2038
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(FacebookIcon, {}),
|
|
1969
2039
|
name: "Facebook",
|
|
1970
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")
|
|
1971
2049
|
},
|
|
1972
|
-
|
|
1973
|
-
icon: /* @__PURE__ */ (0,
|
|
2050
|
+
{
|
|
2051
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SOLDarkIcon, {}),
|
|
2052
|
+
activeIcon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SOLLightIcon, {}),
|
|
1974
2053
|
name: "SOL",
|
|
1975
2054
|
onClick: () => login("sol")
|
|
1976
2055
|
}
|
|
1977
|
-
|
|
1978
|
-
return /* @__PURE__ */ (0,
|
|
1979
|
-
(!inModal || !emailOpen) && /* @__PURE__ */ (0,
|
|
1980
|
-
|
|
1981
|
-
|
|
1982
|
-
|
|
1983
|
-
|
|
1984
|
-
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
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)(
|
|
1991
2128
|
EmailModal,
|
|
1992
2129
|
{
|
|
1993
2130
|
isOpen: emailOpen,
|
|
@@ -2006,39 +2143,39 @@ function LoginBox({
|
|
|
2006
2143
|
var import_react13 = require("react");
|
|
2007
2144
|
|
|
2008
2145
|
// src/components/LoginPanel/index.tsx
|
|
2009
|
-
var
|
|
2146
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
2010
2147
|
function LoginPanel({
|
|
2011
2148
|
header,
|
|
2012
2149
|
onClose,
|
|
2013
2150
|
...props
|
|
2014
2151
|
}) {
|
|
2015
|
-
return /* @__PURE__ */ (0,
|
|
2016
|
-
header ? header : /* @__PURE__ */ (0,
|
|
2017
|
-
/* @__PURE__ */ (0,
|
|
2018
|
-
/* @__PURE__ */ (0,
|
|
2019
|
-
/* @__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" })
|
|
2020
2157
|
] }),
|
|
2021
|
-
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, {}) })
|
|
2022
2159
|
] }),
|
|
2023
|
-
/* @__PURE__ */ (0,
|
|
2024
|
-
/* @__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 }) })
|
|
2025
2162
|
] });
|
|
2026
2163
|
}
|
|
2027
2164
|
|
|
2028
2165
|
// src/components/LoginModal/index.tsx
|
|
2029
|
-
var
|
|
2166
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
2030
2167
|
function LoginModal({
|
|
2031
2168
|
isOpen = false,
|
|
2032
2169
|
width = 480,
|
|
2033
2170
|
...props
|
|
2034
2171
|
}) {
|
|
2035
2172
|
const { isLogin } = useUserInfo();
|
|
2036
|
-
return /* @__PURE__ */ (0,
|
|
2173
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
2037
2174
|
Modal,
|
|
2038
2175
|
{
|
|
2039
2176
|
isOpen: isOpen && !isLogin,
|
|
2040
2177
|
width,
|
|
2041
|
-
children: /* @__PURE__ */ (0,
|
|
2178
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(LoginPanel, { ...props, inModal: true })
|
|
2042
2179
|
}
|
|
2043
2180
|
);
|
|
2044
2181
|
}
|
|
@@ -2047,10 +2184,10 @@ function LoginModal({
|
|
|
2047
2184
|
var import_react12 = require("react");
|
|
2048
2185
|
|
|
2049
2186
|
// src/assets/icon/ProfileIcon.tsx
|
|
2050
|
-
var
|
|
2187
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
2051
2188
|
function ProfileIcon({ size = 24, color = "black", ...props }) {
|
|
2052
|
-
return /* @__PURE__ */ (0,
|
|
2053
|
-
/* @__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)(
|
|
2054
2191
|
"path",
|
|
2055
2192
|
{
|
|
2056
2193
|
fillRule: "evenodd",
|
|
@@ -2059,7 +2196,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
|
|
|
2059
2196
|
fill: color
|
|
2060
2197
|
}
|
|
2061
2198
|
),
|
|
2062
|
-
/* @__PURE__ */ (0,
|
|
2199
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
2063
2200
|
"path",
|
|
2064
2201
|
{
|
|
2065
2202
|
fillRule: "evenodd",
|
|
@@ -2072,7 +2209,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
|
|
|
2072
2209
|
}
|
|
2073
2210
|
|
|
2074
2211
|
// src/components/UserPopover/index.tsx
|
|
2075
|
-
var
|
|
2212
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
2076
2213
|
function UserContent() {
|
|
2077
2214
|
const { logout, address, username } = useUserInfo();
|
|
2078
2215
|
const [logouting, setLogouting] = (0, import_react12.useState)(false);
|
|
@@ -2093,31 +2230,31 @@ function UserContent() {
|
|
|
2093
2230
|
rightIcon,
|
|
2094
2231
|
onClick
|
|
2095
2232
|
}) => {
|
|
2096
|
-
return /* @__PURE__ */ (0,
|
|
2097
|
-
/* @__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: [
|
|
2098
2235
|
icon,
|
|
2099
|
-
/* @__PURE__ */ (0,
|
|
2236
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "matchid-user-popover-item-text", children })
|
|
2100
2237
|
] }),
|
|
2101
2238
|
rightIcon
|
|
2102
2239
|
] });
|
|
2103
2240
|
};
|
|
2104
2241
|
const UserDivider = () => {
|
|
2105
|
-
return /* @__PURE__ */ (0,
|
|
2242
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: `matchid-user-popover-divider` });
|
|
2106
2243
|
};
|
|
2107
2244
|
const [usernameOpen, setUsernameOpen] = (0, import_react12.useState)(false);
|
|
2108
2245
|
const [copied, setCopied] = useCopyClipboard();
|
|
2109
|
-
return /* @__PURE__ */ (0,
|
|
2110
|
-
/* @__PURE__ */ (0,
|
|
2111
|
-
/* @__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: () => {
|
|
2112
2249
|
setCopied(address);
|
|
2113
|
-
}, icon: copied ? /* @__PURE__ */ (0,
|
|
2114
|
-
/* @__PURE__ */ (0,
|
|
2115
|
-
/* @__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: () => {
|
|
2116
2253
|
setUsernameOpen(true);
|
|
2117
|
-
}, 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" })
|
|
2118
2255
|
] }),
|
|
2119
|
-
/* @__PURE__ */ (0,
|
|
2120
|
-
/* @__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: () => {
|
|
2121
2258
|
setUsernameOpen(false);
|
|
2122
2259
|
}, onSuccess: () => {
|
|
2123
2260
|
setUsernameOpen(false);
|
|
@@ -2128,14 +2265,15 @@ function UserPopover({
|
|
|
2128
2265
|
children,
|
|
2129
2266
|
...props
|
|
2130
2267
|
}) {
|
|
2131
|
-
return /* @__PURE__ */ (0,
|
|
2268
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Popover, { ...props, content: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(UserContent, {}), children });
|
|
2132
2269
|
}
|
|
2133
2270
|
|
|
2134
2271
|
// src/components/LoginButton/index.tsx
|
|
2135
|
-
var
|
|
2272
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
2136
2273
|
function LoginButton({
|
|
2137
2274
|
loginRender,
|
|
2138
2275
|
methods,
|
|
2276
|
+
recommendMethods,
|
|
2139
2277
|
onLoginClick,
|
|
2140
2278
|
popoverPosition = "right",
|
|
2141
2279
|
popoverType = "hover",
|
|
@@ -2145,17 +2283,17 @@ function LoginButton({
|
|
|
2145
2283
|
const { isLogin, username } = useUserInfo();
|
|
2146
2284
|
const [loginOpen, setLoginOpen] = (0, import_react13.useState)(false);
|
|
2147
2285
|
if (!isLogin) {
|
|
2148
|
-
return /* @__PURE__ */ (0,
|
|
2149
|
-
/* @__PURE__ */ (0,
|
|
2150
|
-
/* @__PURE__ */ (0,
|
|
2151
|
-
/* @__PURE__ */ (0,
|
|
2152
|
-
/* @__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" })
|
|
2153
2291
|
] })
|
|
2154
2292
|
] });
|
|
2155
2293
|
}
|
|
2156
|
-
return loginRender ? { loginRender } : /* @__PURE__ */ (0,
|
|
2157
|
-
/* @__PURE__ */ (0,
|
|
2158
|
-
/* @__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" })
|
|
2159
2297
|
] }) });
|
|
2160
2298
|
}
|
|
2161
2299
|
|
|
@@ -2163,14 +2301,14 @@ function LoginButton({
|
|
|
2163
2301
|
var import_react14 = require("react");
|
|
2164
2302
|
|
|
2165
2303
|
// src/assets/icon/InfoRoundIcon.tsx
|
|
2166
|
-
var
|
|
2304
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
2167
2305
|
function InfoRoundIcon({
|
|
2168
2306
|
size,
|
|
2169
2307
|
color = "#6E6E6E",
|
|
2170
2308
|
...props
|
|
2171
2309
|
}) {
|
|
2172
|
-
return /* @__PURE__ */ (0,
|
|
2173
|
-
/* @__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)(
|
|
2174
2312
|
"path",
|
|
2175
2313
|
{
|
|
2176
2314
|
fillRule: "evenodd",
|
|
@@ -2179,19 +2317,19 @@ function InfoRoundIcon({
|
|
|
2179
2317
|
fill: color
|
|
2180
2318
|
}
|
|
2181
2319
|
) }),
|
|
2182
|
-
/* @__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" }) }) })
|
|
2183
2321
|
] });
|
|
2184
2322
|
}
|
|
2185
2323
|
|
|
2186
2324
|
// src/components/UsernameModal/index.tsx
|
|
2187
|
-
var
|
|
2325
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
2188
2326
|
var ValidItem = ({
|
|
2189
2327
|
success = false,
|
|
2190
2328
|
text
|
|
2191
2329
|
}) => {
|
|
2192
|
-
return /* @__PURE__ */ (0,
|
|
2193
|
-
success ? /* @__PURE__ */ (0,
|
|
2194
|
-
/* @__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 })
|
|
2195
2333
|
] });
|
|
2196
2334
|
};
|
|
2197
2335
|
function UsernameModal({
|
|
@@ -2237,8 +2375,8 @@ function UsernameModal({
|
|
|
2237
2375
|
setIsSubmitting(false);
|
|
2238
2376
|
}
|
|
2239
2377
|
};
|
|
2240
|
-
return /* @__PURE__ */ (0,
|
|
2241
|
-
/* @__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)(
|
|
2242
2380
|
Input,
|
|
2243
2381
|
{
|
|
2244
2382
|
placeholder: "Enter Your User Name",
|
|
@@ -2249,20 +2387,20 @@ function UsernameModal({
|
|
|
2249
2387
|
value: val
|
|
2250
2388
|
}
|
|
2251
2389
|
) }),
|
|
2252
|
-
/* @__PURE__ */ (0,
|
|
2253
|
-
/* @__PURE__ */ (0,
|
|
2390
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "matchid-valid", children: [
|
|
2391
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
2254
2392
|
ValidItem,
|
|
2255
2393
|
{
|
|
2256
2394
|
success: isValid,
|
|
2257
2395
|
text: "Name can be composed of numbers and letters as well as characters"
|
|
2258
2396
|
}
|
|
2259
2397
|
),
|
|
2260
|
-
/* @__PURE__ */ (0,
|
|
2398
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ValidItem, { success: isLength, text: "No less than 2 characters" })
|
|
2261
2399
|
] }),
|
|
2262
|
-
/* @__PURE__ */ (0,
|
|
2400
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, { disabled: !isSafe, loading: isSubmitting, style: {
|
|
2263
2401
|
marginTop: "64px"
|
|
2264
2402
|
}, onClick: onSubmit, size: "lg", block: true, highlight: true, children: "Confirm" }),
|
|
2265
|
-
/* @__PURE__ */ (0,
|
|
2403
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, { style: {
|
|
2266
2404
|
marginTop: "24px"
|
|
2267
2405
|
}, onClick: props.onClose, size: "lg", block: true, children: "Next Time" })
|
|
2268
2406
|
] }) });
|
|
@@ -2293,7 +2431,7 @@ var walletConnectImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEA
|
|
|
2293
2431
|
var walletSigningImage = "data:image/png;base64,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";
|
|
2294
2432
|
|
|
2295
2433
|
// src/components/SOLModal/index.tsx
|
|
2296
|
-
var
|
|
2434
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
2297
2435
|
function WalletContent({
|
|
2298
2436
|
onSuccess,
|
|
2299
2437
|
type
|
|
@@ -2426,12 +2564,12 @@ function WalletContent({
|
|
|
2426
2564
|
statusImage: walletConnectImage
|
|
2427
2565
|
};
|
|
2428
2566
|
}, [visible, wallet.connected, status, error, wallet.publicKey]);
|
|
2429
|
-
return /* @__PURE__ */ (0,
|
|
2430
|
-
/* @__PURE__ */ (0,
|
|
2431
|
-
/* @__PURE__ */ (0,
|
|
2432
|
-
/* @__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 })
|
|
2433
2571
|
] }),
|
|
2434
|
-
/* @__PURE__ */ (0,
|
|
2572
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
2435
2573
|
Button,
|
|
2436
2574
|
{
|
|
2437
2575
|
block: true,
|
|
@@ -2490,18 +2628,18 @@ function SOLModal({
|
|
|
2490
2628
|
onSuccess,
|
|
2491
2629
|
...props
|
|
2492
2630
|
}) {
|
|
2493
|
-
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 }) }) }) }) });
|
|
2494
2632
|
}
|
|
2495
2633
|
|
|
2496
2634
|
// src/context/BusinessProvider.tsx
|
|
2497
|
-
var
|
|
2635
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
2498
2636
|
function BusinessProvider({ children }) {
|
|
2499
2637
|
const { overview, token } = useUserInfo();
|
|
2500
2638
|
const { recoveryModal } = useStore_default();
|
|
2501
2639
|
const { type: SOLType, isOpen: SOLIsOpen, close: SOLClose } = useSOLModalStore();
|
|
2502
|
-
return /* @__PURE__ */ (0,
|
|
2503
|
-
/* @__PURE__ */ (0,
|
|
2504
|
-
/* @__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)(
|
|
2505
2643
|
RecoveryModal,
|
|
2506
2644
|
{
|
|
2507
2645
|
isOpen: !!token && !!overview && !!overview.address && recoveryModal.open,
|
|
@@ -2509,7 +2647,7 @@ function BusinessProvider({ children }) {
|
|
|
2509
2647
|
onSuccess: recoveryModal.success
|
|
2510
2648
|
}
|
|
2511
2649
|
),
|
|
2512
|
-
/* @__PURE__ */ (0,
|
|
2650
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
2513
2651
|
SOLModal,
|
|
2514
2652
|
{
|
|
2515
2653
|
isOpen: SOLIsOpen && (SOLType == "login" && !overview && !token || SOLType == "bind" && !!token && !!overview),
|
|
@@ -2524,12 +2662,12 @@ function BusinessProvider({ children }) {
|
|
|
2524
2662
|
}
|
|
2525
2663
|
|
|
2526
2664
|
// src/context/index.tsx
|
|
2527
|
-
var
|
|
2665
|
+
var import_jsx_runtime56 = (
|
|
2528
2666
|
// <MpcWalletProvider>
|
|
2529
2667
|
require("react/jsx-runtime")
|
|
2530
2668
|
);
|
|
2531
2669
|
var Providers = ({ children }) => {
|
|
2532
|
-
return /* @__PURE__ */ (0,
|
|
2670
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(BusinessProvider, { children });
|
|
2533
2671
|
};
|
|
2534
2672
|
var context_default = Providers;
|
|
2535
2673
|
|
|
@@ -2775,7 +2913,7 @@ function useInit({
|
|
|
2775
2913
|
|
|
2776
2914
|
// src/MatchContext.tsx
|
|
2777
2915
|
var import_react_query = require("@tanstack/react-query");
|
|
2778
|
-
var
|
|
2916
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
2779
2917
|
var queryClient = new import_react_query.QueryClient();
|
|
2780
2918
|
var MatchContext = (0, import_react18.createContext)(void 0);
|
|
2781
2919
|
var MatchProvider = ({ children, appid, events, theme = "light", endpoints }) => {
|
|
@@ -2788,7 +2926,7 @@ var MatchProvider = ({ children, appid, events, theme = "light", endpoints }) =>
|
|
|
2788
2926
|
useWalletInit({
|
|
2789
2927
|
refreshOverview: loadOverview
|
|
2790
2928
|
});
|
|
2791
|
-
return /* @__PURE__ */ (0,
|
|
2929
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react_query.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
2792
2930
|
MatchContext.Provider,
|
|
2793
2931
|
{
|
|
2794
2932
|
value: {
|
|
@@ -2798,7 +2936,7 @@ var MatchProvider = ({ children, appid, events, theme = "light", endpoints }) =>
|
|
|
2798
2936
|
login,
|
|
2799
2937
|
theme
|
|
2800
2938
|
},
|
|
2801
|
-
children: /* @__PURE__ */ (0,
|
|
2939
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(context_default, { children })
|
|
2802
2940
|
}
|
|
2803
2941
|
) });
|
|
2804
2942
|
};
|