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

package/dist/hooks/index.mjs

@@ -13,11 +13,11 @@ import {
   useTransaction,
   useUserInfo,
   useWallet
-} from "../chunk-QQO3XHLB.mjs";
-import "../chunk-JX73EY6V.mjs";
+} from "../chunk-F7N2JPEQ.mjs";
+import "../chunk-UA6XHZHX.mjs";
 import "../chunk-IZOOVZAD.mjs";
 import "../chunk-FKXS2XRG.mjs";
-import "../chunk-UA6XHZHX.mjs";
+import "../chunk-JX73EY6V.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {
   useCopyClipboard,

package/dist/{index-NCW6XL4g.d.ts → index-91BdMYDA.d.ts}

@@ -1,4 +1,4 @@
-import { A as Address, e as AnyObject, x as AppConfigType, y as AuthParams, z as BindInfoType, F as BindItemType, G as BindWalletParam, B as ButtonProps, C as CEXType, d as ChainType, J as ContactSearchType, p as ContactType, K as DeepPartial, D as DrawerProps, E as EmailModalProps, N as EmbeddedWalletsParams, H as Hash, a as IEnvConfigType, Q as IEnvName, S as ILoginWalletReq, I as IMatchEvents, b as ISocialLoginMethod, q as IconProps, t as InputProps, L as LocaleType, j as LoginBoxProps, c as LoginMethodType, o as LoginModalProps, n as LoginPanelProps, T as MessageType, V as MetaPageType, v as ModalProps, M as ModalWithHeaderProps, k as OtherLoginMethodType, O as OverviewInfo, X as PohItemType, Y as PohZkpassParams, P as PopoverPositionType, w as PopoverProps, m as PopoverTypeType, R as RecommendLoginMethodType, Z as RecoveryType, _ as ThemeType, s as UIProps, h as UserAssetToken, U as UserChainType, g as UserImportTokenType, $ as UserMessageType, a0 as UserPopoverProps, a1 as UserTransactionNextPageParams, a2 as UserTransactionRecordType, f as UserTransactionType, i as WalletAssetMergeType, a3 as WalletAssetType, a4 as WalletChainType, W as WalletConfigType, a5 as WalletNFTType, r as WalletPanelProps, a6 as WalletReceiveMessageType, a7 as WalletStatusType, l as WalletType, u as useMatchWalletAssetsProps } from './types-CbLw2SJX.js';
+import { A as Address, m as AnyObject, q as AppConfigType, r as AuthParams, s as BindInfoType, t as BindItemType, v as BindWalletParam, B as ButtonProps, j as CEXType, l as ChainType, w as ContactSearchType, C as ContactType, D as DeepPartial, x as DrawerProps, E as EmailModalProps, y as EmbeddedWalletsParams, H as Hash, a as IEnvConfigType, z as IEnvName, F as ILoginWalletReq, I as IMatchEvents, h as ISocialLoginMethod, G as IconProps, J as InputProps, L as LocaleType, b as LoginBoxProps, k as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, K as MessageType, N as MetaPageType, Q as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, i as OverviewInfo, S as PohItemType, T as PohZkpassParams, P as PopoverPositionType, V as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, X as RecoveryType, Y as ThemeType, Z as UIProps, p as UserAssetToken, U as UserChainType, o as UserImportTokenType, _ as UserMessageType, $ as UserPopoverProps, a0 as UserTransactionNextPageParams, a1 as UserTransactionRecordType, n as UserTransactionType, g as WalletAssetMergeType, a2 as WalletAssetType, a3 as WalletChainType, W as WalletConfigType, a4 as WalletNFTType, a5 as WalletPanelProps, a6 as WalletReceiveMessageType, a7 as WalletStatusType, c as WalletType, u as useMatchWalletAssetsProps } from './types-Bi9iq57H.js';
 
 declare const index_Address: typeof Address;
 declare const index_AnyObject: typeof AnyObject;

package/dist/{index-DkmLS3T6.d.mts → index-CPk553v5.d.mts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { CSSProperties } from 'react';
-import { q as IconProps$1 } from './types-CbLw2SJX.mjs';
+import { G as IconProps$1 } from './types-Bi9iq57H.mjs';
 
 declare function BackIcon({ color, size, className, style }: {
     color?: string;

package/dist/{index-CO1V_sgI.d.ts → index-CZu_8fKl.d.ts}

@@ -1,5 +1,5 @@
 import { M as MyResponseType } from './request-B0CyrGFT.js';
-import { b as ISocialLoginMethod, O as OverviewInfo, C as CEXType, c as LoginMethodType, I as IMatchEvents, d as ChainType, U as UserChainType, A as Address, H as Hash$1, e as AnyObject, f as UserTransactionType, u as useMatchWalletAssetsProps, g as UserImportTokenType, h as UserAssetToken, i as WalletAssetMergeType } from './types-CbLw2SJX.js';
+import { h as ISocialLoginMethod, i as OverviewInfo, j as CEXType, k as LoginMethodType, I as IMatchEvents, l as ChainType, U as UserChainType, A as Address, H as Hash$1, m as AnyObject, n as UserTransactionType, u as useMatchWalletAssetsProps, o as UserImportTokenType, p as UserAssetToken, g as WalletAssetMergeType } from './types-Bi9iq57H.js';
 import * as viem from 'viem';
 import { Account, WalletClientConfig, createWalletClient, SignableMessage, Hex, TransactionSerializable, DeployContractParameters, SendTransactionParameters, WriteContractParameters, Chain } from 'viem';
 import { Hash } from 'viem/types/misc';

package/dist/{index-70zSYbsL.d.mts → index-ChHJD4NZ.d.mts}

@@ -1,4 +1,4 @@
-import { A as Address, e as AnyObject, x as AppConfigType, y as AuthParams, z as BindInfoType, F as BindItemType, G as BindWalletParam, B as ButtonProps, C as CEXType, d as ChainType, J as ContactSearchType, p as ContactType, K as DeepPartial, D as DrawerProps, E as EmailModalProps, N as EmbeddedWalletsParams, H as Hash, a as IEnvConfigType, Q as IEnvName, S as ILoginWalletReq, I as IMatchEvents, b as ISocialLoginMethod, q as IconProps, t as InputProps, L as LocaleType, j as LoginBoxProps, c as LoginMethodType, o as LoginModalProps, n as LoginPanelProps, T as MessageType, V as MetaPageType, v as ModalProps, M as ModalWithHeaderProps, k as OtherLoginMethodType, O as OverviewInfo, X as PohItemType, Y as PohZkpassParams, P as PopoverPositionType, w as PopoverProps, m as PopoverTypeType, R as RecommendLoginMethodType, Z as RecoveryType, _ as ThemeType, s as UIProps, h as UserAssetToken, U as UserChainType, g as UserImportTokenType, $ as UserMessageType, a0 as UserPopoverProps, a1 as UserTransactionNextPageParams, a2 as UserTransactionRecordType, f as UserTransactionType, i as WalletAssetMergeType, a3 as WalletAssetType, a4 as WalletChainType, W as WalletConfigType, a5 as WalletNFTType, r as WalletPanelProps, a6 as WalletReceiveMessageType, a7 as WalletStatusType, l as WalletType, u as useMatchWalletAssetsProps } from './types-CbLw2SJX.mjs';
+import { A as Address, m as AnyObject, q as AppConfigType, r as AuthParams, s as BindInfoType, t as BindItemType, v as BindWalletParam, B as ButtonProps, j as CEXType, l as ChainType, w as ContactSearchType, C as ContactType, D as DeepPartial, x as DrawerProps, E as EmailModalProps, y as EmbeddedWalletsParams, H as Hash, a as IEnvConfigType, z as IEnvName, F as ILoginWalletReq, I as IMatchEvents, h as ISocialLoginMethod, G as IconProps, J as InputProps, L as LocaleType, b as LoginBoxProps, k as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, K as MessageType, N as MetaPageType, Q as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, i as OverviewInfo, S as PohItemType, T as PohZkpassParams, P as PopoverPositionType, V as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, X as RecoveryType, Y as ThemeType, Z as UIProps, p as UserAssetToken, U as UserChainType, o as UserImportTokenType, _ as UserMessageType, $ as UserPopoverProps, a0 as UserTransactionNextPageParams, a1 as UserTransactionRecordType, n as UserTransactionType, g as WalletAssetMergeType, a2 as WalletAssetType, a3 as WalletChainType, W as WalletConfigType, a4 as WalletNFTType, a5 as WalletPanelProps, a6 as WalletReceiveMessageType, a7 as WalletStatusType, c as WalletType, u as useMatchWalletAssetsProps } from './types-Bi9iq57H.mjs';
 
 declare const index_Address: typeof Address;
 declare const index_AnyObject: typeof AnyObject;

package/dist/{index-DXzb_pAu.d.mts → index-CkHDxE7B.d.mts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode, PropsWithChildren } from 'react';
-import { t as InputProps, B as ButtonProps, v as ModalProps, M as ModalWithHeaderProps, w as PopoverProps } from './types-CbLw2SJX.mjs';
+import { J as InputProps, B as ButtonProps, Q as ModalProps, M as ModalWithHeaderProps, V as PopoverProps } from './types-Bi9iq57H.mjs';
 
 declare function Field({ label, children, error, required, className }: {
     label: ReactNode;

package/dist/{index-D50gqmw9.d.ts → index-D3BHrg4-.d.ts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { E as EmailModalProps, j as LoginBoxProps, B as ButtonProps, k as OtherLoginMethodType, R as RecommendLoginMethodType, l as WalletType, P as PopoverPositionType, m as PopoverTypeType, n as LoginPanelProps, o as LoginModalProps, M as ModalWithHeaderProps, i as WalletAssetMergeType, u as useMatchWalletAssetsProps, p as ContactType } from './types-CbLw2SJX.js';
-import { 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';
+import { E as EmailModalProps, b as LoginBoxProps, B as ButtonProps, O as OtherLoginMethodType, R as RecommendLoginMethodType, c as WalletType, P as PopoverPositionType, d as PopoverTypeType, e as LoginPanelProps, f as LoginModalProps, M as ModalWithHeaderProps, g as WalletAssetMergeType, u as useMatchWalletAssetsProps, C as ContactType } from './types-Bi9iq57H.js';
+import { 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, { ReactNode } from 'react';
 
 declare function EmailModal({ isOpen, width, onClose, onBack, onLogin }: EmailModalProps): react_jsx_runtime.JSX.Element;

package/dist/{index-CCnyLdRT.d.ts → index-D5geEbXf.d.ts}

@@ -1,6 +1,6 @@
-import { B as Button, C as ConfirmModal, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-C7GIoYyE.js';
+import { B as Button, C as ConfirmModal, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-SRHVQn5G.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { D as DrawerProps, r as WalletPanelProps, s as UIProps } from './types-CbLw2SJX.js';
+import { x as DrawerProps, a5 as WalletPanelProps, Z as UIProps } from './types-Bi9iq57H.js';
 import { Hash, Chain } from 'viem';
 import React, { CSSProperties } from 'react';
 

package/dist/{index-DbLQvcnt.d.ts → index-DFBrN7dx.d.ts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { CSSProperties } from 'react';
-import { q as IconProps$1 } from './types-CbLw2SJX.js';
+import { G as IconProps$1 } from './types-Bi9iq57H.js';
 
 declare function BackIcon({ color, size, className, style }: {
     color?: string;

package/dist/{index-Cg-ZKy0h.d.mts → index-DSvRdAyZ.d.mts}

@@ -1,6 +1,6 @@
-import { B as Button, C as ConfirmModal, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-DXzb_pAu.mjs';
+import { B as Button, C as ConfirmModal, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-CkHDxE7B.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { D as DrawerProps, r as WalletPanelProps, s as UIProps } from './types-CbLw2SJX.mjs';
+import { x as DrawerProps, a5 as WalletPanelProps, Z as UIProps } from './types-Bi9iq57H.mjs';
 import { Hash, Chain } from 'viem';
 import React, { CSSProperties } from 'react';
 

package/dist/{index-J73TIwDj.d.mts → index-DX1vzCrM.d.mts}

@@ -1,5 +1,5 @@
 import { M as MyResponseType } from './request-B0CyrGFT.mjs';
-import { b as ISocialLoginMethod, O as OverviewInfo, C as CEXType, c as LoginMethodType, I as IMatchEvents, d as ChainType, U as UserChainType, A as Address, H as Hash$1, e as AnyObject, f as UserTransactionType, u as useMatchWalletAssetsProps, g as UserImportTokenType, h as UserAssetToken, i as WalletAssetMergeType } from './types-CbLw2SJX.mjs';
+import { h as ISocialLoginMethod, i as OverviewInfo, j as CEXType, k as LoginMethodType, I as IMatchEvents, l as ChainType, U as UserChainType, A as Address, H as Hash$1, m as AnyObject, n as UserTransactionType, u as useMatchWalletAssetsProps, o as UserImportTokenType, p as UserAssetToken, g as WalletAssetMergeType } from './types-Bi9iq57H.mjs';
 import * as viem from 'viem';
 import { Account, WalletClientConfig, createWalletClient, SignableMessage, Hex, TransactionSerializable, DeployContractParameters, SendTransactionParameters, WriteContractParameters, Chain } from 'viem';
 import { Hash } from 'viem/types/misc';

package/dist/{index-C1bSqPBd.d.mts → index-DjwwXNp4.d.mts}

@@ -1,6 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions } from '@tanstack/react-query/src/types';
-import { Y as PohZkpassParams, f as UserTransactionType, a1 as UserTransactionNextPageParams, a3 as WalletAssetType, V as MetaPageType, F as BindItemType, z as BindInfoType, X as PohItemType, U as UserChainType, h as UserAssetToken, g as UserImportTokenType, a4 as WalletChainType, a5 as WalletNFTType, p as ContactType, J as ContactSearchType } from './types-CbLw2SJX.mjs';
+import { T as PohZkpassParams, n as UserTransactionType, a0 as UserTransactionNextPageParams, a2 as WalletAssetType, N as MetaPageType, t as BindItemType, s as BindInfoType, S as PohItemType, U as UserChainType, p as UserAssetToken, o as UserImportTokenType, a3 as WalletChainType, a4 as WalletNFTType, C as ContactType, w as ContactSearchType } from './types-Bi9iq57H.mjs';
 import { M as MyResponseType, i as isSuccess } from './request-B0CyrGFT.mjs';
 
 declare const bindCexApi: (data: {

package/dist/{index-B00EBLeP.d.mts → index-DromP9ET.d.mts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { E as EmailModalProps, j as LoginBoxProps, B as ButtonProps, k as OtherLoginMethodType, R as RecommendLoginMethodType, l as WalletType, P as PopoverPositionType, m as PopoverTypeType, n as LoginPanelProps, o as LoginModalProps, M as ModalWithHeaderProps, i as WalletAssetMergeType, u as useMatchWalletAssetsProps, p as ContactType } from './types-CbLw2SJX.mjs';
-import { 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';
+import { E as EmailModalProps, b as LoginBoxProps, B as ButtonProps, O as OtherLoginMethodType, R as RecommendLoginMethodType, c as WalletType, P as PopoverPositionType, d as PopoverTypeType, e as LoginPanelProps, f as LoginModalProps, M as ModalWithHeaderProps, g as WalletAssetMergeType, u as useMatchWalletAssetsProps, C as ContactType } from './types-Bi9iq57H.mjs';
+import { 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, { ReactNode } from 'react';
 
 declare function EmailModal({ isOpen, width, onClose, onBack, onLogin }: EmailModalProps): react_jsx_runtime.JSX.Element;

package/dist/{index-C7GIoYyE.d.ts → index-SRHVQn5G.d.ts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode, PropsWithChildren } from 'react';
-import { t as InputProps, B as ButtonProps, v as ModalProps, M as ModalWithHeaderProps, w as PopoverProps } from './types-CbLw2SJX.js';
+import { J as InputProps, B as ButtonProps, Q as ModalProps, M as ModalWithHeaderProps, V as PopoverProps } from './types-Bi9iq57H.js';
 
 declare function Field({ label, children, error, required, className }: {
     label: ReactNode;

package/dist/{index-eMj_YVb6.d.ts → index-Vxvd14yW.d.ts}

@@ -1,6 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions } from '@tanstack/react-query/src/types';
-import { Y as PohZkpassParams, f as UserTransactionType, a1 as UserTransactionNextPageParams, a3 as WalletAssetType, V as MetaPageType, F as BindItemType, z as BindInfoType, X as PohItemType, U as UserChainType, h as UserAssetToken, g as UserImportTokenType, a4 as WalletChainType, a5 as WalletNFTType, p as ContactType, J as ContactSearchType } from './types-CbLw2SJX.js';
+import { T as PohZkpassParams, n as UserTransactionType, a0 as UserTransactionNextPageParams, a2 as WalletAssetType, N as MetaPageType, t as BindItemType, s as BindInfoType, S as PohItemType, U as UserChainType, p as UserAssetToken, o as UserImportTokenType, a3 as WalletChainType, a4 as WalletNFTType, C as ContactType, w as ContactSearchType } from './types-Bi9iq57H.js';
 import { M as MyResponseType, i as isSuccess } from './request-B0CyrGFT.js';
 
 declare const bindCexApi: (data: {

package/dist/index.d.mts

@@ -5,21 +5,21 @@ import * as abitype from 'abitype';
 import * as wagmi_chains from 'wagmi/chains';
 import * as viem from 'viem';
 import React, { ReactNode } from 'react';
-import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-CbLw2SJX.mjs';
-export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-J73TIwDj.mjs';
-export { i as Components } from './index-B00EBLeP.mjs';
-export { i as UI } from './index-Cg-ZKy0h.mjs';
-export { i as Api } from './index-C1bSqPBd.mjs';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-Bi9iq57H.mjs';
+export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-DX1vzCrM.mjs';
+export { i as Components } from './index-DromP9ET.mjs';
+export { i as UI } from './index-DSvRdAyZ.mjs';
+export { i as Api } from './index-DjwwXNp4.mjs';
 export { i as Chains } from './index-DXRGMAbv.mjs';
-export { i as Types } from './index-70zSYbsL.mjs';
-export { i as Icon } from './index-DkmLS3T6.mjs';
+export { i as Types } from './index-ChHJD4NZ.mjs';
+export { i as Icon } from './index-CPk553v5.mjs';
 import '@tanstack/react-query/src/types';
 import './request-B0CyrGFT.mjs';
 import 'viem/types/misc';
 import 'react/jsx-runtime';
 import 'viem/_types/actions/siwe/verifySiweMessage';
 import '@tanstack/react-query';
-import './index-DXzb_pAu.mjs';
+import './index-CkHDxE7B.mjs';
 
 declare const wagmiConfig: wagmi.Config<[{
     blockExplorers: {

package/dist/index.d.ts

@@ -5,21 +5,21 @@ import * as abitype from 'abitype';
 import * as wagmi_chains from 'wagmi/chains';
 import * as viem from 'viem';
 import React, { ReactNode } from 'react';
-import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-CbLw2SJX.js';
-export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-CO1V_sgI.js';
-export { i as Components } from './index-D50gqmw9.js';
-export { i as UI } from './index-CCnyLdRT.js';
-export { i as Api } from './index-eMj_YVb6.js';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-Bi9iq57H.js';
+export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-CZu_8fKl.js';
+export { i as Components } from './index-D3BHrg4-.js';
+export { i as UI } from './index-D5geEbXf.js';
+export { i as Api } from './index-Vxvd14yW.js';
 export { i as Chains } from './index-DXRGMAbv.js';
-export { i as Types } from './index-NCW6XL4g.js';
-export { i as Icon } from './index-DbLQvcnt.js';
+export { i as Types } from './index-91BdMYDA.js';
+export { i as Icon } from './index-DFBrN7dx.js';
 import '@tanstack/react-query/src/types';
 import './request-B0CyrGFT.js';
 import 'viem/types/misc';
 import 'react/jsx-runtime';
 import 'viem/_types/actions/siwe/verifySiweMessage';
 import '@tanstack/react-query';
-import './index-C7GIoYyE.js';
+import './index-SRHVQn5G.js';
 
 declare const wagmiConfig: wagmi.Config<[{
     blockExplorers: {

package/dist/index.js

@@ -5887,7 +5887,6 @@ var import_react27 = require("react");
 function useContactList(page_size = 10, type = "Friend") {
   const { address } = useUserInfo();
   const limitIdRef = (0, import_react27.useRef)(0);
-  const queryClient2 = (0, import_react_query6.useQueryClient)();
   const contactQuery = (0, import_react_query6.useInfiniteQuery)({
     queryKey: ["matchid-contacts-list", type, address],
     initialPageParam: 1,
@@ -6006,9 +6005,9 @@ function ContactCard({
   const isDownMd = useDownMd();
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-flex matchid-contact-item", children: [
     /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-contact-item-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Skeleton_default, { width: isDownMd ? 36 : 48, height: isDownMd ? 36 : 48, radius: 100, loading, children: data?.avatar ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("img", { src: data?.avatar, className: "matchid-contact-item-avatar" }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(AlphaAvatar2, { size: isDownMd ? 36 : 48, name: data?.name || "MatchID" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Skeleton_default, { width: isDownMd ? 36 : 48, height: isDownMd ? 36 : 48, radius: 100, loading, children: data?.avatar ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("img", { src: data?.avatar, className: "matchid-contact-item-avatar" }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(AlphaAvatar2, { size: isDownMd ? 36 : 48, name: data?.name || data?.username || "MatchID" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-contact-item-info", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-contact-item-name", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Skeleton_default, { width: 80, height: isDownMd ? 16 : 20, loading, children: data?.name || "MatchID User" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-contact-item-name", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Skeleton_default, { width: 80, height: isDownMd ? 16 : 20, loading, children: data?.name || data?.username || "MatchID User" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-contact-item-address", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Skeleton_default, { width: 80, height: isDownMd ? 12 : 16, loading, children: truncateAddress(data?.address || "", 6, 6) }) })
       ] })
     ] }),