@matchain/matchid-sdk-react 0.1.54 → 0.1.55-alpha.1

package/dist/components/index.d.mts

@@ -1,6 +1,6 @@
-export { B as BTCModal, l as ContactCard, C as ContactList, d as EVMModal, E as EmailModal, L as LoginBox, a as LoginButton, c as LoginModal, b as LoginPanel, e as TONModal, T as TRONModal, g as TokenDetail, h as TokenSend, j as TokenSendList, k as TransactionList, U as UsernameModal, f as WalletAsset, W as WalletModal } from '../index-CPwcm70o.mjs';
-export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-CkHDxE7B.mjs';
+export { B as BTCModal, d as EVMModal, E as EmailModal, L as LoginBox, a as LoginButton, c as LoginModal, b as LoginPanel, e as TONModal, T as TRONModal, g as TokenDetail, h as TokenSend, j as TokenSendList, k as TransactionList, U as UsernameModal, f as WalletAsset, W as WalletModal } from '../index-a_Qt7NXk.mjs';
+export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-CBQXIlWu.mjs';
 import 'react/jsx-runtime';
-import '../types-Bi9iq57H.mjs';
+import '../types-CXzZS0eM.mjs';
 import 'react';
 import '@tanstack/react-query/src/types';

package/dist/components/index.d.ts

@@ -1,6 +1,6 @@
-export { B as BTCModal, l as ContactCard, C as ContactList, d as EVMModal, E as EmailModal, L as LoginBox, a as LoginButton, c as LoginModal, b as LoginPanel, e as TONModal, T as TRONModal, g as TokenDetail, h as TokenSend, j as TokenSendList, k as TransactionList, U as UsernameModal, f as WalletAsset, W as WalletModal } from '../index-Dj1K-UdZ.js';
-export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-SRHVQn5G.js';
+export { B as BTCModal, d as EVMModal, E as EmailModal, L as LoginBox, a as LoginButton, c as LoginModal, b as LoginPanel, e as TONModal, T as TRONModal, g as TokenDetail, h as TokenSend, j as TokenSendList, k as TransactionList, U as UsernameModal, f as WalletAsset, W as WalletModal } from '../index-CNH7a3bx.js';
+export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-agAVLGF5.js';
 import 'react/jsx-runtime';
-import '../types-Bi9iq57H.js';
+import '../types-CXzZS0eM.js';
 import 'react';
 import '@tanstack/react-query/src/types';

package/dist/components/index.js

@@ -32,8 +32,6 @@ var components_exports = {};
 __export(components_exports, {
   BTCModal: () => BTCModal,
   Button: () => Button,
-  ContactCard: () => ContactCard,
-  ContactList: () => ContactList,
   EVMModal: () => EVMModal,
   EmailModal: () => EmailModal,
   Field: () => Field,
@@ -1208,36 +1206,6 @@ function PhantomIcon({
 
 // src/assets/icon/MoreIcon.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
-function MoreIcon({
-  width = "11",
-  height = "3",
-  color = "black",
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width, height, viewBox: "0 0 11 3", fill: "none", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      "path",
-      {
-        d: "M2.3335 1.33325C2.3335 1.88554 1.88578 2.33325 1.3335 2.33325C0.781211 2.33325 0.333496 1.88554 0.333496 1.33325C0.333496 0.780967 0.781211 0.333252 1.3335 0.333252C1.88578 0.333252 2.3335 0.780967 2.3335 1.33325Z",
-        fill: color
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      "path",
-      {
-        d: "M6.3335 1.33325C6.3335 1.88554 5.88578 2.33325 5.3335 2.33325C4.78121 2.33325 4.3335 1.88554 4.3335 1.33325C4.3335 0.780967 4.78121 0.333252 5.3335 0.333252C5.88578 0.333252 6.3335 0.780967 6.3335 1.33325Z",
-        fill: color
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      "path",
-      {
-        d: "M10.3335 1.33325C10.3335 1.88554 9.88578 2.33325 9.3335 2.33325C8.78121 2.33325 8.3335 1.88554 8.3335 1.33325C8.3335 0.780967 8.78121 0.333252 9.3335 0.333252C9.88578 0.333252 10.3335 0.780967 10.3335 1.33325Z",
-        fill: color
-      }
-    )
-  ] });
-}
 
 // src/hooks/useLayout.tsx
 var import_react = require("react");
@@ -1864,47 +1832,6 @@ var tgAppLoginInitApi = () => {
     method: "GET"
   });
 };
-var getContactListApi = (data) => {
-  return request_default({
-    url: `/api/v1/contacts/list`,
-    method: "POST",
-    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/contacts/info`,
-    method: "GET"
-  });
-};
 var userInviteApi = (data) => {
   return request_default({
     url: `/api/v1/user/invite`,
@@ -2131,7 +2058,8 @@ function HashPanel({
   chain,
   isOpen,
   onClose,
-  zIndex
+  zIndex,
+  error
 }) {
   const [status, setStatus] = (0, import_react7.useState)("confirm");
   const statusMaps = {
@@ -2156,7 +2084,7 @@ function HashPanel({
       color: "#F14141"
     }
   };
-  const statusValue = statusMaps[status];
+  const statusValue = error ? statusMaps.fail : statusMaps[status];
   const [shouldRefetch, setShouldRefetch] = (0, import_react7.useState)(true);
   (0, import_react7.useEffect)(() => {
     if (hash) {
@@ -2210,7 +2138,8 @@ function HashPanel({
           hash && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
             "Hash:",
             /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("a", { href: link, target: "_blank", children: hash })
-          ] })
+          ] }),
+          error && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "matchid-hashpanel-text", children: error })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
       ] })
@@ -2306,33 +2235,6 @@ function Radio({
 
 // src/ui/Skeleton/index.tsx
 var import_jsx_runtime65 = require("react/jsx-runtime");
-var Skeleton = ({
-  style = {},
-  className = "",
-  width = 40,
-  height = 40,
-  radius = 5,
-  loading = true,
-  children
-}) => {
-  if (!loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_jsx_runtime65.Fragment, { children });
-  }
-  const skeletonStyle = {
-    width,
-    height,
-    borderRadius: radius,
-    ...style
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-    "div",
-    {
-      className: "matchid-skeleton " + className,
-      style: skeletonStyle
-    }
-  );
-};
-var Skeleton_default = Skeleton;
 
 // src/ui/Tabs/index.tsx
 var import_jsx_runtime66 = require("react/jsx-runtime");
@@ -2534,34 +2436,40 @@ function useWallet() {
             prepareTransactionRequest
           }
         });
-        const txHash = await obj.sendRawTransaction({
-          serializedTransaction
-        });
-        addTransaction({
-          chainId,
-          hash: txHash,
-          info: {
-            from: evmAccount.address,
-            to: restTransaction.to,
-            value: (restTransaction.value || 0).toString(),
-            input: restTransaction.data,
-            timestamp: Math.floor(Date.now() / 1e3).toString(),
+        try {
+          const txHash = await obj.sendRawTransaction({
+            serializedTransaction
+          });
+          addTransaction({
+            chainId,
             hash: txHash,
-            source: "local"
-          },
-          address: evmAccount.address
-        });
-        modal.show((props) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
-        });
-        clearInterval(window.matchProvider.transactionMessageIntervalMap[transactionId].interval);
-        delete window.matchProvider.transactionMessageIntervalMap[transactionId];
-        return txHash;
+            info: {
+              from: evmAccount.address,
+              to: restTransaction.to,
+              value: (restTransaction.value || 0).toString(),
+              input: restTransaction.data,
+              timestamp: Math.floor(Date.now() / 1e3).toString(),
+              hash: txHash,
+              source: "local"
+            },
+            address: evmAccount.address
+          });
+          modal.show((props) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
+          });
+          return txHash;
+        } catch (error) {
+          modal.show((props) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, error: typeof error == "string" ? error : error.details || error.message, chain: _chain });
+          });
+          throw error;
+        }
       } catch (error) {
-        console.error("qwe-sign-error", error);
+        console.error("matchid-send-error", error);
+        throw error;
+      } finally {
         clearInterval(window.matchProvider.transactionMessageIntervalMap[transactionId].interval);
         delete window.matchProvider.transactionMessageIntervalMap[transactionId];
-        throw error;
       }
     };
     const deployContract = async (parameters2) => {
@@ -2631,13 +2539,6 @@ var import_react13 = require("react");
 var import_react_dom2 = require("react-dom");
 var import_jsx_runtime69 = require("react/jsx-runtime");
 var ToastContext = (0, import_react13.createContext)(null);
-function useToast() {
-  const context = (0, import_react13.useContext)(ToastContext);
-  if (!context) {
-    throw new Error("useToast must be used within a ToastProvider");
-  }
-  return context;
-}
 
 // src/hooks/api/wallet.ts
 var import_react_query2 = require("@tanstack/react-query");
@@ -6468,257 +6369,10 @@ function TransactionList({
     }
   );
 }
-
-// src/hooks/api/bind.ts
-var import_react_query11 = require("@tanstack/react-query");
-
-// src/hooks/api/poh.ts
-var import_react_query12 = require("@tanstack/react-query");
-
-// src/hooks/api/contact.ts
-var contact_exports = {};
-__export(contact_exports, {
-  acceptContact: () => acceptContact,
-  addContact: () => addContact,
-  delContact: () => delContact,
-  useContactInfo: () => useContactInfo,
-  useContactList: () => useContactList,
-  useContactSearch: () => useContactSearch
-});
-var import_react_query13 = require("@tanstack/react-query");
-var import_last = __toESM(require("lodash/last"));
-var import_react43 = require("react");
-function useContactList(page_size = 10, type = "Friend") {
-  const { address } = useUserInfo();
-  const limitIdRef = (0, import_react43.useRef)(0);
-  const contactQuery = (0, import_react_query13.useInfiniteQuery)({
-    queryKey: ["matchid-contacts-list", type, address],
-    initialPageParam: 1,
-    queryFn: async (args) => {
-      console.log(args);
-      if (args.pageParam <= 1) {
-        limitIdRef.current = 0;
-      }
-      return (await getContactListApi({
-        limit: page_size,
-        limit_id: limitIdRef.current,
-        type
-      })).data;
-    },
-    getNextPageParam: (lastPage, allPages) => {
-      if (!lastPage) return void 0;
-      const lastPageNum = Math.ceil(lastPage.meta.total / page_size);
-      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]);
-  (0, import_react43.useEffect)(() => {
-    console.log("contactQuery.data", contactQuery.data);
-  }, [contactQuery.data]);
-  const data = (0, import_react43.useMemo)(() => {
-    return (contactQuery.data?.pages ?? []).reduce(
-      (a, b) => {
-        return a.concat(b?.items ?? []);
-      },
-      []
-    );
-  }, [contactQuery.data]);
-  return {
-    data,
-    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 { address } = useUserInfo();
-  return (0, import_react_query13.useQuery)({
-    queryKey: ["matchid-contacts-info", address],
-    enabled: !!address,
-    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);
-};
-
-// src/components/ContactList/index.tsx
-var import_react_virtuoso = require("react-virtuoso");
-var import_react44 = require("react");
-var import_react_intl24 = require("react-intl");
-var import_jsx_runtime99 = require("react/jsx-runtime");
-function ContactCard({
-  loading = false,
-  data,
-  action
-}) {
-  const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "matchid-flex matchid-contact-item", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "matchid-contact-item-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Skeleton_default, { width: isDownMd ? 36 : 48, height: isDownMd ? 36 : 48, radius: 100, loading, children: data?.avatar ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("img", { src: data?.avatar, className: "matchid-contact-item-avatar" }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(AlphaAvatar, { size: isDownMd ? 36 : 48, name: data?.name || data?.username || "MatchID" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "matchid-contact-item-info", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-contact-item-name", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Skeleton_default, { width: 80, height: isDownMd ? 16 : 20, loading, children: data?.name || data?.username || "MatchID User" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-contact-item-address", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Skeleton_default, { width: 80, height: isDownMd ? 12 : 16, loading, children: truncateAddress(data?.address || "", 6, 6) }) })
-      ] })
-    ] }),
-    action && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-contact-item-action", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Skeleton_default, { width: 20, height: 20, loading, children: action() }) })
-  ] });
-}
-function RequestAction({ data, onSuccess }) {
-  const [loading, setLoading] = (0, import_react44.useState)(false);
-  const toast = useToast();
-  const intl = (0, import_react_intl24.useIntl)();
-  const onApprove = async () => {
-    setLoading(true);
-    try {
-      await contact_exports.acceptContact(data);
-      toast.success(intl.formatMessage({
-        id: "approveSuccess"
-      }));
-      onSuccess && onSuccess(data);
-    } catch (e) {
-      console.error(e);
-      toast.error(e.message);
-    } finally {
-      setLoading(false);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { size: "sm", onClick: onApprove, loading, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_intl24.FormattedMessage, { id: "Approve" }) });
-}
-function FriendsAction({
-  data,
-  onSuccess
-}) {
-  const [loading, setLoading] = (0, import_react44.useState)(false);
-  const toast = useToast();
-  const intl = (0, import_react_intl24.useIntl)();
-  const onRemove = async () => {
-    setLoading(true);
-    try {
-      await contact_exports.delContact(data);
-      toast.success(intl.formatMessage({
-        id: "removeSuccess"
-      }));
-      onSuccess && onSuccess(data);
-    } catch (e) {
-      console.error(e);
-      toast.error(e.message);
-    } finally {
-      setLoading(false);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Popover, { content: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-remove-box", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { size: "sm", loading, onClick: onRemove, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_intl24.FormattedMessage, { id: "Remove" }) }) }), children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(MoreIcon, { className: "matchid-cursor-pointer" }) });
-}
-function ContactList({
-  limit = 10,
-  height = 660,
-  type = "Friend"
-}) {
-  const { loading, totalCount, data, onLoadMore } = contact_exports.useContactList(limit, type);
-  const [hiddenList, setHiddenList] = (0, import_react44.useState)([]);
-  const { address } = useWallet();
-  (0, import_react44.useEffect)(() => {
-    setHiddenList([]);
-  }, [type]);
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-    import_react_virtuoso.Virtuoso,
-    {
-      style: {
-        height
-      },
-      totalCount: loading ? 10 : totalCount,
-      itemContent: (index) => {
-        if (loading || !data[index]) {
-          return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ContactCard, { loading: true });
-        }
-        if (hiddenList.includes(data[index].limit_id || 0)) {
-          return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_jsx_runtime99.Fragment, {});
-        }
-        const item = data[index];
-        return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ContactCard, { data: item, action: () => {
-          if (address == item.address) {
-            return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_jsx_runtime99.Fragment, {});
-          }
-          if (type == "Requests") {
-            return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(RequestAction, { data: item, onSuccess: (data2) => {
-              setHiddenList([...hiddenList, data2.limit_id || 0]);
-            } });
-          }
-          return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(FriendsAction, { data: item, onSuccess: (data2) => {
-            setHiddenList([...hiddenList, data2.limit_id || 0]);
-          } });
-        } });
-      },
-      endReached: () => {
-        onLoadMore();
-      },
-      components: {
-        EmptyPlaceholder: () => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-nomore", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_intl24.FormattedMessage, { id: type == "Friend" ? "noFriends" : "noRequests" }) }),
-        Footer: data.length > 0 ? () => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-nomore", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_intl24.FormattedMessage, { id: "noMore" }) }) : void 0
-      }
-    }
-  );
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BTCModal,
   Button,
-  ContactCard,
-  ContactList,
   EVMModal,
   EmailModal,
   Field,