@matchain/matchid-sdk-react 0.1.56-alpha.15 → 0.1.56-alpha.17
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/api.d.mts +2 -2
- package/dist/api.d.ts +2 -2
- package/dist/api.js +152 -87
- package/dist/api.js.map +1 -1
- package/dist/api.mjs +4 -3
- package/dist/chains.mjs +2 -1
- package/dist/chunk-3CR66BEX.mjs +19 -0
- package/dist/chunk-3CR66BEX.mjs.map +1 -0
- package/dist/{chunk-FQ6PYZPD.mjs → chunk-7SUDHG7S.mjs} +1 -1
- package/dist/chunk-7SUDHG7S.mjs.map +1 -0
- package/dist/{chunk-HYQ3T6WW.mjs → chunk-JX73EY6V.mjs} +2 -14
- package/dist/chunk-JX73EY6V.mjs.map +1 -0
- package/dist/{chunk-A47WTLYD.mjs → chunk-ZLTIMO57.mjs} +375 -353
- package/dist/chunk-ZLTIMO57.mjs.map +1 -0
- package/dist/{chunk-FZHJNSAP.mjs → chunk-ZY7EVYXA.mjs} +2 -2
- package/dist/components.d.mts +3 -3
- package/dist/components.d.ts +3 -3
- package/dist/components.js +473 -401
- package/dist/components.js.map +1 -1
- package/dist/components.mjs +3 -2
- package/dist/hooks.d.mts +2 -2
- package/dist/hooks.d.ts +2 -2
- package/dist/hooks.js +172 -109
- package/dist/hooks.js.map +1 -1
- package/dist/hooks.mjs +3 -2
- package/dist/icon.d.mts +2 -2
- package/dist/icon.d.ts +2 -2
- package/dist/icon.js.map +1 -1
- package/dist/icon.mjs +1 -1
- package/dist/{index-DCyE39bg.d.mts → index-84CqVi2I.d.mts} +1 -1
- package/dist/{index-BINNnZNA.d.ts → index-B70k4Jpk.d.ts} +1 -2
- package/dist/{index-BIVGhRja.d.mts → index-BJJ0Gb6v.d.mts} +1 -2
- package/dist/{index-BXhXRggh.d.ts → index-BNqdFiOo.d.ts} +1 -1
- package/dist/{index-DGsB7f2H.d.ts → index-BctnHnJp.d.ts} +1 -1
- package/dist/{index-DuCefmJ0.d.mts → index-BqI0PEIi.d.mts} +1 -1
- package/dist/{index-DZpXCByF.d.ts → index-C2hr7zlN.d.ts} +5 -3
- package/dist/{index-CqHlL6ue.d.mts → index-CTHpnEoB.d.mts} +5 -3
- package/dist/{index-De8efmdb.d.mts → index-Car1jFyN.d.mts} +1 -1
- package/dist/{index-CpJtux-G.d.ts → index-CcVHENNv.d.ts} +1 -1
- package/dist/{index-DQYg6bEA.d.ts → index-Cqdz_5bE.d.ts} +2 -2
- package/dist/{index-m2bn_W3Y.d.ts → index-CvzpMw3N.d.ts} +1 -1
- package/dist/{index-CzCkxwOm.d.mts → index-DkijpM5Q.d.mts} +1 -1
- package/dist/{index-BLjGmf9p.d.mts → index-DxHhOW24.d.mts} +2 -2
- package/dist/index.css +1 -1
- package/dist/index.d.mts +42 -38
- package/dist/index.d.ts +42 -38
- package/dist/index.js +256 -236
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5 -4
- package/dist/{types-C8FLH1yn.d.mts → types-BrVeC0c8.d.mts} +0 -1
- package/dist/{types-C8FLH1yn.d.ts → types-BrVeC0c8.d.ts} +0 -1
- package/dist/types.d.mts +1 -1
- package/dist/types.d.ts +1 -1
- package/dist/ui.d.mts +3 -3
- package/dist/ui.d.ts +3 -3
- package/dist/ui.js +144 -75
- package/dist/ui.js.map +1 -1
- package/dist/ui.mjs +3 -2
- package/example/package-lock.json +2965 -0
- package/example/package.json +2 -1
- package/example/src/App.tsx +2 -2
- package/example/src/config/index.ts +2 -2
- package/example/src/pages/Home.tsx +15 -15
- package/example/src/pages/Wallet/index.tsx +2 -4
- package/example/src/store/useLocalStore.ts +19 -19
- package/example/yarn.lock +559 -548
- package/package.json +4 -9
- package/dist/chunk-A47WTLYD.mjs.map +0 -1
- package/dist/chunk-FQ6PYZPD.mjs.map +0 -1
- package/dist/chunk-HYQ3T6WW.mjs.map +0 -1
- /package/dist/{chunk-FZHJNSAP.mjs.map → chunk-ZY7EVYXA.mjs.map} +0 -0
package/dist/hooks.js
CHANGED
|
@@ -722,7 +722,7 @@ var useWalletModalStore = (0, import_zustand2.create)((set) => ({
|
|
|
722
722
|
}));
|
|
723
723
|
var useEmailModalStore = (0, import_zustand2.create)((set) => ({
|
|
724
724
|
isOpen: false,
|
|
725
|
-
type: "
|
|
725
|
+
type: "",
|
|
726
726
|
open: (type) => set({ isOpen: true, type }),
|
|
727
727
|
close: () => set({ isOpen: false })
|
|
728
728
|
}));
|
|
@@ -1838,13 +1838,16 @@ var useStore = (0, import_zustand4.create)((set) => ({
|
|
|
1838
1838
|
}));
|
|
1839
1839
|
var useStore_default = useStore;
|
|
1840
1840
|
|
|
1841
|
-
// src/
|
|
1841
|
+
// src/components/BindEmailModal/index.tsx
|
|
1842
1842
|
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
1843
1843
|
|
|
1844
|
+
// src/context/BusinessProvider.tsx
|
|
1845
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
1846
|
+
|
|
1844
1847
|
// src/context/ModalContext.tsx
|
|
1845
1848
|
var import_react29 = require("react");
|
|
1846
1849
|
var import_react_dom = require("react-dom");
|
|
1847
|
-
var
|
|
1850
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
1848
1851
|
var ModalContext = (0, import_react29.createContext)(null);
|
|
1849
1852
|
function useModal() {
|
|
1850
1853
|
const context = (0, import_react29.useContext)(ModalContext);
|
|
@@ -1857,7 +1860,7 @@ function useModal() {
|
|
|
1857
1860
|
// src/context/ToastContext.tsx
|
|
1858
1861
|
var import_react30 = require("react");
|
|
1859
1862
|
var import_react_dom2 = require("react-dom");
|
|
1860
|
-
var
|
|
1863
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
1861
1864
|
var ToastContext = (0, import_react30.createContext)(null);
|
|
1862
1865
|
function useToast() {
|
|
1863
1866
|
const context = (0, import_react30.useContext)(ToastContext);
|
|
@@ -1868,7 +1871,7 @@ function useToast() {
|
|
|
1868
1871
|
}
|
|
1869
1872
|
|
|
1870
1873
|
// src/context/index.tsx
|
|
1871
|
-
var
|
|
1874
|
+
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
1872
1875
|
|
|
1873
1876
|
// src/hooks/useWalletInit.ts
|
|
1874
1877
|
var import_react31 = require("react");
|
|
@@ -1883,8 +1886,72 @@ var import_react_intl20 = require("react-intl");
|
|
|
1883
1886
|
var import_rainbowkit2 = require("@rainbow-me/rainbowkit");
|
|
1884
1887
|
var import_wallets = require("@rainbow-me/rainbowkit/wallets");
|
|
1885
1888
|
var import_chains = require("wagmi/chains");
|
|
1889
|
+
|
|
1890
|
+
// src/config/chains/MatchMain.ts
|
|
1891
|
+
var import_viem5 = require("viem");
|
|
1892
|
+
var matchMain = /* @__PURE__ */ (0, import_viem5.defineChain)({
|
|
1893
|
+
//定义match链
|
|
1894
|
+
id: 698,
|
|
1895
|
+
name: "Matchain",
|
|
1896
|
+
nativeCurrency: { name: "Match Coin", symbol: "BNB", decimals: 18 },
|
|
1897
|
+
rpcUrls: {
|
|
1898
|
+
default: {
|
|
1899
|
+
http: ["https://rpc.matchain.io"]
|
|
1900
|
+
}
|
|
1901
|
+
},
|
|
1902
|
+
blockExplorers: {
|
|
1903
|
+
default: {
|
|
1904
|
+
name: "Matchscan",
|
|
1905
|
+
url: "https://matchscan.io/",
|
|
1906
|
+
apiUrl: "https://matchscan.io/api"
|
|
1907
|
+
}
|
|
1908
|
+
},
|
|
1909
|
+
iconUrl: "https://matchscan.io/static/identicon_logos/blockies.png",
|
|
1910
|
+
contracts: {
|
|
1911
|
+
multicall3: {
|
|
1912
|
+
address: "0xca11bde05977b3631167028862be2a173976ca11"
|
|
1913
|
+
}
|
|
1914
|
+
}
|
|
1915
|
+
// testnet: true,
|
|
1916
|
+
});
|
|
1917
|
+
|
|
1918
|
+
// src/config/chains/MatchTest.ts
|
|
1919
|
+
var import_viem6 = require("viem");
|
|
1920
|
+
var matchTest = /* @__PURE__ */ (0, import_viem6.defineChain)({
|
|
1921
|
+
//定义matchTest链
|
|
1922
|
+
id: 699,
|
|
1923
|
+
name: "MatchTest",
|
|
1924
|
+
nativeCurrency: { name: "Match Coin", symbol: "BNB", decimals: 18 },
|
|
1925
|
+
rpcUrls: {
|
|
1926
|
+
default: {
|
|
1927
|
+
http: ["https://testnet-rpc.matchain.io"]
|
|
1928
|
+
}
|
|
1929
|
+
},
|
|
1930
|
+
blockExplorers: {
|
|
1931
|
+
default: {
|
|
1932
|
+
name: "Matchscan",
|
|
1933
|
+
url: "https://testnet.matchscan.io/",
|
|
1934
|
+
apiUrl: "https://testnet.matchscan.io/api"
|
|
1935
|
+
}
|
|
1936
|
+
},
|
|
1937
|
+
iconUrl: "https://testnet.matchscan.io/static/identicon_logos/blockies.png",
|
|
1938
|
+
contracts: {
|
|
1939
|
+
multicall3: {
|
|
1940
|
+
address: "0xca11bde05977b3631167028862be2a173976ca11",
|
|
1941
|
+
blockCreated: 751532
|
|
1942
|
+
},
|
|
1943
|
+
ensRegistry: { address: "0x00000000000C2E074eC69A0dFb2997BA6C7d2e1e" },
|
|
1944
|
+
ensUniversalResolver: {
|
|
1945
|
+
address: "0xc8Af999e38273D658BE1b921b88A9Ddf005769cC",
|
|
1946
|
+
blockCreated: 5317080
|
|
1947
|
+
}
|
|
1948
|
+
}
|
|
1949
|
+
// testnet: true,
|
|
1950
|
+
});
|
|
1951
|
+
|
|
1952
|
+
// src/MatchContext.tsx
|
|
1886
1953
|
var import_wagmi3 = require("wagmi");
|
|
1887
|
-
var
|
|
1954
|
+
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
1888
1955
|
var queryClient = new import_react_query4.QueryClient();
|
|
1889
1956
|
var wagmiConfig = (0, import_rainbowkit2.getDefaultConfig)({
|
|
1890
1957
|
appName: "MatchID",
|
|
@@ -1901,7 +1968,7 @@ var wagmiConfig = (0, import_rainbowkit2.getDefaultConfig)({
|
|
|
1901
1968
|
]
|
|
1902
1969
|
}
|
|
1903
1970
|
],
|
|
1904
|
-
chains: [import_chains.mainnet, import_chains.polygon, import_chains.optimism, import_chains.arbitrum, import_chains.base,
|
|
1971
|
+
chains: [import_chains.mainnet, import_chains.polygon, import_chains.optimism, import_chains.arbitrum, import_chains.base, matchMain, matchTest, import_chains.bsc]
|
|
1905
1972
|
});
|
|
1906
1973
|
var MatchContext = (0, import_react33.createContext)(void 0);
|
|
1907
1974
|
var useMatch = () => {
|
|
@@ -1935,8 +2002,8 @@ function useUserInfo() {
|
|
|
1935
2002
|
const { open: TONOpen } = useTONModalStore();
|
|
1936
2003
|
const { open: BTCOpen } = useBTCModalStore();
|
|
1937
2004
|
const { open: CEXBindOpen } = useCEXBindModalStore();
|
|
1938
|
-
const { open: EmailOpen } = useEmailModalStore();
|
|
1939
2005
|
const walletModalStore = useWalletModalStore();
|
|
2006
|
+
const emailModalStore = useEmailModalStore();
|
|
1940
2007
|
const getRedirectUri = () => {
|
|
1941
2008
|
return encodeURIComponent(window.location.href);
|
|
1942
2009
|
};
|
|
@@ -2029,8 +2096,8 @@ function useUserInfo() {
|
|
|
2029
2096
|
case "discord":
|
|
2030
2097
|
case "github":
|
|
2031
2098
|
case "linkedin":
|
|
2032
|
-
case "kakao":
|
|
2033
2099
|
case "facebook":
|
|
2100
|
+
case "kakao":
|
|
2034
2101
|
return await loginByMethod(method);
|
|
2035
2102
|
default:
|
|
2036
2103
|
throw new Error("unsupported method");
|
|
@@ -2070,34 +2137,6 @@ function useUserInfo() {
|
|
|
2070
2137
|
}
|
|
2071
2138
|
return false;
|
|
2072
2139
|
};
|
|
2073
|
-
const bindByEmail = async ({
|
|
2074
|
-
email,
|
|
2075
|
-
code
|
|
2076
|
-
}) => {
|
|
2077
|
-
try {
|
|
2078
|
-
const obj = {
|
|
2079
|
-
email,
|
|
2080
|
-
verification_key: emailLoginKey,
|
|
2081
|
-
verification_code: code
|
|
2082
|
-
};
|
|
2083
|
-
const res = await verifyEmailCodeApi(obj);
|
|
2084
|
-
if (res && res.data && isSuccess(res)) {
|
|
2085
|
-
events.onBind && events.onBind({
|
|
2086
|
-
type: "email"
|
|
2087
|
-
});
|
|
2088
|
-
eventManager_default.emit("onBind", {
|
|
2089
|
-
type: "email"
|
|
2090
|
-
});
|
|
2091
|
-
return true;
|
|
2092
|
-
} else {
|
|
2093
|
-
throw new Error(res.message);
|
|
2094
|
-
}
|
|
2095
|
-
} catch (error) {
|
|
2096
|
-
console.error("bindByEmail", error);
|
|
2097
|
-
throw error;
|
|
2098
|
-
}
|
|
2099
|
-
return false;
|
|
2100
|
-
};
|
|
2101
2140
|
const bindWallet = async () => {
|
|
2102
2141
|
if (!token) {
|
|
2103
2142
|
throw new Error("You must login first");
|
|
@@ -2143,18 +2182,18 @@ function useUserInfo() {
|
|
|
2143
2182
|
return TONOpen("bind");
|
|
2144
2183
|
case "btc":
|
|
2145
2184
|
return BTCOpen("bind");
|
|
2185
|
+
case "email":
|
|
2186
|
+
return emailModalStore.open("bind");
|
|
2146
2187
|
case "telegram":
|
|
2147
2188
|
return await bindTelegram();
|
|
2148
|
-
case "email":
|
|
2149
|
-
return EmailOpen("bind");
|
|
2150
2189
|
case "twitter":
|
|
2151
2190
|
case "google":
|
|
2152
2191
|
case "discord":
|
|
2153
2192
|
case "github":
|
|
2154
2193
|
case "linkedin":
|
|
2155
2194
|
case "facebook":
|
|
2156
|
-
case "kakao":
|
|
2157
2195
|
case "youtube":
|
|
2196
|
+
case "kakao":
|
|
2158
2197
|
const link = `${endpoints.back}api/v1/auth/${method == "youtube" ? "google" : method}?appid=${appid}&provider=${method == "youtube" ? "google" : method}&redirect=${encodeURIComponent(endpoints.auth + "bind/" + method)}&authorization=${token.includes("Bearer ") ? token.split(" ")[1] : token}${method == "youtube" ? "&auth_type=youtube" : ""}`;
|
|
2159
2198
|
matchlog_default.log("link", link);
|
|
2160
2199
|
return window.open(
|
|
@@ -2169,6 +2208,31 @@ function useUserInfo() {
|
|
|
2169
2208
|
const bindCex = (type) => {
|
|
2170
2209
|
return CEXBindOpen(type);
|
|
2171
2210
|
};
|
|
2211
|
+
const bindByEmail = async ({ email, code }) => {
|
|
2212
|
+
try {
|
|
2213
|
+
const obj = {
|
|
2214
|
+
email,
|
|
2215
|
+
verification_key: emailLoginKey,
|
|
2216
|
+
verification_code: code
|
|
2217
|
+
};
|
|
2218
|
+
const res = await verifyEmailCodeApi(obj);
|
|
2219
|
+
if (res && res.data && isSuccess(res)) {
|
|
2220
|
+
events.onBind && events.onBind({
|
|
2221
|
+
type: "email"
|
|
2222
|
+
});
|
|
2223
|
+
eventManager_default.emit("onBind", {
|
|
2224
|
+
type: "email"
|
|
2225
|
+
});
|
|
2226
|
+
return true;
|
|
2227
|
+
} else {
|
|
2228
|
+
throw new Error(res.message);
|
|
2229
|
+
}
|
|
2230
|
+
} catch (error) {
|
|
2231
|
+
console.error("bindByEmail", error);
|
|
2232
|
+
throw error;
|
|
2233
|
+
}
|
|
2234
|
+
return false;
|
|
2235
|
+
};
|
|
2172
2236
|
const getAuthInfo = async (method) => {
|
|
2173
2237
|
const element_id = "auth_iframe";
|
|
2174
2238
|
if (document.getElementById(element_id)) {
|
|
@@ -2237,7 +2301,6 @@ function useUserInfo() {
|
|
|
2237
2301
|
auth,
|
|
2238
2302
|
login: loginMethod,
|
|
2239
2303
|
bind,
|
|
2240
|
-
getBindEmailCode: getLoginEmailCode,
|
|
2241
2304
|
bindByEmail,
|
|
2242
2305
|
getAuthInfo,
|
|
2243
2306
|
invite
|
|
@@ -2264,11 +2327,11 @@ function useMatchEvents(handlers) {
|
|
|
2264
2327
|
}
|
|
2265
2328
|
|
|
2266
2329
|
// src/hooks/useWallet.tsx
|
|
2267
|
-
var
|
|
2330
|
+
var import_viem7 = require("viem");
|
|
2268
2331
|
var import_accounts = require("viem/accounts");
|
|
2269
|
-
var
|
|
2332
|
+
var import_viem8 = require("viem");
|
|
2270
2333
|
var import_react36 = require("react");
|
|
2271
|
-
var
|
|
2334
|
+
var import_viem9 = require("viem");
|
|
2272
2335
|
|
|
2273
2336
|
// src/store/useTransactionStore.ts
|
|
2274
2337
|
var import_zustand5 = require("zustand");
|
|
@@ -2301,7 +2364,7 @@ var useTransactionStore = (0, import_zustand5.create)((0, import_middleware3.dev
|
|
|
2301
2364
|
var useTransactionStore_default = useTransactionStore;
|
|
2302
2365
|
|
|
2303
2366
|
// src/hooks/useWallet.tsx
|
|
2304
|
-
var
|
|
2367
|
+
var import_jsx_runtime102 = require("react/jsx-runtime");
|
|
2305
2368
|
var AppClientId2 = "react-sdk-" + getVersion();
|
|
2306
2369
|
function useWallet() {
|
|
2307
2370
|
const { address, wallet: walletConfig } = useLocalStore_default();
|
|
@@ -2398,7 +2461,7 @@ function useWallet() {
|
|
|
2398
2461
|
if (!evmAccount) {
|
|
2399
2462
|
return;
|
|
2400
2463
|
}
|
|
2401
|
-
const obj = (0,
|
|
2464
|
+
const obj = (0, import_viem8.createWalletClient)({
|
|
2402
2465
|
...parameters,
|
|
2403
2466
|
account: evmAccount
|
|
2404
2467
|
});
|
|
@@ -2475,12 +2538,12 @@ function useWallet() {
|
|
|
2475
2538
|
address: evmAccount.address
|
|
2476
2539
|
});
|
|
2477
2540
|
modal.show((props) => {
|
|
2478
|
-
return /* @__PURE__ */ (0,
|
|
2541
|
+
return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
|
|
2479
2542
|
});
|
|
2480
2543
|
return txHash;
|
|
2481
2544
|
} catch (error) {
|
|
2482
2545
|
modal.show((props) => {
|
|
2483
|
-
return /* @__PURE__ */ (0,
|
|
2546
|
+
return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, error: typeof error == "string" ? error : error.details || error.message, chain: _chain });
|
|
2484
2547
|
});
|
|
2485
2548
|
throw error;
|
|
2486
2549
|
}
|
|
@@ -2494,7 +2557,7 @@ function useWallet() {
|
|
|
2494
2557
|
};
|
|
2495
2558
|
const deployContract = async (parameters2) => {
|
|
2496
2559
|
const { abi, args, bytecode, ...request3 } = parameters2;
|
|
2497
|
-
const calldata = (0,
|
|
2560
|
+
const calldata = (0, import_viem9.encodeDeployData)({ abi, args, bytecode });
|
|
2498
2561
|
return await sendTransaction({
|
|
2499
2562
|
...request3,
|
|
2500
2563
|
data: calldata
|
|
@@ -2502,7 +2565,7 @@ function useWallet() {
|
|
|
2502
2565
|
};
|
|
2503
2566
|
const writeContract = async (parameters2) => {
|
|
2504
2567
|
const { abi, address: address2, args, dataSuffix, functionName, ...request3 } = parameters2;
|
|
2505
|
-
const data = (0,
|
|
2568
|
+
const data = (0, import_viem7.encodeFunctionData)({
|
|
2506
2569
|
abi,
|
|
2507
2570
|
args,
|
|
2508
2571
|
functionName
|
|
@@ -2612,9 +2675,9 @@ function useImportTokenListQuery({
|
|
|
2612
2675
|
|
|
2613
2676
|
// src/hooks/useMatchChain.tsx
|
|
2614
2677
|
var import_react38 = require("react");
|
|
2615
|
-
var
|
|
2678
|
+
var import_viem10 = require("viem");
|
|
2616
2679
|
var import_react_intl21 = require("react-intl");
|
|
2617
|
-
var
|
|
2680
|
+
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
2618
2681
|
function useMatchChain() {
|
|
2619
2682
|
const chainListQuery = useChainListQuery();
|
|
2620
2683
|
const modal = useModal();
|
|
@@ -2645,28 +2708,28 @@ function useMatchChain() {
|
|
|
2645
2708
|
const { chainId: storeChainId2, setChainId: setChainId2 } = useLocalStore_default();
|
|
2646
2709
|
const [selectedChainId, setSelectedChainId] = (0, import_react38.useState)(storeChainId2);
|
|
2647
2710
|
const isDownMd = useDownMd();
|
|
2648
|
-
return /* @__PURE__ */ (0,
|
|
2649
|
-
/* @__PURE__ */ (0,
|
|
2650
|
-
return /* @__PURE__ */ (0,
|
|
2711
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: `matchid-change-network-box`, children: [
|
|
2712
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
|
|
2713
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
|
|
2651
2714
|
"div",
|
|
2652
2715
|
{
|
|
2653
2716
|
onClick: () => setSelectedChainId(item.id),
|
|
2654
2717
|
className: `matchid-change-network-item ${selectedChainId == item.id ? "matchid-change-network-selected" : ""}`,
|
|
2655
2718
|
children: [
|
|
2656
|
-
/* @__PURE__ */ (0,
|
|
2657
|
-
/* @__PURE__ */ (0,
|
|
2658
|
-
/* @__PURE__ */ (0,
|
|
2719
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
|
|
2720
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
|
|
2721
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
|
|
2659
2722
|
] }),
|
|
2660
|
-
/* @__PURE__ */ (0,
|
|
2723
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
|
|
2661
2724
|
]
|
|
2662
2725
|
},
|
|
2663
2726
|
index
|
|
2664
2727
|
);
|
|
2665
2728
|
}) }),
|
|
2666
|
-
/* @__PURE__ */ (0,
|
|
2729
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
|
|
2667
2730
|
setChainId2(selectedChainId || 0);
|
|
2668
2731
|
close();
|
|
2669
|
-
}, block: true, children: /* @__PURE__ */ (0,
|
|
2732
|
+
}, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_intl21.FormattedMessage, { id: "confirm" }) })
|
|
2670
2733
|
] });
|
|
2671
2734
|
}
|
|
2672
2735
|
const showChangeNetwork = () => {
|
|
@@ -2679,9 +2742,9 @@ function useMatchChain() {
|
|
|
2679
2742
|
if (!chain) {
|
|
2680
2743
|
return null;
|
|
2681
2744
|
}
|
|
2682
|
-
return (0,
|
|
2745
|
+
return (0, import_viem10.createPublicClient)({
|
|
2683
2746
|
chain,
|
|
2684
|
-
transport: (0,
|
|
2747
|
+
transport: (0, import_viem10.http)()
|
|
2685
2748
|
});
|
|
2686
2749
|
}, [chain]);
|
|
2687
2750
|
return {
|
|
@@ -2693,10 +2756,10 @@ function useMatchChain() {
|
|
|
2693
2756
|
showChangeNetwork,
|
|
2694
2757
|
publicClient,
|
|
2695
2758
|
formatUnits: (value) => {
|
|
2696
|
-
return (0,
|
|
2759
|
+
return (0, import_viem10.formatUnits)(value, chain?.nativeCurrency.decimals || 18);
|
|
2697
2760
|
},
|
|
2698
2761
|
parseUnits: (value) => {
|
|
2699
|
-
return (0,
|
|
2762
|
+
return (0, import_viem10.parseUnits)(value, chain?.nativeCurrency.decimals || 18);
|
|
2700
2763
|
}
|
|
2701
2764
|
};
|
|
2702
2765
|
}
|
|
@@ -2705,17 +2768,17 @@ function useMatchChain() {
|
|
|
2705
2768
|
var import_react_qrcode = require("react-qrcode");
|
|
2706
2769
|
var import_react40 = require("react");
|
|
2707
2770
|
var import_react_query8 = require("@tanstack/react-query");
|
|
2708
|
-
var
|
|
2771
|
+
var import_viem13 = require("viem");
|
|
2709
2772
|
var import_react_intl23 = require("react-intl");
|
|
2710
2773
|
|
|
2711
2774
|
// src/components/ImportToken/index.tsx
|
|
2712
2775
|
var import_react39 = require("react");
|
|
2713
2776
|
var import_react_intl22 = require("react-intl");
|
|
2714
2777
|
var import_react_query7 = require("@tanstack/react-query");
|
|
2715
|
-
var
|
|
2778
|
+
var import_viem12 = require("viem");
|
|
2716
2779
|
|
|
2717
2780
|
// src/hooks/useIsContract.ts
|
|
2718
|
-
var
|
|
2781
|
+
var import_viem11 = require("viem");
|
|
2719
2782
|
var import_react_query6 = require("@tanstack/react-query");
|
|
2720
2783
|
function useIsContract({
|
|
2721
2784
|
address,
|
|
@@ -2727,9 +2790,9 @@ function useIsContract({
|
|
|
2727
2790
|
queryFn: async () => {
|
|
2728
2791
|
if (!chain) return false;
|
|
2729
2792
|
if (!address) return false;
|
|
2730
|
-
const publicClient = (0,
|
|
2793
|
+
const publicClient = (0, import_viem11.createPublicClient)({
|
|
2731
2794
|
chain,
|
|
2732
|
-
transport: (0,
|
|
2795
|
+
transport: (0, import_viem11.http)()
|
|
2733
2796
|
});
|
|
2734
2797
|
const res = await publicClient.getCode({ address });
|
|
2735
2798
|
return res !== null && res !== void 0;
|
|
@@ -2739,7 +2802,7 @@ function useIsContract({
|
|
|
2739
2802
|
}
|
|
2740
2803
|
|
|
2741
2804
|
// src/components/ImportToken/index.tsx
|
|
2742
|
-
var
|
|
2805
|
+
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
2743
2806
|
function ImportToken({ close }) {
|
|
2744
2807
|
const [status, setStatus] = (0, import_react39.useState)("");
|
|
2745
2808
|
const { token } = useUserInfo();
|
|
@@ -2753,13 +2816,13 @@ function ImportToken({ close }) {
|
|
|
2753
2816
|
const calls = [
|
|
2754
2817
|
{
|
|
2755
2818
|
address,
|
|
2756
|
-
abi:
|
|
2819
|
+
abi: import_viem12.erc20Abi,
|
|
2757
2820
|
functionName: "symbol",
|
|
2758
2821
|
args: []
|
|
2759
2822
|
},
|
|
2760
2823
|
{
|
|
2761
2824
|
address,
|
|
2762
|
-
abi:
|
|
2825
|
+
abi: import_viem12.erc20Abi,
|
|
2763
2826
|
functionName: "decimals",
|
|
2764
2827
|
args: []
|
|
2765
2828
|
}
|
|
@@ -2845,27 +2908,27 @@ function ImportToken({ close }) {
|
|
|
2845
2908
|
}, [error, address, symbol, decimals]);
|
|
2846
2909
|
const isContractQuery = useIsContract({
|
|
2847
2910
|
//@ts-ignore
|
|
2848
|
-
chain: (0,
|
|
2911
|
+
chain: (0, import_viem12.defineChain)(chain),
|
|
2849
2912
|
address,
|
|
2850
2913
|
enabled: canImport
|
|
2851
2914
|
});
|
|
2852
2915
|
if (status == "success" || status == "fail") {
|
|
2853
|
-
return /* @__PURE__ */ (0,
|
|
2854
|
-
/* @__PURE__ */ (0,
|
|
2855
|
-
/* @__PURE__ */ (0,
|
|
2916
|
+
return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
|
|
2917
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
|
|
2918
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: `matchid-import-token-result-img`, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Lottie_default, { animationData: status == "success" ? success_default : fail_default, style: {
|
|
2856
2919
|
width: "96px",
|
|
2857
2920
|
height: "96px"
|
|
2858
2921
|
} }) }),
|
|
2859
|
-
/* @__PURE__ */ (0,
|
|
2922
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl22.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl22.FormattedMessage, { id: "importFail" }) })
|
|
2860
2923
|
] }),
|
|
2861
|
-
status == "success" ? /* @__PURE__ */ (0,
|
|
2924
|
+
status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl22.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl22.FormattedMessage, { id: "back" }) })
|
|
2862
2925
|
] });
|
|
2863
2926
|
}
|
|
2864
|
-
return /* @__PURE__ */ (0,
|
|
2865
|
-
/* @__PURE__ */ (0,
|
|
2866
|
-
/* @__PURE__ */ (0,
|
|
2927
|
+
return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: `matchid-import-token`, children: [
|
|
2928
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "matchid-import-token-form", children: [
|
|
2929
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Field, { label: intl.formatMessage({
|
|
2867
2930
|
id: "tokenSmartContract"
|
|
2868
|
-
}), error: error.address ? error.address : isContractQuery.isFetched && !isContractQuery.isLoading && !isContractQuery.data && canImport ? "Address isn't a contract address" : "", children: /* @__PURE__ */ (0,
|
|
2931
|
+
}), error: error.address ? error.address : isContractQuery.isFetched && !isContractQuery.isLoading && !isContractQuery.data && canImport ? "Address isn't a contract address" : "", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
2869
2932
|
Input,
|
|
2870
2933
|
{
|
|
2871
2934
|
placeholder: intl.formatMessage({
|
|
@@ -2876,9 +2939,9 @@ function ImportToken({ close }) {
|
|
|
2876
2939
|
maxLength: 42
|
|
2877
2940
|
}
|
|
2878
2941
|
) }),
|
|
2879
|
-
/* @__PURE__ */ (0,
|
|
2942
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Field, { label: intl.formatMessage({
|
|
2880
2943
|
id: "tokenSymbol"
|
|
2881
|
-
}), error: error.symbol, children: /* @__PURE__ */ (0,
|
|
2944
|
+
}), error: error.symbol, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
2882
2945
|
Input,
|
|
2883
2946
|
{
|
|
2884
2947
|
placeholder: intl.formatMessage({
|
|
@@ -2889,9 +2952,9 @@ function ImportToken({ close }) {
|
|
|
2889
2952
|
maxLength: 16
|
|
2890
2953
|
}
|
|
2891
2954
|
) }),
|
|
2892
|
-
/* @__PURE__ */ (0,
|
|
2955
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Field, { label: intl.formatMessage({
|
|
2893
2956
|
id: "tokenDecimals"
|
|
2894
|
-
}), error: error.decimals, children: /* @__PURE__ */ (0,
|
|
2957
|
+
}), error: error.decimals, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
2895
2958
|
Input,
|
|
2896
2959
|
{
|
|
2897
2960
|
placeholder: intl.formatMessage({
|
|
@@ -2903,7 +2966,7 @@ function ImportToken({ close }) {
|
|
|
2903
2966
|
}
|
|
2904
2967
|
) })
|
|
2905
2968
|
] }),
|
|
2906
|
-
/* @__PURE__ */ (0,
|
|
2969
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
2907
2970
|
Button,
|
|
2908
2971
|
{
|
|
2909
2972
|
size: "lg",
|
|
@@ -2912,14 +2975,14 @@ function ImportToken({ close }) {
|
|
|
2912
2975
|
loading: loading || isContractQuery.isLoading,
|
|
2913
2976
|
disabled: !canImport || !isContractQuery.data,
|
|
2914
2977
|
highlight: true,
|
|
2915
|
-
children: /* @__PURE__ */ (0,
|
|
2978
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl22.FormattedMessage, { id: "import" })
|
|
2916
2979
|
}
|
|
2917
2980
|
)
|
|
2918
2981
|
] });
|
|
2919
2982
|
}
|
|
2920
2983
|
|
|
2921
2984
|
// src/hooks/useMatchWallet.tsx
|
|
2922
|
-
var
|
|
2985
|
+
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
2923
2986
|
var ReceiveModal = () => {
|
|
2924
2987
|
const chain = useMatchChain();
|
|
2925
2988
|
const { address } = useWallet();
|
|
@@ -2933,10 +2996,10 @@ var ReceiveModal = () => {
|
|
|
2933
2996
|
}));
|
|
2934
2997
|
};
|
|
2935
2998
|
const chainLink = chain.explorerLink("address/" + address);
|
|
2936
|
-
return /* @__PURE__ */ (0,
|
|
2937
|
-
/* @__PURE__ */ (0,
|
|
2938
|
-
/* @__PURE__ */ (0,
|
|
2939
|
-
/* @__PURE__ */ (0,
|
|
2999
|
+
return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: `matchid-receive-modal`, children: [
|
|
3000
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "matchid-receive-container", children: [
|
|
3001
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react_intl23.FormattedMessage, { id: "receiveQrcode" }) }),
|
|
3002
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
2940
3003
|
import_react_qrcode.QRCode,
|
|
2941
3004
|
{
|
|
2942
3005
|
margin: "0",
|
|
@@ -2944,7 +3007,7 @@ var ReceiveModal = () => {
|
|
|
2944
3007
|
value: address
|
|
2945
3008
|
}
|
|
2946
3009
|
) }),
|
|
2947
|
-
/* @__PURE__ */ (0,
|
|
3010
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
2948
3011
|
"a",
|
|
2949
3012
|
{
|
|
2950
3013
|
href: chainLink,
|
|
@@ -2954,7 +3017,7 @@ var ReceiveModal = () => {
|
|
|
2954
3017
|
}
|
|
2955
3018
|
)
|
|
2956
3019
|
] }),
|
|
2957
|
-
/* @__PURE__ */ (0,
|
|
3020
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
2958
3021
|
import_react_intl23.FormattedMessage,
|
|
2959
3022
|
{
|
|
2960
3023
|
id: "copyAddress"
|
|
@@ -3052,13 +3115,13 @@ function useMatchWalletRecords() {
|
|
|
3052
3115
|
for (const contract of contractUnique) {
|
|
3053
3116
|
calls.push({
|
|
3054
3117
|
address: contract,
|
|
3055
|
-
abi:
|
|
3118
|
+
abi: import_viem13.erc20Abi,
|
|
3056
3119
|
functionName: "symbol",
|
|
3057
3120
|
args: []
|
|
3058
3121
|
});
|
|
3059
3122
|
calls.push({
|
|
3060
3123
|
address: contract,
|
|
3061
|
-
abi:
|
|
3124
|
+
abi: import_viem13.erc20Abi,
|
|
3062
3125
|
functionName: "decimals",
|
|
3063
3126
|
args: []
|
|
3064
3127
|
});
|
|
@@ -3220,7 +3283,7 @@ function useMatchWalletAssetList({
|
|
|
3220
3283
|
if (!erc20Tokens.length || !publicClient) return [];
|
|
3221
3284
|
const calls = erc20Tokens.map((token) => ({
|
|
3222
3285
|
address: token.address,
|
|
3223
|
-
abi:
|
|
3286
|
+
abi: import_viem13.erc20Abi,
|
|
3224
3287
|
functionName: "balanceOf",
|
|
3225
3288
|
args: [address]
|
|
3226
3289
|
}));
|
|
@@ -3251,11 +3314,11 @@ function useMatchWalletAssetList({
|
|
|
3251
3314
|
const assetAddress = asset.address.toLowerCase();
|
|
3252
3315
|
if (assetAddress === NATIVE_TOKEN_ADDRESS) {
|
|
3253
3316
|
balanceValue = nativeBalanceQuery.data?.toString() || "0";
|
|
3254
|
-
balance = nativeBalanceQuery.data ? Number((0,
|
|
3317
|
+
balance = nativeBalanceQuery.data ? Number((0, import_viem13.formatUnits)(nativeBalanceQuery.data, decimals)) : 0;
|
|
3255
3318
|
} else {
|
|
3256
3319
|
const index = erc20Tokens.findIndex((t) => t.address.toLowerCase() === assetAddress);
|
|
3257
3320
|
if (index !== -1 && erc20Balances[index] && erc20Balances[index].status === "success") {
|
|
3258
|
-
balance = Number((0,
|
|
3321
|
+
balance = Number((0, import_viem13.formatUnits)(erc20Balances[index].result, decimals));
|
|
3259
3322
|
balanceValue = erc20Balances[index].result?.toString() || "0";
|
|
3260
3323
|
}
|
|
3261
3324
|
}
|
|
@@ -3290,7 +3353,7 @@ function useMatchWalletAssetList({
|
|
|
3290
3353
|
// src/hooks/useReceipt.tsx
|
|
3291
3354
|
var import_react41 = require("react");
|
|
3292
3355
|
var import_react_query9 = require("@tanstack/react-query");
|
|
3293
|
-
var
|
|
3356
|
+
var import_viem14 = require("viem");
|
|
3294
3357
|
var CACHE_TTL = 86400 * 30 * 1e3;
|
|
3295
3358
|
var MAX_CACHE_SIZE = 500;
|
|
3296
3359
|
var STORAGE_KEY = "match_receipt_logs";
|
|
@@ -3407,9 +3470,9 @@ function useReceipt2({
|
|
|
3407
3470
|
return cache.get(cacheKey);
|
|
3408
3471
|
}
|
|
3409
3472
|
try {
|
|
3410
|
-
const publicClient = (0,
|
|
3411
|
-
chain: (0,
|
|
3412
|
-
transport: (0,
|
|
3473
|
+
const publicClient = (0, import_viem14.createPublicClient)({
|
|
3474
|
+
chain: (0, import_viem14.defineChain)(chain),
|
|
3475
|
+
transport: (0, import_viem14.http)()
|
|
3413
3476
|
});
|
|
3414
3477
|
const receipt = await publicClient.getTransactionReceipt({ hash });
|
|
3415
3478
|
if (!receipt) {
|
|
@@ -3434,7 +3497,7 @@ function useReceipt2({
|
|
|
3434
3497
|
// src/hooks/useTransaction.tsx
|
|
3435
3498
|
var import_react42 = require("react");
|
|
3436
3499
|
var import_react_query10 = require("@tanstack/react-query");
|
|
3437
|
-
var
|
|
3500
|
+
var import_viem15 = require("viem");
|
|
3438
3501
|
var CACHE_TTL2 = 86400 * 30 * 1e3;
|
|
3439
3502
|
var MAX_CACHE_SIZE2 = 500;
|
|
3440
3503
|
var STORAGE_KEY2 = "match_transaction_logs";
|
|
@@ -3551,9 +3614,9 @@ function useTransaction({
|
|
|
3551
3614
|
return cache.get(cacheKey);
|
|
3552
3615
|
}
|
|
3553
3616
|
try {
|
|
3554
|
-
const publicClient = (0,
|
|
3555
|
-
chain: (0,
|
|
3556
|
-
transport: (0,
|
|
3617
|
+
const publicClient = (0, import_viem15.createPublicClient)({
|
|
3618
|
+
chain: (0, import_viem15.defineChain)(chain),
|
|
3619
|
+
transport: (0, import_viem15.http)()
|
|
3557
3620
|
});
|
|
3558
3621
|
const transaction = await publicClient.getTransaction({ hash });
|
|
3559
3622
|
if (!transaction) {
|