@matchain/matchid-sdk-react 0.1.53-alpha.24 → 0.1.53-alpha.26

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, M as MessageList, 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-B00EBLeP.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-DXzb_pAu.mjs';
+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';
 import 'react/jsx-runtime';
-import '../types-CbLw2SJX.mjs';
+import '../types-Bi9iq57H.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, M as MessageList, 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-D50gqmw9.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-C7GIoYyE.js';
+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';
 import 'react/jsx-runtime';
-import '../types-CbLw2SJX.js';
+import '../types-Bi9iq57H.js';
 import 'react';
 import '@tanstack/react-query/src/types';

package/dist/components/index.js

@@ -42,7 +42,6 @@ __export(components_exports, {
   LoginButton: () => LoginButton,
   LoginModal: () => LoginModal,
   LoginPanel: () => LoginPanel,
-  MessageList: () => MessageList,
   Modal: () => Modal,
   ModalWithHeader: () => ModalWithHeader,
   Overlay: () => Overlay,
@@ -1324,44 +1323,6 @@ function ModalWithHeader({
     children
   ] });
 }
-function ConfirmModal({
-  title,
-  children,
-  onClose,
-  onConfirm,
-  isOpen,
-  confirmText,
-  zIndex = 100
-}) {
-  const intl = (0, import_react_intl.useIntl)();
-  const [loading, setLoading] = (0, import_react3.useState)(false);
-  const [error, setError] = (0, import_react3.useState)("");
-  (0, import_react3.useEffect)(() => {
-    if (isOpen) {
-      setError("");
-      setLoading(false);
-    }
-  }, [isOpen]);
-  const onSubmit = async () => {
-    setError("");
-    setLoading(true);
-    try {
-      await onConfirm();
-    } catch (e) {
-      setError(e.message);
-      console.error(e);
-    } finally {
-      setLoading(false);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ModalWithHeader, { isOpen, onClose, title, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "matchid-confirm-modal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "matchid-w-full", children }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: `matchid-error`, children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Button, { size: "lg", onClick: onSubmit, loading, block: true, highlight: true, children: confirmText ?? intl.formatMessage({
-      id: "Confirm"
-    }) })
-  ] }) });
-}
 
 // src/components/EmailModal/StepEmail.tsx
 var import_react5 = require("react");
@@ -1951,20 +1912,6 @@ var userInviteApi = (data) => {
     data
   });
 };
-var getUserMessageListApi = (data) => {
-  return request_default({
-    url: `/api/v1/user/message/list`,
-    method: "POST",
-    data
-  });
-};
-var handleMessageApi = (data) => {
-  return request_default({
-    url: `/api/v1/user/message`,
-    method: "POST",
-    data
-  });
-};
 
 // src/store/useLocalStore.ts
 var persistedState = (0, import_middleware.persist)(
@@ -6544,7 +6491,6 @@ var import_react43 = require("react");
 function useContactList(page_size = 10, type = "Friend") {
   const { address } = useUserInfo();
   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, address],
     initialPageParam: 1,
@@ -6663,9 +6609,9 @@ function ContactCard({
   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 || "MatchID" }) }),
+      /* @__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 || "MatchID User" }) }),
+        /* @__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) }) })
       ] })
     ] }),
@@ -6767,190 +6713,6 @@ function ContactList({
     }
   );
 }
-
-// src/hooks/api/message.ts
-var import_react_query14 = require("@tanstack/react-query");
-var import_last2 = __toESM(require("lodash/last"));
-var import_react45 = require("react");
-function useMessageListQuery(page_size = 20) {
-  const { token } = useLocalStore_default();
-  const [hasMore, setHasMore] = (0, import_react45.useState)(true);
-  const messageListQuery = (0, import_react_query14.useInfiniteQuery)({
-    queryKey: ["matchid-message-list", token],
-    initialPageParam: 0,
-    queryFn: async (args) => {
-      const res = (await getUserMessageListApi({
-        limit: page_size,
-        limit_id: args.pageParam
-      })).data;
-      console.log("hasMore", !(!res || res.length == 0 || res.length < page_size));
-      setHasMore(!(!res || res.length == 0 || res.length < page_size));
-      return res || [];
-    },
-    getNextPageParam: (lastPage, allPages) => {
-      if (!lastPage || lastPage.length == 0 || lastPage.length < page_size) return void 0;
-      return (0, import_last2.default)(lastPage)?.limit_id;
-    }
-  });
-  (0, import_react45.useEffect)(() => {
-    console.log("messageListQuery.data", messageListQuery.data);
-  }, [messageListQuery.data]);
-  const data = (0, import_react45.useMemo)(() => {
-    return (messageListQuery.data?.pages ?? []).reduce(
-      (a, b) => {
-        return a.concat(b || []);
-      },
-      []
-    );
-  }, [messageListQuery.data]);
-  return {
-    data,
-    totalCount: hasMore ? data.length + 1 : data.length,
-    loading: messageListQuery.isLoading,
-    loadingNextPage: messageListQuery.isFetchingNextPage,
-    hasNextPage: messageListQuery.hasNextPage,
-    onLoadMore: messageListQuery.fetchNextPage,
-    queryKey: ["matchid-message-list", token]
-  };
-}
-
-// src/components/MessageList/index.tsx
-var import_react46 = require("react");
-var import_react_virtuoso2 = require("react-virtuoso");
-var import_react_intl25 = require("react-intl");
-var import_react47 = __toESM(require("react"));
-var import_react_query15 = require("@tanstack/react-query");
-var import_jsx_runtime100 = require("react/jsx-runtime");
-function MessageList({
-  empty,
-  height = 600,
-  pageSize = 20
-}) {
-  const { loading, totalCount, data, onLoadMore, queryKey, ...query } = useMessageListQuery(pageSize);
-  (0, import_react46.useEffect)(() => {
-    console.log("query", query);
-  }, [query]);
-  const modal = useModal();
-  const toast = useToast();
-  const isDownMd = useDownMd();
-  const queryClient2 = (0, import_react_query15.useQueryClient)();
-  const intl = (0, import_react_intl25.useIntl)();
-  const updateList = (limit_id, newData) => {
-    queryClient2.setQueryData(queryKey, (oldData) => {
-      if (!oldData) return oldData;
-      return {
-        ...oldData,
-        pages: oldData.pages.map((page) => page.map(
-          (item) => item.limit_id === limit_id ? { ...item, ...newData } : item
-        ))
-      };
-    });
-  };
-  const handleShortPress = async (data2, index) => {
-    if (data2.status == 0) {
-      updateList(data2.limit_id, { status: 1 });
-      const res = await handleMessageApi({
-        limit_id: data2.limit_id,
-        status: 1
-      });
-      if (!isSuccess(res)) {
-        updateList(data2.limit_id, { status: 0 });
-      }
-    }
-  };
-  const handleDelete = (data2, index) => {
-    modal.show(({ close, zIndex }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
-        ConfirmModal,
-        {
-          title: intl.formatMessage({
-            id: "Delete Message Confirm"
-          }),
-          onClose: close,
-          onConfirm: async () => {
-            const res = await handleMessageApi({
-              limit_id: data2.limit_id,
-              status: 2
-            });
-            close();
-            if (isSuccess(res)) {
-              toast.success(intl.formatMessage({
-                id: "Message has been cleared"
-              }));
-              updateList(data2.limit_id, { hidden: true });
-              return;
-            }
-            toast.error(res.message);
-          },
-          isOpen: true,
-          zIndex,
-          children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_intl25.FormattedMessage, { id: "Are you sure to delete this message?" })
-        }
-      );
-    });
-  };
-  const handleLongPress = (data2, index) => {
-    handleDelete(data2, index);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
-    import_react_virtuoso2.Virtuoso,
-    {
-      style: {
-        height
-      },
-      totalCount: loading ? 0 : totalCount,
-      itemContent: (index) => {
-        const item = data[index];
-        if (!item) return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_jsx_runtime100.Fragment, {});
-        if (item.hidden) {
-          return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_jsx_runtime100.Fragment, {});
-        }
-        return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react47.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
-          "div",
-          {
-            className: "matchid-message-item",
-            onClick: () => handleShortPress(item, index),
-            onContextMenu: (e) => {
-              if (isDownMd) {
-                e.preventDefault();
-                handleLongPress(item, index);
-              }
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "matchid-message-item-content", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "matchid-message-item-content-message", children: item.message }),
-                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "matchid-message-item-content-status", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
-                  "div",
-                  {
-                    className: `matchid-message-item-content-status-indicator ${item.status == 0 ? "highlight" : "default"}`
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "matchid-message-item-footer", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { children: !isDownMd && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
-                  "div",
-                  {
-                    className: "matchid-message-item-footer-delete",
-                    onClick: () => handleDelete(item, index),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_intl25.FormattedMessage, { id: "Delete" })
-                  }
-                ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { children: formatDate(item.dispatch_time, "YYYY.MM.DD HH:mm") })
-              ] })
-            ]
-          }
-        ) });
-      },
-      endReached: () => {
-        onLoadMore();
-      },
-      components: {
-        EmptyPlaceholder: () => empty || /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "matchid-nomore", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_intl25.FormattedMessage, { id: "There is no Data here!" }) }),
-        Footer: data.length > 0 ? () => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "matchid-nomore", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_intl25.FormattedMessage, { id: "There is no Message here!" }) }) : () => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "matchid-nomore", children: "Loading..." })
-      }
-    }
-  );
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BTCModal,
@@ -6965,7 +6727,6 @@ function MessageList({
   LoginButton,
   LoginModal,
   LoginPanel,
-  MessageList,
   Modal,
   ModalWithHeader,
   Overlay,