@matchain/matchid-sdk-react 0.1.53-alpha.9 → 0.1.55-alpha.0

package/dist/hooks/index.js

@@ -356,10 +356,10 @@ var localStore = useLocalStore;
 var useLocalStore_default = useLocalStore;
 
 // src/hooks/useUserInfo.tsx
-var import_react35 = require("react");
+var import_react34 = require("react");
 
 // src/MatchContext.tsx
-var import_react34 = require("react");
+var import_react33 = require("react");
 
 // src/store/useModalStore.ts
 var import_zustand2 = require("zustand");
@@ -691,7 +691,10 @@ var useWalletModalStore = (0, import_zustand2.create)((set) => ({
 }));
 
 // src/components/EmailModal/index.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
+
+// src/ui/Modal/index.tsx
+var import_react3 = require("react");
 
 // src/ui/Overlay/index.tsx
 var import_react2 = require("react");
@@ -724,6 +727,7 @@ function Overlay({
 }
 
 // src/ui/Modal/index.tsx
+var import_react_intl = require("react-intl");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function Modal({
   children,
@@ -762,7 +766,7 @@ function ModalWithHeader({
 }
 
 // src/components/EmailModal/StepEmail.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/utils/index.tsx
 var import_moment = __toESM(require("moment"));
@@ -862,7 +866,8 @@ function Button({
   type = "button",
   rounded = true,
   className = "",
-  style = {}
+  style = {},
+  dataset = {}
 }) {
   const onAction = () => {
     if (!disabled && !loading) {
@@ -879,13 +884,14 @@ function Button({
         ...style
       },
       onClick: onAction,
+      ...dataset,
       children: loading ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
     }
   );
 }
 
 // src/ui/Input/index.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 function Input({
   onChange,
@@ -894,7 +900,7 @@ function Input({
   className = "",
   ...props
 }) {
-  const [inputType, setInputType] = (0, import_react3.useState)(type);
+  const [inputType, setInputType] = (0, import_react4.useState)(type);
   const isDownMd = useDownMd();
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "div",
@@ -943,30 +949,30 @@ function Field({
 }
 
 // src/components/EmailModal/StepEmail.tsx
-var import_react_intl = require("react-intl");
+var import_react_intl2 = require("react-intl");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/components/EmailModal/StepVerify.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 
 // src/config/index.tsx
 var NATIVE_TOKEN_ADDRESS = "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee";
 
 // src/components/EmailModal/StepVerify.tsx
-var import_react_intl2 = require("react-intl");
+var import_react_intl3 = require("react-intl");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
-var import_react_intl3 = require("react-intl");
+var import_react_intl4 = require("react-intl");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 
 // src/ui/Popover/index.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 
 // src/components/LoginBox/index.tsx
-var import_react8 = require("react");
-var import_react_intl4 = require("react-intl");
+var import_react9 = require("react");
+var import_react_intl5 = require("react-intl");
 
 // src/hooks/useAppConfig.ts
 var import_react_query = require("@tanstack/react-query");
@@ -975,32 +981,32 @@ var import_react_query = require("@tanstack/react-query");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 
 // src/components/LoginPanel/index.tsx
-var import_react_intl5 = require("react-intl");
+var import_react_intl6 = require("react-intl");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 
 // src/components/LoginModal/index.tsx
 var import_jsx_runtime64 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
 var import_jsx_runtime65 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
-var import_react_intl6 = require("react-intl");
+var import_react_intl7 = require("react-intl");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
-var import_react_intl7 = require("react-intl");
+var import_react_intl8 = require("react-intl");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
-var import_react11 = require("react");
-var import_react_intl8 = require("react-intl");
+var import_react12 = require("react");
+var import_react_intl9 = require("react-intl");
 var import_jsx_runtime68 = require("react/jsx-runtime");
 
 // src/ui/Drawer/index.tsx
@@ -1030,7 +1036,7 @@ function Drawer({
 }
 
 // src/ui/HashPanel/index.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 
 // src/ui/ModalDrawer/index.tsx
 var import_jsx_runtime70 = require("react/jsx-runtime");
@@ -1107,7 +1113,7 @@ function HashPanel({
   onClose,
   zIndex
 }) {
-  const [status, setStatus] = (0, import_react12.useState)("confirm");
+  const [status, setStatus] = (0, import_react13.useState)("confirm");
   const statusMaps = {
     "confirm": {
       icon: confirm_default,
@@ -1131,8 +1137,8 @@ function HashPanel({
     }
   };
   const statusValue = statusMaps[status];
-  const [shouldRefetch, setShouldRefetch] = (0, import_react12.useState)(true);
-  (0, import_react12.useEffect)(() => {
+  const [shouldRefetch, setShouldRefetch] = (0, import_react13.useState)(true);
+  (0, import_react13.useEffect)(() => {
     if (hash) {
       setShouldRefetch(true);
       setStatus("pending");
@@ -1145,7 +1151,7 @@ function HashPanel({
     chain,
     refetchInterval: shouldRefetch ? 3e3 : false
   });
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (hashQuery.data == 1 || hashQuery.data == -1) {
       setShouldRefetch(false);
     }
@@ -1199,7 +1205,7 @@ function HashPanel_default(props) {
 var import_jsx_runtime72 = require("react/jsx-runtime");
 
 // src/ui/AlphaAvatar/index.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_jsx_runtime73 = require("react/jsx-runtime");
 function AlphaAvatar({
   name,
@@ -1207,7 +1213,7 @@ function AlphaAvatar({
   className = "",
   style
 }) {
-  const avatar = (0, import_react13.useMemo)(() => {
+  const avatar = (0, import_react14.useMemo)(() => {
     if (name) {
       const char = name[0].toUpperCase();
       if (char.match(/[a-zA-Z0-9]/)) {
@@ -1254,7 +1260,7 @@ var import_jsx_runtime75 = require("react/jsx-runtime");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 
 // src/components/EVMModal/index.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/hooks/eventManager.ts
 var EventManager = class {
@@ -1285,85 +1291,21 @@ var eventManager = new EventManager();
 var eventManager_default = eventManager;
 
 // src/components/EVMModal/index.tsx
-var import_react_intl9 = require("react-intl");
+var import_react_intl10 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_jsx_runtime77 = require("react/jsx-runtime");
 
 // src/components/EVMModal/index.tsx
-var import_chains = require("wagmi/chains");
 var import_rainbowkit = require("@rainbow-me/rainbowkit");
 var import_wagmi2 = require("wagmi");
-var import_wallets = require("@rainbow-me/rainbowkit/wallets");
-
-// src/config/chains/MatchMain.ts
-var import_viem2 = require("viem");
-var matchMain = /* @__PURE__ */ (0, import_viem2.defineChain)({
-  //定义match链
-  id: 698,
-  name: "Matchain",
-  nativeCurrency: { name: "Match Coin", symbol: "BNB", decimals: 18 },
-  rpcUrls: {
-    default: {
-      http: ["https://rpc.matchain.io"]
-    }
-  },
-  blockExplorers: {
-    default: {
-      name: "Matchscan",
-      url: "https://matchscan.io/",
-      apiUrl: "https://matchscan.io/api"
-    }
-  },
-  iconUrl: "https://matchscan.io/static/identicon_logos/blockies.png",
-  contracts: {
-    multicall3: {
-      address: "0xca11bde05977b3631167028862be2a173976ca11"
-    }
-  }
-  // testnet: true,
-});
-
-// src/config/chains/MatchTest.ts
-var import_viem3 = require("viem");
-var matchTest = /* @__PURE__ */ (0, import_viem3.defineChain)({
-  //定义matchTest链
-  id: 699,
-  name: "MatchTest",
-  nativeCurrency: { name: "Match Coin", symbol: "BNB", decimals: 18 },
-  rpcUrls: {
-    default: {
-      http: ["https://testnet-rpc.matchain.io"]
-    }
-  },
-  blockExplorers: {
-    default: {
-      name: "Matchscan",
-      url: "https://testnet.matchscan.io/",
-      apiUrl: "https://testnet.matchscan.io/api"
-    }
-  },
-  iconUrl: "https://testnet.matchscan.io/static/identicon_logos/blockies.png",
-  contracts: {
-    multicall3: {
-      address: "0xca11bde05977b3631167028862be2a173976ca11",
-      blockCreated: 751532
-    },
-    ensRegistry: { address: "0x00000000000C2E074eC69A0dFb2997BA6C7d2e1e" },
-    ensUniversalResolver: {
-      address: "0xc8Af999e38273D658BE1b921b88A9Ddf005769cC",
-      blockCreated: 5317080
-    }
-  }
-  // testnet: true,
-});
 
 // src/hooks/useWalletBox.ts
-var import_react15 = require("react");
+var import_react16 = require("react");
 
 // src/hooks/useEthersSigner.ts
-var React4 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 var import_wagmi = require("wagmi");
 var import_ethers = require("ethers");
 
@@ -1371,64 +1313,47 @@ var import_ethers = require("ethers");
 var import_siwe = require("siwe");
 var import_styles = require("@rainbow-me/rainbowkit/styles.css");
 var import_jsx_runtime78 = require("react/jsx-runtime");
-var wagmiConfig = (0, import_rainbowkit.getDefaultConfig)({
-  appName: "MatchID",
-  projectId: "9ac6ea7e07860f04616fb311b447dee9",
-  wallets: [
-    {
-      groupName: "Recommended",
-      wallets: [
-        import_wallets.metaMaskWallet,
-        import_wallets.walletConnectWallet,
-        import_wallets.okxWallet,
-        import_wallets.bitgetWallet,
-        import_wallets.injectedWallet
-      ]
-    }
-  ],
-  chains: [import_chains.mainnet, import_chains.polygon, import_chains.optimism, import_chains.arbitrum, import_chains.base, matchMain, matchTest, import_chains.bsc]
-});
 
 // src/components/TRONModal/index.tsx
-var import_react18 = __toESM(require("react"));
-var import_react_intl10 = require("react-intl");
+var import_react19 = __toESM(require("react"));
+var import_react_intl11 = require("react-intl");
 
 // src/hooks/useTRONWallet.ts
-var import_react17 = require("react");
+var import_react18 = require("react");
 
 // src/components/TRONModal/index.tsx
 var import_jsx_runtime79 = require("react/jsx-runtime");
 
 // src/components/TONModal/index.tsx
-var import_react19 = __toESM(require("react"));
-var import_react_intl11 = require("react-intl");
+var import_react20 = __toESM(require("react"));
+var import_react_intl12 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 
 // src/components/BTCModal/index.tsx
-var import_react21 = __toESM(require("react"));
-var import_react_intl12 = require("react-intl");
+var import_react22 = __toESM(require("react"));
+var import_react_intl13 = require("react-intl");
 
 // src/lib/btc/XverseAdapter.ts
 var import_sats_connect = require("sats-connect");
 
 // src/hooks/useBTCWallet.ts
-var import_react20 = require("react");
+var import_react21 = require("react");
 
 // src/components/BTCModal/index.tsx
 var import_jsx_runtime81 = require("react/jsx-runtime");
 
 // src/components/WalletModal/index.tsx
-var import_react22 = require("react");
-var import_react_intl13 = require("react-intl");
+var import_react23 = require("react");
+var import_react_intl14 = require("react-intl");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 
 // src/components/AlphaAvatar/index.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 function AlphaAvatar2({ name, size = 40, className = "" }) {
-  const [avatar, setAvatar] = (0, import_react23.useState)(void 0);
-  (0, import_react23.useEffect)(() => {
+  const [avatar, setAvatar] = (0, import_react24.useState)(void 0);
+  (0, import_react24.useEffect)(() => {
     if (name) {
       const char = name[0].toUpperCase();
       setAvatar(char);
@@ -1445,9 +1370,9 @@ function AlphaAvatar2({ name, size = 40, className = "" }) {
 var import_jsx_runtime84 = require("react/jsx-runtime");
 
 // src/components/TokenSend/index.tsx
-var import_react24 = require("react");
-var import_viem4 = require("viem");
-var import_react_intl14 = require("react-intl");
+var import_react25 = require("react");
+var import_viem2 = require("viem");
+var import_react_intl15 = require("react-intl");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 function Input2({
   onChange,
@@ -1480,36 +1405,36 @@ function TokenSend({
   onBack
 }) {
   const { list: chainList } = useMatchChain();
-  const intl = (0, import_react_intl14.useIntl)();
+  const intl = (0, import_react_intl15.useIntl)();
   const { createWalletClient: createWalletClient2 } = useWallet();
   const isNative = token.address.toLowerCase() == NATIVE_TOKEN_ADDRESS;
-  const chain = (0, import_react24.useMemo)(() => {
+  const chain = (0, import_react25.useMemo)(() => {
     return chainList?.find((m) => m.id.toString() === token.chain_id);
   }, [chainList, token.chain_id]);
-  const walletClient = (0, import_react24.useMemo)(() => {
+  const walletClient = (0, import_react25.useMemo)(() => {
     return createWalletClient2({
       // @ts-ignore
-      chain: (0, import_viem4.defineChain)(chain),
-      transport: (0, import_viem4.http)()
+      chain: (0, import_viem2.defineChain)(chain),
+      transport: (0, import_viem2.http)()
     });
   }, [chain]);
-  const [amount, setAmount] = (0, import_react24.useState)("");
-  const [address, setAddress] = (0, import_react24.useState)("");
-  const [loading, setLoading] = (0, import_react24.useState)(false);
-  const [sending, setSending] = (0, import_react24.useState)(false);
-  const [txError, setTxError] = (0, import_react24.useState)("");
-  const transaction = (0, import_react24.useMemo)(() => {
+  const [amount, setAmount] = (0, import_react25.useState)("");
+  const [address, setAddress] = (0, import_react25.useState)("");
+  const [loading, setLoading] = (0, import_react25.useState)(false);
+  const [sending, setSending] = (0, import_react25.useState)(false);
+  const [txError, setTxError] = (0, import_react25.useState)("");
+  const transaction = (0, import_react25.useMemo)(() => {
     const reg = /^0x[a-fA-F0-9]{40}$/;
     if (!amount || !address || !reg.test(address)) {
       return;
     }
-    const viemChain = (0, import_viem4.defineChain)(chain);
+    const viemChain = (0, import_viem2.defineChain)(chain);
     const to = isNative ? address : token.address;
-    const value = isNative ? (0, import_viem4.parseUnits)(amount, parseInt(token?.decimals || "18")) : BigInt(0);
-    const data = isNative ? "0x" : (0, import_viem4.encodeFunctionData)({
-      abi: import_viem4.erc20Abi,
+    const value = isNative ? (0, import_viem2.parseUnits)(amount, parseInt(token?.decimals || "18")) : BigInt(0);
+    const data = isNative ? "0x" : (0, import_viem2.encodeFunctionData)({
+      abi: import_viem2.erc20Abi,
       functionName: "transfer",
-      args: [address, (0, import_viem4.parseUnits)(amount, parseInt(token?.decimals || "18"))]
+      args: [address, (0, import_viem2.parseUnits)(amount, parseInt(token?.decimals || "18"))]
     });
     return {
       to,
@@ -1529,7 +1454,7 @@ function TokenSend({
       setLoading(false);
     }
   };
-  const error = (0, import_react24.useMemo)(() => {
+  const error = (0, import_react25.useMemo)(() => {
     setTxError("");
     let amountError = "";
     let addressError = "";
@@ -1572,7 +1497,7 @@ function TokenSend({
       setAmount(value);
     }
   };
-  const canSend = (0, import_react24.useMemo)(() => {
+  const canSend = (0, import_react25.useMemo)(() => {
     return !error.amount && !error.address && amount && address;
   }, [error]);
   const onNext = async () => {
@@ -1582,7 +1507,7 @@ function TokenSend({
     }
     onClose();
   };
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     const receiveMessage = (event) => {
       if (event.data) {
         if (event.data.source == "match-wallet") {
@@ -1598,11 +1523,11 @@ function TokenSend({
       window.removeEventListener("message", receiveMessage);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl14.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-send-box`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl15.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-send-box`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-token-send-content", children: [
       /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-content`, children: [
         /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-header`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl14.FormattedMessage, { id: "amount" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl15.FormattedMessage, { id: "amount" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
             token.icon ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
               "img",
@@ -1630,7 +1555,7 @@ function TokenSend({
         ),
         /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
           /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-title`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl14.FormattedMessage, { id: "balance" }),
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl15.FormattedMessage, { id: "balance" }),
             ":"
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
@@ -1638,7 +1563,7 @@ function TokenSend({
         /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-address-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl14.FormattedMessage, { id: "receiveTitle" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl15.FormattedMessage, { id: "receiveTitle" }) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           Input2,
           {
@@ -1664,19 +1589,19 @@ function TokenSend({
         disabled: !canSend || !!txError,
         onClick: onNext,
         loading: loading || sending,
-        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl14.FormattedMessage, { id: "next" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl15.FormattedMessage, { id: "next" })
       }
     )
   ] }) });
 }
 
 // src/components/TokenDetail/index.tsx
-var import_react_intl15 = require("react-intl");
+var import_react_intl16 = require("react-intl");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 
 // src/components/TokenSendList/index.tsx
-var import_react25 = require("react");
-var import_react_intl16 = require("react-intl");
+var import_react26 = require("react");
+var import_react_intl17 = require("react-intl");
 var import_jsx_runtime87 = require("react/jsx-runtime");
 function TokenSendList({ close }) {
   const isDownMd = useDownMd();
@@ -1685,7 +1610,7 @@ function TokenSendList({ close }) {
     list: walletAssets.mergedAssets
   });
   const { list } = useMatchChain();
-  const [checked, setChecked] = (0, import_react25.useState)();
+  const [checked, setChecked] = (0, import_react26.useState)();
   const modal = useModal();
   const onNext = () => {
     checked && modal.show((props) => {
@@ -1736,15 +1661,15 @@ function TokenSendList({ close }) {
         index
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_intl16.FormattedMessage, { id: "next" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_intl17.FormattedMessage, { id: "next" }) })
   ] });
 }
 
 // src/components/TransactionList/index.tsx
 var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
-var import_react26 = require("react");
-var import_viem5 = require("viem");
-var import_viem6 = require("viem");
+var import_react27 = require("react");
+var import_viem3 = require("viem");
+var import_viem4 = require("viem");
 
 // src/store/useContractStore.ts
 var import_zustand3 = require("zustand");
@@ -1803,88 +1728,16 @@ var useContractStore = (0, import_zustand3.create)((0, import_middleware2.devtoo
 var useContractStore_default = useContractStore;
 
 // src/components/TransactionList/index.tsx
-var import_react_intl17 = require("react-intl");
-var import_jsx_runtime88 = require("react/jsx-runtime");
-
-// src/hooks/api/bind.ts
-var import_react_query3 = require("@tanstack/react-query");
-
-// src/hooks/api/poh.ts
-var import_react_query4 = require("@tanstack/react-query");
-
-// src/hooks/api/wallet.ts
-var import_react_query5 = require("@tanstack/react-query");
-function useChainListQuery(options) {
-  const { isLogin, token } = useUserInfo();
-  return (0, import_react_query5.useQuery)({
-    queryKey: ["match-user-chain-list", token],
-    queryFn: async () => {
-      const res = await getUserChainListApi();
-      if (!isSuccess(res)) {
-        return [];
-      }
-      return res.data;
-    },
-    enabled: isLogin,
-    ...options
-  });
-}
-function useAssetListQuery({
-  chainId,
-  ...options
-}) {
-  const { isLogin, token } = useUserInfo();
-  return (0, import_react_query5.useQuery)({
-    queryKey: ["match-user-asset-list", token, chainId],
-    queryFn: async () => {
-      const res = await getUserWalletAssetApi({ chain_id: chainId.toString() });
-      if (!isSuccess(res)) {
-        return [];
-      }
-      return res.data || [];
-    },
-    enabled: isLogin,
-    ...options
-  });
-}
-var USER_IMPORT_TOKEN_LIST_KEY = "match-user-import-token-list";
-function useImportTokenListQuery({
-  chainId,
-  ...options
-}) {
-  const { isLogin, token } = useUserInfo();
-  return (0, import_react_query5.useQuery)({
-    queryKey: [USER_IMPORT_TOKEN_LIST_KEY, token, chainId],
-    queryFn: async () => {
-      const res = await getUserImportTokenListApi({ chain_id: chainId.toString() });
-      if (!isSuccess(res)) {
-        return [];
-      }
-      return res.data || [];
-    },
-    enabled: isLogin,
-    ...options
-  });
-}
-
-// src/hooks/api/contact.ts
-var import_react_query6 = require("@tanstack/react-query");
-var import_last = __toESM(require("lodash/last"));
-var import_react27 = require("react");
-
-// src/components/ContactList/index.tsx
-var import_react_virtuoso = require("react-virtuoso");
-var import_react28 = require("react");
 var import_react_intl18 = require("react-intl");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 
 // src/components/CEXBindModal/index.tsx
-var import_react29 = require("react");
+var import_react28 = require("react");
 var import_react_intl19 = require("react-intl");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
-var import_react_query7 = require("@tanstack/react-query");
+var import_react_query3 = require("@tanstack/react-query");
 
 // src/store/useStore.ts
 var import_zustand4 = require("zustand");
@@ -1899,15 +1752,15 @@ var useStore = (0, import_zustand4.create)((set) => ({
 var useStore_default = useStore;
 
 // src/context/BusinessProvider.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 
 // src/context/ModalContext.tsx
-var import_react30 = require("react");
+var import_react29 = __toESM(require("react"));
 var import_react_dom = require("react-dom");
-var import_jsx_runtime92 = require("react/jsx-runtime");
-var ModalContext = (0, import_react30.createContext)(null);
+var import_jsx_runtime91 = require("react/jsx-runtime");
+var ModalContext = (0, import_react29.createContext)(null);
 function useModal() {
-  const context = (0, import_react30.useContext)(ModalContext);
+  const context = (0, import_react29.useContext)(ModalContext);
   if (!context) {
     throw new Error("useModal must be used within a ModalProvider");
   }
@@ -1915,12 +1768,12 @@ function useModal() {
 }
 
 // src/context/ToastContext.tsx
-var import_react31 = require("react");
+var import_react30 = require("react");
 var import_react_dom2 = require("react-dom");
-var import_jsx_runtime93 = require("react/jsx-runtime");
-var ToastContext = (0, import_react31.createContext)(null);
+var import_jsx_runtime92 = require("react/jsx-runtime");
+var ToastContext = (0, import_react30.createContext)(null);
 function useToast() {
-  const context = (0, import_react31.useContext)(ToastContext);
+  const context = (0, import_react30.useContext)(ToastContext);
   if (!context) {
     throw new Error("useToast must be used within a ToastProvider");
   }
@@ -1928,23 +1781,108 @@ function useToast() {
 }
 
 // src/context/index.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 
 // src/hooks/useWalletInit.ts
-var import_react32 = require("react");
+var import_react31 = require("react");
 var AppClientId = getAppClientId();
 
 // src/hooks/useInit.tsx
-var import_react33 = require("react");
+var import_react32 = require("react");
 
 // src/MatchContext.tsx
-var import_react_query8 = require("@tanstack/react-query");
+var import_react_query4 = require("@tanstack/react-query");
 var import_react_intl20 = require("react-intl");
-var import_jsx_runtime95 = require("react/jsx-runtime");
-var queryClient = new import_react_query8.QueryClient();
-var MatchContext = (0, import_react34.createContext)(void 0);
+var import_rainbowkit2 = require("@rainbow-me/rainbowkit");
+var import_wallets = require("@rainbow-me/rainbowkit/wallets");
+var import_chains = require("wagmi/chains");
+
+// src/config/chains/MatchMain.ts
+var import_viem5 = require("viem");
+var matchMain = /* @__PURE__ */ (0, import_viem5.defineChain)({
+  //定义match链
+  id: 698,
+  name: "Matchain",
+  nativeCurrency: { name: "Match Coin", symbol: "BNB", decimals: 18 },
+  rpcUrls: {
+    default: {
+      http: ["https://rpc.matchain.io"]
+    }
+  },
+  blockExplorers: {
+    default: {
+      name: "Matchscan",
+      url: "https://matchscan.io/",
+      apiUrl: "https://matchscan.io/api"
+    }
+  },
+  iconUrl: "https://matchscan.io/static/identicon_logos/blockies.png",
+  contracts: {
+    multicall3: {
+      address: "0xca11bde05977b3631167028862be2a173976ca11"
+    }
+  }
+  // testnet: true,
+});
+
+// src/config/chains/MatchTest.ts
+var import_viem6 = require("viem");
+var matchTest = /* @__PURE__ */ (0, import_viem6.defineChain)({
+  //定义matchTest链
+  id: 699,
+  name: "MatchTest",
+  nativeCurrency: { name: "Match Coin", symbol: "BNB", decimals: 18 },
+  rpcUrls: {
+    default: {
+      http: ["https://testnet-rpc.matchain.io"]
+    }
+  },
+  blockExplorers: {
+    default: {
+      name: "Matchscan",
+      url: "https://testnet.matchscan.io/",
+      apiUrl: "https://testnet.matchscan.io/api"
+    }
+  },
+  iconUrl: "https://testnet.matchscan.io/static/identicon_logos/blockies.png",
+  contracts: {
+    multicall3: {
+      address: "0xca11bde05977b3631167028862be2a173976ca11",
+      blockCreated: 751532
+    },
+    ensRegistry: { address: "0x00000000000C2E074eC69A0dFb2997BA6C7d2e1e" },
+    ensUniversalResolver: {
+      address: "0xc8Af999e38273D658BE1b921b88A9Ddf005769cC",
+      blockCreated: 5317080
+    }
+  }
+  // testnet: true,
+});
+
+// src/MatchContext.tsx
+var import_wagmi3 = require("wagmi");
+var import_jsx_runtime94 = require("react/jsx-runtime");
+var queryClient = new import_react_query4.QueryClient();
+var wagmiConfig = (0, import_rainbowkit2.getDefaultConfig)({
+  appName: "MatchID",
+  projectId: "9ac6ea7e07860f04616fb311b447dee9",
+  wallets: [
+    {
+      groupName: "Recommended",
+      wallets: [
+        import_wallets.metaMaskWallet,
+        import_wallets.walletConnectWallet,
+        import_wallets.okxWallet,
+        import_wallets.bitgetWallet,
+        import_wallets.injectedWallet
+      ]
+    }
+  ],
+  chains: [import_chains.mainnet, import_chains.polygon, import_chains.optimism, import_chains.arbitrum, import_chains.base, matchMain, matchTest, import_chains.bsc]
+});
+var MatchContext = (0, import_react33.createContext)(void 0);
 var useMatch = () => {
-  const context = (0, import_react34.useContext)(MatchContext);
+  const context = (0, import_react33.useContext)(MatchContext);
   if (context === void 0) {
     throw new Error("useMatch must be used within a MatchProvider");
   }
@@ -1978,7 +1916,7 @@ function useUserInfo() {
   const getRedirectUri = () => {
     return encodeURIComponent(window.location.href);
   };
-  const isLogin = (0, import_react35.useMemo)(() => !!token && !!overview, [token, overview]);
+  const isLogin = (0, import_react34.useMemo)(() => !!token && !!overview, [token, overview]);
   const logout = async () => {
     try {
       await toLogoutApi();
@@ -2249,9 +2187,9 @@ function useUserInfo() {
 }
 
 // src/hooks/useMatchEvents.ts
-var import_react36 = require("react");
+var import_react35 = require("react");
 function useMatchEvents(handlers) {
-  (0, import_react36.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     Object.entries(handlers).forEach(([event, handler2]) => {
       if (handler2) {
         eventManager_default.on(event, handler2);
@@ -2271,7 +2209,7 @@ function useMatchEvents(handlers) {
 var import_viem7 = require("viem");
 var import_accounts = require("viem/accounts");
 var import_viem8 = require("viem");
-var import_react37 = require("react");
+var import_react36 = require("react");
 var import_viem9 = require("viem");
 
 // src/store/useTransactionStore.ts
@@ -2305,7 +2243,7 @@ var useTransactionStore = (0, import_zustand5.create)((0, import_middleware3.dev
 var useTransactionStore_default = useTransactionStore;
 
 // src/hooks/useWallet.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var AppClientId2 = "react-sdk-" + getVersion();
 function useWallet() {
   const { address, wallet: walletConfig } = useLocalStore_default();
@@ -2356,7 +2294,7 @@ function useWallet() {
       throw error;
     }
   };
-  const evmAccount = (0, import_react37.useMemo)(() => {
+  const evmAccount = (0, import_react36.useMemo)(() => {
     try {
       return address ? (0, import_accounts.toAccount)({
         address,
@@ -2395,7 +2333,7 @@ function useWallet() {
       return void 0;
     }
   }, [address]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     matchlog_default.log("qwe-evmAccount", evmAccount);
   }, [evmAccount]);
   const realCreateWalletClient = (parameters) => {
@@ -2478,7 +2416,7 @@ function useWallet() {
           address: evmAccount.address
         });
         modal.show((props) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
+          return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
         });
         clearInterval(window.matchProvider.transactionMessageIntervalMap[transactionId].interval);
         delete window.matchProvider.transactionMessageIntervalMap[transactionId];
@@ -2531,14 +2469,14 @@ function useWallet() {
 
 // src/hooks/useCopyClipboard.ts
 var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
-var import_react38 = require("react");
+var import_react37 = require("react");
 function useCopyClipboard(timeout = 500) {
-  const [isCopied, setIsCopied] = (0, import_react38.useState)(false);
-  const staticCopy = (0, import_react38.useCallback)((text) => {
+  const [isCopied, setIsCopied] = (0, import_react37.useState)(false);
+  const staticCopy = (0, import_react37.useCallback)((text) => {
     const didCopy = (0, import_copy_to_clipboard.default)(text);
     setIsCopied(didCopy);
   }, []);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (isCopied) {
       const hide = setTimeout(() => {
         setIsCopied(false);
@@ -2552,17 +2490,72 @@ function useCopyClipboard(timeout = 500) {
   return [isCopied, staticCopy];
 }
 
+// src/hooks/api/wallet.ts
+var import_react_query5 = require("@tanstack/react-query");
+function useChainListQuery(options) {
+  const { isLogin, token } = useUserInfo();
+  return (0, import_react_query5.useQuery)({
+    queryKey: ["match-user-chain-list", token],
+    queryFn: async () => {
+      const res = await getUserChainListApi();
+      if (!isSuccess(res)) {
+        return [];
+      }
+      return res.data;
+    },
+    enabled: isLogin,
+    ...options
+  });
+}
+function useAssetListQuery({
+  chainId,
+  ...options
+}) {
+  const { isLogin, token } = useUserInfo();
+  return (0, import_react_query5.useQuery)({
+    queryKey: ["match-user-asset-list", token, chainId],
+    queryFn: async () => {
+      const res = await getUserWalletAssetApi({ chain_id: chainId.toString() });
+      if (!isSuccess(res)) {
+        return [];
+      }
+      return res.data || [];
+    },
+    enabled: isLogin,
+    ...options
+  });
+}
+var USER_IMPORT_TOKEN_LIST_KEY = "match-user-import-token-list";
+function useImportTokenListQuery({
+  chainId,
+  ...options
+}) {
+  const { isLogin, token } = useUserInfo();
+  return (0, import_react_query5.useQuery)({
+    queryKey: [USER_IMPORT_TOKEN_LIST_KEY, token, chainId],
+    queryFn: async () => {
+      const res = await getUserImportTokenListApi({ chain_id: chainId.toString() });
+      if (!isSuccess(res)) {
+        return [];
+      }
+      return res.data || [];
+    },
+    enabled: isLogin,
+    ...options
+  });
+}
+
 // src/hooks/useMatchChain.tsx
-var import_react39 = require("react");
+var import_react38 = require("react");
 var import_viem10 = require("viem");
 var import_react_intl21 = require("react-intl");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function useMatchChain() {
   const chainListQuery = useChainListQuery();
   const modal = useModal();
   const intl = (0, import_react_intl21.useIntl)();
   const { chainId: storeChainId, setChainId } = useLocalStore_default();
-  const chainId = (0, import_react39.useMemo)(() => {
+  const chainId = (0, import_react38.useMemo)(() => {
     if (!chainListQuery.data || !chainListQuery.data.length) {
       return null;
     }
@@ -2571,7 +2564,7 @@ function useMatchChain() {
     }
     return chainListQuery.data[0].id;
   }, [storeChainId, chainListQuery.data]);
-  const chain = (0, import_react39.useMemo)(() => {
+  const chain = (0, import_react38.useMemo)(() => {
     if (!chainListQuery.data || !chainListQuery.data.length) {
       return null;
     }
@@ -2585,30 +2578,30 @@ function useMatchChain() {
     close
   }) {
     const { chainId: storeChainId2, setChainId: setChainId2 } = useLocalStore_default();
-    const [selectedChainId, setSelectedChainId] = (0, import_react39.useState)(storeChainId2);
+    const [selectedChainId, setSelectedChainId] = (0, import_react38.useState)(storeChainId2);
     const isDownMd = useDownMd();
-    return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-change-network-box`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-change-network-box`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
           "div",
           {
             onClick: () => setSelectedChainId(item.id),
             className: `matchid-change-network-item  ${selectedChainId == item.id ? "matchid-change-network-selected" : ""}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
-                /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
+                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
             ]
           },
           index
         );
       }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
         setChainId2(selectedChainId || 0);
         close();
-      }, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl21.FormattedMessage, { id: "confirm" }) })
+      }, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl21.FormattedMessage, { id: "confirm" }) })
     ] });
   }
   const showChangeNetwork = () => {
@@ -2617,7 +2610,7 @@ function useMatchChain() {
       content: ChangeNetwork
     });
   };
-  const publicClient = (0, import_react39.useMemo)(() => {
+  const publicClient = (0, import_react38.useMemo)(() => {
     if (!chain) {
       return null;
     }
@@ -2645,26 +2638,26 @@ function useMatchChain() {
 
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
-var import_react41 = require("react");
-var import_react_query11 = require("@tanstack/react-query");
+var import_react40 = require("react");
+var import_react_query8 = require("@tanstack/react-query");
 var import_viem13 = require("viem");
 var import_react_intl23 = require("react-intl");
 
 // src/components/ImportToken/index.tsx
-var import_react40 = require("react");
+var import_react39 = require("react");
 var import_react_intl22 = require("react-intl");
-var import_react_query10 = require("@tanstack/react-query");
+var import_react_query7 = require("@tanstack/react-query");
 var import_viem12 = require("viem");
 
 // src/hooks/useIsContract.ts
 var import_viem11 = require("viem");
-var import_react_query9 = require("@tanstack/react-query");
+var import_react_query6 = require("@tanstack/react-query");
 function useIsContract({
   address,
   chain,
   enabled
 }) {
-  return (0, import_react_query9.useQuery)({
+  return (0, import_react_query6.useQuery)({
     queryKey: ["is_contract", chain?.id, address],
     queryFn: async () => {
       if (!chain) return false;
@@ -2681,14 +2674,14 @@ function useIsContract({
 }
 
 // src/components/ImportToken/index.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function ImportToken({ close }) {
-  const [status, setStatus] = (0, import_react40.useState)("");
+  const [status, setStatus] = (0, import_react39.useState)("");
   const { token } = useUserInfo();
-  const [address, setAddress] = (0, import_react40.useState)("");
-  const [symbol, setSymbol] = (0, import_react40.useState)("");
-  const [decimals, setDecimals] = (0, import_react40.useState)("");
-  const [error, setError] = (0, import_react40.useState)({});
+  const [address, setAddress] = (0, import_react39.useState)("");
+  const [symbol, setSymbol] = (0, import_react39.useState)("");
+  const [decimals, setDecimals] = (0, import_react39.useState)("");
+  const [error, setError] = (0, import_react39.useState)({});
   const { publicClient, chainId, chain } = useMatchChain();
   const getContractInfo = async () => {
     if (!publicClient) return;
@@ -2722,7 +2715,7 @@ function ImportToken({ close }) {
     }
   };
   const intl = (0, import_react_intl22.useIntl)();
-  (0, import_react40.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (address.length === 42) {
       const reg = /^0x[0-9a-fA-F]{40}$/;
       if (!reg.test(address)) {
@@ -2741,9 +2734,9 @@ function ImportToken({ close }) {
       }
     }
   }, [address, publicClient]);
-  const [loading, setLoading] = (0, import_react40.useState)(false);
+  const [loading, setLoading] = (0, import_react39.useState)(false);
   const toast = useToast();
-  const queryClient2 = (0, import_react_query10.useQueryClient)();
+  const queryClient2 = (0, import_react_query7.useQueryClient)();
   const onImport = async () => {
     setLoading(true);
     try {
@@ -2769,7 +2762,7 @@ function ImportToken({ close }) {
       setLoading(false);
     }
   };
-  const canImport = (0, import_react40.useMemo)(() => {
+  const canImport = (0, import_react39.useMemo)(() => {
     if (!address) {
       return false;
     }
@@ -2792,19 +2785,19 @@ function ImportToken({ close }) {
     enabled: canImport
   });
   if (status == "success" || status == "fail") {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("img", { src: status == "success" ? success_default : fail_default, alt: status == "success" ? "success" : "fail", className: `matchid-import-token-result-img` }),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl22.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl22.FormattedMessage, { id: "importFail" }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("img", { src: status == "success" ? success_default : fail_default, alt: status == "success" ? "success" : "fail", className: `matchid-import-token-result-img` }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl22.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl22.FormattedMessage, { id: "importFail" }) })
       ] }),
-      status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl22.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl22.FormattedMessage, { id: "back" }) })
+      status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl22.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl22.FormattedMessage, { id: "back" }) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-import-token`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-import-token-form", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Field, { label: intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-import-token`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "matchid-import-token-form", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Field, { label: intl.formatMessage({
         id: "tokenSmartContract"
-      }), error: error.address ? error.address : isContractQuery.isFetched && !isContractQuery.isLoading && !isContractQuery.data && canImport ? "Address isn't a contract address" : "", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      }), error: error.address ? error.address : isContractQuery.isFetched && !isContractQuery.isLoading && !isContractQuery.data && canImport ? "Address isn't a contract address" : "", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -2815,9 +2808,9 @@ function ImportToken({ close }) {
           maxLength: 42
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Field, { label: intl.formatMessage({
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Field, { label: intl.formatMessage({
         id: "tokenSymbol"
-      }), error: error.symbol, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      }), error: error.symbol, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -2828,9 +2821,9 @@ function ImportToken({ close }) {
           maxLength: 16
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Field, { label: intl.formatMessage({
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Field, { label: intl.formatMessage({
         id: "tokenDecimals"
-      }), error: error.decimals, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      }), error: error.decimals, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -2842,7 +2835,7 @@ function ImportToken({ close }) {
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       Button,
       {
         size: "lg",
@@ -2851,14 +2844,14 @@ function ImportToken({ close }) {
         loading: loading || isContractQuery.isLoading,
         disabled: !canImport || !isContractQuery.data,
         highlight: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl22.FormattedMessage, { id: "import" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl22.FormattedMessage, { id: "import" })
       }
     )
   ] });
 }
 
 // src/hooks/useMatchWallet.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var ReceiveModal = () => {
   const chain = useMatchChain();
   const { address } = useWallet();
@@ -2872,10 +2865,10 @@ var ReceiveModal = () => {
     }));
   };
   const chainLink = chain.explorerLink("address/" + address);
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: `matchid-receive-modal`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "matchid-receive-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_intl23.FormattedMessage, { id: "receiveQrcode" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-receive-modal`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-receive-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl23.FormattedMessage, { id: "receiveQrcode" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         import_react_qrcode.QRCode,
         {
           margin: "0",
@@ -2883,7 +2876,7 @@ var ReceiveModal = () => {
           value: address
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         "a",
         {
           href: chainLink,
@@ -2893,7 +2886,7 @@ var ReceiveModal = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       import_react_intl23.FormattedMessage,
       {
         id: "copyAddress"
@@ -2935,12 +2928,12 @@ function useMatchWallet() {
   };
 }
 function useMatchWalletRecords() {
-  const [hasMore, setHasMore] = (0, import_react41.useState)(true);
-  const [items, setItems] = (0, import_react41.useState)([]);
+  const [hasMore, setHasMore] = (0, import_react40.useState)(true);
+  const [items, setItems] = (0, import_react40.useState)([]);
   const { chainId, publicClient } = useMatchChain();
   const { address } = useWallet();
-  const hasMoreRef = (0, import_react41.useRef)(hasMore);
-  const nextPageParamsRef = (0, import_react41.useRef)(void 0);
+  const hasMoreRef = (0, import_react40.useRef)(hasMore);
+  const nextPageParamsRef = (0, import_react40.useRef)(void 0);
   const { contracts, setContracts } = useContractStore_default();
   const fetchMoreData = async () => {
     const chainIdStr = chainId ? chainId.toString() : "";
@@ -2957,7 +2950,7 @@ function useMatchWalletRecords() {
       }
       hasMoreRef.current = res.data && res.data.transactions && res.data.transactions.length >= 50;
       setHasMore(hasMoreRef.current);
-      nextPageParamsRef.current = res.data.next_page_params;
+      nextPageParamsRef.current = res.data?.next_page_params;
     }
   };
   const onInit = async () => {
@@ -2967,7 +2960,7 @@ function useMatchWalletRecords() {
     hasMoreRef.current = true;
     fetchMoreData();
   };
-  (0, import_react41.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (chainId && address) {
       onInit();
     }
@@ -3023,7 +3016,7 @@ function useMatchWalletRecords() {
       setContracts(contractMap);
     }
   };
-  const list = (0, import_react41.useMemo)(() => {
+  const list = (0, import_react40.useMemo)(() => {
     const localTransactions = transactions[`${chainId}-${address}`] || [];
     const removeList = localTransactions.filter((n) => items.findIndex((m) => m.hash == n.hash) >= 0);
     removeList.forEach((item) => {
@@ -3065,7 +3058,7 @@ function useMatchWalletAssets({
     chainId: chainId || 0,
     ...assetListOptions
   });
-  const mergedAssets = (0, import_react41.useMemo)(() => {
+  const mergedAssets = (0, import_react40.useMemo)(() => {
     if (!assetListQuery.data && !importTokenQuery.data) return [];
     const assetList = (assetListQuery.data || []).map((asset) => ({
       ...asset,
@@ -3133,7 +3126,7 @@ function useMatchWalletAssetList({
     name: chain?.nativeCurrency.name,
     balance: 0
   };
-  const nativeBalanceQuery = (0, import_react_query11.useQuery)({
+  const nativeBalanceQuery = (0, import_react_query8.useQuery)({
     queryKey: ["nativeBalance", nativeToken?.chain_id],
     queryFn: async () => {
       if (!nativeToken || !publicClient) return null;
@@ -3152,8 +3145,8 @@ function useMatchWalletAssetList({
     retry: 3
     // Retry up to 3 times if failed
   });
-  const erc20Tokens = (0, import_react41.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
-  const erc20BalanceQuery = (0, import_react_query11.useQuery)({
+  const erc20Tokens = (0, import_react40.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
+  const erc20BalanceQuery = (0, import_react_query8.useQuery)({
     queryKey: ["erc20Balances", erc20Tokens.map((token) => token.address)],
     queryFn: async () => {
       if (!erc20Tokens.length || !publicClient) return [];
@@ -3180,7 +3173,7 @@ function useMatchWalletAssetList({
     // Refresh every 15 seconds
     retry: 3
   });
-  const enrichedAssets = (0, import_react41.useMemo)(() => {
+  const enrichedAssets = (0, import_react40.useMemo)(() => {
     if (!list) return [];
     const erc20Balances = erc20BalanceQuery.data || [];
     return list.map((asset) => {
@@ -3202,7 +3195,7 @@ function useMatchWalletAssetList({
       return { ...asset, balance, value, balanceValue };
     });
   }, [list, nativeBalanceQuery.data, erc20BalanceQuery.data]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     const list2 = enrichedAssets.sort((a, b) => {
       if (a.address === NATIVE_TOKEN_ADDRESS) return -1;
       if (b.address === NATIVE_TOKEN_ADDRESS) return 1;
@@ -3227,14 +3220,14 @@ function useMatchWalletAssetList({
 }
 
 // src/hooks/useReceipt.tsx
-var import_react42 = require("react");
-var import_react_query12 = require("@tanstack/react-query");
+var import_react41 = require("react");
+var import_react_query9 = require("@tanstack/react-query");
 var import_viem14 = require("viem");
 var CACHE_TTL = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE = 500;
 var STORAGE_KEY = "match_receipt_logs";
 function useReceiptCache() {
-  const [cache, setCache] = (0, import_react42.useState)(/* @__PURE__ */ new Map());
+  const [cache, setCache] = (0, import_react41.useState)(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -3245,7 +3238,7 @@ function useReceiptCache() {
       return false;
     }
   })();
-  (0, import_react42.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -3264,7 +3257,7 @@ function useReceiptCache() {
       }
     }
   }, []);
-  const updateLocalStorage = (0, import_react42.useCallback)((updatedCache) => {
+  const updateLocalStorage = (0, import_react41.useCallback)((updatedCache) => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -3281,7 +3274,7 @@ function useReceiptCache() {
       }
     }
   }, []);
-  const set = (0, import_react42.useCallback)((key, value) => {
+  const set = (0, import_react41.useCallback)((key, value) => {
     const now = Date.now();
     const newCache = new Map(cache);
     newCache.forEach((entry, k) => {
@@ -3299,7 +3292,7 @@ function useReceiptCache() {
     setCache(newCache);
     updateLocalStorage(newCache);
   }, [cache, updateLocalStorage]);
-  const get = (0, import_react42.useCallback)((key) => {
+  const get = (0, import_react41.useCallback)((key) => {
     const entry = cache.get(key);
     if (entry) {
       if (Date.now() - entry.timestamp > CACHE_TTL) {
@@ -3313,7 +3306,7 @@ function useReceiptCache() {
     }
     return void 0;
   }, [cache, updateLocalStorage]);
-  const del = (0, import_react42.useCallback)((key) => {
+  const del = (0, import_react41.useCallback)((key) => {
     if (cache.has(key)) {
       const newCache = new Map(cache);
       newCache.delete(key);
@@ -3321,7 +3314,7 @@ function useReceiptCache() {
       updateLocalStorage(newCache);
     }
   }, [cache, updateLocalStorage]);
-  const clear = (0, import_react42.useCallback)(() => {
+  const clear = (0, import_react41.useCallback)(() => {
     setCache(/* @__PURE__ */ new Map());
     if (isLocalStorageAvailable) {
       localStorage.removeItem(STORAGE_KEY);
@@ -3336,8 +3329,8 @@ function useReceipt2({
   const { list } = useMatchChain();
   const cache = useReceiptCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = (0, import_react42.useState)(true);
-  const query = (0, import_react_query12.useQuery)({
+  const [shouldRefetch, setShouldRefetch] = (0, import_react41.useState)(true);
+  const query = (0, import_react_query9.useQuery)({
     queryKey: ["match-tx-receipt", hash, chain],
     queryFn: async () => {
       if (!chain || !hash) return false;
@@ -3362,7 +3355,7 @@ function useReceipt2({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  (0, import_react42.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -3371,14 +3364,14 @@ function useReceipt2({
 }
 
 // src/hooks/useTransaction.tsx
-var import_react43 = require("react");
-var import_react_query13 = require("@tanstack/react-query");
+var import_react42 = require("react");
+var import_react_query10 = require("@tanstack/react-query");
 var import_viem15 = require("viem");
 var CACHE_TTL2 = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE2 = 500;
 var STORAGE_KEY2 = "match_transaction_logs";
 function useTransactionCache() {
-  const [cache, setCache] = (0, import_react43.useState)(/* @__PURE__ */ new Map());
+  const [cache, setCache] = (0, import_react42.useState)(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -3389,7 +3382,7 @@ function useTransactionCache() {
       return false;
     }
   })();
-  (0, import_react43.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -3408,7 +3401,7 @@ function useTransactionCache() {
       }
     }
   }, []);
-  const updateLocalStorage = (0, import_react43.useCallback)((updatedCache) => {
+  const updateLocalStorage = (0, import_react42.useCallback)((updatedCache) => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -3425,7 +3418,7 @@ function useTransactionCache() {
       }
     }
   }, []);
-  const set = (0, import_react43.useCallback)((key, value) => {
+  const set = (0, import_react42.useCallback)((key, value) => {
     const now = Date.now();
     const newCache = new Map(cache);
     newCache.forEach((entry, k) => {
@@ -3443,7 +3436,7 @@ function useTransactionCache() {
     setCache(newCache);
     updateLocalStorage(newCache);
   }, [cache, updateLocalStorage]);
-  const get = (0, import_react43.useCallback)((key) => {
+  const get = (0, import_react42.useCallback)((key) => {
     const entry = cache.get(key);
     if (entry) {
       if (Date.now() - entry.timestamp > CACHE_TTL2) {
@@ -3457,7 +3450,7 @@ function useTransactionCache() {
     }
     return void 0;
   }, [cache, updateLocalStorage]);
-  const del = (0, import_react43.useCallback)((key) => {
+  const del = (0, import_react42.useCallback)((key) => {
     if (cache.has(key)) {
       const newCache = new Map(cache);
       newCache.delete(key);
@@ -3465,7 +3458,7 @@ function useTransactionCache() {
       updateLocalStorage(newCache);
     }
   }, [cache, updateLocalStorage]);
-  const clear = (0, import_react43.useCallback)(() => {
+  const clear = (0, import_react42.useCallback)(() => {
     setCache(/* @__PURE__ */ new Map());
     if (isLocalStorageAvailable) {
       localStorage.removeItem(STORAGE_KEY2);
@@ -3480,8 +3473,8 @@ function useTransaction({
   const { list } = useMatchChain();
   const cache = useTransactionCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = (0, import_react43.useState)(true);
-  const query = (0, import_react_query13.useQuery)({
+  const [shouldRefetch, setShouldRefetch] = (0, import_react42.useState)(true);
+  const query = (0, import_react_query10.useQuery)({
     queryKey: ["match-tx-transaction", hash, chain],
     queryFn: async () => {
       if (!chain || !hash) return false;
@@ -3506,7 +3499,7 @@ function useTransaction({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  (0, import_react43.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (query.data) {
       setShouldRefetch(false);
     }