@matchain/matchid-sdk-react 0.1.53-alpha.5 → 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.
Files changed (57) hide show
  1. package/dist/assets/icon/index.d.mts +1 -1
  2. package/dist/assets/icon/index.d.ts +1 -1
  3. package/dist/{chunk-V2S54LGG.mjs → chunk-AYMVU44P.mjs} +44 -2
  4. package/dist/chunk-AYMVU44P.mjs.map +1 -0
  5. package/dist/{chunk-LEHYGXVJ.mjs → chunk-W7CCPGOT.mjs} +5554 -5376
  6. package/dist/chunk-W7CCPGOT.mjs.map +1 -0
  7. package/dist/components/index.d.mts +3 -3
  8. package/dist/components/index.d.ts +3 -3
  9. package/dist/components/index.js +422 -275
  10. package/dist/components/index.js.map +1 -1
  11. package/dist/components/index.mjs +6 -4
  12. package/dist/hooks/api/index.d.mts +2 -2
  13. package/dist/hooks/api/index.d.ts +2 -2
  14. package/dist/hooks/api/index.js +103 -33
  15. package/dist/hooks/api/index.js.map +1 -1
  16. package/dist/hooks/api/index.mjs +7 -7
  17. package/dist/hooks/index.d.mts +2 -2
  18. package/dist/hooks/index.d.ts +2 -2
  19. package/dist/hooks/index.js +180 -159
  20. package/dist/hooks/index.js.map +1 -1
  21. package/dist/hooks/index.mjs +4 -4
  22. package/dist/{index-Dt92N6yZ.d.ts → index-BIvPr81B.d.ts} +18 -3
  23. package/dist/{index-D_UNctDI.d.mts → index-BXNFULAw.d.mts} +10 -4
  24. package/dist/{index-CFqk8eNo.d.ts → index-BkWS_v10.d.mts} +1 -1
  25. package/dist/{index-BhU3hF7y.d.ts → index-C2-EMz0t.d.ts} +25 -5
  26. package/dist/{index-DaXXoRxr.d.ts → index-CZHjwqDb.d.ts} +1 -1
  27. package/dist/{index-C5StsjWY.d.ts → index-DDCyj-Fl.d.ts} +10 -4
  28. package/dist/{index-wqqEUufi.d.mts → index-DKFnMFMm.d.mts} +25 -5
  29. package/dist/{index-Bpd2gBNh.d.mts → index-DYkN9eDY.d.mts} +1 -1
  30. package/dist/{index-W6yjuOKT.d.mts → index-TVbqpk9T.d.mts} +18 -3
  31. package/dist/{index-D1QeVZyN.d.ts → index-TsJwrYwh.d.mts} +3 -2
  32. package/dist/{index-mxbJ8CFx.d.mts → index-tFT-63LO.d.ts} +1 -1
  33. package/dist/{index-BaYTgL99.d.mts → index-uhLehOUk.d.ts} +3 -2
  34. package/dist/index.css +115 -15
  35. package/dist/index.d.mts +7 -7
  36. package/dist/index.d.ts +7 -7
  37. package/dist/index.js +562 -414
  38. package/dist/index.js.map +1 -1
  39. package/dist/index.mjs +5 -7
  40. package/dist/types/index.d.mts +1 -1
  41. package/dist/types/index.d.ts +1 -1
  42. package/dist/{types-Bx_FJ11s.d.mts → types-i_ugbm5B.d.mts} +7 -1
  43. package/dist/{types-Bx_FJ11s.d.ts → types-i_ugbm5B.d.ts} +7 -1
  44. package/dist/ui/index.d.mts +3 -3
  45. package/dist/ui/index.d.ts +3 -3
  46. package/dist/ui/index.js +44 -2
  47. package/dist/ui/index.js.map +1 -1
  48. package/dist/ui/index.mjs +7 -3
  49. package/example/src/App.tsx +30 -7
  50. package/example/src/pages/Contact/index.tsx +4 -0
  51. package/example/src/pages/UI/components/Tabs.tsx +18 -0
  52. package/example/src/pages/UI/index.tsx +2 -0
  53. package/package.json +4 -1
  54. package/dist/chunk-LEHYGXVJ.mjs.map +0 -1
  55. package/dist/chunk-RT42O3OC.mjs +0 -97
  56. package/dist/chunk-RT42O3OC.mjs.map +0 -1
  57. package/dist/chunk-V2S54LGG.mjs.map +0 -1
@@ -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 import_jsx_runtime74 = require("react/jsx-runtime");
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 import_jsx_runtime75 = require("react/jsx-runtime");
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 import_jsx_runtime76 = require("react/jsx-runtime");
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 import_jsx_runtime77 = require("react/jsx-runtime");
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 import_jsx_runtime78 = require("react/jsx-runtime");
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 import_jsx_runtime79 = require("react/jsx-runtime");
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 import_jsx_runtime80 = require("react/jsx-runtime");
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, import_jsx_runtime80.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
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 import_jsx_runtime81 = require("react/jsx-runtime");
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 import_jsx_runtime82 = require("react/jsx-runtime");
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, import_jsx_runtime82.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
1446
- /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
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, import_jsx_runtime82.jsx)("div", { className: "matchid-token-input-error-text", children: error })
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, import_jsx_runtime82.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_intl14.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `matchid-token-send-box`, children: [
1586
- /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "matchid-token-send-content", children: [
1587
- /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `matchid-token-amount-content`, children: [
1588
- /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `matchid-token-amount-header`, children: [
1589
- /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_intl14.FormattedMessage, { id: "amount" }) }),
1590
- /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
1591
- token.icon ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
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, import_jsx_runtime82.jsx)(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
1599
- /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: token?.symbol })
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, import_jsx_runtime82.jsx)(
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, import_jsx_runtime82.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
1616
- /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `matchid-token-amount-title`, children: [
1617
- /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_intl14.FormattedMessage, { id: "balance" }),
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, import_jsx_runtime82.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
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, import_jsx_runtime82.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
1628
+ /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
1623
1629
  ] }),
1624
- /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `matchid-token-address-content`, children: [
1625
- /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_intl14.FormattedMessage, { id: "receiveTitle" }) }) }),
1626
- /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
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, import_jsx_runtime82.jsx)(
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, import_jsx_runtime82.jsx)(import_react_intl14.FormattedMessage, { id: "next" })
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 import_jsx_runtime83 = require("react/jsx-runtime");
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 import_jsx_runtime84 = require("react/jsx-runtime");
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, import_jsx_runtime84.jsx)(TokenSend, { onClose: () => {
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, import_jsx_runtime84.jsxs)("div", { className: "matchid-token-send-list-box", children: [
1683
- /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index) => {
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, import_jsx_runtime84.jsxs)(
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, import_jsx_runtime84.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
1694
- /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-token-send-content", children: [
1695
- /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-token-send-logo", children: [
1696
- n.icon ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
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, import_jsx_runtime84.jsx)(
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, import_jsx_runtime84.jsxs)("div", { className: `matchid-token-send-info`, children: [
1714
- /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
1715
- /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
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, import_jsx_runtime84.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_intl16.FormattedMessage, { id: "next" }) })
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 import_jsx_runtime85 = require("react/jsx-runtime");
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 import_jsx_runtime86 = require("react/jsx-runtime");
1872
+ var import_jsx_runtime89 = require("react/jsx-runtime");
1797
1873
 
1798
1874
  // src/context/BusinessProvider.tsx
1799
- var import_react_query3 = require("@tanstack/react-query");
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 import_jsx_runtime87 = require("react/jsx-runtime");
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 import_jsx_runtime88 = require("react/jsx-runtime");
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 import_jsx_runtime89 = require("react/jsx-runtime");
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 import_jsx_runtime90 = require("react/jsx-runtime");
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 import_react_query4 = require("@tanstack/react-query");
1929
+ var import_react_query8 = require("@tanstack/react-query");
1854
1930
  var import_react_intl19 = require("react-intl");
1855
- var import_jsx_runtime91 = require("react/jsx-runtime");
1856
- var queryClient = new import_react_query4.QueryClient();
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 import_jsx_runtime92 = require("react/jsx-runtime");
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, import_jsx_runtime92.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
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 import_jsx_runtime93 = require("react/jsx-runtime");
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, import_jsx_runtime93.jsxs)("div", { className: `matchid-change-network-box`, children: [
2552
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
2553
- return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
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, import_jsx_runtime93.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
2560
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
2561
- /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
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, import_jsx_runtime93.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
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, import_jsx_runtime93.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
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, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "confirm" }) })
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 import_react_query8 = require("@tanstack/react-query");
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 import_react_query7 = require("@tanstack/react-query");
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 import_react_query6 = require("@tanstack/react-query");
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, import_react_query6.useQuery)({
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 import_jsx_runtime94 = require("react/jsx-runtime");
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, import_react_query7.useQueryClient)();
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, import_jsx_runtime94.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
2757
- /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
2758
- /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("img", { src: status == "success" ? success_default : fail_default, alt: status == "success" ? "success" : "fail", className: `matchid-import-token-result-img` }),
2759
- /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.FormattedMessage, { id: "importFail" }) })
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, import_jsx_runtime94.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.FormattedMessage, { id: "back" }) })
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, import_jsx_runtime94.jsxs)("div", { className: `matchid-import-token`, children: [
2765
- /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "matchid-import-token-form", children: [
2766
- /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Field, { label: intl.formatMessage({
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, import_jsx_runtime94.jsx)(
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, import_jsx_runtime94.jsx)(Field, { label: intl.formatMessage({
2800
+ /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Field, { label: intl.formatMessage({
2780
2801
  id: "tokenSymbol"
2781
- }), error: error.symbol, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
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, import_jsx_runtime94.jsx)(Field, { label: intl.formatMessage({
2813
+ /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Field, { label: intl.formatMessage({
2793
2814
  id: "tokenDecimals"
2794
- }), error: error.decimals, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
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, import_jsx_runtime94.jsx)(
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, import_jsx_runtime94.jsx)(import_react_intl21.FormattedMessage, { id: "import" })
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 import_jsx_runtime95 = require("react/jsx-runtime");
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, import_jsx_runtime95.jsxs)("div", { className: `matchid-receive-modal`, children: [
2837
- /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "matchid-receive-container", children: [
2838
- /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl22.FormattedMessage, { id: "receiveQrcode" }) }),
2839
- /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
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, import_jsx_runtime95.jsx)(
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, import_jsx_runtime95.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
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, import_react_query8.useQuery)({
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, import_react_query8.useQuery)({
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 import_react_query9 = require("@tanstack/react-query");
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, import_react_query9.useQuery)({
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 import_react_query10 = require("@tanstack/react-query");
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, import_react_query10.useQuery)({
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;