@matchain/matchid-sdk-react 0.1.56-alpha.3 → 0.1.56-alpha.4

package/dist/index.js

@@ -707,6 +707,8 @@ __export(icon_exports, {
   BitgetIcon: () => BitgetIcon,
   CheckIcon: () => CheckIcon,
   CheckRoundIcon: () => CheckRoundIcon,
+  CheckboxCheckedIcon: () => CheckboxCheckedIcon,
+  CheckboxIcon: () => CheckboxIcon,
   CloseEyeIcon: () => CloseEyeIcon,
   CloseIcon: () => CloseIcon,
   CloseRoundIcon: () => CloseRoundIcon,
@@ -1982,6 +1984,35 @@ function MoreIcon({
   ] });
 }
 
+// src/assets/icon/CheckboxIcon.tsx
+var import_jsx_runtime52 = require("react/jsx-runtime");
+function CheckboxIcon({
+  size = 16,
+  color = "#E3E3E3",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("svg", { width: size, height: size, viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("rect", { x: "2.08203", y: "2.58325", width: "11.8333", height: "11.8333", rx: "3.25", stroke: color, strokeWidth: "1.5" }) });
+}
+
+// src/assets/icon/CheckboxCheckedIcon.tsx
+var import_jsx_runtime53 = require("react/jsx-runtime");
+function CheckboxCheckedIcon({
+  size = 16,
+  color = "#FC802D",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("svg", { width: size, height: size, viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("rect", { x: "1.33203", y: "1.83325", width: "13.3333", height: "13.3333", rx: "4", fill: color }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      "path",
+      {
+        d: "M5.96094 7.63565L7.23226 8.90697L9.87499 6.26424C10.113 6.02621 10.4989 6.02621 10.737 6.26424C10.975 6.50227 10.975 6.8882 10.737 7.12623L7.80211 10.0611C7.48739 10.3758 6.97714 10.3758 6.66242 10.0611L5.09896 8.49764C4.86093 8.25961 4.86093 7.87368 5.09896 7.63565C5.33699 7.39762 5.72291 7.39762 5.96094 7.63565Z",
+        fill: "white"
+      }
+    )
+  ] });
+}
+
 // src/hooks/useLayout.tsx
 var useLayout_exports = {};
 __export(useLayout_exports, {
@@ -2003,39 +2034,39 @@ function useDownMd() {
 }
 
 // src/hooks/useConfig.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
 var WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
 function useWalletConfig() {
   const isDownMd = useDownMd();
   const walletMap = {
     evm: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(EVMDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(EVMLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(EVMDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(EVMLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "EVM",
       method: "evm"
     },
     sol: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SOLDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SOLLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SOLDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SOLLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "SOL",
       method: "sol"
     },
     btc: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(BTCDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(BTCLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(BTCDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(BTCLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "BTC",
       method: "btc"
     },
     tron: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TRXDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TRXLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TRXDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TRXLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "TRON",
       method: "tron"
     },
     ton: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TonLightIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TonLightIcon2, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TonLightIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TonLightIcon2, { size: isDownMd ? 36 : 40 }),
       name: "TON",
       method: "ton"
     }
@@ -2442,6 +2473,7 @@ var ui_exports = {};
 __export(ui_exports, {
   AlphaAvatar: () => AlphaAvatar2,
   Button: () => Button,
+  Checkbox: () => Checkbox,
   ConfirmModal: () => ConfirmModal,
   Drawer: () => Drawer,
   Field: () => Field,
@@ -2460,7 +2492,7 @@ __export(ui_exports, {
 });
 
 // src/ui/Button/index.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function Button({
   size = "df",
   disabled = false,
@@ -2480,7 +2512,7 @@ function Button({
       onClick && onClick();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "button",
     {
       type,
@@ -2491,14 +2523,14 @@ function Button({
       },
       onClick: onAction,
       ...dataset,
-      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
     }
   );
 }
 
 // src/ui/Overlay/index.tsx
 var import_react4 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function Overlay({
   isOpen = false,
   children,
@@ -2514,7 +2546,7 @@ function Overlay({
       document.body.style.overflow = "";
     };
   }, [isOpen]);
-  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       className: "matchid-overlay",
@@ -2523,11 +2555,11 @@ function Overlay({
       },
       children
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, {});
+  ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, {});
 }
 
 // src/ui/Drawer/index.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function Drawer({
   children,
   showClose = true,
@@ -2538,22 +2570,22 @@ function Drawer({
   onBack
 }) {
   if (!isOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "matchid-drawer", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: `matchid-drawer-header matchid-flex`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: `matchid-drawer-header-content matchid-flex`, children: [
-        onBack && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ArrowLeftIcon, { height: 25, width: 24, className: "matchid-drawer-header-back", onClick: onBack }),
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "matchid-drawer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: `matchid-drawer-header matchid-flex`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: `matchid-drawer-header-content matchid-flex`, children: [
+        onBack && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ArrowLeftIcon, { height: 25, width: 24, className: "matchid-drawer-header-back", onClick: onBack }),
         title
       ] }),
-      showClose && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CloseRoundIcon, { className: "matchid-drawer-header-close", onClick: onClose })
+      showClose && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CloseRoundIcon, { className: "matchid-drawer-header-close", onClick: onClose })
     ] }),
     children
   ] }) });
 }
 
 // src/ui/Field/index.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function Field({
   label,
   children,
@@ -2561,13 +2593,13 @@ function Field({
   required,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "matchid-field-label", children: [
-      required && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "matchid-field-required", children: "*" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "matchid-field-label", children: [
+      required && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "matchid-field-required", children: "*" }),
       label
     ] }),
     children,
-    error && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "matchid-field-error", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "matchid-field-error", children: error })
   ] });
 }
 
@@ -2613,7 +2645,7 @@ var import_react6 = require("react");
 
 // src/ui/Input/index.tsx
 var import_react5 = require("react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function Input({
   onChange,
   type,
@@ -2623,17 +2655,17 @@ function Input({
 }) {
   const [inputType, setInputType] = (0, import_react5.useState)(type);
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "div",
     {
       className: `matchid-input-box ${props.value && props.value.length > 0 ? "matchid-input-has-content" : ""} ${className}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
-        props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
+        props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
           if (onChange) {
             onChange({ target: { value: "" } });
           }
-        }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           DeleteRoundIcon,
           {
             height: isDownMd ? 16 : 21,
@@ -2641,9 +2673,9 @@ function Input({
             color: "var(--matchid-input-delete-icon-color)"
           }
         ) }),
-        type === "password" && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
+        type === "password" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
           setInputType(inputType === "password" ? "text" : "password");
-        }, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
+        }, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
         after
       ]
     }
@@ -2652,7 +2684,7 @@ function Input({
 
 // src/components/EmailModal/StepEmail.tsx
 var import_react_intl = require("react-intl");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function StepEmail(props) {
   const intl = (0, import_react_intl.useIntl)();
   const [emailVal, setEmailVal] = (0, import_react6.useState)("");
@@ -2667,10 +2699,10 @@ function StepEmail(props) {
   const onContinue = async () => {
     props.onContinue(emailVal);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "matchid-email-email-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Field, { label: intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "matchid-email-email-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Field, { label: intl.formatMessage({
       id: "emailAddress"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       Input,
       {
         placeholder: intl.formatMessage({
@@ -2680,9 +2712,9 @@ function StepEmail(props) {
         value: emailVal
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, { disabled: !canContinue, style: {
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { disabled: !canContinue, style: {
       marginTop: "64px"
-    }, onClick: onContinue, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_intl.FormattedMessage, { id: "continue" }) })
+    }, onClick: onContinue, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_intl.FormattedMessage, { id: "continue" }) })
   ] });
 }
 
@@ -2696,7 +2728,7 @@ var NATIVE_TOKEN_ADDRESS = "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee";
 
 // src/components/EmailModal/StepVerify.tsx
 var import_react_intl2 = require("react-intl");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function StepVerify(props) {
   const intl = (0, import_react_intl2.useIntl)();
   const { getLoginEmailCode, loginByEmail } = useUserInfo();
@@ -2773,17 +2805,17 @@ function StepVerify(props) {
       setSubmitting(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "matchid-email-verify-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "matchid-email-verify-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(EmailLineIcon, { size: isDownMd ? 19 : 24 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "matchid-email-verify-header-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "matchid-email-verify-header-value", children: props.email }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_intl2.FormattedMessage, { id: "sendEmailTips" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "matchid-email-verify-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "matchid-email-verify-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(EmailLineIcon, { size: isDownMd ? 19 : 24 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "matchid-email-verify-header-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "matchid-email-verify-header-value", children: props.email }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_intl2.FormattedMessage, { id: "sendEmailTips" }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Field, { label: intl.formatMessage({
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Field, { label: intl.formatMessage({
       id: "verificationCode"
-    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       Input,
       {
         placeholder: intl.formatMessage({
@@ -2793,7 +2825,7 @@ function StepVerify(props) {
         maxLength: codeLength,
         onChange: (e) => setCode(e.target.value),
         value: code,
-        after: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        after: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           Button,
           {
             highlight: true,
@@ -2812,13 +2844,13 @@ function StepVerify(props) {
         )
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Button, { disabled: !canContinue, loading: submitting, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_intl2.FormattedMessage, { id: "continue" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Button, { disabled: !canContinue, loading: submitting, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_intl2.FormattedMessage, { id: "continue" }) })
   ] });
 }
 
 // src/components/EmailModal/index.tsx
 var import_react_intl3 = require("react-intl");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function EmailModal({
   isOpen = false,
   width = 480,
@@ -2835,7 +2867,7 @@ function EmailModal({
       setEmailVal("");
     }
   }, [isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     ModalWithHeader,
     {
       isOpen,
@@ -2845,17 +2877,17 @@ function EmailModal({
         id: "email"
       }),
       onBack: step == "verify" ? () => setStep("input") : onBack,
-      children: step === "input" ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(StepEmail, { email: emailVal, onContinue: (email) => {
+      children: step === "input" ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(StepEmail, { email: emailVal, onContinue: (email) => {
         setEmailVal(email);
         setStep("verify");
-      } }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(StepVerify, { email: emailVal, onSuccess: onLogin })
+      } }) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(StepVerify, { email: emailVal, onSuccess: onLogin })
     }
   );
 }
 
 // src/ui/Popover/index.tsx
 var import_react9 = require("react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function Popover({
   children,
   content,
@@ -2865,7 +2897,7 @@ function Popover({
   gap = "20px"
 }) {
   const [active, setActive] = (0, import_react9.useState)(false);
-  return children && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return children && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
     "div",
     {
       onClick: () => {
@@ -2876,9 +2908,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_runtime61.jsx)("div", { style: {
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { style: {
           paddingTop: gap
-        }, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: `matchid-popover-content`, children: content }) })
+        }, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: `matchid-popover-content`, children: content }) })
       ]
     }
   );
@@ -2909,7 +2941,7 @@ function useAppConfig() {
 }
 
 // src/components/LoginBox/index.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var RecommendItem = ({
   icon,
   name,
@@ -2918,20 +2950,20 @@ var RecommendItem = ({
   children,
   footer
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "matchid-login-recommend-method", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "matchid-login-recommend-method-item", onClick, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "matchid-login-recommend-method-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "matchid-login-recommend-method-icon", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "matchid-login-recommend-method-name", children: name })
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "matchid-login-recommend-method", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "matchid-login-recommend-method-item", onClick, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "matchid-login-recommend-method-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "matchid-login-recommend-method-icon", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "matchid-login-recommend-method-name", children: name })
       ] }),
-      footer ? footer : children ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      footer ? footer : children ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         ArrowDownIcon,
         {
           className: `matchid-login-recommend-method-arrow ${showChildren ? "matchid-login-recommend-method-arrow-active" : ""}`,
           size: 20,
           color: "var(--matchid-arrow-color)"
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         ArrowRightIcon,
         {
           className: "matchid-login-recommend-method-arrow",
@@ -2940,7 +2972,7 @@ var RecommendItem = ({
         }
       )
     ] }),
-    children && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    children && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       "div",
       {
         className: `matchid-login-recommend-method-popover ${showChildren ? "matchid-login-recommend-method-popover-active" : ""}`,
@@ -3005,75 +3037,75 @@ function LoginBox({
   const isDownMd = useDownMd();
   const methodMap = {
     wallet: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(WalletIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(WalletIcon, { size: isDownMd ? 36 : 40 }),
       name: intl.formatMessage({ id: "wallet" }),
       onClick: () => setShowWallet(!showWallet),
       type: "wallet"
     },
     email: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(EmailIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EmailIcon, { size: isDownMd ? 36 : 40 }),
       name: intl.formatMessage({ id: "email" }),
       onClick: () => {
         setEmailOpen(true);
       }
     },
     google: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(GoogleIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(GoogleIcon, { size: isDownMd ? 36 : 40 }),
       name: "Google",
       onClick: () => login("google")
     },
     twitter: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(XIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(XIcon, { size: isDownMd ? 36 : 40 }),
       name: "X",
       onClick: () => login("twitter")
     },
     telegram: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(TelegramIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(TelegramIcon, { size: isDownMd ? 36 : 40 }),
       name: "Telegram",
       onClick: () => login("telegram")
     },
     github: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(GithubIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(GithubIcon, { size: isDownMd ? 36 : 40 }),
       name: "Github",
       onClick: () => login("github")
     },
     discord: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(DiscordIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DiscordIcon, { size: isDownMd ? 36 : 40 }),
       name: "Discord",
       onClick: () => login("discord")
     },
     linkedin: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(LinkedinIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(LinkedinIcon, { size: isDownMd ? 36 : 40 }),
       name: "LinkedIn",
       onClick: () => login("linkedin")
     },
     facebook: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(FacebookIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(FacebookIcon, { size: isDownMd ? 36 : 40 }),
       name: "Facebook",
       onClick: () => login("facebook")
     },
     youtube: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(YoutubeIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(YoutubeIcon, { size: isDownMd ? 36 : 40 }),
       name: "Youtube",
       onClick: () => login("youtube")
     }
   };
   const { walletMap } = useWalletConfig();
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
-    (!inModal || !emailOpen) && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "matchid-login-box", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "matchid-login-recommend-list", children: methodConfig.recommendMethods.map((m) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
+    (!inModal || !emailOpen) && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "matchid-login-box", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "matchid-login-recommend-list", children: methodConfig.recommendMethods.map((m) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           RecommendItem,
           {
             icon: methodMap[m]?.icon,
             name: methodMap[m]?.name,
             onClick: methodMap[m]?.onClick,
             showChildren: m == "wallet" && showWallet,
-            children: m == "wallet" && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "matchid-login-recommend-wallet-divider" }),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "matchid-login-recommend-wallet-list", children: methodConfig.walletMethods.map((n) => {
+            children: m == "wallet" && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "matchid-login-recommend-wallet-divider" }),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "matchid-login-recommend-wallet-list", children: methodConfig.walletMethods.map((n) => {
                 const m2 = walletMap[n];
-                return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
                   "div",
                   {
                     className: "matchid-login-recommend-wallet-item",
@@ -3081,16 +3113,16 @@ function LoginBox({
                       login(m2.method);
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "matchid-login-recommend-wallet-item-content", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
-                        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "matchid-login-recommend-wallet-item-content", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
+                        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
                           "div",
                           {
                             className: "matchid-login-recommend-wallet-item-hover-icon",
                             children: m2.activeIcon
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
                           "span",
                           {
                             className: "matchid-login-recommend-wallet-item-name",
@@ -3098,7 +3130,7 @@ function LoginBox({
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
                         ArrowRightIcon,
                         {
                           className: "matchid-login-recommend-wallet-item-arrow",
@@ -3116,10 +3148,10 @@ function LoginBox({
           m
         );
       }) }),
-      methodConfig.methods.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "matchid-login-other", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_intl4.FormattedMessage, { id: "otherLoginMethods" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      methodConfig.methods.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "matchid-login-other", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_intl4.FormattedMessage, { id: "otherLoginMethods" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
             "div",
             {
               className: "matchid-login-method-item",
@@ -3132,7 +3164,7 @@ function LoginBox({
         }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       EmailModal,
       {
         isOpen: emailOpen,
@@ -3152,40 +3184,40 @@ var import_react12 = require("react");
 
 // src/components/LoginPanel/index.tsx
 var import_react_intl5 = require("react-intl");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function LoginPanel({
   header,
   onClose,
   ...props
 }) {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "matchid-login-panel", children: [
-    header ? header : /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "matchid-login-panel-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "matchid-login-panel-header-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_intl5.FormattedMessage, { id: "loginTitle" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_intl5.FormattedMessage, { id: "loginTips" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "matchid-login-panel", children: [
+    header ? header : /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "matchid-login-panel-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "matchid-login-panel-header-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react_intl5.FormattedMessage, { id: "loginTitle" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react_intl5.FormattedMessage, { id: "loginTips" }) })
       ] }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30 }) })
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30 }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "matchid-login-panel-divide" }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "matchid-login-panel-box", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(LoginBox, { ...props }) })
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "matchid-login-panel-divide" }),
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "matchid-login-panel-box", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(LoginBox, { ...props }) })
   ] });
 }
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function LoginModal({
   isOpen = false,
   width = 480,
   ...props
 }) {
   const { isLogin } = useUserInfo();
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     Modal,
     {
       isOpen: isOpen && !isLogin,
       width,
-      children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(LoginPanel, { ...props, inModal: true })
+      children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(LoginPanel, { ...props, inModal: true })
     }
   );
 }
@@ -3194,10 +3226,10 @@ function LoginModal({
 var import_react11 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function ProfileIcon({ size = 24, color = "black", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       "path",
       {
         fillRule: "evenodd",
@@ -3206,7 +3238,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
         fill: color
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       "path",
       {
         fillRule: "evenodd",
@@ -3220,7 +3252,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
 
 // src/components/UserPopover/index.tsx
 var import_react_intl6 = require("react-intl");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function UserContent() {
   const { logout, address, username } = useUserInfo();
   const [logouting, setLogouting] = (0, import_react11.useState)(false);
@@ -3241,34 +3273,34 @@ function UserContent() {
     rightIcon,
     onClick
   }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "matchid-user-popover-item", onClick, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: `matchid-user-popover-item-content`, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "matchid-user-popover-item", onClick, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: `matchid-user-popover-item-content`, children: [
         icon,
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "matchid-user-popover-item-text", children })
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "matchid-user-popover-item-text", children })
       ] }),
       rightIcon
     ] });
   };
   const UserDivider = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: `matchid-user-popover-divider` });
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: `matchid-user-popover-divider` });
   };
   const [usernameOpen, setUsernameOpen] = (0, import_react11.useState)(false);
   const [copied, setCopied] = useCopyClipboard();
   const intl = (0, import_react_intl6.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "matchid-user-popover-content", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "matchid-user-popover-list", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(UserItem, { onClick: () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "matchid-user-popover-content", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "matchid-user-popover-list", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(UserItem, { onClick: () => {
         setCopied(address);
-      }, icon: copied ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(UserDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(UserItem, { onClick: () => {
+      }, icon: copied ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(UserDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(UserItem, { onClick: () => {
         setUsernameOpen(true);
-      }, icon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ProfileIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ArrowRightIcon, { size: 20, color: "var(--icon-color)" }), children: username || intl.formatMessage({
+      }, icon: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ProfileIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ArrowRightIcon, { size: 20, color: "var(--icon-color)" }), children: username || intl.formatMessage({
         id: "setUsername"
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react_intl6.FormattedMessage, { id: "disconnect" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(UsernameModal, { isOpen: usernameOpen, onClose: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_intl6.FormattedMessage, { id: "disconnect" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(UsernameModal, { isOpen: usernameOpen, onClose: () => {
       setUsernameOpen(false);
     }, onSuccess: () => {
       setUsernameOpen(false);
@@ -3279,12 +3311,12 @@ function UserPopover({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Popover, { ...props, content: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(UserContent, {}), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Popover, { ...props, content: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(UserContent, {}), children });
 }
 
 // src/components/LoginButton/index.tsx
 var import_react_intl7 = require("react-intl");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function LoginButton({
   loginRender,
   methods,
@@ -3300,8 +3332,8 @@ function LoginButton({
   const { isLogin, username } = useUserInfo();
   const [loginOpen, setLoginOpen] = (0, import_react12.useState)(false);
   if (!isLogin) {
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         LoginModal,
         {
           methods,
@@ -3311,15 +3343,15 @@ function LoginButton({
           onClose: () => setLoginOpen(false)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(UnLoginIcon_default, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react_intl7.FormattedMessage, { id: "login" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(UnLoginIcon_default, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react_intl7.FormattedMessage, { id: "login" }) })
       ] })
     ] });
   }
-  return loginRender ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_jsx_runtime67.Fragment, { children: loginRender }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(UserPopover, { position: popoverPosition, type: popoverType, gap: popoverGap, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Button, { onClick: onLoginClick, className: "matchid-login-btn", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(LoginIcon_default, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { children: username ? truncateAddress(username) : "MatchID " + intl.formatMessage({
+  return loginRender ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_jsx_runtime69.Fragment, { children: loginRender }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(UserPopover, { position: popoverPosition, type: popoverType, gap: popoverGap, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Button, { onClick: onLoginClick, className: "matchid-login-btn", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(LoginIcon_default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: username ? truncateAddress(username) : "MatchID " + intl.formatMessage({
       id: "user"
     }) })
   ] }) });
@@ -3328,15 +3360,15 @@ function LoginButton({
 // src/components/UsernameModal/index.tsx
 var import_react13 = require("react");
 var import_react_intl8 = require("react-intl");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var ValidItem = ({
   success = false,
   text
 }) => {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: `matchid-valid-status-item matchid-valid-status-${success ? "success" : "error"}`, children: [
-    success ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CheckRoundIcon, { size: isDownMd ? 12 : 16 }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(InfoLineIcon, { size: isDownMd ? 12 : 16 }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: text })
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: `matchid-valid-status-item matchid-valid-status-${success ? "success" : "error"}`, children: [
+    success ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(CheckRoundIcon, { size: isDownMd ? 12 : 16 }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(InfoLineIcon, { size: isDownMd ? 12 : 16 }),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: text })
   ] });
 };
 function UsernameModal({
@@ -3384,12 +3416,12 @@ function UsernameModal({
     }
   };
   const intl = (0, import_react_intl8.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
     id: username ? "editUsernameTitle" : "setUsernameTitle"
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "matchid-username-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Field, { label: intl.formatMessage({
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "matchid-username-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Field, { label: intl.formatMessage({
       id: "username"
-    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       Input,
       {
         placeholder: intl.formatMessage({
@@ -3402,8 +3434,8 @@ function UsernameModal({
         value: val
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "matchid-valid", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "matchid-valid", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
         ValidItem,
         {
           success: isValid,
@@ -3412,16 +3444,16 @@ function UsernameModal({
           })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ValidItem, { success: isLength, text: intl.formatMessage({
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ValidItem, { success: isLength, text: intl.formatMessage({
         id: "usernameLengthError"
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Button, { disabled: !isSafe, loading: isSubmitting, style: {
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Button, { disabled: !isSafe, loading: isSubmitting, style: {
       marginTop: isDownMd ? "36px" : "64px"
-    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_intl8.FormattedMessage, { id: "confirm" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Button, { style: {
+    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_intl8.FormattedMessage, { id: "confirm" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Button, { style: {
       marginTop: isDownMd ? "12px" : "24px"
-    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_intl8.FormattedMessage, { id: "cancel" }) })
+    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_intl8.FormattedMessage, { id: "cancel" }) })
   ] }) });
 }
 
@@ -3477,7 +3509,7 @@ var walletConnectImage = wallet_default;
 var walletSigningImage = signing_default;
 
 // src/components/WalletModalContent/index.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 function WalletModalContent({
   status,
   error,
@@ -3547,15 +3579,15 @@ function WalletModalContent({
       statusImage: walletConnectImage
     };
   }, [visible, connected, status, error, address]);
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: `matchid-wallet-box`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: `matchid-wallet-content`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Lottie_default, { animationData: pageData.statusImage, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: `matchid-wallet-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: `matchid-wallet-content`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Lottie_default, { animationData: pageData.statusImage, style: {
         width: 128,
         height: 128
       } }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: pageData.isError ? "matchid-error" : "", children: pageData.text })
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: pageData.isError ? "matchid-error" : "", children: pageData.text })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       Button,
       {
         block: true,
@@ -3631,15 +3663,15 @@ function WalletModalContentV2(props) {
       statusImage: walletConnectImage
     };
   }, [props, submitting]);
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: `matchid-wallet-box`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: `matchid-wallet-content`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Lottie_default, { animationData: pageData.statusImage, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: `matchid-wallet-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: `matchid-wallet-content`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Lottie_default, { animationData: pageData.statusImage, style: {
         width: 128,
         height: 128
       } }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: props.status == "error" ? "matchid-error" : "", children: pageData.text })
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: props.status == "error" ? "matchid-error" : "", children: pageData.text })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       Button,
       {
         block: true,
@@ -3921,7 +3953,7 @@ async function getEthersSigner(config, { chainId } = {}) {
 // src/components/EVMModal/index.tsx
 var import_siwe = require("siwe");
 var import_styles = require("@rainbow-me/rainbowkit/styles.css");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function WalletContent({
   onSuccess,
   type
@@ -4079,7 +4111,7 @@ function WalletContent({
     setNonce(void 0);
     setStatus("start");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     WalletModalContentV2,
     {
       status,
@@ -4097,14 +4129,14 @@ function EVMConnectModal({
   ...props
 }) {
   const intl = (0, import_react_intl9.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "EVM"
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(WalletContent, { onSuccess, type }) });
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(WalletContent, { onSuccess, type }) });
 }
 function EVMModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_rainbowkit.RainbowKitProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(EVMConnectModal, { ...props }) });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_rainbowkit.RainbowKitProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EVMConnectModal, { ...props }) });
 }
 
 // src/components/TRONModal/index.tsx
@@ -4219,7 +4251,7 @@ var useTRONWallet = () => {
 };
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 function TRONConnectModal({
   type = "login",
   onSuccess,
@@ -4229,9 +4261,9 @@ function TRONConnectModal({
   const intl = (0, import_react_intl10.useIntl)();
   const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useTRONWallet();
   const iconMaps = {
-    tronlink: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
-    bitget: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(BitgetIcon, { size: isDownMd ? 36 : 40 }),
-    okx: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(OKXIcon, { size: isDownMd ? 36 : 40 })
+    tronlink: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
+    bitget: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(BitgetIcon, { size: isDownMd ? 36 : 40 }),
+    okx: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(OKXIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
   const [status, setStatus] = (0, import_react18.useState)("");
@@ -4323,11 +4355,11 @@ function TRONConnectModal({
       disconnect();
     }
   }, [props.isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "TRON"
-  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     WalletModalContent,
     {
       error,
@@ -4340,9 +4372,9 @@ function TRONConnectModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
@@ -4355,14 +4387,14 @@ function TRONConnectModal({
       );
     }),
     wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
           name: wallet2.name,
           onClick: () => {
           },
-          footer: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button, { size: "sm", onClick: () => {
+          footer: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button, { size: "sm", onClick: () => {
             window.open(wallet2.website);
           }, children: "Install" })
         },
@@ -4372,14 +4404,14 @@ function TRONConnectModal({
   ] }) }) });
 }
 function TRONModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TRONConnectModal, { ...props, type: props.type });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TRONConnectModal, { ...props, type: props.type });
 }
 
 // src/components/TONModal/index.tsx
 var import_react19 = __toESM(require("react"));
 var import_react_intl11 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 function WalletContent2({
   onSuccess,
   type
@@ -4506,7 +4538,7 @@ function WalletContent2({
       }
     }
   }, [state]);
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     WalletModalContent,
     {
       connected,
@@ -4540,20 +4572,20 @@ function TONConnectModal({
   const intl = (0, import_react_intl11.useIntl)();
   const { endpoints, appid } = useLocalStore_default();
   const manifestUrl = `${endpoints.back}api/v1/wallet/ton?appid=${appid}&url=` + encodeURIComponent(window.location.origin);
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "TON"
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     import_ui_react.TonConnectUIProvider,
     {
       manifestUrl,
-      children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(WalletContent2, { onSuccess, type })
+      children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(WalletContent2, { onSuccess, type })
     }
   ) });
 }
 function TONModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(TONConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TONConnectModal, { ...props });
 }
 
 // src/components/BTCModal/index.tsx
@@ -4776,7 +4808,7 @@ var useBTCWallet = () => {
 };
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function BTCConnectModal({
   type = "login",
   onSuccess,
@@ -4786,10 +4818,10 @@ function BTCConnectModal({
   const intl = (0, import_react_intl12.useIntl)();
   const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useBTCWallet();
   const iconMaps = {
-    leather: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(LeatherIcon, { size: isDownMd ? 36 : 40 }),
-    unisat: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(UnisatIcon, { size: isDownMd ? 36 : 40 }),
-    xverse: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(XverseIcon, { size: isDownMd ? 36 : 40 }),
-    phantom: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(PhantomIcon, { size: isDownMd ? 36 : 40 })
+    leather: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(LeatherIcon, { size: isDownMd ? 36 : 40 }),
+    unisat: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(UnisatIcon, { size: isDownMd ? 36 : 40 }),
+    xverse: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(XverseIcon, { size: isDownMd ? 36 : 40 }),
+    phantom: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(PhantomIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
   const [status, setStatus] = (0, import_react21.useState)("");
@@ -4889,11 +4921,11 @@ function BTCConnectModal({
     statusRef.current = "";
     setError("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "BTC"
-  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     WalletModalContent,
     {
       error,
@@ -4906,9 +4938,9 @@ function BTCConnectModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
@@ -4921,14 +4953,14 @@ function BTCConnectModal({
       );
     }),
     wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
           name: wallet2.name,
           onClick: () => {
           },
-          footer: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button, { size: "sm", onClick: () => {
+          footer: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Button, { size: "sm", onClick: () => {
             window.open(wallet2.website);
           }, children: "Install" })
         },
@@ -4938,13 +4970,13 @@ function BTCConnectModal({
   ] }) }) });
 }
 function BTCModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(BTCConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(BTCConnectModal, { ...props });
 }
 
 // src/components/WalletModal/index.tsx
 var import_react22 = require("react");
 var import_react_intl13 = require("react-intl");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 function WalletConnectModal({
   type,
   methods: _methods,
@@ -4962,13 +4994,13 @@ function WalletConnectModal({
     const platform = config.platform.map((p) => p.toLowerCase());
     return WALLET_METHODS.filter((m) => platform.includes(m));
   }, [config.platform, _methods]);
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: ""
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "matchid-login-recommend-list", children: methods.map((method, index) => {
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "matchid-login-recommend-list", children: methods.map((method, index) => {
     const m = walletMap[method];
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       RecommendItem,
       {
         icon: m?.icon,
@@ -4982,12 +5014,12 @@ function WalletConnectModal({
   }) }) }) });
 }
 function WalletModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(WalletConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(WalletConnectModal, { ...props });
 }
 
 // src/components/AlphaAvatar/index.tsx
 var import_react23 = require("react");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 function AlphaAvatar({ name, size = 40, className = "" }) {
   const [avatar, setAvatar] = (0, import_react23.useState)(void 0);
   (0, import_react23.useEffect)(() => {
@@ -4996,7 +5028,7 @@ function AlphaAvatar({ name, size = 40, className = "" }) {
       setAvatar(char);
     }
   }, [name]);
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: size,
     height: size,
     fontSize: Math.ceil(size / 2)
@@ -5004,7 +5036,7 @@ function AlphaAvatar({ name, size = 40, className = "" }) {
 }
 
 // src/components/WalletAsset/index.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 function WalletAsset({
   onAssetClick,
   matchWalletAssetsOptions
@@ -5014,7 +5046,7 @@ function WalletAsset({
     list: walletAssets.mergedAssets
   });
   const { list } = useMatchChain();
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "matchid-wallet-asset-list", children: matchWalletAssetList.list.map((n, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "matchid-wallet-asset-list", children: matchWalletAssetList.list.map((n, index) => {
     const clickFunc = onAssetClick && onAssetClick(n);
     const chain = list?.find((m) => m.id.toString() === n.chain_id);
     const getFooterColor = () => {
@@ -5029,11 +5061,11 @@ function WalletAsset({
       }
       return "";
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: `matchid-wallet-asset-item`, onClick: clickFunc, style: {
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `matchid-wallet-asset-item`, onClick: clickFunc, style: {
       cursor: clickFunc ? "pointer" : "default"
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "matchid-wallet-asset-logo", title: n.symbol || n.name || "", children: [
-        n.icon ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-wallet-asset-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "matchid-wallet-asset-logo", title: n.symbol || n.name || "", children: [
+        n.icon ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-wallet-asset-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
           AlphaAvatar,
           {
             className: `matchid-wallet-asset-icon`,
@@ -5041,12 +5073,12 @@ function WalletAsset({
             name: n.symbol || n.name || ""
           }
         ),
-        chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-wallet-asset-chain` })
+        chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-wallet-asset-chain` })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: `matchid-wallet-asset-info`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: `matchid-wallet-asset-name`, children: n.symbol }),
-        "price" in n && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: `matchid-wallet-asset-content`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "matchid-wallet-asset-price", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `matchid-wallet-asset-info`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: `matchid-wallet-asset-name`, children: n.symbol }),
+        "price" in n && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `matchid-wallet-asset-content`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "matchid-wallet-asset-price", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
             NumberFormatter,
             {
               value: n.price,
@@ -5054,7 +5086,7 @@ function WalletAsset({
               tFixNum: 2
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "matchid-wallet-asset-value", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "matchid-wallet-asset-value", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
             NumberFormatter,
             {
               value: n.value,
@@ -5063,15 +5095,15 @@ function WalletAsset({
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: `matchid-wallet-asset-footer`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: `matchid-wallet-asset-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `matchid-wallet-asset-footer`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: `matchid-wallet-asset-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
             NumberFormatter,
             {
               value: n.balance,
               tFixNum: 3
             }
           ) }),
-          "price_change_24h" in n && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: `matchid-wallet-asset-change ${getFooterColor()}`, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          "price_change_24h" in n && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: `matchid-wallet-asset-change ${getFooterColor()}`, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
             NumberFormatter,
             {
               prefix: `${(n?.price_change_24h || 0) < 0 ? "-" : "+"} `,
@@ -5090,7 +5122,7 @@ function WalletAsset({
 var import_react24 = require("react");
 var import_viem3 = require("viem");
 var import_react_intl14 = require("react-intl");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 function Input2({
   onChange,
   placeholder,
@@ -5100,8 +5132,8 @@ function Input2({
   error,
   size = "df"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       "input",
       {
         placeholder,
@@ -5112,7 +5144,7 @@ function Input2({
         className: `matchid-token-input ${error ? "matchid-token-input-error" : ""}`
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "matchid-token-input-error-text", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "matchid-token-input-error-text", children: error })
   ] });
 }
 function TokenSend({
@@ -5240,24 +5272,24 @@ function TokenSend({
       window.removeEventListener("message", receiveMessage);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_intl14.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: `matchid-token-send-box`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "matchid-token-send-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: `matchid-token-amount-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: `matchid-token-amount-header`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_intl14.FormattedMessage, { id: "amount" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
-            token.icon ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_intl14.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: `matchid-token-send-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "matchid-token-send-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: `matchid-token-amount-content`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: `matchid-token-amount-header`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_intl14.FormattedMessage, { id: "amount" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
+            token.icon ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
               "img",
               {
                 src: token?.icon,
                 alt: token?.symbol,
                 className: `matchid-token-amount-chain-icon`
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(AlphaAvatar2, { name: token.symbol || token.name || "", size: 16 }),
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: token?.symbol })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(AlphaAvatar2, { name: token.symbol || token.name || "", size: 16 }),
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: token?.symbol })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
           Input2,
           {
             type: "text",
@@ -5270,18 +5302,18 @@ function TokenSend({
             error: error.amount || txError
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: `matchid-token-amount-title`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_intl14.FormattedMessage, { id: "balance" }),
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: `matchid-token-amount-title`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_intl14.FormattedMessage, { id: "balance" }),
             ":"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: `matchid-token-address-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_intl14.FormattedMessage, { id: "receiveTitle" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: `matchid-token-address-content`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_intl14.FormattedMessage, { id: "receiveTitle" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
           Input2,
           {
             type: "text",
@@ -5297,7 +5329,7 @@ function TokenSend({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       Button,
       {
         size: "lg",
@@ -5306,7 +5338,7 @@ function TokenSend({
         disabled: !canSend || !!txError,
         onClick: onNext,
         loading: loading || sending,
-        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_intl14.FormattedMessage, { id: "next" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_intl14.FormattedMessage, { id: "next" })
       }
     )
   ] }) });
@@ -5314,7 +5346,7 @@ function TokenSend({
 
 // src/components/TokenDetail/index.tsx
 var import_react_intl15 = require("react-intl");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 function TokenDetail({
   onClose,
   token
@@ -5324,41 +5356,41 @@ function TokenDetail({
   const chain = chainList?.find((m) => m.id.toString() === token.chain_id);
   const onSend = () => {
     modal.show((props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(TokenSend, { onClose: () => {
         props.close();
         onClose();
       }, onBack: props.close, zIndex: props.zIndex, token });
     });
   };
   const intl = (0, import_react_intl15.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ModalDrawer, { isOpen: true, title: intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ModalDrawer, { isOpen: true, title: intl.formatMessage({
     id: "tokenDetails"
-  }), onClose, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `matchid-token-detail`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `matchid-token-main`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `matchid-token-info`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `matchid-token-logo`, children: [
-          token.icon ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("img", { src: token.icon, alt: token.symbol, className: `matchid-token-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(AlphaAvatar2, { className: `matchid-token-icon`, size: 48, name: token.symbol || token.name || "" }),
-          chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
+  }), onClose, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: `matchid-token-detail`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: `matchid-token-main`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: `matchid-token-info`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: `matchid-token-logo`, children: [
+          token.icon ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("img", { src: token.icon, alt: token.symbol, className: `matchid-token-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(AlphaAvatar2, { className: `matchid-token-icon`, size: 48, name: token.symbol || token.name || "" }),
+          chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `matchid-token-name`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10 }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: `matchid-token-name`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10 }),
           " ",
           token.symbol
         ] })
       ] }),
-      token.address.toLowerCase() != NATIVE_TOKEN_ADDRESS && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `matchid-token-contract`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "matchid-token-contract-title", children: "Contract address" }),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "matchid-token-contract-address", children: token.address })
+      token.address.toLowerCase() != NATIVE_TOKEN_ADDRESS && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: `matchid-token-contract`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "matchid-token-contract-title", children: "Contract address" }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "matchid-token-contract-address", children: token.address })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_intl15.FormattedMessage, { id: "send" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_intl15.FormattedMessage, { id: "send" }) })
   ] }) });
 }
 
 // src/components/TokenSendList/index.tsx
 var import_react25 = require("react");
 var import_react_intl16 = require("react-intl");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 function TokenSendList({ close }) {
   const isDownMd = useDownMd();
   const walletAssets = useMatchWalletAssets();
@@ -5370,16 +5402,16 @@ function TokenSendList({ close }) {
   const modal = useModal();
   const onNext = () => {
     checked && modal.show((props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(TokenSend, { onClose: () => {
         props.close();
         close();
       }, onBack: props.close, zIndex: props.zIndex, token: checked });
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "matchid-token-send-list-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-token-send-list-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index) => {
       const chain = list?.find((m) => m.id.toString() === n.chain_id);
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
         "div",
         {
           className: `matchid-token-send-item ${checked?.address == n.address ? "matchid-token-send-chekced" : ""}`,
@@ -5387,10 +5419,10 @@ function TokenSendList({ close }) {
             setChecked(n);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "matchid-token-send-content", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "matchid-token-send-logo", children: [
-                n.icon ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-token-send-content", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-token-send-logo", children: [
+                n.icon ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                   AlphaAvatar,
                   {
                     className: `matchid-token-send-icon`,
@@ -5398,7 +5430,7 @@ function TokenSendList({ close }) {
                     name: n.symbol || n.name || ""
                   }
                 ),
-                chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                   "img",
                   {
                     src: chain.iconUrl,
@@ -5407,9 +5439,9 @@ function TokenSendList({ close }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: `matchid-token-send-info`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
+              /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `matchid-token-send-info`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
+                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
               ] })
             ] })
           ]
@@ -5417,7 +5449,7 @@ function TokenSendList({ close }) {
         index
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_intl16.FormattedMessage, { id: "next" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl16.FormattedMessage, { id: "next" }) })
   ] });
 }
 
@@ -5525,7 +5557,7 @@ function useHash({
 
 // src/components/TransactionList/index.tsx
 var import_react_intl17 = require("react-intl");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var Item = ({ data }) => {
   const { address } = useWallet();
   const isOut = data.from.toLowerCase() == address.toLowerCase();
@@ -5612,18 +5644,18 @@ var Item = ({ data }) => {
     }
     return chain?.nativeCurrency.symbol || chain?.nativeCurrency.name;
   }, [transferType, chain, contracts, chainId, data.to]);
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     "a",
     {
       href: explorerLink(`tx/${data.hash}`),
       target: "_blank",
       className: `matchid-transaction-item`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: `matchid-transacton-item-container`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "matchid-transaction-item-icon", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ArrowSendIcon, { className: !isOut ? "rotate-180" : "" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: `matchid-transaction-item-details`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: `matchid-transaction-item-address`, children: formatAddress(to, 6, 4) }),
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `matchid-transacton-item-container`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "matchid-transaction-item-icon", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ArrowSendIcon, { className: !isOut ? "rotate-180" : "" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `matchid-transaction-item-details`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: `matchid-transaction-item-address`, children: formatAddress(to, 6, 4) }),
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
               "div",
               {
                 className: `matchid-transaction-item-timestamp`,
@@ -5632,11 +5664,11 @@ var Item = ({ data }) => {
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: `matchid-transaction-item-amount ${"matchid-transaction-item-" + status}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(NumberFormatter, { value: amount, tFixNum: 6, prefix: isOut ? "-" : "+", suffix: " " + symbol }),
-          status == "loading" && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(LoadingIcon_default, { color: "#000000", size: 16, rotate: true }),
-          status == "success" && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(CheckRoundIcon, { size: 16 }),
-          status == "error" && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(InfoRoundIcon, { size: 16 })
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `matchid-transaction-item-amount ${"matchid-transaction-item-" + status}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(NumberFormatter, { value: amount, tFixNum: 6, prefix: isOut ? "-" : "+", suffix: " " + symbol }),
+          status == "loading" && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(LoadingIcon_default, { color: "#000000", size: 16, rotate: true }),
+          status == "success" && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(CheckRoundIcon, { size: 16 }),
+          status == "error" && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(InfoRoundIcon, { size: 16 })
         ] })
       ]
     }
@@ -5646,26 +5678,26 @@ function TransactionList({
   scrollableTarget
 }) {
   const { fetchMoreData, hasMore, items } = useMatchWalletRecords();
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     import_react_infinite_scroll_component.default,
     {
       scrollableTarget,
       dataLength: items.length,
       next: fetchMoreData,
       hasMore,
-      loader: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "matchid-list-nomore", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
+      loader: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "matchid-list-nomore", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
         "Loading..."
       ] }),
-      endMessage: items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_intl17.FormattedMessage, { id: "noMoreRecords" }) }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_intl17.FormattedMessage, { id: "noRecords" }) }),
-      children: items.length == 0 && !hasMore ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "mt-[150px]" }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: `matchid-transaction-list`, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Item, { data: item }, index)) })
+      endMessage: items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_intl17.FormattedMessage, { id: "noMoreRecords" }) }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_intl17.FormattedMessage, { id: "noRecords" }) }),
+      children: items.length == 0 && !hasMore ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "mt-[150px]" }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: `matchid-transaction-list`, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Item, { data: item }, index)) })
     }
   );
 }
 
 // src/ui/Modal/index.tsx
 var import_react_intl18 = require("react-intl");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 function Modal({
   children,
   isOpen,
@@ -5673,10 +5705,10 @@ function Modal({
   zIndex = 100,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `matchid-modal ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: `matchid-modal ${className}`, style: {
     width
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-modal-mobile-header" }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "matchid-modal-mobile-header" }),
     children
   ] }) });
 }
@@ -5690,13 +5722,13 @@ function ModalWithHeader({
   ...props
 }) {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Modal, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-modal-header-content", children: [
-        onBack && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "matchid-modal-header-title", children: title })
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Modal, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "matchid-modal-header-content", children: [
+        onBack && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "matchid-modal-header-title", children: title })
       ] }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
     ] }),
     children
   ] });
@@ -5731,17 +5763,17 @@ function ConfirmModal({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ModalWithHeader, { isOpen, onClose, title, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-confirm-modal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-w-full", children }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: `matchid-error`, children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Button, { size: "lg", onClick: onSubmit, loading, block: true, highlight: true, children: confirmText ?? intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ModalWithHeader, { isOpen, onClose, title, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "matchid-confirm-modal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "matchid-w-full", children }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: `matchid-error`, children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.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_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 function ModalDrawer({
   title,
   drawerTitleVisible = true,
@@ -5749,13 +5781,13 @@ function ModalDrawer({
 }) {
   const isDownMd = useDownMd();
   if (isDownMd) {
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ModalWithHeader, { ...props, title });
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ModalWithHeader, { ...props, title });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Drawer, { ...props, title: drawerTitleVisible ? title : null });
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Drawer, { ...props, title: drawerTitleVisible ? title : null });
 }
 
 // src/ui/HashPanel/index.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 function HashPanel({
   hash,
   chain,
@@ -5815,14 +5847,14 @@ function HashPanel({
     }
   }, [hashQuery.data]);
   const link = chain ? `${chain?.blockExplorers?.default.url}/tx/${hash}` : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     ModalDrawer,
     {
       isOpen,
       showClose: true,
       onClose,
       zIndex,
-      title: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+      title: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
         "div",
         {
           className: "matchid-hashpanel-header",
@@ -5832,32 +5864,32 @@ function HashPanel({
           children: statusValue.text
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "matchid-hashpanel-box", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "matchid-hashpanel-content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: `matchid-hashpanel-status`, style: {
+      children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-hashpanel-box", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-hashpanel-content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-hashpanel-status`, style: {
             color: statusValue.color
           }, children: statusValue.text }),
-          statusValue.lottie && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Lottie_default, { animationData: statusValue.lottie, style: {
+          statusValue.lottie && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Lottie_default, { animationData: statusValue.lottie, style: {
             width: "96px",
             height: "96px"
           } }),
-          hash && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
+          hash && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
             "Hash:",
-            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("a", { href: link, target: "_blank", children: hash })
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("a", { href: link, target: "_blank", children: hash })
           ] }),
-          error && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "matchid-hashpanel-text", children: error })
+          error && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-hashpanel-text", children: error })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
       ] })
     }
   );
 }
 function HashPanel_default(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(HashPanel, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(HashPanel, { ...props });
 }
 
 // src/ui/Switch/index.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 function Switch({
   size = "default",
   checked = false,
@@ -5872,12 +5904,12 @@ function Switch({
       onChange && onChange(!checked);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime84.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_runtime84.jsx)(LoadingIcon_default, { className: "matchid-switch-loading-icon", size: size == "default" ? 24 : 18, color: "var(--matchid-swicth-loading-color)" }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-switch-ball" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime86.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_runtime86.jsx)(LoadingIcon_default, { className: "matchid-switch-loading-icon", size: size == "default" ? 24 : 18, color: "var(--matchid-swicth-loading-color)" }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "matchid-switch-ball" }) });
 }
 
 // src/ui/AlphaAvatar/index.tsx
 var import_react29 = require("react");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 function AlphaAvatar2({
   name,
   size = "default",
@@ -5894,7 +5926,7 @@ function AlphaAvatar2({
     return "";
   }, [name]);
   const numberSize = typeof size === "number" ? size : size === "sm" ? 24 : size === "default" ? 40 : 64;
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: numberSize,
     height: numberSize,
     fontSize: Math.ceil(numberSize / 2),
@@ -5903,7 +5935,7 @@ function AlphaAvatar2({
 }
 
 // src/ui/Radio/index.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function Radio({
   checked = false,
   onChange,
@@ -5912,20 +5944,20 @@ function Radio({
   className = "",
   style = {}
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { onClick: onChange, className: `matchid-radio ${className} ${checked ? "matchid-radio-checked" : ""}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime88.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_runtime86.jsx)("div", { className: `matchid-radio-content`, style: {
+  }, children: checked && /* @__PURE__ */ (0, import_jsx_runtime88.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_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var Skeleton = ({
   style = {},
   className = "",
@@ -5936,7 +5968,7 @@ var Skeleton = ({
   children
 }) => {
   if (!loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_jsx_runtime87.Fragment, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_jsx_runtime89.Fragment, { children });
   }
   const skeletonStyle = {
     width,
@@ -5944,7 +5976,7 @@ var Skeleton = ({
     borderRadius: radius,
     ...style
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     "div",
     {
       className: "matchid-skeleton " + className,
@@ -5955,10 +5987,10 @@ var Skeleton = ({
 var Skeleton_default = Skeleton;
 
 // src/ui/Tabs/index.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 function Tabs(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: `matchid-tabs`, children: props.tabs.map((tab, index) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { onClick: () => props.setActiveTab(index), className: `matchid-tab ${props.activeTab === index ? "matchid-tab-active" : ""}`, children: tab }, index);
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-tabs`, children: props.tabs.map((tab, index) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { onClick: () => props.setActiveTab(index), className: `matchid-tab ${props.activeTab === index ? "matchid-tab-active" : ""}`, children: tab }, index);
   }) });
 }
 
@@ -5975,8 +6007,17 @@ var LazyLottie = (props) => {
 };
 var Lottie_default = LazyLottie;
 
+// src/ui/Checkbox/index.tsx
+var import_jsx_runtime91 = require("react/jsx-runtime");
+function Checkbox({
+  checked = false,
+  onChange
+}) {
+  return checked ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(CheckboxCheckedIcon, { onClick: () => onChange?.(false) }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(CheckboxIcon, { onClick: () => onChange?.(true) });
+}
+
 // src/context/ModalContext.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var ModalContext = (0, import_react30.createContext)(null);
 function ModalProvider({ children }) {
   const [modalState, setModalState] = (0, import_react30.useState)({
@@ -5989,15 +6030,11 @@ function ModalProvider({ children }) {
     return highestIndexRef.current;
   }, []);
   const closeModal = (0, import_react30.useCallback)((index) => {
-    console.log("closeModal", index);
     setModalState((prevState) => ({
       modals: prevState.modals.filter((modal) => modal.index !== index),
       highestZIndex: prevState.highestZIndex
     }));
   }, []);
-  (0, import_react30.useEffect)(() => {
-    console.log("modalState", modalState);
-  }, [modalState]);
   const show = (0, import_react30.useCallback)((content, index) => {
     setModalState((prevState) => {
       const modalIndex = index ?? getNextIndex();
@@ -6024,7 +6061,7 @@ function ModalProvider({ children }) {
           index: modalIndex,
           zIndex: newZIndex,
           close: () => closeModal(modalIndex),
-          content: ({ close, zIndex }) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ModalDrawer, { showClose: true, isOpen: true, onClose: close, title: props.title, zIndex, onBack: props.onBack, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(props.content, { close, zIndex }) })
+          content: ({ close, zIndex }) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ModalDrawer, { showClose: true, isOpen: true, onClose: close, title: props.title, zIndex, onBack: props.onBack, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(props.content, { close, zIndex }) })
         }],
         highestZIndex: newZIndex
       };
@@ -6032,11 +6069,11 @@ function ModalProvider({ children }) {
   }, [getNextIndex, closeModal]);
   const modalElements = modalState.modals.map(
     (modal) => modal.visible ? (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(modal.content, { zIndex: modal.zIndex, close: modal.close }, modal.index),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(modal.content, { zIndex: modal.zIndex, close: modal.close }, modal.index),
       document.body
     ) : null
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(ModalContext.Provider, { value: { show, open }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ModalContext.Provider, { value: { show, open }, children: [
     children,
     modalElements
   ] });
@@ -6080,7 +6117,7 @@ var useTransactionStore = (0, import_zustand5.create)((0, import_middleware3.dev
 var useTransactionStore_default = useTransactionStore;
 
 // src/hooks/useWallet.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var AppClientId = "react-sdk-" + getVersion();
 function useWallet() {
   const { address, wallet: walletConfig } = useLocalStore_default();
@@ -6254,12 +6291,12 @@ function useWallet() {
             address: evmAccount.address
           });
           modal.show((props) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
+            return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
           });
           return txHash;
         } catch (error) {
           modal.show((props) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, error: typeof error == "string" ? error : error.details || error.message, chain: _chain });
+            return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, error: typeof error == "string" ? error : error.details || error.message, chain: _chain });
           });
           throw error;
         }
@@ -6337,7 +6374,7 @@ function useCopyClipboard(timeout = 500) {
 // src/context/ToastContext.tsx
 var import_react33 = require("react");
 var import_react_dom2 = require("react-dom");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var ToastContext = (0, import_react33.createContext)(null);
 function ToastProvider({ children, zIndex = 299 }) {
   const [toasts, setToasts] = (0, import_react33.useState)([]);
@@ -6350,28 +6387,28 @@ function ToastProvider({ children, zIndex = 299 }) {
     setTimeout(() => removeToast(id), timeout);
   }, [removeToast]);
   const success = (0, import_react33.useCallback)((text, timeout) => {
-    show({ icon: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(CheckRoundIcon, { color: "#2FCC00", size: 24 }), text, timeout });
+    show({ icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(CheckRoundIcon, { color: "#2FCC00", size: 24 }), text, timeout });
   }, [show]);
   const error = (0, import_react33.useCallback)((text, timeout) => {
-    show({ icon: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ErrorRoundIcon, { size: 24 }), text, timeout });
+    show({ icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ErrorRoundIcon, { size: 24 }), text, timeout });
   }, [show]);
   const ToastComponent = (0, import_react_dom2.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "matchid-toast-box", style: {
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "matchid-toast-box", style: {
       zIndex
-    }, children: toasts.reverse().map(({ id, icon, text }) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+    }, children: toasts.reverse().map(({ id, icon, text }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
       "div",
       {
         className: "matchid-toast",
         children: [
-          icon && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: text })
+          icon && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: text })
         ]
       },
       id
     )) }),
     document.body
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(ToastContext.Provider, { value: { show, success, error }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(ToastContext.Provider, { value: { show, success, error }, children: [
     children,
     ToastComponent
   ] });
@@ -6516,7 +6553,7 @@ function useWalletAssetListQuery({
 var import_react34 = require("react");
 var import_viem10 = require("viem");
 var import_react_intl19 = require("react-intl");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function useMatchChain() {
   const chainListQuery = useChainListQuery();
   const modal = useModal();
@@ -6547,28 +6584,28 @@ function useMatchChain() {
     const { chainId: storeChainId2, setChainId: setChainId2 } = useLocalStore_default();
     const [selectedChainId, setSelectedChainId] = (0, import_react34.useState)(storeChainId2);
     const isDownMd = useDownMd();
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-change-network-box`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-change-network-box`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
           "div",
           {
             onClick: () => setSelectedChainId(item.id),
             className: `matchid-change-network-item  ${selectedChainId == item.id ? "matchid-change-network-selected" : ""}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
-                /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
+                /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
             ]
           },
           index
         );
       }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
         setChainId2(selectedChainId || 0);
         close();
-      }, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_intl19.FormattedMessage, { id: "confirm" }) })
+      }, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl19.FormattedMessage, { id: "confirm" }) })
     ] });
   }
   const showChangeNetwork = () => {
@@ -6641,7 +6678,7 @@ function useIsContract({
 }
 
 // src/components/ImportToken/index.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function ImportToken({ close }) {
   const [status, setStatus] = (0, import_react35.useState)("");
   const { token } = useUserInfo();
@@ -6752,22 +6789,22 @@ function ImportToken({ close }) {
     enabled: canImport
   });
   if (status == "success" || status == "fail") {
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-import-token-result-img`, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Lottie_default, { animationData: status == "success" ? success_default : fail_default, style: {
+    return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: `matchid-import-token-result-img`, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Lottie_default, { animationData: status == "success" ? success_default : fail_default, style: {
           width: "96px",
           height: "96px"
         } }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "importFail" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl20.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl20.FormattedMessage, { id: "importFail" }) })
       ] }),
-      status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "back" }) })
+      status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl20.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl20.FormattedMessage, { id: "back" }) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-import-token`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-import-token-form", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Field, { label: intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-import-token`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "matchid-import-token-form", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime93.jsx)(
+      }), error: error.address ? error.address : isContractQuery.isFetched && !isContractQuery.isLoading && !isContractQuery.data && canImport ? "Address isn't a contract address" : "", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -6778,9 +6815,9 @@ function ImportToken({ close }) {
           maxLength: 42
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Field, { label: intl.formatMessage({
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Field, { label: intl.formatMessage({
         id: "tokenSymbol"
-      }), error: error.symbol, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      }), error: error.symbol, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -6791,9 +6828,9 @@ function ImportToken({ close }) {
           maxLength: 16
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Field, { label: intl.formatMessage({
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Field, { label: intl.formatMessage({
         id: "tokenDecimals"
-      }), error: error.decimals, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      }), error: error.decimals, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -6805,7 +6842,7 @@ function ImportToken({ close }) {
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       Button,
       {
         size: "lg",
@@ -6814,14 +6851,14 @@ function ImportToken({ close }) {
         loading: loading || isContractQuery.isLoading,
         disabled: !canImport || !isContractQuery.data,
         highlight: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "import" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl20.FormattedMessage, { id: "import" })
       }
     )
   ] });
 }
 
 // src/hooks/useMatchWallet.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var ReceiveModal = () => {
   const chain = useMatchChain();
   const { address } = useWallet();
@@ -6835,10 +6872,10 @@ var ReceiveModal = () => {
     }));
   };
   const chainLink = chain.explorerLink("address/" + address);
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-receive-modal`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "matchid-receive-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.FormattedMessage, { id: "receiveQrcode" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-receive-modal`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "matchid-receive-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl21.FormattedMessage, { id: "receiveQrcode" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         import_react_qrcode.QRCode,
         {
           margin: "0",
@@ -6846,7 +6883,7 @@ var ReceiveModal = () => {
           value: address
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         "a",
         {
           href: chainLink,
@@ -6856,7 +6893,7 @@ var ReceiveModal = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       import_react_intl21.FormattedMessage,
       {
         id: "copyAddress"
@@ -7480,7 +7517,7 @@ function useTransaction({
 // src/components/CEXBindModal/index.tsx
 var import_react39 = require("react");
 var import_react_intl22 = require("react-intl");
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 function CEXBindModal({
   onClose,
   type,
@@ -7535,20 +7572,20 @@ function CEXBindModal({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ModalWithHeader, { showClose: true, isOpen, onClose, title: intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ModalWithHeader, { showClose: true, isOpen, onClose, title: intl.formatMessage({
     id: "CEXBindTitle"
   }, {
     type
-  }), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "matchid-cex-modal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl22.FormattedMessage, { id: "CEXBindAttention" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl22.FormattedMessage, { id: "CEXBindTips1" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl22.FormattedMessage, { id: "CEXBindTips2" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl22.FormattedMessage, { id: "CEXBindTips3" }) })
+  }), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-cex-modal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl22.FormattedMessage, { id: "CEXBindAttention" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl22.FormattedMessage, { id: "CEXBindTips1" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl22.FormattedMessage, { id: "CEXBindTips2" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl22.FormattedMessage, { id: "CEXBindTips3" }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Field, { label: intl.formatMessage({
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Field, { label: intl.formatMessage({
       id: "CEXBindApiKey"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       Input,
       {
         value: key,
@@ -7556,9 +7593,9 @@ function CEXBindModal({
         placeholder: "**** **** ****"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Field, { label: intl.formatMessage({
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Field, { label: intl.formatMessage({
       id: "CEXBindApiSecretKey"
-    }), error: !needPassphrase && error, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    }), error: !needPassphrase && error, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       Input,
       {
         value: secret,
@@ -7566,9 +7603,9 @@ function CEXBindModal({
         placeholder: "**** **** ****"
       }
     ) }),
-    needPassphrase && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Field, { error, label: intl.formatMessage({
+    needPassphrase && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Field, { error, label: intl.formatMessage({
       id: "CEXBindApiPassphrase"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       Input,
       {
         value: APIPassphrase,
@@ -7576,7 +7613,7 @@ function CEXBindModal({
         placeholder: "**** **** ****"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       Button,
       {
         onClick: SubmitApi,
@@ -7584,7 +7621,7 @@ function CEXBindModal({
         block: true,
         loading,
         disabled: !key || !secret,
-        children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl22.FormattedMessage, { id: "continue" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl22.FormattedMessage, { id: "continue" })
       }
     )
   ] }) });
@@ -7592,7 +7629,7 @@ function CEXBindModal({
 
 // src/context/BusinessProvider.tsx
 var import_react_query9 = require("@tanstack/react-query");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 function BusinessProvider({ children }) {
   const { overview, token } = useUserInfo();
   const { type: EVMType, isOpen: EVMIsOpen, close: EVMClose } = useEVMModalStore();
@@ -7626,8 +7663,8 @@ function BusinessProvider({ children }) {
     enabled: !!tgAppAuthCode,
     refetchInterval: 1e3 * 5
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       EVMModal,
       {
         isOpen: EVMIsOpen && (EVMType == "login" && !overview && !token || EVMType == "bind" && !!token && !!overview),
@@ -7637,7 +7674,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       TRONModal,
       {
         isOpen: TRONIsOpen && (TRONType == "login" && !overview && !token || TRONType == "bind" && !!token && !!overview),
@@ -7647,7 +7684,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       TONModal,
       {
         isOpen: TONIsOpen && (TONType == "login" && !overview && !token || TONType == "bind" && !!token && !!overview),
@@ -7657,7 +7694,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       BTCModal,
       {
         isOpen: BTCIsOpen && (BTCType == "login" && !overview && !token || BTCType == "bind" && !!token && !!overview),
@@ -7667,7 +7704,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       CEXBindModal,
       {
         isOpen: CEXIsOpen && (!!token && !!overview),
@@ -7676,7 +7713,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       WalletModal,
       {
         isOpen: WalletModalStore.isOpen && (WalletModalStore.type == "login" && !overview && !token || WalletModalStore.type == "bind" && !!token && !!overview),
@@ -7691,9 +7728,9 @@ function BusinessProvider({ children }) {
 }
 
 // src/context/index.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var Providers = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ToastProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(BusinessProvider, { children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ToastProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(BusinessProvider, { children }) }) });
 };
 var context_default = Providers;
 
@@ -8955,7 +8992,7 @@ var matchTest = /* @__PURE__ */ (0, import_viem17.defineChain)({
 
 // src/MatchContext.tsx
 var import_wagmi3 = require("wagmi");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var queryClient = new import_react_query10.QueryClient();
 var wagmiConfig = (0, import_rainbowkit2.getDefaultConfig)({
   appName: "MatchID",
@@ -8994,7 +9031,7 @@ var MatchProvider = ({
   useWalletInit({
     config: wallet
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl23.IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_wagmi3.WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_query10.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_intl23.IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_wagmi3.WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_query10.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     MatchContext.Provider,
     {
       value: {
@@ -9005,7 +9042,7 @@ var MatchProvider = ({
         theme,
         locale: realLocale
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(context_default, { children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(context_default, { children })
     }
   ) }) }) });
 };