@matchain/matchid-sdk-react 0.1.48-alpha.26 → 0.1.48-alpha.28
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-2MJFQXBZ.mjs → chunk-OSIGDX4D.mjs} +72 -37
- package/dist/chunk-OSIGDX4D.mjs.map +1 -0
- package/dist/{chunk-PWUDQPH3.mjs → chunk-UGKYENZK.mjs} +2 -2
- package/dist/components/index.js +48 -38
- package/dist/components/index.js.map +1 -1
- package/dist/components/index.mjs +1 -1
- package/dist/hooks/api/index.js +20 -14
- package/dist/hooks/api/index.js.map +1 -1
- package/dist/hooks/api/index.mjs +2 -2
- package/dist/hooks/index.js +64 -32
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/index.mjs +1 -1
- package/dist/index.js +84 -49
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/package.json +1 -1
- package/dist/chunk-2MJFQXBZ.mjs.map +0 -1
- /package/dist/{chunk-PWUDQPH3.mjs.map → chunk-UGKYENZK.mjs.map} +0 -0
|
@@ -11,7 +11,7 @@ import {
|
|
|
11
11
|
useUserInfo,
|
|
12
12
|
verifyPohApi,
|
|
13
13
|
wallet_exports
|
|
14
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-OSIGDX4D.mjs";
|
|
15
15
|
import {
|
|
16
16
|
__export
|
|
17
17
|
} from "./chunk-J5LGTIGS.mjs";
|
|
@@ -94,4 +94,4 @@ export {
|
|
|
94
94
|
user_exports,
|
|
95
95
|
api_exports
|
|
96
96
|
};
|
|
97
|
-
//# sourceMappingURL=chunk-
|
|
97
|
+
//# sourceMappingURL=chunk-UGKYENZK.mjs.map
|
package/dist/components/index.js
CHANGED
|
@@ -2622,7 +2622,7 @@ function useMatchChain() {
|
|
|
2622
2622
|
// src/hooks/useMatchWallet.tsx
|
|
2623
2623
|
var import_react_qrcode = require("react-qrcode");
|
|
2624
2624
|
var import_react15 = require("react");
|
|
2625
|
-
var
|
|
2625
|
+
var import_react_query5 = require("@tanstack/react-query");
|
|
2626
2626
|
|
|
2627
2627
|
// src/config/index.tsx
|
|
2628
2628
|
var EMAIL_INTERVAL = 60;
|
|
@@ -2630,7 +2630,7 @@ var EMAIL_CODE_LENGTH = 6;
|
|
|
2630
2630
|
var NATIVE_TOKEN_ADDRESS = "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee";
|
|
2631
2631
|
|
|
2632
2632
|
// src/hooks/useMatchWallet.tsx
|
|
2633
|
-
var
|
|
2633
|
+
var import_viem8 = require("viem");
|
|
2634
2634
|
|
|
2635
2635
|
// src/store/useContractStore.ts
|
|
2636
2636
|
var import_zustand4 = require("zustand");
|
|
@@ -2694,8 +2694,14 @@ var import_react_intl3 = require("react-intl");
|
|
|
2694
2694
|
// src/components/ImportToken/index.tsx
|
|
2695
2695
|
var import_react14 = require("react");
|
|
2696
2696
|
var import_react_intl2 = require("react-intl");
|
|
2697
|
-
var
|
|
2697
|
+
var import_react_query4 = require("@tanstack/react-query");
|
|
2698
|
+
var import_viem7 = require("viem");
|
|
2699
|
+
|
|
2700
|
+
// src/hooks/useIsContract.ts
|
|
2698
2701
|
var import_viem6 = require("viem");
|
|
2702
|
+
var import_react_query3 = require("@tanstack/react-query");
|
|
2703
|
+
|
|
2704
|
+
// src/components/ImportToken/index.tsx
|
|
2699
2705
|
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
2700
2706
|
|
|
2701
2707
|
// src/hooks/useMatchWallet.tsx
|
|
@@ -2737,13 +2743,13 @@ function useMatchWalletRecords() {
|
|
|
2737
2743
|
for (const contract of contractUnique) {
|
|
2738
2744
|
calls.push({
|
|
2739
2745
|
address: contract,
|
|
2740
|
-
abi:
|
|
2746
|
+
abi: import_viem8.erc20Abi,
|
|
2741
2747
|
functionName: "symbol",
|
|
2742
2748
|
args: []
|
|
2743
2749
|
});
|
|
2744
2750
|
calls.push({
|
|
2745
2751
|
address: contract,
|
|
2746
|
-
abi:
|
|
2752
|
+
abi: import_viem8.erc20Abi,
|
|
2747
2753
|
functionName: "decimals",
|
|
2748
2754
|
args: []
|
|
2749
2755
|
});
|
|
@@ -2895,7 +2901,7 @@ function useMatchWalletAssetList({
|
|
|
2895
2901
|
name: chain?.nativeCurrency.name,
|
|
2896
2902
|
balance: 0
|
|
2897
2903
|
};
|
|
2898
|
-
const nativeBalanceQuery = (0,
|
|
2904
|
+
const nativeBalanceQuery = (0, import_react_query5.useQuery)({
|
|
2899
2905
|
queryKey: ["nativeBalance", nativeToken?.chain_id],
|
|
2900
2906
|
queryFn: async () => {
|
|
2901
2907
|
if (!nativeToken || !publicClient) return null;
|
|
@@ -2915,13 +2921,13 @@ function useMatchWalletAssetList({
|
|
|
2915
2921
|
// Retry up to 3 times if failed
|
|
2916
2922
|
});
|
|
2917
2923
|
const erc20Tokens = (0, import_react15.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
|
|
2918
|
-
const erc20BalanceQuery = (0,
|
|
2924
|
+
const erc20BalanceQuery = (0, import_react_query5.useQuery)({
|
|
2919
2925
|
queryKey: ["erc20Balances", erc20Tokens.map((token) => token.address)],
|
|
2920
2926
|
queryFn: async () => {
|
|
2921
2927
|
if (!erc20Tokens.length || !publicClient) return [];
|
|
2922
2928
|
const calls = erc20Tokens.map((token) => ({
|
|
2923
2929
|
address: token.address,
|
|
2924
|
-
abi:
|
|
2930
|
+
abi: import_viem8.erc20Abi,
|
|
2925
2931
|
functionName: "balanceOf",
|
|
2926
2932
|
args: [address]
|
|
2927
2933
|
}));
|
|
@@ -2949,13 +2955,14 @@ function useMatchWalletAssetList({
|
|
|
2949
2955
|
let balanceValue = "0";
|
|
2950
2956
|
let balance = 0;
|
|
2951
2957
|
const decimals = typeof asset.decimals === "string" ? parseInt(asset.decimals) : asset.decimals;
|
|
2952
|
-
|
|
2958
|
+
const assetAddress = asset.address.toLowerCase();
|
|
2959
|
+
if (assetAddress === NATIVE_TOKEN_ADDRESS) {
|
|
2953
2960
|
balanceValue = nativeBalanceQuery.data?.toString() || "0";
|
|
2954
|
-
balance = nativeBalanceQuery.data ? Number((0,
|
|
2961
|
+
balance = nativeBalanceQuery.data ? Number((0, import_viem8.formatUnits)(nativeBalanceQuery.data, decimals)) : 0;
|
|
2955
2962
|
} else {
|
|
2956
|
-
const index = erc20Tokens.findIndex((t) => t.address ===
|
|
2963
|
+
const index = erc20Tokens.findIndex((t) => t.address.toLowerCase() === assetAddress);
|
|
2957
2964
|
if (index !== -1 && erc20Balances[index] && erc20Balances[index].status === "success") {
|
|
2958
|
-
balance = Number((0,
|
|
2965
|
+
balance = Number((0, import_viem8.formatUnits)(erc20Balances[index].result, decimals));
|
|
2959
2966
|
balanceValue = erc20Balances[index].result?.toString() || "0";
|
|
2960
2967
|
}
|
|
2961
2968
|
}
|
|
@@ -2989,14 +2996,14 @@ function useMatchWalletAssetList({
|
|
|
2989
2996
|
|
|
2990
2997
|
// src/hooks/useReceipt.tsx
|
|
2991
2998
|
var import_react16 = require("react");
|
|
2992
|
-
var
|
|
2993
|
-
var
|
|
2999
|
+
var import_react_query6 = require("@tanstack/react-query");
|
|
3000
|
+
var import_viem9 = require("viem");
|
|
2994
3001
|
var CACHE_TTL = 86400 * 30 * 1e3;
|
|
2995
3002
|
|
|
2996
3003
|
// src/hooks/useTransaction.tsx
|
|
2997
3004
|
var import_react17 = require("react");
|
|
2998
|
-
var
|
|
2999
|
-
var
|
|
3005
|
+
var import_react_query7 = require("@tanstack/react-query");
|
|
3006
|
+
var import_viem10 = require("viem");
|
|
3000
3007
|
var CACHE_TTL2 = 86400 * 30 * 1e3;
|
|
3001
3008
|
|
|
3002
3009
|
// src/store/useModalStore.ts
|
|
@@ -3103,10 +3110,10 @@ var AppClientId2 = getAppClientId();
|
|
|
3103
3110
|
var import_react20 = require("react");
|
|
3104
3111
|
|
|
3105
3112
|
// src/MatchContext.tsx
|
|
3106
|
-
var
|
|
3113
|
+
var import_react_query8 = require("@tanstack/react-query");
|
|
3107
3114
|
var import_react_intl5 = require("react-intl");
|
|
3108
3115
|
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
3109
|
-
var queryClient = new
|
|
3116
|
+
var queryClient = new import_react_query8.QueryClient();
|
|
3110
3117
|
var MatchContext = (0, import_react21.createContext)(void 0);
|
|
3111
3118
|
var useMatch = () => {
|
|
3112
3119
|
const context = (0, import_react21.useContext)(MatchContext);
|
|
@@ -3534,9 +3541,9 @@ var import_react25 = require("react");
|
|
|
3534
3541
|
var import_react_intl8 = require("react-intl");
|
|
3535
3542
|
|
|
3536
3543
|
// src/hooks/useAppConfig.ts
|
|
3537
|
-
var
|
|
3544
|
+
var import_react_query9 = require("@tanstack/react-query");
|
|
3538
3545
|
function useAppConfig() {
|
|
3539
|
-
const query = (0,
|
|
3546
|
+
const query = (0, import_react_query9.useQuery)({
|
|
3540
3547
|
queryKey: ["appConfig"],
|
|
3541
3548
|
queryFn: async () => {
|
|
3542
3549
|
const res = await getAppConfigApi();
|
|
@@ -5288,7 +5295,7 @@ function WalletAsset({
|
|
|
5288
5295
|
|
|
5289
5296
|
// src/components/TokenSend/index.tsx
|
|
5290
5297
|
var import_react38 = require("react");
|
|
5291
|
-
var
|
|
5298
|
+
var import_viem11 = require("viem");
|
|
5292
5299
|
var import_react_intl18 = require("react-intl");
|
|
5293
5300
|
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
5294
5301
|
function Input2({
|
|
@@ -5331,8 +5338,8 @@ function TokenSend({
|
|
|
5331
5338
|
const walletClient = (0, import_react38.useMemo)(() => {
|
|
5332
5339
|
return createWalletClient2({
|
|
5333
5340
|
// @ts-ignore
|
|
5334
|
-
chain: (0,
|
|
5335
|
-
transport: (0,
|
|
5341
|
+
chain: (0, import_viem11.defineChain)(chain),
|
|
5342
|
+
transport: (0, import_viem11.http)()
|
|
5336
5343
|
});
|
|
5337
5344
|
}, [chain]);
|
|
5338
5345
|
const [amount, setAmount] = (0, import_react38.useState)("");
|
|
@@ -5369,13 +5376,13 @@ function TokenSend({
|
|
|
5369
5376
|
"type": "function"
|
|
5370
5377
|
}
|
|
5371
5378
|
];
|
|
5372
|
-
const viemChain = (0,
|
|
5379
|
+
const viemChain = (0, import_viem11.defineChain)(chain);
|
|
5373
5380
|
const to = isNative ? address : token.address;
|
|
5374
|
-
const value = isNative ? (0,
|
|
5375
|
-
const data = isNative ? "0x" : (0,
|
|
5381
|
+
const value = isNative ? (0, import_viem11.parseUnits)(amount, parseInt(token?.decimals || "18")) : BigInt(0);
|
|
5382
|
+
const data = isNative ? "0x" : (0, import_viem11.encodeFunctionData)({
|
|
5376
5383
|
abi,
|
|
5377
5384
|
functionName: "transfer",
|
|
5378
|
-
args: [address, (0,
|
|
5385
|
+
args: [address, (0, import_viem11.parseUnits)(amount, parseInt(token?.decimals || "18"))]
|
|
5379
5386
|
});
|
|
5380
5387
|
return {
|
|
5381
5388
|
to,
|
|
@@ -5647,8 +5654,8 @@ function TokenSendList({ close }) {
|
|
|
5647
5654
|
// src/components/TransactionList/index.tsx
|
|
5648
5655
|
var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
|
|
5649
5656
|
var import_react40 = require("react");
|
|
5650
|
-
var import_viem11 = require("viem");
|
|
5651
5657
|
var import_viem12 = require("viem");
|
|
5658
|
+
var import_viem13 = require("viem");
|
|
5652
5659
|
var import_react_intl21 = require("react-intl");
|
|
5653
5660
|
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
5654
5661
|
var Item = ({ data }) => {
|
|
@@ -5668,32 +5675,35 @@ var Item = ({ data }) => {
|
|
|
5668
5675
|
return "unknown";
|
|
5669
5676
|
}, [data.input]);
|
|
5670
5677
|
const to = (0, import_react40.useMemo)(() => {
|
|
5678
|
+
if (!isOut) {
|
|
5679
|
+
return data.from;
|
|
5680
|
+
}
|
|
5671
5681
|
if (transferType == "erc20_transfer") {
|
|
5672
|
-
const decodeData = (0,
|
|
5673
|
-
abi:
|
|
5682
|
+
const decodeData = (0, import_viem12.decodeFunctionData)({
|
|
5683
|
+
abi: import_viem13.erc20Abi,
|
|
5674
5684
|
data: data.input
|
|
5675
5685
|
});
|
|
5676
5686
|
return decodeData.args[0];
|
|
5677
5687
|
}
|
|
5678
5688
|
return data.to;
|
|
5679
|
-
}, [data.input, transferType, data.to]);
|
|
5689
|
+
}, [data.input, transferType, data.to, isOut]);
|
|
5680
5690
|
const amount = (0, import_react40.useMemo)(() => {
|
|
5681
5691
|
if (transferType == "erc20_transfer") {
|
|
5682
|
-
const decodeData = (0,
|
|
5683
|
-
abi:
|
|
5692
|
+
const decodeData = (0, import_viem12.decodeFunctionData)({
|
|
5693
|
+
abi: import_viem13.erc20Abi,
|
|
5684
5694
|
data: data.input
|
|
5685
5695
|
});
|
|
5686
5696
|
const value = decodeData.args[1];
|
|
5687
|
-
return (0,
|
|
5697
|
+
return (0, import_viem12.formatUnits)(value, contracts[`${chainId}-${data.to.toLowerCase()}`]?.decimals || 18);
|
|
5688
5698
|
}
|
|
5689
5699
|
return chainFormatUnits(BigInt(data.value));
|
|
5690
5700
|
}, [data.input, transferType, data.value, contracts, chainId, data.to]);
|
|
5691
5701
|
const hashQuery = useHash({
|
|
5692
5702
|
hash: data.hash,
|
|
5693
5703
|
//@ts-ignore
|
|
5694
|
-
chain: (0,
|
|
5704
|
+
chain: (0, import_viem12.defineChain)(chain),
|
|
5695
5705
|
refetchInterval: shouldRefetch ? 3e3 : false,
|
|
5696
|
-
enabled: shouldRefetch
|
|
5706
|
+
enabled: shouldRefetch && data.source == "local"
|
|
5697
5707
|
});
|
|
5698
5708
|
const status = (0, import_react40.useMemo)(() => {
|
|
5699
5709
|
if (data.source == "matchain") {
|
|
@@ -5729,8 +5739,8 @@ var Item = ({ data }) => {
|
|
|
5729
5739
|
}, [status, data.hash]);
|
|
5730
5740
|
const symbol = (0, import_react40.useMemo)(() => {
|
|
5731
5741
|
if (transferType == "erc20_transfer") {
|
|
5732
|
-
const contract = contracts[`${chainId}-${data.to}`];
|
|
5733
|
-
return
|
|
5742
|
+
const contract = contracts[`${chainId}-${data.to.toLowerCase()}`];
|
|
5743
|
+
return contract?.symbol || contract?.name || "unknown";
|
|
5734
5744
|
}
|
|
5735
5745
|
return chain?.nativeCurrency.symbol || chain?.nativeCurrency.name;
|
|
5736
5746
|
}, [transferType, chain, contracts, chainId, data.to]);
|