@matchain/matchid-sdk-react 0.1.53-alpha.15 → 0.1.53-alpha.16

package/dist/hooks/index.mjs

@@ -12,14 +12,14 @@ import {
   useTransaction,
   useUserInfo,
   useWallet
-} from "../chunk-BC4HS373.mjs";
-import "../chunk-JX73EY6V.mjs";
+} from "../chunk-UOHVZWED.mjs";
 import "../chunk-UA6XHZHX.mjs";
-import "../chunk-IZOOVZAD.mjs";
 import {
   useLayout_exports
 } from "../chunk-X5HGL3ZX.mjs";
+import "../chunk-IZOOVZAD.mjs";
 import "../chunk-FKXS2XRG.mjs";
+import "../chunk-JX73EY6V.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {
   useCopyClipboard,

package/dist/{index-D5WIVIkc.d.ts → index-B16U2SHA.d.ts}

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

package/dist/{index-BrzFSkOe.d.mts → index-B2DkI1ML.d.mts}

@@ -1,6 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions } from '@tanstack/react-query/src/types';
-import { S as PohZkpassParams, f as UserTransactionType, _ as UserTransactionNextPageParams, a0 as WalletAssetType, K as MetaPageType, t as BindItemType, s as BindInfoType, Q as PohItemType, U as UserChainType, h as UserAssetToken, g as UserImportTokenType, a1 as WalletChainType, a2 as WalletNFTType, p as ContactType } from './types-VrV1kYga.mjs';
+import { S as PohZkpassParams, n as UserTransactionType, _ as UserTransactionNextPageParams, a0 as WalletAssetType, K as MetaPageType, t as BindItemType, s as BindInfoType, Q as PohItemType, U as UserChainType, p as UserAssetToken, o as UserImportTokenType, a1 as WalletChainType, a2 as WalletNFTType, C as ContactType } from './types-B5QEZ2fv.mjs';
 import { M as MyResponseType, i as isSuccess } from './request-B0CyrGFT.mjs';
 
 declare const bindCexApi: (data: {

package/dist/{index-CLYi12dP.d.mts → index-BxWVN7HQ.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-VrV1kYga.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-BaFmUVw-.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-B5QEZ2fv.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-nMzH5qxx.mjs';
 import React, { ReactNode } from 'react';
 
 declare function EmailModal({ isOpen, width, onClose, onBack, onLogin }: EmailModalProps): react_jsx_runtime.JSX.Element;

package/dist/{index-Dus4QPjO.d.mts → index-ByjogbBx.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-VrV1kYga.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-B5QEZ2fv.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-DC4F1u-w.d.mts → index-C7vPCjcT.d.mts}

@@ -1,6 +1,6 @@
-import { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-BaFmUVw-.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-nMzH5qxx.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { w as DrawerProps, a3 as WalletPanelProps, Y as UIProps } from './types-VrV1kYga.mjs';
+import { w as DrawerProps, a3 as WalletPanelProps, Y as UIProps } from './types-B5QEZ2fv.mjs';
 import { Hash, Chain } from 'viem';
 import React, { CSSProperties } from 'react';
 

package/dist/{index-BgdY5xdW.d.ts → index-CYXjMyV_.d.ts}

@@ -1,6 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions } from '@tanstack/react-query/src/types';
-import { S as PohZkpassParams, f as UserTransactionType, _ as UserTransactionNextPageParams, a0 as WalletAssetType, K as MetaPageType, t as BindItemType, s as BindInfoType, Q as PohItemType, U as UserChainType, h as UserAssetToken, g as UserImportTokenType, a1 as WalletChainType, a2 as WalletNFTType, p as ContactType } from './types-VrV1kYga.js';
+import { S as PohZkpassParams, n as UserTransactionType, _ as UserTransactionNextPageParams, a0 as WalletAssetType, K as MetaPageType, t as BindItemType, s as BindInfoType, Q as PohItemType, U as UserChainType, p as UserAssetToken, o as UserImportTokenType, a1 as WalletChainType, a2 as WalletNFTType, C as ContactType } from './types-B5QEZ2fv.js';
 import { M as MyResponseType, i as isSuccess } from './request-B0CyrGFT.js';
 
 declare const bindCexApi: (data: {

package/dist/{index-BikcLg_6.d.ts → index-ChklXND5.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-VrV1kYga.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-CQmN0dN4.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-B5QEZ2fv.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-Dfckd7XV.js';
 import React, { ReactNode } from 'react';
 
 declare function EmailModal({ isOpen, width, onClose, onBack, onLogin }: EmailModalProps): react_jsx_runtime.JSX.Element;

package/dist/{index-CQmN0dN4.d.ts → index-Dfckd7XV.d.ts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode, PropsWithChildren } from 'react';
-import { G as InputProps, B as ButtonProps, N as ModalProps, M as ModalWithHeaderProps, T as PopoverProps } from './types-VrV1kYga.js';
+import { G as InputProps, B as ButtonProps, N as ModalProps, M as ModalWithHeaderProps, T as PopoverProps } from './types-B5QEZ2fv.js';
 
 declare function Field({ label, children, error, required, className }: {
     label: ReactNode;

package/dist/{index-BVfCh4l-.d.mts → index-Na2Ub13l.d.mts}

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

package/dist/{index-D3Kp05kW.d.ts → index-_9VVEy7O.d.ts}

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

package/dist/{index-D5yzH62h.d.ts → index-jG0evmQL.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-VrV1kYga.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-B5QEZ2fv.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-C0UKUm0h.d.ts → index-jQp1rITQ.d.ts}

@@ -1,6 +1,6 @@
-import { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-CQmN0dN4.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-Dfckd7XV.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { w as DrawerProps, a3 as WalletPanelProps, Y as UIProps } from './types-VrV1kYga.js';
+import { w as DrawerProps, a3 as WalletPanelProps, Y as UIProps } from './types-B5QEZ2fv.js';
 import { Hash, Chain } from 'viem';
 import React, { CSSProperties } from 'react';
 

package/dist/{index-BaFmUVw-.d.mts → index-nMzH5qxx.d.mts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode, PropsWithChildren } from 'react';
-import { G as InputProps, B as ButtonProps, N as ModalProps, M as ModalWithHeaderProps, T as PopoverProps } from './types-VrV1kYga.mjs';
+import { G as InputProps, B as ButtonProps, N as ModalProps, M as ModalWithHeaderProps, T as PopoverProps } from './types-B5QEZ2fv.mjs';
 
 declare function Field({ label, children, error, required, className }: {
     label: ReactNode;

package/dist/{index-SOVt-ADK.d.mts → index-zJQVg2B1.d.mts}

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

package/dist/index.css

@@ -2030,15 +2030,25 @@ body {
     justify-content: space-between;
     align-items: center;
     padding:8px 16px;
+    @media screen and (max-width: 768px) {
+        padding:6px 12px;
+    }
     .matchid-contact-item-content{
         height:48px;
         display: flex;
         gap:16px;
         align-items: center;
+        @media screen and (max-width: 768px) {
+            height:36px;
+        }
         .matchid-contact-item-avatar{
             width:48px;
             height:48px;
             border-radius: 50%;
+            @media screen and (max-width: 768px) {
+                height:36px;
+                width:36px;
+            }
         }
         .matchid-contact-item-info{
             display: flex;
@@ -2049,17 +2059,15 @@ body {
                 font-size: 18px;
                 font-weight: 500;
                 color: var(--matchid-black);
+                @media screen and (max-width: 768px) {
+                    font-size:14px;
+                }
             }
             .matchid-contact-item-address{
                 font-size: 14px;
                 color: var(--matchid-secondary-grey);
-            }
-            @media screen and (max-width: 768px) {
-                .matchid-contact-item-name{
-                    font-size: 16px;
-                }
-                .matchid-contact-item-address{
-                    font-size: 12px;
+                @media screen and (max-width: 768px) {
+                    font-size:12px;
                 }
             }
         }

package/dist/index.d.mts

@@ -1,12 +1,12 @@
 import React, { ReactNode } from 'react';
-import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-VrV1kYga.mjs';
-export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-Dus4QPjO.mjs';
-export { i as Components } from './index-CLYi12dP.mjs';
-export { i as UI } from './index-DC4F1u-w.mjs';
-export { i as Api } from './index-BrzFSkOe.mjs';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-B5QEZ2fv.mjs';
+export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-ByjogbBx.mjs';
+export { i as Components } from './index-BxWVN7HQ.mjs';
+export { i as UI } from './index-C7vPCjcT.mjs';
+export { i as Api } from './index-B2DkI1ML.mjs';
 export { i as Chains } from './index-DXRGMAbv.mjs';
-export { i as Types } from './index-SOVt-ADK.mjs';
-export { i as Icon } from './index-BVfCh4l-.mjs';
+export { i as Types } from './index-zJQVg2B1.mjs';
+export { i as Icon } from './index-Na2Ub13l.mjs';
 import '@tanstack/react-query/src/types';
 import './request-B0CyrGFT.mjs';
 import 'viem';
@@ -15,7 +15,7 @@ import 'abitype';
 import 'react/jsx-runtime';
 import 'viem/_types/actions/siwe/verifySiweMessage';
 import '@tanstack/react-query';
-import './index-BaFmUVw-.mjs';
+import './index-nMzH5qxx.mjs';
 
 type MatchContextType = {
     appid: string;

package/dist/index.d.ts

@@ -1,12 +1,12 @@
 import React, { ReactNode } from 'react';
-import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-VrV1kYga.js';
-export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-D5yzH62h.js';
-export { i as Components } from './index-BikcLg_6.js';
-export { i as UI } from './index-C0UKUm0h.js';
-export { i as Api } from './index-BgdY5xdW.js';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-B5QEZ2fv.js';
+export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-jG0evmQL.js';
+export { i as Components } from './index-ChklXND5.js';
+export { i as UI } from './index-jQp1rITQ.js';
+export { i as Api } from './index-CYXjMyV_.js';
 export { i as Chains } from './index-DXRGMAbv.js';
-export { i as Types } from './index-D5WIVIkc.js';
-export { i as Icon } from './index-D3Kp05kW.js';
+export { i as Types } from './index-B16U2SHA.js';
+export { i as Icon } from './index-_9VVEy7O.js';
 import '@tanstack/react-query/src/types';
 import './request-B0CyrGFT.js';
 import 'viem';
@@ -15,7 +15,7 @@ import 'abitype';
 import 'react/jsx-runtime';
 import 'viem/_types/actions/siwe/verifySiweMessage';
 import '@tanstack/react-query';
-import './index-CQmN0dN4.js';
+import './index-Dfckd7XV.js';
 
 type MatchContextType = {
     appid: string;

package/dist/index.js

@@ -6814,15 +6814,16 @@ function ContactCard({
   data,
   action
 }) {
+  const isDownMd = useDownMd();
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-flex matchid-contact-item", children: [
     /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-contact-item-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Skeleton_default, { width: 48, height: 48, radius: 100, loading, children: data?.avatar ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("img", { src: data?.avatar, className: "matchid-contact-item-avatar" }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(AlphaAvatar, { size: 48, name: data?.name || "MatchID" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Skeleton_default, { width: isDownMd ? 36 : 48, height: isDownMd ? 36 : 48, radius: 100, loading, children: data?.avatar ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("img", { src: data?.avatar, className: "matchid-contact-item-avatar" }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(AlphaAvatar, { size: isDownMd ? 36 : 48, name: data?.name || "MatchID" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-contact-item-info", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "matchid-contact-item-name", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Skeleton_default, { width: 80, height: 20, loading, children: data?.name || "MatchID User" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "matchid-contact-item-address", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Skeleton_default, { width: 80, height: 16, loading, children: truncateAddress(data?.address || "", 6, 6) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "matchid-contact-item-name", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Skeleton_default, { width: 80, height: isDownMd ? 16 : 20, loading, children: data?.name || "MatchID User" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "matchid-contact-item-address", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Skeleton_default, { width: 80, height: isDownMd ? 12 : 16, loading, children: truncateAddress(data?.address || "", 6, 6) }) })
       ] })
     ] }),
-    action && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "matchid-contact-item-action", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Skeleton_default, { width: 20, height: 20, loading, children: action() }) })
+    action && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "matchid-contact-item-action", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Skeleton_default, { width: 20, height: isDownMd ? 16 : 20, loading, children: action() }) })
   ] });
 }
 function RequestAction({ data, onSuccess }) {
@@ -8558,7 +8559,14 @@ var zh_default = {
   back: "\u8FD4\u56DE",
   importSuccess: "\u6210\u529F\u5BFC\u5165\u4EE3\u5E01",
   importFail: "\u5BFC\u5165\u4EE3\u5E01\u5931\u8D25",
-  changeNetwork: "\u5207\u6362\u7F51\u7EDC"
+  changeNetwork: "\u5207\u6362\u7F51\u7EDC",
+  approveSuccess: "\u6388\u6743\u6210\u529F",
+  Approve: "\u6388\u6743",
+  noFriends: "\u6682\u65E0\u597D\u53CB",
+  noRequests: "\u6682\u65E0\u8BF7\u6C42",
+  noMore: "\u6CA1\u6709\u66F4\u591A",
+  Remove: "\u79FB\u9664",
+  removeSuccess: "\u79FB\u9664\u6210\u529F"
 };
 
 // src/i18n/tw.json
@@ -8639,7 +8647,14 @@ var tw_default = {
   back: "\u8FD4\u56DE",
   importSuccess: "\u6210\u529F\u532F\u5165\u4EE3\u5E63",
   importFail: "\u532F\u5165\u4EE3\u5E63\u5931\u6557",
-  changeNetwork: "\u5207\u63DB\u7DB2\u7D61"
+  changeNetwork: "\u5207\u63DB\u7DB2\u7D61",
+  approveSuccess: "\u6388\u6B0A\u6210\u529F",
+  Approve: "\u6388\u6B0A",
+  noFriends: "\u66AB\u7121\u597D\u53CB",
+  noRequests: "\u66AB\u7121\u8ACB\u6C42",
+  noMore: "\u6C92\u6709\u66F4\u591A",
+  Remove: "\u79FB\u9664",
+  removeSuccess: "\u79FB\u9664\u6210\u529F"
 };
 
 // src/i18n/fr.json
@@ -8720,7 +8735,14 @@ var fr_default = {
   back: "Retour",
   importSuccess: "Importation du jeton r\xE9ussie",
   importFail: "\xC9chec de l'importation du jeton",
-  changeNetwork: "Changer de r\xE9seau"
+  changeNetwork: "Changer de r\xE9seau",
+  approveSuccess: "Approbation r\xE9ussie",
+  Approve: "Approuver",
+  noFriends: "Pas encore d'amis",
+  noRequests: "Pas encore de demandes",
+  noMore: "Plus rien",
+  Remove: "Supprimer",
+  removeSuccess: "Suppression r\xE9ussie"
 };
 
 // src/i18n/ja.json
@@ -8801,7 +8823,14 @@ var ja_default = {
   back: "\u623B\u308B",
   importSuccess: "\u30C8\u30FC\u30AF\u30F3\u306E\u30A4\u30F3\u30DD\u30FC\u30C8\u306B\u6210\u529F\u3057\u307E\u3057\u305F",
   importFail: "\u30C8\u30FC\u30AF\u30F3\u306E\u30A4\u30F3\u30DD\u30FC\u30C8\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
-  changeNetwork: "\u30CD\u30C3\u30C8\u30EF\u30FC\u30AF\u3092\u5909\u66F4"
+  changeNetwork: "\u30CD\u30C3\u30C8\u30EF\u30FC\u30AF\u3092\u5909\u66F4",
+  approveSuccess: "\u627F\u8A8D\u306B\u6210\u529F\u3057\u307E\u3057\u305F",
+  Approve: "\u627F\u8A8D",
+  noFriends: "\u307E\u3060\u53CB\u9054\u304C\u3044\u307E\u305B\u3093",
+  noRequests: "\u307E\u3060\u30EA\u30AF\u30A8\u30B9\u30C8\u304C\u3042\u308A\u307E\u305B\u3093",
+  noMore: "\u3053\u308C\u4EE5\u4E0A\u3042\u308A\u307E\u305B\u3093",
+  Remove: "\u524A\u9664",
+  removeSuccess: "\u524A\u9664\u306B\u6210\u529F\u3057\u307E\u3057\u305F"
 };
 
 // src/i18n/ko.json
@@ -8882,7 +8911,14 @@ var ko_default = {
   back: "\uB4A4\uB85C",
   importSuccess: "\uD1A0\uD070\uC744 \uC131\uACF5\uC801\uC73C\uB85C \uAC00\uC838\uC654\uC2B5\uB2C8\uB2E4",
   importFail: "\uD1A0\uD070 \uAC00\uC838\uC624\uAE30\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4",
-  changeNetwork: "\uB124\uD2B8\uC6CC\uD06C \uBCC0\uACBD"
+  changeNetwork: "\uB124\uD2B8\uC6CC\uD06C \uBCC0\uACBD",
+  approveSuccess: "\uC2B9\uC778 \uC131\uACF5",
+  Approve: "\uC2B9\uC778",
+  noFriends: "\uC544\uC9C1 \uCE5C\uAD6C\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4",
+  noRequests: "\uC544\uC9C1 \uC694\uCCAD\uC774 \uC5C6\uC2B5\uB2C8\uB2E4",
+  noMore: "\uB354 \uC774\uC0C1 \uC5C6\uC74C",
+  Remove: "\uC0AD\uC81C",
+  removeSuccess: "\uC0AD\uC81C \uC131\uACF5"
 };
 
 // src/i18n/vi.json
@@ -8963,7 +8999,14 @@ var vi_default = {
   back: "Quay l\u1EA1i",
   importSuccess: "Nh\u1EADp Token th\xE0nh c\xF4ng",
   importFail: "Kh\xF4ng th\u1EC3 nh\u1EADp Token",
-  changeNetwork: "Thay \u0111\u1ED5i m\u1EA1ng"
+  changeNetwork: "Thay \u0111\u1ED5i m\u1EA1ng",
+  approveSuccess: "Ph\xEA duy\u1EC7t th\xE0nh c\xF4ng",
+  Approve: "Ph\xEA duy\u1EC7t",
+  noFriends: "Ch\u01B0a c\xF3 b\u1EA1n b\xE8",
+  noRequests: "Ch\u01B0a c\xF3 y\xEAu c\u1EA7u n\xE0o",
+  noMore: "Kh\xF4ng c\xF2n n\u1EEFa",
+  Remove: "X\xF3a",
+  removeSuccess: "X\xF3a th\xE0nh c\xF4ng"
 };
 
 // src/i18n/es.json
@@ -9044,7 +9087,14 @@ var es_default = {
   back: "Atr\xE1s",
   importSuccess: "Token importado con \xE9xito",
   importFail: "Error al importar el token",
-  changeNetwork: "Cambiar red"
+  changeNetwork: "Cambiar red",
+  approveSuccess: "Autorizado con \xE9xito",
+  Approve: "Autorizar",
+  noFriends: "A\xFAn no hay amigos",
+  noRequests: "A\xFAn no hay solicitudes",
+  noMore: "No hay m\xE1s",
+  Remove: "Eliminar",
+  removeSuccess: "Eliminado con \xE9xito"
 };
 
 // src/i18n/pt.json
@@ -9125,7 +9175,14 @@ var pt_default = {
   back: "Voltar",
   importSuccess: "Token importado com sucesso",
   importFail: "Falha ao importar o token",
-  changeNetwork: "Alterar rede"
+  changeNetwork: "Alterar rede",
+  approveSuccess: "Aprova\xE7\xE3o bem-sucedida",
+  Approve: "Aprovar",
+  noFriends: "Ainda sem amigos",
+  noRequests: "Ainda sem solicita\xE7\xF5es",
+  noMore: "N\xE3o h\xE1 mais",
+  Remove: "Remover",
+  removeSuccess: "Removido com sucesso"
 };
 
 // src/i18n/index.ts