@matchain/matchid-sdk-react 0.1.40-alpha.10 → 0.1.40-alpha.2
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/assets/icon/index.d.mts +2 -6
- package/dist/assets/icon/index.d.ts +2 -6
- package/dist/assets/icon/index.js +0 -56
- package/dist/assets/icon/index.js.map +1 -1
- package/dist/assets/icon/index.mjs +1 -5
- package/dist/{chunk-RYZFW6P6.mjs → chunk-3CHFSRD3.mjs} +101 -330
- package/dist/chunk-3CHFSRD3.mjs.map +1 -0
- package/dist/{chunk-DPXMCLYK.mjs → chunk-6PWH7WZI.mjs} +2 -56
- package/dist/chunk-6PWH7WZI.mjs.map +1 -0
- package/dist/{chunk-B2HVAJPQ.mjs → chunk-6RESIJXV.mjs} +2 -2
- package/dist/components/index.d.mts +2 -2
- package/dist/components/index.d.ts +2 -2
- package/dist/components/index.js +228 -496
- package/dist/components/index.js.map +1 -1
- package/dist/components/index.mjs +2 -4
- package/dist/hooks/api/index.d.mts +2 -2
- package/dist/hooks/api/index.d.ts +2 -2
- package/dist/hooks/api/index.js +41 -64
- package/dist/hooks/api/index.js.map +1 -1
- package/dist/hooks/api/index.mjs +3 -3
- package/dist/hooks/index.d.mts +2 -2
- package/dist/hooks/index.d.ts +2 -2
- package/dist/hooks/index.js +45 -68
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/index.mjs +2 -2
- package/dist/{index-DoF5jRoi.d.ts → index-BPveUnst.d.ts} +1 -1
- package/dist/{index-fS75Swm8.d.ts → index-ClQl2MMF.d.mts} +3 -9
- package/dist/{index-COlsBC-b.d.mts → index-CvCSpU8m.d.ts} +3 -9
- package/dist/{index-Dq9Swg8r.d.ts → index-DlrDrTMk.d.ts} +2 -3
- package/dist/{index-fl6SNIZC.d.mts → index-Dm5o2w2J.d.mts} +1 -1
- package/dist/{index-C3KZYrtu.d.mts → index-mEK7Lcps.d.mts} +2 -3
- package/dist/index.d.mts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.js +300 -572
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +6 -6
- package/dist/{types.d-CLO_WLka.d.mts → types.d-IS3DBl3p.d.mts} +1 -1
- package/dist/{types.d-CLO_WLka.d.ts → types.d-IS3DBl3p.d.ts} +1 -1
- package/example/src/components/Login/index.tsx +2 -2
- package/example/src/config/index.ts +1 -6
- package/example/src/pages/User.tsx +4 -4
- package/package.json +2 -2
- package/dist/chunk-DPXMCLYK.mjs.map +0 -1
- package/dist/chunk-RYZFW6P6.mjs.map +0 -1
- /package/dist/{chunk-B2HVAJPQ.mjs.map → chunk-6RESIJXV.mjs.map} +0 -0
package/dist/components/index.js
CHANGED
|
@@ -44,7 +44,6 @@ __export(components_exports, {
|
|
|
44
44
|
PasswordModal: () => PasswordModal,
|
|
45
45
|
Popover: () => Popover,
|
|
46
46
|
SOLModal: () => SOLModal,
|
|
47
|
-
TONModal: () => TONModal,
|
|
48
47
|
TRONModal: () => TRONModal,
|
|
49
48
|
UsernameModal: () => UsernameModal
|
|
50
49
|
});
|
|
@@ -1055,58 +1054,6 @@ function BitgetIcon({
|
|
|
1055
1054
|
);
|
|
1056
1055
|
}
|
|
1057
1056
|
|
|
1058
|
-
// src/assets/icon/TonDarkIcon.tsx
|
|
1059
|
-
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
1060
|
-
function TonLightIcon({ size = 40, ...props }) {
|
|
1061
|
-
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
1062
|
-
"svg",
|
|
1063
|
-
{
|
|
1064
|
-
width: size,
|
|
1065
|
-
height: size,
|
|
1066
|
-
...props,
|
|
1067
|
-
viewBox: "0 0 40 40",
|
|
1068
|
-
fill: "none",
|
|
1069
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
1070
|
-
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
1071
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
1072
|
-
"path",
|
|
1073
|
-
{
|
|
1074
|
-
stroke: "null",
|
|
1075
|
-
id: "svg_2",
|
|
1076
|
-
fill: "black",
|
|
1077
|
-
d: "m28.551235,7.336842l-17.103441,0c-3.144714,0 -5.137911,3.392209 -3.555804,6.134509l10.555606,18.295835c0.688817,1.19463 2.41502,1.19463 3.103838,0l10.557753,-18.295835c1.57996,-2.737917 -0.413237,-6.134509 -3.555804,-6.134509l-0.002147,0zm-10.112226,18.943687l-2.298831,-4.449093l-5.546854,-9.920635c-0.36592,-0.634971 0.086046,-1.448654 0.852323,-1.448654l6.991215,0l0,15.820529l0.002147,-0.002147zm10.962403,-14.371875l-5.544707,9.924928l-2.298831,4.446947l0,-15.820529l6.991215,0c0.766277,0 1.218244,0.813683 0.852323,1.448654z"
|
|
1078
|
-
}
|
|
1079
|
-
)
|
|
1080
|
-
}
|
|
1081
|
-
);
|
|
1082
|
-
}
|
|
1083
|
-
|
|
1084
|
-
// src/assets/icon/TonLightIcon.tsx
|
|
1085
|
-
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
1086
|
-
function TonLightIcon2({ size = 40, ...props }) {
|
|
1087
|
-
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1088
|
-
"svg",
|
|
1089
|
-
{
|
|
1090
|
-
width: size,
|
|
1091
|
-
height: size,
|
|
1092
|
-
...props,
|
|
1093
|
-
viewBox: "0 0 40 40",
|
|
1094
|
-
fill: "none",
|
|
1095
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
1096
|
-
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
1097
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1098
|
-
"path",
|
|
1099
|
-
{
|
|
1100
|
-
stroke: "null",
|
|
1101
|
-
id: "svg_2",
|
|
1102
|
-
fill: "white",
|
|
1103
|
-
d: "m28.551235,7.336842l-17.103441,0c-3.144714,0 -5.137911,3.392209 -3.555804,6.134509l10.555606,18.295835c0.688817,1.19463 2.41502,1.19463 3.103838,0l10.557753,-18.295835c1.57996,-2.737917 -0.413237,-6.134509 -3.555804,-6.134509l-0.002147,0zm-10.112226,18.943687l-2.298831,-4.449093l-5.546854,-9.920635c-0.36592,-0.634971 0.086046,-1.448654 0.852323,-1.448654l6.991215,0l0,15.820529l0.002147,-0.002147zm10.962403,-14.371875l-5.544707,9.924928l-2.298831,4.446947l0,-15.820529l6.991215,0c0.766277,0 1.218244,0.813683 0.852323,1.448654z"
|
|
1104
|
-
}
|
|
1105
|
-
)
|
|
1106
|
-
}
|
|
1107
|
-
);
|
|
1108
|
-
}
|
|
1109
|
-
|
|
1110
1057
|
// src/hooks/useLayout.tsx
|
|
1111
1058
|
var import_react = require("react");
|
|
1112
1059
|
function useDownMd() {
|
|
@@ -1124,7 +1071,7 @@ function useDownMd() {
|
|
|
1124
1071
|
}
|
|
1125
1072
|
|
|
1126
1073
|
// src/components/Modal/index.tsx
|
|
1127
|
-
var
|
|
1074
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
1128
1075
|
function Modal({
|
|
1129
1076
|
children,
|
|
1130
1077
|
isOpen,
|
|
@@ -1132,21 +1079,21 @@ function Modal({
|
|
|
1132
1079
|
zIndex = 100,
|
|
1133
1080
|
className = ""
|
|
1134
1081
|
}) {
|
|
1135
|
-
return isOpen ? /* @__PURE__ */ (0,
|
|
1082
|
+
return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
1136
1083
|
"div",
|
|
1137
1084
|
{
|
|
1138
1085
|
className: "matchid-overlay",
|
|
1139
1086
|
style: {
|
|
1140
1087
|
zIndex
|
|
1141
1088
|
},
|
|
1142
|
-
children: /* @__PURE__ */ (0,
|
|
1089
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: `matchid-modal ${className}`, style: {
|
|
1143
1090
|
width
|
|
1144
1091
|
}, children: [
|
|
1145
|
-
/* @__PURE__ */ (0,
|
|
1092
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "matchid-modal-mobile-header" }),
|
|
1146
1093
|
children
|
|
1147
1094
|
] })
|
|
1148
1095
|
}
|
|
1149
|
-
) : /* @__PURE__ */ (0,
|
|
1096
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, {});
|
|
1150
1097
|
}
|
|
1151
1098
|
function ModalWithHeader({
|
|
1152
1099
|
children,
|
|
@@ -1158,13 +1105,13 @@ function ModalWithHeader({
|
|
|
1158
1105
|
...props
|
|
1159
1106
|
}) {
|
|
1160
1107
|
const isDownMd = useDownMd();
|
|
1161
|
-
return /* @__PURE__ */ (0,
|
|
1162
|
-
/* @__PURE__ */ (0,
|
|
1163
|
-
/* @__PURE__ */ (0,
|
|
1164
|
-
onBack && /* @__PURE__ */ (0,
|
|
1165
|
-
/* @__PURE__ */ (0,
|
|
1108
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Modal, { ...props, children: [
|
|
1109
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
|
|
1110
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "matchid-modal-header-content", children: [
|
|
1111
|
+
onBack && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
|
|
1112
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "matchid-modal-header-title", children: title })
|
|
1166
1113
|
] }),
|
|
1167
|
-
onClose && /* @__PURE__ */ (0,
|
|
1114
|
+
onClose && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
|
|
1168
1115
|
] }),
|
|
1169
1116
|
children
|
|
1170
1117
|
] });
|
|
@@ -1199,7 +1146,7 @@ function getAppClientId() {
|
|
|
1199
1146
|
}
|
|
1200
1147
|
|
|
1201
1148
|
// src/components/Button/index.tsx
|
|
1202
|
-
var
|
|
1149
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
1203
1150
|
function Button({
|
|
1204
1151
|
size = "df",
|
|
1205
1152
|
disabled = false,
|
|
@@ -1218,7 +1165,7 @@ function Button({
|
|
|
1218
1165
|
onClick && onClick();
|
|
1219
1166
|
}
|
|
1220
1167
|
};
|
|
1221
|
-
return /* @__PURE__ */ (0,
|
|
1168
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1222
1169
|
"button",
|
|
1223
1170
|
{
|
|
1224
1171
|
type,
|
|
@@ -1228,14 +1175,14 @@ function Button({
|
|
|
1228
1175
|
...style
|
|
1229
1176
|
},
|
|
1230
1177
|
onClick: onAction,
|
|
1231
|
-
children: loading ? /* @__PURE__ */ (0,
|
|
1178
|
+
children: loading ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
|
|
1232
1179
|
}
|
|
1233
1180
|
);
|
|
1234
1181
|
}
|
|
1235
1182
|
|
|
1236
1183
|
// src/components/Input/index.tsx
|
|
1237
1184
|
var import_react2 = require("react");
|
|
1238
|
-
var
|
|
1185
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
1239
1186
|
function Input({
|
|
1240
1187
|
onChange,
|
|
1241
1188
|
type,
|
|
@@ -1245,17 +1192,17 @@ function Input({
|
|
|
1245
1192
|
}) {
|
|
1246
1193
|
const [inputType, setInputType] = (0, import_react2.useState)(type);
|
|
1247
1194
|
const isDownMd = useDownMd();
|
|
1248
|
-
return /* @__PURE__ */ (0,
|
|
1195
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
1249
1196
|
"div",
|
|
1250
1197
|
{
|
|
1251
1198
|
className: `matchid-input-box ${props.value && props.value.length > 0 ? "matchid-input-has-content" : ""} ${className}`,
|
|
1252
1199
|
children: [
|
|
1253
|
-
/* @__PURE__ */ (0,
|
|
1254
|
-
props.value && props.value.length > 0 && /* @__PURE__ */ (0,
|
|
1200
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
|
|
1201
|
+
props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
|
|
1255
1202
|
if (onChange) {
|
|
1256
1203
|
onChange({ target: { value: "" } });
|
|
1257
1204
|
}
|
|
1258
|
-
}, children: /* @__PURE__ */ (0,
|
|
1205
|
+
}, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
1259
1206
|
DeleteRoundIcon,
|
|
1260
1207
|
{
|
|
1261
1208
|
height: isDownMd ? 16 : 21,
|
|
@@ -1263,9 +1210,9 @@ function Input({
|
|
|
1263
1210
|
color: "var(--matchid-input-delete-icon-color)"
|
|
1264
1211
|
}
|
|
1265
1212
|
) }),
|
|
1266
|
-
type === "password" && /* @__PURE__ */ (0,
|
|
1213
|
+
type === "password" && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
|
|
1267
1214
|
setInputType(inputType === "password" ? "text" : "password");
|
|
1268
|
-
}, children: inputType === "password" ? /* @__PURE__ */ (0,
|
|
1215
|
+
}, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
|
|
1269
1216
|
after
|
|
1270
1217
|
]
|
|
1271
1218
|
}
|
|
@@ -1273,7 +1220,7 @@ function Input({
|
|
|
1273
1220
|
}
|
|
1274
1221
|
|
|
1275
1222
|
// src/components/Field/index.tsx
|
|
1276
|
-
var
|
|
1223
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
1277
1224
|
function Field({
|
|
1278
1225
|
label,
|
|
1279
1226
|
children,
|
|
@@ -1281,19 +1228,19 @@ function Field({
|
|
|
1281
1228
|
required,
|
|
1282
1229
|
className = ""
|
|
1283
1230
|
}) {
|
|
1284
|
-
return /* @__PURE__ */ (0,
|
|
1285
|
-
/* @__PURE__ */ (0,
|
|
1286
|
-
required && /* @__PURE__ */ (0,
|
|
1231
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
|
|
1232
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "matchid-field-label", children: [
|
|
1233
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "matchid-field-required", children: "*" }),
|
|
1287
1234
|
label
|
|
1288
1235
|
] }),
|
|
1289
1236
|
children,
|
|
1290
|
-
error && /* @__PURE__ */ (0,
|
|
1237
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "matchid-field-error", children: error })
|
|
1291
1238
|
] });
|
|
1292
1239
|
}
|
|
1293
1240
|
|
|
1294
1241
|
// src/components/EmailModal/StepEmail.tsx
|
|
1295
1242
|
var import_react_intl = require("react-intl");
|
|
1296
|
-
var
|
|
1243
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
1297
1244
|
function StepEmail(props) {
|
|
1298
1245
|
const intl = (0, import_react_intl.useIntl)();
|
|
1299
1246
|
const [emailVal, setEmailVal] = (0, import_react3.useState)("");
|
|
@@ -1308,10 +1255,10 @@ function StepEmail(props) {
|
|
|
1308
1255
|
const onContinue = async () => {
|
|
1309
1256
|
props.onContinue(emailVal);
|
|
1310
1257
|
};
|
|
1311
|
-
return /* @__PURE__ */ (0,
|
|
1312
|
-
/* @__PURE__ */ (0,
|
|
1258
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "matchid-email-email-box", children: [
|
|
1259
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Field, { label: intl.formatMessage({
|
|
1313
1260
|
id: "emailAddress"
|
|
1314
|
-
}), children: /* @__PURE__ */ (0,
|
|
1261
|
+
}), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1315
1262
|
Input,
|
|
1316
1263
|
{
|
|
1317
1264
|
placeholder: intl.formatMessage({
|
|
@@ -1321,9 +1268,9 @@ function StepEmail(props) {
|
|
|
1321
1268
|
value: emailVal
|
|
1322
1269
|
}
|
|
1323
1270
|
) }),
|
|
1324
|
-
/* @__PURE__ */ (0,
|
|
1271
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { disabled: !canContinue, style: {
|
|
1325
1272
|
marginTop: "64px"
|
|
1326
|
-
}, onClick: onContinue, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0,
|
|
1273
|
+
}, onClick: onContinue, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_intl.FormattedMessage, { id: "continue" }) })
|
|
1327
1274
|
] });
|
|
1328
1275
|
}
|
|
1329
1276
|
|
|
@@ -1532,42 +1479,28 @@ var getAuthInfoApi = () => {
|
|
|
1532
1479
|
method: "GET"
|
|
1533
1480
|
});
|
|
1534
1481
|
};
|
|
1535
|
-
var getWalletNonceApi = (
|
|
1482
|
+
var getWalletNonceApi = ({ address }) => {
|
|
1536
1483
|
return request_default({
|
|
1537
1484
|
url: `/api/v1/login/wallet/init`,
|
|
1538
1485
|
method: "POST",
|
|
1539
|
-
data
|
|
1486
|
+
data: { address }
|
|
1540
1487
|
});
|
|
1541
1488
|
};
|
|
1542
|
-
var loginByWalletApi = ({
|
|
1543
|
-
type,
|
|
1544
|
-
address,
|
|
1545
|
-
signature,
|
|
1546
|
-
message,
|
|
1547
|
-
connector_type,
|
|
1548
|
-
wallet_client_type
|
|
1549
|
-
}) => {
|
|
1489
|
+
var loginByWalletApi = ({ type, address, signature, message, connector_type, wallet_client_type }) => {
|
|
1550
1490
|
return request_default({
|
|
1551
1491
|
url: `/api/v1/login/wallet`,
|
|
1552
1492
|
method: "POST",
|
|
1553
1493
|
data: { type, address, signature, message, connector_type, wallet_client_type }
|
|
1554
1494
|
});
|
|
1555
1495
|
};
|
|
1556
|
-
var getWalletInitApi = (
|
|
1496
|
+
var getWalletInitApi = ({ address }) => {
|
|
1557
1497
|
return request_default({
|
|
1558
1498
|
url: `/api/v1/wallet/init`,
|
|
1559
1499
|
method: "POST",
|
|
1560
|
-
data
|
|
1500
|
+
data: { address }
|
|
1561
1501
|
});
|
|
1562
1502
|
};
|
|
1563
|
-
var toBindWalletApi = ({
|
|
1564
|
-
type,
|
|
1565
|
-
address,
|
|
1566
|
-
signature,
|
|
1567
|
-
message,
|
|
1568
|
-
connector_type,
|
|
1569
|
-
wallet_client_type
|
|
1570
|
-
}) => {
|
|
1503
|
+
var toBindWalletApi = ({ type, address, signature, message, connector_type, wallet_client_type }) => {
|
|
1571
1504
|
return request_default({
|
|
1572
1505
|
url: `/api/v1/wallet/bind`,
|
|
1573
1506
|
method: "POST",
|
|
@@ -1783,7 +1716,7 @@ function useCopyClipboard(timeout = 500) {
|
|
|
1783
1716
|
|
|
1784
1717
|
// src/components/PasswordModal/index.tsx
|
|
1785
1718
|
var import_react_intl2 = require("react-intl");
|
|
1786
|
-
var
|
|
1719
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
1787
1720
|
function PasswordModal({
|
|
1788
1721
|
title,
|
|
1789
1722
|
isOpen,
|
|
@@ -1841,15 +1774,15 @@ function PasswordModal({
|
|
|
1841
1774
|
setIsSubmitting(false);
|
|
1842
1775
|
}
|
|
1843
1776
|
};
|
|
1844
|
-
return /* @__PURE__ */ (0,
|
|
1777
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
|
|
1845
1778
|
id: "passwordTitle"
|
|
1846
|
-
}), children: /* @__PURE__ */ (0,
|
|
1847
|
-
/* @__PURE__ */ (0,
|
|
1848
|
-
/* @__PURE__ */ (0,
|
|
1849
|
-
/* @__PURE__ */ (0,
|
|
1779
|
+
}), children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "matchid-password-box", children: [
|
|
1780
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "matchid-password-header", children: [
|
|
1781
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "matchid-password-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PasswordRoundIcon, {}) }),
|
|
1782
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "matchid-password-header-content", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_intl2.FormattedMessage, { id: "passwordTips" }) })
|
|
1850
1783
|
] }),
|
|
1851
|
-
/* @__PURE__ */ (0,
|
|
1852
|
-
/* @__PURE__ */ (0,
|
|
1784
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "matchid-password-content", children: [
|
|
1785
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Field, { label: intl.formatMessage({ id: "password" }), error: password.length > 0 && passwordError, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
1853
1786
|
Input,
|
|
1854
1787
|
{
|
|
1855
1788
|
placeholder: intl.formatMessage({ id: "passwordPlaceholder" }),
|
|
@@ -1859,9 +1792,9 @@ function PasswordModal({
|
|
|
1859
1792
|
value: password
|
|
1860
1793
|
}
|
|
1861
1794
|
) }),
|
|
1862
|
-
/* @__PURE__ */ (0,
|
|
1795
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Field, { label: intl.formatMessage({
|
|
1863
1796
|
id: "rePassword"
|
|
1864
|
-
}), error: rePassword.length > 0 ? rePasswordError || error : error, children: /* @__PURE__ */ (0,
|
|
1797
|
+
}), error: rePassword.length > 0 ? rePasswordError || error : error, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
1865
1798
|
Input,
|
|
1866
1799
|
{
|
|
1867
1800
|
placeholder: intl.formatMessage({
|
|
@@ -1874,7 +1807,7 @@ function PasswordModal({
|
|
|
1874
1807
|
}
|
|
1875
1808
|
) })
|
|
1876
1809
|
] }),
|
|
1877
|
-
/* @__PURE__ */ (0,
|
|
1810
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
1878
1811
|
Button,
|
|
1879
1812
|
{
|
|
1880
1813
|
disabled: password.length == 0 || !!passwordError || !!rePasswordError,
|
|
@@ -1883,7 +1816,7 @@ function PasswordModal({
|
|
|
1883
1816
|
size: "lg",
|
|
1884
1817
|
onClick: onContinue,
|
|
1885
1818
|
loading: isSubmitting,
|
|
1886
|
-
children: /* @__PURE__ */ (0,
|
|
1819
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_intl2.FormattedMessage, { id: "continue" })
|
|
1887
1820
|
}
|
|
1888
1821
|
)
|
|
1889
1822
|
] }) });
|
|
@@ -1892,7 +1825,7 @@ function PasswordModal({
|
|
|
1892
1825
|
// src/components/RecoveryModal/index.tsx
|
|
1893
1826
|
var import_react7 = require("react");
|
|
1894
1827
|
var import_react_intl3 = require("react-intl");
|
|
1895
|
-
var
|
|
1828
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
1896
1829
|
|
|
1897
1830
|
// src/store/useModalStore.ts
|
|
1898
1831
|
var import_zustand3 = require("zustand");
|
|
@@ -1908,12 +1841,6 @@ var useTRONModalStore = (0, import_zustand3.create)((set) => ({
|
|
|
1908
1841
|
open: (type) => set({ isOpen: true, type }),
|
|
1909
1842
|
close: () => set({ isOpen: false })
|
|
1910
1843
|
}));
|
|
1911
|
-
var useTONModalStore = (0, import_zustand3.create)((set) => ({
|
|
1912
|
-
isOpen: false,
|
|
1913
|
-
type: "",
|
|
1914
|
-
open: (type) => set({ isOpen: true, type }),
|
|
1915
|
-
close: () => set({ isOpen: false })
|
|
1916
|
-
}));
|
|
1917
1844
|
var useBTCModalStore = (0, import_zustand3.create)((set) => ({
|
|
1918
1845
|
isOpen: false,
|
|
1919
1846
|
type: "",
|
|
@@ -1930,13 +1857,13 @@ var useCEXBindModalStore = (0, import_zustand3.create)((set) => ({
|
|
|
1930
1857
|
// src/components/CEXBindModal/index.tsx
|
|
1931
1858
|
var import_react8 = require("react");
|
|
1932
1859
|
var import_react_intl4 = require("react-intl");
|
|
1933
|
-
var
|
|
1860
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
1934
1861
|
|
|
1935
1862
|
// src/context/BusinessProvider.tsx
|
|
1936
|
-
var
|
|
1863
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
1937
1864
|
|
|
1938
1865
|
// src/context/index.tsx
|
|
1939
|
-
var
|
|
1866
|
+
var import_jsx_runtime51 = (
|
|
1940
1867
|
// <MpcWalletProvider>
|
|
1941
1868
|
require("react/jsx-runtime")
|
|
1942
1869
|
);
|
|
@@ -1951,7 +1878,7 @@ var import_react10 = require("react");
|
|
|
1951
1878
|
// src/MatchContext.tsx
|
|
1952
1879
|
var import_react_query = require("@tanstack/react-query");
|
|
1953
1880
|
var import_react_intl5 = require("react-intl");
|
|
1954
|
-
var
|
|
1881
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
1955
1882
|
var queryClient = new import_react_query.QueryClient();
|
|
1956
1883
|
var MatchContext = (0, import_react11.createContext)(void 0);
|
|
1957
1884
|
var useMatch = () => {
|
|
@@ -1978,7 +1905,6 @@ function useUserInfo() {
|
|
|
1978
1905
|
const { events, login } = useMatch();
|
|
1979
1906
|
const { open: SOLOpen } = useSOLModalStore();
|
|
1980
1907
|
const { open: TRONOpen } = useTRONModalStore();
|
|
1981
|
-
const { open: TONOpen } = useTONModalStore();
|
|
1982
1908
|
const { open: BTCOpen } = useBTCModalStore();
|
|
1983
1909
|
const { open: CEXBindOpen } = useCEXBindModalStore();
|
|
1984
1910
|
const isLogin = (0, import_react12.useMemo)(() => !!token, [token]);
|
|
@@ -2027,8 +1953,6 @@ function useUserInfo() {
|
|
|
2027
1953
|
return SOLOpen("login");
|
|
2028
1954
|
case "tron":
|
|
2029
1955
|
return TRONOpen("login");
|
|
2030
|
-
case "ton":
|
|
2031
|
-
return TONOpen("login");
|
|
2032
1956
|
case "btc":
|
|
2033
1957
|
return BTCOpen("login");
|
|
2034
1958
|
case "telegram":
|
|
@@ -2120,8 +2044,6 @@ function useUserInfo() {
|
|
|
2120
2044
|
return SOLOpen("bind");
|
|
2121
2045
|
case "tron":
|
|
2122
2046
|
return TRONOpen("bind");
|
|
2123
|
-
case "ton":
|
|
2124
|
-
return TONOpen("bind");
|
|
2125
2047
|
case "btc":
|
|
2126
2048
|
return BTCOpen("bind");
|
|
2127
2049
|
case "telegram":
|
|
@@ -2182,7 +2104,7 @@ var EMAIL_CODE_LENGTH = 6;
|
|
|
2182
2104
|
|
|
2183
2105
|
// src/components/EmailModal/StepVerify.tsx
|
|
2184
2106
|
var import_react_intl6 = require("react-intl");
|
|
2185
|
-
var
|
|
2107
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
2186
2108
|
function StepVerify(props) {
|
|
2187
2109
|
const intl = (0, import_react_intl6.useIntl)();
|
|
2188
2110
|
const { getLoginEmailCode, loginByEmail } = useUserInfo();
|
|
@@ -2259,17 +2181,17 @@ function StepVerify(props) {
|
|
|
2259
2181
|
setSubmitting(false);
|
|
2260
2182
|
}
|
|
2261
2183
|
};
|
|
2262
|
-
return /* @__PURE__ */ (0,
|
|
2263
|
-
/* @__PURE__ */ (0,
|
|
2264
|
-
/* @__PURE__ */ (0,
|
|
2265
|
-
/* @__PURE__ */ (0,
|
|
2266
|
-
/* @__PURE__ */ (0,
|
|
2267
|
-
/* @__PURE__ */ (0,
|
|
2184
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "matchid-email-verify-box", children: [
|
|
2185
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "matchid-email-verify-header", children: [
|
|
2186
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(EmailLineIcon, { size: isDownMd ? 19 : 24 }) }),
|
|
2187
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "matchid-email-verify-header-content", children: [
|
|
2188
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "matchid-email-verify-header-value", children: props.email }),
|
|
2189
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_intl6.FormattedMessage, { id: "sendEmailTips" }) })
|
|
2268
2190
|
] })
|
|
2269
2191
|
] }),
|
|
2270
|
-
/* @__PURE__ */ (0,
|
|
2192
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Field, { label: intl.formatMessage({
|
|
2271
2193
|
id: "verificationCode"
|
|
2272
|
-
}), error, children: /* @__PURE__ */ (0,
|
|
2194
|
+
}), error, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
2273
2195
|
Input,
|
|
2274
2196
|
{
|
|
2275
2197
|
placeholder: intl.formatMessage({
|
|
@@ -2279,7 +2201,7 @@ function StepVerify(props) {
|
|
|
2279
2201
|
maxLength: codeLength,
|
|
2280
2202
|
onChange: (e) => setCode(e.target.value),
|
|
2281
2203
|
value: code,
|
|
2282
|
-
after: /* @__PURE__ */ (0,
|
|
2204
|
+
after: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
2283
2205
|
Button,
|
|
2284
2206
|
{
|
|
2285
2207
|
highlight: true,
|
|
@@ -2298,13 +2220,13 @@ function StepVerify(props) {
|
|
|
2298
2220
|
)
|
|
2299
2221
|
}
|
|
2300
2222
|
) }),
|
|
2301
|
-
/* @__PURE__ */ (0,
|
|
2223
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, { disabled: !canContinue, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_intl6.FormattedMessage, { id: "continue" }) })
|
|
2302
2224
|
] });
|
|
2303
2225
|
}
|
|
2304
2226
|
|
|
2305
2227
|
// src/components/EmailModal/index.tsx
|
|
2306
2228
|
var import_react_intl7 = require("react-intl");
|
|
2307
|
-
var
|
|
2229
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
2308
2230
|
function EmailModal({
|
|
2309
2231
|
isOpen = false,
|
|
2310
2232
|
width = 480,
|
|
@@ -2321,7 +2243,7 @@ function EmailModal({
|
|
|
2321
2243
|
setEmailVal("");
|
|
2322
2244
|
}
|
|
2323
2245
|
}, [isOpen]);
|
|
2324
|
-
return /* @__PURE__ */ (0,
|
|
2246
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
2325
2247
|
ModalWithHeader,
|
|
2326
2248
|
{
|
|
2327
2249
|
isOpen,
|
|
@@ -2331,17 +2253,17 @@ function EmailModal({
|
|
|
2331
2253
|
id: "email"
|
|
2332
2254
|
}),
|
|
2333
2255
|
onBack: step == "verify" ? () => setStep("input") : onBack,
|
|
2334
|
-
children: step === "input" ? /* @__PURE__ */ (0,
|
|
2256
|
+
children: step === "input" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(StepEmail, { email: emailVal, onContinue: (email) => {
|
|
2335
2257
|
setEmailVal(email);
|
|
2336
2258
|
setStep("verify");
|
|
2337
|
-
} }) : /* @__PURE__ */ (0,
|
|
2259
|
+
} }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(StepVerify, { email: emailVal, onSuccess: onLogin })
|
|
2338
2260
|
}
|
|
2339
2261
|
);
|
|
2340
2262
|
}
|
|
2341
2263
|
|
|
2342
2264
|
// src/components/Popover/index.tsx
|
|
2343
2265
|
var import_react15 = require("react");
|
|
2344
|
-
var
|
|
2266
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
2345
2267
|
function Popover({
|
|
2346
2268
|
children,
|
|
2347
2269
|
content,
|
|
@@ -2351,7 +2273,7 @@ function Popover({
|
|
|
2351
2273
|
gap = "20px"
|
|
2352
2274
|
}) {
|
|
2353
2275
|
const [active, setActive] = (0, import_react15.useState)(false);
|
|
2354
|
-
return children && /* @__PURE__ */ (0,
|
|
2276
|
+
return children && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
2355
2277
|
"div",
|
|
2356
2278
|
{
|
|
2357
2279
|
onClick: () => {
|
|
@@ -2362,9 +2284,9 @@ function Popover({
|
|
|
2362
2284
|
className: `matchid-popover-box matchid-popover-${position} matchid-popover-${type} ${className} ${type == "click" && active ? "matchid-popover-click-active" : ""}`,
|
|
2363
2285
|
children: [
|
|
2364
2286
|
children,
|
|
2365
|
-
/* @__PURE__ */ (0,
|
|
2287
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: {
|
|
2366
2288
|
paddingTop: gap
|
|
2367
|
-
}, className: `matchid-popover-area`, children: /* @__PURE__ */ (0,
|
|
2289
|
+
}, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: `matchid-popover-content`, children: content }) })
|
|
2368
2290
|
]
|
|
2369
2291
|
}
|
|
2370
2292
|
);
|
|
@@ -2373,7 +2295,7 @@ function Popover({
|
|
|
2373
2295
|
// src/components/LoginBox/index.tsx
|
|
2374
2296
|
var import_react16 = require("react");
|
|
2375
2297
|
var import_react_intl8 = require("react-intl");
|
|
2376
|
-
var
|
|
2298
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
2377
2299
|
var RecommendItem = ({
|
|
2378
2300
|
icon,
|
|
2379
2301
|
name,
|
|
@@ -2382,20 +2304,20 @@ var RecommendItem = ({
|
|
|
2382
2304
|
children,
|
|
2383
2305
|
footer
|
|
2384
2306
|
}) => {
|
|
2385
|
-
return /* @__PURE__ */ (0,
|
|
2386
|
-
/* @__PURE__ */ (0,
|
|
2387
|
-
/* @__PURE__ */ (0,
|
|
2388
|
-
/* @__PURE__ */ (0,
|
|
2389
|
-
/* @__PURE__ */ (0,
|
|
2307
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "matchid-login-recommend-method", children: [
|
|
2308
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "matchid-login-recommend-method-item", onClick, children: [
|
|
2309
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "matchid-login-recommend-method-content", children: [
|
|
2310
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "matchid-login-recommend-method-icon", children: icon }),
|
|
2311
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "matchid-login-recommend-method-name", children: name })
|
|
2390
2312
|
] }),
|
|
2391
|
-
footer ? footer : children ? /* @__PURE__ */ (0,
|
|
2313
|
+
footer ? footer : children ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
2392
2314
|
ArrowDownIcon,
|
|
2393
2315
|
{
|
|
2394
2316
|
className: `matchid-login-recommend-method-arrow ${showChildren ? "matchid-login-recommend-method-arrow-active" : ""}`,
|
|
2395
2317
|
size: 20,
|
|
2396
2318
|
color: "var(--matchid-arrow-color)"
|
|
2397
2319
|
}
|
|
2398
|
-
) : /* @__PURE__ */ (0,
|
|
2320
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
2399
2321
|
ArrowRightIcon,
|
|
2400
2322
|
{
|
|
2401
2323
|
className: "matchid-login-recommend-method-arrow",
|
|
@@ -2404,7 +2326,7 @@ var RecommendItem = ({
|
|
|
2404
2326
|
}
|
|
2405
2327
|
)
|
|
2406
2328
|
] }),
|
|
2407
|
-
children && /* @__PURE__ */ (0,
|
|
2329
|
+
children && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
2408
2330
|
"div",
|
|
2409
2331
|
{
|
|
2410
2332
|
className: `matchid-login-recommend-method-popover ${showChildren ? "matchid-login-recommend-method-popover-active" : ""}`,
|
|
@@ -2436,121 +2358,115 @@ function LoginBox({
|
|
|
2436
2358
|
const isDownMd = useDownMd();
|
|
2437
2359
|
const methodMap = {
|
|
2438
2360
|
wallet: {
|
|
2439
|
-
icon: /* @__PURE__ */ (0,
|
|
2361
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(WalletIcon, { size: isDownMd ? 36 : 40 }),
|
|
2440
2362
|
name: intl.formatMessage({ id: "wallet" }),
|
|
2441
2363
|
onClick: () => setShowWallet(!showWallet),
|
|
2442
2364
|
type: "wallet"
|
|
2443
2365
|
},
|
|
2444
2366
|
email: {
|
|
2445
|
-
icon: /* @__PURE__ */ (0,
|
|
2367
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(EmailIcon, { size: isDownMd ? 36 : 40 }),
|
|
2446
2368
|
name: intl.formatMessage({ id: "email" }),
|
|
2447
2369
|
onClick: () => {
|
|
2448
2370
|
setEmailOpen(true);
|
|
2449
2371
|
}
|
|
2450
2372
|
},
|
|
2451
2373
|
google: {
|
|
2452
|
-
icon: /* @__PURE__ */ (0,
|
|
2374
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(GoogleIcon, { size: isDownMd ? 36 : 40 }),
|
|
2453
2375
|
name: "Google",
|
|
2454
2376
|
onClick: () => login("google")
|
|
2455
2377
|
},
|
|
2456
2378
|
twitter: {
|
|
2457
|
-
icon: /* @__PURE__ */ (0,
|
|
2379
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(XIcon, { size: isDownMd ? 36 : 40 }),
|
|
2458
2380
|
name: "X",
|
|
2459
2381
|
onClick: () => login("twitter")
|
|
2460
2382
|
},
|
|
2461
2383
|
telegram: {
|
|
2462
|
-
icon: /* @__PURE__ */ (0,
|
|
2384
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(TelegramIcon, { size: isDownMd ? 36 : 40 }),
|
|
2463
2385
|
name: "Telegram",
|
|
2464
2386
|
onClick: () => login("telegram")
|
|
2465
2387
|
},
|
|
2466
2388
|
github: {
|
|
2467
|
-
icon: /* @__PURE__ */ (0,
|
|
2389
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(GithubIcon, { size: isDownMd ? 36 : 40 }),
|
|
2468
2390
|
name: "Github",
|
|
2469
2391
|
onClick: () => login("github")
|
|
2470
2392
|
},
|
|
2471
2393
|
discord: {
|
|
2472
|
-
icon: /* @__PURE__ */ (0,
|
|
2394
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DiscordIcon, { size: isDownMd ? 36 : 40 }),
|
|
2473
2395
|
name: "Discord",
|
|
2474
2396
|
onClick: () => login("discord")
|
|
2475
2397
|
},
|
|
2476
2398
|
linkedin: {
|
|
2477
|
-
icon: /* @__PURE__ */ (0,
|
|
2399
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(LinkedinIcon, { size: isDownMd ? 36 : 40 }),
|
|
2478
2400
|
name: "LinkedIn",
|
|
2479
2401
|
onClick: () => login("linkedin")
|
|
2480
2402
|
},
|
|
2481
2403
|
facebook: {
|
|
2482
|
-
icon: /* @__PURE__ */ (0,
|
|
2404
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(FacebookIcon, { size: isDownMd ? 36 : 40 }),
|
|
2483
2405
|
name: "Facebook",
|
|
2484
2406
|
onClick: () => login("facebook")
|
|
2485
2407
|
},
|
|
2486
2408
|
youtube: {
|
|
2487
|
-
icon: /* @__PURE__ */ (0,
|
|
2409
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(YoutubeIcon, { size: isDownMd ? 36 : 40 }),
|
|
2488
2410
|
name: "Youtube",
|
|
2489
2411
|
onClick: () => login("youtube")
|
|
2490
2412
|
}
|
|
2491
2413
|
};
|
|
2492
2414
|
const walletMap = {
|
|
2493
2415
|
evm: {
|
|
2494
|
-
icon: /* @__PURE__ */ (0,
|
|
2495
|
-
activeIcon: /* @__PURE__ */ (0,
|
|
2416
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(EVMDarkIcon, { size: isDownMd ? 36 : 40 }),
|
|
2417
|
+
activeIcon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(EVMLightIcon, { size: isDownMd ? 36 : 40 }),
|
|
2496
2418
|
name: "EVM",
|
|
2497
2419
|
onClick: () => login("evm")
|
|
2498
2420
|
},
|
|
2499
2421
|
sol: {
|
|
2500
|
-
icon: /* @__PURE__ */ (0,
|
|
2501
|
-
activeIcon: /* @__PURE__ */ (0,
|
|
2422
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SOLDarkIcon, { size: isDownMd ? 36 : 40 }),
|
|
2423
|
+
activeIcon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SOLLightIcon, { size: isDownMd ? 36 : 40 }),
|
|
2502
2424
|
name: "SOL",
|
|
2503
2425
|
onClick: () => login("sol")
|
|
2504
2426
|
},
|
|
2505
2427
|
btc: {
|
|
2506
|
-
icon: /* @__PURE__ */ (0,
|
|
2507
|
-
activeIcon: /* @__PURE__ */ (0,
|
|
2428
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(BTCDarkIcon, { size: isDownMd ? 36 : 40 }),
|
|
2429
|
+
activeIcon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(BTCLightIcon, { size: isDownMd ? 36 : 40 }),
|
|
2508
2430
|
name: "BTC",
|
|
2509
2431
|
onClick: () => login("btc")
|
|
2510
2432
|
},
|
|
2511
2433
|
tron: {
|
|
2512
|
-
icon: /* @__PURE__ */ (0,
|
|
2513
|
-
activeIcon: /* @__PURE__ */ (0,
|
|
2434
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(TRXDarkIcon, { size: isDownMd ? 36 : 40 }),
|
|
2435
|
+
activeIcon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(TRXLightIcon, { size: isDownMd ? 36 : 40 }),
|
|
2514
2436
|
name: "TRON",
|
|
2515
2437
|
onClick: () => login("tron")
|
|
2516
|
-
},
|
|
2517
|
-
ton: {
|
|
2518
|
-
icon: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TonLightIcon, { size: isDownMd ? 36 : 40 }),
|
|
2519
|
-
activeIcon: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TonLightIcon2, { size: isDownMd ? 36 : 40 }),
|
|
2520
|
-
name: "TON",
|
|
2521
|
-
onClick: () => login("ton")
|
|
2522
2438
|
}
|
|
2523
2439
|
};
|
|
2524
|
-
return /* @__PURE__ */ (0,
|
|
2525
|
-
(!inModal || !emailOpen) && /* @__PURE__ */ (0,
|
|
2526
|
-
/* @__PURE__ */ (0,
|
|
2527
|
-
return /* @__PURE__ */ (0,
|
|
2440
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
|
|
2441
|
+
(!inModal || !emailOpen) && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "matchid-login-box", children: [
|
|
2442
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "matchid-login-recommend-list", children: recommendMethods.map((m) => {
|
|
2443
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
2528
2444
|
RecommendItem,
|
|
2529
2445
|
{
|
|
2530
2446
|
icon: methodMap[m]?.icon,
|
|
2531
2447
|
name: methodMap[m]?.name,
|
|
2532
2448
|
onClick: methodMap[m]?.onClick,
|
|
2533
2449
|
showChildren: m == "wallet" && showWallet,
|
|
2534
|
-
children: m == "wallet" && /* @__PURE__ */ (0,
|
|
2535
|
-
/* @__PURE__ */ (0,
|
|
2536
|
-
/* @__PURE__ */ (0,
|
|
2450
|
+
children: m == "wallet" && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
|
|
2451
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "matchid-login-recommend-wallet-divider" }),
|
|
2452
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "matchid-login-recommend-wallet-list", children: walletMethods.map((n) => {
|
|
2537
2453
|
const m2 = walletMap[n];
|
|
2538
|
-
return /* @__PURE__ */ (0,
|
|
2454
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
2539
2455
|
"div",
|
|
2540
2456
|
{
|
|
2541
2457
|
className: "matchid-login-recommend-wallet-item",
|
|
2542
2458
|
onClick: m2.onClick,
|
|
2543
2459
|
children: [
|
|
2544
|
-
/* @__PURE__ */ (0,
|
|
2545
|
-
/* @__PURE__ */ (0,
|
|
2546
|
-
/* @__PURE__ */ (0,
|
|
2460
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "matchid-login-recommend-wallet-item-content", children: [
|
|
2461
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
|
|
2462
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
2547
2463
|
"div",
|
|
2548
2464
|
{
|
|
2549
2465
|
className: "matchid-login-recommend-wallet-item-hover-icon",
|
|
2550
2466
|
children: m2.activeIcon
|
|
2551
2467
|
}
|
|
2552
2468
|
),
|
|
2553
|
-
/* @__PURE__ */ (0,
|
|
2469
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
2554
2470
|
"span",
|
|
2555
2471
|
{
|
|
2556
2472
|
className: "matchid-login-recommend-wallet-item-name",
|
|
@@ -2558,7 +2474,7 @@ function LoginBox({
|
|
|
2558
2474
|
}
|
|
2559
2475
|
)
|
|
2560
2476
|
] }),
|
|
2561
|
-
/* @__PURE__ */ (0,
|
|
2477
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
2562
2478
|
ArrowRightIcon,
|
|
2563
2479
|
{
|
|
2564
2480
|
className: "matchid-login-recommend-wallet-item-arrow",
|
|
@@ -2576,10 +2492,10 @@ function LoginBox({
|
|
|
2576
2492
|
m
|
|
2577
2493
|
);
|
|
2578
2494
|
}) }),
|
|
2579
|
-
methods.length > 0 && /* @__PURE__ */ (0,
|
|
2580
|
-
/* @__PURE__ */ (0,
|
|
2581
|
-
/* @__PURE__ */ (0,
|
|
2582
|
-
return /* @__PURE__ */ (0,
|
|
2495
|
+
methods.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "matchid-login-other", children: [
|
|
2496
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react_intl8.FormattedMessage, { id: "otherLoginMethods" }) }),
|
|
2497
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "matchid-login-method-box", children: methods.map((m) => {
|
|
2498
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
2583
2499
|
"div",
|
|
2584
2500
|
{
|
|
2585
2501
|
className: "matchid-login-method-item",
|
|
@@ -2592,7 +2508,7 @@ function LoginBox({
|
|
|
2592
2508
|
}) })
|
|
2593
2509
|
] })
|
|
2594
2510
|
] }),
|
|
2595
|
-
/* @__PURE__ */ (0,
|
|
2511
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
2596
2512
|
EmailModal,
|
|
2597
2513
|
{
|
|
2598
2514
|
isOpen: emailOpen,
|
|
@@ -2612,40 +2528,40 @@ var import_react18 = require("react");
|
|
|
2612
2528
|
|
|
2613
2529
|
// src/components/LoginPanel/index.tsx
|
|
2614
2530
|
var import_react_intl9 = require("react-intl");
|
|
2615
|
-
var
|
|
2531
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
2616
2532
|
function LoginPanel({
|
|
2617
2533
|
header,
|
|
2618
2534
|
onClose,
|
|
2619
2535
|
...props
|
|
2620
2536
|
}) {
|
|
2621
2537
|
const isDownMd = useDownMd();
|
|
2622
|
-
return /* @__PURE__ */ (0,
|
|
2623
|
-
header ? header : /* @__PURE__ */ (0,
|
|
2624
|
-
/* @__PURE__ */ (0,
|
|
2625
|
-
/* @__PURE__ */ (0,
|
|
2626
|
-
/* @__PURE__ */ (0,
|
|
2538
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "matchid-login-panel", children: [
|
|
2539
|
+
header ? header : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "matchid-login-panel-header", children: [
|
|
2540
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "matchid-login-panel-header-content", children: [
|
|
2541
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react_intl9.FormattedMessage, { id: "loginTitle" }) }),
|
|
2542
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react_intl9.FormattedMessage, { id: "loginTips" }) })
|
|
2627
2543
|
] }),
|
|
2628
|
-
onClose && /* @__PURE__ */ (0,
|
|
2544
|
+
onClose && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30 }) })
|
|
2629
2545
|
] }),
|
|
2630
|
-
/* @__PURE__ */ (0,
|
|
2631
|
-
/* @__PURE__ */ (0,
|
|
2546
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "matchid-login-panel-divide" }),
|
|
2547
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "matchid-login-panel-box", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(LoginBox, { ...props }) })
|
|
2632
2548
|
] });
|
|
2633
2549
|
}
|
|
2634
2550
|
|
|
2635
2551
|
// src/components/LoginModal/index.tsx
|
|
2636
|
-
var
|
|
2552
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
2637
2553
|
function LoginModal({
|
|
2638
2554
|
isOpen = false,
|
|
2639
2555
|
width = 480,
|
|
2640
2556
|
...props
|
|
2641
2557
|
}) {
|
|
2642
2558
|
const { isLogin } = useUserInfo();
|
|
2643
|
-
return /* @__PURE__ */ (0,
|
|
2559
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
2644
2560
|
Modal,
|
|
2645
2561
|
{
|
|
2646
2562
|
isOpen: isOpen && !isLogin,
|
|
2647
2563
|
width,
|
|
2648
|
-
children: /* @__PURE__ */ (0,
|
|
2564
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(LoginPanel, { ...props, inModal: true })
|
|
2649
2565
|
}
|
|
2650
2566
|
);
|
|
2651
2567
|
}
|
|
@@ -2654,10 +2570,10 @@ function LoginModal({
|
|
|
2654
2570
|
var import_react17 = require("react");
|
|
2655
2571
|
|
|
2656
2572
|
// src/assets/icon/ProfileIcon.tsx
|
|
2657
|
-
var
|
|
2573
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
2658
2574
|
function ProfileIcon({ size = 24, color = "black", ...props }) {
|
|
2659
|
-
return /* @__PURE__ */ (0,
|
|
2660
|
-
/* @__PURE__ */ (0,
|
|
2575
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
2576
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
2661
2577
|
"path",
|
|
2662
2578
|
{
|
|
2663
2579
|
fillRule: "evenodd",
|
|
@@ -2666,7 +2582,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
|
|
|
2666
2582
|
fill: color
|
|
2667
2583
|
}
|
|
2668
2584
|
),
|
|
2669
|
-
/* @__PURE__ */ (0,
|
|
2585
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
2670
2586
|
"path",
|
|
2671
2587
|
{
|
|
2672
2588
|
fillRule: "evenodd",
|
|
@@ -2680,7 +2596,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
|
|
|
2680
2596
|
|
|
2681
2597
|
// src/components/UserPopover/index.tsx
|
|
2682
2598
|
var import_react_intl10 = require("react-intl");
|
|
2683
|
-
var
|
|
2599
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
2684
2600
|
function UserContent() {
|
|
2685
2601
|
const { logout, address, username } = useUserInfo();
|
|
2686
2602
|
const [logouting, setLogouting] = (0, import_react17.useState)(false);
|
|
@@ -2701,34 +2617,34 @@ function UserContent() {
|
|
|
2701
2617
|
rightIcon,
|
|
2702
2618
|
onClick
|
|
2703
2619
|
}) => {
|
|
2704
|
-
return /* @__PURE__ */ (0,
|
|
2705
|
-
/* @__PURE__ */ (0,
|
|
2620
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "matchid-user-popover-item", onClick, children: [
|
|
2621
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: `matchid-user-popover-item-content`, children: [
|
|
2706
2622
|
icon,
|
|
2707
|
-
/* @__PURE__ */ (0,
|
|
2623
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "matchid-user-popover-item-text", children })
|
|
2708
2624
|
] }),
|
|
2709
2625
|
rightIcon
|
|
2710
2626
|
] });
|
|
2711
2627
|
};
|
|
2712
2628
|
const UserDivider = () => {
|
|
2713
|
-
return /* @__PURE__ */ (0,
|
|
2629
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: `matchid-user-popover-divider` });
|
|
2714
2630
|
};
|
|
2715
2631
|
const [usernameOpen, setUsernameOpen] = (0, import_react17.useState)(false);
|
|
2716
2632
|
const [copied, setCopied] = useCopyClipboard();
|
|
2717
2633
|
const intl = (0, import_react_intl10.useIntl)();
|
|
2718
|
-
return /* @__PURE__ */ (0,
|
|
2719
|
-
/* @__PURE__ */ (0,
|
|
2720
|
-
/* @__PURE__ */ (0,
|
|
2634
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "matchid-user-popover-content", children: [
|
|
2635
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "matchid-user-popover-list", children: [
|
|
2636
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(UserItem, { onClick: () => {
|
|
2721
2637
|
setCopied(address);
|
|
2722
|
-
}, icon: copied ? /* @__PURE__ */ (0,
|
|
2723
|
-
/* @__PURE__ */ (0,
|
|
2724
|
-
/* @__PURE__ */ (0,
|
|
2638
|
+
}, icon: copied ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
|
|
2639
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(UserDivider, {}),
|
|
2640
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(UserItem, { onClick: () => {
|
|
2725
2641
|
setUsernameOpen(true);
|
|
2726
|
-
}, icon: /* @__PURE__ */ (0,
|
|
2642
|
+
}, icon: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ProfileIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ArrowRightIcon, { size: 20, color: "var(--icon-color)" }), children: username || intl.formatMessage({
|
|
2727
2643
|
id: "setUsername"
|
|
2728
2644
|
}) })
|
|
2729
2645
|
] }),
|
|
2730
|
-
/* @__PURE__ */ (0,
|
|
2731
|
-
/* @__PURE__ */ (0,
|
|
2646
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_intl10.FormattedMessage, { id: "disconnect" }) }),
|
|
2647
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(UsernameModal, { isOpen: usernameOpen, onClose: () => {
|
|
2732
2648
|
setUsernameOpen(false);
|
|
2733
2649
|
}, onSuccess: () => {
|
|
2734
2650
|
setUsernameOpen(false);
|
|
@@ -2739,12 +2655,12 @@ function UserPopover({
|
|
|
2739
2655
|
children,
|
|
2740
2656
|
...props
|
|
2741
2657
|
}) {
|
|
2742
|
-
return /* @__PURE__ */ (0,
|
|
2658
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Popover, { ...props, content: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(UserContent, {}), children });
|
|
2743
2659
|
}
|
|
2744
2660
|
|
|
2745
2661
|
// src/components/LoginButton/index.tsx
|
|
2746
2662
|
var import_react_intl11 = require("react-intl");
|
|
2747
|
-
var
|
|
2663
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
2748
2664
|
function LoginButton({
|
|
2749
2665
|
loginRender,
|
|
2750
2666
|
methods,
|
|
@@ -2760,8 +2676,8 @@ function LoginButton({
|
|
|
2760
2676
|
const { isLogin, username } = useUserInfo();
|
|
2761
2677
|
const [loginOpen, setLoginOpen] = (0, import_react18.useState)(false);
|
|
2762
2678
|
if (!isLogin) {
|
|
2763
|
-
return /* @__PURE__ */ (0,
|
|
2764
|
-
/* @__PURE__ */ (0,
|
|
2679
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
|
|
2680
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
2765
2681
|
LoginModal,
|
|
2766
2682
|
{
|
|
2767
2683
|
methods,
|
|
@@ -2771,15 +2687,15 @@ function LoginButton({
|
|
|
2771
2687
|
onClose: () => setLoginOpen(false)
|
|
2772
2688
|
}
|
|
2773
2689
|
),
|
|
2774
|
-
/* @__PURE__ */ (0,
|
|
2775
|
-
/* @__PURE__ */ (0,
|
|
2776
|
-
/* @__PURE__ */ (0,
|
|
2690
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
|
|
2691
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(UnLoginIcon_default, {}),
|
|
2692
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_intl11.FormattedMessage, { id: "login" }) })
|
|
2777
2693
|
] })
|
|
2778
2694
|
] });
|
|
2779
2695
|
}
|
|
2780
|
-
return loginRender ? /* @__PURE__ */ (0,
|
|
2781
|
-
/* @__PURE__ */ (0,
|
|
2782
|
-
/* @__PURE__ */ (0,
|
|
2696
|
+
return loginRender ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: loginRender }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(UserPopover, { position: popoverPosition, type: popoverType, gap: popoverGap, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Button, { onClick: onLoginClick, className: "matchid-login-btn", ...props, children: [
|
|
2697
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(LoginIcon_default, {}),
|
|
2698
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: username ? truncateAddress(username) : "MatchID " + intl.formatMessage({
|
|
2783
2699
|
id: "user"
|
|
2784
2700
|
}) })
|
|
2785
2701
|
] }) });
|
|
@@ -2789,14 +2705,14 @@ function LoginButton({
|
|
|
2789
2705
|
var import_react19 = require("react");
|
|
2790
2706
|
|
|
2791
2707
|
// src/assets/icon/InfoRoundIcon.tsx
|
|
2792
|
-
var
|
|
2708
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
2793
2709
|
function InfoRoundIcon({
|
|
2794
2710
|
size,
|
|
2795
2711
|
color = "#6E6E6E",
|
|
2796
2712
|
...props
|
|
2797
2713
|
}) {
|
|
2798
|
-
return /* @__PURE__ */ (0,
|
|
2799
|
-
/* @__PURE__ */ (0,
|
|
2714
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
2715
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("g", { clipPath: "url(#clip0_418_7746)", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
2800
2716
|
"path",
|
|
2801
2717
|
{
|
|
2802
2718
|
fillRule: "evenodd",
|
|
@@ -2805,21 +2721,21 @@ function InfoRoundIcon({
|
|
|
2805
2721
|
fill: color
|
|
2806
2722
|
}
|
|
2807
2723
|
) }),
|
|
2808
|
-
/* @__PURE__ */ (0,
|
|
2724
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("clipPath", { id: "clip0_418_7746", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
2809
2725
|
] });
|
|
2810
2726
|
}
|
|
2811
2727
|
|
|
2812
2728
|
// src/components/UsernameModal/index.tsx
|
|
2813
2729
|
var import_react_intl12 = require("react-intl");
|
|
2814
|
-
var
|
|
2730
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
2815
2731
|
var ValidItem = ({
|
|
2816
2732
|
success = false,
|
|
2817
2733
|
text
|
|
2818
2734
|
}) => {
|
|
2819
2735
|
const isDownMd = useDownMd();
|
|
2820
|
-
return /* @__PURE__ */ (0,
|
|
2821
|
-
success ? /* @__PURE__ */ (0,
|
|
2822
|
-
/* @__PURE__ */ (0,
|
|
2736
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: `matchid-valid-status-item matchid-valid-status-${success ? "success" : "error"}`, children: [
|
|
2737
|
+
success ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(CheckRoundIcon, { size: isDownMd ? 12 : 16 }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InfoRoundIcon, { size: isDownMd ? 12 : 16 }),
|
|
2738
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: text })
|
|
2823
2739
|
] });
|
|
2824
2740
|
};
|
|
2825
2741
|
function UsernameModal({
|
|
@@ -2867,12 +2783,12 @@ function UsernameModal({
|
|
|
2867
2783
|
}
|
|
2868
2784
|
};
|
|
2869
2785
|
const intl = (0, import_react_intl12.useIntl)();
|
|
2870
|
-
return /* @__PURE__ */ (0,
|
|
2786
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
|
|
2871
2787
|
id: username ? "editUsernameTitle" : "setUsernameTitle"
|
|
2872
|
-
}), children: /* @__PURE__ */ (0,
|
|
2873
|
-
/* @__PURE__ */ (0,
|
|
2788
|
+
}), children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "matchid-username-box", children: [
|
|
2789
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Field, { label: intl.formatMessage({
|
|
2874
2790
|
id: "username"
|
|
2875
|
-
}), error, children: /* @__PURE__ */ (0,
|
|
2791
|
+
}), error, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
2876
2792
|
Input,
|
|
2877
2793
|
{
|
|
2878
2794
|
placeholder: intl.formatMessage({
|
|
@@ -2885,8 +2801,8 @@ function UsernameModal({
|
|
|
2885
2801
|
value: val
|
|
2886
2802
|
}
|
|
2887
2803
|
) }),
|
|
2888
|
-
/* @__PURE__ */ (0,
|
|
2889
|
-
/* @__PURE__ */ (0,
|
|
2804
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "matchid-valid", children: [
|
|
2805
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
2890
2806
|
ValidItem,
|
|
2891
2807
|
{
|
|
2892
2808
|
success: isValid,
|
|
@@ -2895,16 +2811,16 @@ function UsernameModal({
|
|
|
2895
2811
|
})
|
|
2896
2812
|
}
|
|
2897
2813
|
),
|
|
2898
|
-
/* @__PURE__ */ (0,
|
|
2814
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ValidItem, { success: isLength, text: intl.formatMessage({
|
|
2899
2815
|
id: "usernameLengthError"
|
|
2900
2816
|
}) })
|
|
2901
2817
|
] }),
|
|
2902
|
-
/* @__PURE__ */ (0,
|
|
2818
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { disabled: !isSafe, loading: isSubmitting, style: {
|
|
2903
2819
|
marginTop: isDownMd ? "36px" : "64px"
|
|
2904
|
-
}, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0,
|
|
2905
|
-
/* @__PURE__ */ (0,
|
|
2820
|
+
}, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_intl12.FormattedMessage, { id: "confirm" }) }),
|
|
2821
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { style: {
|
|
2906
2822
|
marginTop: isDownMd ? "12px" : "24px"
|
|
2907
|
-
}, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ (0,
|
|
2823
|
+
}, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_intl12.FormattedMessage, { id: "cancel" }) })
|
|
2908
2824
|
] }) });
|
|
2909
2825
|
}
|
|
2910
2826
|
|
|
@@ -2938,7 +2854,7 @@ var walletConnectImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEA
|
|
|
2938
2854
|
var walletSigningImage = "data:image/png;base64,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";
|
|
2939
2855
|
|
|
2940
2856
|
// src/components/WalletModalContent/index.tsx
|
|
2941
|
-
var
|
|
2857
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
2942
2858
|
function WalletModalContent({
|
|
2943
2859
|
status,
|
|
2944
2860
|
error,
|
|
@@ -2965,13 +2881,8 @@ function WalletModalContent({
|
|
|
2965
2881
|
text: error,
|
|
2966
2882
|
btnText: "Reconnect Wallet",
|
|
2967
2883
|
btnClick: async () => {
|
|
2968
|
-
console.log("click error");
|
|
2969
2884
|
setError("");
|
|
2970
|
-
|
|
2971
|
-
await disconnect();
|
|
2972
|
-
} catch (error2) {
|
|
2973
|
-
console.error(error2);
|
|
2974
|
-
}
|
|
2885
|
+
await disconnect();
|
|
2975
2886
|
setVisible(true);
|
|
2976
2887
|
},
|
|
2977
2888
|
statusImage: walletErrorImage,
|
|
@@ -3008,12 +2919,12 @@ function WalletModalContent({
|
|
|
3008
2919
|
statusImage: walletConnectImage
|
|
3009
2920
|
};
|
|
3010
2921
|
}, [visible, connected, status, error, address]);
|
|
3011
|
-
return /* @__PURE__ */ (0,
|
|
3012
|
-
/* @__PURE__ */ (0,
|
|
3013
|
-
/* @__PURE__ */ (0,
|
|
3014
|
-
/* @__PURE__ */ (0,
|
|
2922
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: `matchid-wallet-box`, children: [
|
|
2923
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: `matchid-wallet-content`, children: [
|
|
2924
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("img", { src: pageData.statusImage }),
|
|
2925
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: pageData.isError ? "text-[#F7585E]" : "", children: pageData.text })
|
|
3015
2926
|
] }),
|
|
3016
|
-
/* @__PURE__ */ (0,
|
|
2927
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
3017
2928
|
Button,
|
|
3018
2929
|
{
|
|
3019
2930
|
block: true,
|
|
@@ -3028,7 +2939,7 @@ function WalletModalContent({
|
|
|
3028
2939
|
}
|
|
3029
2940
|
|
|
3030
2941
|
// src/components/SOLModal/index.tsx
|
|
3031
|
-
var
|
|
2942
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
3032
2943
|
function WalletContent({
|
|
3033
2944
|
onSuccess,
|
|
3034
2945
|
type
|
|
@@ -3058,7 +2969,7 @@ function WalletContent({
|
|
|
3058
2969
|
try {
|
|
3059
2970
|
setStatus("nonce");
|
|
3060
2971
|
statusRef.current = "nonce";
|
|
3061
|
-
const res = type == "bind" ? await getWalletInitApi({ address
|
|
2972
|
+
const res = type == "bind" ? await getWalletInitApi({ address }) : await getWalletNonceApi({ address });
|
|
3062
2973
|
if (!isSuccess(res)) {
|
|
3063
2974
|
throw new Error(res.message);
|
|
3064
2975
|
}
|
|
@@ -3107,7 +3018,7 @@ function WalletContent({
|
|
|
3107
3018
|
statusRef.current = "";
|
|
3108
3019
|
}
|
|
3109
3020
|
};
|
|
3110
|
-
return /* @__PURE__ */ (0,
|
|
3021
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
3111
3022
|
WalletModalContent,
|
|
3112
3023
|
{
|
|
3113
3024
|
connected: wallet.connected,
|
|
@@ -3168,11 +3079,11 @@ function SOLModal({
|
|
|
3168
3079
|
...props
|
|
3169
3080
|
}) {
|
|
3170
3081
|
const intl = (0, import_react_intl13.useIntl)();
|
|
3171
|
-
return /* @__PURE__ */ (0,
|
|
3082
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
|
|
3172
3083
|
id: type == "bind" ? "bindWith" : "loginWith"
|
|
3173
3084
|
}, {
|
|
3174
3085
|
name: "SOL"
|
|
3175
|
-
}), children: /* @__PURE__ */ (0,
|
|
3086
|
+
}), children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_wallet_adapter_react.ConnectionProvider, { endpoint: (0, import_web3.clusterApiUrl)("devnet"), children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_wallet_adapter_react.WalletProvider, { wallets, autoConnect: true, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_wallet_adapter_react_ui.WalletModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(WalletContent, { onSuccess, type }) }) }) }) });
|
|
3176
3087
|
}
|
|
3177
3088
|
|
|
3178
3089
|
// src/components/TRONModal/index.tsx
|
|
@@ -3287,7 +3198,7 @@ var useTRONWallet = () => {
|
|
|
3287
3198
|
};
|
|
3288
3199
|
|
|
3289
3200
|
// src/components/TRONModal/index.tsx
|
|
3290
|
-
var
|
|
3201
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
3291
3202
|
function TRONModal({
|
|
3292
3203
|
type = "login",
|
|
3293
3204
|
onSuccess,
|
|
@@ -3297,9 +3208,9 @@ function TRONModal({
|
|
|
3297
3208
|
const intl = (0, import_react_intl14.useIntl)();
|
|
3298
3209
|
const { wallets: wallets2, installedWallets, chooseWallet, wallet, address, onConnect } = useTRONWallet();
|
|
3299
3210
|
const iconMaps = {
|
|
3300
|
-
tronlink: /* @__PURE__ */ (0,
|
|
3301
|
-
bitget: /* @__PURE__ */ (0,
|
|
3302
|
-
okx: /* @__PURE__ */ (0,
|
|
3211
|
+
tronlink: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
|
|
3212
|
+
bitget: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(BitgetIcon, { size: isDownMd ? 36 : 40 }),
|
|
3213
|
+
okx: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(OKXIcon, { size: isDownMd ? 36 : 40 })
|
|
3303
3214
|
};
|
|
3304
3215
|
const { events, login } = useMatch();
|
|
3305
3216
|
const [status, setStatus] = (0, import_react23.useState)("");
|
|
@@ -3325,7 +3236,7 @@ function TRONModal({
|
|
|
3325
3236
|
try {
|
|
3326
3237
|
setStatus("nonce");
|
|
3327
3238
|
statusRef.current = "nonce";
|
|
3328
|
-
const res = type == "bind" ? await getWalletInitApi({ address
|
|
3239
|
+
const res = type == "bind" ? await getWalletInitApi({ address }) : await getWalletNonceApi({ address });
|
|
3329
3240
|
if (!isSuccess(res)) {
|
|
3330
3241
|
throw new Error(res.message);
|
|
3331
3242
|
}
|
|
@@ -3391,11 +3302,11 @@ function TRONModal({
|
|
|
3391
3302
|
disconnect();
|
|
3392
3303
|
}
|
|
3393
3304
|
}, [props.isOpen]);
|
|
3394
|
-
return /* @__PURE__ */ (0,
|
|
3305
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
|
|
3395
3306
|
id: type == "bind" ? "bindWith" : "loginWith"
|
|
3396
3307
|
}, {
|
|
3397
3308
|
name: "TRON"
|
|
3398
|
-
}), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0,
|
|
3309
|
+
}), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
3399
3310
|
WalletModalContent,
|
|
3400
3311
|
{
|
|
3401
3312
|
error,
|
|
@@ -3408,9 +3319,9 @@ function TRONModal({
|
|
|
3408
3319
|
setVisible: () => {
|
|
3409
3320
|
}
|
|
3410
3321
|
}
|
|
3411
|
-
) : /* @__PURE__ */ (0,
|
|
3322
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "matchid-login-recommend-list", children: [
|
|
3412
3323
|
installedWallets.map((wallet2) => {
|
|
3413
|
-
return /* @__PURE__ */ (0,
|
|
3324
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
3414
3325
|
RecommendItem,
|
|
3415
3326
|
{
|
|
3416
3327
|
icon: iconMaps[wallet2.walletKey],
|
|
@@ -3423,14 +3334,14 @@ function TRONModal({
|
|
|
3423
3334
|
);
|
|
3424
3335
|
}),
|
|
3425
3336
|
wallets2.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
|
|
3426
|
-
return /* @__PURE__ */ (0,
|
|
3337
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
3427
3338
|
RecommendItem,
|
|
3428
3339
|
{
|
|
3429
3340
|
icon: iconMaps[wallet2.walletKey],
|
|
3430
3341
|
name: wallet2.name,
|
|
3431
3342
|
onClick: () => {
|
|
3432
3343
|
},
|
|
3433
|
-
footer: /* @__PURE__ */ (0,
|
|
3344
|
+
footer: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { size: "sm", onClick: () => {
|
|
3434
3345
|
window.open(wallet2.website);
|
|
3435
3346
|
}, children: "Install" })
|
|
3436
3347
|
},
|
|
@@ -3440,187 +3351,9 @@ function TRONModal({
|
|
|
3440
3351
|
] }) }) });
|
|
3441
3352
|
}
|
|
3442
3353
|
|
|
3443
|
-
// src/components/TONModal/index.tsx
|
|
3444
|
-
var import_react24 = __toESM(require("react"));
|
|
3445
|
-
var import_react_intl15 = require("react-intl");
|
|
3446
|
-
var import_ui_react = require("@tonconnect/ui-react");
|
|
3447
|
-
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
3448
|
-
function WalletContent2({
|
|
3449
|
-
onSuccess,
|
|
3450
|
-
type
|
|
3451
|
-
}) {
|
|
3452
|
-
const { events, login } = useMatch();
|
|
3453
|
-
const [connected, setConnected] = (0, import_react24.useState)(false);
|
|
3454
|
-
const wallet = (0, import_ui_react.useTonWallet)();
|
|
3455
|
-
const userFriendlyAddress = (0, import_ui_react.useTonAddress)();
|
|
3456
|
-
const [tonConnectUI] = (0, import_ui_react.useTonConnectUI)();
|
|
3457
|
-
const { state, open, close } = (0, import_ui_react.useTonConnectModal)();
|
|
3458
|
-
const [status, setStatus] = (0, import_react24.useState)("");
|
|
3459
|
-
const statusRef = import_react24.default.useRef(status);
|
|
3460
|
-
const [error, setError] = (0, import_react24.useState)("");
|
|
3461
|
-
(0, import_react24.useEffect)(() => {
|
|
3462
|
-
const init = async () => {
|
|
3463
|
-
if (wallet) {
|
|
3464
|
-
await tonConnectUI.disconnect();
|
|
3465
|
-
}
|
|
3466
|
-
open();
|
|
3467
|
-
};
|
|
3468
|
-
init();
|
|
3469
|
-
tonConnectUI.onStatusChange((wallet2) => {
|
|
3470
|
-
matchlog_default.log("onStatusChange:", wallet2, wallet2?.connectItems?.tonProof, JSON.stringify(wallet2?.connectItems?.tonProof));
|
|
3471
|
-
if (wallet2?.connectItems?.tonProof && "proof" in wallet2.connectItems.tonProof) {
|
|
3472
|
-
matchlog_default.log(wallet2?.connectItems.tonProof.proof, wallet2?.account);
|
|
3473
|
-
const toLoginInWallet = async () => {
|
|
3474
|
-
if (statusRef.current || !wallet2) return;
|
|
3475
|
-
setStatus("signer");
|
|
3476
|
-
statusRef.current = "signer";
|
|
3477
|
-
try {
|
|
3478
|
-
const signature = {
|
|
3479
|
-
"address": wallet2?.account?.address,
|
|
3480
|
-
"network": wallet2?.account?.chain,
|
|
3481
|
-
"public_key": wallet2?.account?.publicKey,
|
|
3482
|
-
"proof": {
|
|
3483
|
-
//@ts-ignore
|
|
3484
|
-
...wallet2?.connectItems?.tonProof?.proof,
|
|
3485
|
-
"state_init": wallet2?.account?.walletStateInit
|
|
3486
|
-
}
|
|
3487
|
-
};
|
|
3488
|
-
let obj = {
|
|
3489
|
-
type: "TON",
|
|
3490
|
-
address: wallet2?.account?.publicKey,
|
|
3491
|
-
signature: JSON.stringify(signature),
|
|
3492
|
-
//@ts-ignore
|
|
3493
|
-
message: wallet2?.connectItems?.tonProof?.proof.payload,
|
|
3494
|
-
connector_type: "TON",
|
|
3495
|
-
wallet_client_type: wallet2?.name
|
|
3496
|
-
};
|
|
3497
|
-
console.log("signature", {
|
|
3498
|
-
signature,
|
|
3499
|
-
obj
|
|
3500
|
-
});
|
|
3501
|
-
const res1 = type == "bind" ? await toBindWalletApi(obj) : await loginByWalletApi(obj);
|
|
3502
|
-
if (res1) {
|
|
3503
|
-
if (!isSuccess(res1)) {
|
|
3504
|
-
throw new Error(res1.message);
|
|
3505
|
-
}
|
|
3506
|
-
matchlog_default.log(res1);
|
|
3507
|
-
setStatus("success");
|
|
3508
|
-
statusRef.current = "success";
|
|
3509
|
-
if (type == "bind") {
|
|
3510
|
-
events.onBind && events.onBind({
|
|
3511
|
-
type: "ton"
|
|
3512
|
-
});
|
|
3513
|
-
eventManager_default.emit("onBind", {
|
|
3514
|
-
type: "ton"
|
|
3515
|
-
});
|
|
3516
|
-
} else {
|
|
3517
|
-
await login({
|
|
3518
|
-
mid: res1.data.mid,
|
|
3519
|
-
token: `${res1.data.token_type} ${res1.data.access_token}`
|
|
3520
|
-
});
|
|
3521
|
-
}
|
|
3522
|
-
onSuccess && onSuccess();
|
|
3523
|
-
}
|
|
3524
|
-
} catch (error2) {
|
|
3525
|
-
setStatus("error");
|
|
3526
|
-
setError(error2.message);
|
|
3527
|
-
statusRef.current = "";
|
|
3528
|
-
}
|
|
3529
|
-
};
|
|
3530
|
-
toLoginInWallet();
|
|
3531
|
-
}
|
|
3532
|
-
});
|
|
3533
|
-
}, []);
|
|
3534
|
-
(0, import_react24.useEffect)(() => {
|
|
3535
|
-
if (wallet) {
|
|
3536
|
-
setConnected(true);
|
|
3537
|
-
console.log("Wallet connected:", wallet);
|
|
3538
|
-
} else {
|
|
3539
|
-
setConnected(false);
|
|
3540
|
-
open();
|
|
3541
|
-
statusRef.current = "";
|
|
3542
|
-
setStatus("");
|
|
3543
|
-
}
|
|
3544
|
-
}, [wallet]);
|
|
3545
|
-
(0, import_react24.useEffect)(() => {
|
|
3546
|
-
console.log({
|
|
3547
|
-
state,
|
|
3548
|
-
wallet
|
|
3549
|
-
});
|
|
3550
|
-
if (state.status == "opened") {
|
|
3551
|
-
const init = async () => {
|
|
3552
|
-
tonConnectUI.setConnectRequestParameters({ state: "loading" });
|
|
3553
|
-
const res = type == "bind" ? await getWalletInitApi({
|
|
3554
|
-
address: "tonconnect",
|
|
3555
|
-
type: "TON"
|
|
3556
|
-
}) : await getWalletNonceApi({ address: "tonconnect", type: "TON" });
|
|
3557
|
-
if (!isSuccess(res)) {
|
|
3558
|
-
tonConnectUI.setConnectRequestParameters(null);
|
|
3559
|
-
throw new Error(res.message);
|
|
3560
|
-
}
|
|
3561
|
-
tonConnectUI.setConnectRequestParameters({
|
|
3562
|
-
state: "ready",
|
|
3563
|
-
value: { tonProof: res.data.nonce }
|
|
3564
|
-
});
|
|
3565
|
-
};
|
|
3566
|
-
init();
|
|
3567
|
-
} else {
|
|
3568
|
-
if (!wallet) {
|
|
3569
|
-
setStatus("");
|
|
3570
|
-
statusRef.current = "";
|
|
3571
|
-
}
|
|
3572
|
-
}
|
|
3573
|
-
}, [state]);
|
|
3574
|
-
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
3575
|
-
WalletModalContent,
|
|
3576
|
-
{
|
|
3577
|
-
connected,
|
|
3578
|
-
disconnect: tonConnectUI.disconnect,
|
|
3579
|
-
address: userFriendlyAddress,
|
|
3580
|
-
visible: state.status == "opened",
|
|
3581
|
-
setVisible: async (v) => {
|
|
3582
|
-
console.log("setVisible", v);
|
|
3583
|
-
if (v) {
|
|
3584
|
-
if (wallet) {
|
|
3585
|
-
await tonConnectUI.disconnect();
|
|
3586
|
-
}
|
|
3587
|
-
setStatus("");
|
|
3588
|
-
statusRef.current = "";
|
|
3589
|
-
open();
|
|
3590
|
-
} else {
|
|
3591
|
-
close();
|
|
3592
|
-
}
|
|
3593
|
-
},
|
|
3594
|
-
error,
|
|
3595
|
-
setError,
|
|
3596
|
-
status
|
|
3597
|
-
}
|
|
3598
|
-
);
|
|
3599
|
-
}
|
|
3600
|
-
function TONModal({
|
|
3601
|
-
type = "login",
|
|
3602
|
-
onSuccess,
|
|
3603
|
-
...props
|
|
3604
|
-
}) {
|
|
3605
|
-
const intl = (0, import_react_intl15.useIntl)();
|
|
3606
|
-
const { endpoints, appid } = useLocalStore_default();
|
|
3607
|
-
const manifestUrl = `${endpoints.back}api/v1/wallet/ton?appid=${appid}&url=` + encodeURIComponent(window.location.origin);
|
|
3608
|
-
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
|
|
3609
|
-
id: type == "bind" ? "bindWith" : "loginWith"
|
|
3610
|
-
}, {
|
|
3611
|
-
name: "TON"
|
|
3612
|
-
}), children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
3613
|
-
import_ui_react.TonConnectUIProvider,
|
|
3614
|
-
{
|
|
3615
|
-
manifestUrl,
|
|
3616
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(WalletContent2, { onSuccess, type })
|
|
3617
|
-
}
|
|
3618
|
-
) });
|
|
3619
|
-
}
|
|
3620
|
-
|
|
3621
3354
|
// src/components/BTCModal/index.tsx
|
|
3622
|
-
var
|
|
3623
|
-
var
|
|
3355
|
+
var import_react25 = __toESM(require("react"));
|
|
3356
|
+
var import_react_intl15 = require("react-intl");
|
|
3624
3357
|
|
|
3625
3358
|
// src/lib/btc/UnisatAdapter.ts
|
|
3626
3359
|
var UnisatAdapter = class {
|
|
@@ -3768,12 +3501,12 @@ var LeatherAdapter = class {
|
|
|
3768
3501
|
};
|
|
3769
3502
|
|
|
3770
3503
|
// src/hooks/useBTCWallet.ts
|
|
3771
|
-
var
|
|
3504
|
+
var import_react24 = require("react");
|
|
3772
3505
|
var useBTCWallet = () => {
|
|
3773
3506
|
const wallets2 = [new UnisatAdapter(), new XverseAdapter(), new LeatherAdapter()];
|
|
3774
|
-
const [installedWallets, setInstalledWallets] = (0,
|
|
3775
|
-
const [address, setAddress] = (0,
|
|
3776
|
-
(0,
|
|
3507
|
+
const [installedWallets, setInstalledWallets] = (0, import_react24.useState)([]);
|
|
3508
|
+
const [address, setAddress] = (0, import_react24.useState)(null);
|
|
3509
|
+
(0, import_react24.useEffect)(() => {
|
|
3777
3510
|
const getInstalled = async () => {
|
|
3778
3511
|
const installed = await Promise.all(wallets2.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
|
|
3779
3512
|
wallet: wallet2,
|
|
@@ -3783,11 +3516,11 @@ var useBTCWallet = () => {
|
|
|
3783
3516
|
};
|
|
3784
3517
|
getInstalled();
|
|
3785
3518
|
}, []);
|
|
3786
|
-
const [wallet, chooseWallet] = (0,
|
|
3519
|
+
const [wallet, chooseWallet] = (0, import_react24.useState)(null);
|
|
3787
3520
|
const onConnect = async () => {
|
|
3788
3521
|
setAddress(await wallet.connect());
|
|
3789
3522
|
};
|
|
3790
|
-
(0,
|
|
3523
|
+
(0, import_react24.useEffect)(() => {
|
|
3791
3524
|
if (!wallet) {
|
|
3792
3525
|
setAddress(null);
|
|
3793
3526
|
}
|
|
@@ -3803,25 +3536,25 @@ var useBTCWallet = () => {
|
|
|
3803
3536
|
};
|
|
3804
3537
|
|
|
3805
3538
|
// src/components/BTCModal/index.tsx
|
|
3806
|
-
var
|
|
3539
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
3807
3540
|
function BTCModal({
|
|
3808
3541
|
type = "login",
|
|
3809
3542
|
onSuccess,
|
|
3810
3543
|
...props
|
|
3811
3544
|
}) {
|
|
3812
3545
|
const isDownMd = useDownMd();
|
|
3813
|
-
const intl = (0,
|
|
3546
|
+
const intl = (0, import_react_intl15.useIntl)();
|
|
3814
3547
|
const { wallets: wallets2, installedWallets, chooseWallet, wallet, address, onConnect } = useBTCWallet();
|
|
3815
3548
|
const iconMaps = {
|
|
3816
|
-
leather: /* @__PURE__ */ (0,
|
|
3817
|
-
unisat: /* @__PURE__ */ (0,
|
|
3818
|
-
xverse: /* @__PURE__ */ (0,
|
|
3549
|
+
leather: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(LeatherIcon, { size: isDownMd ? 36 : 40 }),
|
|
3550
|
+
unisat: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(UnisatIcon, { size: isDownMd ? 36 : 40 }),
|
|
3551
|
+
xverse: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(XverseIcon, { size: isDownMd ? 36 : 40 })
|
|
3819
3552
|
};
|
|
3820
3553
|
const { events, login } = useMatch();
|
|
3821
|
-
const [status, setStatus] = (0,
|
|
3822
|
-
const statusRef =
|
|
3823
|
-
const [error, setError] = (0,
|
|
3824
|
-
const connected = (0,
|
|
3554
|
+
const [status, setStatus] = (0, import_react25.useState)("");
|
|
3555
|
+
const statusRef = import_react25.default.useRef(status);
|
|
3556
|
+
const [error, setError] = (0, import_react25.useState)("");
|
|
3557
|
+
const connected = (0, import_react25.useMemo)(() => {
|
|
3825
3558
|
return !!address;
|
|
3826
3559
|
}, [address]);
|
|
3827
3560
|
const disconnect = async () => {
|
|
@@ -3836,7 +3569,7 @@ function BTCModal({
|
|
|
3836
3569
|
try {
|
|
3837
3570
|
setStatus("nonce");
|
|
3838
3571
|
statusRef.current = "nonce";
|
|
3839
|
-
const res = type == "bind" ? await getWalletInitApi({ address
|
|
3572
|
+
const res = type == "bind" ? await getWalletInitApi({ address }) : await getWalletNonceApi({ address });
|
|
3840
3573
|
if (!isSuccess(res)) {
|
|
3841
3574
|
throw new Error(res.message);
|
|
3842
3575
|
}
|
|
@@ -3885,7 +3618,7 @@ function BTCModal({
|
|
|
3885
3618
|
statusRef.current = "";
|
|
3886
3619
|
}
|
|
3887
3620
|
};
|
|
3888
|
-
(0,
|
|
3621
|
+
(0, import_react25.useEffect)(() => {
|
|
3889
3622
|
if (wallet) {
|
|
3890
3623
|
console.log("onConnect");
|
|
3891
3624
|
try {
|
|
@@ -3898,12 +3631,12 @@ function BTCModal({
|
|
|
3898
3631
|
setStatus("");
|
|
3899
3632
|
}
|
|
3900
3633
|
}, [wallet]);
|
|
3901
|
-
(0,
|
|
3634
|
+
(0, import_react25.useEffect)(() => {
|
|
3902
3635
|
if (address) {
|
|
3903
3636
|
toLoginInWallet();
|
|
3904
3637
|
}
|
|
3905
3638
|
}, [address]);
|
|
3906
|
-
(0,
|
|
3639
|
+
(0, import_react25.useEffect)(() => {
|
|
3907
3640
|
if (!props.isOpen) {
|
|
3908
3641
|
disconnect();
|
|
3909
3642
|
}
|
|
@@ -3915,11 +3648,11 @@ function BTCModal({
|
|
|
3915
3648
|
statusRef.current = "";
|
|
3916
3649
|
setError("");
|
|
3917
3650
|
};
|
|
3918
|
-
return /* @__PURE__ */ (0,
|
|
3651
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
|
|
3919
3652
|
id: type == "bind" ? "bindWith" : "loginWith"
|
|
3920
3653
|
}, {
|
|
3921
3654
|
name: "BTC"
|
|
3922
|
-
}), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0,
|
|
3655
|
+
}), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
3923
3656
|
WalletModalContent,
|
|
3924
3657
|
{
|
|
3925
3658
|
error,
|
|
@@ -3932,9 +3665,9 @@ function BTCModal({
|
|
|
3932
3665
|
setVisible: () => {
|
|
3933
3666
|
}
|
|
3934
3667
|
}
|
|
3935
|
-
) : /* @__PURE__ */ (0,
|
|
3668
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "matchid-login-recommend-list", children: [
|
|
3936
3669
|
installedWallets.map((wallet2) => {
|
|
3937
|
-
return /* @__PURE__ */ (0,
|
|
3670
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
3938
3671
|
RecommendItem,
|
|
3939
3672
|
{
|
|
3940
3673
|
icon: iconMaps[wallet2.walletKey],
|
|
@@ -3947,14 +3680,14 @@ function BTCModal({
|
|
|
3947
3680
|
);
|
|
3948
3681
|
}),
|
|
3949
3682
|
wallets2.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
|
|
3950
|
-
return /* @__PURE__ */ (0,
|
|
3683
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
3951
3684
|
RecommendItem,
|
|
3952
3685
|
{
|
|
3953
3686
|
icon: iconMaps[wallet2.walletKey],
|
|
3954
3687
|
name: wallet2.name,
|
|
3955
3688
|
onClick: () => {
|
|
3956
3689
|
},
|
|
3957
|
-
footer: /* @__PURE__ */ (0,
|
|
3690
|
+
footer: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Button, { size: "sm", onClick: () => {
|
|
3958
3691
|
window.open(wallet2.website);
|
|
3959
3692
|
}, children: "Install" })
|
|
3960
3693
|
},
|
|
@@ -3979,7 +3712,6 @@ function BTCModal({
|
|
|
3979
3712
|
PasswordModal,
|
|
3980
3713
|
Popover,
|
|
3981
3714
|
SOLModal,
|
|
3982
|
-
TONModal,
|
|
3983
3715
|
TRONModal,
|
|
3984
3716
|
UsernameModal
|
|
3985
3717
|
});
|