@matchain/matchid-sdk-react 0.1.56-alpha.15 → 0.1.56-alpha.17

package/dist/index.mjs

@@ -1,12 +1,12 @@
 import {
   chains_exports
-} from "./chunk-HYQ3T6WW.mjs";
+} from "./chunk-3CR66BEX.mjs";
 import {
   types_exports
 } from "./chunk-HBOS3RBL.mjs";
 import {
   api_exports
-} from "./chunk-FZHJNSAP.mjs";
+} from "./chunk-ZY7EVYXA.mjs";
 import {
   MatchProvider,
   ModalProvider,
@@ -16,12 +16,13 @@ import {
   ui_exports,
   useMatch,
   wagmiConfig
-} from "./chunk-A47WTLYD.mjs";
+} from "./chunk-ZLTIMO57.mjs";
+import "./chunk-JX73EY6V.mjs";
 import "./chunk-UA6XHZHX.mjs";
 import "./chunk-IZOOVZAD.mjs";
 import {
   icon_exports
-} from "./chunk-FQ6PYZPD.mjs";
+} from "./chunk-7SUDHG7S.mjs";
 import {
   lottie_exports
 } from "./chunk-XM6CYEXN.mjs";

package/dist/{types-C8FLH1yn.d.mts → types-BrVeC0c8.d.mts}

@@ -185,7 +185,6 @@ type LoginPanelProps = {
 } & LoginBoxProps;
 type LoginModalProps = LoginPanelProps & ModalProps;
 type EmailModalProps = ModalProps & {
-    type?: 'login' | 'bind';
     onClose?: () => void;
     onBack?: () => void;
     onLogin?: () => void;

package/dist/{types-C8FLH1yn.d.ts → types-BrVeC0c8.d.ts}

@@ -185,7 +185,6 @@ type LoginPanelProps = {
 } & LoginBoxProps;
 type LoginModalProps = LoginPanelProps & ModalProps;
 type EmailModalProps = ModalProps & {
-    type?: 'login' | 'bind';
     onClose?: () => void;
     onBack?: () => void;
     onLogin?: () => void;

package/dist/types.d.mts

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

package/dist/types.d.ts

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

package/dist/ui.d.mts

@@ -1,7 +1,7 @@
-export { B as Button, C as ConfirmModal, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-DuCefmJ0.mjs';
-export { A as AlphaAvatar, C as Checkbox, D as Drawer, e as HashPanel, L as Lottie, M as ModalDrawer, R as Radio, a as Skeleton, S as Switch, T as Tabs } from './index-BLjGmf9p.mjs';
+export { B as Button, C as ConfirmModal, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-BqI0PEIi.mjs';
+export { A as AlphaAvatar, C as Checkbox, D as Drawer, e as HashPanel, L as Lottie, M as ModalDrawer, R as Radio, a as Skeleton, S as Switch, T as Tabs } from './index-DxHhOW24.mjs';
 import 'react/jsx-runtime';
 import 'react';
-import './types-C8FLH1yn.mjs';
+import './types-BrVeC0c8.mjs';
 import '@tanstack/react-query/src/types';
 import 'viem';

package/dist/ui.d.ts

@@ -1,7 +1,7 @@
-export { B as Button, C as ConfirmModal, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-m2bn_W3Y.js';
-export { A as AlphaAvatar, C as Checkbox, D as Drawer, e as HashPanel, L as Lottie, M as ModalDrawer, R as Radio, a as Skeleton, S as Switch, T as Tabs } from './index-DQYg6bEA.js';
+export { B as Button, C as ConfirmModal, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-CvzpMw3N.js';
+export { A as AlphaAvatar, C as Checkbox, D as Drawer, e as HashPanel, L as Lottie, M as ModalDrawer, R as Radio, a as Skeleton, S as Switch, T as Tabs } from './index-Cqdz_5bE.js';
 import 'react/jsx-runtime';
 import 'react';
-import './types-C8FLH1yn.js';
+import './types-BrVeC0c8.js';
 import '@tanstack/react-query/src/types';
 import 'viem';

package/dist/ui.js

@@ -1066,7 +1066,7 @@ var useWalletModalStore = (0, import_zustand5.create)((set) => ({
 }));
 var useEmailModalStore = (0, import_zustand5.create)((set) => ({
   isOpen: false,
-  type: "login",
+  type: "",
   open: (type) => set({ isOpen: true, type }),
   close: () => set({ isOpen: false })
 }));
@@ -1078,11 +1078,16 @@ var import_jsx_runtime70 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
 var import_react_query8 = require("@tanstack/react-query");
+
+// src/components/BindEmailModal/index.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
 
-// src/context/index.tsx
+// src/context/BusinessProvider.tsx
 var import_jsx_runtime72 = require("react/jsx-runtime");
 
+// src/context/index.tsx
+var import_jsx_runtime73 = require("react/jsx-runtime");
+
 // src/hooks/useWalletInit.ts
 var import_react16 = require("react");
 var AppClientId2 = getAppClientId();
@@ -1096,8 +1101,72 @@ var import_react_intl6 = require("react-intl");
 var import_rainbowkit = 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_viem11 = require("viem");
+var matchMain = /* @__PURE__ */ (0, import_viem11.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_viem12 = require("viem");
+var matchTest = /* @__PURE__ */ (0, import_viem12.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_wagmi = require("wagmi");
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var queryClient = new import_react_query9.QueryClient();
 var wagmiConfig = (0, import_rainbowkit.getDefaultConfig)({
   appName: "MatchID",
@@ -1114,22 +1183,22 @@ var wagmiConfig = (0, import_rainbowkit.getDefaultConfig)({
       ]
     }
   ],
-  chains: [import_chains.mainnet, import_chains.polygon, import_chains.optimism, import_chains.arbitrum, import_chains.base, import_chains.matchain, import_chains.matchainTestnet, import_chains.bsc]
+  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_react18.createContext)(void 0);
 
 // src/components/EmailModal/StepVerify.tsx
 var import_react20 = require("react");
 var import_react_intl7 = require("react-intl");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
 var import_react_intl8 = require("react-intl");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 
 // src/ui/Popover/index.tsx
 var import_react22 = require("react");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 function Popover({
   children,
   content,
@@ -1139,7 +1208,7 @@ function Popover({
   gap = "20px"
 }) {
   const [active, setActive] = (0, import_react22.useState)(false);
-  return children && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+  return children && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
     "div",
     {
       onClick: () => {
@@ -1150,9 +1219,9 @@ function Popover({
       className: `matchid-popover-box matchid-popover-${position} matchid-popover-${type} ${className} ${type == "click" && active ? "matchid-popover-click-active" : ""}`,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: {
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { style: {
           paddingTop: gap
-        }, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: `matchid-popover-content`, children: content }) })
+        }, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: `matchid-popover-content`, children: content }) })
       ]
     }
   );
@@ -1166,36 +1235,36 @@ var import_react_intl9 = require("react-intl");
 var import_react_query10 = require("@tanstack/react-query");
 
 // src/components/LoginBox/index.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react25 = require("react");
 
 // src/components/LoginPanel/index.tsx
 var import_react_intl10 = require("react-intl");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react24 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react_intl11 = require("react-intl");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react_intl12 = require("react-intl");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
 var import_react26 = require("react");
 var import_react_intl13 = require("react-intl");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 
 // src/components/EVMModal/index.tsx
 var import_react29 = require("react");
@@ -1203,7 +1272,7 @@ var import_react_intl14 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
 var import_react27 = require("react");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 
 // src/components/EVMModal/index.tsx
 var import_rainbowkit2 = require("@rainbow-me/rainbowkit");
@@ -1220,7 +1289,7 @@ var import_ethers = require("ethers");
 // src/components/EVMModal/index.tsx
 var import_siwe = require("siwe");
 var import_styles = require("@rainbow-me/rainbowkit/styles.css");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 
 // src/components/TRONModal/index.tsx
 var import_react31 = __toESM(require("react"));
@@ -1230,13 +1299,13 @@ var import_react_intl15 = require("react-intl");
 var import_react30 = require("react");
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 
 // src/components/TONModal/index.tsx
 var import_react32 = __toESM(require("react"));
 var import_react_intl16 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 
 // src/components/BTCModal/index.tsx
 var import_react34 = __toESM(require("react"));
@@ -1249,46 +1318,46 @@ var import_sats_connect = require("sats-connect");
 var import_react33 = require("react");
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 
 // src/components/WalletModal/index.tsx
 var import_react35 = require("react");
 var import_react_intl18 = require("react-intl");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 
 // src/components/AlphaAvatar/index.tsx
 var import_react36 = require("react");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 
 // src/components/WalletAsset/index.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 
 // src/components/TokenSend/index.tsx
 var import_react37 = require("react");
-var import_viem11 = require("viem");
+var import_viem13 = require("viem");
 var import_react_intl19 = require("react-intl");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 
 // src/components/TokenDetail/index.tsx
 var import_react_intl20 = require("react-intl");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 
 // src/components/TokenSendList/index.tsx
 var import_react38 = require("react");
 var import_react_intl21 = require("react-intl");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 
 // src/components/TransactionList/index.tsx
 var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
 var import_react39 = require("react");
-var import_viem12 = require("viem");
-var import_viem13 = require("viem");
+var import_viem14 = require("viem");
+var import_viem15 = require("viem");
 var import_react_intl22 = require("react-intl");
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 
 // src/ui/Modal/index.tsx
 var import_react_intl23 = require("react-intl");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function Modal({
   children,
   isOpen,
@@ -1296,10 +1365,10 @@ function Modal({
   zIndex = 100,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-modal ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-modal ${className}`, style: {
     width
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "matchid-modal-mobile-header" }),
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "matchid-modal-mobile-header" }),
     children
   ] }) });
 }
@@ -1313,13 +1382,13 @@ function ModalWithHeader({
   ...props
 }) {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Modal, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "matchid-modal-header-content", children: [
-        onBack && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "matchid-modal-header-title", children: title })
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(Modal, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "matchid-modal-header-content", children: [
+        onBack && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "matchid-modal-header-title", children: title })
       ] }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
     ] }),
     children
   ] });
@@ -1354,17 +1423,17 @@ function ConfirmModal({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ModalWithHeader, { isOpen, onClose, title, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "matchid-confirm-modal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "matchid-w-full", children }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: `matchid-error`, children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { size: "lg", onClick: onSubmit, loading, block: true, highlight: true, children: confirmText ?? intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ModalWithHeader, { isOpen, onClose, title, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "matchid-confirm-modal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "matchid-w-full", children }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: `matchid-error`, children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { size: "lg", onClick: onSubmit, loading, block: true, highlight: true, children: confirmText ?? intl.formatMessage({
       id: "Confirm"
     }) })
   ] }) });
 }
 
 // src/ui/ModalDrawer/index.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 function ModalDrawer({
   title,
   drawerTitleVisible = true,
@@ -1372,13 +1441,13 @@ function ModalDrawer({
 }) {
   const isDownMd = useDownMd();
   if (isDownMd) {
-    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ModalWithHeader, { ...props, title });
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ModalWithHeader, { ...props, title });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Drawer, { ...props, title: drawerTitleVisible ? title : null });
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Drawer, { ...props, title: drawerTitleVisible ? title : null });
 }
 
 // src/ui/HashPanel/index.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 function HashPanel({
   hash,
   chain,
@@ -1438,14 +1507,14 @@ function HashPanel({
     }
   }, [hashQuery.data]);
   const link = chain ? `${chain?.blockExplorers?.default.url}/tx/${hash}` : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
     ModalDrawer,
     {
       isOpen,
       showClose: true,
       onClose,
       zIndex,
-      title: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      title: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
         "div",
         {
           className: "matchid-hashpanel-header",
@@ -1455,32 +1524,32 @@ function HashPanel({
           children: statusValue.text
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-hashpanel-box", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-hashpanel-content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-hashpanel-status`, style: {
+      children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "matchid-hashpanel-box", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "matchid-hashpanel-content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: `matchid-hashpanel-status`, style: {
             color: statusValue.color
           }, children: statusValue.text }),
-          statusValue.lottie && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Lottie_default, { animationData: statusValue.lottie, style: {
+          statusValue.lottie && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Lottie_default, { animationData: statusValue.lottie, style: {
             width: "96px",
             height: "96px"
           } }),
-          hash && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
+          hash && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
             "Hash:",
-            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("a", { href: link, target: "_blank", children: hash })
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("a", { href: link, target: "_blank", children: hash })
           ] }),
-          error && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "matchid-hashpanel-text", children: error })
+          error && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-hashpanel-text", children: error })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
       ] })
     }
   );
 }
 function HashPanel_default(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(HashPanel, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(HashPanel, { ...props });
 }
 
 // src/ui/Switch/index.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 function Switch({
   size = "default",
   checked = false,
@@ -1495,12 +1564,12 @@ function Switch({
       onChange && onChange(!checked);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { onClick, className: `matchid-switch matchid-switch-${size} ${checked ? "matchid-switch-checked" : ""} ${disabled ? "matchid-switch-disabled" : ""} ${loading ? "matchid-switch-loading" : ""}`, ...props, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(LoadingIcon_default, { className: "matchid-switch-loading-icon", size: size == "default" ? 24 : 18, color: "var(--matchid-swicth-loading-color)" }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-switch-ball" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { onClick, className: `matchid-switch matchid-switch-${size} ${checked ? "matchid-switch-checked" : ""} ${disabled ? "matchid-switch-disabled" : ""} ${loading ? "matchid-switch-loading" : ""}`, ...props, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(LoadingIcon_default, { className: "matchid-switch-loading-icon", size: size == "default" ? 24 : 18, color: "var(--matchid-swicth-loading-color)" }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "matchid-switch-ball" }) });
 }
 
 // src/ui/AlphaAvatar/index.tsx
 var import_react42 = require("react");
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 function AlphaAvatar2({
   name,
   size = "default",
@@ -1517,7 +1586,7 @@ function AlphaAvatar2({
     return "";
   }, [name]);
   const numberSize = typeof size === "number" ? size : size === "sm" ? 24 : size === "default" ? 40 : 64;
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: numberSize,
     height: numberSize,
     fontSize: Math.ceil(numberSize / 2),
@@ -1526,7 +1595,7 @@ function AlphaAvatar2({
 }
 
 // src/ui/Radio/index.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 function Radio({
   checked = false,
   onChange,
@@ -1535,20 +1604,20 @@ function Radio({
   className = "",
   style = {}
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { onClick: onChange, className: `matchid-radio ${className} ${checked ? "matchid-radio-checked" : ""}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { onClick: onChange, className: `matchid-radio ${className} ${checked ? "matchid-radio-checked" : ""}`, style: {
     width: size,
     height: size,
     ...style,
     // @ts-ignore
     "--matchid-radio-checked": color
-  }, children: checked && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `matchid-radio-content`, style: {
+  }, children: checked && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: `matchid-radio-content`, style: {
     width: Math.floor(size * 0.7),
     height: Math.floor(size * 0.7)
   } }) });
 }
 
 // src/ui/Skeleton/index.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var Skeleton = ({
   style = {},
   className = "",
@@ -1559,7 +1628,7 @@ var Skeleton = ({
   children
 }) => {
   if (!loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_jsx_runtime102.Fragment, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_jsx_runtime103.Fragment, { children });
   }
   const skeletonStyle = {
     width,
@@ -1567,7 +1636,7 @@ var Skeleton = ({
     borderRadius: radius,
     ...style
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     {
       className: "matchid-skeleton " + className,
@@ -1578,10 +1647,10 @@ var Skeleton = ({
 var Skeleton_default = Skeleton;
 
 // src/ui/Tabs/index.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 function Tabs(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: `matchid-tabs`, children: props.tabs.map((tab, index) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { onClick: () => props.setActiveTab(index), className: `matchid-tab ${props.activeTab === index ? "matchid-tab-active" : ""}`, children: tab }, index);
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: `matchid-tabs`, children: props.tabs.map((tab, index) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { onClick: () => props.setActiveTab(index), className: `matchid-tab ${props.activeTab === index ? "matchid-tab-active" : ""}`, children: tab }, index);
   }) });
 }
 
@@ -1599,12 +1668,12 @@ var LazyLottie = (props) => {
 var Lottie_default = LazyLottie;
 
 // src/ui/Checkbox/index.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 function Checkbox({
   checked = false,
   onChange
 }) {
-  return checked ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(CheckboxCheckedIcon, { onClick: () => onChange?.(false) }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(CheckboxIcon, { onClick: () => onChange?.(true) });
+  return checked ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(CheckboxCheckedIcon, { onClick: () => onChange?.(false) }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(CheckboxIcon, { onClick: () => onChange?.(true) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {