@matchain/matchid-sdk-react 0.1.28 → 0.1.30
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 +163 -29
- package/dist/index.d.mts +12 -11
- package/dist/index.d.ts +12 -11
- package/dist/index.js +414 -271
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +420 -277
- package/dist/index.mjs.map +1 -1
- package/example/src/App.tsx +20 -15
- package/example/src/components/Login/index.tsx +12 -4
- package/example/src/pages/User.tsx +5 -4
- 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,28 @@ function Input({
|
|
|
602
729
|
...props
|
|
603
730
|
}) {
|
|
604
731
|
const [inputType, setInputType] = (0, import_react.useState)(type);
|
|
605
|
-
return /* @__PURE__ */ (0,
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
732
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
|
|
733
|
+
"div",
|
|
734
|
+
{
|
|
735
|
+
className: `matchid-input-box ${props.value.length > 0 ? "matchid-input-has-content" : ""} ${className}`,
|
|
736
|
+
children: [
|
|
737
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
|
|
738
|
+
props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
|
|
739
|
+
if (onChange) {
|
|
740
|
+
onChange({ target: { value: "" } });
|
|
741
|
+
}
|
|
742
|
+
}, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DeleteRoundIcon, { className: "", color: "var(--matchid-input-delete-icon-color)" }) }),
|
|
743
|
+
type === "password" && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
|
|
744
|
+
setInputType(inputType === "password" ? "text" : "password");
|
|
745
|
+
}, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(CloseEyeIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(OpenEyeIcon, {}) }),
|
|
746
|
+
after
|
|
747
|
+
]
|
|
748
|
+
}
|
|
749
|
+
);
|
|
617
750
|
}
|
|
618
751
|
|
|
619
752
|
// src/components/Field/index.tsx
|
|
620
|
-
var
|
|
753
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
621
754
|
function Field({
|
|
622
755
|
label,
|
|
623
756
|
children,
|
|
@@ -625,18 +758,18 @@ function Field({
|
|
|
625
758
|
required,
|
|
626
759
|
className = ""
|
|
627
760
|
}) {
|
|
628
|
-
return /* @__PURE__ */ (0,
|
|
629
|
-
/* @__PURE__ */ (0,
|
|
630
|
-
required && /* @__PURE__ */ (0,
|
|
761
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
|
|
762
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "matchid-field-label", children: [
|
|
763
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "matchid-field-required", children: "*" }),
|
|
631
764
|
label
|
|
632
765
|
] }),
|
|
633
766
|
children,
|
|
634
|
-
error && /* @__PURE__ */ (0,
|
|
767
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "matchid-field-error", children: error })
|
|
635
768
|
] });
|
|
636
769
|
}
|
|
637
770
|
|
|
638
771
|
// src/components/Button/index.tsx
|
|
639
|
-
var
|
|
772
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
640
773
|
function Button({
|
|
641
774
|
size = "df",
|
|
642
775
|
disabled = false,
|
|
@@ -655,7 +788,7 @@ function Button({
|
|
|
655
788
|
onClick && onClick();
|
|
656
789
|
}
|
|
657
790
|
};
|
|
658
|
-
return /* @__PURE__ */ (0,
|
|
791
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
659
792
|
"button",
|
|
660
793
|
{
|
|
661
794
|
type,
|
|
@@ -665,7 +798,7 @@ function Button({
|
|
|
665
798
|
...style
|
|
666
799
|
},
|
|
667
800
|
onClick: onAction,
|
|
668
|
-
children: loading ? /* @__PURE__ */ (0,
|
|
801
|
+
children: loading ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
|
|
669
802
|
}
|
|
670
803
|
);
|
|
671
804
|
}
|
|
@@ -1416,7 +1549,7 @@ function useCopyClipboard(timeout = 500) {
|
|
|
1416
1549
|
}
|
|
1417
1550
|
|
|
1418
1551
|
// src/components/PasswordModal/index.tsx
|
|
1419
|
-
var
|
|
1552
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
1420
1553
|
function PasswordModal({
|
|
1421
1554
|
title,
|
|
1422
1555
|
isOpen,
|
|
@@ -1462,13 +1595,13 @@ function PasswordModal({
|
|
|
1462
1595
|
setIsSubmitting(false);
|
|
1463
1596
|
}
|
|
1464
1597
|
};
|
|
1465
|
-
return /* @__PURE__ */ (0,
|
|
1466
|
-
/* @__PURE__ */ (0,
|
|
1467
|
-
/* @__PURE__ */ (0,
|
|
1468
|
-
/* @__PURE__ */ (0,
|
|
1598
|
+
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: [
|
|
1599
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "matchid-password-header", children: [
|
|
1600
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "matchid-password-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PasswordRoundIcon, {}) }),
|
|
1601
|
+
/* @__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
1602
|
] }),
|
|
1470
|
-
/* @__PURE__ */ (0,
|
|
1471
|
-
/* @__PURE__ */ (0,
|
|
1603
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "matchid-password-content", children: [
|
|
1604
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Field, { label: "Password", error: password.length > 0 && passwordError, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
1472
1605
|
Input,
|
|
1473
1606
|
{
|
|
1474
1607
|
placeholder: "Enter the Password",
|
|
@@ -1478,7 +1611,7 @@ function PasswordModal({
|
|
|
1478
1611
|
value: password
|
|
1479
1612
|
}
|
|
1480
1613
|
) }),
|
|
1481
|
-
/* @__PURE__ */ (0,
|
|
1614
|
+
/* @__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
1615
|
Input,
|
|
1483
1616
|
{
|
|
1484
1617
|
placeholder: "Re Enter the Password",
|
|
@@ -1489,7 +1622,7 @@ function PasswordModal({
|
|
|
1489
1622
|
}
|
|
1490
1623
|
) })
|
|
1491
1624
|
] }),
|
|
1492
|
-
/* @__PURE__ */ (0,
|
|
1625
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
1493
1626
|
Button,
|
|
1494
1627
|
{
|
|
1495
1628
|
disabled: password.length == 0 || !!passwordError || !!rePasswordError,
|
|
@@ -1506,7 +1639,7 @@ function PasswordModal({
|
|
|
1506
1639
|
|
|
1507
1640
|
// src/components/RecoveryModal/index.tsx
|
|
1508
1641
|
var import_react6 = require("react");
|
|
1509
|
-
var
|
|
1642
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
1510
1643
|
function RecoveryModal({
|
|
1511
1644
|
title,
|
|
1512
1645
|
isOpen,
|
|
@@ -1542,12 +1675,12 @@ function RecoveryModal({
|
|
|
1542
1675
|
setIsSubmitting(false);
|
|
1543
1676
|
}
|
|
1544
1677
|
};
|
|
1545
|
-
return /* @__PURE__ */ (0,
|
|
1546
|
-
/* @__PURE__ */ (0,
|
|
1547
|
-
/* @__PURE__ */ (0,
|
|
1548
|
-
/* @__PURE__ */ (0,
|
|
1678
|
+
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: [
|
|
1679
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "matchid-password-header", children: [
|
|
1680
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "matchid-password-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PasswordRoundIcon, {}) }),
|
|
1681
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "matchid-password-header-content", children: "Please enter your password to recover your wallet" })
|
|
1549
1682
|
] }),
|
|
1550
|
-
/* @__PURE__ */ (0,
|
|
1683
|
+
/* @__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
1684
|
Input,
|
|
1552
1685
|
{
|
|
1553
1686
|
placeholder: "Enter the Password",
|
|
@@ -1557,7 +1690,7 @@ function RecoveryModal({
|
|
|
1557
1690
|
value: password
|
|
1558
1691
|
}
|
|
1559
1692
|
) }) }),
|
|
1560
|
-
/* @__PURE__ */ (0,
|
|
1693
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
1561
1694
|
Button,
|
|
1562
1695
|
{
|
|
1563
1696
|
disabled: password.length == 0 || !!passwordError,
|
|
@@ -1599,7 +1732,7 @@ var import_react9 = require("react");
|
|
|
1599
1732
|
|
|
1600
1733
|
// src/components/EmailModal/StepEmail.tsx
|
|
1601
1734
|
var import_react7 = require("react");
|
|
1602
|
-
var
|
|
1735
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
1603
1736
|
function StepEmail(props) {
|
|
1604
1737
|
const [emailVal, setEmailVal] = (0, import_react7.useState)("");
|
|
1605
1738
|
(0, import_react7.useEffect)(() => {
|
|
@@ -1613,8 +1746,8 @@ function StepEmail(props) {
|
|
|
1613
1746
|
const onContinue = async () => {
|
|
1614
1747
|
props.onContinue(emailVal);
|
|
1615
1748
|
};
|
|
1616
|
-
return /* @__PURE__ */ (0,
|
|
1617
|
-
/* @__PURE__ */ (0,
|
|
1749
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "matchid-email-email-box", children: [
|
|
1750
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Field, { label: "Email Address", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
1618
1751
|
Input,
|
|
1619
1752
|
{
|
|
1620
1753
|
placeholder: "Enter Your Email Address",
|
|
@@ -1622,7 +1755,7 @@ function StepEmail(props) {
|
|
|
1622
1755
|
value: emailVal
|
|
1623
1756
|
}
|
|
1624
1757
|
) }),
|
|
1625
|
-
/* @__PURE__ */ (0,
|
|
1758
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button, { disabled: !canContinue, style: {
|
|
1626
1759
|
marginTop: "64px"
|
|
1627
1760
|
}, onClick: onContinue, size: "lg", block: true, highlight: true, children: "Continue" })
|
|
1628
1761
|
] });
|
|
@@ -1636,7 +1769,7 @@ var EMAIL_INTERVAL = 60;
|
|
|
1636
1769
|
var EMAIL_CODE_LENGTH = 6;
|
|
1637
1770
|
|
|
1638
1771
|
// src/components/EmailModal/StepVerify.tsx
|
|
1639
|
-
var
|
|
1772
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
1640
1773
|
function StepVerify(props) {
|
|
1641
1774
|
const { getLoginEmailCode, loginByEmail } = useUserInfo();
|
|
1642
1775
|
const [error, setError] = (0, import_react8.useState)("");
|
|
@@ -1705,22 +1838,22 @@ function StepVerify(props) {
|
|
|
1705
1838
|
setSubmitting(false);
|
|
1706
1839
|
}
|
|
1707
1840
|
};
|
|
1708
|
-
return /* @__PURE__ */ (0,
|
|
1709
|
-
/* @__PURE__ */ (0,
|
|
1710
|
-
/* @__PURE__ */ (0,
|
|
1711
|
-
/* @__PURE__ */ (0,
|
|
1712
|
-
/* @__PURE__ */ (0,
|
|
1713
|
-
/* @__PURE__ */ (0,
|
|
1841
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "matchid-email-verify-box", children: [
|
|
1842
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "matchid-email-verify-header", children: [
|
|
1843
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(EmailLineIcon, {}) }),
|
|
1844
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "matchid-email-verify-header-content", children: [
|
|
1845
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "matchid-email-verify-header-value", children: props.email }),
|
|
1846
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "matchid-email-verify-header-tips", children: "We have sent a verification code to your email" })
|
|
1714
1847
|
] })
|
|
1715
1848
|
] }),
|
|
1716
|
-
/* @__PURE__ */ (0,
|
|
1849
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Field, { label: "Verification Code", error, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1717
1850
|
Input,
|
|
1718
1851
|
{
|
|
1719
1852
|
placeholder: "Enter the code",
|
|
1720
1853
|
maxLength: codeLength,
|
|
1721
1854
|
onChange: (e) => setCode(e.target.value),
|
|
1722
1855
|
value: code,
|
|
1723
|
-
after: /* @__PURE__ */ (0,
|
|
1856
|
+
after: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1724
1857
|
Button,
|
|
1725
1858
|
{
|
|
1726
1859
|
highlight: true,
|
|
@@ -1739,12 +1872,12 @@ function StepVerify(props) {
|
|
|
1739
1872
|
)
|
|
1740
1873
|
}
|
|
1741
1874
|
) }),
|
|
1742
|
-
/* @__PURE__ */ (0,
|
|
1875
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button, { disabled: !canContinue, highlight: true, block: true, size: "lg", onClick: onContinue, children: "Continue" })
|
|
1743
1876
|
] });
|
|
1744
1877
|
}
|
|
1745
1878
|
|
|
1746
1879
|
// src/components/EmailModal/index.tsx
|
|
1747
|
-
var
|
|
1880
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
1748
1881
|
function EmailModal({
|
|
1749
1882
|
isOpen = false,
|
|
1750
1883
|
width = 480,
|
|
@@ -1760,7 +1893,7 @@ function EmailModal({
|
|
|
1760
1893
|
setEmailVal("");
|
|
1761
1894
|
}
|
|
1762
1895
|
}, [isOpen]);
|
|
1763
|
-
return /* @__PURE__ */ (0,
|
|
1896
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
1764
1897
|
ModalWithHeader,
|
|
1765
1898
|
{
|
|
1766
1899
|
isOpen,
|
|
@@ -1768,17 +1901,17 @@ function EmailModal({
|
|
|
1768
1901
|
onClose,
|
|
1769
1902
|
title: "Email",
|
|
1770
1903
|
onBack: step == "verify" ? () => setStep("input") : onBack,
|
|
1771
|
-
children: step === "input" ? /* @__PURE__ */ (0,
|
|
1904
|
+
children: step === "input" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(StepEmail, { email: emailVal, onContinue: (email) => {
|
|
1772
1905
|
setEmailVal(email);
|
|
1773
1906
|
setStep("verify");
|
|
1774
|
-
} }) : /* @__PURE__ */ (0,
|
|
1907
|
+
} }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(StepVerify, { email: emailVal, onSuccess: onLogin })
|
|
1775
1908
|
}
|
|
1776
1909
|
);
|
|
1777
1910
|
}
|
|
1778
1911
|
|
|
1779
1912
|
// src/components/Popover/index.tsx
|
|
1780
1913
|
var import_react10 = require("react");
|
|
1781
|
-
var
|
|
1914
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
1782
1915
|
function Popover({
|
|
1783
1916
|
children,
|
|
1784
1917
|
content,
|
|
@@ -1788,7 +1921,7 @@ function Popover({
|
|
|
1788
1921
|
gap = "20px"
|
|
1789
1922
|
}) {
|
|
1790
1923
|
const [active, setActive] = (0, import_react10.useState)(false);
|
|
1791
|
-
return /* @__PURE__ */ (0,
|
|
1924
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
1792
1925
|
"div",
|
|
1793
1926
|
{
|
|
1794
1927
|
onClick: () => {
|
|
@@ -1799,9 +1932,9 @@ function Popover({
|
|
|
1799
1932
|
className: `matchid-popover-box matchid-popover-${position} matchid-popover-${type} ${className} ${type == "click" && active ? "matchid-popover-click-active" : ""}`,
|
|
1800
1933
|
children: [
|
|
1801
1934
|
children,
|
|
1802
|
-
/* @__PURE__ */ (0,
|
|
1935
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { style: {
|
|
1803
1936
|
paddingTop: gap
|
|
1804
|
-
}, children: /* @__PURE__ */ (0,
|
|
1937
|
+
}, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: `matchid-popover-content`, children: content }) })
|
|
1805
1938
|
]
|
|
1806
1939
|
}
|
|
1807
1940
|
);
|
|
@@ -1809,186 +1942,195 @@ function Popover({
|
|
|
1809
1942
|
|
|
1810
1943
|
// src/components/LoginBox/index.tsx
|
|
1811
1944
|
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",
|
|
1945
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
1946
|
+
var RecommendItem = ({
|
|
1947
|
+
icon,
|
|
1948
|
+
name,
|
|
1949
|
+
onClick,
|
|
1950
|
+
showChildren = false,
|
|
1951
|
+
children
|
|
1952
|
+
}) => {
|
|
1953
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "matchid-login-recommend-method", children: [
|
|
1954
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "matchid-login-recommend-method-item", onClick, children: [
|
|
1955
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "matchid-login-recommend-method-content", children: [
|
|
1956
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "matchid-login-recommend-method-icon", children: icon }),
|
|
1957
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "matchid-login-recommend-method-name", children: name })
|
|
1958
|
+
] }),
|
|
1959
|
+
children ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1960
|
+
ArrowDownIcon,
|
|
1860
1961
|
{
|
|
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
|
-
]
|
|
1962
|
+
className: `matchid-login-recommend-method-arrow ${showChildren ? "matchid-login-recommend-method-arrow-active" : ""}`,
|
|
1963
|
+
size: 20,
|
|
1964
|
+
color: "var(--matchid-arrow-color)"
|
|
1871
1965
|
}
|
|
1872
|
-
),
|
|
1873
|
-
|
|
1874
|
-
"linearGradient",
|
|
1966
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1967
|
+
ArrowRightIcon,
|
|
1875
1968
|
{
|
|
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
|
-
]
|
|
1969
|
+
className: "matchid-login-recommend-method-arrow",
|
|
1970
|
+
size: 20,
|
|
1971
|
+
color: "var(--matchid-arrow-color)"
|
|
1886
1972
|
}
|
|
1887
1973
|
)
|
|
1888
|
-
] })
|
|
1974
|
+
] }),
|
|
1975
|
+
children && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1976
|
+
"div",
|
|
1977
|
+
{
|
|
1978
|
+
className: `matchid-login-recommend-method-popover ${showChildren ? "matchid-login-recommend-method-popover-active" : ""}`,
|
|
1979
|
+
children
|
|
1980
|
+
}
|
|
1981
|
+
)
|
|
1889
1982
|
] });
|
|
1890
|
-
}
|
|
1891
|
-
|
|
1892
|
-
// src/components/LoginBox/index.tsx
|
|
1893
|
-
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
1983
|
+
};
|
|
1894
1984
|
function LoginBox({
|
|
1895
|
-
|
|
1985
|
+
recommendMethods = [
|
|
1986
|
+
"wallet",
|
|
1987
|
+
"email",
|
|
1988
|
+
"google"
|
|
1989
|
+
],
|
|
1990
|
+
methods = [
|
|
1991
|
+
"telegram",
|
|
1992
|
+
"twitter"
|
|
1993
|
+
],
|
|
1896
1994
|
inModal = false
|
|
1897
1995
|
}) {
|
|
1898
1996
|
const [emailOpen, setEmailOpen] = (0, import_react11.useState)(false);
|
|
1899
1997
|
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
|
-
};
|
|
1998
|
+
const [showWallet, setShowWallet] = (0, import_react11.useState)(false);
|
|
1925
1999
|
const methodMap = {
|
|
1926
|
-
|
|
1927
|
-
icon: /* @__PURE__ */ (0,
|
|
1928
|
-
name: "
|
|
1929
|
-
onClick: () =>
|
|
2000
|
+
wallet: {
|
|
2001
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(WalletIcon, {}),
|
|
2002
|
+
name: "Wallet",
|
|
2003
|
+
onClick: () => setShowWallet(!showWallet),
|
|
2004
|
+
type: "wallet"
|
|
1930
2005
|
},
|
|
1931
2006
|
email: {
|
|
1932
|
-
icon: /* @__PURE__ */ (0,
|
|
2007
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(EmailIcon, {}),
|
|
1933
2008
|
name: "Email",
|
|
1934
2009
|
onClick: () => {
|
|
1935
2010
|
setEmailOpen(true);
|
|
1936
2011
|
}
|
|
1937
2012
|
},
|
|
1938
2013
|
google: {
|
|
1939
|
-
icon: /* @__PURE__ */ (0,
|
|
2014
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(GoogleIcon, {}),
|
|
1940
2015
|
name: "Google",
|
|
1941
2016
|
onClick: () => login("google")
|
|
1942
2017
|
},
|
|
1943
2018
|
twitter: {
|
|
1944
|
-
icon: /* @__PURE__ */ (0,
|
|
2019
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(XIcon, {}),
|
|
1945
2020
|
name: "X",
|
|
1946
2021
|
onClick: () => login("twitter")
|
|
1947
2022
|
},
|
|
1948
2023
|
telegram: {
|
|
1949
|
-
icon: /* @__PURE__ */ (0,
|
|
2024
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TelegramIcon, {}),
|
|
1950
2025
|
name: "Telegram",
|
|
1951
2026
|
onClick: () => login("telegram")
|
|
1952
2027
|
},
|
|
1953
2028
|
github: {
|
|
1954
|
-
icon: /* @__PURE__ */ (0,
|
|
2029
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(GithubIcon, {}),
|
|
1955
2030
|
name: "Github",
|
|
1956
2031
|
onClick: () => login("github")
|
|
1957
2032
|
},
|
|
1958
2033
|
discord: {
|
|
1959
|
-
icon: /* @__PURE__ */ (0,
|
|
2034
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DiscordIcon, {}),
|
|
1960
2035
|
name: "Discord",
|
|
1961
2036
|
onClick: () => login("discord")
|
|
1962
2037
|
},
|
|
1963
2038
|
linkedin: {
|
|
1964
|
-
icon: /* @__PURE__ */ (0,
|
|
2039
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(LinkedinIcon, {}),
|
|
1965
2040
|
name: "LinkedIn",
|
|
1966
2041
|
onClick: () => login("linkedin")
|
|
1967
2042
|
},
|
|
1968
2043
|
facebook: {
|
|
1969
|
-
icon: /* @__PURE__ */ (0,
|
|
2044
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(FacebookIcon, {}),
|
|
1970
2045
|
name: "Facebook",
|
|
1971
2046
|
onClick: () => login("facebook")
|
|
2047
|
+
}
|
|
2048
|
+
};
|
|
2049
|
+
const walletMethods = [
|
|
2050
|
+
{
|
|
2051
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(EVMDarkIcon, {}),
|
|
2052
|
+
activeIcon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(EVMLightIcon, {}),
|
|
2053
|
+
name: "EVM",
|
|
2054
|
+
onClick: () => login("evm")
|
|
1972
2055
|
},
|
|
1973
|
-
|
|
1974
|
-
icon: /* @__PURE__ */ (0,
|
|
2056
|
+
{
|
|
2057
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SOLDarkIcon, {}),
|
|
2058
|
+
activeIcon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SOLLightIcon, {}),
|
|
1975
2059
|
name: "SOL",
|
|
1976
2060
|
onClick: () => login("sol")
|
|
1977
2061
|
}
|
|
1978
|
-
|
|
1979
|
-
return /* @__PURE__ */ (0,
|
|
1980
|
-
(!inModal || !emailOpen) && /* @__PURE__ */ (0,
|
|
1981
|
-
|
|
1982
|
-
|
|
1983
|
-
|
|
1984
|
-
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
|
|
2062
|
+
];
|
|
2063
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
|
|
2064
|
+
(!inModal || !emailOpen) && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "matchid-login-box", children: [
|
|
2065
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "matchid-login-recommend-list", children: recommendMethods.map((m) => {
|
|
2066
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
2067
|
+
RecommendItem,
|
|
2068
|
+
{
|
|
2069
|
+
icon: methodMap[m]?.icon,
|
|
2070
|
+
name: methodMap[m]?.name,
|
|
2071
|
+
onClick: methodMap[m]?.onClick,
|
|
2072
|
+
showChildren: m == "wallet" && showWallet,
|
|
2073
|
+
children: m == "wallet" && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
|
|
2074
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "matchid-login-recommend-wallet-divider" }),
|
|
2075
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "matchid-login-recommend-wallet-list", children: walletMethods.map((m2) => {
|
|
2076
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
|
|
2077
|
+
"div",
|
|
2078
|
+
{
|
|
2079
|
+
className: "matchid-login-recommend-wallet-item",
|
|
2080
|
+
onClick: m2.onClick,
|
|
2081
|
+
children: [
|
|
2082
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "matchid-login-recommend-wallet-item-content", children: [
|
|
2083
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
|
|
2084
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
2085
|
+
"div",
|
|
2086
|
+
{
|
|
2087
|
+
className: "matchid-login-recommend-wallet-item-hover-icon",
|
|
2088
|
+
children: m2.activeIcon
|
|
2089
|
+
}
|
|
2090
|
+
),
|
|
2091
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
2092
|
+
"span",
|
|
2093
|
+
{
|
|
2094
|
+
className: "matchid-login-recommend-wallet-item-name",
|
|
2095
|
+
children: m2.name
|
|
2096
|
+
}
|
|
2097
|
+
)
|
|
2098
|
+
] }),
|
|
2099
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
2100
|
+
ArrowRightIcon,
|
|
2101
|
+
{
|
|
2102
|
+
className: "matchid-login-recommend-wallet-item-arrow",
|
|
2103
|
+
size: 20,
|
|
2104
|
+
color: "var(--matchid-arrow-color)"
|
|
2105
|
+
}
|
|
2106
|
+
)
|
|
2107
|
+
]
|
|
2108
|
+
},
|
|
2109
|
+
m2.name
|
|
2110
|
+
);
|
|
2111
|
+
}) })
|
|
2112
|
+
] })
|
|
2113
|
+
},
|
|
2114
|
+
m
|
|
2115
|
+
);
|
|
2116
|
+
}) }),
|
|
2117
|
+
methods.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "matchid-login-other", children: [
|
|
2118
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "matchid-login-other-text", children: "Other login methods" }),
|
|
2119
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "matchid-login-method-box", children: methods.map((m) => {
|
|
2120
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
2121
|
+
"div",
|
|
2122
|
+
{
|
|
2123
|
+
className: "matchid-login-method-item",
|
|
2124
|
+
onClick: methodMap[m]?.onClick,
|
|
2125
|
+
title: methodMap[m]?.name,
|
|
2126
|
+
children: methodMap[m]?.icon
|
|
2127
|
+
},
|
|
2128
|
+
m
|
|
2129
|
+
);
|
|
2130
|
+
}) })
|
|
2131
|
+
] })
|
|
2132
|
+
] }),
|
|
2133
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1992
2134
|
EmailModal,
|
|
1993
2135
|
{
|
|
1994
2136
|
isOpen: emailOpen,
|
|
@@ -2007,39 +2149,39 @@ function LoginBox({
|
|
|
2007
2149
|
var import_react13 = require("react");
|
|
2008
2150
|
|
|
2009
2151
|
// src/components/LoginPanel/index.tsx
|
|
2010
|
-
var
|
|
2152
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
2011
2153
|
function LoginPanel({
|
|
2012
2154
|
header,
|
|
2013
2155
|
onClose,
|
|
2014
2156
|
...props
|
|
2015
2157
|
}) {
|
|
2016
|
-
return /* @__PURE__ */ (0,
|
|
2017
|
-
header ? header : /* @__PURE__ */ (0,
|
|
2018
|
-
/* @__PURE__ */ (0,
|
|
2019
|
-
/* @__PURE__ */ (0,
|
|
2020
|
-
/* @__PURE__ */ (0,
|
|
2158
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "matchid-login-panel", children: [
|
|
2159
|
+
header ? header : /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "matchid-login-panel-header", children: [
|
|
2160
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "matchid-login-panel-header-content", children: [
|
|
2161
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "matchid-login-panel-header-title", children: "Log in / Sign up" }),
|
|
2162
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "matchid-login-panel-header-subtilte", children: "You can use the following methods" })
|
|
2021
2163
|
] }),
|
|
2022
|
-
onClose && /* @__PURE__ */ (0,
|
|
2164
|
+
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
2165
|
] }),
|
|
2024
|
-
/* @__PURE__ */ (0,
|
|
2025
|
-
/* @__PURE__ */ (0,
|
|
2166
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "matchid-login-panel-divide" }),
|
|
2167
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "matchid-login-panel-box", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LoginBox, { ...props }) })
|
|
2026
2168
|
] });
|
|
2027
2169
|
}
|
|
2028
2170
|
|
|
2029
2171
|
// src/components/LoginModal/index.tsx
|
|
2030
|
-
var
|
|
2172
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
2031
2173
|
function LoginModal({
|
|
2032
2174
|
isOpen = false,
|
|
2033
2175
|
width = 480,
|
|
2034
2176
|
...props
|
|
2035
2177
|
}) {
|
|
2036
2178
|
const { isLogin } = useUserInfo();
|
|
2037
|
-
return /* @__PURE__ */ (0,
|
|
2179
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
2038
2180
|
Modal,
|
|
2039
2181
|
{
|
|
2040
2182
|
isOpen: isOpen && !isLogin,
|
|
2041
2183
|
width,
|
|
2042
|
-
children: /* @__PURE__ */ (0,
|
|
2184
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(LoginPanel, { ...props, inModal: true })
|
|
2043
2185
|
}
|
|
2044
2186
|
);
|
|
2045
2187
|
}
|
|
@@ -2048,10 +2190,10 @@ function LoginModal({
|
|
|
2048
2190
|
var import_react12 = require("react");
|
|
2049
2191
|
|
|
2050
2192
|
// src/assets/icon/ProfileIcon.tsx
|
|
2051
|
-
var
|
|
2193
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
2052
2194
|
function ProfileIcon({ size = 24, color = "black", ...props }) {
|
|
2053
|
-
return /* @__PURE__ */ (0,
|
|
2054
|
-
/* @__PURE__ */ (0,
|
|
2195
|
+
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: [
|
|
2196
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
2055
2197
|
"path",
|
|
2056
2198
|
{
|
|
2057
2199
|
fillRule: "evenodd",
|
|
@@ -2060,7 +2202,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
|
|
|
2060
2202
|
fill: color
|
|
2061
2203
|
}
|
|
2062
2204
|
),
|
|
2063
|
-
/* @__PURE__ */ (0,
|
|
2205
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
2064
2206
|
"path",
|
|
2065
2207
|
{
|
|
2066
2208
|
fillRule: "evenodd",
|
|
@@ -2073,7 +2215,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
|
|
|
2073
2215
|
}
|
|
2074
2216
|
|
|
2075
2217
|
// src/components/UserPopover/index.tsx
|
|
2076
|
-
var
|
|
2218
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
2077
2219
|
function UserContent() {
|
|
2078
2220
|
const { logout, address, username } = useUserInfo();
|
|
2079
2221
|
const [logouting, setLogouting] = (0, import_react12.useState)(false);
|
|
@@ -2094,31 +2236,31 @@ function UserContent() {
|
|
|
2094
2236
|
rightIcon,
|
|
2095
2237
|
onClick
|
|
2096
2238
|
}) => {
|
|
2097
|
-
return /* @__PURE__ */ (0,
|
|
2098
|
-
/* @__PURE__ */ (0,
|
|
2239
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "matchid-user-popover-item", onClick, children: [
|
|
2240
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: `matchid-user-popover-item-content`, children: [
|
|
2099
2241
|
icon,
|
|
2100
|
-
/* @__PURE__ */ (0,
|
|
2242
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "matchid-user-popover-item-text", children })
|
|
2101
2243
|
] }),
|
|
2102
2244
|
rightIcon
|
|
2103
2245
|
] });
|
|
2104
2246
|
};
|
|
2105
2247
|
const UserDivider = () => {
|
|
2106
|
-
return /* @__PURE__ */ (0,
|
|
2248
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: `matchid-user-popover-divider` });
|
|
2107
2249
|
};
|
|
2108
2250
|
const [usernameOpen, setUsernameOpen] = (0, import_react12.useState)(false);
|
|
2109
2251
|
const [copied, setCopied] = useCopyClipboard();
|
|
2110
|
-
return /* @__PURE__ */ (0,
|
|
2111
|
-
/* @__PURE__ */ (0,
|
|
2112
|
-
/* @__PURE__ */ (0,
|
|
2252
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "matchid-user-popover-content", children: [
|
|
2253
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "matchid-user-popover-list", children: [
|
|
2254
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(UserItem, { onClick: () => {
|
|
2113
2255
|
setCopied(address);
|
|
2114
|
-
}, icon: copied ? /* @__PURE__ */ (0,
|
|
2115
|
-
/* @__PURE__ */ (0,
|
|
2116
|
-
/* @__PURE__ */ (0,
|
|
2256
|
+
}, 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) }),
|
|
2257
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(UserDivider, {}),
|
|
2258
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(UserItem, { onClick: () => {
|
|
2117
2259
|
setUsernameOpen(true);
|
|
2118
|
-
}, icon: /* @__PURE__ */ (0,
|
|
2260
|
+
}, 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
2261
|
] }),
|
|
2120
|
-
/* @__PURE__ */ (0,
|
|
2121
|
-
/* @__PURE__ */ (0,
|
|
2262
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Button, { onClick: onLogout, loading: logouting, children: "Disconnect" }),
|
|
2263
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(UsernameModal, { isOpen: usernameOpen, onClose: () => {
|
|
2122
2264
|
setUsernameOpen(false);
|
|
2123
2265
|
}, onSuccess: () => {
|
|
2124
2266
|
setUsernameOpen(false);
|
|
@@ -2129,14 +2271,15 @@ function UserPopover({
|
|
|
2129
2271
|
children,
|
|
2130
2272
|
...props
|
|
2131
2273
|
}) {
|
|
2132
|
-
return /* @__PURE__ */ (0,
|
|
2274
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Popover, { ...props, content: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(UserContent, {}), children });
|
|
2133
2275
|
}
|
|
2134
2276
|
|
|
2135
2277
|
// src/components/LoginButton/index.tsx
|
|
2136
|
-
var
|
|
2278
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
2137
2279
|
function LoginButton({
|
|
2138
2280
|
loginRender,
|
|
2139
2281
|
methods,
|
|
2282
|
+
recommendMethods,
|
|
2140
2283
|
onLoginClick,
|
|
2141
2284
|
popoverPosition = "right",
|
|
2142
2285
|
popoverType = "hover",
|
|
@@ -2146,17 +2289,17 @@ function LoginButton({
|
|
|
2146
2289
|
const { isLogin, username } = useUserInfo();
|
|
2147
2290
|
const [loginOpen, setLoginOpen] = (0, import_react13.useState)(false);
|
|
2148
2291
|
if (!isLogin) {
|
|
2149
|
-
return /* @__PURE__ */ (0,
|
|
2150
|
-
/* @__PURE__ */ (0,
|
|
2151
|
-
/* @__PURE__ */ (0,
|
|
2152
|
-
/* @__PURE__ */ (0,
|
|
2153
|
-
/* @__PURE__ */ (0,
|
|
2292
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
|
|
2293
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(LoginModal, { methods, recommendMethods, isOpen: loginOpen, onClose: () => setLoginOpen(false) }),
|
|
2294
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
|
|
2295
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(UnLoginIcon_default, {}),
|
|
2296
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: "Login" })
|
|
2154
2297
|
] })
|
|
2155
2298
|
] });
|
|
2156
2299
|
}
|
|
2157
|
-
return loginRender ? { loginRender } : /* @__PURE__ */ (0,
|
|
2158
|
-
/* @__PURE__ */ (0,
|
|
2159
|
-
/* @__PURE__ */ (0,
|
|
2300
|
+
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: [
|
|
2301
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(LoginIcon_default, {}),
|
|
2302
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: username ? truncateAddress(username) : "MatchID User" })
|
|
2160
2303
|
] }) });
|
|
2161
2304
|
}
|
|
2162
2305
|
|
|
@@ -2164,14 +2307,14 @@ function LoginButton({
|
|
|
2164
2307
|
var import_react14 = require("react");
|
|
2165
2308
|
|
|
2166
2309
|
// src/assets/icon/InfoRoundIcon.tsx
|
|
2167
|
-
var
|
|
2310
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
2168
2311
|
function InfoRoundIcon({
|
|
2169
2312
|
size,
|
|
2170
2313
|
color = "#6E6E6E",
|
|
2171
2314
|
...props
|
|
2172
2315
|
}) {
|
|
2173
|
-
return /* @__PURE__ */ (0,
|
|
2174
|
-
/* @__PURE__ */ (0,
|
|
2316
|
+
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: [
|
|
2317
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("g", { clipPath: "url(#clip0_418_7746)", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
2175
2318
|
"path",
|
|
2176
2319
|
{
|
|
2177
2320
|
fillRule: "evenodd",
|
|
@@ -2180,19 +2323,19 @@ function InfoRoundIcon({
|
|
|
2180
2323
|
fill: color
|
|
2181
2324
|
}
|
|
2182
2325
|
) }),
|
|
2183
|
-
/* @__PURE__ */ (0,
|
|
2326
|
+
/* @__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
2327
|
] });
|
|
2185
2328
|
}
|
|
2186
2329
|
|
|
2187
2330
|
// src/components/UsernameModal/index.tsx
|
|
2188
|
-
var
|
|
2331
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
2189
2332
|
var ValidItem = ({
|
|
2190
2333
|
success = false,
|
|
2191
2334
|
text
|
|
2192
2335
|
}) => {
|
|
2193
|
-
return /* @__PURE__ */ (0,
|
|
2194
|
-
success ? /* @__PURE__ */ (0,
|
|
2195
|
-
/* @__PURE__ */ (0,
|
|
2336
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: `matchid-valid-status-item matchid-valid-status-${success ? "success" : "error"}`, children: [
|
|
2337
|
+
success ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CheckRoundIcon, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(InfoRoundIcon, { size: 16 }),
|
|
2338
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: text })
|
|
2196
2339
|
] });
|
|
2197
2340
|
};
|
|
2198
2341
|
function UsernameModal({
|
|
@@ -2238,8 +2381,8 @@ function UsernameModal({
|
|
|
2238
2381
|
setIsSubmitting(false);
|
|
2239
2382
|
}
|
|
2240
2383
|
};
|
|
2241
|
-
return /* @__PURE__ */ (0,
|
|
2242
|
-
/* @__PURE__ */ (0,
|
|
2384
|
+
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: [
|
|
2385
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Field, { label: "User Name", error, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
2243
2386
|
Input,
|
|
2244
2387
|
{
|
|
2245
2388
|
placeholder: "Enter Your User Name",
|
|
@@ -2250,20 +2393,20 @@ function UsernameModal({
|
|
|
2250
2393
|
value: val
|
|
2251
2394
|
}
|
|
2252
2395
|
) }),
|
|
2253
|
-
/* @__PURE__ */ (0,
|
|
2254
|
-
/* @__PURE__ */ (0,
|
|
2396
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "matchid-valid", children: [
|
|
2397
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
2255
2398
|
ValidItem,
|
|
2256
2399
|
{
|
|
2257
2400
|
success: isValid,
|
|
2258
2401
|
text: "Name can be composed of numbers and letters as well as characters"
|
|
2259
2402
|
}
|
|
2260
2403
|
),
|
|
2261
|
-
/* @__PURE__ */ (0,
|
|
2404
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ValidItem, { success: isLength, text: "No less than 2 characters" })
|
|
2262
2405
|
] }),
|
|
2263
|
-
/* @__PURE__ */ (0,
|
|
2406
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, { disabled: !isSafe, loading: isSubmitting, style: {
|
|
2264
2407
|
marginTop: "64px"
|
|
2265
2408
|
}, onClick: onSubmit, size: "lg", block: true, highlight: true, children: "Confirm" }),
|
|
2266
|
-
/* @__PURE__ */ (0,
|
|
2409
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, { style: {
|
|
2267
2410
|
marginTop: "24px"
|
|
2268
2411
|
}, onClick: props.onClose, size: "lg", block: true, children: "Next Time" })
|
|
2269
2412
|
] }) });
|
|
@@ -2294,7 +2437,7 @@ var walletConnectImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEA
|
|
|
2294
2437
|
var walletSigningImage = "data:image/png;base64,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";
|
|
2295
2438
|
|
|
2296
2439
|
// src/components/SOLModal/index.tsx
|
|
2297
|
-
var
|
|
2440
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
2298
2441
|
function WalletContent({
|
|
2299
2442
|
onSuccess,
|
|
2300
2443
|
type
|
|
@@ -2427,12 +2570,12 @@ function WalletContent({
|
|
|
2427
2570
|
statusImage: walletConnectImage
|
|
2428
2571
|
};
|
|
2429
2572
|
}, [visible, wallet.connected, status, error, wallet.publicKey]);
|
|
2430
|
-
return /* @__PURE__ */ (0,
|
|
2431
|
-
/* @__PURE__ */ (0,
|
|
2432
|
-
/* @__PURE__ */ (0,
|
|
2433
|
-
/* @__PURE__ */ (0,
|
|
2573
|
+
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: [
|
|
2574
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: `matchid-wallet-content`, children: [
|
|
2575
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("img", { src: pageData.statusImage }),
|
|
2576
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: pageData.isError ? "text-[#F7585E]" : "", children: pageData.text })
|
|
2434
2577
|
] }),
|
|
2435
|
-
/* @__PURE__ */ (0,
|
|
2578
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
2436
2579
|
Button,
|
|
2437
2580
|
{
|
|
2438
2581
|
block: true,
|
|
@@ -2491,18 +2634,18 @@ function SOLModal({
|
|
|
2491
2634
|
onSuccess,
|
|
2492
2635
|
...props
|
|
2493
2636
|
}) {
|
|
2494
|
-
return /* @__PURE__ */ (0,
|
|
2637
|
+
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
2638
|
}
|
|
2496
2639
|
|
|
2497
2640
|
// src/context/BusinessProvider.tsx
|
|
2498
|
-
var
|
|
2641
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
2499
2642
|
function BusinessProvider({ children }) {
|
|
2500
2643
|
const { overview, token } = useUserInfo();
|
|
2501
2644
|
const { recoveryModal } = useStore_default();
|
|
2502
2645
|
const { type: SOLType, isOpen: SOLIsOpen, close: SOLClose } = useSOLModalStore();
|
|
2503
|
-
return /* @__PURE__ */ (0,
|
|
2504
|
-
/* @__PURE__ */ (0,
|
|
2505
|
-
/* @__PURE__ */ (0,
|
|
2646
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
|
|
2647
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(PasswordModal, { isOpen: !!token && !!overview && !overview.address && !!overview.did, showClose: false }),
|
|
2648
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
2506
2649
|
RecoveryModal,
|
|
2507
2650
|
{
|
|
2508
2651
|
isOpen: !!token && !!overview && !!overview.address && recoveryModal.open,
|
|
@@ -2510,7 +2653,7 @@ function BusinessProvider({ children }) {
|
|
|
2510
2653
|
onSuccess: recoveryModal.success
|
|
2511
2654
|
}
|
|
2512
2655
|
),
|
|
2513
|
-
/* @__PURE__ */ (0,
|
|
2656
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
2514
2657
|
SOLModal,
|
|
2515
2658
|
{
|
|
2516
2659
|
isOpen: SOLIsOpen && (SOLType == "login" && !overview && !token || SOLType == "bind" && !!token && !!overview),
|
|
@@ -2525,12 +2668,12 @@ function BusinessProvider({ children }) {
|
|
|
2525
2668
|
}
|
|
2526
2669
|
|
|
2527
2670
|
// src/context/index.tsx
|
|
2528
|
-
var
|
|
2671
|
+
var import_jsx_runtime56 = (
|
|
2529
2672
|
// <MpcWalletProvider>
|
|
2530
2673
|
require("react/jsx-runtime")
|
|
2531
2674
|
);
|
|
2532
2675
|
var Providers = ({ children }) => {
|
|
2533
|
-
return /* @__PURE__ */ (0,
|
|
2676
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(BusinessProvider, { children });
|
|
2534
2677
|
};
|
|
2535
2678
|
var context_default = Providers;
|
|
2536
2679
|
|
|
@@ -2776,7 +2919,7 @@ function useInit({
|
|
|
2776
2919
|
|
|
2777
2920
|
// src/MatchContext.tsx
|
|
2778
2921
|
var import_react_query = require("@tanstack/react-query");
|
|
2779
|
-
var
|
|
2922
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
2780
2923
|
var queryClient = new import_react_query.QueryClient();
|
|
2781
2924
|
var MatchContext = (0, import_react18.createContext)(void 0);
|
|
2782
2925
|
var MatchProvider = ({ children, appid, events, theme = "light", endpoints }) => {
|
|
@@ -2789,7 +2932,7 @@ var MatchProvider = ({ children, appid, events, theme = "light", endpoints }) =>
|
|
|
2789
2932
|
useWalletInit({
|
|
2790
2933
|
refreshOverview: loadOverview
|
|
2791
2934
|
});
|
|
2792
|
-
return /* @__PURE__ */ (0,
|
|
2935
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react_query.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
2793
2936
|
MatchContext.Provider,
|
|
2794
2937
|
{
|
|
2795
2938
|
value: {
|
|
@@ -2799,7 +2942,7 @@ var MatchProvider = ({ children, appid, events, theme = "light", endpoints }) =>
|
|
|
2799
2942
|
login,
|
|
2800
2943
|
theme
|
|
2801
2944
|
},
|
|
2802
|
-
children: /* @__PURE__ */ (0,
|
|
2945
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(context_default, { children })
|
|
2803
2946
|
}
|
|
2804
2947
|
) });
|
|
2805
2948
|
};
|