@matchain/matchid-sdk-react 0.1.53-alpha.6 → 0.1.53-alpha.7
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 +1 -1
- package/dist/assets/icon/index.d.ts +1 -1
- package/dist/{chunk-V2S54LGG.mjs → chunk-AYMVU44P.mjs} +44 -2
- package/dist/chunk-AYMVU44P.mjs.map +1 -0
- package/dist/{chunk-Z7DMYFH5.mjs → chunk-W7CCPGOT.mjs} +5553 -5375
- package/dist/chunk-W7CCPGOT.mjs.map +1 -0
- package/dist/components/index.d.mts +3 -3
- package/dist/components/index.d.ts +3 -3
- package/dist/components/index.js +421 -274
- package/dist/components/index.js.map +1 -1
- package/dist/components/index.mjs +6 -4
- package/dist/hooks/api/index.d.mts +2 -2
- package/dist/hooks/api/index.d.ts +2 -2
- package/dist/hooks/api/index.js +103 -33
- package/dist/hooks/api/index.js.map +1 -1
- package/dist/hooks/api/index.mjs +7 -7
- package/dist/hooks/index.d.mts +2 -2
- package/dist/hooks/index.d.ts +2 -2
- package/dist/hooks/index.js +180 -159
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/index.mjs +4 -4
- package/dist/{index-Dt92N6yZ.d.ts → index-BIvPr81B.d.ts} +18 -3
- package/dist/{index-D_UNctDI.d.mts → index-BXNFULAw.d.mts} +10 -4
- package/dist/{index-CFqk8eNo.d.ts → index-BkWS_v10.d.mts} +1 -1
- package/dist/{index-wqqEUufi.d.mts → index-C2-EMz0t.d.ts} +25 -5
- package/dist/{index-DaXXoRxr.d.ts → index-CZHjwqDb.d.ts} +1 -1
- package/dist/{index-C5StsjWY.d.ts → index-DDCyj-Fl.d.ts} +10 -4
- package/dist/{index-BhU3hF7y.d.ts → index-DKFnMFMm.d.mts} +25 -5
- package/dist/{index-Bpd2gBNh.d.mts → index-DYkN9eDY.d.mts} +1 -1
- package/dist/{index-W6yjuOKT.d.mts → index-TVbqpk9T.d.mts} +18 -3
- package/dist/{index-D1QeVZyN.d.ts → index-TsJwrYwh.d.mts} +3 -2
- package/dist/{index-mxbJ8CFx.d.mts → index-tFT-63LO.d.ts} +1 -1
- package/dist/{index-BaYTgL99.d.mts → index-uhLehOUk.d.ts} +3 -2
- package/dist/index.css +115 -15
- package/dist/index.d.mts +7 -7
- package/dist/index.d.ts +7 -7
- package/dist/index.js +560 -412
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5 -7
- package/dist/types/index.d.mts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/{types-Bx_FJ11s.d.mts → types-i_ugbm5B.d.mts} +7 -1
- package/dist/{types-Bx_FJ11s.d.ts → types-i_ugbm5B.d.ts} +7 -1
- package/dist/ui/index.d.mts +3 -3
- package/dist/ui/index.d.ts +3 -3
- package/dist/ui/index.js +44 -2
- package/dist/ui/index.js.map +1 -1
- package/dist/ui/index.mjs +7 -3
- package/example/src/App.tsx +30 -7
- package/example/src/pages/Contact/index.tsx +4 -0
- package/example/src/pages/UI/components/Tabs.tsx +18 -0
- package/example/src/pages/UI/index.tsx +2 -0
- package/package.json +4 -1
- package/dist/chunk-UDXKFDXO.mjs +0 -97
- package/dist/chunk-UDXKFDXO.mjs.map +0 -1
- package/dist/chunk-V2S54LGG.mjs.map +0 -1
- package/dist/chunk-Z7DMYFH5.mjs.map +0 -1
package/dist/hooks/index.js
CHANGED
|
@@ -1237,6 +1237,12 @@ function Radio({
|
|
|
1237
1237
|
} }) });
|
|
1238
1238
|
}
|
|
1239
1239
|
|
|
1240
|
+
// src/ui/Skeleton/index.tsx
|
|
1241
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
1242
|
+
|
|
1243
|
+
// src/ui/Tabs/index.tsx
|
|
1244
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
1245
|
+
|
|
1240
1246
|
// src/components/EVMModal/index.tsx
|
|
1241
1247
|
var import_react16 = require("react");
|
|
1242
1248
|
|
|
@@ -1273,7 +1279,7 @@ var import_react_intl9 = require("react-intl");
|
|
|
1273
1279
|
|
|
1274
1280
|
// src/components/WalletModalContent/index.tsx
|
|
1275
1281
|
var import_react14 = require("react");
|
|
1276
|
-
var
|
|
1282
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
1277
1283
|
|
|
1278
1284
|
// src/components/EVMModal/index.tsx
|
|
1279
1285
|
var import_chains = require("wagmi/chains");
|
|
@@ -1354,7 +1360,7 @@ var import_ethers = require("ethers");
|
|
|
1354
1360
|
// src/components/EVMModal/index.tsx
|
|
1355
1361
|
var import_siwe = require("siwe");
|
|
1356
1362
|
var import_styles = require("@rainbow-me/rainbowkit/styles.css");
|
|
1357
|
-
var
|
|
1363
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
1358
1364
|
var wagmiConfig = (0, import_rainbowkit.getDefaultConfig)({
|
|
1359
1365
|
appName: "MatchID",
|
|
1360
1366
|
projectId: "9ac6ea7e07860f04616fb311b447dee9",
|
|
@@ -1381,13 +1387,13 @@ var import_react_intl10 = require("react-intl");
|
|
|
1381
1387
|
var import_react17 = require("react");
|
|
1382
1388
|
|
|
1383
1389
|
// src/components/TRONModal/index.tsx
|
|
1384
|
-
var
|
|
1390
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
1385
1391
|
|
|
1386
1392
|
// src/components/TONModal/index.tsx
|
|
1387
1393
|
var import_react19 = __toESM(require("react"));
|
|
1388
1394
|
var import_react_intl11 = require("react-intl");
|
|
1389
1395
|
var import_ui_react = require("@tonconnect/ui-react");
|
|
1390
|
-
var
|
|
1396
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
1391
1397
|
|
|
1392
1398
|
// src/components/BTCModal/index.tsx
|
|
1393
1399
|
var import_react21 = __toESM(require("react"));
|
|
@@ -1400,16 +1406,16 @@ var import_sats_connect = require("sats-connect");
|
|
|
1400
1406
|
var import_react20 = require("react");
|
|
1401
1407
|
|
|
1402
1408
|
// src/components/BTCModal/index.tsx
|
|
1403
|
-
var
|
|
1409
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
1404
1410
|
|
|
1405
1411
|
// src/components/WalletModal/index.tsx
|
|
1406
1412
|
var import_react22 = require("react");
|
|
1407
1413
|
var import_react_intl13 = require("react-intl");
|
|
1408
|
-
var
|
|
1414
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
1409
1415
|
|
|
1410
1416
|
// src/components/AlphaAvatar/index.tsx
|
|
1411
1417
|
var import_react23 = require("react");
|
|
1412
|
-
var
|
|
1418
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
1413
1419
|
function AlphaAvatar2({ name, size = 40, className = "" }) {
|
|
1414
1420
|
const [avatar, setAvatar] = (0, import_react23.useState)(void 0);
|
|
1415
1421
|
(0, import_react23.useEffect)(() => {
|
|
@@ -1418,7 +1424,7 @@ function AlphaAvatar2({ name, size = 40, className = "" }) {
|
|
|
1418
1424
|
setAvatar(char);
|
|
1419
1425
|
}
|
|
1420
1426
|
}, [name]);
|
|
1421
|
-
return /* @__PURE__ */ (0,
|
|
1427
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
|
|
1422
1428
|
width: size,
|
|
1423
1429
|
height: size,
|
|
1424
1430
|
fontSize: Math.ceil(size / 2)
|
|
@@ -1426,13 +1432,13 @@ function AlphaAvatar2({ name, size = 40, className = "" }) {
|
|
|
1426
1432
|
}
|
|
1427
1433
|
|
|
1428
1434
|
// src/components/WalletAsset/index.tsx
|
|
1429
|
-
var
|
|
1435
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
1430
1436
|
|
|
1431
1437
|
// src/components/TokenSend/index.tsx
|
|
1432
1438
|
var import_react24 = require("react");
|
|
1433
1439
|
var import_viem4 = require("viem");
|
|
1434
1440
|
var import_react_intl14 = require("react-intl");
|
|
1435
|
-
var
|
|
1441
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
1436
1442
|
function Input2({
|
|
1437
1443
|
onChange,
|
|
1438
1444
|
placeholder,
|
|
@@ -1442,8 +1448,8 @@ function Input2({
|
|
|
1442
1448
|
error,
|
|
1443
1449
|
size = "df"
|
|
1444
1450
|
}) {
|
|
1445
|
-
return /* @__PURE__ */ (0,
|
|
1446
|
-
/* @__PURE__ */ (0,
|
|
1451
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
|
|
1452
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
1447
1453
|
"input",
|
|
1448
1454
|
{
|
|
1449
1455
|
placeholder,
|
|
@@ -1454,7 +1460,7 @@ function Input2({
|
|
|
1454
1460
|
className: `matchid-token-input ${error ? "matchid-token-input-error" : ""}`
|
|
1455
1461
|
}
|
|
1456
1462
|
),
|
|
1457
|
-
error && /* @__PURE__ */ (0,
|
|
1463
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-token-input-error-text", children: error })
|
|
1458
1464
|
] });
|
|
1459
1465
|
}
|
|
1460
1466
|
function TokenSend({
|
|
@@ -1582,24 +1588,24 @@ function TokenSend({
|
|
|
1582
1588
|
window.removeEventListener("message", receiveMessage);
|
|
1583
1589
|
};
|
|
1584
1590
|
}, []);
|
|
1585
|
-
return /* @__PURE__ */ (0,
|
|
1586
|
-
/* @__PURE__ */ (0,
|
|
1587
|
-
/* @__PURE__ */ (0,
|
|
1588
|
-
/* @__PURE__ */ (0,
|
|
1589
|
-
/* @__PURE__ */ (0,
|
|
1590
|
-
/* @__PURE__ */ (0,
|
|
1591
|
-
token.icon ? /* @__PURE__ */ (0,
|
|
1591
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_intl14.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `matchid-token-send-box`, children: [
|
|
1592
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-token-send-content", children: [
|
|
1593
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `matchid-token-amount-content`, children: [
|
|
1594
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `matchid-token-amount-header`, children: [
|
|
1595
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_intl14.FormattedMessage, { id: "amount" }) }),
|
|
1596
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
|
|
1597
|
+
token.icon ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
1592
1598
|
"img",
|
|
1593
1599
|
{
|
|
1594
1600
|
src: token?.icon,
|
|
1595
1601
|
alt: token?.symbol,
|
|
1596
1602
|
className: `matchid-token-amount-chain-icon`
|
|
1597
1603
|
}
|
|
1598
|
-
) : /* @__PURE__ */ (0,
|
|
1599
|
-
/* @__PURE__ */ (0,
|
|
1604
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
|
|
1605
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: token?.symbol })
|
|
1600
1606
|
] })
|
|
1601
1607
|
] }),
|
|
1602
|
-
/* @__PURE__ */ (0,
|
|
1608
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
1603
1609
|
Input2,
|
|
1604
1610
|
{
|
|
1605
1611
|
type: "text",
|
|
@@ -1612,18 +1618,18 @@ function TokenSend({
|
|
|
1612
1618
|
error: error.amount || txError
|
|
1613
1619
|
}
|
|
1614
1620
|
),
|
|
1615
|
-
/* @__PURE__ */ (0,
|
|
1616
|
-
/* @__PURE__ */ (0,
|
|
1617
|
-
/* @__PURE__ */ (0,
|
|
1621
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
|
|
1622
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `matchid-token-amount-title`, children: [
|
|
1623
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_intl14.FormattedMessage, { id: "balance" }),
|
|
1618
1624
|
":"
|
|
1619
1625
|
] }),
|
|
1620
|
-
/* @__PURE__ */ (0,
|
|
1626
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
|
|
1621
1627
|
] }),
|
|
1622
|
-
/* @__PURE__ */ (0,
|
|
1628
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
|
|
1623
1629
|
] }),
|
|
1624
|
-
/* @__PURE__ */ (0,
|
|
1625
|
-
/* @__PURE__ */ (0,
|
|
1626
|
-
/* @__PURE__ */ (0,
|
|
1630
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `matchid-token-address-content`, children: [
|
|
1631
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_intl14.FormattedMessage, { id: "receiveTitle" }) }) }),
|
|
1632
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
1627
1633
|
Input2,
|
|
1628
1634
|
{
|
|
1629
1635
|
type: "text",
|
|
@@ -1639,7 +1645,7 @@ function TokenSend({
|
|
|
1639
1645
|
)
|
|
1640
1646
|
] })
|
|
1641
1647
|
] }),
|
|
1642
|
-
/* @__PURE__ */ (0,
|
|
1648
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
1643
1649
|
Button,
|
|
1644
1650
|
{
|
|
1645
1651
|
size: "lg",
|
|
@@ -1648,7 +1654,7 @@ function TokenSend({
|
|
|
1648
1654
|
disabled: !canSend || !!txError,
|
|
1649
1655
|
onClick: onNext,
|
|
1650
1656
|
loading: loading || sending,
|
|
1651
|
-
children: /* @__PURE__ */ (0,
|
|
1657
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_intl14.FormattedMessage, { id: "next" })
|
|
1652
1658
|
}
|
|
1653
1659
|
)
|
|
1654
1660
|
] }) });
|
|
@@ -1656,12 +1662,12 @@ function TokenSend({
|
|
|
1656
1662
|
|
|
1657
1663
|
// src/components/TokenDetail/index.tsx
|
|
1658
1664
|
var import_react_intl15 = require("react-intl");
|
|
1659
|
-
var
|
|
1665
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
1660
1666
|
|
|
1661
1667
|
// src/components/TokenSendList/index.tsx
|
|
1662
1668
|
var import_react25 = require("react");
|
|
1663
1669
|
var import_react_intl16 = require("react-intl");
|
|
1664
|
-
var
|
|
1670
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
1665
1671
|
function TokenSendList({ close }) {
|
|
1666
1672
|
const isDownMd = useDownMd();
|
|
1667
1673
|
const walletAssets = useMatchWalletAssets();
|
|
@@ -1673,16 +1679,16 @@ function TokenSendList({ close }) {
|
|
|
1673
1679
|
const modal = useModal();
|
|
1674
1680
|
const onNext = () => {
|
|
1675
1681
|
checked && modal.show((props) => {
|
|
1676
|
-
return /* @__PURE__ */ (0,
|
|
1682
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TokenSend, { onClose: () => {
|
|
1677
1683
|
props.close();
|
|
1678
1684
|
close();
|
|
1679
1685
|
}, onBack: props.close, zIndex: props.zIndex, token: checked });
|
|
1680
1686
|
});
|
|
1681
1687
|
};
|
|
1682
|
-
return /* @__PURE__ */ (0,
|
|
1683
|
-
/* @__PURE__ */ (0,
|
|
1688
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "matchid-token-send-list-box", children: [
|
|
1689
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index) => {
|
|
1684
1690
|
const chain = list?.find((m) => m.id.toString() === n.chain_id);
|
|
1685
|
-
return /* @__PURE__ */ (0,
|
|
1691
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
|
|
1686
1692
|
"div",
|
|
1687
1693
|
{
|
|
1688
1694
|
className: `matchid-token-send-item ${checked?.address == n.address ? "matchid-token-send-chekced" : ""}`,
|
|
@@ -1690,10 +1696,10 @@ function TokenSendList({ close }) {
|
|
|
1690
1696
|
setChecked(n);
|
|
1691
1697
|
},
|
|
1692
1698
|
children: [
|
|
1693
|
-
/* @__PURE__ */ (0,
|
|
1694
|
-
/* @__PURE__ */ (0,
|
|
1695
|
-
/* @__PURE__ */ (0,
|
|
1696
|
-
n.icon ? /* @__PURE__ */ (0,
|
|
1699
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
|
|
1700
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "matchid-token-send-content", children: [
|
|
1701
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "matchid-token-send-logo", children: [
|
|
1702
|
+
n.icon ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
1697
1703
|
AlphaAvatar2,
|
|
1698
1704
|
{
|
|
1699
1705
|
className: `matchid-token-send-icon`,
|
|
@@ -1701,7 +1707,7 @@ function TokenSendList({ close }) {
|
|
|
1701
1707
|
name: n.symbol || n.name || ""
|
|
1702
1708
|
}
|
|
1703
1709
|
),
|
|
1704
|
-
chain?.iconUrl && /* @__PURE__ */ (0,
|
|
1710
|
+
chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
1705
1711
|
"img",
|
|
1706
1712
|
{
|
|
1707
1713
|
src: chain.iconUrl,
|
|
@@ -1710,9 +1716,9 @@ function TokenSendList({ close }) {
|
|
|
1710
1716
|
}
|
|
1711
1717
|
)
|
|
1712
1718
|
] }),
|
|
1713
|
-
/* @__PURE__ */ (0,
|
|
1714
|
-
/* @__PURE__ */ (0,
|
|
1715
|
-
/* @__PURE__ */ (0,
|
|
1719
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-send-info`, children: [
|
|
1720
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
|
|
1721
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
|
|
1716
1722
|
] })
|
|
1717
1723
|
] })
|
|
1718
1724
|
]
|
|
@@ -1720,7 +1726,7 @@ function TokenSendList({ close }) {
|
|
|
1720
1726
|
index
|
|
1721
1727
|
);
|
|
1722
1728
|
}) }),
|
|
1723
|
-
/* @__PURE__ */ (0,
|
|
1729
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl16.FormattedMessage, { id: "next" }) })
|
|
1724
1730
|
] });
|
|
1725
1731
|
}
|
|
1726
1732
|
|
|
@@ -1788,15 +1794,85 @@ var useContractStore_default = useContractStore;
|
|
|
1788
1794
|
|
|
1789
1795
|
// src/components/TransactionList/index.tsx
|
|
1790
1796
|
var import_react_intl17 = require("react-intl");
|
|
1791
|
-
var
|
|
1797
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
1798
|
+
|
|
1799
|
+
// src/hooks/api/bind.ts
|
|
1800
|
+
var import_react_query3 = require("@tanstack/react-query");
|
|
1801
|
+
|
|
1802
|
+
// src/hooks/api/poh.ts
|
|
1803
|
+
var import_react_query4 = require("@tanstack/react-query");
|
|
1804
|
+
|
|
1805
|
+
// src/hooks/api/wallet.ts
|
|
1806
|
+
var import_react_query5 = require("@tanstack/react-query");
|
|
1807
|
+
function useChainListQuery(options) {
|
|
1808
|
+
const { isLogin, token } = useUserInfo();
|
|
1809
|
+
return (0, import_react_query5.useQuery)({
|
|
1810
|
+
queryKey: ["match-user-chain-list", token],
|
|
1811
|
+
queryFn: async () => {
|
|
1812
|
+
const res = await getUserChainListApi();
|
|
1813
|
+
if (!isSuccess(res)) {
|
|
1814
|
+
return [];
|
|
1815
|
+
}
|
|
1816
|
+
return res.data;
|
|
1817
|
+
},
|
|
1818
|
+
enabled: isLogin,
|
|
1819
|
+
...options
|
|
1820
|
+
});
|
|
1821
|
+
}
|
|
1822
|
+
function useAssetListQuery({
|
|
1823
|
+
chainId,
|
|
1824
|
+
...options
|
|
1825
|
+
}) {
|
|
1826
|
+
const { isLogin, token } = useUserInfo();
|
|
1827
|
+
return (0, import_react_query5.useQuery)({
|
|
1828
|
+
queryKey: ["match-user-asset-list", token, chainId],
|
|
1829
|
+
queryFn: async () => {
|
|
1830
|
+
const res = await getUserWalletAssetApi({ chain_id: chainId.toString() });
|
|
1831
|
+
if (!isSuccess(res)) {
|
|
1832
|
+
return [];
|
|
1833
|
+
}
|
|
1834
|
+
return res.data || [];
|
|
1835
|
+
},
|
|
1836
|
+
enabled: isLogin,
|
|
1837
|
+
...options
|
|
1838
|
+
});
|
|
1839
|
+
}
|
|
1840
|
+
var USER_IMPORT_TOKEN_LIST_KEY = "match-user-import-token-list";
|
|
1841
|
+
function useImportTokenListQuery({
|
|
1842
|
+
chainId,
|
|
1843
|
+
...options
|
|
1844
|
+
}) {
|
|
1845
|
+
const { isLogin, token } = useUserInfo();
|
|
1846
|
+
return (0, import_react_query5.useQuery)({
|
|
1847
|
+
queryKey: [USER_IMPORT_TOKEN_LIST_KEY, token, chainId],
|
|
1848
|
+
queryFn: async () => {
|
|
1849
|
+
const res = await getUserImportTokenListApi({ chain_id: chainId.toString() });
|
|
1850
|
+
if (!isSuccess(res)) {
|
|
1851
|
+
return [];
|
|
1852
|
+
}
|
|
1853
|
+
return res.data || [];
|
|
1854
|
+
},
|
|
1855
|
+
enabled: isLogin,
|
|
1856
|
+
...options
|
|
1857
|
+
});
|
|
1858
|
+
}
|
|
1859
|
+
|
|
1860
|
+
// src/hooks/api/contact.ts
|
|
1861
|
+
var import_react_query6 = require("@tanstack/react-query");
|
|
1862
|
+
var import_uniqBy = __toESM(require("lodash/uniqBy"));
|
|
1863
|
+
var import_last = __toESM(require("lodash/last"));
|
|
1864
|
+
|
|
1865
|
+
// src/components/ContactList/index.tsx
|
|
1866
|
+
var import_react_virtuoso = require("react-virtuoso");
|
|
1867
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
1792
1868
|
|
|
1793
1869
|
// src/components/CEXBindModal/index.tsx
|
|
1794
1870
|
var import_react27 = require("react");
|
|
1795
1871
|
var import_react_intl18 = require("react-intl");
|
|
1796
|
-
var
|
|
1872
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
1797
1873
|
|
|
1798
1874
|
// src/context/BusinessProvider.tsx
|
|
1799
|
-
var
|
|
1875
|
+
var import_react_query7 = require("@tanstack/react-query");
|
|
1800
1876
|
|
|
1801
1877
|
// src/store/useStore.ts
|
|
1802
1878
|
var import_zustand4 = require("zustand");
|
|
@@ -1811,12 +1887,12 @@ var useStore = (0, import_zustand4.create)((set) => ({
|
|
|
1811
1887
|
var useStore_default = useStore;
|
|
1812
1888
|
|
|
1813
1889
|
// src/context/BusinessProvider.tsx
|
|
1814
|
-
var
|
|
1890
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
1815
1891
|
|
|
1816
1892
|
// src/context/ModalContext.tsx
|
|
1817
1893
|
var import_react28 = require("react");
|
|
1818
1894
|
var import_react_dom = require("react-dom");
|
|
1819
|
-
var
|
|
1895
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
1820
1896
|
var ModalContext = (0, import_react28.createContext)(null);
|
|
1821
1897
|
function useModal() {
|
|
1822
1898
|
const context = (0, import_react28.useContext)(ModalContext);
|
|
@@ -1829,7 +1905,7 @@ function useModal() {
|
|
|
1829
1905
|
// src/context/ToastContext.tsx
|
|
1830
1906
|
var import_react29 = require("react");
|
|
1831
1907
|
var import_react_dom2 = require("react-dom");
|
|
1832
|
-
var
|
|
1908
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
1833
1909
|
var ToastContext = (0, import_react29.createContext)(null);
|
|
1834
1910
|
function useToast() {
|
|
1835
1911
|
const context = (0, import_react29.useContext)(ToastContext);
|
|
@@ -1840,7 +1916,7 @@ function useToast() {
|
|
|
1840
1916
|
}
|
|
1841
1917
|
|
|
1842
1918
|
// src/context/index.tsx
|
|
1843
|
-
var
|
|
1919
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
1844
1920
|
|
|
1845
1921
|
// src/hooks/useWalletInit.ts
|
|
1846
1922
|
var import_react30 = require("react");
|
|
@@ -1850,10 +1926,10 @@ var AppClientId = getAppClientId();
|
|
|
1850
1926
|
var import_react31 = require("react");
|
|
1851
1927
|
|
|
1852
1928
|
// src/MatchContext.tsx
|
|
1853
|
-
var
|
|
1929
|
+
var import_react_query8 = require("@tanstack/react-query");
|
|
1854
1930
|
var import_react_intl19 = require("react-intl");
|
|
1855
|
-
var
|
|
1856
|
-
var queryClient = new
|
|
1931
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
1932
|
+
var queryClient = new import_react_query8.QueryClient();
|
|
1857
1933
|
var MatchContext = (0, import_react32.createContext)(void 0);
|
|
1858
1934
|
var useMatch = () => {
|
|
1859
1935
|
const context = (0, import_react32.useContext)(MatchContext);
|
|
@@ -2211,7 +2287,7 @@ var useTransactionStore = (0, import_zustand5.create)((0, import_middleware3.dev
|
|
|
2211
2287
|
var useTransactionStore_default = useTransactionStore;
|
|
2212
2288
|
|
|
2213
2289
|
// src/hooks/useWallet.tsx
|
|
2214
|
-
var
|
|
2290
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
2215
2291
|
var AppClientId2 = "react-sdk-" + getVersion();
|
|
2216
2292
|
function useWallet() {
|
|
2217
2293
|
const { address, wallet: walletConfig } = useLocalStore_default();
|
|
@@ -2384,7 +2460,7 @@ function useWallet() {
|
|
|
2384
2460
|
address: evmAccount.address
|
|
2385
2461
|
});
|
|
2386
2462
|
modal.show((props) => {
|
|
2387
|
-
return /* @__PURE__ */ (0,
|
|
2463
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
|
|
2388
2464
|
});
|
|
2389
2465
|
clearInterval(window.matchProvider.transactionMessageIntervalMap[transactionId].interval);
|
|
2390
2466
|
delete window.matchProvider.transactionMessageIntervalMap[transactionId];
|
|
@@ -2458,66 +2534,11 @@ function useCopyClipboard(timeout = 500) {
|
|
|
2458
2534
|
return [isCopied, staticCopy];
|
|
2459
2535
|
}
|
|
2460
2536
|
|
|
2461
|
-
// src/hooks/api/wallet.ts
|
|
2462
|
-
var import_react_query5 = require("@tanstack/react-query");
|
|
2463
|
-
function useChainListQuery(options) {
|
|
2464
|
-
const { isLogin, token } = useUserInfo();
|
|
2465
|
-
return (0, import_react_query5.useQuery)({
|
|
2466
|
-
queryKey: ["match-user-chain-list", token],
|
|
2467
|
-
queryFn: async () => {
|
|
2468
|
-
const res = await getUserChainListApi();
|
|
2469
|
-
if (!isSuccess(res)) {
|
|
2470
|
-
return [];
|
|
2471
|
-
}
|
|
2472
|
-
return res.data;
|
|
2473
|
-
},
|
|
2474
|
-
enabled: isLogin,
|
|
2475
|
-
...options
|
|
2476
|
-
});
|
|
2477
|
-
}
|
|
2478
|
-
function useAssetListQuery({
|
|
2479
|
-
chainId,
|
|
2480
|
-
...options
|
|
2481
|
-
}) {
|
|
2482
|
-
const { isLogin, token } = useUserInfo();
|
|
2483
|
-
return (0, import_react_query5.useQuery)({
|
|
2484
|
-
queryKey: ["match-user-asset-list", token, chainId],
|
|
2485
|
-
queryFn: async () => {
|
|
2486
|
-
const res = await getUserWalletAssetApi({ chain_id: chainId.toString() });
|
|
2487
|
-
if (!isSuccess(res)) {
|
|
2488
|
-
return [];
|
|
2489
|
-
}
|
|
2490
|
-
return res.data || [];
|
|
2491
|
-
},
|
|
2492
|
-
enabled: isLogin,
|
|
2493
|
-
...options
|
|
2494
|
-
});
|
|
2495
|
-
}
|
|
2496
|
-
var USER_IMPORT_TOKEN_LIST_KEY = "match-user-import-token-list";
|
|
2497
|
-
function useImportTokenListQuery({
|
|
2498
|
-
chainId,
|
|
2499
|
-
...options
|
|
2500
|
-
}) {
|
|
2501
|
-
const { isLogin, token } = useUserInfo();
|
|
2502
|
-
return (0, import_react_query5.useQuery)({
|
|
2503
|
-
queryKey: [USER_IMPORT_TOKEN_LIST_KEY, token, chainId],
|
|
2504
|
-
queryFn: async () => {
|
|
2505
|
-
const res = await getUserImportTokenListApi({ chain_id: chainId.toString() });
|
|
2506
|
-
if (!isSuccess(res)) {
|
|
2507
|
-
return [];
|
|
2508
|
-
}
|
|
2509
|
-
return res.data || [];
|
|
2510
|
-
},
|
|
2511
|
-
enabled: isLogin,
|
|
2512
|
-
...options
|
|
2513
|
-
});
|
|
2514
|
-
}
|
|
2515
|
-
|
|
2516
2537
|
// src/hooks/useMatchChain.tsx
|
|
2517
2538
|
var import_react37 = require("react");
|
|
2518
2539
|
var import_viem10 = require("viem");
|
|
2519
2540
|
var import_react_intl20 = require("react-intl");
|
|
2520
|
-
var
|
|
2541
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
2521
2542
|
function useMatchChain() {
|
|
2522
2543
|
const chainListQuery = useChainListQuery();
|
|
2523
2544
|
const modal = useModal();
|
|
@@ -2548,28 +2569,28 @@ function useMatchChain() {
|
|
|
2548
2569
|
const { chainId: storeChainId2, setChainId: setChainId2 } = useLocalStore_default();
|
|
2549
2570
|
const [selectedChainId, setSelectedChainId] = (0, import_react37.useState)(storeChainId2);
|
|
2550
2571
|
const isDownMd = useDownMd();
|
|
2551
|
-
return /* @__PURE__ */ (0,
|
|
2552
|
-
/* @__PURE__ */ (0,
|
|
2553
|
-
return /* @__PURE__ */ (0,
|
|
2572
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-change-network-box`, children: [
|
|
2573
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
|
|
2574
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
|
|
2554
2575
|
"div",
|
|
2555
2576
|
{
|
|
2556
2577
|
onClick: () => setSelectedChainId(item.id),
|
|
2557
2578
|
className: `matchid-change-network-item ${selectedChainId == item.id ? "matchid-change-network-selected" : ""}`,
|
|
2558
2579
|
children: [
|
|
2559
|
-
/* @__PURE__ */ (0,
|
|
2560
|
-
/* @__PURE__ */ (0,
|
|
2561
|
-
/* @__PURE__ */ (0,
|
|
2580
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
|
|
2581
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
|
|
2582
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
|
|
2562
2583
|
] }),
|
|
2563
|
-
/* @__PURE__ */ (0,
|
|
2584
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
|
|
2564
2585
|
]
|
|
2565
2586
|
},
|
|
2566
2587
|
index
|
|
2567
2588
|
);
|
|
2568
2589
|
}) }),
|
|
2569
|
-
/* @__PURE__ */ (0,
|
|
2590
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
|
|
2570
2591
|
setChainId2(selectedChainId || 0);
|
|
2571
2592
|
close();
|
|
2572
|
-
}, block: true, children: /* @__PURE__ */ (0,
|
|
2593
|
+
}, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl20.FormattedMessage, { id: "confirm" }) })
|
|
2573
2594
|
] });
|
|
2574
2595
|
}
|
|
2575
2596
|
const showChangeNetwork = () => {
|
|
@@ -2607,25 +2628,25 @@ function useMatchChain() {
|
|
|
2607
2628
|
// src/hooks/useMatchWallet.tsx
|
|
2608
2629
|
var import_react_qrcode = require("react-qrcode");
|
|
2609
2630
|
var import_react39 = require("react");
|
|
2610
|
-
var
|
|
2631
|
+
var import_react_query11 = require("@tanstack/react-query");
|
|
2611
2632
|
var import_viem13 = require("viem");
|
|
2612
2633
|
var import_react_intl22 = require("react-intl");
|
|
2613
2634
|
|
|
2614
2635
|
// src/components/ImportToken/index.tsx
|
|
2615
2636
|
var import_react38 = require("react");
|
|
2616
2637
|
var import_react_intl21 = require("react-intl");
|
|
2617
|
-
var
|
|
2638
|
+
var import_react_query10 = require("@tanstack/react-query");
|
|
2618
2639
|
var import_viem12 = require("viem");
|
|
2619
2640
|
|
|
2620
2641
|
// src/hooks/useIsContract.ts
|
|
2621
2642
|
var import_viem11 = require("viem");
|
|
2622
|
-
var
|
|
2643
|
+
var import_react_query9 = require("@tanstack/react-query");
|
|
2623
2644
|
function useIsContract({
|
|
2624
2645
|
address,
|
|
2625
2646
|
chain,
|
|
2626
2647
|
enabled
|
|
2627
2648
|
}) {
|
|
2628
|
-
return (0,
|
|
2649
|
+
return (0, import_react_query9.useQuery)({
|
|
2629
2650
|
queryKey: ["is_contract", chain?.id, address],
|
|
2630
2651
|
queryFn: async () => {
|
|
2631
2652
|
if (!chain) return false;
|
|
@@ -2642,7 +2663,7 @@ function useIsContract({
|
|
|
2642
2663
|
}
|
|
2643
2664
|
|
|
2644
2665
|
// src/components/ImportToken/index.tsx
|
|
2645
|
-
var
|
|
2666
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
2646
2667
|
function ImportToken({ close }) {
|
|
2647
2668
|
const [status, setStatus] = (0, import_react38.useState)("");
|
|
2648
2669
|
const { token } = useUserInfo();
|
|
@@ -2704,7 +2725,7 @@ function ImportToken({ close }) {
|
|
|
2704
2725
|
}, [address, publicClient]);
|
|
2705
2726
|
const [loading, setLoading] = (0, import_react38.useState)(false);
|
|
2706
2727
|
const toast = useToast();
|
|
2707
|
-
const queryClient2 = (0,
|
|
2728
|
+
const queryClient2 = (0, import_react_query10.useQueryClient)();
|
|
2708
2729
|
const onImport = async () => {
|
|
2709
2730
|
setLoading(true);
|
|
2710
2731
|
try {
|
|
@@ -2753,19 +2774,19 @@ function ImportToken({ close }) {
|
|
|
2753
2774
|
enabled: canImport
|
|
2754
2775
|
});
|
|
2755
2776
|
if (status == "success" || status == "fail") {
|
|
2756
|
-
return /* @__PURE__ */ (0,
|
|
2757
|
-
/* @__PURE__ */ (0,
|
|
2758
|
-
/* @__PURE__ */ (0,
|
|
2759
|
-
/* @__PURE__ */ (0,
|
|
2777
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
|
|
2778
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
|
|
2779
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("img", { src: status == "success" ? success_default : fail_default, alt: status == "success" ? "success" : "fail", className: `matchid-import-token-result-img` }),
|
|
2780
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl21.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl21.FormattedMessage, { id: "importFail" }) })
|
|
2760
2781
|
] }),
|
|
2761
|
-
status == "success" ? /* @__PURE__ */ (0,
|
|
2782
|
+
status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl21.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl21.FormattedMessage, { id: "back" }) })
|
|
2762
2783
|
] });
|
|
2763
2784
|
}
|
|
2764
|
-
return /* @__PURE__ */ (0,
|
|
2765
|
-
/* @__PURE__ */ (0,
|
|
2766
|
-
/* @__PURE__ */ (0,
|
|
2785
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-import-token`, children: [
|
|
2786
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "matchid-import-token-form", children: [
|
|
2787
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Field, { label: intl.formatMessage({
|
|
2767
2788
|
id: "tokenSmartContract"
|
|
2768
|
-
}), error: error.address ? error.address : isContractQuery.isFetched && !isContractQuery.isLoading && !isContractQuery.data && canImport ? "Address isn't a contract address" : "", children: /* @__PURE__ */ (0,
|
|
2789
|
+
}), error: error.address ? error.address : isContractQuery.isFetched && !isContractQuery.isLoading && !isContractQuery.data && canImport ? "Address isn't a contract address" : "", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
2769
2790
|
Input,
|
|
2770
2791
|
{
|
|
2771
2792
|
placeholder: intl.formatMessage({
|
|
@@ -2776,9 +2797,9 @@ function ImportToken({ close }) {
|
|
|
2776
2797
|
maxLength: 42
|
|
2777
2798
|
}
|
|
2778
2799
|
) }),
|
|
2779
|
-
/* @__PURE__ */ (0,
|
|
2800
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Field, { label: intl.formatMessage({
|
|
2780
2801
|
id: "tokenSymbol"
|
|
2781
|
-
}), error: error.symbol, children: /* @__PURE__ */ (0,
|
|
2802
|
+
}), error: error.symbol, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
2782
2803
|
Input,
|
|
2783
2804
|
{
|
|
2784
2805
|
placeholder: intl.formatMessage({
|
|
@@ -2789,9 +2810,9 @@ function ImportToken({ close }) {
|
|
|
2789
2810
|
maxLength: 16
|
|
2790
2811
|
}
|
|
2791
2812
|
) }),
|
|
2792
|
-
/* @__PURE__ */ (0,
|
|
2813
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Field, { label: intl.formatMessage({
|
|
2793
2814
|
id: "tokenDecimals"
|
|
2794
|
-
}), error: error.decimals, children: /* @__PURE__ */ (0,
|
|
2815
|
+
}), error: error.decimals, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
2795
2816
|
Input,
|
|
2796
2817
|
{
|
|
2797
2818
|
placeholder: intl.formatMessage({
|
|
@@ -2803,7 +2824,7 @@ function ImportToken({ close }) {
|
|
|
2803
2824
|
}
|
|
2804
2825
|
) })
|
|
2805
2826
|
] }),
|
|
2806
|
-
/* @__PURE__ */ (0,
|
|
2827
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
2807
2828
|
Button,
|
|
2808
2829
|
{
|
|
2809
2830
|
size: "lg",
|
|
@@ -2812,14 +2833,14 @@ function ImportToken({ close }) {
|
|
|
2812
2833
|
loading: loading || isContractQuery.isLoading,
|
|
2813
2834
|
disabled: !canImport || !isContractQuery.data,
|
|
2814
2835
|
highlight: true,
|
|
2815
|
-
children: /* @__PURE__ */ (0,
|
|
2836
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl21.FormattedMessage, { id: "import" })
|
|
2816
2837
|
}
|
|
2817
2838
|
)
|
|
2818
2839
|
] });
|
|
2819
2840
|
}
|
|
2820
2841
|
|
|
2821
2842
|
// src/hooks/useMatchWallet.tsx
|
|
2822
|
-
var
|
|
2843
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
2823
2844
|
var ReceiveModal = () => {
|
|
2824
2845
|
const chain = useMatchChain();
|
|
2825
2846
|
const { address } = useWallet();
|
|
@@ -2833,10 +2854,10 @@ var ReceiveModal = () => {
|
|
|
2833
2854
|
}));
|
|
2834
2855
|
};
|
|
2835
2856
|
const chainLink = chain.explorerLink("address/" + address);
|
|
2836
|
-
return /* @__PURE__ */ (0,
|
|
2837
|
-
/* @__PURE__ */ (0,
|
|
2838
|
-
/* @__PURE__ */ (0,
|
|
2839
|
-
/* @__PURE__ */ (0,
|
|
2857
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-receive-modal`, children: [
|
|
2858
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-receive-container", children: [
|
|
2859
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl22.FormattedMessage, { id: "receiveQrcode" }) }),
|
|
2860
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
2840
2861
|
import_react_qrcode.QRCode,
|
|
2841
2862
|
{
|
|
2842
2863
|
margin: "0",
|
|
@@ -2844,7 +2865,7 @@ var ReceiveModal = () => {
|
|
|
2844
2865
|
value: address
|
|
2845
2866
|
}
|
|
2846
2867
|
) }),
|
|
2847
|
-
/* @__PURE__ */ (0,
|
|
2868
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
2848
2869
|
"a",
|
|
2849
2870
|
{
|
|
2850
2871
|
href: chainLink,
|
|
@@ -2854,7 +2875,7 @@ var ReceiveModal = () => {
|
|
|
2854
2875
|
}
|
|
2855
2876
|
)
|
|
2856
2877
|
] }),
|
|
2857
|
-
/* @__PURE__ */ (0,
|
|
2878
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
2858
2879
|
import_react_intl22.FormattedMessage,
|
|
2859
2880
|
{
|
|
2860
2881
|
id: "copyAddress"
|
|
@@ -3094,7 +3115,7 @@ function useMatchWalletAssetList({
|
|
|
3094
3115
|
name: chain?.nativeCurrency.name,
|
|
3095
3116
|
balance: 0
|
|
3096
3117
|
};
|
|
3097
|
-
const nativeBalanceQuery = (0,
|
|
3118
|
+
const nativeBalanceQuery = (0, import_react_query11.useQuery)({
|
|
3098
3119
|
queryKey: ["nativeBalance", nativeToken?.chain_id],
|
|
3099
3120
|
queryFn: async () => {
|
|
3100
3121
|
if (!nativeToken || !publicClient) return null;
|
|
@@ -3114,7 +3135,7 @@ function useMatchWalletAssetList({
|
|
|
3114
3135
|
// Retry up to 3 times if failed
|
|
3115
3136
|
});
|
|
3116
3137
|
const erc20Tokens = (0, import_react39.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
|
|
3117
|
-
const erc20BalanceQuery = (0,
|
|
3138
|
+
const erc20BalanceQuery = (0, import_react_query11.useQuery)({
|
|
3118
3139
|
queryKey: ["erc20Balances", erc20Tokens.map((token) => token.address)],
|
|
3119
3140
|
queryFn: async () => {
|
|
3120
3141
|
if (!erc20Tokens.length || !publicClient) return [];
|
|
@@ -3189,7 +3210,7 @@ function useMatchWalletAssetList({
|
|
|
3189
3210
|
|
|
3190
3211
|
// src/hooks/useReceipt.tsx
|
|
3191
3212
|
var import_react40 = require("react");
|
|
3192
|
-
var
|
|
3213
|
+
var import_react_query12 = require("@tanstack/react-query");
|
|
3193
3214
|
var import_viem14 = require("viem");
|
|
3194
3215
|
var CACHE_TTL = 86400 * 30 * 1e3;
|
|
3195
3216
|
var MAX_CACHE_SIZE = 500;
|
|
@@ -3298,7 +3319,7 @@ function useReceipt2({
|
|
|
3298
3319
|
const cache = useReceiptCache();
|
|
3299
3320
|
const chain = list?.find((item) => item.id === chainId);
|
|
3300
3321
|
const [shouldRefetch, setShouldRefetch] = (0, import_react40.useState)(true);
|
|
3301
|
-
const query = (0,
|
|
3322
|
+
const query = (0, import_react_query12.useQuery)({
|
|
3302
3323
|
queryKey: ["match-tx-receipt", hash, chain],
|
|
3303
3324
|
queryFn: async () => {
|
|
3304
3325
|
if (!chain || !hash) return false;
|
|
@@ -3333,7 +3354,7 @@ function useReceipt2({
|
|
|
3333
3354
|
|
|
3334
3355
|
// src/hooks/useTransaction.tsx
|
|
3335
3356
|
var import_react41 = require("react");
|
|
3336
|
-
var
|
|
3357
|
+
var import_react_query13 = require("@tanstack/react-query");
|
|
3337
3358
|
var import_viem15 = require("viem");
|
|
3338
3359
|
var CACHE_TTL2 = 86400 * 30 * 1e3;
|
|
3339
3360
|
var MAX_CACHE_SIZE2 = 500;
|
|
@@ -3442,7 +3463,7 @@ function useTransaction({
|
|
|
3442
3463
|
const cache = useTransactionCache();
|
|
3443
3464
|
const chain = list?.find((item) => item.id === chainId);
|
|
3444
3465
|
const [shouldRefetch, setShouldRefetch] = (0, import_react41.useState)(true);
|
|
3445
|
-
const query = (0,
|
|
3466
|
+
const query = (0, import_react_query13.useQuery)({
|
|
3446
3467
|
queryKey: ["match-tx-transaction", hash, chain],
|
|
3447
3468
|
queryFn: async () => {
|
|
3448
3469
|
if (!chain || !hash) return false;
|