@matchain/matchid-sdk-react 0.1.56-alpha.16 → 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.
Files changed (71) hide show
  1. package/dist/api.d.mts +2 -2
  2. package/dist/api.d.ts +2 -2
  3. package/dist/api.js +152 -87
  4. package/dist/api.js.map +1 -1
  5. package/dist/api.mjs +4 -3
  6. package/dist/chains.mjs +2 -1
  7. package/dist/chunk-3CR66BEX.mjs +19 -0
  8. package/dist/chunk-3CR66BEX.mjs.map +1 -0
  9. package/dist/{chunk-FQ6PYZPD.mjs → chunk-7SUDHG7S.mjs} +1 -1
  10. package/dist/chunk-7SUDHG7S.mjs.map +1 -0
  11. package/dist/{chunk-HYQ3T6WW.mjs → chunk-JX73EY6V.mjs} +2 -14
  12. package/dist/chunk-JX73EY6V.mjs.map +1 -0
  13. package/dist/{chunk-LADAY3IL.mjs → chunk-ZLTIMO57.mjs} +374 -352
  14. package/dist/chunk-ZLTIMO57.mjs.map +1 -0
  15. package/dist/{chunk-O2D3TKRD.mjs → chunk-ZY7EVYXA.mjs} +2 -2
  16. package/dist/components.d.mts +3 -3
  17. package/dist/components.d.ts +3 -3
  18. package/dist/components.js +473 -401
  19. package/dist/components.js.map +1 -1
  20. package/dist/components.mjs +3 -2
  21. package/dist/hooks.d.mts +2 -2
  22. package/dist/hooks.d.ts +2 -2
  23. package/dist/hooks.js +172 -109
  24. package/dist/hooks.js.map +1 -1
  25. package/dist/hooks.mjs +3 -2
  26. package/dist/icon.d.mts +2 -2
  27. package/dist/icon.d.ts +2 -2
  28. package/dist/icon.js.map +1 -1
  29. package/dist/icon.mjs +1 -1
  30. package/dist/{index-DCyE39bg.d.mts → index-84CqVi2I.d.mts} +1 -1
  31. package/dist/{index-BINNnZNA.d.ts → index-B70k4Jpk.d.ts} +1 -2
  32. package/dist/{index-BIVGhRja.d.mts → index-BJJ0Gb6v.d.mts} +1 -2
  33. package/dist/{index-BXhXRggh.d.ts → index-BNqdFiOo.d.ts} +1 -1
  34. package/dist/{index-DGsB7f2H.d.ts → index-BctnHnJp.d.ts} +1 -1
  35. package/dist/{index-DuCefmJ0.d.mts → index-BqI0PEIi.d.mts} +1 -1
  36. package/dist/{index-DZpXCByF.d.ts → index-C2hr7zlN.d.ts} +5 -3
  37. package/dist/{index-CqHlL6ue.d.mts → index-CTHpnEoB.d.mts} +5 -3
  38. package/dist/{index-De8efmdb.d.mts → index-Car1jFyN.d.mts} +1 -1
  39. package/dist/{index-CpJtux-G.d.ts → index-CcVHENNv.d.ts} +1 -1
  40. package/dist/{index-DQYg6bEA.d.ts → index-Cqdz_5bE.d.ts} +2 -2
  41. package/dist/{index-m2bn_W3Y.d.ts → index-CvzpMw3N.d.ts} +1 -1
  42. package/dist/{index-CzCkxwOm.d.mts → index-DkijpM5Q.d.mts} +1 -1
  43. package/dist/{index-BLjGmf9p.d.mts → index-DxHhOW24.d.mts} +2 -2
  44. package/dist/index.css +1 -1
  45. package/dist/index.d.mts +42 -38
  46. package/dist/index.d.ts +42 -38
  47. package/dist/index.js +255 -235
  48. package/dist/index.js.map +1 -1
  49. package/dist/index.mjs +5 -4
  50. package/dist/{types-C8FLH1yn.d.mts → types-BrVeC0c8.d.mts} +0 -1
  51. package/dist/{types-C8FLH1yn.d.ts → types-BrVeC0c8.d.ts} +0 -1
  52. package/dist/types.d.mts +1 -1
  53. package/dist/types.d.ts +1 -1
  54. package/dist/ui.d.mts +3 -3
  55. package/dist/ui.d.ts +3 -3
  56. package/dist/ui.js +144 -75
  57. package/dist/ui.js.map +1 -1
  58. package/dist/ui.mjs +3 -2
  59. package/example/package-lock.json +2965 -0
  60. package/example/package.json +2 -1
  61. package/example/src/App.tsx +2 -2
  62. package/example/src/config/index.ts +2 -2
  63. package/example/src/pages/Home.tsx +15 -15
  64. package/example/src/pages/Wallet/index.tsx +2 -4
  65. package/example/src/store/useLocalStore.ts +19 -19
  66. package/example/yarn.lock +559 -548
  67. package/package.json +4 -9
  68. package/dist/chunk-FQ6PYZPD.mjs.map +0 -1
  69. package/dist/chunk-HYQ3T6WW.mjs.map +0 -1
  70. package/dist/chunk-LADAY3IL.mjs.map +0 -1
  71. /package/dist/{chunk-O2D3TKRD.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: "login",
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/context/BusinessProvider.tsx
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 import_jsx_runtime97 = require("react/jsx-runtime");
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 import_jsx_runtime98 = require("react/jsx-runtime");
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 import_jsx_runtime99 = require("react/jsx-runtime");
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 import_jsx_runtime100 = require("react/jsx-runtime");
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, import_chains.matchain, import_chains.matchainTestnet, import_chains.bsc]
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 import_viem5 = require("viem");
2330
+ var import_viem7 = require("viem");
2268
2331
  var import_accounts = require("viem/accounts");
2269
- var import_viem6 = require("viem");
2332
+ var import_viem8 = require("viem");
2270
2333
  var import_react36 = require("react");
2271
- var import_viem7 = require("viem");
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 import_jsx_runtime101 = require("react/jsx-runtime");
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, import_viem6.createWalletClient)({
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, import_jsx_runtime101.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
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, import_jsx_runtime101.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, error: typeof error == "string" ? error : error.details || error.message, chain: _chain });
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, import_viem7.encodeDeployData)({ abi, args, bytecode });
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, import_viem5.encodeFunctionData)({
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 import_viem8 = require("viem");
2678
+ var import_viem10 = require("viem");
2616
2679
  var import_react_intl21 = require("react-intl");
2617
- var import_jsx_runtime102 = require("react/jsx-runtime");
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, import_jsx_runtime102.jsxs)("div", { className: `matchid-change-network-box`, children: [
2649
- /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
2650
- return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
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, import_jsx_runtime102.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
2657
- /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
2658
- /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
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, import_jsx_runtime102.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
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, import_jsx_runtime102.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
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, import_jsx_runtime102.jsx)(import_react_intl21.FormattedMessage, { id: "confirm" }) })
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, import_viem8.createPublicClient)({
2745
+ return (0, import_viem10.createPublicClient)({
2683
2746
  chain,
2684
- transport: (0, import_viem8.http)()
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, import_viem8.formatUnits)(value, chain?.nativeCurrency.decimals || 18);
2759
+ return (0, import_viem10.formatUnits)(value, chain?.nativeCurrency.decimals || 18);
2697
2760
  },
2698
2761
  parseUnits: (value) => {
2699
- return (0, import_viem8.parseUnits)(value, chain?.nativeCurrency.decimals || 18);
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 import_viem11 = require("viem");
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 import_viem10 = require("viem");
2778
+ var import_viem12 = require("viem");
2716
2779
 
2717
2780
  // src/hooks/useIsContract.ts
2718
- var import_viem9 = require("viem");
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, import_viem9.createPublicClient)({
2793
+ const publicClient = (0, import_viem11.createPublicClient)({
2731
2794
  chain,
2732
- transport: (0, import_viem9.http)()
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 import_jsx_runtime103 = require("react/jsx-runtime");
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: import_viem10.erc20Abi,
2819
+ abi: import_viem12.erc20Abi,
2757
2820
  functionName: "symbol",
2758
2821
  args: []
2759
2822
  },
2760
2823
  {
2761
2824
  address,
2762
- abi: import_viem10.erc20Abi,
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, import_viem10.defineChain)(chain),
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, import_jsx_runtime103.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
2854
- /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
2855
- /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: `matchid-import-token-result-img`, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Lottie_default, { animationData: status == "success" ? success_default : fail_default, style: {
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, import_jsx_runtime103.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_intl22.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_intl22.FormattedMessage, { id: "importFail" }) })
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, import_jsx_runtime103.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_intl22.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_intl22.FormattedMessage, { id: "back" }) })
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, import_jsx_runtime103.jsxs)("div", { className: `matchid-import-token`, children: [
2865
- /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "matchid-import-token-form", children: [
2866
- /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Field, { label: intl.formatMessage({
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, import_jsx_runtime103.jsx)(
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, import_jsx_runtime103.jsx)(Field, { label: intl.formatMessage({
2942
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Field, { label: intl.formatMessage({
2880
2943
  id: "tokenSymbol"
2881
- }), error: error.symbol, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
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, import_jsx_runtime103.jsx)(Field, { label: intl.formatMessage({
2955
+ /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Field, { label: intl.formatMessage({
2893
2956
  id: "tokenDecimals"
2894
- }), error: error.decimals, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
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, import_jsx_runtime103.jsx)(
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, import_jsx_runtime103.jsx)(import_react_intl22.FormattedMessage, { id: "import" })
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 import_jsx_runtime104 = require("react/jsx-runtime");
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, import_jsx_runtime104.jsxs)("div", { className: `matchid-receive-modal`, children: [
2937
- /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "matchid-receive-container", children: [
2938
- /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl23.FormattedMessage, { id: "receiveQrcode" }) }),
2939
- /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
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, import_jsx_runtime104.jsx)(
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, import_jsx_runtime104.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
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: import_viem11.erc20Abi,
3118
+ abi: import_viem13.erc20Abi,
3056
3119
  functionName: "symbol",
3057
3120
  args: []
3058
3121
  });
3059
3122
  calls.push({
3060
3123
  address: contract,
3061
- abi: import_viem11.erc20Abi,
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: import_viem11.erc20Abi,
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, import_viem11.formatUnits)(nativeBalanceQuery.data, decimals)) : 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, import_viem11.formatUnits)(erc20Balances[index].result, decimals));
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 import_viem12 = require("viem");
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, import_viem12.createPublicClient)({
3411
- chain: (0, import_viem12.defineChain)(chain),
3412
- transport: (0, import_viem12.http)()
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 import_viem13 = require("viem");
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, import_viem13.createPublicClient)({
3555
- chain: (0, import_viem13.defineChain)(chain),
3556
- transport: (0, import_viem13.http)()
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) {