@matchain/matchid-sdk-react 0.1.53-alpha.7 → 0.1.53-alpha.9

package/dist/components/index.mjs

@@ -1,5 +1,6 @@
 import {
   BTCModal,
+  ContactCard,
   ContactList,
   EVMModal,
   EmailModal,
@@ -16,8 +17,10 @@ import {
   UsernameModal,
   WalletAsset,
   WalletModal
-} from "../chunk-W7CCPGOT.mjs";
+} from "../chunk-NCVBLRAJ.mjs";
+import "../chunk-JX73EY6V.mjs";
 import "../chunk-UA6XHZHX.mjs";
+import "../chunk-IZOOVZAD.mjs";
 import {
   Button,
   Field,
@@ -26,14 +29,13 @@ import {
   ModalWithHeader,
   Overlay,
   Popover
-} from "../chunk-AYMVU44P.mjs";
-import "../chunk-OCQ2AIM3.mjs";
-import "../chunk-JX73EY6V.mjs";
-import "../chunk-3USZ4ZZY.mjs";
+} from "../chunk-X5HGL3ZX.mjs";
+import "../chunk-FKXS2XRG.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {
   BTCModal,
   Button,
+  ContactCard,
   ContactList,
   EVMModal,
   EmailModal,

package/dist/hooks/api/index.js

@@ -409,6 +409,47 @@ var getContactListApi = (data) => {
     data
   });
 };
+var searchContactsApi = (data) => {
+  return request_default({
+    url: `/api/v1/contacts/search`,
+    method: "POST",
+    data
+  });
+};
+var addContactsApi = (data) => {
+  return request_default({
+    url: `/api/v1/contacts/add`,
+    method: "POST",
+    data
+  });
+};
+var acceptContactsApi = (data) => {
+  return request_default({
+    url: `/api/v1/contacts/accept`,
+    method: "POST",
+    data
+  });
+};
+var delContactsApi = (data) => {
+  return request_default({
+    url: `/api/v1/contacts/del`,
+    method: "POST",
+    data
+  });
+};
+var getContractsInfoApi = () => {
+  return retryRequest({
+    url: `/api/v1/contracts/info`,
+    method: "GET"
+  });
+};
+var userInviteApi = (data) => {
+  return request_default({
+    url: `/api/v1/user/invite`,
+    method: "POST",
+    data
+  });
+};
 
 // src/store/useLocalStore.ts
 var persistedState = (0, import_middleware.persist)(
@@ -465,10 +506,10 @@ var localStore = useLocalStore;
 var useLocalStore_default = useLocalStore;
 
 // src/hooks/useUserInfo.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 
 // src/MatchContext.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 
 // src/hooks/useMatchEvents.ts
 var import_react = require("react");
@@ -689,18 +730,21 @@ var import_jsx_runtime49 = require("react/jsx-runtime");
 // src/assets/icon/PhantomIcon.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
 
-// src/ui/Button/index.tsx
+// src/assets/icon/MoreIcon.tsx
 var import_jsx_runtime51 = require("react/jsx-runtime");
 
+// src/ui/Button/index.tsx
+var import_jsx_runtime52 = require("react/jsx-runtime");
+
 // src/ui/Overlay/index.tsx
 var import_react2 = require("react");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 
 // src/ui/Drawer/index.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 
 // src/ui/Field/index.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 
 // src/ui/HashPanel/index.tsx
 var import_react4 = require("react");
@@ -722,44 +766,44 @@ function useDownMd() {
 }
 
 // src/ui/Modal/index.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 
 // src/ui/ModalDrawer/index.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 
 // src/hooks/useHash.ts
 var import_react_query = require("@tanstack/react-query");
 var import_viem = require("viem");
 
 // src/ui/HashPanel/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/ui/Input/index.tsx
 var import_react5 = require("react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 
 // src/ui/Popover/index.tsx
 var import_react6 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 
 // src/ui/Switch/index.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 
 // src/ui/AlphaAvatar/index.tsx
 var import_react7 = require("react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 
 // src/ui/Radio/index.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 
 // src/ui/Skeleton/index.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 
 // src/ui/Tabs/index.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 
 // src/context/ModalContext.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var ModalContext = (0, import_react8.createContext)(null);
 
 // src/store/useTransactionStore.ts
@@ -792,7 +836,7 @@ var persistedState2 = (0, import_middleware2.persist)(
 var useTransactionStore = (0, import_zustand3.create)((0, import_middleware2.devtools)(persistedState2));
 
 // src/hooks/useWallet.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var AppClientId = "react-sdk-" + getVersion();
 
 // src/hooks/useCopyClipboard.ts
@@ -802,7 +846,7 @@ var import_react10 = require("react");
 // src/context/ToastContext.tsx
 var import_react11 = require("react");
 var import_react_dom2 = require("react-dom");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var ToastContext = (0, import_react11.createContext)(null);
 
 // src/hooks/api/wallet.ts
@@ -937,7 +981,7 @@ function useWalletAssetListQuery({
 var import_react12 = require("react");
 var import_viem5 = require("viem");
 var import_react_intl = require("react-intl");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
 var import_react15 = require("react");
@@ -945,59 +989,59 @@ var import_react15 = require("react");
 // src/components/EmailModal/StepEmail.tsx
 var import_react13 = require("react");
 var import_react_intl2 = require("react-intl");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 
 // src/components/EmailModal/StepVerify.tsx
 var import_react14 = require("react");
 var import_react_intl3 = require("react-intl");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
 var import_react_intl4 = require("react-intl");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 
 // src/components/LoginBox/index.tsx
 var import_react16 = require("react");
 var import_react_intl5 = require("react-intl");
 
 // src/hooks/useConfig.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
 
 // src/hooks/useAppConfig.ts
 var import_react_query3 = require("@tanstack/react-query");
 
 // src/components/LoginBox/index.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react18 = require("react");
 
 // src/components/LoginPanel/index.tsx
 var import_react_intl6 = require("react-intl");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react17 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react_intl7 = require("react-intl");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react_intl8 = require("react-intl");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
 var import_react19 = require("react");
 var import_react_intl9 = require("react-intl");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 
 // src/components/EVMModal/index.tsx
 var import_react22 = require("react");
@@ -1005,7 +1049,7 @@ var import_react_intl10 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
 var import_react20 = require("react");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 
 // src/components/EVMModal/index.tsx
 var import_chains = require("wagmi/chains");
@@ -1086,7 +1130,7 @@ var import_ethers = require("ethers");
 // src/components/EVMModal/index.tsx
 var import_siwe = require("siwe");
 var import_styles = require("@rainbow-me/rainbowkit/styles.css");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var wagmiConfig = (0, import_rainbowkit.getDefaultConfig)({
   appName: "MatchID",
   projectId: "9ac6ea7e07860f04616fb311b447dee9",
@@ -1113,13 +1157,13 @@ var import_react_intl11 = require("react-intl");
 var import_react23 = require("react");
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 
 // src/components/TONModal/index.tsx
 var import_react25 = __toESM(require("react"));
 var import_react_intl12 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 
 // src/components/BTCModal/index.tsx
 var import_react27 = __toESM(require("react"));
@@ -1132,34 +1176,34 @@ var import_sats_connect = require("sats-connect");
 var import_react26 = require("react");
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 
 // src/components/WalletModal/index.tsx
 var import_react28 = require("react");
 var import_react_intl14 = require("react-intl");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 
 // src/components/AlphaAvatar/index.tsx
 var import_react29 = require("react");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 
 // src/components/WalletAsset/index.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 
 // src/components/TokenSend/index.tsx
 var import_react30 = require("react");
 var import_viem8 = require("viem");
 var import_react_intl15 = require("react-intl");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 
 // src/components/TokenDetail/index.tsx
 var import_react_intl16 = require("react-intl");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 
 // src/components/TokenSendList/index.tsx
 var import_react31 = require("react");
 var import_react_intl17 = require("react-intl");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 
 // src/components/TransactionList/index.tsx
 var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
@@ -1224,22 +1268,24 @@ var useContractStore = (0, import_zustand4.create)((0, import_middleware3.devtoo
 
 // src/components/TransactionList/index.tsx
 var import_react_intl18 = require("react-intl");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 
 // src/components/ContactList/index.tsx
 var import_react_virtuoso = require("react-virtuoso");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_react33 = require("react");
+var import_react_intl19 = require("react-intl");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_react_query6 = require("@tanstack/react-query");
 var import_viem13 = require("viem");
-var import_react_intl20 = require("react-intl");
+var import_react_intl21 = require("react-intl");
 
 // src/components/ImportToken/index.tsx
-var import_react33 = require("react");
-var import_react_intl19 = require("react-intl");
+var import_react34 = require("react");
+var import_react_intl20 = require("react-intl");
 var import_react_query5 = require("@tanstack/react-query");
 var import_viem12 = require("viem");
 
@@ -1248,19 +1294,19 @@ var import_viem11 = require("viem");
 var import_react_query4 = require("@tanstack/react-query");
 
 // src/components/ImportToken/index.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 
 // src/hooks/useMatchWallet.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 
 // src/hooks/useReceipt.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_react_query7 = require("@tanstack/react-query");
 var import_viem14 = require("viem");
 var CACHE_TTL = 86400 * 30 * 1e3;
 
 // src/hooks/useTransaction.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_react_query8 = require("@tanstack/react-query");
 var import_viem15 = require("viem");
 var CACHE_TTL2 = 86400 * 30 * 1e3;
@@ -1306,32 +1352,32 @@ var useWalletModalStore = (0, import_zustand5.create)((set) => ({
 }));
 
 // src/components/CEXBindModal/index.tsx
-var import_react37 = require("react");
-var import_react_intl21 = require("react-intl");
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_react38 = require("react");
+var import_react_intl22 = require("react-intl");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
 var import_react_query9 = require("@tanstack/react-query");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 
 // src/context/index.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 
 // src/hooks/useWalletInit.ts
-var import_react38 = require("react");
+var import_react39 = require("react");
 var AppClientId2 = getAppClientId();
 
 // src/hooks/useInit.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 
 // src/MatchContext.tsx
 var import_react_query10 = require("@tanstack/react-query");
-var import_react_intl22 = require("react-intl");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_react_intl23 = require("react-intl");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var queryClient = new import_react_query10.QueryClient();
-var MatchContext = (0, import_react40.createContext)(void 0);
+var MatchContext = (0, import_react41.createContext)(void 0);
 var useMatch = () => {
-  const context = (0, import_react40.useContext)(MatchContext);
+  const context = (0, import_react41.useContext)(MatchContext);
   if (context === void 0) {
     throw new Error("useMatch must be used within a MatchProvider");
   }
@@ -1365,7 +1411,7 @@ function useUserInfo() {
   const getRedirectUri = () => {
     return encodeURIComponent(window.location.href);
   };
-  const isLogin = (0, import_react41.useMemo)(() => !!token && !!overview, [token, overview]);
+  const isLogin = (0, import_react42.useMemo)(() => !!token && !!overview, [token, overview]);
   const logout = async () => {
     try {
       await toLogoutApi();
@@ -1602,6 +1648,11 @@ function useUserInfo() {
       window.addEventListener("message", authMessageHandle);
     });
   };
+  const invite = async (invite_code) => {
+    return await userInviteApi({
+      invite_code
+    });
+  };
   return {
     loginByMethod,
     loginByTelegram,
@@ -1625,7 +1676,8 @@ function useUserInfo() {
     auth,
     login: loginMethod,
     bind,
-    getAuthInfo
+    getAuthInfo,
+    invite
   };
 }
 
@@ -1685,27 +1737,31 @@ __export(user_exports, {
 // src/hooks/api/contact.ts
 var contact_exports = {};
 __export(contact_exports, {
-  useContactList: () => useContactList
+  acceptContact: () => acceptContact,
+  addContact: () => addContact,
+  delContact: () => delContact,
+  useContactInfo: () => useContactInfo,
+  useContactList: () => useContactList,
+  useContactSearch: () => useContactSearch
 });
 var import_react_query13 = require("@tanstack/react-query");
-var import_uniqBy = __toESM(require("lodash/uniqBy"));
 var import_last = __toESM(require("lodash/last"));
+var import_react43 = require("react");
 function useContactList(page_size = 10, type = "Friend") {
   const { token } = useLocalStore_default();
-  const {
-    data,
-    fetchNextPage,
-    hasNextPage,
-    isLoading,
-    isError,
-    isFetchingNextPage
-  } = (0, import_react_query13.useInfiniteQuery)({
-    queryKey: ["contacts", type, token],
+  const limitIdRef = (0, import_react43.useRef)(0);
+  const queryClient2 = (0, import_react_query13.useQueryClient)();
+  const contactQuery = (0, import_react_query13.useInfiniteQuery)({
+    queryKey: ["matchid-contacts-list", type, token],
     initialPageParam: 1,
-    queryFn: async ({ pageParam }) => {
+    queryFn: async (args) => {
+      console.log(args);
+      if (args.pageParam <= 1) {
+        limitIdRef.current = 0;
+      }
       return (await getContactListApi({
-        page: pageParam,
-        page_size,
+        limit: page_size,
+        limit_id: limitIdRef.current,
         type
       })).data;
     },
@@ -1715,23 +1771,84 @@ function useContactList(page_size = 10, type = "Friend") {
       return allPages.length >= lastPageNum ? void 0 : allPages.length + 1;
     }
   });
+  (0, import_react43.useEffect)(() => {
+    if (!contactQuery.data?.pages || contactQuery.data?.pages.length == 0) {
+      limitIdRef.current = 0;
+    } else {
+      const lastPage = (0, import_last.default)(contactQuery.data?.pages);
+      const items = lastPage?.items;
+      if (!items || items.length == 0) {
+        limitIdRef.current = 0;
+        return;
+      }
+      const lastItem = (0, import_last.default)(items);
+      limitIdRef.current = lastItem?.limit_id || 0;
+    }
+  }, [contactQuery.data?.pages]);
   return {
-    data: (0, import_uniqBy.default)(
-      (data?.pages ?? []).reduce(
-        (a, b) => {
-          return a.concat(b?.items ?? []);
-        },
-        []
-      ),
-      "address"
+    data: (contactQuery.data?.pages ?? []).reduce(
+      (a, b) => {
+        return a.concat(b?.items ?? []);
+      },
+      []
     ),
-    totalCount: hasNextPage ? ((0, import_last.default)(data?.pages ?? [])?.meta.total ?? 0) + 1 : (0, import_last.default)(data?.pages ?? [])?.meta.total ?? 0,
-    loading: isLoading,
-    loadingNextPage: isFetchingNextPage,
-    hasNextPage,
-    onLoadMore: fetchNextPage
+    totalCount: contactQuery.hasNextPage ? ((0, import_last.default)(contactQuery.data?.pages ?? [])?.meta.total ?? 0) + 1 : (0, import_last.default)(contactQuery.data?.pages ?? [])?.meta.total ?? 0,
+    loading: contactQuery.isLoading,
+    loadingNextPage: contactQuery.isFetchingNextPage,
+    hasNextPage: contactQuery.hasNextPage,
+    onLoadMore: contactQuery.fetchNextPage
   };
 }
+function useContactSearch(keyword, options) {
+  return (0, import_react_query13.useQuery)({
+    queryKey: ["matchid-contacts-search", keyword],
+    enabled: !!keyword,
+    queryFn: async () => {
+      return (await searchContactsApi({
+        address: keyword
+      })).data;
+    },
+    ...options
+  });
+}
+function useContactInfo(options) {
+  const { token } = useUserInfo();
+  return (0, import_react_query13.useQuery)({
+    queryKey: ["matchid-contacts-info", token],
+    enabled: !!token,
+    queryFn: async () => {
+      return (await getContractsInfoApi()).data;
+    },
+    ...options
+  });
+}
+var addContact = async (friend_id) => {
+  const res = await addContactsApi({
+    friend_id: typeof friend_id === "string" ? friend_id : friend_id.did
+  });
+  if (isSuccess(res)) {
+    return true;
+  }
+  throw new Error(res.message);
+};
+var acceptContact = async (friend_id) => {
+  const res = await acceptContactsApi({
+    friend_id: typeof friend_id === "string" ? friend_id : friend_id.did
+  });
+  if (isSuccess(res)) {
+    return true;
+  }
+  throw new Error(res.message);
+};
+var delContact = async (friend_id) => {
+  const res = await delContactsApi({
+    friend_id: typeof friend_id === "string" ? friend_id : friend_id.did
+  });
+  if (isSuccess(res)) {
+    return true;
+  }
+  throw new Error(res.message);
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   bind,