@matchain/matchid-sdk-react 0.1.53-alpha.25 → 0.1.53-alpha.26
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/{chunk-F7N2JPEQ.mjs → chunk-L6N4WRWG.mjs} +248 -448
- package/dist/chunk-L6N4WRWG.mjs.map +1 -0
- package/dist/components/index.d.mts +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.js +0 -238
- package/dist/components/index.js.map +1 -1
- package/dist/components/index.mjs +2 -4
- package/dist/hooks/api/index.js +78 -91
- package/dist/hooks/api/index.js.map +1 -1
- package/dist/hooks/api/index.mjs +2 -2
- package/dist/hooks/index.js +140 -155
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/index.mjs +2 -2
- package/dist/{index-DromP9ET.d.mts → index-CPwcm70o.d.mts} +2 -9
- package/dist/{index-D3BHrg4-.d.ts → index-Dj1K-UdZ.d.ts} +2 -9
- package/dist/index.css +1 -0
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +249 -448
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -4
- package/dist/ui/index.js +52 -65
- package/dist/ui/index.js.map +1 -1
- package/dist/ui/index.mjs +2 -2
- package/example/src/App.tsx +0 -2
- package/package.json +1 -1
- package/dist/chunk-F7N2JPEQ.mjs.map +0 -1
- package/example/src/pages/Message/index.tsx +0 -5
|
@@ -11,7 +11,6 @@ import {
|
|
|
11
11
|
LoginButton,
|
|
12
12
|
LoginModal,
|
|
13
13
|
LoginPanel,
|
|
14
|
-
MessageList,
|
|
15
14
|
Modal,
|
|
16
15
|
ModalWithHeader,
|
|
17
16
|
Overlay,
|
|
@@ -25,11 +24,11 @@ import {
|
|
|
25
24
|
UsernameModal,
|
|
26
25
|
WalletAsset,
|
|
27
26
|
WalletModal
|
|
28
|
-
} from "../chunk-
|
|
27
|
+
} from "../chunk-L6N4WRWG.mjs";
|
|
29
28
|
import "../chunk-UA6XHZHX.mjs";
|
|
30
29
|
import "../chunk-IZOOVZAD.mjs";
|
|
31
|
-
import "../chunk-FKXS2XRG.mjs";
|
|
32
30
|
import "../chunk-JX73EY6V.mjs";
|
|
31
|
+
import "../chunk-FKXS2XRG.mjs";
|
|
33
32
|
import "../chunk-J5LGTIGS.mjs";
|
|
34
33
|
export {
|
|
35
34
|
BTCModal,
|
|
@@ -44,7 +43,6 @@ export {
|
|
|
44
43
|
LoginButton,
|
|
45
44
|
LoginModal,
|
|
46
45
|
LoginPanel,
|
|
47
|
-
MessageList,
|
|
48
46
|
Modal,
|
|
49
47
|
ModalWithHeader,
|
|
50
48
|
Overlay,
|
package/dist/hooks/api/index.js
CHANGED
|
@@ -48,7 +48,7 @@ __export(bind_exports, {
|
|
|
48
48
|
useBindInfo: () => useBindInfo,
|
|
49
49
|
useBindList: () => useBindList
|
|
50
50
|
});
|
|
51
|
-
var
|
|
51
|
+
var import_react_query11 = require("@tanstack/react-query");
|
|
52
52
|
|
|
53
53
|
// src/store/useLocalStore.ts
|
|
54
54
|
var import_zustand = require("zustand");
|
|
@@ -506,10 +506,10 @@ var localStore = useLocalStore;
|
|
|
506
506
|
var useLocalStore_default = useLocalStore;
|
|
507
507
|
|
|
508
508
|
// src/hooks/useUserInfo.tsx
|
|
509
|
-
var
|
|
509
|
+
var import_react43 = require("react");
|
|
510
510
|
|
|
511
511
|
// src/MatchContext.tsx
|
|
512
|
-
var
|
|
512
|
+
var import_react42 = require("react");
|
|
513
513
|
|
|
514
514
|
// src/hooks/useMatchEvents.ts
|
|
515
515
|
var import_react = require("react");
|
|
@@ -576,11 +576,11 @@ var useStore_default = useStore;
|
|
|
576
576
|
// src/hooks/useWallet.tsx
|
|
577
577
|
var import_accounts = require("viem/accounts");
|
|
578
578
|
var import_viem6 = require("viem");
|
|
579
|
-
var
|
|
579
|
+
var import_react31 = require("react");
|
|
580
580
|
var import_viem7 = require("viem");
|
|
581
581
|
|
|
582
582
|
// src/context/ModalContext.tsx
|
|
583
|
-
var
|
|
583
|
+
var import_react30 = __toESM(require("react"));
|
|
584
584
|
var import_react_dom = require("react-dom");
|
|
585
585
|
|
|
586
586
|
// src/assets/icon/BackIcon.tsx
|
|
@@ -747,7 +747,7 @@ var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
|
747
747
|
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
748
748
|
|
|
749
749
|
// src/ui/HashPanel/index.tsx
|
|
750
|
-
var
|
|
750
|
+
var import_react28 = require("react");
|
|
751
751
|
|
|
752
752
|
// src/hooks/useLayout.tsx
|
|
753
753
|
var import_react3 = require("react");
|
|
@@ -766,7 +766,7 @@ function useDownMd() {
|
|
|
766
766
|
}
|
|
767
767
|
|
|
768
768
|
// src/ui/Modal/index.tsx
|
|
769
|
-
var
|
|
769
|
+
var import_react27 = require("react");
|
|
770
770
|
|
|
771
771
|
// src/components/EmailModal/index.tsx
|
|
772
772
|
var import_react7 = require("react");
|
|
@@ -994,48 +994,35 @@ var import_react26 = require("react");
|
|
|
994
994
|
var import_react_intl18 = require("react-intl");
|
|
995
995
|
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
996
996
|
|
|
997
|
-
// src/
|
|
998
|
-
var import_react_query3 = require("@tanstack/react-query");
|
|
999
|
-
var import_last = __toESM(require("lodash/last"));
|
|
1000
|
-
var import_react27 = require("react");
|
|
1001
|
-
|
|
1002
|
-
// src/components/MessageList/index.tsx
|
|
1003
|
-
var import_react28 = require("react");
|
|
1004
|
-
var import_react_virtuoso2 = require("react-virtuoso");
|
|
997
|
+
// src/ui/Modal/index.tsx
|
|
1005
998
|
var import_react_intl19 = require("react-intl");
|
|
1006
|
-
var import_react29 = __toESM(require("react"));
|
|
1007
|
-
var import_react_query4 = require("@tanstack/react-query");
|
|
1008
999
|
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
1009
1000
|
|
|
1010
|
-
// src/ui/Modal/index.tsx
|
|
1011
|
-
var import_react_intl20 = require("react-intl");
|
|
1012
|
-
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
1013
|
-
|
|
1014
1001
|
// src/ui/ModalDrawer/index.tsx
|
|
1015
|
-
var
|
|
1002
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
1016
1003
|
|
|
1017
1004
|
// src/ui/HashPanel/index.tsx
|
|
1018
|
-
var
|
|
1005
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
1019
1006
|
|
|
1020
1007
|
// src/ui/Switch/index.tsx
|
|
1021
|
-
var
|
|
1008
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
1022
1009
|
|
|
1023
1010
|
// src/ui/AlphaAvatar/index.tsx
|
|
1024
|
-
var
|
|
1025
|
-
var
|
|
1011
|
+
var import_react29 = require("react");
|
|
1012
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
1026
1013
|
|
|
1027
1014
|
// src/ui/Radio/index.tsx
|
|
1028
|
-
var
|
|
1015
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
1029
1016
|
|
|
1030
1017
|
// src/ui/Skeleton/index.tsx
|
|
1031
|
-
var
|
|
1018
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
1032
1019
|
|
|
1033
1020
|
// src/ui/Tabs/index.tsx
|
|
1034
|
-
var
|
|
1021
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
1035
1022
|
|
|
1036
1023
|
// src/context/ModalContext.tsx
|
|
1037
|
-
var
|
|
1038
|
-
var ModalContext = (0,
|
|
1024
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
1025
|
+
var ModalContext = (0, import_react30.createContext)(null);
|
|
1039
1026
|
|
|
1040
1027
|
// src/store/useTransactionStore.ts
|
|
1041
1028
|
var import_zustand4 = require("zustand");
|
|
@@ -1067,18 +1054,18 @@ var persistedState3 = (0, import_middleware3.persist)(
|
|
|
1067
1054
|
var useTransactionStore = (0, import_zustand4.create)((0, import_middleware3.devtools)(persistedState3));
|
|
1068
1055
|
|
|
1069
1056
|
// src/hooks/useWallet.tsx
|
|
1070
|
-
var
|
|
1057
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
1071
1058
|
var AppClientId = "react-sdk-" + getVersion();
|
|
1072
1059
|
|
|
1073
1060
|
// src/hooks/useCopyClipboard.ts
|
|
1074
1061
|
var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
|
|
1075
|
-
var
|
|
1062
|
+
var import_react32 = require("react");
|
|
1076
1063
|
|
|
1077
1064
|
// src/context/ToastContext.tsx
|
|
1078
|
-
var
|
|
1065
|
+
var import_react33 = require("react");
|
|
1079
1066
|
var import_react_dom2 = require("react-dom");
|
|
1080
|
-
var
|
|
1081
|
-
var ToastContext = (0,
|
|
1067
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
1068
|
+
var ToastContext = (0, import_react33.createContext)(null);
|
|
1082
1069
|
|
|
1083
1070
|
// src/hooks/api/wallet.ts
|
|
1084
1071
|
var wallet_exports = {};
|
|
@@ -1095,10 +1082,10 @@ __export(wallet_exports, {
|
|
|
1095
1082
|
useWalletNftListQuery: () => useWalletNftListQuery,
|
|
1096
1083
|
userImportTokenApi: () => userImportTokenApi
|
|
1097
1084
|
});
|
|
1098
|
-
var
|
|
1085
|
+
var import_react_query3 = require("@tanstack/react-query");
|
|
1099
1086
|
function useChainListQuery(options) {
|
|
1100
1087
|
const { isLogin, token } = useUserInfo();
|
|
1101
|
-
return (0,
|
|
1088
|
+
return (0, import_react_query3.useQuery)({
|
|
1102
1089
|
queryKey: ["match-user-chain-list", token],
|
|
1103
1090
|
queryFn: async () => {
|
|
1104
1091
|
const res = await getUserChainListApi();
|
|
@@ -1116,7 +1103,7 @@ function useAssetListQuery({
|
|
|
1116
1103
|
...options
|
|
1117
1104
|
}) {
|
|
1118
1105
|
const { isLogin, token } = useUserInfo();
|
|
1119
|
-
return (0,
|
|
1106
|
+
return (0, import_react_query3.useQuery)({
|
|
1120
1107
|
queryKey: ["match-user-asset-list", token, chainId],
|
|
1121
1108
|
queryFn: async () => {
|
|
1122
1109
|
const res = await getUserWalletAssetApi({ chain_id: chainId.toString() });
|
|
@@ -1135,7 +1122,7 @@ function useImportTokenListQuery({
|
|
|
1135
1122
|
...options
|
|
1136
1123
|
}) {
|
|
1137
1124
|
const { isLogin, token } = useUserInfo();
|
|
1138
|
-
return (0,
|
|
1125
|
+
return (0, import_react_query3.useQuery)({
|
|
1139
1126
|
queryKey: [USER_IMPORT_TOKEN_LIST_KEY, token, chainId],
|
|
1140
1127
|
queryFn: async () => {
|
|
1141
1128
|
const res = await getUserImportTokenListApi({ chain_id: chainId.toString() });
|
|
@@ -1150,7 +1137,7 @@ function useImportTokenListQuery({
|
|
|
1150
1137
|
}
|
|
1151
1138
|
function useWalletChainListQuery(options) {
|
|
1152
1139
|
const { isLogin, token } = useUserInfo();
|
|
1153
|
-
return (0,
|
|
1140
|
+
return (0, import_react_query3.useQuery)({
|
|
1154
1141
|
queryKey: ["match-wallet-chain-list", token],
|
|
1155
1142
|
queryFn: async () => {
|
|
1156
1143
|
const res = await getWalletChainListApi();
|
|
@@ -1169,7 +1156,7 @@ function useWalletNftListQuery({
|
|
|
1169
1156
|
...options
|
|
1170
1157
|
}) {
|
|
1171
1158
|
const { isLogin, token } = useUserInfo();
|
|
1172
|
-
return (0,
|
|
1159
|
+
return (0, import_react_query3.useQuery)({
|
|
1173
1160
|
queryKey: ["match-wallet-nft-list", token, chainId, address],
|
|
1174
1161
|
queryFn: async () => {
|
|
1175
1162
|
const res = await getWalletNftListApi({
|
|
@@ -1191,7 +1178,7 @@ function useWalletAssetListQuery({
|
|
|
1191
1178
|
...options
|
|
1192
1179
|
}) {
|
|
1193
1180
|
const { isLogin, token } = useUserInfo();
|
|
1194
|
-
return (0,
|
|
1181
|
+
return (0, import_react_query3.useQuery)({
|
|
1195
1182
|
queryKey: ["match-wallet-asset-list", token, chainId, address],
|
|
1196
1183
|
queryFn: async () => {
|
|
1197
1184
|
const res = await getWalletAssetListApi({
|
|
@@ -1209,43 +1196,43 @@ function useWalletAssetListQuery({
|
|
|
1209
1196
|
}
|
|
1210
1197
|
|
|
1211
1198
|
// src/hooks/useMatchChain.tsx
|
|
1212
|
-
var
|
|
1199
|
+
var import_react34 = require("react");
|
|
1213
1200
|
var import_viem8 = require("viem");
|
|
1214
|
-
var
|
|
1215
|
-
var
|
|
1201
|
+
var import_react_intl20 = require("react-intl");
|
|
1202
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
1216
1203
|
|
|
1217
1204
|
// src/hooks/useMatchWallet.tsx
|
|
1218
1205
|
var import_react_qrcode = require("react-qrcode");
|
|
1219
|
-
var
|
|
1220
|
-
var
|
|
1206
|
+
var import_react36 = require("react");
|
|
1207
|
+
var import_react_query6 = require("@tanstack/react-query");
|
|
1221
1208
|
var import_viem11 = require("viem");
|
|
1222
|
-
var
|
|
1209
|
+
var import_react_intl22 = require("react-intl");
|
|
1223
1210
|
|
|
1224
1211
|
// src/components/ImportToken/index.tsx
|
|
1225
|
-
var
|
|
1226
|
-
var
|
|
1227
|
-
var
|
|
1212
|
+
var import_react35 = require("react");
|
|
1213
|
+
var import_react_intl21 = require("react-intl");
|
|
1214
|
+
var import_react_query5 = require("@tanstack/react-query");
|
|
1228
1215
|
var import_viem10 = require("viem");
|
|
1229
1216
|
|
|
1230
1217
|
// src/hooks/useIsContract.ts
|
|
1231
1218
|
var import_viem9 = require("viem");
|
|
1232
|
-
var
|
|
1219
|
+
var import_react_query4 = require("@tanstack/react-query");
|
|
1233
1220
|
|
|
1234
1221
|
// src/components/ImportToken/index.tsx
|
|
1235
|
-
var
|
|
1222
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
1236
1223
|
|
|
1237
1224
|
// src/hooks/useMatchWallet.tsx
|
|
1238
|
-
var
|
|
1225
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
1239
1226
|
|
|
1240
1227
|
// src/hooks/useReceipt.tsx
|
|
1241
|
-
var
|
|
1242
|
-
var
|
|
1228
|
+
var import_react37 = require("react");
|
|
1229
|
+
var import_react_query7 = require("@tanstack/react-query");
|
|
1243
1230
|
var import_viem12 = require("viem");
|
|
1244
1231
|
var CACHE_TTL = 86400 * 30 * 1e3;
|
|
1245
1232
|
|
|
1246
1233
|
// src/hooks/useTransaction.tsx
|
|
1247
|
-
var
|
|
1248
|
-
var
|
|
1234
|
+
var import_react38 = require("react");
|
|
1235
|
+
var import_react_query8 = require("@tanstack/react-query");
|
|
1249
1236
|
var import_viem13 = require("viem");
|
|
1250
1237
|
var CACHE_TTL2 = 86400 * 30 * 1e3;
|
|
1251
1238
|
|
|
@@ -1290,27 +1277,27 @@ var useWalletModalStore = (0, import_zustand5.create)((set) => ({
|
|
|
1290
1277
|
}));
|
|
1291
1278
|
|
|
1292
1279
|
// src/components/CEXBindModal/index.tsx
|
|
1293
|
-
var
|
|
1294
|
-
var
|
|
1295
|
-
var
|
|
1280
|
+
var import_react39 = require("react");
|
|
1281
|
+
var import_react_intl23 = require("react-intl");
|
|
1282
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
1296
1283
|
|
|
1297
1284
|
// src/context/BusinessProvider.tsx
|
|
1298
|
-
var
|
|
1299
|
-
var
|
|
1285
|
+
var import_react_query9 = require("@tanstack/react-query");
|
|
1286
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
1300
1287
|
|
|
1301
1288
|
// src/context/index.tsx
|
|
1302
|
-
var
|
|
1289
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
1303
1290
|
|
|
1304
1291
|
// src/hooks/useWalletInit.ts
|
|
1305
|
-
var
|
|
1292
|
+
var import_react40 = require("react");
|
|
1306
1293
|
var AppClientId2 = getAppClientId();
|
|
1307
1294
|
|
|
1308
1295
|
// src/hooks/useInit.tsx
|
|
1309
|
-
var
|
|
1296
|
+
var import_react41 = require("react");
|
|
1310
1297
|
|
|
1311
1298
|
// src/MatchContext.tsx
|
|
1312
|
-
var
|
|
1313
|
-
var
|
|
1299
|
+
var import_react_query10 = require("@tanstack/react-query");
|
|
1300
|
+
var import_react_intl24 = require("react-intl");
|
|
1314
1301
|
var import_rainbowkit2 = require("@rainbow-me/rainbowkit");
|
|
1315
1302
|
var import_wallets = require("@rainbow-me/rainbowkit/wallets");
|
|
1316
1303
|
var import_chains = require("wagmi/chains");
|
|
@@ -1379,8 +1366,8 @@ var matchTest = /* @__PURE__ */ (0, import_viem15.defineChain)({
|
|
|
1379
1366
|
|
|
1380
1367
|
// src/MatchContext.tsx
|
|
1381
1368
|
var import_wagmi3 = require("wagmi");
|
|
1382
|
-
var
|
|
1383
|
-
var queryClient = new
|
|
1369
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
1370
|
+
var queryClient = new import_react_query10.QueryClient();
|
|
1384
1371
|
var wagmiConfig = (0, import_rainbowkit2.getDefaultConfig)({
|
|
1385
1372
|
appName: "MatchID",
|
|
1386
1373
|
projectId: "9ac6ea7e07860f04616fb311b447dee9",
|
|
@@ -1398,9 +1385,9 @@ var wagmiConfig = (0, import_rainbowkit2.getDefaultConfig)({
|
|
|
1398
1385
|
],
|
|
1399
1386
|
chains: [import_chains.mainnet, import_chains.polygon, import_chains.optimism, import_chains.arbitrum, import_chains.base, matchMain, matchTest, import_chains.bsc]
|
|
1400
1387
|
});
|
|
1401
|
-
var MatchContext = (0,
|
|
1388
|
+
var MatchContext = (0, import_react42.createContext)(void 0);
|
|
1402
1389
|
var useMatch = () => {
|
|
1403
|
-
const context = (0,
|
|
1390
|
+
const context = (0, import_react42.useContext)(MatchContext);
|
|
1404
1391
|
if (context === void 0) {
|
|
1405
1392
|
throw new Error("useMatch must be used within a MatchProvider");
|
|
1406
1393
|
}
|
|
@@ -1434,7 +1421,7 @@ function useUserInfo() {
|
|
|
1434
1421
|
const getRedirectUri = () => {
|
|
1435
1422
|
return encodeURIComponent(window.location.href);
|
|
1436
1423
|
};
|
|
1437
|
-
const isLogin = (0,
|
|
1424
|
+
const isLogin = (0, import_react43.useMemo)(() => !!token && !!overview, [token, overview]);
|
|
1438
1425
|
const logout = async () => {
|
|
1439
1426
|
try {
|
|
1440
1427
|
await toLogoutApi();
|
|
@@ -1707,7 +1694,7 @@ function useUserInfo() {
|
|
|
1707
1694
|
// src/hooks/api/bind.ts
|
|
1708
1695
|
function useBindList(options) {
|
|
1709
1696
|
const { isLogin } = useUserInfo();
|
|
1710
|
-
return (0,
|
|
1697
|
+
return (0, import_react_query11.useQuery)({
|
|
1711
1698
|
queryKey: ["bindList"],
|
|
1712
1699
|
enabled: isLogin,
|
|
1713
1700
|
queryFn: async () => {
|
|
@@ -1719,7 +1706,7 @@ function useBindList(options) {
|
|
|
1719
1706
|
}
|
|
1720
1707
|
function useBindInfo(options) {
|
|
1721
1708
|
const { isLogin } = useUserInfo();
|
|
1722
|
-
return (0,
|
|
1709
|
+
return (0, import_react_query11.useQuery)({
|
|
1723
1710
|
queryKey: ["bindInfo"],
|
|
1724
1711
|
enabled: isLogin,
|
|
1725
1712
|
queryFn: async () => {
|
|
@@ -1736,10 +1723,10 @@ __export(poh_exports, {
|
|
|
1736
1723
|
usePohList: () => usePohList,
|
|
1737
1724
|
verifyPohApi: () => verifyPohApi
|
|
1738
1725
|
});
|
|
1739
|
-
var
|
|
1726
|
+
var import_react_query12 = require("@tanstack/react-query");
|
|
1740
1727
|
function usePohList(options) {
|
|
1741
1728
|
const { isLogin } = useUserInfo();
|
|
1742
|
-
return (0,
|
|
1729
|
+
return (0, import_react_query12.useQuery)({
|
|
1743
1730
|
queryKey: ["pohList"],
|
|
1744
1731
|
enabled: isLogin,
|
|
1745
1732
|
queryFn: async () => {
|
|
@@ -1767,13 +1754,13 @@ __export(contact_exports, {
|
|
|
1767
1754
|
useContactList: () => useContactList,
|
|
1768
1755
|
useContactSearch: () => useContactSearch
|
|
1769
1756
|
});
|
|
1770
|
-
var
|
|
1771
|
-
var
|
|
1772
|
-
var
|
|
1757
|
+
var import_react_query13 = require("@tanstack/react-query");
|
|
1758
|
+
var import_last = __toESM(require("lodash/last"));
|
|
1759
|
+
var import_react44 = require("react");
|
|
1773
1760
|
function useContactList(page_size = 10, type = "Friend") {
|
|
1774
1761
|
const { address } = useUserInfo();
|
|
1775
|
-
const limitIdRef = (0,
|
|
1776
|
-
const contactQuery = (0,
|
|
1762
|
+
const limitIdRef = (0, import_react44.useRef)(0);
|
|
1763
|
+
const contactQuery = (0, import_react_query13.useInfiniteQuery)({
|
|
1777
1764
|
queryKey: ["matchid-contacts-list", type, address],
|
|
1778
1765
|
initialPageParam: 1,
|
|
1779
1766
|
queryFn: async (args) => {
|
|
@@ -1793,24 +1780,24 @@ function useContactList(page_size = 10, type = "Friend") {
|
|
|
1793
1780
|
return allPages.length >= lastPageNum ? void 0 : allPages.length + 1;
|
|
1794
1781
|
}
|
|
1795
1782
|
});
|
|
1796
|
-
(0,
|
|
1783
|
+
(0, import_react44.useEffect)(() => {
|
|
1797
1784
|
if (!contactQuery.data?.pages || contactQuery.data?.pages.length == 0) {
|
|
1798
1785
|
limitIdRef.current = 0;
|
|
1799
1786
|
} else {
|
|
1800
|
-
const lastPage = (0,
|
|
1787
|
+
const lastPage = (0, import_last.default)(contactQuery.data?.pages);
|
|
1801
1788
|
const items = lastPage?.items;
|
|
1802
1789
|
if (!items || items.length == 0) {
|
|
1803
1790
|
limitIdRef.current = 0;
|
|
1804
1791
|
return;
|
|
1805
1792
|
}
|
|
1806
|
-
const lastItem = (0,
|
|
1793
|
+
const lastItem = (0, import_last.default)(items);
|
|
1807
1794
|
limitIdRef.current = lastItem?.limit_id || 0;
|
|
1808
1795
|
}
|
|
1809
1796
|
}, [contactQuery.data?.pages]);
|
|
1810
|
-
(0,
|
|
1797
|
+
(0, import_react44.useEffect)(() => {
|
|
1811
1798
|
console.log("contactQuery.data", contactQuery.data);
|
|
1812
1799
|
}, [contactQuery.data]);
|
|
1813
|
-
const data = (0,
|
|
1800
|
+
const data = (0, import_react44.useMemo)(() => {
|
|
1814
1801
|
return (contactQuery.data?.pages ?? []).reduce(
|
|
1815
1802
|
(a, b) => {
|
|
1816
1803
|
return a.concat(b?.items ?? []);
|
|
@@ -1820,7 +1807,7 @@ function useContactList(page_size = 10, type = "Friend") {
|
|
|
1820
1807
|
}, [contactQuery.data]);
|
|
1821
1808
|
return {
|
|
1822
1809
|
data,
|
|
1823
|
-
totalCount: contactQuery.hasNextPage ? ((0,
|
|
1810
|
+
totalCount: contactQuery.hasNextPage ? ((0, import_last.default)(contactQuery.data?.pages ?? [])?.meta.total ?? 0) + 1 : (0, import_last.default)(contactQuery.data?.pages ?? [])?.meta.total ?? 0,
|
|
1824
1811
|
loading: contactQuery.isLoading,
|
|
1825
1812
|
loadingNextPage: contactQuery.isFetchingNextPage,
|
|
1826
1813
|
hasNextPage: contactQuery.hasNextPage,
|
|
@@ -1828,7 +1815,7 @@ function useContactList(page_size = 10, type = "Friend") {
|
|
|
1828
1815
|
};
|
|
1829
1816
|
}
|
|
1830
1817
|
function useContactSearch(keyword, options) {
|
|
1831
|
-
return (0,
|
|
1818
|
+
return (0, import_react_query13.useQuery)({
|
|
1832
1819
|
queryKey: ["matchid-contacts-search", keyword],
|
|
1833
1820
|
enabled: !!keyword,
|
|
1834
1821
|
queryFn: async () => {
|
|
@@ -1841,7 +1828,7 @@ function useContactSearch(keyword, options) {
|
|
|
1841
1828
|
}
|
|
1842
1829
|
function useContactInfo(options) {
|
|
1843
1830
|
const { token } = useUserInfo();
|
|
1844
|
-
return (0,
|
|
1831
|
+
return (0, import_react_query13.useQuery)({
|
|
1845
1832
|
queryKey: ["matchid-contacts-info", token],
|
|
1846
1833
|
enabled: !!token,
|
|
1847
1834
|
queryFn: async () => {
|