@matchain/matchid-sdk-react 0.1.53-alpha.2 → 0.1.53-alpha.3
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 +4 -2
- package/dist/assets/icon/index.d.ts +4 -2
- package/dist/assets/icon/index.js +19 -0
- package/dist/assets/icon/index.js.map +1 -1
- package/dist/assets/icon/index.mjs +3 -1
- package/dist/{chunk-LHNKZISB.mjs → chunk-3USZ4ZZY.mjs} +20 -2
- package/dist/chunk-3USZ4ZZY.mjs.map +1 -0
- package/dist/{chunk-W5A6WY7Y.mjs → chunk-3YF3P77J.mjs} +46 -8
- package/dist/chunk-3YF3P77J.mjs.map +1 -0
- package/dist/{chunk-4A2YPGO3.mjs → chunk-4EVF2PXX.mjs} +2 -2
- package/dist/{chunk-MX7N57AH.mjs → chunk-OCQ2AIM3.mjs} +7 -2
- package/dist/{chunk-MX7N57AH.mjs.map → chunk-OCQ2AIM3.mjs.map} +1 -1
- package/dist/{chunk-FB5MHLWX.mjs → chunk-V2S54LGG.mjs} +2 -2
- package/dist/components/index.d.mts +3 -3
- package/dist/components/index.d.ts +3 -3
- package/dist/components/index.js +403 -346
- package/dist/components/index.js.map +1 -1
- package/dist/components/index.mjs +5 -5
- package/dist/hooks/api/index.d.mts +2 -2
- package/dist/hooks/api/index.d.ts +2 -2
- package/dist/hooks/api/index.js +47 -44
- package/dist/hooks/api/index.js.map +1 -1
- package/dist/hooks/api/index.mjs +5 -5
- package/dist/hooks/index.d.mts +2 -2
- package/dist/hooks/index.d.ts +2 -2
- package/dist/hooks/index.js +175 -172
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/index.mjs +5 -5
- package/dist/{index-K5vXmiRX.d.ts → index-BKHtf1Tu.d.ts} +1 -1
- package/dist/{index-DNJuiNdz.d.mts → index-BSUoL5Jo.d.mts} +2 -2
- package/dist/{index-Df-WlkXq.d.ts → index-BVO4Bt59.d.ts} +2 -2
- package/dist/{index-IwwXQ_QV.d.ts → index-CcN5ls1U.d.ts} +1 -1
- package/dist/{index-BsL6zo6a.d.ts → index-Cul4qlZl.d.ts} +1 -1
- package/dist/{index-yy3VTdFU.d.mts → index-CvVl_Xw1.d.mts} +2 -2
- package/dist/{index-BCGJczpk.d.mts → index-DXRsJY9h.d.mts} +1 -1
- package/dist/{index-Bil_db2f.d.mts → index-DgwlV4ve.d.ts} +1 -1
- package/dist/{index-iWHaT8HV.d.mts → index-DrEKzXYX.d.mts} +1 -1
- package/dist/{index-BS-NO8Y2.d.ts → index-EPwrSSOz.d.mts} +1 -1
- package/dist/{index-CZqdmQu1.d.mts → index-ba3VTkaV.d.mts} +1 -1
- package/dist/{index-B8cUP7cH.d.ts → index-lKJjj0w4.d.ts} +2 -2
- package/dist/index.d.mts +7 -7
- package/dist/index.d.ts +7 -7
- package/dist/index.js +442 -385
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +12 -12
- package/dist/types/index.d.mts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/{types-CZbR7ERa.d.mts → types-Bgd3Ac92.d.mts} +1 -1
- package/dist/{types-CZbR7ERa.d.ts → types-Bgd3Ac92.d.ts} +1 -1
- package/dist/ui/index.d.mts +3 -3
- package/dist/ui/index.d.ts +3 -3
- package/dist/ui/index.js +62 -59
- package/dist/ui/index.js.map +1 -1
- package/dist/ui/index.mjs +2 -2
- package/dist/utils/index.d.mts +2 -1
- package/dist/utils/index.d.ts +2 -1
- package/dist/utils/index.js +6 -0
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/index.mjs +3 -1
- package/example/dist/assets/ccip-nxE3Zma4.js +1 -0
- package/example/dist/assets/index-BFAv3rdU.css +1 -0
- package/example/dist/assets/index-DMWWRDPI.js +1658 -0
- package/example/dist/index.html +2 -2
- package/package.json +1 -1
- package/dist/chunk-LHNKZISB.mjs.map +0 -1
- package/dist/chunk-W5A6WY7Y.mjs.map +0 -1
- package/example/dist/assets/TransportWebHID-BEu7tC0r.js +0 -1
- package/example/dist/assets/bignumber-iG7K-qxw.js +0 -10
- package/example/dist/assets/ccip-a6wQ1Vcb.js +0 -1
- package/example/dist/assets/draggabilly-CRYR_S0q.js +0 -14
- package/example/dist/assets/index--dp9m9Ep.js +0 -1
- package/example/dist/assets/index-BDTHolFv.js +0 -569
- package/example/dist/assets/index-BZl59qLb.js +0 -179
- package/example/dist/assets/index-BmMbYNHO.js +0 -303
- package/example/dist/assets/index-C7cxVRDF.js +0 -1677
- package/example/dist/assets/index-CJk171Yb.js +0 -1
- package/example/dist/assets/index-CQiBesAa.js +0 -3
- package/example/dist/assets/index-D62loNA9.js +0 -3
- package/example/dist/assets/index-DqyX3FG6.js +0 -1
- package/example/dist/assets/index-Gy3FXGhr.css +0 -1
- package/example/dist/assets/inherits_browser-BlmhoU4v.js +0 -1
- package/example/dist/assets/solanaEmbed.esm-Djn-u4Vn.js +0 -38
- /package/dist/{chunk-4A2YPGO3.mjs.map → chunk-4EVF2PXX.mjs.map} +0 -0
- /package/dist/{chunk-FB5MHLWX.mjs.map → chunk-V2S54LGG.mjs.map} +0 -0
package/dist/components/index.js
CHANGED
|
@@ -1183,6 +1183,23 @@ function ArrowSendIcon({
|
|
|
1183
1183
|
) });
|
|
1184
1184
|
}
|
|
1185
1185
|
|
|
1186
|
+
// src/assets/icon/PhantomIcon.tsx
|
|
1187
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
1188
|
+
function PhantomIcon({
|
|
1189
|
+
size = 128,
|
|
1190
|
+
...props
|
|
1191
|
+
}) {
|
|
1192
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("svg", { width: size, height: size, ...props, viewBox: "0 0 128 128", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
1193
|
+
"path",
|
|
1194
|
+
{
|
|
1195
|
+
fill: "#ab9ff2",
|
|
1196
|
+
d: "m53.520552,86.603299c-5.9423,9.106 -15.8999,20.63 -29.1497,20.63c-6.2636,0 -12.2864,-2.578 -12.2866,-13.779c-0.0005,-28.5271 38.946,-72.687 75.0825,-72.6876c20.557,-0.0004 28.749,14.2625 28.749,30.4597c0,20.7903 -13.491,44.5629 -26.901,44.5629c-4.256,0 -6.344,-2.337 -6.344,-6.043c0,-0.967 0.16,-2.015 0.482,-3.143c-4.578,7.816 -13.411,15.07 -21.6822,15.07c-6.0227,0 -9.074,-3.788 -9.0741,-9.107c0,-1.934 0.4015,-3.948 1.1241,-5.963zm26.8222,-43.9027c-3.271,0.0058 -5.501,2.7849 -5.494,6.7495c0.007,3.9646 2.247,6.8152 5.518,6.8095c3.192,-0.0057 5.421,-2.8641 5.414,-6.8288c-0.007,-3.9646 -2.246,-6.7358 -5.438,-6.7302zm17.351,-0.0189c-3.271,0.0058 -5.501,2.7849 -5.494,6.7495c0.007,3.9646 2.246,6.8152 5.518,6.8095c3.192,-0.0056 5.421,-2.8641 5.414,-6.8288c-0.007,-3.9646 -2.246,-6.7358 -5.438,-6.7302z",
|
|
1197
|
+
clipRule: "evenodd",
|
|
1198
|
+
fillRule: "evenodd"
|
|
1199
|
+
}
|
|
1200
|
+
) });
|
|
1201
|
+
}
|
|
1202
|
+
|
|
1186
1203
|
// src/hooks/useLayout.tsx
|
|
1187
1204
|
var import_react = require("react");
|
|
1188
1205
|
function useDownMd() {
|
|
@@ -1201,7 +1218,7 @@ function useDownMd() {
|
|
|
1201
1218
|
|
|
1202
1219
|
// src/ui/Overlay/index.tsx
|
|
1203
1220
|
var import_react2 = require("react");
|
|
1204
|
-
var
|
|
1221
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
1205
1222
|
function Overlay({
|
|
1206
1223
|
isOpen = false,
|
|
1207
1224
|
children,
|
|
@@ -1217,7 +1234,7 @@ function Overlay({
|
|
|
1217
1234
|
document.body.style.overflow = "";
|
|
1218
1235
|
};
|
|
1219
1236
|
}, [isOpen]);
|
|
1220
|
-
return isOpen ? /* @__PURE__ */ (0,
|
|
1237
|
+
return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
1221
1238
|
"div",
|
|
1222
1239
|
{
|
|
1223
1240
|
className: "matchid-overlay",
|
|
@@ -1226,11 +1243,11 @@ function Overlay({
|
|
|
1226
1243
|
},
|
|
1227
1244
|
children
|
|
1228
1245
|
}
|
|
1229
|
-
) : /* @__PURE__ */ (0,
|
|
1246
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, {});
|
|
1230
1247
|
}
|
|
1231
1248
|
|
|
1232
1249
|
// src/ui/Modal/index.tsx
|
|
1233
|
-
var
|
|
1250
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
1234
1251
|
function Modal({
|
|
1235
1252
|
children,
|
|
1236
1253
|
isOpen,
|
|
@@ -1238,10 +1255,10 @@ function Modal({
|
|
|
1238
1255
|
zIndex = 100,
|
|
1239
1256
|
className = ""
|
|
1240
1257
|
}) {
|
|
1241
|
-
return /* @__PURE__ */ (0,
|
|
1258
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: `matchid-modal ${className}`, style: {
|
|
1242
1259
|
width
|
|
1243
1260
|
}, children: [
|
|
1244
|
-
/* @__PURE__ */ (0,
|
|
1261
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "matchid-modal-mobile-header" }),
|
|
1245
1262
|
children
|
|
1246
1263
|
] }) });
|
|
1247
1264
|
}
|
|
@@ -1255,13 +1272,13 @@ function ModalWithHeader({
|
|
|
1255
1272
|
...props
|
|
1256
1273
|
}) {
|
|
1257
1274
|
const isDownMd = useDownMd();
|
|
1258
|
-
return /* @__PURE__ */ (0,
|
|
1259
|
-
/* @__PURE__ */ (0,
|
|
1260
|
-
/* @__PURE__ */ (0,
|
|
1261
|
-
onBack && /* @__PURE__ */ (0,
|
|
1262
|
-
/* @__PURE__ */ (0,
|
|
1275
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Modal, { ...props, children: [
|
|
1276
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
|
|
1277
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "matchid-modal-header-content", children: [
|
|
1278
|
+
onBack && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
|
|
1279
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "matchid-modal-header-title", children: title })
|
|
1263
1280
|
] }),
|
|
1264
|
-
onClose && /* @__PURE__ */ (0,
|
|
1281
|
+
onClose && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
|
|
1265
1282
|
] }),
|
|
1266
1283
|
children
|
|
1267
1284
|
] });
|
|
@@ -1272,7 +1289,7 @@ var import_react4 = require("react");
|
|
|
1272
1289
|
|
|
1273
1290
|
// src/utils/index.tsx
|
|
1274
1291
|
var import_moment = __toESM(require("moment"));
|
|
1275
|
-
var
|
|
1292
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
1276
1293
|
var getVersion = () => {
|
|
1277
1294
|
return "0.0.2";
|
|
1278
1295
|
};
|
|
@@ -1318,10 +1335,10 @@ var NumberFormatter = ({
|
|
|
1318
1335
|
const [intPart, decimalPart] = numberValue.toString().split(".");
|
|
1319
1336
|
const intFormat = separator ? intPart.replace(/\B(?=(\d{3})+(?!\d))/g, ",") : intPart;
|
|
1320
1337
|
if (Math.abs(parseFloat(numberValue)) >= 1) {
|
|
1321
|
-
return /* @__PURE__ */ (0,
|
|
1322
|
-
prefix && /* @__PURE__ */ (0,
|
|
1323
|
-
/* @__PURE__ */ (0,
|
|
1324
|
-
decimalPart ? /* @__PURE__ */ (0,
|
|
1338
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className, children: [
|
|
1339
|
+
prefix && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: prefixClassName, children: prefix }),
|
|
1340
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: intClassName, children: intFormat }),
|
|
1341
|
+
decimalPart ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: decimalClassName, children: [
|
|
1325
1342
|
".",
|
|
1326
1343
|
decimalPart.substring(0, fixNum)
|
|
1327
1344
|
] }) : "",
|
|
@@ -1338,30 +1355,30 @@ var NumberFormatter = ({
|
|
|
1338
1355
|
}
|
|
1339
1356
|
}
|
|
1340
1357
|
if (zeroCount < tFixNum) {
|
|
1341
|
-
return /* @__PURE__ */ (0,
|
|
1342
|
-
prefix && /* @__PURE__ */ (0,
|
|
1343
|
-
/* @__PURE__ */ (0,
|
|
1344
|
-
/* @__PURE__ */ (0,
|
|
1358
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className, children: [
|
|
1359
|
+
prefix && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: prefixClassName, children: prefix }),
|
|
1360
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: intClassName, children: intFormat }),
|
|
1361
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: decimalClassName, children: [
|
|
1345
1362
|
".",
|
|
1346
1363
|
decimalPart.substring(0, tFixNum)
|
|
1347
1364
|
] }),
|
|
1348
1365
|
suffix
|
|
1349
1366
|
] });
|
|
1350
1367
|
}
|
|
1351
|
-
return /* @__PURE__ */ (0,
|
|
1352
|
-
prefix && /* @__PURE__ */ (0,
|
|
1353
|
-
/* @__PURE__ */ (0,
|
|
1354
|
-
/* @__PURE__ */ (0,
|
|
1368
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className, children: [
|
|
1369
|
+
prefix && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: prefixClassName, children: prefix }),
|
|
1370
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: intClassName, children: intFormat }),
|
|
1371
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: decimalClassName, children: [
|
|
1355
1372
|
".0",
|
|
1356
|
-
/* @__PURE__ */ (0,
|
|
1373
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("sub", { children: zeroCount }),
|
|
1357
1374
|
decimalPart?.substring(zeroCount, zeroCount + tFixNum - 2)
|
|
1358
1375
|
] }),
|
|
1359
1376
|
suffix
|
|
1360
1377
|
] });
|
|
1361
1378
|
}
|
|
1362
|
-
return /* @__PURE__ */ (0,
|
|
1363
|
-
prefix && /* @__PURE__ */ (0,
|
|
1364
|
-
/* @__PURE__ */ (0,
|
|
1379
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className, children: [
|
|
1380
|
+
prefix && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: prefixClassName, children: prefix }),
|
|
1381
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: intClassName, children: intPart }),
|
|
1365
1382
|
suffix
|
|
1366
1383
|
] });
|
|
1367
1384
|
};
|
|
@@ -1377,9 +1394,13 @@ var formatDate = (value, formatString = "YYYY-MM-DD HH:mm:ss") => {
|
|
|
1377
1394
|
var isInTgApp = () => {
|
|
1378
1395
|
return !!window.TelegramWebviewProxy;
|
|
1379
1396
|
};
|
|
1397
|
+
function bytesToBase64(bytes) {
|
|
1398
|
+
const binString = String.fromCodePoint(...bytes);
|
|
1399
|
+
return btoa(binString);
|
|
1400
|
+
}
|
|
1380
1401
|
|
|
1381
1402
|
// src/ui/Button/index.tsx
|
|
1382
|
-
var
|
|
1403
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
1383
1404
|
function Button({
|
|
1384
1405
|
size = "df",
|
|
1385
1406
|
disabled = false,
|
|
@@ -1398,7 +1419,7 @@ function Button({
|
|
|
1398
1419
|
onClick && onClick();
|
|
1399
1420
|
}
|
|
1400
1421
|
};
|
|
1401
|
-
return /* @__PURE__ */ (0,
|
|
1422
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
1402
1423
|
"button",
|
|
1403
1424
|
{
|
|
1404
1425
|
type,
|
|
@@ -1408,14 +1429,14 @@ function Button({
|
|
|
1408
1429
|
...style
|
|
1409
1430
|
},
|
|
1410
1431
|
onClick: onAction,
|
|
1411
|
-
children: loading ? /* @__PURE__ */ (0,
|
|
1432
|
+
children: loading ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
|
|
1412
1433
|
}
|
|
1413
1434
|
);
|
|
1414
1435
|
}
|
|
1415
1436
|
|
|
1416
1437
|
// src/ui/Input/index.tsx
|
|
1417
1438
|
var import_react3 = require("react");
|
|
1418
|
-
var
|
|
1439
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
1419
1440
|
function Input({
|
|
1420
1441
|
onChange,
|
|
1421
1442
|
type,
|
|
@@ -1425,17 +1446,17 @@ function Input({
|
|
|
1425
1446
|
}) {
|
|
1426
1447
|
const [inputType, setInputType] = (0, import_react3.useState)(type);
|
|
1427
1448
|
const isDownMd = useDownMd();
|
|
1428
|
-
return /* @__PURE__ */ (0,
|
|
1449
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
1429
1450
|
"div",
|
|
1430
1451
|
{
|
|
1431
1452
|
className: `matchid-input-box ${props.value && props.value.length > 0 ? "matchid-input-has-content" : ""} ${className}`,
|
|
1432
1453
|
children: [
|
|
1433
|
-
/* @__PURE__ */ (0,
|
|
1434
|
-
props.value && props.value.length > 0 && /* @__PURE__ */ (0,
|
|
1454
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
|
|
1455
|
+
props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
|
|
1435
1456
|
if (onChange) {
|
|
1436
1457
|
onChange({ target: { value: "" } });
|
|
1437
1458
|
}
|
|
1438
|
-
}, children: /* @__PURE__ */ (0,
|
|
1459
|
+
}, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
1439
1460
|
DeleteRoundIcon,
|
|
1440
1461
|
{
|
|
1441
1462
|
height: isDownMd ? 16 : 21,
|
|
@@ -1443,9 +1464,9 @@ function Input({
|
|
|
1443
1464
|
color: "var(--matchid-input-delete-icon-color)"
|
|
1444
1465
|
}
|
|
1445
1466
|
) }),
|
|
1446
|
-
type === "password" && /* @__PURE__ */ (0,
|
|
1467
|
+
type === "password" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
|
|
1447
1468
|
setInputType(inputType === "password" ? "text" : "password");
|
|
1448
|
-
}, children: inputType === "password" ? /* @__PURE__ */ (0,
|
|
1469
|
+
}, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
|
|
1449
1470
|
after
|
|
1450
1471
|
]
|
|
1451
1472
|
}
|
|
@@ -1453,7 +1474,7 @@ function Input({
|
|
|
1453
1474
|
}
|
|
1454
1475
|
|
|
1455
1476
|
// src/ui/Field/index.tsx
|
|
1456
|
-
var
|
|
1477
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
1457
1478
|
function Field({
|
|
1458
1479
|
label,
|
|
1459
1480
|
children,
|
|
@@ -1461,19 +1482,19 @@ function Field({
|
|
|
1461
1482
|
required,
|
|
1462
1483
|
className = ""
|
|
1463
1484
|
}) {
|
|
1464
|
-
return /* @__PURE__ */ (0,
|
|
1465
|
-
/* @__PURE__ */ (0,
|
|
1466
|
-
required && /* @__PURE__ */ (0,
|
|
1485
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
|
|
1486
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "matchid-field-label", children: [
|
|
1487
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "matchid-field-required", children: "*" }),
|
|
1467
1488
|
label
|
|
1468
1489
|
] }),
|
|
1469
1490
|
children,
|
|
1470
|
-
error && /* @__PURE__ */ (0,
|
|
1491
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "matchid-field-error", children: error })
|
|
1471
1492
|
] });
|
|
1472
1493
|
}
|
|
1473
1494
|
|
|
1474
1495
|
// src/components/EmailModal/StepEmail.tsx
|
|
1475
1496
|
var import_react_intl = require("react-intl");
|
|
1476
|
-
var
|
|
1497
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
1477
1498
|
function StepEmail(props) {
|
|
1478
1499
|
const intl = (0, import_react_intl.useIntl)();
|
|
1479
1500
|
const [emailVal, setEmailVal] = (0, import_react4.useState)("");
|
|
@@ -1488,10 +1509,10 @@ function StepEmail(props) {
|
|
|
1488
1509
|
const onContinue = async () => {
|
|
1489
1510
|
props.onContinue(emailVal);
|
|
1490
1511
|
};
|
|
1491
|
-
return /* @__PURE__ */ (0,
|
|
1492
|
-
/* @__PURE__ */ (0,
|
|
1512
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "matchid-email-email-box", children: [
|
|
1513
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Field, { label: intl.formatMessage({
|
|
1493
1514
|
id: "emailAddress"
|
|
1494
|
-
}), children: /* @__PURE__ */ (0,
|
|
1515
|
+
}), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
1495
1516
|
Input,
|
|
1496
1517
|
{
|
|
1497
1518
|
placeholder: intl.formatMessage({
|
|
@@ -1501,9 +1522,9 @@ function StepEmail(props) {
|
|
|
1501
1522
|
value: emailVal
|
|
1502
1523
|
}
|
|
1503
1524
|
) }),
|
|
1504
|
-
/* @__PURE__ */ (0,
|
|
1525
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Button, { disabled: !canContinue, style: {
|
|
1505
1526
|
marginTop: "64px"
|
|
1506
|
-
}, onClick: onContinue, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0,
|
|
1527
|
+
}, onClick: onContinue, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react_intl.FormattedMessage, { id: "continue" }) })
|
|
1507
1528
|
] });
|
|
1508
1529
|
}
|
|
1509
1530
|
|
|
@@ -1919,7 +1940,7 @@ var import_react9 = require("react");
|
|
|
1919
1940
|
var import_react_dom = require("react-dom");
|
|
1920
1941
|
|
|
1921
1942
|
// src/ui/Drawer/index.tsx
|
|
1922
|
-
var
|
|
1943
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
1923
1944
|
function Drawer({
|
|
1924
1945
|
children,
|
|
1925
1946
|
showClose = true,
|
|
@@ -1930,15 +1951,15 @@ function Drawer({
|
|
|
1930
1951
|
onBack
|
|
1931
1952
|
}) {
|
|
1932
1953
|
if (!isOpen) {
|
|
1933
|
-
return /* @__PURE__ */ (0,
|
|
1954
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, {});
|
|
1934
1955
|
}
|
|
1935
|
-
return /* @__PURE__ */ (0,
|
|
1936
|
-
/* @__PURE__ */ (0,
|
|
1937
|
-
/* @__PURE__ */ (0,
|
|
1938
|
-
onBack && /* @__PURE__ */ (0,
|
|
1956
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "matchid-drawer", children: [
|
|
1957
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: `matchid-drawer-header matchid-flex`, children: [
|
|
1958
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: `matchid-drawer-header-content matchid-flex`, children: [
|
|
1959
|
+
onBack && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ArrowLeftIcon, { height: 25, width: 24, className: "matchid-drawer-header-back", onClick: onBack }),
|
|
1939
1960
|
title
|
|
1940
1961
|
] }),
|
|
1941
|
-
showClose && /* @__PURE__ */ (0,
|
|
1962
|
+
showClose && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CloseRoundIcon, { className: "matchid-drawer-header-close", onClick: onClose })
|
|
1942
1963
|
] }),
|
|
1943
1964
|
children
|
|
1944
1965
|
] }) });
|
|
@@ -1948,7 +1969,7 @@ function Drawer({
|
|
|
1948
1969
|
var import_react6 = require("react");
|
|
1949
1970
|
|
|
1950
1971
|
// src/ui/ModalDrawer/index.tsx
|
|
1951
|
-
var
|
|
1972
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
1952
1973
|
function ModalDrawer({
|
|
1953
1974
|
title,
|
|
1954
1975
|
drawerTitleVisible = true,
|
|
@@ -1956,9 +1977,9 @@ function ModalDrawer({
|
|
|
1956
1977
|
}) {
|
|
1957
1978
|
const isDownMd = useDownMd();
|
|
1958
1979
|
if (isDownMd) {
|
|
1959
|
-
return /* @__PURE__ */ (0,
|
|
1980
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ModalWithHeader, { ...props, title });
|
|
1960
1981
|
}
|
|
1961
|
-
return /* @__PURE__ */ (0,
|
|
1982
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Drawer, { ...props, title: drawerTitleVisible ? title : null });
|
|
1962
1983
|
}
|
|
1963
1984
|
|
|
1964
1985
|
// src/assets/img/confirm.gif
|
|
@@ -2014,7 +2035,7 @@ function useHash({
|
|
|
2014
2035
|
}
|
|
2015
2036
|
|
|
2016
2037
|
// src/ui/HashPanel/index.tsx
|
|
2017
|
-
var
|
|
2038
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
2018
2039
|
function HashPanel({
|
|
2019
2040
|
hash,
|
|
2020
2041
|
chain,
|
|
@@ -2073,14 +2094,14 @@ function HashPanel({
|
|
|
2073
2094
|
}
|
|
2074
2095
|
}, [hashQuery.data]);
|
|
2075
2096
|
const link = chain ? `${chain?.blockExplorers?.default.url}/tx/${hash}` : "";
|
|
2076
|
-
return /* @__PURE__ */ (0,
|
|
2097
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
2077
2098
|
ModalDrawer,
|
|
2078
2099
|
{
|
|
2079
2100
|
isOpen,
|
|
2080
2101
|
showClose: true,
|
|
2081
2102
|
onClose,
|
|
2082
2103
|
zIndex,
|
|
2083
|
-
title: /* @__PURE__ */ (0,
|
|
2104
|
+
title: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
2084
2105
|
"div",
|
|
2085
2106
|
{
|
|
2086
2107
|
className: "matchid-hashpanel-header",
|
|
@@ -2090,29 +2111,29 @@ function HashPanel({
|
|
|
2090
2111
|
children: statusValue.text
|
|
2091
2112
|
}
|
|
2092
2113
|
),
|
|
2093
|
-
children: /* @__PURE__ */ (0,
|
|
2094
|
-
/* @__PURE__ */ (0,
|
|
2095
|
-
/* @__PURE__ */ (0,
|
|
2114
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "matchid-hashpanel-box", children: [
|
|
2115
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "matchid-hashpanel-content", children: [
|
|
2116
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: `matchid-hashpanel-status`, style: {
|
|
2096
2117
|
color: statusValue.color
|
|
2097
2118
|
}, children: statusValue.text }),
|
|
2098
|
-
/* @__PURE__ */ (0,
|
|
2099
|
-
hash && /* @__PURE__ */ (0,
|
|
2119
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("img", { src: statusValue.icon, alt: statusValue.text, className: `matchid-hashpanel-img` }),
|
|
2120
|
+
hash && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
|
|
2100
2121
|
"Hash:",
|
|
2101
|
-
/* @__PURE__ */ (0,
|
|
2122
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("a", { href: link, target: "_blank", children: hash })
|
|
2102
2123
|
] })
|
|
2103
2124
|
] }),
|
|
2104
|
-
/* @__PURE__ */ (0,
|
|
2125
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
|
|
2105
2126
|
] })
|
|
2106
2127
|
}
|
|
2107
2128
|
);
|
|
2108
2129
|
}
|
|
2109
2130
|
function HashPanel_default(props) {
|
|
2110
|
-
return props.isOpen && /* @__PURE__ */ (0,
|
|
2131
|
+
return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(HashPanel, { ...props });
|
|
2111
2132
|
}
|
|
2112
2133
|
|
|
2113
2134
|
// src/ui/Popover/index.tsx
|
|
2114
2135
|
var import_react7 = require("react");
|
|
2115
|
-
var
|
|
2136
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
2116
2137
|
function Popover({
|
|
2117
2138
|
children,
|
|
2118
2139
|
content,
|
|
@@ -2122,7 +2143,7 @@ function Popover({
|
|
|
2122
2143
|
gap = "20px"
|
|
2123
2144
|
}) {
|
|
2124
2145
|
const [active, setActive] = (0, import_react7.useState)(false);
|
|
2125
|
-
return children && /* @__PURE__ */ (0,
|
|
2146
|
+
return children && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
2126
2147
|
"div",
|
|
2127
2148
|
{
|
|
2128
2149
|
onClick: () => {
|
|
@@ -2133,20 +2154,20 @@ function Popover({
|
|
|
2133
2154
|
className: `matchid-popover-box matchid-popover-${position} matchid-popover-${type} ${className} ${type == "click" && active ? "matchid-popover-click-active" : ""}`,
|
|
2134
2155
|
children: [
|
|
2135
2156
|
children,
|
|
2136
|
-
/* @__PURE__ */ (0,
|
|
2157
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { style: {
|
|
2137
2158
|
paddingTop: gap
|
|
2138
|
-
}, className: `matchid-popover-area`, children: /* @__PURE__ */ (0,
|
|
2159
|
+
}, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: `matchid-popover-content`, children: content }) })
|
|
2139
2160
|
]
|
|
2140
2161
|
}
|
|
2141
2162
|
);
|
|
2142
2163
|
}
|
|
2143
2164
|
|
|
2144
2165
|
// src/ui/Switch/index.tsx
|
|
2145
|
-
var
|
|
2166
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
2146
2167
|
|
|
2147
2168
|
// src/ui/AlphaAvatar/index.tsx
|
|
2148
2169
|
var import_react8 = require("react");
|
|
2149
|
-
var
|
|
2170
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
2150
2171
|
function AlphaAvatar({
|
|
2151
2172
|
name,
|
|
2152
2173
|
size = "default",
|
|
@@ -2163,7 +2184,7 @@ function AlphaAvatar({
|
|
|
2163
2184
|
return "";
|
|
2164
2185
|
}, [name]);
|
|
2165
2186
|
const numberSize = typeof size === "number" ? size : size === "sm" ? 24 : size === "default" ? 40 : 64;
|
|
2166
|
-
return /* @__PURE__ */ (0,
|
|
2187
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
|
|
2167
2188
|
width: numberSize,
|
|
2168
2189
|
height: numberSize,
|
|
2169
2190
|
fontSize: Math.ceil(numberSize / 2),
|
|
@@ -2172,7 +2193,7 @@ function AlphaAvatar({
|
|
|
2172
2193
|
}
|
|
2173
2194
|
|
|
2174
2195
|
// src/ui/Radio/index.tsx
|
|
2175
|
-
var
|
|
2196
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
2176
2197
|
function Radio({
|
|
2177
2198
|
checked = false,
|
|
2178
2199
|
onChange,
|
|
@@ -2181,20 +2202,20 @@ function Radio({
|
|
|
2181
2202
|
className = "",
|
|
2182
2203
|
style = {}
|
|
2183
2204
|
}) {
|
|
2184
|
-
return /* @__PURE__ */ (0,
|
|
2205
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { onClick: onChange, className: `matchid-radio ${className} ${checked ? "matchid-radio-checked" : ""}`, style: {
|
|
2185
2206
|
width: size,
|
|
2186
2207
|
height: size,
|
|
2187
2208
|
...style,
|
|
2188
2209
|
// @ts-ignore
|
|
2189
2210
|
"--matchid-radio-checked": color
|
|
2190
|
-
}, children: checked && /* @__PURE__ */ (0,
|
|
2211
|
+
}, children: checked && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: `matchid-radio-content`, style: {
|
|
2191
2212
|
width: Math.floor(size * 0.7),
|
|
2192
2213
|
height: Math.floor(size * 0.7)
|
|
2193
2214
|
} }) });
|
|
2194
2215
|
}
|
|
2195
2216
|
|
|
2196
2217
|
// src/context/ModalContext.tsx
|
|
2197
|
-
var
|
|
2218
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
2198
2219
|
var ModalContext = (0, import_react9.createContext)(null);
|
|
2199
2220
|
function useModal() {
|
|
2200
2221
|
const context = (0, import_react9.useContext)(ModalContext);
|
|
@@ -2235,7 +2256,7 @@ var useTransactionStore = (0, import_zustand3.create)((0, import_middleware2.dev
|
|
|
2235
2256
|
var useTransactionStore_default = useTransactionStore;
|
|
2236
2257
|
|
|
2237
2258
|
// src/hooks/useWallet.tsx
|
|
2238
|
-
var
|
|
2259
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
2239
2260
|
var AppClientId = "react-sdk-" + getVersion();
|
|
2240
2261
|
function useWallet() {
|
|
2241
2262
|
const { address, wallet: walletConfig } = useLocalStore_default();
|
|
@@ -2408,7 +2429,7 @@ function useWallet() {
|
|
|
2408
2429
|
address: evmAccount.address
|
|
2409
2430
|
});
|
|
2410
2431
|
modal.show((props) => {
|
|
2411
|
-
return /* @__PURE__ */ (0,
|
|
2432
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
|
|
2412
2433
|
});
|
|
2413
2434
|
clearInterval(window.matchProvider.transactionMessageIntervalMap[transactionId].interval);
|
|
2414
2435
|
delete window.matchProvider.transactionMessageIntervalMap[transactionId];
|
|
@@ -2485,7 +2506,7 @@ function useCopyClipboard(timeout = 500) {
|
|
|
2485
2506
|
// src/context/ToastContext.tsx
|
|
2486
2507
|
var import_react12 = require("react");
|
|
2487
2508
|
var import_react_dom2 = require("react-dom");
|
|
2488
|
-
var
|
|
2509
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
2489
2510
|
var ToastContext = (0, import_react12.createContext)(null);
|
|
2490
2511
|
|
|
2491
2512
|
// src/hooks/api/wallet.ts
|
|
@@ -2547,7 +2568,7 @@ function useImportTokenListQuery({
|
|
|
2547
2568
|
var import_react13 = require("react");
|
|
2548
2569
|
var import_viem5 = require("viem");
|
|
2549
2570
|
var import_react_intl2 = require("react-intl");
|
|
2550
|
-
var
|
|
2571
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
2551
2572
|
function useMatchChain() {
|
|
2552
2573
|
const chainListQuery = useChainListQuery();
|
|
2553
2574
|
const modal = useModal();
|
|
@@ -2578,28 +2599,28 @@ function useMatchChain() {
|
|
|
2578
2599
|
const { chainId: storeChainId2, setChainId: setChainId2 } = useLocalStore_default();
|
|
2579
2600
|
const [selectedChainId, setSelectedChainId] = (0, import_react13.useState)(storeChainId2);
|
|
2580
2601
|
const isDownMd = useDownMd();
|
|
2581
|
-
return /* @__PURE__ */ (0,
|
|
2582
|
-
/* @__PURE__ */ (0,
|
|
2583
|
-
return /* @__PURE__ */ (0,
|
|
2602
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: `matchid-change-network-box`, children: [
|
|
2603
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
|
|
2604
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
|
|
2584
2605
|
"div",
|
|
2585
2606
|
{
|
|
2586
2607
|
onClick: () => setSelectedChainId(item.id),
|
|
2587
2608
|
className: `matchid-change-network-item ${selectedChainId == item.id ? "matchid-change-network-selected" : ""}`,
|
|
2588
2609
|
children: [
|
|
2589
|
-
/* @__PURE__ */ (0,
|
|
2590
|
-
/* @__PURE__ */ (0,
|
|
2591
|
-
/* @__PURE__ */ (0,
|
|
2610
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
|
|
2611
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
|
|
2612
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
|
|
2592
2613
|
] }),
|
|
2593
|
-
/* @__PURE__ */ (0,
|
|
2614
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
|
|
2594
2615
|
]
|
|
2595
2616
|
},
|
|
2596
2617
|
index
|
|
2597
2618
|
);
|
|
2598
2619
|
}) }),
|
|
2599
|
-
/* @__PURE__ */ (0,
|
|
2620
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
|
|
2600
2621
|
setChainId2(selectedChainId || 0);
|
|
2601
2622
|
close();
|
|
2602
|
-
}, block: true, children: /* @__PURE__ */ (0,
|
|
2623
|
+
}, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react_intl2.FormattedMessage, { id: "confirm" }) })
|
|
2603
2624
|
] });
|
|
2604
2625
|
}
|
|
2605
2626
|
const showChangeNetwork = () => {
|
|
@@ -2717,10 +2738,10 @@ var import_viem6 = require("viem");
|
|
|
2717
2738
|
var import_react_query3 = require("@tanstack/react-query");
|
|
2718
2739
|
|
|
2719
2740
|
// src/components/ImportToken/index.tsx
|
|
2720
|
-
var
|
|
2741
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
2721
2742
|
|
|
2722
2743
|
// src/hooks/useMatchWallet.tsx
|
|
2723
|
-
var
|
|
2744
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
2724
2745
|
function useMatchWalletRecords() {
|
|
2725
2746
|
const [hasMore, setHasMore] = (0, import_react15.useState)(true);
|
|
2726
2747
|
const [items, setItems] = (0, import_react15.useState)([]);
|
|
@@ -3029,39 +3050,39 @@ var CACHE_TTL2 = 86400 * 30 * 1e3;
|
|
|
3029
3050
|
var import_zustand5 = require("zustand");
|
|
3030
3051
|
|
|
3031
3052
|
// src/hooks/useConfig.tsx
|
|
3032
|
-
var
|
|
3053
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
3033
3054
|
var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
|
|
3034
3055
|
var WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
|
|
3035
3056
|
function useWalletConfig() {
|
|
3036
3057
|
const isDownMd = useDownMd();
|
|
3037
3058
|
const walletMap = {
|
|
3038
3059
|
evm: {
|
|
3039
|
-
icon: /* @__PURE__ */ (0,
|
|
3040
|
-
activeIcon: /* @__PURE__ */ (0,
|
|
3060
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(EVMDarkIcon, { size: isDownMd ? 36 : 40 }),
|
|
3061
|
+
activeIcon: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(EVMLightIcon, { size: isDownMd ? 36 : 40 }),
|
|
3041
3062
|
name: "EVM",
|
|
3042
3063
|
method: "evm"
|
|
3043
3064
|
},
|
|
3044
3065
|
sol: {
|
|
3045
|
-
icon: /* @__PURE__ */ (0,
|
|
3046
|
-
activeIcon: /* @__PURE__ */ (0,
|
|
3066
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SOLDarkIcon, { size: isDownMd ? 36 : 40 }),
|
|
3067
|
+
activeIcon: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SOLLightIcon, { size: isDownMd ? 36 : 40 }),
|
|
3047
3068
|
name: "SOL",
|
|
3048
3069
|
method: "sol"
|
|
3049
3070
|
},
|
|
3050
3071
|
btc: {
|
|
3051
|
-
icon: /* @__PURE__ */ (0,
|
|
3052
|
-
activeIcon: /* @__PURE__ */ (0,
|
|
3072
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(BTCDarkIcon, { size: isDownMd ? 36 : 40 }),
|
|
3073
|
+
activeIcon: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(BTCLightIcon, { size: isDownMd ? 36 : 40 }),
|
|
3053
3074
|
name: "BTC",
|
|
3054
3075
|
method: "btc"
|
|
3055
3076
|
},
|
|
3056
3077
|
tron: {
|
|
3057
|
-
icon: /* @__PURE__ */ (0,
|
|
3058
|
-
activeIcon: /* @__PURE__ */ (0,
|
|
3078
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TRXDarkIcon, { size: isDownMd ? 36 : 40 }),
|
|
3079
|
+
activeIcon: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TRXLightIcon, { size: isDownMd ? 36 : 40 }),
|
|
3059
3080
|
name: "TRON",
|
|
3060
3081
|
method: "tron"
|
|
3061
3082
|
},
|
|
3062
3083
|
ton: {
|
|
3063
|
-
icon: /* @__PURE__ */ (0,
|
|
3064
|
-
activeIcon: /* @__PURE__ */ (0,
|
|
3084
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TonLightIcon, { size: isDownMd ? 36 : 40 }),
|
|
3085
|
+
activeIcon: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TonLightIcon2, { size: isDownMd ? 36 : 40 }),
|
|
3065
3086
|
name: "TON",
|
|
3066
3087
|
method: "ton"
|
|
3067
3088
|
}
|
|
@@ -3107,14 +3128,14 @@ var useWalletModalStore = (0, import_zustand5.create)((set) => ({
|
|
|
3107
3128
|
// src/components/CEXBindModal/index.tsx
|
|
3108
3129
|
var import_react18 = require("react");
|
|
3109
3130
|
var import_react_intl5 = require("react-intl");
|
|
3110
|
-
var
|
|
3131
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
3111
3132
|
|
|
3112
3133
|
// src/context/BusinessProvider.tsx
|
|
3113
3134
|
var import_react_query8 = require("@tanstack/react-query");
|
|
3114
|
-
var
|
|
3135
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
3115
3136
|
|
|
3116
3137
|
// src/context/index.tsx
|
|
3117
|
-
var
|
|
3138
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
3118
3139
|
|
|
3119
3140
|
// src/hooks/useWalletInit.ts
|
|
3120
3141
|
var import_react19 = require("react");
|
|
@@ -3126,7 +3147,7 @@ var import_react20 = require("react");
|
|
|
3126
3147
|
// src/MatchContext.tsx
|
|
3127
3148
|
var import_react_query9 = require("@tanstack/react-query");
|
|
3128
3149
|
var import_react_intl6 = require("react-intl");
|
|
3129
|
-
var
|
|
3150
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
3130
3151
|
var queryClient = new import_react_query9.QueryClient();
|
|
3131
3152
|
var MatchContext = (0, import_react21.createContext)(void 0);
|
|
3132
3153
|
var useMatch = () => {
|
|
@@ -3428,7 +3449,7 @@ function useUserInfo() {
|
|
|
3428
3449
|
// src/components/EmailModal/StepVerify.tsx
|
|
3429
3450
|
var import_react23 = require("react");
|
|
3430
3451
|
var import_react_intl7 = require("react-intl");
|
|
3431
|
-
var
|
|
3452
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
3432
3453
|
function StepVerify(props) {
|
|
3433
3454
|
const intl = (0, import_react_intl7.useIntl)();
|
|
3434
3455
|
const { getLoginEmailCode, loginByEmail } = useUserInfo();
|
|
@@ -3505,17 +3526,17 @@ function StepVerify(props) {
|
|
|
3505
3526
|
setSubmitting(false);
|
|
3506
3527
|
}
|
|
3507
3528
|
};
|
|
3508
|
-
return /* @__PURE__ */ (0,
|
|
3509
|
-
/* @__PURE__ */ (0,
|
|
3510
|
-
/* @__PURE__ */ (0,
|
|
3511
|
-
/* @__PURE__ */ (0,
|
|
3512
|
-
/* @__PURE__ */ (0,
|
|
3513
|
-
/* @__PURE__ */ (0,
|
|
3529
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "matchid-email-verify-box", children: [
|
|
3530
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "matchid-email-verify-header", children: [
|
|
3531
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(EmailLineIcon, { size: isDownMd ? 19 : 24 }) }),
|
|
3532
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "matchid-email-verify-header-content", children: [
|
|
3533
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "matchid-email-verify-header-value", children: props.email }),
|
|
3534
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_intl7.FormattedMessage, { id: "sendEmailTips" }) })
|
|
3514
3535
|
] })
|
|
3515
3536
|
] }),
|
|
3516
|
-
/* @__PURE__ */ (0,
|
|
3537
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Field, { label: intl.formatMessage({
|
|
3517
3538
|
id: "verificationCode"
|
|
3518
|
-
}), error, children: /* @__PURE__ */ (0,
|
|
3539
|
+
}), error, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
3519
3540
|
Input,
|
|
3520
3541
|
{
|
|
3521
3542
|
placeholder: intl.formatMessage({
|
|
@@ -3525,7 +3546,7 @@ function StepVerify(props) {
|
|
|
3525
3546
|
maxLength: codeLength,
|
|
3526
3547
|
onChange: (e) => setCode(e.target.value),
|
|
3527
3548
|
value: code,
|
|
3528
|
-
after: /* @__PURE__ */ (0,
|
|
3549
|
+
after: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
3529
3550
|
Button,
|
|
3530
3551
|
{
|
|
3531
3552
|
highlight: true,
|
|
@@ -3544,13 +3565,13 @@ function StepVerify(props) {
|
|
|
3544
3565
|
)
|
|
3545
3566
|
}
|
|
3546
3567
|
) }),
|
|
3547
|
-
/* @__PURE__ */ (0,
|
|
3568
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Button, { disabled: !canContinue, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_intl7.FormattedMessage, { id: "continue" }) })
|
|
3548
3569
|
] });
|
|
3549
3570
|
}
|
|
3550
3571
|
|
|
3551
3572
|
// src/components/EmailModal/index.tsx
|
|
3552
3573
|
var import_react_intl8 = require("react-intl");
|
|
3553
|
-
var
|
|
3574
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
3554
3575
|
function EmailModal({
|
|
3555
3576
|
isOpen = false,
|
|
3556
3577
|
width = 480,
|
|
@@ -3567,7 +3588,7 @@ function EmailModal({
|
|
|
3567
3588
|
setEmailVal("");
|
|
3568
3589
|
}
|
|
3569
3590
|
}, [isOpen]);
|
|
3570
|
-
return /* @__PURE__ */ (0,
|
|
3591
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
3571
3592
|
ModalWithHeader,
|
|
3572
3593
|
{
|
|
3573
3594
|
isOpen,
|
|
@@ -3577,10 +3598,10 @@ function EmailModal({
|
|
|
3577
3598
|
id: "email"
|
|
3578
3599
|
}),
|
|
3579
3600
|
onBack: step == "verify" ? () => setStep("input") : onBack,
|
|
3580
|
-
children: step === "input" ? /* @__PURE__ */ (0,
|
|
3601
|
+
children: step === "input" ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(StepEmail, { email: emailVal, onContinue: (email) => {
|
|
3581
3602
|
setEmailVal(email);
|
|
3582
3603
|
setStep("verify");
|
|
3583
|
-
} }) : /* @__PURE__ */ (0,
|
|
3604
|
+
} }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(StepVerify, { email: emailVal, onSuccess: onLogin })
|
|
3584
3605
|
}
|
|
3585
3606
|
);
|
|
3586
3607
|
}
|
|
@@ -3610,7 +3631,7 @@ function useAppConfig() {
|
|
|
3610
3631
|
}
|
|
3611
3632
|
|
|
3612
3633
|
// src/components/LoginBox/index.tsx
|
|
3613
|
-
var
|
|
3634
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
3614
3635
|
var RecommendItem = ({
|
|
3615
3636
|
icon,
|
|
3616
3637
|
name,
|
|
@@ -3619,20 +3640,20 @@ var RecommendItem = ({
|
|
|
3619
3640
|
children,
|
|
3620
3641
|
footer
|
|
3621
3642
|
}) => {
|
|
3622
|
-
return /* @__PURE__ */ (0,
|
|
3623
|
-
/* @__PURE__ */ (0,
|
|
3624
|
-
/* @__PURE__ */ (0,
|
|
3625
|
-
/* @__PURE__ */ (0,
|
|
3626
|
-
/* @__PURE__ */ (0,
|
|
3643
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "matchid-login-recommend-method", children: [
|
|
3644
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "matchid-login-recommend-method-item", onClick, children: [
|
|
3645
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "matchid-login-recommend-method-content", children: [
|
|
3646
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "matchid-login-recommend-method-icon", children: icon }),
|
|
3647
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "matchid-login-recommend-method-name", children: name })
|
|
3627
3648
|
] }),
|
|
3628
|
-
footer ? footer : children ? /* @__PURE__ */ (0,
|
|
3649
|
+
footer ? footer : children ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
3629
3650
|
ArrowDownIcon,
|
|
3630
3651
|
{
|
|
3631
3652
|
className: `matchid-login-recommend-method-arrow ${showChildren ? "matchid-login-recommend-method-arrow-active" : ""}`,
|
|
3632
3653
|
size: 20,
|
|
3633
3654
|
color: "var(--matchid-arrow-color)"
|
|
3634
3655
|
}
|
|
3635
|
-
) : /* @__PURE__ */ (0,
|
|
3656
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
3636
3657
|
ArrowRightIcon,
|
|
3637
3658
|
{
|
|
3638
3659
|
className: "matchid-login-recommend-method-arrow",
|
|
@@ -3641,7 +3662,7 @@ var RecommendItem = ({
|
|
|
3641
3662
|
}
|
|
3642
3663
|
)
|
|
3643
3664
|
] }),
|
|
3644
|
-
children && /* @__PURE__ */ (0,
|
|
3665
|
+
children && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
3645
3666
|
"div",
|
|
3646
3667
|
{
|
|
3647
3668
|
className: `matchid-login-recommend-method-popover ${showChildren ? "matchid-login-recommend-method-popover-active" : ""}`,
|
|
@@ -3706,75 +3727,75 @@ function LoginBox({
|
|
|
3706
3727
|
const isDownMd = useDownMd();
|
|
3707
3728
|
const methodMap = {
|
|
3708
3729
|
wallet: {
|
|
3709
|
-
icon: /* @__PURE__ */ (0,
|
|
3730
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(WalletIcon, { size: isDownMd ? 36 : 40 }),
|
|
3710
3731
|
name: intl.formatMessage({ id: "wallet" }),
|
|
3711
3732
|
onClick: () => setShowWallet(!showWallet),
|
|
3712
3733
|
type: "wallet"
|
|
3713
3734
|
},
|
|
3714
3735
|
email: {
|
|
3715
|
-
icon: /* @__PURE__ */ (0,
|
|
3736
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(EmailIcon, { size: isDownMd ? 36 : 40 }),
|
|
3716
3737
|
name: intl.formatMessage({ id: "email" }),
|
|
3717
3738
|
onClick: () => {
|
|
3718
3739
|
setEmailOpen(true);
|
|
3719
3740
|
}
|
|
3720
3741
|
},
|
|
3721
3742
|
google: {
|
|
3722
|
-
icon: /* @__PURE__ */ (0,
|
|
3743
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(GoogleIcon, { size: isDownMd ? 36 : 40 }),
|
|
3723
3744
|
name: "Google",
|
|
3724
3745
|
onClick: () => login("google")
|
|
3725
3746
|
},
|
|
3726
3747
|
twitter: {
|
|
3727
|
-
icon: /* @__PURE__ */ (0,
|
|
3748
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(XIcon, { size: isDownMd ? 36 : 40 }),
|
|
3728
3749
|
name: "X",
|
|
3729
3750
|
onClick: () => login("twitter")
|
|
3730
3751
|
},
|
|
3731
3752
|
telegram: {
|
|
3732
|
-
icon: /* @__PURE__ */ (0,
|
|
3753
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(TelegramIcon, { size: isDownMd ? 36 : 40 }),
|
|
3733
3754
|
name: "Telegram",
|
|
3734
3755
|
onClick: () => login("telegram")
|
|
3735
3756
|
},
|
|
3736
3757
|
github: {
|
|
3737
|
-
icon: /* @__PURE__ */ (0,
|
|
3758
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(GithubIcon, { size: isDownMd ? 36 : 40 }),
|
|
3738
3759
|
name: "Github",
|
|
3739
3760
|
onClick: () => login("github")
|
|
3740
3761
|
},
|
|
3741
3762
|
discord: {
|
|
3742
|
-
icon: /* @__PURE__ */ (0,
|
|
3763
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(DiscordIcon, { size: isDownMd ? 36 : 40 }),
|
|
3743
3764
|
name: "Discord",
|
|
3744
3765
|
onClick: () => login("discord")
|
|
3745
3766
|
},
|
|
3746
3767
|
linkedin: {
|
|
3747
|
-
icon: /* @__PURE__ */ (0,
|
|
3768
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(LinkedinIcon, { size: isDownMd ? 36 : 40 }),
|
|
3748
3769
|
name: "LinkedIn",
|
|
3749
3770
|
onClick: () => login("linkedin")
|
|
3750
3771
|
},
|
|
3751
3772
|
facebook: {
|
|
3752
|
-
icon: /* @__PURE__ */ (0,
|
|
3773
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(FacebookIcon, { size: isDownMd ? 36 : 40 }),
|
|
3753
3774
|
name: "Facebook",
|
|
3754
3775
|
onClick: () => login("facebook")
|
|
3755
3776
|
},
|
|
3756
3777
|
youtube: {
|
|
3757
|
-
icon: /* @__PURE__ */ (0,
|
|
3778
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(YoutubeIcon, { size: isDownMd ? 36 : 40 }),
|
|
3758
3779
|
name: "Youtube",
|
|
3759
3780
|
onClick: () => login("youtube")
|
|
3760
3781
|
}
|
|
3761
3782
|
};
|
|
3762
3783
|
const { walletMap } = useWalletConfig();
|
|
3763
|
-
return /* @__PURE__ */ (0,
|
|
3764
|
-
(!inModal || !emailOpen) && /* @__PURE__ */ (0,
|
|
3765
|
-
/* @__PURE__ */ (0,
|
|
3766
|
-
return /* @__PURE__ */ (0,
|
|
3784
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
|
|
3785
|
+
(!inModal || !emailOpen) && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "matchid-login-box", children: [
|
|
3786
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "matchid-login-recommend-list", children: methodConfig.recommendMethods.map((m) => {
|
|
3787
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
3767
3788
|
RecommendItem,
|
|
3768
3789
|
{
|
|
3769
3790
|
icon: methodMap[m]?.icon,
|
|
3770
3791
|
name: methodMap[m]?.name,
|
|
3771
3792
|
onClick: methodMap[m]?.onClick,
|
|
3772
3793
|
showChildren: m == "wallet" && showWallet,
|
|
3773
|
-
children: m == "wallet" && /* @__PURE__ */ (0,
|
|
3774
|
-
/* @__PURE__ */ (0,
|
|
3775
|
-
/* @__PURE__ */ (0,
|
|
3794
|
+
children: m == "wallet" && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
|
|
3795
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "matchid-login-recommend-wallet-divider" }),
|
|
3796
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "matchid-login-recommend-wallet-list", children: methodConfig.walletMethods.map((n) => {
|
|
3776
3797
|
const m2 = walletMap[n];
|
|
3777
|
-
return /* @__PURE__ */ (0,
|
|
3798
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
3778
3799
|
"div",
|
|
3779
3800
|
{
|
|
3780
3801
|
className: "matchid-login-recommend-wallet-item",
|
|
@@ -3782,16 +3803,16 @@ function LoginBox({
|
|
|
3782
3803
|
login(m2.method);
|
|
3783
3804
|
},
|
|
3784
3805
|
children: [
|
|
3785
|
-
/* @__PURE__ */ (0,
|
|
3786
|
-
/* @__PURE__ */ (0,
|
|
3787
|
-
/* @__PURE__ */ (0,
|
|
3806
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "matchid-login-recommend-wallet-item-content", children: [
|
|
3807
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
|
|
3808
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
3788
3809
|
"div",
|
|
3789
3810
|
{
|
|
3790
3811
|
className: "matchid-login-recommend-wallet-item-hover-icon",
|
|
3791
3812
|
children: m2.activeIcon
|
|
3792
3813
|
}
|
|
3793
3814
|
),
|
|
3794
|
-
/* @__PURE__ */ (0,
|
|
3815
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
3795
3816
|
"span",
|
|
3796
3817
|
{
|
|
3797
3818
|
className: "matchid-login-recommend-wallet-item-name",
|
|
@@ -3799,7 +3820,7 @@ function LoginBox({
|
|
|
3799
3820
|
}
|
|
3800
3821
|
)
|
|
3801
3822
|
] }),
|
|
3802
|
-
/* @__PURE__ */ (0,
|
|
3823
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
3803
3824
|
ArrowRightIcon,
|
|
3804
3825
|
{
|
|
3805
3826
|
className: "matchid-login-recommend-wallet-item-arrow",
|
|
@@ -3817,10 +3838,10 @@ function LoginBox({
|
|
|
3817
3838
|
m
|
|
3818
3839
|
);
|
|
3819
3840
|
}) }),
|
|
3820
|
-
methodConfig.methods.length > 0 && /* @__PURE__ */ (0,
|
|
3821
|
-
/* @__PURE__ */ (0,
|
|
3822
|
-
/* @__PURE__ */ (0,
|
|
3823
|
-
return /* @__PURE__ */ (0,
|
|
3841
|
+
methodConfig.methods.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "matchid-login-other", children: [
|
|
3842
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_intl9.FormattedMessage, { id: "otherLoginMethods" }) }),
|
|
3843
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
|
|
3844
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
3824
3845
|
"div",
|
|
3825
3846
|
{
|
|
3826
3847
|
className: "matchid-login-method-item",
|
|
@@ -3833,7 +3854,7 @@ function LoginBox({
|
|
|
3833
3854
|
}) })
|
|
3834
3855
|
] })
|
|
3835
3856
|
] }),
|
|
3836
|
-
/* @__PURE__ */ (0,
|
|
3857
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
3837
3858
|
EmailModal,
|
|
3838
3859
|
{
|
|
3839
3860
|
isOpen: emailOpen,
|
|
@@ -3853,40 +3874,40 @@ var import_react27 = require("react");
|
|
|
3853
3874
|
|
|
3854
3875
|
// src/components/LoginPanel/index.tsx
|
|
3855
3876
|
var import_react_intl10 = require("react-intl");
|
|
3856
|
-
var
|
|
3877
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
3857
3878
|
function LoginPanel({
|
|
3858
3879
|
header,
|
|
3859
3880
|
onClose,
|
|
3860
3881
|
...props
|
|
3861
3882
|
}) {
|
|
3862
3883
|
const isDownMd = useDownMd();
|
|
3863
|
-
return /* @__PURE__ */ (0,
|
|
3864
|
-
header ? header : /* @__PURE__ */ (0,
|
|
3865
|
-
/* @__PURE__ */ (0,
|
|
3866
|
-
/* @__PURE__ */ (0,
|
|
3867
|
-
/* @__PURE__ */ (0,
|
|
3884
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "matchid-login-panel", children: [
|
|
3885
|
+
header ? header : /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "matchid-login-panel-header", children: [
|
|
3886
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "matchid-login-panel-header-content", children: [
|
|
3887
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_intl10.FormattedMessage, { id: "loginTitle" }) }),
|
|
3888
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_intl10.FormattedMessage, { id: "loginTips" }) })
|
|
3868
3889
|
] }),
|
|
3869
|
-
onClose && /* @__PURE__ */ (0,
|
|
3890
|
+
onClose && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30 }) })
|
|
3870
3891
|
] }),
|
|
3871
|
-
/* @__PURE__ */ (0,
|
|
3872
|
-
/* @__PURE__ */ (0,
|
|
3892
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "matchid-login-panel-divide" }),
|
|
3893
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "matchid-login-panel-box", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(LoginBox, { ...props }) })
|
|
3873
3894
|
] });
|
|
3874
3895
|
}
|
|
3875
3896
|
|
|
3876
3897
|
// src/components/LoginModal/index.tsx
|
|
3877
|
-
var
|
|
3898
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
3878
3899
|
function LoginModal({
|
|
3879
3900
|
isOpen = false,
|
|
3880
3901
|
width = 480,
|
|
3881
3902
|
...props
|
|
3882
3903
|
}) {
|
|
3883
3904
|
const { isLogin } = useUserInfo();
|
|
3884
|
-
return /* @__PURE__ */ (0,
|
|
3905
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
3885
3906
|
Modal,
|
|
3886
3907
|
{
|
|
3887
3908
|
isOpen: isOpen && !isLogin,
|
|
3888
3909
|
width,
|
|
3889
|
-
children: /* @__PURE__ */ (0,
|
|
3910
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(LoginPanel, { ...props, inModal: true })
|
|
3890
3911
|
}
|
|
3891
3912
|
);
|
|
3892
3913
|
}
|
|
@@ -3895,10 +3916,10 @@ function LoginModal({
|
|
|
3895
3916
|
var import_react26 = require("react");
|
|
3896
3917
|
|
|
3897
3918
|
// src/assets/icon/ProfileIcon.tsx
|
|
3898
|
-
var
|
|
3919
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
3899
3920
|
function ProfileIcon({ size = 24, color = "black", ...props }) {
|
|
3900
|
-
return /* @__PURE__ */ (0,
|
|
3901
|
-
/* @__PURE__ */ (0,
|
|
3921
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
3922
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
3902
3923
|
"path",
|
|
3903
3924
|
{
|
|
3904
3925
|
fillRule: "evenodd",
|
|
@@ -3907,7 +3928,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
|
|
|
3907
3928
|
fill: color
|
|
3908
3929
|
}
|
|
3909
3930
|
),
|
|
3910
|
-
/* @__PURE__ */ (0,
|
|
3931
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
3911
3932
|
"path",
|
|
3912
3933
|
{
|
|
3913
3934
|
fillRule: "evenodd",
|
|
@@ -3921,7 +3942,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
|
|
|
3921
3942
|
|
|
3922
3943
|
// src/components/UserPopover/index.tsx
|
|
3923
3944
|
var import_react_intl11 = require("react-intl");
|
|
3924
|
-
var
|
|
3945
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
3925
3946
|
function UserContent() {
|
|
3926
3947
|
const { logout, address, username } = useUserInfo();
|
|
3927
3948
|
const [logouting, setLogouting] = (0, import_react26.useState)(false);
|
|
@@ -3942,34 +3963,34 @@ function UserContent() {
|
|
|
3942
3963
|
rightIcon,
|
|
3943
3964
|
onClick
|
|
3944
3965
|
}) => {
|
|
3945
|
-
return /* @__PURE__ */ (0,
|
|
3946
|
-
/* @__PURE__ */ (0,
|
|
3966
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-user-popover-item", onClick, children: [
|
|
3967
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `matchid-user-popover-item-content`, children: [
|
|
3947
3968
|
icon,
|
|
3948
|
-
/* @__PURE__ */ (0,
|
|
3969
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-user-popover-item-text", children })
|
|
3949
3970
|
] }),
|
|
3950
3971
|
rightIcon
|
|
3951
3972
|
] });
|
|
3952
3973
|
};
|
|
3953
3974
|
const UserDivider = () => {
|
|
3954
|
-
return /* @__PURE__ */ (0,
|
|
3975
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: `matchid-user-popover-divider` });
|
|
3955
3976
|
};
|
|
3956
3977
|
const [usernameOpen, setUsernameOpen] = (0, import_react26.useState)(false);
|
|
3957
3978
|
const [copied, setCopied] = useCopyClipboard();
|
|
3958
3979
|
const intl = (0, import_react_intl11.useIntl)();
|
|
3959
|
-
return /* @__PURE__ */ (0,
|
|
3960
|
-
/* @__PURE__ */ (0,
|
|
3961
|
-
/* @__PURE__ */ (0,
|
|
3980
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-user-popover-content", children: [
|
|
3981
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-user-popover-list", children: [
|
|
3982
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(UserItem, { onClick: () => {
|
|
3962
3983
|
setCopied(address);
|
|
3963
|
-
}, icon: copied ? /* @__PURE__ */ (0,
|
|
3964
|
-
/* @__PURE__ */ (0,
|
|
3965
|
-
/* @__PURE__ */ (0,
|
|
3984
|
+
}, icon: copied ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
|
|
3985
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(UserDivider, {}),
|
|
3986
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(UserItem, { onClick: () => {
|
|
3966
3987
|
setUsernameOpen(true);
|
|
3967
|
-
}, icon: /* @__PURE__ */ (0,
|
|
3988
|
+
}, icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ProfileIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ArrowRightIcon, { size: 20, color: "var(--icon-color)" }), children: username || intl.formatMessage({
|
|
3968
3989
|
id: "setUsername"
|
|
3969
3990
|
}) })
|
|
3970
3991
|
] }),
|
|
3971
|
-
/* @__PURE__ */ (0,
|
|
3972
|
-
/* @__PURE__ */ (0,
|
|
3992
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl11.FormattedMessage, { id: "disconnect" }) }),
|
|
3993
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(UsernameModal, { isOpen: usernameOpen, onClose: () => {
|
|
3973
3994
|
setUsernameOpen(false);
|
|
3974
3995
|
}, onSuccess: () => {
|
|
3975
3996
|
setUsernameOpen(false);
|
|
@@ -3980,12 +4001,12 @@ function UserPopover({
|
|
|
3980
4001
|
children,
|
|
3981
4002
|
...props
|
|
3982
4003
|
}) {
|
|
3983
|
-
return /* @__PURE__ */ (0,
|
|
4004
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Popover, { ...props, content: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(UserContent, {}), children });
|
|
3984
4005
|
}
|
|
3985
4006
|
|
|
3986
4007
|
// src/components/LoginButton/index.tsx
|
|
3987
4008
|
var import_react_intl12 = require("react-intl");
|
|
3988
|
-
var
|
|
4009
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
3989
4010
|
function LoginButton({
|
|
3990
4011
|
loginRender,
|
|
3991
4012
|
methods,
|
|
@@ -4001,8 +4022,8 @@ function LoginButton({
|
|
|
4001
4022
|
const { isLogin, username } = useUserInfo();
|
|
4002
4023
|
const [loginOpen, setLoginOpen] = (0, import_react27.useState)(false);
|
|
4003
4024
|
if (!isLogin) {
|
|
4004
|
-
return /* @__PURE__ */ (0,
|
|
4005
|
-
/* @__PURE__ */ (0,
|
|
4025
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
|
|
4026
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
4006
4027
|
LoginModal,
|
|
4007
4028
|
{
|
|
4008
4029
|
methods,
|
|
@@ -4012,15 +4033,15 @@ function LoginButton({
|
|
|
4012
4033
|
onClose: () => setLoginOpen(false)
|
|
4013
4034
|
}
|
|
4014
4035
|
),
|
|
4015
|
-
/* @__PURE__ */ (0,
|
|
4016
|
-
/* @__PURE__ */ (0,
|
|
4017
|
-
/* @__PURE__ */ (0,
|
|
4036
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
|
|
4037
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(UnLoginIcon_default, {}),
|
|
4038
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_intl12.FormattedMessage, { id: "login" }) })
|
|
4018
4039
|
] })
|
|
4019
4040
|
] });
|
|
4020
4041
|
}
|
|
4021
|
-
return loginRender ? /* @__PURE__ */ (0,
|
|
4022
|
-
/* @__PURE__ */ (0,
|
|
4023
|
-
/* @__PURE__ */ (0,
|
|
4042
|
+
return loginRender ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_jsx_runtime82.Fragment, { children: loginRender }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(UserPopover, { position: popoverPosition, type: popoverType, gap: popoverGap, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Button, { onClick: onLoginClick, className: "matchid-login-btn", ...props, children: [
|
|
4043
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(LoginIcon_default, {}),
|
|
4044
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: username ? truncateAddress(username) : "MatchID " + intl.formatMessage({
|
|
4024
4045
|
id: "user"
|
|
4025
4046
|
}) })
|
|
4026
4047
|
] }) });
|
|
@@ -4029,15 +4050,15 @@ function LoginButton({
|
|
|
4029
4050
|
// src/components/UsernameModal/index.tsx
|
|
4030
4051
|
var import_react28 = require("react");
|
|
4031
4052
|
var import_react_intl13 = require("react-intl");
|
|
4032
|
-
var
|
|
4053
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
4033
4054
|
var ValidItem = ({
|
|
4034
4055
|
success = false,
|
|
4035
4056
|
text
|
|
4036
4057
|
}) => {
|
|
4037
4058
|
const isDownMd = useDownMd();
|
|
4038
|
-
return /* @__PURE__ */ (0,
|
|
4039
|
-
success ? /* @__PURE__ */ (0,
|
|
4040
|
-
/* @__PURE__ */ (0,
|
|
4059
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: `matchid-valid-status-item matchid-valid-status-${success ? "success" : "error"}`, children: [
|
|
4060
|
+
success ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(CheckRoundIcon, { size: isDownMd ? 12 : 16 }) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(InfoLineIcon, { size: isDownMd ? 12 : 16 }),
|
|
4061
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { children: text })
|
|
4041
4062
|
] });
|
|
4042
4063
|
};
|
|
4043
4064
|
function UsernameModal({
|
|
@@ -4085,12 +4106,12 @@ function UsernameModal({
|
|
|
4085
4106
|
}
|
|
4086
4107
|
};
|
|
4087
4108
|
const intl = (0, import_react_intl13.useIntl)();
|
|
4088
|
-
return /* @__PURE__ */ (0,
|
|
4109
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
|
|
4089
4110
|
id: username ? "editUsernameTitle" : "setUsernameTitle"
|
|
4090
|
-
}), children: /* @__PURE__ */ (0,
|
|
4091
|
-
/* @__PURE__ */ (0,
|
|
4111
|
+
}), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "matchid-username-box", children: [
|
|
4112
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Field, { label: intl.formatMessage({
|
|
4092
4113
|
id: "username"
|
|
4093
|
-
}), error, children: /* @__PURE__ */ (0,
|
|
4114
|
+
}), error, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
4094
4115
|
Input,
|
|
4095
4116
|
{
|
|
4096
4117
|
placeholder: intl.formatMessage({
|
|
@@ -4103,8 +4124,8 @@ function UsernameModal({
|
|
|
4103
4124
|
value: val
|
|
4104
4125
|
}
|
|
4105
4126
|
) }),
|
|
4106
|
-
/* @__PURE__ */ (0,
|
|
4107
|
-
/* @__PURE__ */ (0,
|
|
4127
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "matchid-valid", children: [
|
|
4128
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
4108
4129
|
ValidItem,
|
|
4109
4130
|
{
|
|
4110
4131
|
success: isValid,
|
|
@@ -4113,16 +4134,16 @@ function UsernameModal({
|
|
|
4113
4134
|
})
|
|
4114
4135
|
}
|
|
4115
4136
|
),
|
|
4116
|
-
/* @__PURE__ */ (0,
|
|
4137
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ValidItem, { success: isLength, text: intl.formatMessage({
|
|
4117
4138
|
id: "usernameLengthError"
|
|
4118
4139
|
}) })
|
|
4119
4140
|
] }),
|
|
4120
|
-
/* @__PURE__ */ (0,
|
|
4141
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button, { disabled: !isSafe, loading: isSubmitting, style: {
|
|
4121
4142
|
marginTop: isDownMd ? "36px" : "64px"
|
|
4122
|
-
}, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0,
|
|
4123
|
-
/* @__PURE__ */ (0,
|
|
4143
|
+
}, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_intl13.FormattedMessage, { id: "confirm" }) }),
|
|
4144
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button, { style: {
|
|
4124
4145
|
marginTop: isDownMd ? "12px" : "24px"
|
|
4125
|
-
}, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ (0,
|
|
4146
|
+
}, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_intl13.FormattedMessage, { id: "cancel" }) })
|
|
4126
4147
|
] }) });
|
|
4127
4148
|
}
|
|
4128
4149
|
|
|
@@ -4141,7 +4162,7 @@ var walletConnectImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEA
|
|
|
4141
4162
|
var walletSigningImage = "data:image/png;base64,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";
|
|
4142
4163
|
|
|
4143
4164
|
// src/components/WalletModalContent/index.tsx
|
|
4144
|
-
var
|
|
4165
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
4145
4166
|
function WalletModalContent({
|
|
4146
4167
|
status,
|
|
4147
4168
|
error,
|
|
@@ -4211,12 +4232,12 @@ function WalletModalContent({
|
|
|
4211
4232
|
statusImage: walletConnectImage
|
|
4212
4233
|
};
|
|
4213
4234
|
}, [visible, connected, status, error, address]);
|
|
4214
|
-
return /* @__PURE__ */ (0,
|
|
4215
|
-
/* @__PURE__ */ (0,
|
|
4216
|
-
/* @__PURE__ */ (0,
|
|
4217
|
-
/* @__PURE__ */ (0,
|
|
4235
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `matchid-wallet-box`, children: [
|
|
4236
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `matchid-wallet-content`, children: [
|
|
4237
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("img", { src: pageData.statusImage }),
|
|
4238
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: pageData.isError ? "text-[#F7585E]" : "", children: pageData.text })
|
|
4218
4239
|
] }),
|
|
4219
|
-
/* @__PURE__ */ (0,
|
|
4240
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
4220
4241
|
Button,
|
|
4221
4242
|
{
|
|
4222
4243
|
block: true,
|
|
@@ -4338,7 +4359,7 @@ var useTRONWallet = () => {
|
|
|
4338
4359
|
};
|
|
4339
4360
|
|
|
4340
4361
|
// src/components/TRONModal/index.tsx
|
|
4341
|
-
var
|
|
4362
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
4342
4363
|
function TRONConnectModal({
|
|
4343
4364
|
type = "login",
|
|
4344
4365
|
onSuccess,
|
|
@@ -4348,9 +4369,9 @@ function TRONConnectModal({
|
|
|
4348
4369
|
const intl = (0, import_react_intl14.useIntl)();
|
|
4349
4370
|
const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useTRONWallet();
|
|
4350
4371
|
const iconMaps = {
|
|
4351
|
-
tronlink: /* @__PURE__ */ (0,
|
|
4352
|
-
bitget: /* @__PURE__ */ (0,
|
|
4353
|
-
okx: /* @__PURE__ */ (0,
|
|
4372
|
+
tronlink: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
|
|
4373
|
+
bitget: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(BitgetIcon, { size: isDownMd ? 36 : 40 }),
|
|
4374
|
+
okx: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(OKXIcon, { size: isDownMd ? 36 : 40 })
|
|
4354
4375
|
};
|
|
4355
4376
|
const { events, login } = useMatch();
|
|
4356
4377
|
const [status, setStatus] = (0, import_react31.useState)("");
|
|
@@ -4442,11 +4463,11 @@ function TRONConnectModal({
|
|
|
4442
4463
|
disconnect();
|
|
4443
4464
|
}
|
|
4444
4465
|
}, [props.isOpen]);
|
|
4445
|
-
return /* @__PURE__ */ (0,
|
|
4466
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
|
|
4446
4467
|
id: type == "bind" ? "bindWith" : "loginWith"
|
|
4447
4468
|
}, {
|
|
4448
4469
|
name: "TRON"
|
|
4449
|
-
}), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0,
|
|
4470
|
+
}), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
4450
4471
|
WalletModalContent,
|
|
4451
4472
|
{
|
|
4452
4473
|
error,
|
|
@@ -4459,9 +4480,9 @@ function TRONConnectModal({
|
|
|
4459
4480
|
setVisible: () => {
|
|
4460
4481
|
}
|
|
4461
4482
|
}
|
|
4462
|
-
) : /* @__PURE__ */ (0,
|
|
4483
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-login-recommend-list", children: [
|
|
4463
4484
|
installedWallets.map((wallet2) => {
|
|
4464
|
-
return /* @__PURE__ */ (0,
|
|
4485
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
4465
4486
|
RecommendItem,
|
|
4466
4487
|
{
|
|
4467
4488
|
icon: iconMaps[wallet2.walletKey],
|
|
@@ -4474,14 +4495,14 @@ function TRONConnectModal({
|
|
|
4474
4495
|
);
|
|
4475
4496
|
}),
|
|
4476
4497
|
wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
|
|
4477
|
-
return /* @__PURE__ */ (0,
|
|
4498
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
4478
4499
|
RecommendItem,
|
|
4479
4500
|
{
|
|
4480
4501
|
icon: iconMaps[wallet2.walletKey],
|
|
4481
4502
|
name: wallet2.name,
|
|
4482
4503
|
onClick: () => {
|
|
4483
4504
|
},
|
|
4484
|
-
footer: /* @__PURE__ */ (0,
|
|
4505
|
+
footer: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button, { size: "sm", onClick: () => {
|
|
4485
4506
|
window.open(wallet2.website);
|
|
4486
4507
|
}, children: "Install" })
|
|
4487
4508
|
},
|
|
@@ -4491,14 +4512,14 @@ function TRONConnectModal({
|
|
|
4491
4512
|
] }) }) });
|
|
4492
4513
|
}
|
|
4493
4514
|
function TRONModal(props) {
|
|
4494
|
-
return props.isOpen && /* @__PURE__ */ (0,
|
|
4515
|
+
return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TRONConnectModal, { ...props, type: props.type });
|
|
4495
4516
|
}
|
|
4496
4517
|
|
|
4497
4518
|
// src/components/TONModal/index.tsx
|
|
4498
4519
|
var import_react32 = __toESM(require("react"));
|
|
4499
4520
|
var import_react_intl15 = require("react-intl");
|
|
4500
4521
|
var import_ui_react = require("@tonconnect/ui-react");
|
|
4501
|
-
var
|
|
4522
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
4502
4523
|
function WalletContent({
|
|
4503
4524
|
onSuccess,
|
|
4504
4525
|
type
|
|
@@ -4625,7 +4646,7 @@ function WalletContent({
|
|
|
4625
4646
|
}
|
|
4626
4647
|
}
|
|
4627
4648
|
}, [state]);
|
|
4628
|
-
return /* @__PURE__ */ (0,
|
|
4649
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
4629
4650
|
WalletModalContent,
|
|
4630
4651
|
{
|
|
4631
4652
|
connected,
|
|
@@ -4659,20 +4680,20 @@ function TONConnectModal({
|
|
|
4659
4680
|
const intl = (0, import_react_intl15.useIntl)();
|
|
4660
4681
|
const { endpoints, appid } = useLocalStore_default();
|
|
4661
4682
|
const manifestUrl = `${endpoints.back}api/v1/wallet/ton?appid=${appid}&url=` + encodeURIComponent(window.location.origin);
|
|
4662
|
-
return /* @__PURE__ */ (0,
|
|
4683
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
|
|
4663
4684
|
id: type == "bind" ? "bindWith" : "loginWith"
|
|
4664
4685
|
}, {
|
|
4665
4686
|
name: "TON"
|
|
4666
|
-
}), children: /* @__PURE__ */ (0,
|
|
4687
|
+
}), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
4667
4688
|
import_ui_react.TonConnectUIProvider,
|
|
4668
4689
|
{
|
|
4669
4690
|
manifestUrl,
|
|
4670
|
-
children: /* @__PURE__ */ (0,
|
|
4691
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(WalletContent, { onSuccess, type })
|
|
4671
4692
|
}
|
|
4672
4693
|
) });
|
|
4673
4694
|
}
|
|
4674
4695
|
function TONModal(props) {
|
|
4675
|
-
return props.isOpen && /* @__PURE__ */ (0,
|
|
4696
|
+
return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TONConnectModal, { ...props });
|
|
4676
4697
|
}
|
|
4677
4698
|
|
|
4678
4699
|
// src/components/BTCModal/index.tsx
|
|
@@ -4817,7 +4838,7 @@ var LeatherAdapter = class {
|
|
|
4817
4838
|
return response.result.addresses[0].address;
|
|
4818
4839
|
}
|
|
4819
4840
|
async signMessage(message) {
|
|
4820
|
-
if (!await this.isInstalled()) throw new Error("
|
|
4841
|
+
if (!await this.isInstalled()) throw new Error("Leather Wallet is not installed");
|
|
4821
4842
|
const response = await window.LeatherProvider?.request("signMessage", { message });
|
|
4822
4843
|
matchlog_default.log("response", response);
|
|
4823
4844
|
return response.result.signature;
|
|
@@ -4826,8 +4847,43 @@ var LeatherAdapter = class {
|
|
|
4826
4847
|
|
|
4827
4848
|
// src/hooks/useBTCWallet.ts
|
|
4828
4849
|
var import_react33 = require("react");
|
|
4850
|
+
|
|
4851
|
+
// src/lib/btc/PhantomAdapter.ts
|
|
4852
|
+
var PhantomAdapter = class {
|
|
4853
|
+
constructor() {
|
|
4854
|
+
this.name = "Phantom Wallet";
|
|
4855
|
+
this.website = "https://www.phantom.com/";
|
|
4856
|
+
this.walletKey = "phantom";
|
|
4857
|
+
}
|
|
4858
|
+
async isInstalled() {
|
|
4859
|
+
return typeof window.phantom !== "undefined" && typeof window.phantom.bitcoin !== "undefined";
|
|
4860
|
+
}
|
|
4861
|
+
async connect() {
|
|
4862
|
+
if (!await this.isInstalled()) throw new Error("Phantom Wallet is not installed");
|
|
4863
|
+
const response = await window.phantom.bitcoin.requestAccounts();
|
|
4864
|
+
const ordinalAddress = response.find((n) => n.purpose == "ordinals");
|
|
4865
|
+
matchlog_default.log("Addresses:", ordinalAddress);
|
|
4866
|
+
if (!ordinalAddress) {
|
|
4867
|
+
throw new Error("No addresses found in Phantom Wallet");
|
|
4868
|
+
}
|
|
4869
|
+
return ordinalAddress.address;
|
|
4870
|
+
}
|
|
4871
|
+
async signMessage(message) {
|
|
4872
|
+
if (!await this.isInstalled()) throw new Error("Phantom Wallet is not installed");
|
|
4873
|
+
const address = await this.connect();
|
|
4874
|
+
try {
|
|
4875
|
+
const { signature } = await window.phantom.bitcoin.signMessage(address, new TextEncoder().encode(message));
|
|
4876
|
+
return bytesToBase64(signature);
|
|
4877
|
+
} catch (error) {
|
|
4878
|
+
console.error(error);
|
|
4879
|
+
throw error;
|
|
4880
|
+
}
|
|
4881
|
+
}
|
|
4882
|
+
};
|
|
4883
|
+
|
|
4884
|
+
// src/hooks/useBTCWallet.ts
|
|
4829
4885
|
var useBTCWallet = () => {
|
|
4830
|
-
const wallets = [new UnisatAdapter(), new XverseAdapter(), new LeatherAdapter()];
|
|
4886
|
+
const wallets = [new UnisatAdapter(), new XverseAdapter(), new LeatherAdapter(), new PhantomAdapter()];
|
|
4831
4887
|
const [installedWallets, setInstalledWallets] = (0, import_react33.useState)([]);
|
|
4832
4888
|
const [address, setAddress] = (0, import_react33.useState)(null);
|
|
4833
4889
|
(0, import_react33.useEffect)(() => {
|
|
@@ -4860,7 +4916,7 @@ var useBTCWallet = () => {
|
|
|
4860
4916
|
};
|
|
4861
4917
|
|
|
4862
4918
|
// src/components/BTCModal/index.tsx
|
|
4863
|
-
var
|
|
4919
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
4864
4920
|
function BTCConnectModal({
|
|
4865
4921
|
type = "login",
|
|
4866
4922
|
onSuccess,
|
|
@@ -4870,9 +4926,10 @@ function BTCConnectModal({
|
|
|
4870
4926
|
const intl = (0, import_react_intl16.useIntl)();
|
|
4871
4927
|
const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useBTCWallet();
|
|
4872
4928
|
const iconMaps = {
|
|
4873
|
-
leather: /* @__PURE__ */ (0,
|
|
4874
|
-
unisat: /* @__PURE__ */ (0,
|
|
4875
|
-
xverse: /* @__PURE__ */ (0,
|
|
4929
|
+
leather: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(LeatherIcon, { size: isDownMd ? 36 : 40 }),
|
|
4930
|
+
unisat: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(UnisatIcon, { size: isDownMd ? 36 : 40 }),
|
|
4931
|
+
xverse: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(XverseIcon, { size: isDownMd ? 36 : 40 }),
|
|
4932
|
+
phantom: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(PhantomIcon, { size: isDownMd ? 36 : 40 })
|
|
4876
4933
|
};
|
|
4877
4934
|
const { events, login } = useMatch();
|
|
4878
4935
|
const [status, setStatus] = (0, import_react34.useState)("");
|
|
@@ -4972,11 +5029,11 @@ function BTCConnectModal({
|
|
|
4972
5029
|
statusRef.current = "";
|
|
4973
5030
|
setError("");
|
|
4974
5031
|
};
|
|
4975
|
-
return /* @__PURE__ */ (0,
|
|
5032
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
|
|
4976
5033
|
id: type == "bind" ? "bindWith" : "loginWith"
|
|
4977
5034
|
}, {
|
|
4978
5035
|
name: "BTC"
|
|
4979
|
-
}), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0,
|
|
5036
|
+
}), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
4980
5037
|
WalletModalContent,
|
|
4981
5038
|
{
|
|
4982
5039
|
error,
|
|
@@ -4989,9 +5046,9 @@ function BTCConnectModal({
|
|
|
4989
5046
|
setVisible: () => {
|
|
4990
5047
|
}
|
|
4991
5048
|
}
|
|
4992
|
-
) : /* @__PURE__ */ (0,
|
|
5049
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-recommend-list", children: [
|
|
4993
5050
|
installedWallets.map((wallet2) => {
|
|
4994
|
-
return /* @__PURE__ */ (0,
|
|
5051
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
4995
5052
|
RecommendItem,
|
|
4996
5053
|
{
|
|
4997
5054
|
icon: iconMaps[wallet2.walletKey],
|
|
@@ -5004,14 +5061,14 @@ function BTCConnectModal({
|
|
|
5004
5061
|
);
|
|
5005
5062
|
}),
|
|
5006
5063
|
wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
|
|
5007
|
-
return /* @__PURE__ */ (0,
|
|
5064
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
5008
5065
|
RecommendItem,
|
|
5009
5066
|
{
|
|
5010
5067
|
icon: iconMaps[wallet2.walletKey],
|
|
5011
5068
|
name: wallet2.name,
|
|
5012
5069
|
onClick: () => {
|
|
5013
5070
|
},
|
|
5014
|
-
footer: /* @__PURE__ */ (0,
|
|
5071
|
+
footer: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { size: "sm", onClick: () => {
|
|
5015
5072
|
window.open(wallet2.website);
|
|
5016
5073
|
}, children: "Install" })
|
|
5017
5074
|
},
|
|
@@ -5021,13 +5078,13 @@ function BTCConnectModal({
|
|
|
5021
5078
|
] }) }) });
|
|
5022
5079
|
}
|
|
5023
5080
|
function BTCModal(props) {
|
|
5024
|
-
return props.isOpen && /* @__PURE__ */ (0,
|
|
5081
|
+
return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(BTCConnectModal, { ...props });
|
|
5025
5082
|
}
|
|
5026
5083
|
|
|
5027
5084
|
// src/components/WalletModal/index.tsx
|
|
5028
5085
|
var import_react35 = require("react");
|
|
5029
5086
|
var import_react_intl17 = require("react-intl");
|
|
5030
|
-
var
|
|
5087
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
5031
5088
|
function WalletConnectModal({
|
|
5032
5089
|
type,
|
|
5033
5090
|
methods: _methods,
|
|
@@ -5045,13 +5102,13 @@ function WalletConnectModal({
|
|
|
5045
5102
|
const platform = config.platform.map((p) => p.toLowerCase());
|
|
5046
5103
|
return WALLET_METHODS.filter((m) => platform.includes(m));
|
|
5047
5104
|
}, [config.platform, _methods]);
|
|
5048
|
-
return /* @__PURE__ */ (0,
|
|
5105
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
|
|
5049
5106
|
id: type == "bind" ? "bindWith" : "loginWith"
|
|
5050
5107
|
}, {
|
|
5051
5108
|
name: ""
|
|
5052
|
-
}), children: /* @__PURE__ */ (0,
|
|
5109
|
+
}), children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-login-recommend-list", children: methods.map((method, index) => {
|
|
5053
5110
|
const m = walletMap[method];
|
|
5054
|
-
return /* @__PURE__ */ (0,
|
|
5111
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
5055
5112
|
RecommendItem,
|
|
5056
5113
|
{
|
|
5057
5114
|
icon: m?.icon,
|
|
@@ -5065,12 +5122,12 @@ function WalletConnectModal({
|
|
|
5065
5122
|
}) }) }) });
|
|
5066
5123
|
}
|
|
5067
5124
|
function WalletModal(props) {
|
|
5068
|
-
return props.isOpen && /* @__PURE__ */ (0,
|
|
5125
|
+
return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(WalletConnectModal, { ...props });
|
|
5069
5126
|
}
|
|
5070
5127
|
|
|
5071
5128
|
// src/components/AlphaAvatar/index.tsx
|
|
5072
5129
|
var import_react36 = require("react");
|
|
5073
|
-
var
|
|
5130
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
5074
5131
|
function AlphaAvatar2({ name, size = 40, className = "" }) {
|
|
5075
5132
|
const [avatar, setAvatar] = (0, import_react36.useState)(void 0);
|
|
5076
5133
|
(0, import_react36.useEffect)(() => {
|
|
@@ -5079,7 +5136,7 @@ function AlphaAvatar2({ name, size = 40, className = "" }) {
|
|
|
5079
5136
|
setAvatar(char);
|
|
5080
5137
|
}
|
|
5081
5138
|
}, [name]);
|
|
5082
|
-
return /* @__PURE__ */ (0,
|
|
5139
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
|
|
5083
5140
|
width: size,
|
|
5084
5141
|
height: size,
|
|
5085
5142
|
fontSize: Math.ceil(size / 2)
|
|
@@ -5087,7 +5144,7 @@ function AlphaAvatar2({ name, size = 40, className = "" }) {
|
|
|
5087
5144
|
}
|
|
5088
5145
|
|
|
5089
5146
|
// src/components/WalletAsset/index.tsx
|
|
5090
|
-
var
|
|
5147
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
5091
5148
|
function WalletAsset({
|
|
5092
5149
|
onAssetClick,
|
|
5093
5150
|
matchWalletAssetsOptions
|
|
@@ -5097,7 +5154,7 @@ function WalletAsset({
|
|
|
5097
5154
|
list: walletAssets.mergedAssets
|
|
5098
5155
|
});
|
|
5099
5156
|
const { list } = useMatchChain();
|
|
5100
|
-
return /* @__PURE__ */ (0,
|
|
5157
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "matchid-wallet-asset-list", children: matchWalletAssetList.list.map((n, index) => {
|
|
5101
5158
|
const clickFunc = onAssetClick && onAssetClick(n);
|
|
5102
5159
|
const chain = list?.find((m) => m.id.toString() === n.chain_id);
|
|
5103
5160
|
const getFooterColor = () => {
|
|
@@ -5112,11 +5169,11 @@ function WalletAsset({
|
|
|
5112
5169
|
}
|
|
5113
5170
|
return "";
|
|
5114
5171
|
};
|
|
5115
|
-
return /* @__PURE__ */ (0,
|
|
5172
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-wallet-asset-item`, onClick: clickFunc, style: {
|
|
5116
5173
|
cursor: clickFunc ? "pointer" : "default"
|
|
5117
5174
|
}, children: [
|
|
5118
|
-
/* @__PURE__ */ (0,
|
|
5119
|
-
n.icon ? /* @__PURE__ */ (0,
|
|
5175
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "matchid-wallet-asset-logo", title: n.symbol || n.name || "", children: [
|
|
5176
|
+
n.icon ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-wallet-asset-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
5120
5177
|
AlphaAvatar2,
|
|
5121
5178
|
{
|
|
5122
5179
|
className: `matchid-wallet-asset-icon`,
|
|
@@ -5124,12 +5181,12 @@ function WalletAsset({
|
|
|
5124
5181
|
name: n.symbol || n.name || ""
|
|
5125
5182
|
}
|
|
5126
5183
|
),
|
|
5127
|
-
chain?.iconUrl && /* @__PURE__ */ (0,
|
|
5184
|
+
chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-wallet-asset-chain` })
|
|
5128
5185
|
] }),
|
|
5129
|
-
/* @__PURE__ */ (0,
|
|
5130
|
-
/* @__PURE__ */ (0,
|
|
5131
|
-
"price" in n && /* @__PURE__ */ (0,
|
|
5132
|
-
/* @__PURE__ */ (0,
|
|
5186
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-wallet-asset-info`, children: [
|
|
5187
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-wallet-asset-name`, children: n.symbol }),
|
|
5188
|
+
"price" in n && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-wallet-asset-content`, children: [
|
|
5189
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "matchid-wallet-asset-price", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
5133
5190
|
NumberFormatter,
|
|
5134
5191
|
{
|
|
5135
5192
|
value: n.price,
|
|
@@ -5137,7 +5194,7 @@ function WalletAsset({
|
|
|
5137
5194
|
tFixNum: 2
|
|
5138
5195
|
}
|
|
5139
5196
|
) }),
|
|
5140
|
-
/* @__PURE__ */ (0,
|
|
5197
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "matchid-wallet-asset-value", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
5141
5198
|
NumberFormatter,
|
|
5142
5199
|
{
|
|
5143
5200
|
value: n.value,
|
|
@@ -5146,15 +5203,15 @@ function WalletAsset({
|
|
|
5146
5203
|
}
|
|
5147
5204
|
) })
|
|
5148
5205
|
] }),
|
|
5149
|
-
/* @__PURE__ */ (0,
|
|
5150
|
-
/* @__PURE__ */ (0,
|
|
5206
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-wallet-asset-footer`, children: [
|
|
5207
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-wallet-asset-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
5151
5208
|
NumberFormatter,
|
|
5152
5209
|
{
|
|
5153
5210
|
value: n.balance,
|
|
5154
5211
|
tFixNum: 3
|
|
5155
5212
|
}
|
|
5156
5213
|
) }),
|
|
5157
|
-
"price_change_24h" in n && /* @__PURE__ */ (0,
|
|
5214
|
+
"price_change_24h" in n && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-wallet-asset-change ${getFooterColor()}`, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
5158
5215
|
NumberFormatter,
|
|
5159
5216
|
{
|
|
5160
5217
|
prefix: `${(n?.price_change_24h || 0) < 0 ? "-" : "+"} `,
|
|
@@ -5173,7 +5230,7 @@ function WalletAsset({
|
|
|
5173
5230
|
var import_react37 = require("react");
|
|
5174
5231
|
var import_viem11 = require("viem");
|
|
5175
5232
|
var import_react_intl18 = require("react-intl");
|
|
5176
|
-
var
|
|
5233
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
5177
5234
|
function Input2({
|
|
5178
5235
|
onChange,
|
|
5179
5236
|
placeholder,
|
|
@@ -5183,8 +5240,8 @@ function Input2({
|
|
|
5183
5240
|
error,
|
|
5184
5241
|
size = "df"
|
|
5185
5242
|
}) {
|
|
5186
|
-
return /* @__PURE__ */ (0,
|
|
5187
|
-
/* @__PURE__ */ (0,
|
|
5243
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
|
|
5244
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
5188
5245
|
"input",
|
|
5189
5246
|
{
|
|
5190
5247
|
placeholder,
|
|
@@ -5195,7 +5252,7 @@ function Input2({
|
|
|
5195
5252
|
className: `matchid-token-input ${error ? "matchid-token-input-error" : ""}`
|
|
5196
5253
|
}
|
|
5197
5254
|
),
|
|
5198
|
-
error && /* @__PURE__ */ (0,
|
|
5255
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "matchid-token-input-error-text", children: error })
|
|
5199
5256
|
] });
|
|
5200
5257
|
}
|
|
5201
5258
|
function TokenSend({
|
|
@@ -5323,24 +5380,24 @@ function TokenSend({
|
|
|
5323
5380
|
window.removeEventListener("message", receiveMessage);
|
|
5324
5381
|
};
|
|
5325
5382
|
}, []);
|
|
5326
|
-
return /* @__PURE__ */ (0,
|
|
5327
|
-
/* @__PURE__ */ (0,
|
|
5328
|
-
/* @__PURE__ */ (0,
|
|
5329
|
-
/* @__PURE__ */ (0,
|
|
5330
|
-
/* @__PURE__ */ (0,
|
|
5331
|
-
/* @__PURE__ */ (0,
|
|
5332
|
-
token.icon ? /* @__PURE__ */ (0,
|
|
5383
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl18.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-send-box`, children: [
|
|
5384
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-token-send-content", children: [
|
|
5385
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-content`, children: [
|
|
5386
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-header`, children: [
|
|
5387
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl18.FormattedMessage, { id: "amount" }) }),
|
|
5388
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
|
|
5389
|
+
token.icon ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
5333
5390
|
"img",
|
|
5334
5391
|
{
|
|
5335
5392
|
src: token?.icon,
|
|
5336
5393
|
alt: token?.symbol,
|
|
5337
5394
|
className: `matchid-token-amount-chain-icon`
|
|
5338
5395
|
}
|
|
5339
|
-
) : /* @__PURE__ */ (0,
|
|
5340
|
-
/* @__PURE__ */ (0,
|
|
5396
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
|
|
5397
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: token?.symbol })
|
|
5341
5398
|
] })
|
|
5342
5399
|
] }),
|
|
5343
|
-
/* @__PURE__ */ (0,
|
|
5400
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
5344
5401
|
Input2,
|
|
5345
5402
|
{
|
|
5346
5403
|
type: "text",
|
|
@@ -5353,18 +5410,18 @@ function TokenSend({
|
|
|
5353
5410
|
error: error.amount || txError
|
|
5354
5411
|
}
|
|
5355
5412
|
),
|
|
5356
|
-
/* @__PURE__ */ (0,
|
|
5357
|
-
/* @__PURE__ */ (0,
|
|
5358
|
-
/* @__PURE__ */ (0,
|
|
5413
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
|
|
5414
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-title`, children: [
|
|
5415
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl18.FormattedMessage, { id: "balance" }),
|
|
5359
5416
|
":"
|
|
5360
5417
|
] }),
|
|
5361
|
-
/* @__PURE__ */ (0,
|
|
5418
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
|
|
5362
5419
|
] }),
|
|
5363
|
-
/* @__PURE__ */ (0,
|
|
5420
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
|
|
5364
5421
|
] }),
|
|
5365
|
-
/* @__PURE__ */ (0,
|
|
5366
|
-
/* @__PURE__ */ (0,
|
|
5367
|
-
/* @__PURE__ */ (0,
|
|
5422
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-address-content`, children: [
|
|
5423
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl18.FormattedMessage, { id: "receiveTitle" }) }) }),
|
|
5424
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
5368
5425
|
Input2,
|
|
5369
5426
|
{
|
|
5370
5427
|
type: "text",
|
|
@@ -5380,7 +5437,7 @@ function TokenSend({
|
|
|
5380
5437
|
)
|
|
5381
5438
|
] })
|
|
5382
5439
|
] }),
|
|
5383
|
-
/* @__PURE__ */ (0,
|
|
5440
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
5384
5441
|
Button,
|
|
5385
5442
|
{
|
|
5386
5443
|
size: "lg",
|
|
@@ -5389,7 +5446,7 @@ function TokenSend({
|
|
|
5389
5446
|
disabled: !canSend || !!txError,
|
|
5390
5447
|
onClick: onNext,
|
|
5391
5448
|
loading: loading || sending,
|
|
5392
|
-
children: /* @__PURE__ */ (0,
|
|
5449
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl18.FormattedMessage, { id: "next" })
|
|
5393
5450
|
}
|
|
5394
5451
|
)
|
|
5395
5452
|
] }) });
|
|
@@ -5397,7 +5454,7 @@ function TokenSend({
|
|
|
5397
5454
|
|
|
5398
5455
|
// src/components/TokenDetail/index.tsx
|
|
5399
5456
|
var import_react_intl19 = require("react-intl");
|
|
5400
|
-
var
|
|
5457
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
5401
5458
|
function TokenDetail({
|
|
5402
5459
|
onClose,
|
|
5403
5460
|
token
|
|
@@ -5407,41 +5464,41 @@ function TokenDetail({
|
|
|
5407
5464
|
const chain = chainList?.find((m) => m.id.toString() === token.chain_id);
|
|
5408
5465
|
const onSend = () => {
|
|
5409
5466
|
modal.show((props) => {
|
|
5410
|
-
return /* @__PURE__ */ (0,
|
|
5467
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(TokenSend, { onClose: () => {
|
|
5411
5468
|
props.close();
|
|
5412
5469
|
onClose();
|
|
5413
5470
|
}, onBack: props.close, zIndex: props.zIndex, token });
|
|
5414
5471
|
});
|
|
5415
5472
|
};
|
|
5416
5473
|
const intl = (0, import_react_intl19.useIntl)();
|
|
5417
|
-
return /* @__PURE__ */ (0,
|
|
5474
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ModalDrawer, { isOpen: true, title: intl.formatMessage({
|
|
5418
5475
|
id: "tokenDetails"
|
|
5419
|
-
}), onClose, children: /* @__PURE__ */ (0,
|
|
5420
|
-
/* @__PURE__ */ (0,
|
|
5421
|
-
/* @__PURE__ */ (0,
|
|
5422
|
-
/* @__PURE__ */ (0,
|
|
5423
|
-
token.icon ? /* @__PURE__ */ (0,
|
|
5424
|
-
chain?.iconUrl && /* @__PURE__ */ (0,
|
|
5476
|
+
}), onClose, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-detail`, children: [
|
|
5477
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-main`, children: [
|
|
5478
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-info`, children: [
|
|
5479
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-logo`, children: [
|
|
5480
|
+
token.icon ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("img", { src: token.icon, alt: token.symbol, className: `matchid-token-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(AlphaAvatar, { className: `matchid-token-icon`, size: 48, name: token.symbol || token.name || "" }),
|
|
5481
|
+
chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
|
|
5425
5482
|
] }),
|
|
5426
|
-
/* @__PURE__ */ (0,
|
|
5427
|
-
/* @__PURE__ */ (0,
|
|
5483
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-name`, children: [
|
|
5484
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10 }),
|
|
5428
5485
|
" ",
|
|
5429
5486
|
token.symbol
|
|
5430
5487
|
] })
|
|
5431
5488
|
] }),
|
|
5432
|
-
token.address.toLowerCase() != NATIVE_TOKEN_ADDRESS && /* @__PURE__ */ (0,
|
|
5433
|
-
/* @__PURE__ */ (0,
|
|
5434
|
-
/* @__PURE__ */ (0,
|
|
5489
|
+
token.address.toLowerCase() != NATIVE_TOKEN_ADDRESS && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-contract`, children: [
|
|
5490
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "matchid-token-contract-title", children: "Contract address" }),
|
|
5491
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "matchid-token-contract-address", children: token.address })
|
|
5435
5492
|
] })
|
|
5436
5493
|
] }),
|
|
5437
|
-
/* @__PURE__ */ (0,
|
|
5494
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_intl19.FormattedMessage, { id: "send" }) })
|
|
5438
5495
|
] }) });
|
|
5439
5496
|
}
|
|
5440
5497
|
|
|
5441
5498
|
// src/components/TokenSendList/index.tsx
|
|
5442
5499
|
var import_react38 = require("react");
|
|
5443
5500
|
var import_react_intl20 = require("react-intl");
|
|
5444
|
-
var
|
|
5501
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
5445
5502
|
function TokenSendList({ close }) {
|
|
5446
5503
|
const isDownMd = useDownMd();
|
|
5447
5504
|
const walletAssets = useMatchWalletAssets();
|
|
@@ -5453,16 +5510,16 @@ function TokenSendList({ close }) {
|
|
|
5453
5510
|
const modal = useModal();
|
|
5454
5511
|
const onNext = () => {
|
|
5455
5512
|
checked && modal.show((props) => {
|
|
5456
|
-
return /* @__PURE__ */ (0,
|
|
5513
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TokenSend, { onClose: () => {
|
|
5457
5514
|
props.close();
|
|
5458
5515
|
close();
|
|
5459
5516
|
}, onBack: props.close, zIndex: props.zIndex, token: checked });
|
|
5460
5517
|
});
|
|
5461
5518
|
};
|
|
5462
|
-
return /* @__PURE__ */ (0,
|
|
5463
|
-
/* @__PURE__ */ (0,
|
|
5519
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-token-send-list-box", children: [
|
|
5520
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index) => {
|
|
5464
5521
|
const chain = list?.find((m) => m.id.toString() === n.chain_id);
|
|
5465
|
-
return /* @__PURE__ */ (0,
|
|
5522
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
|
|
5466
5523
|
"div",
|
|
5467
5524
|
{
|
|
5468
5525
|
className: `matchid-token-send-item ${checked?.address == n.address ? "matchid-token-send-chekced" : ""}`,
|
|
@@ -5470,10 +5527,10 @@ function TokenSendList({ close }) {
|
|
|
5470
5527
|
setChecked(n);
|
|
5471
5528
|
},
|
|
5472
5529
|
children: [
|
|
5473
|
-
/* @__PURE__ */ (0,
|
|
5474
|
-
/* @__PURE__ */ (0,
|
|
5475
|
-
/* @__PURE__ */ (0,
|
|
5476
|
-
n.icon ? /* @__PURE__ */ (0,
|
|
5530
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
|
|
5531
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-token-send-content", children: [
|
|
5532
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-token-send-logo", children: [
|
|
5533
|
+
n.icon ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
5477
5534
|
AlphaAvatar2,
|
|
5478
5535
|
{
|
|
5479
5536
|
className: `matchid-token-send-icon`,
|
|
@@ -5481,7 +5538,7 @@ function TokenSendList({ close }) {
|
|
|
5481
5538
|
name: n.symbol || n.name || ""
|
|
5482
5539
|
}
|
|
5483
5540
|
),
|
|
5484
|
-
chain?.iconUrl && /* @__PURE__ */ (0,
|
|
5541
|
+
chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
5485
5542
|
"img",
|
|
5486
5543
|
{
|
|
5487
5544
|
src: chain.iconUrl,
|
|
@@ -5490,9 +5547,9 @@ function TokenSendList({ close }) {
|
|
|
5490
5547
|
}
|
|
5491
5548
|
)
|
|
5492
5549
|
] }),
|
|
5493
|
-
/* @__PURE__ */ (0,
|
|
5494
|
-
/* @__PURE__ */ (0,
|
|
5495
|
-
/* @__PURE__ */ (0,
|
|
5550
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-token-send-info`, children: [
|
|
5551
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
|
|
5552
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
|
|
5496
5553
|
] })
|
|
5497
5554
|
] })
|
|
5498
5555
|
]
|
|
@@ -5500,7 +5557,7 @@ function TokenSendList({ close }) {
|
|
|
5500
5557
|
index
|
|
5501
5558
|
);
|
|
5502
5559
|
}) }),
|
|
5503
|
-
/* @__PURE__ */ (0,
|
|
5560
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "next" }) })
|
|
5504
5561
|
] });
|
|
5505
5562
|
}
|
|
5506
5563
|
|
|
@@ -5510,7 +5567,7 @@ var import_react39 = require("react");
|
|
|
5510
5567
|
var import_viem12 = require("viem");
|
|
5511
5568
|
var import_viem13 = require("viem");
|
|
5512
5569
|
var import_react_intl21 = require("react-intl");
|
|
5513
|
-
var
|
|
5570
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
5514
5571
|
var Item = ({ data }) => {
|
|
5515
5572
|
const { address } = useWallet();
|
|
5516
5573
|
const isOut = data.from.toLowerCase() == address.toLowerCase();
|
|
@@ -5597,18 +5654,18 @@ var Item = ({ data }) => {
|
|
|
5597
5654
|
}
|
|
5598
5655
|
return chain?.nativeCurrency.symbol || chain?.nativeCurrency.name;
|
|
5599
5656
|
}, [transferType, chain, contracts, chainId, data.to]);
|
|
5600
|
-
return /* @__PURE__ */ (0,
|
|
5657
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
|
|
5601
5658
|
"a",
|
|
5602
5659
|
{
|
|
5603
5660
|
href: explorerLink(`tx/${data.hash}`),
|
|
5604
5661
|
target: "_blank",
|
|
5605
5662
|
className: `matchid-transaction-item`,
|
|
5606
5663
|
children: [
|
|
5607
|
-
/* @__PURE__ */ (0,
|
|
5608
|
-
/* @__PURE__ */ (0,
|
|
5609
|
-
/* @__PURE__ */ (0,
|
|
5610
|
-
/* @__PURE__ */ (0,
|
|
5611
|
-
/* @__PURE__ */ (0,
|
|
5664
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-transacton-item-container`, children: [
|
|
5665
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "matchid-transaction-item-icon", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ArrowSendIcon, { className: !isOut ? "rotate-180" : "" }) }),
|
|
5666
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-transaction-item-details`, children: [
|
|
5667
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-transaction-item-address`, children: formatAddress(to, 6, 4) }),
|
|
5668
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
5612
5669
|
"div",
|
|
5613
5670
|
{
|
|
5614
5671
|
className: `matchid-transaction-item-timestamp`,
|
|
@@ -5617,11 +5674,11 @@ var Item = ({ data }) => {
|
|
|
5617
5674
|
)
|
|
5618
5675
|
] })
|
|
5619
5676
|
] }),
|
|
5620
|
-
/* @__PURE__ */ (0,
|
|
5621
|
-
/* @__PURE__ */ (0,
|
|
5622
|
-
status == "loading" && /* @__PURE__ */ (0,
|
|
5623
|
-
status == "success" && /* @__PURE__ */ (0,
|
|
5624
|
-
status == "error" && /* @__PURE__ */ (0,
|
|
5677
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-transaction-item-amount ${"matchid-transaction-item-" + status}`, children: [
|
|
5678
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(NumberFormatter, { value: amount, tFixNum: 6, prefix: isOut ? "-" : "+", suffix: " " + symbol }),
|
|
5679
|
+
status == "loading" && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(LoadingIcon_default, { color: "#000000", size: 16, rotate: true }),
|
|
5680
|
+
status == "success" && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(CheckRoundIcon, { size: 16 }),
|
|
5681
|
+
status == "error" && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(InfoRoundIcon, { size: 16 })
|
|
5625
5682
|
] })
|
|
5626
5683
|
]
|
|
5627
5684
|
}
|
|
@@ -5631,19 +5688,19 @@ function TransactionList({
|
|
|
5631
5688
|
scrollableTarget
|
|
5632
5689
|
}) {
|
|
5633
5690
|
const { fetchMoreData, hasMore, items } = useMatchWalletRecords();
|
|
5634
|
-
return /* @__PURE__ */ (0,
|
|
5691
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
5635
5692
|
import_react_infinite_scroll_component.default,
|
|
5636
5693
|
{
|
|
5637
5694
|
scrollableTarget,
|
|
5638
5695
|
dataLength: items.length,
|
|
5639
5696
|
next: fetchMoreData,
|
|
5640
5697
|
hasMore,
|
|
5641
|
-
loader: /* @__PURE__ */ (0,
|
|
5642
|
-
/* @__PURE__ */ (0,
|
|
5698
|
+
loader: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "matchid-list-nomore", children: [
|
|
5699
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
|
|
5643
5700
|
"Loading..."
|
|
5644
5701
|
] }),
|
|
5645
|
-
endMessage: items.length > 0 ? /* @__PURE__ */ (0,
|
|
5646
|
-
children: items.length == 0 && !hasMore ? /* @__PURE__ */ (0,
|
|
5702
|
+
endMessage: items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.FormattedMessage, { id: "noMoreRecords" }) }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.FormattedMessage, { id: "noRecords" }) }),
|
|
5703
|
+
children: items.length == 0 && !hasMore ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "mt-[150px]" }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-transaction-list`, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Item, { data: item }, index)) })
|
|
5647
5704
|
}
|
|
5648
5705
|
);
|
|
5649
5706
|
}
|