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

package/dist/{index-DG_gyw1q.d.ts → index-DV_mRu4y.d.ts}

@@ -1,5 +1,5 @@
 import { A as AuthParams, C as ChainType, E as EmbeddedWalletsParams, R as RecoveryType } from './mpc-CTbBWHld.js';
-import { A as AnyObject, k as AppConfigType, l as BindInfoType, m as BindItemType, n as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, o as DrawerProps, E as EmailModalProps, a as IEnvConfigType, p as IEnvName, q as ILoginWalletReq, I as IMatchEvents, g as ISocialLoginMethod, r as IconProps, s as InputProps, L as LocaleType, b as LoginBoxProps, i as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, t as MessageType, u as MetaPageType, v as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, h as OverviewInfo, w as PohItemType, x as PohZkpassParams, P as PopoverPositionType, y as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, z as UIProps, F as UserAssetToken, U as UserChainType, G as UserImportTokenType, H as UserPopoverProps, j as UserTransactionType, J as WalletAssetType, K as WalletChainType, W as WalletConfigType, N as WalletPanelProps, Q as WalletReceiveMessageType, c as WalletType } from './types-CHkU0WHZ.js';
+import { A as AnyObject, k as AppConfigType, l as BindInfoType, m as BindItemType, n as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, o as DrawerProps, E as EmailModalProps, a as IEnvConfigType, p as IEnvName, q as ILoginWalletReq, I as IMatchEvents, g as ISocialLoginMethod, r as IconProps, s as InputProps, L as LocaleType, b as LoginBoxProps, i as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, t as MessageType, u as MetaPageType, v as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, h as OverviewInfo, w as PohItemType, x as PohZkpassParams, P as PopoverPositionType, y as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, z as UIProps, F as UserAssetToken, U as UserChainType, G as UserImportTokenType, H as UserPopoverProps, j as UserTransactionType, J as WalletAssetType, K as WalletChainType, W as WalletConfigType, N as WalletNFTType, Q as WalletPanelProps, S as WalletReceiveMessageType, c as WalletType } from './types-B4BYNw8B.js';
 
 declare const index_AnyObject: typeof AnyObject;
 declare const index_AppConfigType: typeof AppConfigType;
@@ -49,11 +49,12 @@ declare const index_UserTransactionType: typeof UserTransactionType;
 declare const index_WalletAssetType: typeof WalletAssetType;
 declare const index_WalletChainType: typeof WalletChainType;
 declare const index_WalletConfigType: typeof WalletConfigType;
+declare const index_WalletNFTType: typeof WalletNFTType;
 declare const index_WalletPanelProps: typeof WalletPanelProps;
 declare const index_WalletReceiveMessageType: typeof WalletReceiveMessageType;
 declare const index_WalletType: typeof WalletType;
 declare namespace index {
-  export { index_AnyObject as AnyObject, index_AppConfigType as AppConfigType, index_AuthParams as AuthParams, index_BindInfoType as BindInfoType, index_BindItemType as BindItemType, index_BindWalletParam as BindWalletParam, index_ButtonProps as ButtonProps, index_CEXType as CEXType, index_ChainType as ChainType, index_DeepPartial as DeepPartial, index_DrawerProps as DrawerProps, index_EmailModalProps as EmailModalProps, index_EmbeddedWalletsParams as EmbeddedWalletsParams, index_IEnvConfigType as IEnvConfigType, index_IEnvName as IEnvName, index_ILoginWalletReq as ILoginWalletReq, index_IMatchEvents as IMatchEvents, index_ISocialLoginMethod as ISocialLoginMethod, index_IconProps as IconProps, index_InputProps as InputProps, index_LocaleType as LocaleType, index_LoginBoxProps as LoginBoxProps, index_LoginMethodType as LoginMethodType, index_LoginModalProps as LoginModalProps, index_LoginPanelProps as LoginPanelProps, index_MessageType as MessageType, index_MetaPageType as MetaPageType, index_ModalProps as ModalProps, index_ModalWithHeaderProps as ModalWithHeaderProps, index_OtherLoginMethodType as OtherLoginMethodType, index_OverviewInfo as OverviewInfo, index_PohItemType as PohItemType, index_PohZkpassParams as PohZkpassParams, index_PopoverPositionType as PopoverPositionType, index_PopoverProps as PopoverProps, index_PopoverTypeType as PopoverTypeType, index_RecommendLoginMethodType as RecommendLoginMethodType, index_RecoveryType as RecoveryType, index_ThemeType as ThemeType, index_UIProps as UIProps, index_UserAssetToken as UserAssetToken, index_UserChainType as UserChainType, index_UserImportTokenType as UserImportTokenType, index_UserPopoverProps as UserPopoverProps, index_UserTransactionType as UserTransactionType, index_WalletAssetType as WalletAssetType, index_WalletChainType as WalletChainType, index_WalletConfigType as WalletConfigType, index_WalletPanelProps as WalletPanelProps, index_WalletReceiveMessageType as WalletReceiveMessageType, index_WalletType as WalletType };
+  export { index_AnyObject as AnyObject, index_AppConfigType as AppConfigType, index_AuthParams as AuthParams, index_BindInfoType as BindInfoType, index_BindItemType as BindItemType, index_BindWalletParam as BindWalletParam, index_ButtonProps as ButtonProps, index_CEXType as CEXType, index_ChainType as ChainType, index_DeepPartial as DeepPartial, index_DrawerProps as DrawerProps, index_EmailModalProps as EmailModalProps, index_EmbeddedWalletsParams as EmbeddedWalletsParams, index_IEnvConfigType as IEnvConfigType, index_IEnvName as IEnvName, index_ILoginWalletReq as ILoginWalletReq, index_IMatchEvents as IMatchEvents, index_ISocialLoginMethod as ISocialLoginMethod, index_IconProps as IconProps, index_InputProps as InputProps, index_LocaleType as LocaleType, index_LoginBoxProps as LoginBoxProps, index_LoginMethodType as LoginMethodType, index_LoginModalProps as LoginModalProps, index_LoginPanelProps as LoginPanelProps, index_MessageType as MessageType, index_MetaPageType as MetaPageType, index_ModalProps as ModalProps, index_ModalWithHeaderProps as ModalWithHeaderProps, index_OtherLoginMethodType as OtherLoginMethodType, index_OverviewInfo as OverviewInfo, index_PohItemType as PohItemType, index_PohZkpassParams as PohZkpassParams, index_PopoverPositionType as PopoverPositionType, index_PopoverProps as PopoverProps, index_PopoverTypeType as PopoverTypeType, index_RecommendLoginMethodType as RecommendLoginMethodType, index_RecoveryType as RecoveryType, index_ThemeType as ThemeType, index_UIProps as UIProps, index_UserAssetToken as UserAssetToken, index_UserChainType as UserChainType, index_UserImportTokenType as UserImportTokenType, index_UserPopoverProps as UserPopoverProps, index_UserTransactionType as UserTransactionType, index_WalletAssetType as WalletAssetType, index_WalletChainType as WalletChainType, index_WalletConfigType as WalletConfigType, index_WalletNFTType as WalletNFTType, index_WalletPanelProps as WalletPanelProps, index_WalletReceiveMessageType as WalletReceiveMessageType, index_WalletType as WalletType };
 }
 
 export { index as i };

package/dist/{index-Bzcc-y8m.d.ts → index-DcxdJ0m2.d.ts}

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

package/dist/{index-BvLpvebq.d.mts → index-Dzvj-uGt.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-DbG5IjhP.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-CB4j_ONH.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { o as DrawerProps, N as WalletPanelProps, z as UIProps } from './types-CHkU0WHZ.mjs';
+import { o as DrawerProps, Q as WalletPanelProps, z as UIProps } from './types-B4BYNw8B.mjs';
 import { Hash, Chain } from 'viem';
 import { CSSProperties } from 'react';
 

package/dist/{index-Cwx2p8th.d.ts → index-dhPbMbvL.d.ts}

@@ -1,6 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions } from '@tanstack/react-query/src/types';
-import { x as PohZkpassParams, j as UserTransactionType, J as WalletAssetType, u as MetaPageType, m as BindItemType, l as BindInfoType, w as PohItemType, U as UserChainType, F as UserAssetToken, G as UserImportTokenType, K as WalletChainType } from './types-CHkU0WHZ.js';
+import { x as PohZkpassParams, j as UserTransactionType, J as WalletAssetType, u as MetaPageType, m as BindItemType, l as BindInfoType, w as PohItemType, U as UserChainType, F as UserAssetToken, G as UserImportTokenType, K as WalletChainType, N as WalletNFTType } from './types-B4BYNw8B.js';
 
 declare const isSuccess: (res: {
     code: number;
@@ -37,7 +37,7 @@ declare const userImportTokenApi: (data: {
     chain_id: string;
     symbol: string;
     address: string;
-    decimals: number;
+    decimals: string;
 }) => Promise<MyResponseType<any>>;
 declare const getUserWalletTransactionsApi: (data: {
     chain_id: string;
@@ -51,7 +51,10 @@ declare const getUserWalletTransactionsApi: (data: {
 declare const getWalletAssetListApi: (data: {
     chain_id: string;
     address: string;
-}) => Promise<MyResponseType<WalletAssetType[]>>;
+}) => Promise<MyResponseType<{
+    asset_list: WalletAssetType[];
+    asset_total_balance: string;
+}>>;
 declare const getWalletListApi: (data: {
     page: number;
     page_size: number;
@@ -97,6 +100,10 @@ declare function useImportTokenListQuery({ chainId, ...options }: {
     chainId: number;
 } & Partial<Omit<UseQueryOptions<UserImportTokenType[]>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<UserImportTokenType[], Error>;
 declare function useWalletChainListQuery(options?: Partial<Omit<UseQueryOptions<WalletChainType[]>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<WalletChainType[], Error>;
+declare function useWalletNftListQuery({ chainId, address, ...options }: {
+    chainId: string;
+    address: string;
+} & Partial<Omit<UseQueryOptions<WalletNFTType[]>, 'queryKey' | 'queryFn'>>): _tanstack_react_query.UseQueryResult<WalletNFTType[], Error>;
 
 declare const wallet_getUserWalletTransactionsApi: typeof getUserWalletTransactionsApi;
 declare const wallet_getWalletAssetListApi: typeof getWalletAssetListApi;
@@ -105,9 +112,10 @@ declare const wallet_useAssetListQuery: typeof useAssetListQuery;
 declare const wallet_useChainListQuery: typeof useChainListQuery;
 declare const wallet_useImportTokenListQuery: typeof useImportTokenListQuery;
 declare const wallet_useWalletChainListQuery: typeof useWalletChainListQuery;
+declare const wallet_useWalletNftListQuery: typeof useWalletNftListQuery;
 declare const wallet_userImportTokenApi: typeof userImportTokenApi;
 declare namespace wallet {
-  export { wallet_getUserWalletTransactionsApi as getUserWalletTransactionsApi, wallet_getWalletAssetListApi as getWalletAssetListApi, wallet_getWalletListApi as getWalletListApi, wallet_useAssetListQuery as useAssetListQuery, wallet_useChainListQuery as useChainListQuery, wallet_useImportTokenListQuery as useImportTokenListQuery, wallet_useWalletChainListQuery as useWalletChainListQuery, wallet_userImportTokenApi as userImportTokenApi };
+  export { wallet_getUserWalletTransactionsApi as getUserWalletTransactionsApi, wallet_getWalletAssetListApi as getWalletAssetListApi, wallet_getWalletListApi as getWalletListApi, wallet_useAssetListQuery as useAssetListQuery, wallet_useChainListQuery as useChainListQuery, wallet_useImportTokenListQuery as useImportTokenListQuery, wallet_useWalletChainListQuery as useWalletChainListQuery, wallet_useWalletNftListQuery as useWalletNftListQuery, wallet_userImportTokenApi as userImportTokenApi };
 }
 
 declare const index_bind: typeof bind;

package/dist/index.css

@@ -1278,3 +1278,14 @@ body {
         }
     }
 }
+
+.matchid-import-token{
+    display: flex;
+    flex-direction: column;
+    gap:48px;
+    .matchid-import-token-form{
+        display: flex;
+        flex-direction: column;
+        gap:24px
+    }
+}

package/dist/index.d.mts

@@ -1,17 +1,18 @@
 import React, { ReactNode } from 'react';
-import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-CHkU0WHZ.mjs';
-export { i as Components } from './index-BZrddrq-.mjs';
-export { i as UI } from './index-BvLpvebq.mjs';
-export { i as Hooks } from './index-DktvxNJc.mjs';
-export { i as Api } from './index-B8DYrhSW.mjs';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-B4BYNw8B.mjs';
+export { i as Components } from './index-C_S7k6z2.mjs';
+export { i as UI } from './index-Dzvj-uGt.mjs';
+export { i as Hooks } from './index-DDV4F9ka.mjs';
+export { i as Api } from './index-B7A0lN0C.mjs';
 export { i as Chains } from './index-DXRGMAbv.mjs';
-export { i as Types } from './index-B-s1k4Da.mjs';
+export { i as Types } from './index-CKyWWkzU.mjs';
 import 'react/jsx-runtime';
-import './index-DbG5IjhP.mjs';
+import './index-CB4j_ONH.mjs';
 import 'viem';
 import './mpc-CTbBWHld.mjs';
 import 'viem/types/misc';
 import 'abitype';
+import 'viem/_types/actions/siwe/verifySiweMessage';
 import '@tanstack/react-query';
 import '@tanstack/react-query/src/types';
 

package/dist/index.d.ts

@@ -1,17 +1,18 @@
 import React, { ReactNode } from 'react';
-import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-CHkU0WHZ.js';
-export { i as Components } from './index-BHvCA7F9.js';
-export { i as UI } from './index-DCeOyAw8.js';
-export { i as Hooks } from './index-DaEFoDv_.js';
-export { i as Api } from './index-Cwx2p8th.js';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-B4BYNw8B.js';
+export { i as Components } from './index-D-uNr-JV.js';
+export { i as UI } from './index-Bbn2Stvu.js';
+export { i as Hooks } from './index-Bz53bbI_.js';
+export { i as Api } from './index-dhPbMbvL.js';
 export { i as Chains } from './index-DXRGMAbv.js';
-export { i as Types } from './index-DG_gyw1q.js';
+export { i as Types } from './index-DV_mRu4y.js';
 import 'react/jsx-runtime';
-import './index-Bzcc-y8m.js';
+import './index-DcxdJ0m2.js';
 import 'viem';
 import './mpc-CTbBWHld.js';
 import 'viem/types/misc';
 import 'abitype';
+import 'viem/_types/actions/siwe/verifySiweMessage';
 import '@tanstack/react-query';
 import '@tanstack/react-query/src/types';
 

package/dist/index.js

@@ -455,6 +455,13 @@ var getWalletChainListApi = () => {
     method: "POST"
   });
 };
+var getWalletNftListApi = (data) => {
+  return request_default({
+    url: `/api/v1/wallet/nfts`,
+    method: "POST",
+    data
+  });
+};
 
 // src/store/useLocalStore.ts
 var persistedState = (0, import_middleware.persist)(
@@ -2839,6 +2846,7 @@ __export(wallet_exports, {
   useChainListQuery: () => useChainListQuery,
   useImportTokenListQuery: () => useImportTokenListQuery,
   useWalletChainListQuery: () => useWalletChainListQuery,
+  useWalletNftListQuery: () => useWalletNftListQuery,
   userImportTokenApi: () => userImportTokenApi
 });
 var import_react_query2 = require("@tanstack/react-query");
@@ -2908,9 +2916,32 @@ function useWalletChainListQuery(options) {
     ...options
   });
 }
+function useWalletNftListQuery({
+  chainId,
+  address: address2,
+  ...options
+}) {
+  const { isLogin, token } = useUserInfo();
+  return (0, import_react_query2.useQuery)({
+    queryKey: ["match-wallet-nft-list", token, chainId, address2],
+    queryFn: async () => {
+      const res = await getWalletNftListApi({
+        chain_id: chainId.toString(),
+        address: address2
+      });
+      if (!isSuccess(res)) {
+        return [];
+      }
+      return res.data;
+    },
+    enabled: isLogin,
+    ...options
+  });
+}
 
 // src/hooks/useMatchChain.tsx
 var import_react13 = require("react");
+var import_viem5 = require("viem");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 function useMatchChain() {
   const chainListQuery = useChainListQuery();
@@ -2970,13 +3001,23 @@ function useMatchChain() {
       content: ChangeNetwork
     });
   };
+  const publicClient = (0, import_react13.useMemo)(() => {
+    if (!chain) {
+      return null;
+    }
+    return (0, import_viem5.createPublicClient)({
+      chain,
+      transport: (0, import_viem5.http)()
+    });
+  }, [chain]);
   return {
     list: chainListQuery.data,
     chainId,
     setChainId,
     chain,
     explorerLink,
-    showChangeNetwork
+    showChangeNetwork,
+    publicClient
   };
 }
 
@@ -4874,50 +4915,210 @@ var address = "0x4143e29770fd63e24bb1f32d50bf8a590e34de4b";
 
 // src/hooks/useMatchWallet.tsx
 var import_jsx_runtime79 = require("react/jsx-runtime");
-function useMatchWallet() {
-  const modal = useModal();
-  const { address: address2 } = useWallet();
+var ReceiveModal = () => {
   const chain = useMatchChain();
+  const { address: address2 } = useWallet();
   const [copied, setCopied] = useCopyClipboard();
   const toast = useToast();
   const onCopy = () => {
     setCopied(address2);
     toast.success("Copied!");
   };
+  const chainLink = chain.explorerLink("address/" + address2);
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: `matchid-receive-modal`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "matchid-receive-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: `matchid-receive-text`, children: "Receive by scanning the QR code" }),
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        import_react_qrcode.QRCode,
+        {
+          margin: "0",
+          className: `matchid-qr-code`,
+          value: address2
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        "a",
+        {
+          href: chainLink,
+          target: "_blank",
+          className: `matchid-receive-link`,
+          children: address2
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: "Copy Address" })
+  ] });
+};
+var ImportTokenModal = ({ close }) => {
+  const [address2, setAddress] = (0, import_react29.useState)("");
+  const [symbol, setSymbol] = (0, import_react29.useState)("");
+  const [decimals, setDecimals] = (0, import_react29.useState)("");
+  const [error, setError] = (0, import_react29.useState)({});
+  const { publicClient, chainId } = useMatchChain();
+  const getContractInfo = async () => {
+    if (!publicClient) return;
+    const erc20Abi = [
+      {
+        name: "decimals",
+        type: "function",
+        stateMutability: "view",
+        inputs: [],
+        outputs: [{ name: "decimals", type: "uint8" }]
+      },
+      {
+        name: "symbol",
+        type: "function",
+        stateMutability: "view",
+        inputs: [],
+        outputs: [{ name: "symbol", type: "string" }]
+      }
+    ];
+    const calls = [
+      {
+        address: address2,
+        abi: erc20Abi,
+        functionName: "symbol",
+        args: []
+      },
+      {
+        address: address2,
+        abi: erc20Abi,
+        functionName: "decimals",
+        args: []
+      }
+    ];
+    try {
+      const results = await publicClient.multicall({ contracts: calls });
+      console.log("results", results);
+      if (!symbol && results[0]?.status == "success") {
+        setSymbol(results[0]?.result);
+      }
+      if (!decimals && results[1]?.status == "success") {
+        setDecimals((results[1]?.result).toString());
+      }
+    } catch (error2) {
+      setError({
+        address: error2.message
+      });
+    }
+  };
+  (0, import_react29.useEffect)(() => {
+    if (address2.length === 42) {
+      const reg = /^0x[0-9a-fA-F]{40}$/;
+      if (!reg.test(address2)) {
+        setError({
+          ...error,
+          address: "Invalid address"
+        });
+      } else {
+        setError({
+          ...error,
+          address: ""
+        });
+        publicClient && getContractInfo();
+      }
+    }
+  }, [address2, publicClient]);
+  const [loading, setLoading] = (0, import_react29.useState)(false);
+  const toast = useToast();
+  const onImport = async () => {
+    setLoading(true);
+    try {
+      const res = await userImportTokenApi({
+        chain_id: chainId?.toString() || "",
+        symbol,
+        address: address2,
+        decimals
+      });
+      if (isSuccess(res)) {
+        toast.success("Imported successfully");
+        close();
+      } else {
+        toast.error(res.message);
+      }
+    } catch (error2) {
+      toast.error(error2.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const canImport = (0, import_react29.useMemo)(() => {
+    if (!address2) {
+      return false;
+    }
+    if (!symbol) {
+      return false;
+    }
+    if (decimals.length === 0) {
+      return false;
+    }
+    const reg = /^0x[0-9a-fA-F]{40}$/;
+    if (!reg.test(address2)) {
+      return false;
+    }
+    return true;
+  }, [error, address2, symbol, decimals]);
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: `matchid-import-token`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "matchid-import-token-form", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Field, { label: "Token Smart Contract", error: error.address, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        Input,
+        {
+          placeholder: "Enter the Token Smart Contract",
+          value: address2,
+          onChange: (e) => setAddress(e.target.value),
+          maxLength: 42
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Field, { label: "Token Symbol", error: error.symbol, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        Input,
+        {
+          placeholder: "Enter the Token Symbol",
+          value: symbol,
+          onChange: (e) => setSymbol(e.target.value),
+          maxLength: 16
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Field, { label: "Decimals", error: error.decimals, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        Input,
+        {
+          placeholder: "Enter the Decimals",
+          type: "number",
+          value: decimals,
+          onChange: (e) => setDecimals(e.target.value)
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+      Button,
+      {
+        size: "lg",
+        onClick: onImport,
+        block: true,
+        loading,
+        disabled: !canImport,
+        highlight: true,
+        children: "Import"
+      }
+    )
+  ] });
+};
+function useMatchWallet() {
+  const modal = useModal();
   const showReceiveModal = () => {
-    const chainLink = chain.explorerLink("address/" + address2);
-    const ReceiveModal = () => {
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: `matchid-receive-modal`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "matchid-receive-container", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: `matchid-receive-text`, children: "Receive by scanning the QR code" }),
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-            import_react_qrcode.QRCode,
-            {
-              margin: "0",
-              className: `matchid-qr-code`,
-              value: address2
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-            "a",
-            {
-              href: chainLink,
-              target: "_blank",
-              className: `matchid-receive-link`,
-              children: address2
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: "Copy Address" })
-      ] });
-    };
     modal.open({
       title: "Receive",
       content: ReceiveModal
     });
   };
+  const showImportTokenModal = () => {
+    modal.open({
+      title: "Customized Token",
+      content: ImportTokenModal
+    });
+  };
   return {
-    showReceiveModal
+    showReceiveModal,
+    showImportTokenModal
   };
 }
 function useMatchWalletRecords({
@@ -4966,7 +5167,7 @@ function useMatchWalletRecords({
 // src/hooks/useReceipt.tsx
 var import_react30 = require("react");
 var import_react_query4 = require("@tanstack/react-query");
-var import_viem5 = require("viem");
+var import_viem6 = require("viem");
 var CACHE_TTL = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE = 500;
 var STORAGE_KEY = "match_receipt_logs";
@@ -5083,10 +5284,9 @@ function useReceipt({
         return cache.get(cacheKey);
       }
       try {
-        const publicClient = (0, import_viem5.createPublicClient)({
-          //@ts-ignore
-          chain: (0, import_viem5.defineChain)(chain),
-          transport: (0, import_viem5.http)()
+        const publicClient = (0, import_viem6.createPublicClient)({
+          chain: (0, import_viem6.defineChain)(chain),
+          transport: (0, import_viem6.http)()
         });
         const receipt = await publicClient.getTransactionReceipt({ hash });
         if (!receipt) {
@@ -5111,7 +5311,7 @@ function useReceipt({
 // src/hooks/useTransaction.tsx
 var import_react31 = require("react");
 var import_react_query5 = require("@tanstack/react-query");
-var import_viem6 = require("viem");
+var import_viem7 = require("viem");
 var CACHE_TTL2 = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE2 = 500;
 var STORAGE_KEY2 = "match_transaction_logs";
@@ -5228,10 +5428,9 @@ function useTransaction({
         return cache.get(cacheKey);
       }
       try {
-        const publicClient = (0, import_viem6.createPublicClient)({
-          //@ts-ignore
-          chain: (0, import_viem6.defineChain)(chain),
-          transport: (0, import_viem6.http)()
+        const publicClient = (0, import_viem7.createPublicClient)({
+          chain: (0, import_viem7.defineChain)(chain),
+          transport: (0, import_viem7.http)()
         });
         const transaction = await publicClient.getTransaction({ hash });
         if (!transaction) {
@@ -6414,8 +6613,8 @@ __export(chains_exports, {
 });
 
 // src/config/chains/MatchMain.ts
-var import_viem7 = require("viem");
-var matchMain = /* @__PURE__ */ (0, import_viem7.defineChain)({
+var import_viem8 = require("viem");
+var matchMain = /* @__PURE__ */ (0, import_viem8.defineChain)({
   //定义match链
   id: 698,
   name: "Matchain",
@@ -6442,8 +6641,8 @@ var matchMain = /* @__PURE__ */ (0, import_viem7.defineChain)({
 });
 
 // src/config/chains/MatchTest.ts
-var import_viem8 = require("viem");
-var matchTest = /* @__PURE__ */ (0, import_viem8.defineChain)({
+var import_viem9 = require("viem");
+var matchTest = /* @__PURE__ */ (0, import_viem9.defineChain)({
   //定义matchTest链
   id: 699,
   name: "MatchTest",