@matchain/matchid-sdk-react 0.1.48-alpha.6 → 0.1.48-alpha.8

package/dist/components/index.mjs

@@ -10,7 +10,7 @@ import {
   TRONModal,
   UsernameModal,
   WalletModal
-} from "../chunk-BPAPYY5P.mjs";
+} from "../chunk-EY6NPX4M.mjs";
 import "../chunk-UA6XHZHX.mjs";
 import {
   Button,
@@ -20,8 +20,8 @@ import {
   ModalWithHeader,
   Overlay,
   Popover
-} from "../chunk-UHBVYFSP.mjs";
-import "../chunk-YFJI4I5M.mjs";
+} from "../chunk-USKUYOYJ.mjs";
+import "../chunk-7UTR37EJ.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {
   BTCModal,

package/dist/hooks/api/index.d.mts

@@ -1,5 +1,5 @@
-export { b as bind, a as isSuccess, p as poh, u as user, w as wallet } from '../../index-B8DYrhSW.mjs';
+export { b as bind, a as isSuccess, p as poh, u as user, w as wallet } from '../../index-C-YCr0xJ.mjs';
 import '@tanstack/react-query';
 import '@tanstack/react-query/src/types';
-import '../../types-CHkU0WHZ.mjs';
+import '../../types-B4BYNw8B.mjs';
 import 'react';

package/dist/hooks/api/index.d.ts

@@ -1,5 +1,5 @@
-export { b as bind, a as isSuccess, p as poh, u as user, w as wallet } from '../../index-Cwx2p8th.js';
+export { b as bind, a as isSuccess, p as poh, u as user, w as wallet } from '../../index-zRpvDpIK.js';
 import '@tanstack/react-query';
 import '@tanstack/react-query/src/types';
-import '../../types-CHkU0WHZ.js';
+import '../../types-B4BYNw8B.js';
 import 'react';

package/dist/hooks/api/index.js

@@ -47,7 +47,7 @@ __export(bind_exports, {
   useBindInfo: () => useBindInfo,
   useBindList: () => useBindList
 });
-var import_react_query6 = require("@tanstack/react-query");
+var import_react_query7 = require("@tanstack/react-query");
 
 // src/store/useLocalStore.ts
 var import_zustand = require("zustand");
@@ -388,6 +388,13 @@ var getWalletChainListApi = () => {
     method: "POST"
   });
 };
+var getWalletNftListApi = (data) => {
+  return request_default({
+    url: `/api/v1/wallet/nfts`,
+    method: "POST",
+    data
+  });
+};
 
 // src/store/useLocalStore.ts
 var persistedState = (0, import_middleware.persist)(
@@ -442,10 +449,10 @@ var localStore = useLocalStore;
 var useLocalStore_default = useLocalStore;
 
 // src/hooks/useUserInfo.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 
 // src/MatchContext.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 
 // src/hooks/useMatchEvents.ts
 var import_react = require("react");
@@ -640,14 +647,17 @@ var import_jsx_runtime43 = require("react/jsx-runtime");
 // src/assets/icon/ErrorRoundIcon.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
 
-// src/assets/icon/InfoRoundIcon.tsx
+// src/assets/icon/InfoLineIcon.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");
 
+// src/assets/icon/InfoRoundIcon.tsx
+var import_jsx_runtime46 = require("react/jsx-runtime");
+
 // src/hooks/useLayout.tsx
 var import_react2 = require("react");
 
 // src/hooks/useConfig.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
 
 // src/store/useModalStore.ts
@@ -712,17 +722,17 @@ var import_react10 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/ui/Button/index.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 
 // src/ui/Overlay/index.tsx
 var import_react5 = require("react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 
 // src/ui/Drawer/index.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 
 // src/ui/Field/index.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 
 // src/ui/HashPanel/index.tsx
 var import_viem4 = require("viem");
@@ -730,40 +740,40 @@ var import_react6 = require("react");
 var import_react_query = require("@tanstack/react-query");
 
 // src/ui/Modal/index.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 
 // src/ui/ModalDrawer/index.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 
 // src/ui/HashPanel/index.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 
 // src/ui/Input/index.tsx
 var import_react7 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 
 // src/ui/Popover/index.tsx
 var import_react8 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 
 // src/ui/Switch/index.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 
 // src/ui/AlphaAvatar/index.tsx
 var import_react9 = require("react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/ui/Radio/index.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 
 // src/context/ModalContext.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var ModalContext = (0, import_react10.createContext)(null);
 
 // src/context/ToastContext.tsx
 var import_react11 = require("react");
 var import_react_dom2 = require("react-dom");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var ToastContext = (0, import_react11.createContext)(null);
 
 // src/hooks/api/wallet.ts
@@ -776,6 +786,7 @@ __export(wallet_exports, {
   useChainListQuery: () => useChainListQuery,
   useImportTokenListQuery: () => useImportTokenListQuery,
   useWalletChainListQuery: () => useWalletChainListQuery,
+  useWalletNftListQuery: () => useWalletNftListQuery,
   userImportTokenApi: () => userImportTokenApi
 });
 var import_react_query2 = require("@tanstack/react-query");
@@ -845,10 +856,33 @@ function useWalletChainListQuery(options) {
     ...options
   });
 }
+function useWalletNftListQuery({
+  chainId,
+  address: address2,
+  ...options
+}) {
+  const { isLogin, token } = useUserInfo();
+  return (0, import_react_query2.useQuery)({
+    queryKey: ["match-wallet-nft-list", token, chainId, address2],
+    queryFn: async () => {
+      const res = await getWalletNftListApi({
+        chain_id: chainId.toString(),
+        address: address2
+      });
+      if (!isSuccess(res)) {
+        return [];
+      }
+      return res.data;
+    },
+    enabled: isLogin,
+    ...options
+  });
+}
 
 // src/hooks/useMatchChain.tsx
 var import_react12 = require("react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_viem5 = require("viem");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
 var import_react15 = require("react");
@@ -856,16 +890,16 @@ var import_react15 = require("react");
 // src/components/EmailModal/StepEmail.tsx
 var import_react13 = require("react");
 var import_react_intl = require("react-intl");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 
 // src/components/EmailModal/StepVerify.tsx
 var import_react14 = require("react");
 var import_react_intl2 = require("react-intl");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
 var import_react_intl3 = require("react-intl");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 
 // src/components/LoginBox/index.tsx
 var import_react16 = require("react");
@@ -875,36 +909,36 @@ var import_react_intl4 = require("react-intl");
 var import_react_query3 = require("@tanstack/react-query");
 
 // src/components/LoginBox/index.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react18 = require("react");
 
 // src/components/LoginPanel/index.tsx
 var import_react_intl5 = require("react-intl");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react17 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react_intl6 = require("react-intl");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react_intl7 = require("react-intl");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
 var import_react19 = require("react");
 var import_react_intl8 = require("react-intl");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 
 // src/components/SOLModal/index.tsx
 var import_react21 = __toESM(require("react"));
@@ -927,10 +961,10 @@ var import_react_intl9 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
 var import_react20 = require("react");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 
 // src/components/SOLModal/index.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var wallets = [
   new import_wallet_adapter_wallets.PhantomWalletAdapter(),
   new import_wallet_adapter_wallets.SolflareWalletAdapter(),
@@ -981,13 +1015,13 @@ var import_react_intl10 = require("react-intl");
 var import_react22 = require("react");
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 
 // src/components/TONModal/index.tsx
 var import_react24 = __toESM(require("react"));
 var import_react_intl11 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 
 // src/components/BTCModal/index.tsx
 var import_react26 = __toESM(require("react"));
@@ -1000,50 +1034,56 @@ var import_sats_connect = require("sats-connect");
 var import_react25 = require("react");
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 
 // src/components/WalletModal/index.tsx
 var import_react27 = require("react");
 var import_react_intl13 = require("react-intl");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
 var import_react28 = require("react");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 
 // src/hooks/useReceipt.tsx
 var import_react29 = require("react");
 var import_react_query4 = require("@tanstack/react-query");
-var import_viem5 = require("viem");
+var import_viem6 = require("viem");
 var CACHE_TTL = 86400 * 30 * 1e3;
 
-// src/components/CEXBindModal/index.tsx
+// src/hooks/useTransaction.tsx
 var import_react30 = require("react");
+var import_react_query5 = require("@tanstack/react-query");
+var import_viem7 = require("viem");
+var CACHE_TTL2 = 86400 * 30 * 1e3;
+
+// src/components/CEXBindModal/index.tsx
+var import_react31 = require("react");
 var import_react_intl14 = require("react-intl");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 
 // src/context/index.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 
 // src/hooks/useWalletInit.ts
-var import_react31 = require("react");
+var import_react32 = require("react");
 var AppClientId2 = getAppClientId();
 
 // src/hooks/useInit.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 
 // src/MatchContext.tsx
-var import_react_query5 = require("@tanstack/react-query");
+var import_react_query6 = require("@tanstack/react-query");
 var import_react_intl15 = require("react-intl");
-var import_jsx_runtime82 = require("react/jsx-runtime");
-var queryClient = new import_react_query5.QueryClient();
-var MatchContext = (0, import_react33.createContext)(void 0);
+var import_jsx_runtime83 = require("react/jsx-runtime");
+var queryClient = new import_react_query6.QueryClient();
+var MatchContext = (0, import_react34.createContext)(void 0);
 var useMatch = () => {
-  const context = (0, import_react33.useContext)(MatchContext);
+  const context = (0, import_react34.useContext)(MatchContext);
   if (context === void 0) {
     throw new Error("useMatch must be used within a MatchProvider");
   }
@@ -1072,7 +1112,7 @@ function useUserInfo() {
   const { open: BTCOpen } = useBTCModalStore();
   const { open: CEXBindOpen } = useCEXBindModalStore();
   const walletModalStore = useWalletModalStore();
-  const isLogin = (0, import_react34.useMemo)(() => !!token && !!overview, [token, overview]);
+  const isLogin = (0, import_react35.useMemo)(() => !!token && !!overview, [token, overview]);
   const logout = async () => {
     try {
       await toLogoutApi();
@@ -1306,7 +1346,7 @@ function useUserInfo() {
 // src/hooks/api/bind.ts
 function useBindList(options) {
   const { isLogin } = useUserInfo();
-  return (0, import_react_query6.useQuery)({
+  return (0, import_react_query7.useQuery)({
     queryKey: ["bindList"],
     enabled: isLogin,
     queryFn: async () => {
@@ -1318,7 +1358,7 @@ function useBindList(options) {
 }
 function useBindInfo(options) {
   const { isLogin } = useUserInfo();
-  return (0, import_react_query6.useQuery)({
+  return (0, import_react_query7.useQuery)({
     queryKey: ["bindInfo"],
     enabled: isLogin,
     queryFn: async () => {
@@ -1335,10 +1375,10 @@ __export(poh_exports, {
   usePohList: () => usePohList,
   verifyPohApi: () => verifyPohApi
 });
-var import_react_query7 = require("@tanstack/react-query");
+var import_react_query8 = require("@tanstack/react-query");
 function usePohList(options) {
   const { isLogin } = useUserInfo();
-  return (0, import_react_query7.useQuery)({
+  return (0, import_react_query8.useQuery)({
     queryKey: ["pohList"],
     enabled: isLogin,
     queryFn: async () => {