@matchain/matchid-sdk-react 0.1.53-alpha.1 → 0.1.53-alpha.10

package/dist/components/index.js

@@ -32,6 +32,9 @@ var components_exports = {};
 __export(components_exports, {
   BTCModal: () => BTCModal,
   Button: () => Button,
+  ContactCard: () => ContactCard,
+  ContactList: () => ContactList,
+  EVMModal: () => EVMModal,
   EmailModal: () => EmailModal,
   Field: () => Field,
   Input: () => Input,
@@ -43,7 +46,6 @@ __export(components_exports, {
   ModalWithHeader: () => ModalWithHeader,
   Overlay: () => Overlay,
   Popover: () => Popover,
-  SOLModal: () => SOLModal,
   TONModal: () => TONModal,
   TRONModal: () => TRONModal,
   TokenDetail: () => TokenDetail,
@@ -1184,6 +1186,56 @@ function ArrowSendIcon({
   ) });
 }
 
+// src/assets/icon/PhantomIcon.tsx
+var import_jsx_runtime49 = require("react/jsx-runtime");
+function PhantomIcon({
+  size = 128,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("svg", { width: size, height: size, ...props, viewBox: "0 0 128 128", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    "path",
+    {
+      fill: "#ab9ff2",
+      d: "m53.520552,86.603299c-5.9423,9.106 -15.8999,20.63 -29.1497,20.63c-6.2636,0 -12.2864,-2.578 -12.2866,-13.779c-0.0005,-28.5271 38.946,-72.687 75.0825,-72.6876c20.557,-0.0004 28.749,14.2625 28.749,30.4597c0,20.7903 -13.491,44.5629 -26.901,44.5629c-4.256,0 -6.344,-2.337 -6.344,-6.043c0,-0.967 0.16,-2.015 0.482,-3.143c-4.578,7.816 -13.411,15.07 -21.6822,15.07c-6.0227,0 -9.074,-3.788 -9.0741,-9.107c0,-1.934 0.4015,-3.948 1.1241,-5.963zm26.8222,-43.9027c-3.271,0.0058 -5.501,2.7849 -5.494,6.7495c0.007,3.9646 2.247,6.8152 5.518,6.8095c3.192,-0.0057 5.421,-2.8641 5.414,-6.8288c-0.007,-3.9646 -2.246,-6.7358 -5.438,-6.7302zm17.351,-0.0189c-3.271,0.0058 -5.501,2.7849 -5.494,6.7495c0.007,3.9646 2.246,6.8152 5.518,6.8095c3.192,-0.0056 5.421,-2.8641 5.414,-6.8288c-0.007,-3.9646 -2.246,-6.7358 -5.438,-6.7302z",
+      clipRule: "evenodd",
+      fillRule: "evenodd"
+    }
+  ) });
+}
+
+// src/assets/icon/MoreIcon.tsx
+var import_jsx_runtime50 = require("react/jsx-runtime");
+function MoreIcon({
+  width = "11",
+  height = "3",
+  color = "black",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width, height, viewBox: "0 0 11 3", fill: "none", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      "path",
+      {
+        d: "M2.3335 1.33325C2.3335 1.88554 1.88578 2.33325 1.3335 2.33325C0.781211 2.33325 0.333496 1.88554 0.333496 1.33325C0.333496 0.780967 0.781211 0.333252 1.3335 0.333252C1.88578 0.333252 2.3335 0.780967 2.3335 1.33325Z",
+        fill: color
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      "path",
+      {
+        d: "M6.3335 1.33325C6.3335 1.88554 5.88578 2.33325 5.3335 2.33325C4.78121 2.33325 4.3335 1.88554 4.3335 1.33325C4.3335 0.780967 4.78121 0.333252 5.3335 0.333252C5.88578 0.333252 6.3335 0.780967 6.3335 1.33325Z",
+        fill: color
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      "path",
+      {
+        d: "M10.3335 1.33325C10.3335 1.88554 9.88578 2.33325 9.3335 2.33325C8.78121 2.33325 8.3335 1.88554 8.3335 1.33325C8.3335 0.780967 8.78121 0.333252 9.3335 0.333252C9.88578 0.333252 10.3335 0.780967 10.3335 1.33325Z",
+        fill: color
+      }
+    )
+  ] });
+}
+
 // src/hooks/useLayout.tsx
 var import_react = require("react");
 function useDownMd() {
@@ -1202,7 +1254,7 @@ function useDownMd() {
 
 // src/ui/Overlay/index.tsx
 var import_react2 = require("react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function Overlay({
   isOpen = false,
   children,
@@ -1218,7 +1270,7 @@ function Overlay({
       document.body.style.overflow = "";
     };
   }, [isOpen]);
-  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "div",
     {
       className: "matchid-overlay",
@@ -1227,11 +1279,11 @@ function Overlay({
       },
       children
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_jsx_runtime49.Fragment, {});
+  ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, {});
 }
 
 // src/ui/Modal/index.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function Modal({
   children,
   isOpen,
@@ -1239,10 +1291,10 @@ function Modal({
   zIndex = 100,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: `matchid-modal ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: `matchid-modal ${className}`, style: {
     width
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "matchid-modal-mobile-header" }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "matchid-modal-mobile-header" }),
     children
   ] }) });
 }
@@ -1256,13 +1308,13 @@ function ModalWithHeader({
   ...props
 }) {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Modal, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "matchid-modal-header-content", children: [
-        onBack && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "matchid-modal-header-title", children: title })
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Modal, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "matchid-modal-header-content", children: [
+        onBack && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "matchid-modal-header-title", children: title })
       ] }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
     ] }),
     children
   ] });
@@ -1273,7 +1325,7 @@ var import_react4 = require("react");
 
 // src/utils/index.tsx
 var import_moment = __toESM(require("moment"));
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var getVersion = () => {
   return "0.0.2";
 };
@@ -1286,12 +1338,12 @@ var isValidEmail = (email) => {
 var isValidUsername = (username) => {
   return /^[a-zA-Z0-9_-]+$/.test(username);
 };
-function truncateAddress(address) {
-  if (address.length <= 6) {
+function truncateAddress(address, startLen = 4, endLen = 4) {
+  if (address.length <= startLen + endLen) {
     return address;
   }
-  const start = address.slice(0, 4);
-  const end = address.slice(-2);
+  const start = address.slice(0, startLen);
+  const end = address.slice(-endLen);
   return `${start}...${end}`;
 }
 function getAppClientId() {
@@ -1319,10 +1371,10 @@ var NumberFormatter = ({
   const [intPart, decimalPart] = numberValue.toString().split(".");
   const intFormat = separator ? intPart.replace(/\B(?=(\d{3})+(?!\d))/g, ",") : intPart;
   if (Math.abs(parseFloat(numberValue)) >= 1) {
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className, children: [
-      prefix && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: prefixClassName, children: prefix }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: intClassName, children: intFormat }),
-      decimalPart ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: decimalClassName, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className, children: [
+      prefix && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: prefixClassName, children: prefix }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: intClassName, children: intFormat }),
+      decimalPart ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: decimalClassName, children: [
         ".",
         decimalPart.substring(0, fixNum)
       ] }) : "",
@@ -1339,30 +1391,30 @@ var NumberFormatter = ({
       }
     }
     if (zeroCount < tFixNum) {
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className, children: [
-        prefix && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: prefixClassName, children: prefix }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: intClassName, children: intFormat }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: decimalClassName, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className, children: [
+        prefix && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: prefixClassName, children: prefix }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: intClassName, children: intFormat }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: decimalClassName, children: [
           ".",
           decimalPart.substring(0, tFixNum)
         ] }),
         suffix
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className, children: [
-      prefix && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: prefixClassName, children: prefix }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: intClassName, children: intFormat }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: decimalClassName, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className, children: [
+      prefix && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: prefixClassName, children: prefix }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: intClassName, children: intFormat }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: decimalClassName, children: [
         ".0",
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("sub", { children: zeroCount }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("sub", { children: zeroCount }),
         decimalPart?.substring(zeroCount, zeroCount + tFixNum - 2)
       ] }),
       suffix
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className, children: [
-    prefix && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: prefixClassName, children: prefix }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: intClassName, children: intPart }),
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className, children: [
+    prefix && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: prefixClassName, children: prefix }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: intClassName, children: intPart }),
     suffix
   ] });
 };
@@ -1378,9 +1430,13 @@ var formatDate = (value, formatString = "YYYY-MM-DD HH:mm:ss") => {
 var isInTgApp = () => {
   return !!window.TelegramWebviewProxy;
 };
+function bytesToBase64(bytes) {
+  const binString = String.fromCodePoint(...bytes);
+  return btoa(binString);
+}
 
 // src/ui/Button/index.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function Button({
   size = "df",
   disabled = false,
@@ -1399,7 +1455,7 @@ function Button({
       onClick && onClick();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "button",
     {
       type,
@@ -1409,14 +1465,14 @@ function Button({
         ...style
       },
       onClick: onAction,
-      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
     }
   );
 }
 
 // src/ui/Input/index.tsx
 var import_react3 = require("react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function Input({
   onChange,
   type,
@@ -1426,17 +1482,17 @@ function Input({
 }) {
   const [inputType, setInputType] = (0, import_react3.useState)(type);
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     "div",
     {
       className: `matchid-input-box ${props.value && props.value.length > 0 ? "matchid-input-has-content" : ""} ${className}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
-        props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
+        props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
           if (onChange) {
             onChange({ target: { value: "" } });
           }
-        }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           DeleteRoundIcon,
           {
             height: isDownMd ? 16 : 21,
@@ -1444,9 +1500,9 @@ function Input({
             color: "var(--matchid-input-delete-icon-color)"
           }
         ) }),
-        type === "password" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
+        type === "password" && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
           setInputType(inputType === "password" ? "text" : "password");
-        }, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
+        }, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
         after
       ]
     }
@@ -1454,7 +1510,7 @@ function Input({
 }
 
 // src/ui/Field/index.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function Field({
   label,
   children,
@@ -1462,19 +1518,19 @@ function Field({
   required,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "matchid-field-label", children: [
-      required && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "matchid-field-required", children: "*" }),
+  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: "*" }),
       label
     ] }),
     children,
-    error && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "matchid-field-error", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "matchid-field-error", children: error })
   ] });
 }
 
 // src/components/EmailModal/StepEmail.tsx
 var import_react_intl = require("react-intl");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function StepEmail(props) {
   const intl = (0, import_react_intl.useIntl)();
   const [emailVal, setEmailVal] = (0, import_react4.useState)("");
@@ -1489,10 +1545,10 @@ function StepEmail(props) {
   const onContinue = async () => {
     props.onContinue(emailVal);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "matchid-email-email-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Field, { label: intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "matchid-email-email-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Field, { label: intl.formatMessage({
       id: "emailAddress"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       Input,
       {
         placeholder: intl.formatMessage({
@@ -1502,9 +1558,9 @@ function StepEmail(props) {
         value: emailVal
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Button, { disabled: !canContinue, style: {
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Button, { disabled: !canContinue, style: {
       marginTop: "64px"
-    }, onClick: onContinue, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react_intl.FormattedMessage, { id: "continue" }) })
+    }, onClick: onContinue, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react_intl.FormattedMessage, { id: "continue" }) })
   ] });
 }
 
@@ -1802,6 +1858,54 @@ var tgAppLoginInitApi = () => {
     method: "GET"
   });
 };
+var getContactListApi = (data) => {
+  return request_default({
+    url: `/api/v1/contacts/list`,
+    method: "POST",
+    data
+  });
+};
+var searchContactsApi = (data) => {
+  return request_default({
+    url: `/api/v1/contacts/search`,
+    method: "POST",
+    data
+  });
+};
+var addContactsApi = (data) => {
+  return request_default({
+    url: `/api/v1/contacts/add`,
+    method: "POST",
+    data
+  });
+};
+var acceptContactsApi = (data) => {
+  return request_default({
+    url: `/api/v1/contacts/accept`,
+    method: "POST",
+    data
+  });
+};
+var delContactsApi = (data) => {
+  return request_default({
+    url: `/api/v1/contacts/del`,
+    method: "POST",
+    data
+  });
+};
+var getContractsInfoApi = () => {
+  return retryRequest({
+    url: `/api/v1/contracts/info`,
+    method: "GET"
+  });
+};
+var userInviteApi = (data) => {
+  return request_default({
+    url: `/api/v1/user/invite`,
+    method: "POST",
+    data
+  });
+};
 
 // src/store/useLocalStore.ts
 var persistedState = (0, import_middleware.persist)(
@@ -1920,7 +2024,7 @@ var import_react9 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/ui/Drawer/index.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function Drawer({
   children,
   showClose = true,
@@ -1931,15 +2035,15 @@ function Drawer({
   onBack
 }) {
   if (!isOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "matchid-drawer", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: `matchid-drawer-header matchid-flex`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: `matchid-drawer-header-content matchid-flex`, children: [
-        onBack && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ArrowLeftIcon, { height: 25, width: 24, className: "matchid-drawer-header-back", onClick: onBack }),
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "matchid-drawer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: `matchid-drawer-header matchid-flex`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: `matchid-drawer-header-content matchid-flex`, children: [
+        onBack && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ArrowLeftIcon, { height: 25, width: 24, className: "matchid-drawer-header-back", onClick: onBack }),
         title
       ] }),
-      showClose && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CloseRoundIcon, { className: "matchid-drawer-header-close", onClick: onClose })
+      showClose && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CloseRoundIcon, { className: "matchid-drawer-header-close", onClick: onClose })
     ] }),
     children
   ] }) });
@@ -1949,7 +2053,7 @@ function Drawer({
 var import_react6 = require("react");
 
 // src/ui/ModalDrawer/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function ModalDrawer({
   title,
   drawerTitleVisible = true,
@@ -1957,9 +2061,9 @@ function ModalDrawer({
 }) {
   const isDownMd = useDownMd();
   if (isDownMd) {
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ModalWithHeader, { ...props, title });
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ModalWithHeader, { ...props, title });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Drawer, { ...props, title: drawerTitleVisible ? title : null });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Drawer, { ...props, title: drawerTitleVisible ? title : null });
 }
 
 // src/assets/img/confirm.gif
@@ -2015,7 +2119,7 @@ function useHash({
 }
 
 // src/ui/HashPanel/index.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function HashPanel({
   hash,
   chain,
@@ -2074,14 +2178,14 @@ function HashPanel({
     }
   }, [hashQuery.data]);
   const link = chain ? `${chain?.blockExplorers?.default.url}/tx/${hash}` : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     ModalDrawer,
     {
       isOpen,
       showClose: true,
       onClose,
       zIndex,
-      title: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      title: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         "div",
         {
           className: "matchid-hashpanel-header",
@@ -2091,29 +2195,29 @@ function HashPanel({
           children: statusValue.text
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "matchid-hashpanel-box", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "matchid-hashpanel-content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: `matchid-hashpanel-status`, style: {
+      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "matchid-hashpanel-box", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "matchid-hashpanel-content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: `matchid-hashpanel-status`, style: {
             color: statusValue.color
           }, children: statusValue.text }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("img", { src: statusValue.icon, alt: statusValue.text, className: `matchid-hashpanel-img` }),
-          hash && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("img", { src: statusValue.icon, alt: statusValue.text, className: `matchid-hashpanel-img` }),
+          hash && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
             "Hash:",
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("a", { href: link, target: "_blank", children: hash })
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("a", { href: link, target: "_blank", children: hash })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
       ] })
     }
   );
 }
 function HashPanel_default(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(HashPanel, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(HashPanel, { ...props });
 }
 
 // src/ui/Popover/index.tsx
 var import_react7 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function Popover({
   children,
   content,
@@ -2123,7 +2227,7 @@ function Popover({
   gap = "20px"
 }) {
   const [active, setActive] = (0, import_react7.useState)(false);
-  return children && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return children && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
     "div",
     {
       onClick: () => {
@@ -2134,20 +2238,20 @@ 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_runtime59.jsx)("div", { style: {
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { style: {
           paddingTop: gap
-        }, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: `matchid-popover-content`, children: content }) })
+        }, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: `matchid-popover-content`, children: content }) })
       ]
     }
   );
 }
 
 // src/ui/Switch/index.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 
 // src/ui/AlphaAvatar/index.tsx
 var import_react8 = require("react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function AlphaAvatar({
   name,
   size = "default",
@@ -2164,7 +2268,7 @@ function AlphaAvatar({
     return "";
   }, [name]);
   const numberSize = typeof size === "number" ? size : size === "sm" ? 24 : size === "default" ? 40 : 64;
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: numberSize,
     height: numberSize,
     fontSize: Math.ceil(numberSize / 2),
@@ -2173,7 +2277,7 @@ function AlphaAvatar({
 }
 
 // src/ui/Radio/index.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function Radio({
   checked = false,
   onChange,
@@ -2182,20 +2286,53 @@ function Radio({
   className = "",
   style = {}
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { onClick: onChange, className: `matchid-radio ${className} ${checked ? "matchid-radio-checked" : ""}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime64.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_runtime62.jsx)("div", { className: `matchid-radio-content`, style: {
+  }, children: checked && /* @__PURE__ */ (0, import_jsx_runtime64.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_runtime65 = require("react/jsx-runtime");
+var Skeleton = ({
+  style = {},
+  className = "",
+  width = 40,
+  height = 40,
+  radius = 5,
+  loading = true,
+  children
+}) => {
+  if (!loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_jsx_runtime65.Fragment, { children });
+  }
+  const skeletonStyle = {
+    width,
+    height,
+    borderRadius: radius,
+    ...style
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    "div",
+    {
+      className: "matchid-skeleton " + className,
+      style: skeletonStyle
+    }
+  );
+};
+var Skeleton_default = Skeleton;
+
+// src/ui/Tabs/index.tsx
+var import_jsx_runtime66 = require("react/jsx-runtime");
+
 // src/context/ModalContext.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var ModalContext = (0, import_react9.createContext)(null);
 function useModal() {
   const context = (0, import_react9.useContext)(ModalContext);
@@ -2236,7 +2373,7 @@ var useTransactionStore = (0, import_zustand3.create)((0, import_middleware2.dev
 var useTransactionStore_default = useTransactionStore;
 
 // src/hooks/useWallet.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var AppClientId = "react-sdk-" + getVersion();
 function useWallet() {
   const { address, wallet: walletConfig } = useLocalStore_default();
@@ -2409,7 +2546,7 @@ function useWallet() {
           address: evmAccount.address
         });
         modal.show((props) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
+          return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
         });
         clearInterval(window.matchProvider.transactionMessageIntervalMap[transactionId].interval);
         delete window.matchProvider.transactionMessageIntervalMap[transactionId];
@@ -2486,8 +2623,15 @@ function useCopyClipboard(timeout = 500) {
 // src/context/ToastContext.tsx
 var import_react12 = require("react");
 var import_react_dom2 = require("react-dom");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var ToastContext = (0, import_react12.createContext)(null);
+function useToast() {
+  const context = (0, import_react12.useContext)(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+}
 
 // src/hooks/api/wallet.ts
 var import_react_query2 = require("@tanstack/react-query");
@@ -2548,7 +2692,7 @@ function useImportTokenListQuery({
 var import_react13 = require("react");
 var import_viem5 = require("viem");
 var import_react_intl2 = require("react-intl");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function useMatchChain() {
   const chainListQuery = useChainListQuery();
   const modal = useModal();
@@ -2579,28 +2723,28 @@ function useMatchChain() {
     const { chainId: storeChainId2, setChainId: setChainId2 } = useLocalStore_default();
     const [selectedChainId, setSelectedChainId] = (0, import_react13.useState)(storeChainId2);
     const isDownMd = useDownMd();
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: `matchid-change-network-box`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: `matchid-change-network-box`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
           "div",
           {
             onClick: () => setSelectedChainId(item.id),
             className: `matchid-change-network-item  ${selectedChainId == item.id ? "matchid-change-network-selected" : ""}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
-                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
+                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
             ]
           },
           index
         );
       }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
         setChainId2(selectedChainId || 0);
         close();
-      }, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react_intl2.FormattedMessage, { id: "confirm" }) })
+      }, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_intl2.FormattedMessage, { id: "confirm" }) })
     ] });
   }
   const showChangeNetwork = () => {
@@ -2718,10 +2862,10 @@ var import_viem6 = require("viem");
 var import_react_query3 = require("@tanstack/react-query");
 
 // src/components/ImportToken/index.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 
 // src/hooks/useMatchWallet.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function useMatchWalletRecords() {
   const [hasMore, setHasMore] = (0, import_react15.useState)(true);
   const [items, setItems] = (0, import_react15.useState)([]);
@@ -3030,39 +3174,39 @@ var CACHE_TTL2 = 86400 * 30 * 1e3;
 var import_zustand5 = require("zustand");
 
 // src/hooks/useConfig.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime73 = 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_runtime69.jsx)(EVMDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(EVMLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EVMDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EVMLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "EVM",
       method: "evm"
     },
     sol: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SOLDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SOLLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SOLDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SOLLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "SOL",
       method: "sol"
     },
     btc: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(BTCDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(BTCLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(BTCDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(BTCLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "BTC",
       method: "btc"
     },
     tron: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TRXDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TRXLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TRXDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TRXLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "TRON",
       method: "tron"
     },
     ton: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TonLightIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TonLightIcon2, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TonLightIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TonLightIcon2, { size: isDownMd ? 36 : 40 }),
       name: "TON",
       method: "ton"
     }
@@ -3073,25 +3217,25 @@ function useWalletConfig() {
 }
 
 // src/store/useModalStore.ts
-var useSOLModalStore = (0, import_zustand5.create)((set) => ({
+var useTRONModalStore = (0, import_zustand5.create)((set) => ({
   isOpen: false,
   type: "",
   open: (type) => set({ isOpen: true, type }),
   close: () => set({ isOpen: false })
 }));
-var useTRONModalStore = (0, import_zustand5.create)((set) => ({
+var useTONModalStore = (0, import_zustand5.create)((set) => ({
   isOpen: false,
   type: "",
   open: (type) => set({ isOpen: true, type }),
   close: () => set({ isOpen: false })
 }));
-var useTONModalStore = (0, import_zustand5.create)((set) => ({
+var useBTCModalStore = (0, import_zustand5.create)((set) => ({
   isOpen: false,
   type: "",
   open: (type) => set({ isOpen: true, type }),
   close: () => set({ isOpen: false })
 }));
-var useBTCModalStore = (0, import_zustand5.create)((set) => ({
+var useEVMModalStore = (0, import_zustand5.create)((set) => ({
   isOpen: false,
   type: "",
   open: (type) => set({ isOpen: true, type }),
@@ -3114,14 +3258,14 @@ var useWalletModalStore = (0, import_zustand5.create)((set) => ({
 // src/components/CEXBindModal/index.tsx
 var import_react18 = require("react");
 var import_react_intl5 = require("react-intl");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
 var import_react_query8 = require("@tanstack/react-query");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 
 // src/context/index.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 
 // src/hooks/useWalletInit.ts
 var import_react19 = require("react");
@@ -3133,7 +3277,7 @@ var import_react20 = require("react");
 // src/MatchContext.tsx
 var import_react_query9 = require("@tanstack/react-query");
 var import_react_intl6 = require("react-intl");
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var queryClient = new import_react_query9.QueryClient();
 var MatchContext = (0, import_react21.createContext)(void 0);
 var useMatch = () => {
@@ -3160,13 +3304,17 @@ function useUserInfo() {
     refreshOverview
   } = useLocalStore_default();
   const { setTgAppAuthCode, emailLoginKey, setEmailLoginKey } = useStore_default();
+  const isDownMd = useDownMd();
   const { events, login } = useMatch();
-  const { open: SOLOpen } = useSOLModalStore();
+  const { open: EVMOpen } = useEVMModalStore();
   const { open: TRONOpen } = useTRONModalStore();
   const { open: TONOpen } = useTONModalStore();
   const { open: BTCOpen } = useBTCModalStore();
   const { open: CEXBindOpen } = useCEXBindModalStore();
   const walletModalStore = useWalletModalStore();
+  const getRedirectUri = () => {
+    return encodeURIComponent(window.location.href);
+  };
   const isLogin = (0, import_react22.useMemo)(() => !!token && !!overview, [token, overview]);
   const logout = async () => {
     try {
@@ -3235,8 +3383,12 @@ function useUserInfo() {
       case "wallet":
         return walletModalStore.open("login", extra?.methods);
       case "evm":
-        return window.open(`${endpoints.auth}login/wallet?appid=${appid}&locale=${locale}`);
+        return EVMOpen("login");
+      // return window.open(`${endpoints.auth}login/wallet?appid=${appid}&locale=${locale}`)
       case "sol":
+        if (isDownMd) {
+          return window.location.href = `${endpoints.auth}login/sol?appid=${appid}&locale=${locale}&redirect_uri=${getRedirectUri()}`;
+        }
         return window.open(`${endpoints.auth}login/sol?appid=${appid}&locale=${locale}`);
       case "tron":
         return TRONOpen("login");
@@ -3279,7 +3431,7 @@ function useUserInfo() {
       const res = await verifyEmailCodeApi(obj);
       if (res && res.data && isSuccess(res)) {
         await login({
-          mid: res.data.mid,
+          // mid: res.data.mid,
           token: `${res.data.token_type} ${res.data.access_token}`
         });
         return true;
@@ -3324,9 +3476,13 @@ function useUserInfo() {
       case "wallet":
         return walletModalStore.open("bind", extra?.methods);
       case "evm":
-        return window.open(`${endpoints.auth}bind/wallet?appid=${appid}&locale=${locale}&st=` + encodeURIComponent(encodeBase64(token)));
+        return EVMOpen("bind");
+      // return window.open(`${endpoints.auth}bind/wallet?appid=${appid}&locale=${locale}&st=` + encodeURIComponent(encodeBase64(token)))
       case "sol":
-        return SOLOpen("bind");
+        if (isDownMd) {
+          return window.location.href = `${endpoints.auth}bind/sol?appid=${appid}&locale=${locale}&st=${encodeURIComponent(encodeBase64(token))}&redirect_uri=${getRedirectUri()}`;
+        }
+        return window.open(`${endpoints.auth}bind/sol?appid=${appid}&locale=${locale}&st=${encodeURIComponent(encodeBase64(token))}`);
       case "tron":
         return TRONOpen("bind");
       case "ton":
@@ -3396,6 +3552,11 @@ function useUserInfo() {
       window.addEventListener("message", authMessageHandle);
     });
   };
+  const invite = async (invite_code) => {
+    return await userInviteApi({
+      invite_code
+    });
+  };
   return {
     loginByMethod,
     loginByTelegram,
@@ -3419,14 +3580,15 @@ function useUserInfo() {
     auth,
     login: loginMethod,
     bind,
-    getAuthInfo
+    getAuthInfo,
+    invite
   };
 }
 
 // src/components/EmailModal/StepVerify.tsx
 var import_react23 = require("react");
 var import_react_intl7 = require("react-intl");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 function StepVerify(props) {
   const intl = (0, import_react_intl7.useIntl)();
   const { getLoginEmailCode, loginByEmail } = useUserInfo();
@@ -3503,17 +3665,17 @@ function StepVerify(props) {
       setSubmitting(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "matchid-email-verify-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "matchid-email-verify-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(EmailLineIcon, { size: isDownMd ? 19 : 24 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "matchid-email-verify-header-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "matchid-email-verify-header-value", children: props.email }),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_intl7.FormattedMessage, { id: "sendEmailTips" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "matchid-email-verify-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "matchid-email-verify-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(EmailLineIcon, { size: isDownMd ? 19 : 24 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "matchid-email-verify-header-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "matchid-email-verify-header-value", children: props.email }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_intl7.FormattedMessage, { id: "sendEmailTips" }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Field, { label: intl.formatMessage({
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Field, { label: intl.formatMessage({
       id: "verificationCode"
-    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
       Input,
       {
         placeholder: intl.formatMessage({
@@ -3523,7 +3685,7 @@ function StepVerify(props) {
         maxLength: codeLength,
         onChange: (e) => setCode(e.target.value),
         value: code,
-        after: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+        after: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
           Button,
           {
             highlight: true,
@@ -3542,13 +3704,13 @@ function StepVerify(props) {
         )
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button, { disabled: !canContinue, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_intl7.FormattedMessage, { id: "continue" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Button, { disabled: !canContinue, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_intl7.FormattedMessage, { id: "continue" }) })
   ] });
 }
 
 // src/components/EmailModal/index.tsx
 var import_react_intl8 = require("react-intl");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 function EmailModal({
   isOpen = false,
   width = 480,
@@ -3565,7 +3727,7 @@ function EmailModal({
       setEmailVal("");
     }
   }, [isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     ModalWithHeader,
     {
       isOpen,
@@ -3575,10 +3737,10 @@ function EmailModal({
         id: "email"
       }),
       onBack: step == "verify" ? () => setStep("input") : onBack,
-      children: step === "input" ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(StepEmail, { email: emailVal, onContinue: (email) => {
+      children: step === "input" ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(StepEmail, { email: emailVal, onContinue: (email) => {
         setEmailVal(email);
         setStep("verify");
-      } }) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(StepVerify, { email: emailVal, onSuccess: onLogin })
+      } }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(StepVerify, { email: emailVal, onSuccess: onLogin })
     }
   );
 }
@@ -3608,7 +3770,7 @@ function useAppConfig() {
 }
 
 // src/components/LoginBox/index.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var RecommendItem = ({
   icon,
   name,
@@ -3617,20 +3779,20 @@ var RecommendItem = ({
   children,
   footer
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "matchid-login-recommend-method", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "matchid-login-recommend-method-item", onClick, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "matchid-login-recommend-method-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "matchid-login-recommend-method-icon", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "matchid-login-recommend-method-name", children: name })
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "matchid-login-recommend-method", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "matchid-login-recommend-method-item", onClick, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "matchid-login-recommend-method-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "matchid-login-recommend-method-icon", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "matchid-login-recommend-method-name", children: name })
       ] }),
-      footer ? footer : children ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+      footer ? footer : children ? /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime76.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
         ArrowRightIcon,
         {
           className: "matchid-login-recommend-method-arrow",
@@ -3639,7 +3801,7 @@ var RecommendItem = ({
         }
       )
     ] }),
-    children && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+    children && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       "div",
       {
         className: `matchid-login-recommend-method-popover ${showChildren ? "matchid-login-recommend-method-popover-active" : ""}`,
@@ -3704,75 +3866,75 @@ function LoginBox({
   const isDownMd = useDownMd();
   const methodMap = {
     wallet: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(WalletIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(WalletIcon, { size: isDownMd ? 36 : 40 }),
       name: intl.formatMessage({ id: "wallet" }),
       onClick: () => setShowWallet(!showWallet),
       type: "wallet"
     },
     email: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(EmailIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(EmailIcon, { size: isDownMd ? 36 : 40 }),
       name: intl.formatMessage({ id: "email" }),
       onClick: () => {
         setEmailOpen(true);
       }
     },
     google: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(GoogleIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(GoogleIcon, { size: isDownMd ? 36 : 40 }),
       name: "Google",
       onClick: () => login("google")
     },
     twitter: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(XIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(XIcon, { size: isDownMd ? 36 : 40 }),
       name: "X",
       onClick: () => login("twitter")
     },
     telegram: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(TelegramIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(TelegramIcon, { size: isDownMd ? 36 : 40 }),
       name: "Telegram",
       onClick: () => login("telegram")
     },
     github: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(GithubIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(GithubIcon, { size: isDownMd ? 36 : 40 }),
       name: "Github",
       onClick: () => login("github")
     },
     discord: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DiscordIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(DiscordIcon, { size: isDownMd ? 36 : 40 }),
       name: "Discord",
       onClick: () => login("discord")
     },
     linkedin: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(LinkedinIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(LinkedinIcon, { size: isDownMd ? 36 : 40 }),
       name: "LinkedIn",
       onClick: () => login("linkedin")
     },
     facebook: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(FacebookIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(FacebookIcon, { size: isDownMd ? 36 : 40 }),
       name: "Facebook",
       onClick: () => login("facebook")
     },
     youtube: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(YoutubeIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(YoutubeIcon, { size: isDownMd ? 36 : 40 }),
       name: "Youtube",
       onClick: () => login("youtube")
     }
   };
   const { walletMap } = useWalletConfig();
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
-    (!inModal || !emailOpen) && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "matchid-login-box", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "matchid-login-recommend-list", children: methodConfig.recommendMethods.map((m) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
+    (!inModal || !emailOpen) && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "matchid-login-box", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "matchid-login-recommend-list", children: methodConfig.recommendMethods.map((m) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "matchid-login-recommend-wallet-divider" }),
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "matchid-login-recommend-wallet-list", children: methodConfig.walletMethods.map((n) => {
+            children: m == "wallet" && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "matchid-login-recommend-wallet-divider" }),
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "matchid-login-recommend-wallet-list", children: methodConfig.walletMethods.map((n) => {
                 const m2 = walletMap[n];
-                return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
                   "div",
                   {
                     className: "matchid-login-recommend-wallet-item",
@@ -3780,16 +3942,16 @@ function LoginBox({
                       login(m2.method);
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "matchid-login-recommend-wallet-item-content", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
-                        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "matchid-login-recommend-wallet-item-content", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
+                        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                           "div",
                           {
                             className: "matchid-login-recommend-wallet-item-hover-icon",
                             children: m2.activeIcon
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                           "span",
                           {
                             className: "matchid-login-recommend-wallet-item-name",
@@ -3797,7 +3959,7 @@ function LoginBox({
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                         ArrowRightIcon,
                         {
                           className: "matchid-login-recommend-wallet-item-arrow",
@@ -3815,10 +3977,10 @@ function LoginBox({
           m
         );
       }) }),
-      methodConfig.methods.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "matchid-login-other", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_intl9.FormattedMessage, { id: "otherLoginMethods" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+      methodConfig.methods.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "matchid-login-other", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_intl9.FormattedMessage, { id: "otherLoginMethods" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
             "div",
             {
               className: "matchid-login-method-item",
@@ -3831,7 +3993,7 @@ function LoginBox({
         }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       EmailModal,
       {
         isOpen: emailOpen,
@@ -3851,40 +4013,40 @@ var import_react27 = require("react");
 
 // src/components/LoginPanel/index.tsx
 var import_react_intl10 = require("react-intl");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 function LoginPanel({
   header,
   onClose,
   ...props
 }) {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "matchid-login-panel", children: [
-    header ? header : /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "matchid-login-panel-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "matchid-login-panel-header-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_intl10.FormattedMessage, { id: "loginTitle" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_intl10.FormattedMessage, { id: "loginTips" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-login-panel", children: [
+    header ? header : /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-login-panel-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-login-panel-header-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl10.FormattedMessage, { id: "loginTitle" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl10.FormattedMessage, { id: "loginTips" }) })
       ] }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30 }) })
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30 }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "matchid-login-panel-divide" }),
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "matchid-login-panel-box", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(LoginBox, { ...props }) })
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-login-panel-divide" }),
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-login-panel-box", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(LoginBox, { ...props }) })
   ] });
 }
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 function LoginModal({
   isOpen = false,
   width = 480,
   ...props
 }) {
   const { isLogin } = useUserInfo();
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     Modal,
     {
       isOpen: isOpen && !isLogin,
       width,
-      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(LoginPanel, { ...props, inModal: true })
+      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(LoginPanel, { ...props, inModal: true })
     }
   );
 }
@@ -3893,10 +4055,10 @@ function LoginModal({
 var import_react26 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 function ProfileIcon({ size = 24, color = "black", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime79.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_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.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_runtime83.jsx)(
       "path",
       {
         fillRule: "evenodd",
@@ -3905,7 +4067,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
         fill: color
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       "path",
       {
         fillRule: "evenodd",
@@ -3919,7 +4081,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
 
 // src/components/UserPopover/index.tsx
 var import_react_intl11 = require("react-intl");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 function UserContent() {
   const { logout, address, username } = useUserInfo();
   const [logouting, setLogouting] = (0, import_react26.useState)(false);
@@ -3940,34 +4102,34 @@ function UserContent() {
     rightIcon,
     onClick
   }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "matchid-user-popover-item", onClick, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: `matchid-user-popover-item-content`, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-user-popover-item", onClick, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `matchid-user-popover-item-content`, children: [
         icon,
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "matchid-user-popover-item-text", children })
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-user-popover-item-text", children })
       ] }),
       rightIcon
     ] });
   };
   const UserDivider = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: `matchid-user-popover-divider` });
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: `matchid-user-popover-divider` });
   };
   const [usernameOpen, setUsernameOpen] = (0, import_react26.useState)(false);
   const [copied, setCopied] = useCopyClipboard();
   const intl = (0, import_react_intl11.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "matchid-user-popover-content", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "matchid-user-popover-list", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(UserItem, { onClick: () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-user-popover-content", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-user-popover-list", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(UserItem, { onClick: () => {
         setCopied(address);
-      }, icon: copied ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(UserDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(UserItem, { onClick: () => {
+      }, icon: copied ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(UserDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(UserItem, { onClick: () => {
         setUsernameOpen(true);
-      }, icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ProfileIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ArrowRightIcon, { size: 20, color: "var(--icon-color)" }), children: username || intl.formatMessage({
+      }, icon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ProfileIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ArrowRightIcon, { size: 20, color: "var(--icon-color)" }), children: username || intl.formatMessage({
         id: "setUsername"
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_intl11.FormattedMessage, { id: "disconnect" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(UsernameModal, { isOpen: usernameOpen, onClose: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_intl11.FormattedMessage, { id: "disconnect" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(UsernameModal, { isOpen: usernameOpen, onClose: () => {
       setUsernameOpen(false);
     }, onSuccess: () => {
       setUsernameOpen(false);
@@ -3978,12 +4140,12 @@ function UserPopover({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Popover, { ...props, content: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(UserContent, {}), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Popover, { ...props, content: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(UserContent, {}), children });
 }
 
 // src/components/LoginButton/index.tsx
 var import_react_intl12 = require("react-intl");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 function LoginButton({
   loginRender,
   methods,
@@ -3999,8 +4161,8 @@ function LoginButton({
   const { isLogin, username } = useUserInfo();
   const [loginOpen, setLoginOpen] = (0, import_react27.useState)(false);
   if (!isLogin) {
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
         LoginModal,
         {
           methods,
@@ -4010,15 +4172,15 @@ function LoginButton({
           onClose: () => setLoginOpen(false)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(UnLoginIcon_default, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl12.FormattedMessage, { id: "login" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(UnLoginIcon_default, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl12.FormattedMessage, { id: "login" }) })
       ] })
     ] });
   }
-  return loginRender ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_jsx_runtime81.Fragment, { children: loginRender }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(UserPopover, { position: popoverPosition, type: popoverType, gap: popoverGap, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Button, { onClick: onLoginClick, className: "matchid-login-btn", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(LoginIcon_default, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: username ? truncateAddress(username) : "MatchID " + intl.formatMessage({
+  return loginRender ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_jsx_runtime85.Fragment, { children: loginRender }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(UserPopover, { position: popoverPosition, type: popoverType, gap: popoverGap, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Button, { onClick: onLoginClick, className: "matchid-login-btn", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(LoginIcon_default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: username ? truncateAddress(username) : "MatchID " + intl.formatMessage({
       id: "user"
     }) })
   ] }) });
@@ -4027,15 +4189,15 @@ function LoginButton({
 // src/components/UsernameModal/index.tsx
 var import_react28 = require("react");
 var import_react_intl13 = require("react-intl");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var ValidItem = ({
   success = false,
   text
 }) => {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `matchid-valid-status-item matchid-valid-status-${success ? "success" : "error"}`, children: [
-    success ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(CheckRoundIcon, { size: isDownMd ? 12 : 16 }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(InfoLineIcon, { size: isDownMd ? 12 : 16 }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: text })
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-valid-status-item matchid-valid-status-${success ? "success" : "error"}`, children: [
+    success ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CheckRoundIcon, { size: isDownMd ? 12 : 16 }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(InfoLineIcon, { size: isDownMd ? 12 : 16 }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: text })
   ] });
 };
 function UsernameModal({
@@ -4083,12 +4245,12 @@ function UsernameModal({
     }
   };
   const intl = (0, import_react_intl13.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
     id: username ? "editUsernameTitle" : "setUsernameTitle"
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "matchid-username-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Field, { label: intl.formatMessage({
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "matchid-username-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Field, { label: intl.formatMessage({
       id: "username"
-    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       Input,
       {
         placeholder: intl.formatMessage({
@@ -4101,8 +4263,8 @@ function UsernameModal({
         value: val
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "matchid-valid", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "matchid-valid", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         ValidItem,
         {
           success: isValid,
@@ -4111,36 +4273,21 @@ function UsernameModal({
           })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ValidItem, { success: isLength, text: intl.formatMessage({
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ValidItem, { success: isLength, text: intl.formatMessage({
         id: "usernameLengthError"
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button, { disabled: !isSafe, loading: isSubmitting, style: {
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Button, { disabled: !isSafe, loading: isSubmitting, style: {
       marginTop: isDownMd ? "36px" : "64px"
-    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_intl13.FormattedMessage, { id: "confirm" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button, { style: {
+    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl13.FormattedMessage, { id: "confirm" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Button, { style: {
       marginTop: isDownMd ? "12px" : "24px"
-    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_intl13.FormattedMessage, { id: "cancel" }) })
+    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl13.FormattedMessage, { id: "cancel" }) })
   ] }) });
 }
 
-// src/components/SOLModal/index.tsx
-var import_react30 = __toESM(require("react"));
-var import_web3 = require("@solana/web3.js");
-var import_wallet_adapter_react = require("@solana/wallet-adapter-react");
-var import_wallet_adapter_react_ui = require("@solana/wallet-adapter-react-ui");
-
-// node_modules/@solana/wallet-adapter-base/lib/esm/types.js
-var WalletAdapterNetwork;
-(function(WalletAdapterNetwork2) {
-  WalletAdapterNetwork2["Mainnet"] = "mainnet-beta";
-  WalletAdapterNetwork2["Testnet"] = "testnet";
-  WalletAdapterNetwork2["Devnet"] = "devnet";
-})(WalletAdapterNetwork || (WalletAdapterNetwork = {}));
-
-// src/components/SOLModal/index.tsx
-var import_wallet_adapter_wallets = require("@solana/wallet-adapter-wallets");
-var import_styles = require("@solana/wallet-adapter-react-ui/styles.css");
+// src/components/EVMModal/index.tsx
+var import_react31 = require("react");
 var import_react_intl14 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
@@ -4154,7 +4301,7 @@ var walletConnectImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEA
 var walletSigningImage = "data:image/png;base64,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";
 
 // src/components/WalletModalContent/index.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 function WalletModalContent({
   status,
   error,
@@ -4224,12 +4371,93 @@ function WalletModalContent({
       statusImage: walletConnectImage
     };
   }, [visible, connected, status, error, address]);
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: `matchid-wallet-box`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: `matchid-wallet-content`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("img", { src: pageData.statusImage }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: pageData.isError ? "text-[#F7585E]" : "", children: pageData.text })
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `matchid-wallet-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `matchid-wallet-content`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("img", { src: pageData.statusImage }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: pageData.isError ? "matchid-error" : "", children: pageData.text })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+      Button,
+      {
+        block: true,
+        size: "lg",
+        onClick: pageData.btnClick,
+        loading: pageData.btnLoading,
+        disabled: pageData.btnDisabled,
+        children: pageData.btnText
+      }
+    )
+  ] }) });
+}
+function WalletModalContentV2(props) {
+  const [submitting, setSubmitting] = (0, import_react29.useState)(false);
+  const pageData = (0, import_react29.useMemo)(() => {
+    const { status } = props;
+    if (status == "success") {
+      return {
+        btnText: "Disconnect Wallet",
+        btnClick: async () => {
+          setSubmitting(true);
+          await props.onDisconnect?.();
+          setSubmitting(false);
+        },
+        text: "Wallet connection successful!",
+        statusImage: walletConnectedImage,
+        btnLoading: submitting
+      };
+    }
+    if (status == "error") {
+      return {
+        text: props.error || "Unknown Error",
+        btnText: "Reconnect Wallet",
+        btnClick: async () => {
+          setSubmitting(true);
+          await props.onError?.();
+          setSubmitting(false);
+        },
+        statusImage: walletErrorImage,
+        isError: true,
+        btnLoading: submitting
+      };
+    }
+    if (status == "nonce") {
+      return {
+        btnLoading: true,
+        text: "Connecting",
+        statusImage: walletConnectingImage
+      };
+    }
+    if (status == "signer") {
+      return {
+        btnLoading: true,
+        text: "Signing",
+        statusImage: walletSigningImage
+      };
+    }
+    if (status == "connecting") {
+      return {
+        btnLoading: true,
+        text: "Connecting",
+        statusImage: walletConnectingImage
+      };
+    }
+    return {
+      btnText: "Connect Wallet",
+      btnClick: async () => {
+        setSubmitting(true);
+        await props.onConnect?.();
+        setSubmitting(false);
+      },
+      text: "Please Connect your wallet",
+      statusImage: walletConnectImage
+    };
+  }, [props, submitting]);
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `matchid-wallet-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `matchid-wallet-content`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("img", { src: pageData.statusImage }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: props.status == "error" ? "matchid-error" : "", children: pageData.text })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       Button,
       {
         block: true,
@@ -4243,162 +4471,538 @@ function WalletModalContent({
   ] }) });
 }
 
-// src/components/SOLModal/index.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
-function WalletContent({
-  onSuccess,
-  type
+// src/components/EVMModal/index.tsx
+var import_chains = require("wagmi/chains");
+var import_rainbowkit = require("@rainbow-me/rainbowkit");
+var import_wagmi2 = require("wagmi");
+var import_wallets = require("@rainbow-me/rainbowkit/wallets");
+
+// src/config/chains/MatchMain.ts
+var import_viem11 = require("viem");
+var matchMain = /* @__PURE__ */ (0, import_viem11.defineChain)({
+  //定义match链
+  id: 698,
+  name: "Matchain",
+  nativeCurrency: { name: "Match Coin", symbol: "BNB", decimals: 18 },
+  rpcUrls: {
+    default: {
+      http: ["https://rpc.matchain.io"]
+    }
+  },
+  blockExplorers: {
+    default: {
+      name: "Matchscan",
+      url: "https://matchscan.io/",
+      apiUrl: "https://matchscan.io/api"
+    }
+  },
+  iconUrl: "https://matchscan.io/static/identicon_logos/blockies.png",
+  contracts: {
+    multicall3: {
+      address: "0xca11bde05977b3631167028862be2a173976ca11"
+    }
+  }
+  // testnet: true,
+});
+
+// src/config/chains/MatchTest.ts
+var import_viem12 = require("viem");
+var matchTest = /* @__PURE__ */ (0, import_viem12.defineChain)({
+  //定义matchTest链
+  id: 699,
+  name: "MatchTest",
+  nativeCurrency: { name: "Match Coin", symbol: "BNB", decimals: 18 },
+  rpcUrls: {
+    default: {
+      http: ["https://testnet-rpc.matchain.io"]
+    }
+  },
+  blockExplorers: {
+    default: {
+      name: "Matchscan",
+      url: "https://testnet.matchscan.io/",
+      apiUrl: "https://testnet.matchscan.io/api"
+    }
+  },
+  iconUrl: "https://testnet.matchscan.io/static/identicon_logos/blockies.png",
+  contracts: {
+    multicall3: {
+      address: "0xca11bde05977b3631167028862be2a173976ca11",
+      blockCreated: 751532
+    },
+    ensRegistry: { address: "0x00000000000C2E074eC69A0dFb2997BA6C7d2e1e" },
+    ensUniversalResolver: {
+      address: "0xc8Af999e38273D658BE1b921b88A9Ddf005769cC",
+      blockCreated: 5317080
+    }
+  }
+  // testnet: true,
+});
+
+// src/hooks/useWalletBox.ts
+var import_react30 = require("react");
+function useWalletBox({
+  onInit
 }) {
-  const { setVisible, visible } = (0, import_wallet_adapter_react_ui.useWalletModal)();
-  const wallet = (0, import_wallet_adapter_react.useWallet)();
-  const { events, login } = useMatch();
-  const [status, setStatus] = (0, import_react30.useState)("");
-  const statusRef = import_react30.default.useRef(status);
+  const [status, setStateStatus] = (0, import_react30.useState)("start");
   const [error, setError] = (0, import_react30.useState)("");
+  const statusRef = (0, import_react30.useRef)(status);
+  const [nonce, setNonce] = (0, import_react30.useState)();
+  const setStatus = (status2) => {
+    statusRef.current = status2;
+    setStateStatus(status2);
+  };
+  const init = () => {
+    setError("");
+    setNonce(null);
+  };
   (0, import_react30.useEffect)(() => {
-    const init = async () => {
-      await wallet.disconnect();
-      setVisible(true);
-    };
     init();
+    onInit({
+      setStatus
+    });
+    return () => {
+      setStatus("start");
+      setNonce(null);
+      setError("");
+    };
   }, []);
-  (0, import_react30.useEffect)(() => {
-    if (wallet.connected) {
-      console.log("wallet.connected", wallet.connected);
-      toLoginInWallet();
+  return {
+    status,
+    statusRef,
+    setStatus,
+    error,
+    setError,
+    nonce,
+    setNonce,
+    init
+  };
+}
+
+// src/hooks/useEthersSigner.ts
+var React8 = __toESM(require("react"));
+var import_wagmi = require("wagmi");
+var import_ethers = require("ethers");
+
+// node_modules/@wagmi/core/dist/esm/version.js
+var version = "2.16.3";
+
+// node_modules/@wagmi/core/dist/esm/utils/getVersion.js
+var getVersion2 = () => `@wagmi/core@${version}`;
+
+// node_modules/@wagmi/core/dist/esm/errors/base.js
+var __classPrivateFieldGet = function(receiver, state, kind, f) {
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _BaseError_instances;
+var _BaseError_walk;
+var BaseError = class _BaseError extends Error {
+  get docsBaseUrl() {
+    return "https://wagmi.sh/core";
+  }
+  get version() {
+    return getVersion2();
+  }
+  constructor(shortMessage, options = {}) {
+    super();
+    _BaseError_instances.add(this);
+    Object.defineProperty(this, "details", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, "docsPath", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, "metaMessages", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, "shortMessage", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: "WagmiCoreError"
+    });
+    const details = options.cause instanceof _BaseError ? options.cause.details : options.cause?.message ? options.cause.message : options.details;
+    const docsPath = options.cause instanceof _BaseError ? options.cause.docsPath || options.docsPath : options.docsPath;
+    this.message = [
+      shortMessage || "An error occurred.",
+      "",
+      ...options.metaMessages ? [...options.metaMessages, ""] : [],
+      ...docsPath ? [
+        `Docs: ${this.docsBaseUrl}${docsPath}.html${options.docsSlug ? `#${options.docsSlug}` : ""}`
+      ] : [],
+      ...details ? [`Details: ${details}`] : [],
+      `Version: ${this.version}`
+    ].join("\n");
+    if (options.cause)
+      this.cause = options.cause;
+    this.details = details;
+    this.docsPath = docsPath;
+    this.metaMessages = options.metaMessages;
+    this.shortMessage = shortMessage;
+  }
+  walk(fn) {
+    return __classPrivateFieldGet(this, _BaseError_instances, "m", _BaseError_walk).call(this, this, fn);
+  }
+};
+_BaseError_instances = /* @__PURE__ */ new WeakSet(), _BaseError_walk = function _BaseError_walk2(err, fn) {
+  if (fn?.(err))
+    return err;
+  if (err.cause)
+    return __classPrivateFieldGet(this, _BaseError_instances, "m", _BaseError_walk2).call(this, err.cause, fn);
+  return err;
+};
+
+// node_modules/@wagmi/core/dist/esm/errors/config.js
+var ConnectorNotConnectedError = class extends BaseError {
+  constructor() {
+    super("Connector not connected.");
+    Object.defineProperty(this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: "ConnectorNotConnectedError"
+    });
+  }
+};
+var ConnectorAccountNotFoundError = class extends BaseError {
+  constructor({ address, connector }) {
+    super(`Account "${address}" not found for connector "${connector.name}".`);
+    Object.defineProperty(this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: "ConnectorAccountNotFoundError"
+    });
+  }
+};
+var ConnectorChainMismatchError = class extends BaseError {
+  constructor({ connectionChainId, connectorChainId }) {
+    super(`The current chain of the connector (id: ${connectorChainId}) does not match the connection's chain (id: ${connectionChainId}).`, {
+      metaMessages: [
+        `Current Chain ID:  ${connectorChainId}`,
+        `Expected Chain ID: ${connectionChainId}`
+      ]
+    });
+    Object.defineProperty(this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: "ConnectorChainMismatchError"
+    });
+  }
+};
+var ConnectorUnavailableReconnectingError = class extends BaseError {
+  constructor({ connector }) {
+    super(`Connector "${connector.name}" unavailable while reconnecting.`, {
+      details: [
+        "During the reconnection step, the only connector methods guaranteed to be available are: `id`, `name`, `type`, `uid`.",
+        "All other methods are not guaranteed to be available until reconnection completes and connectors are fully restored.",
+        "This error commonly occurs for connectors that asynchronously inject after reconnection has already started."
+      ].join(" ")
+    });
+    Object.defineProperty(this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: "ConnectorUnavailableReconnectingError"
+    });
+  }
+};
+
+// node_modules/@wagmi/core/dist/esm/actions/getConnectorClient.js
+var import_viem13 = require("viem");
+var import_utils9 = require("viem/utils");
+async function getConnectorClient(config, parameters = {}) {
+  let connection;
+  if (parameters.connector) {
+    const { connector: connector2 } = parameters;
+    if (config.state.status === "reconnecting" && !connector2.getAccounts && !connector2.getChainId)
+      throw new ConnectorUnavailableReconnectingError({ connector: connector2 });
+    const [accounts, chainId2] = await Promise.all([
+      connector2.getAccounts(),
+      connector2.getChainId()
+    ]);
+    connection = {
+      accounts,
+      chainId: chainId2,
+      connector: connector2
+    };
+  } else
+    connection = config.state.connections.get(config.state.current);
+  if (!connection)
+    throw new ConnectorNotConnectedError();
+  const chainId = parameters.chainId ?? connection.chainId;
+  const connectorChainId = await connection.connector.getChainId();
+  if (connectorChainId !== connection.chainId)
+    throw new ConnectorChainMismatchError({
+      connectionChainId: connection.chainId,
+      connectorChainId
+    });
+  const connector = connection.connector;
+  if (connector.getClient)
+    return connector.getClient({ chainId });
+  const account = (0, import_utils9.parseAccount)(parameters.account ?? connection.accounts[0]);
+  account.address = (0, import_utils9.getAddress)(account.address);
+  if (parameters.account && !connection.accounts.some((x) => x.toLowerCase() === account.address.toLowerCase()))
+    throw new ConnectorAccountNotFoundError({
+      address: account.address,
+      connector
+    });
+  const chain = config.chains.find((chain2) => chain2.id === chainId);
+  const provider = await connection.connector.getProvider({ chainId });
+  return (0, import_viem13.createClient)({
+    account,
+    chain,
+    name: "Connector Client",
+    transport: (opts) => (0, import_viem13.custom)(provider)({ ...opts, retryCount: 0 })
+  });
+}
+
+// node_modules/@wagmi/core/dist/esm/exports/index.js
+var import_viem14 = require("viem");
+
+// src/hooks/useEthersSigner.ts
+function clientToSigner(client) {
+  const { account, chain, transport } = client;
+  const network = {
+    chainId: chain.id,
+    name: chain.name,
+    ensAddress: chain.contracts?.ensRegistry?.address
+  };
+  const provider = new import_ethers.providers.Web3Provider(transport, network);
+  const signer = provider.getSigner(account.address);
+  return signer;
+}
+async function getEthersSigner(config, { chainId } = {}) {
+  const client = await getConnectorClient(config, { chainId });
+  return clientToSigner(client);
+}
+
+// src/components/EVMModal/index.tsx
+var import_siwe = require("siwe");
+var import_styles = require("@rainbow-me/rainbowkit/styles.css");
+var import_jsx_runtime88 = require("react/jsx-runtime");
+function WalletContent({
+  onSuccess,
+  type
+}) {
+  const config = (0, import_wagmi2.useConfig)();
+  const { openConnectModal, connectModalOpen } = (0, import_rainbowkit.useConnectModal)();
+  const { address, connector, isConnected } = (0, import_wagmi2.useAccount)();
+  const { disconnectAsync } = (0, import_wagmi2.useDisconnect)({ config });
+  const chainId = (0, import_wagmi2.useChainId)();
+  const { events, login } = useMatch();
+  const [inited, setInited] = (0, import_react31.useState)(false);
+  const { status, setStatus, error, setError, statusRef, nonce, setNonce, init } = useWalletBox({
+    onInit: async ({ setStatus: setStatus2 }) => {
+      setStatus2("start");
     }
-  }, [wallet.connected]);
-  const toLoginInWallet = async () => {
-    if (statusRef.current) return;
-    const address = wallet.publicKey?.toBase58() || "";
+  });
+  (0, import_react31.useEffect)(() => {
+    matchlog_default.log(`status=${status}`, `connectModalOpen=${connectModalOpen}`, `address=${address}`, `isConnected=${isConnected}`);
+  }, [status, connectModalOpen, isConnected, address]);
+  (0, import_react31.useEffect)(() => {
+    if (connectModalOpen) {
+      setStatus("connecting");
+      return;
+    }
+    if (!connectModalOpen && address) {
+      toLoginInWallet(address);
+      return;
+    }
+    if (!connectModalOpen && !address) {
+      setStatus("start");
+    }
+  }, [connectModalOpen, address]);
+  (0, import_react31.useEffect)(() => {
+    if (openConnectModal && !isConnected && !inited) {
+      openConnectModal && openConnectModal();
+      setInited(true);
+    }
+  }, [openConnectModal, inited]);
+  const toLoginInWallet = async (address2) => {
+    if (statusRef.current != "start" && statusRef.current != "connecting") return;
     try {
+      if (!address2) {
+        throw new Error("Wallet address is empty");
+      }
       setStatus("nonce");
-      statusRef.current = "nonce";
       const res = type == "bind" ? await getWalletInitApi({
+        address: address2,
+        type: "EVM"
+      }) : await getWalletNonceApi({ address: address2, type: "EVM" });
+      if (!isSuccess(res)) {
+        throw new Error(res.message);
+      }
+      setNonce(res.data.nonce);
+    } catch (error2) {
+      console.error("toLoginInWallet", error2);
+      setStatus("error");
+      setError(error2.message);
+    }
+  };
+  const signature = (0, import_react31.useCallback)(async () => {
+    if (!nonce || status != "nonce") {
+      return;
+    }
+    try {
+      const signer = await getEthersSigner(config);
+      if (!signer) return;
+      matchlog_default.log("signature", nonce, status);
+      if (!address) {
+        throw new Error("Wallet address is empty");
+      }
+      setStatus("signer");
+      const params = {
+        domain: window.location.host,
         address,
-        type: "SOL"
-      }) : await getWalletNonceApi({ address, type: "SOL" });
+        statement: "By signing, you are proving you own this wallet and logging in. This does not initiate a transaction or cost any fees.",
+        uri: window.location.origin,
+        nonce,
+        version: "1",
+        chainId
+      };
+      const message = new import_siwe.SiweMessage({ ...params });
+      const signature2 = await signer.signMessage(message.prepareMessage());
+      const obj = {
+        type: "EVM",
+        address,
+        signature: signature2,
+        message: `${message.prepareMessage()}`,
+        connector_type: connector?.type || "",
+        wallet_client_type: connector?.name || ""
+      };
+      const res = type == "bind" ? await toBindWalletApi(obj) : await loginByWalletApi(obj);
       if (!isSuccess(res)) {
         throw new Error(res.message);
       }
-      const nonce = res.code >= 0 ? res.data.nonce : null;
-      if (nonce) {
-        setStatus("signer");
-        statusRef.current = "signer";
-        const message = "By signing, you are proving you own this wallet and logging in. This does not initiate a transaction or cost any fees.Nonce:" + res.data.nonce;
-        const encodedMessage = new TextEncoder().encode(message);
-        const signedMessage = await wallet.signMessage(encodedMessage);
-        let obj = {
-          type: "SOL",
-          address,
-          signature: Buffer.from(signedMessage).toString("base64"),
-          message,
-          connector_type: "SOL",
-          wallet_client_type: wallet.wallet?.adapter.name || ""
-        };
-        const res1 = type == "bind" ? await toBindWalletApi(obj) : await loginByWalletApi(obj);
-        if (res1) {
-          if (!isSuccess(res1)) {
-            throw new Error(res1.message);
-          }
-          matchlog_default.log(res1);
-          setStatus("success");
-          statusRef.current = "success";
-          if (type == "bind") {
-            events.onBind && events.onBind({
-              type: "sol"
-            });
-            eventManager_default.emit("onBind", {
-              type: "sol"
-            });
-          } else {
-            await login({
-              mid: res1.data.mid,
-              token: `${res1.data.token_type} ${res1.data.access_token}`
-            });
-          }
-          onSuccess && onSuccess();
-        }
+      matchlog_default.log(res);
+      setStatus("success");
+      if (type == "bind") {
+        events.onBind && events.onBind({
+          type: "evm"
+        });
+        eventManager_default.emit("onBind", {
+          type: "evm"
+        });
+      } else {
+        await login({
+          token: `${res.data.token_type} ${res.data.access_token}`
+        });
       }
+      onSuccess && onSuccess();
     } catch (error2) {
+      console.error("signature", error2);
       setStatus("error");
-      setError(error2.message);
-      statusRef.current = "";
+      setError(error2.reason || error2.message);
+    }
+  }, [nonce, status, address]);
+  (0, import_react31.useEffect)(() => {
+    if (signature) {
+      signature();
     }
+  }, [signature]);
+  const onError = async () => {
+    if (isConnected) {
+      try {
+        await disconnectAsync();
+      } catch (error2) {
+        console.error("disconnectAsync", error2);
+      }
+    }
+    setError("");
+    setNonce(void 0);
+    setStatus("start");
+    openConnectModal?.();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
-    WalletModalContent,
+  const onConnect = async () => {
+    if (isConnected) {
+      try {
+        await disconnectAsync();
+      } catch (error2) {
+        console.error("disconnectAsync", error2);
+      }
+    }
+    setError("");
+    setNonce(void 0);
+    openConnectModal?.();
+  };
+  const onDisconnect = async () => {
+    if (isConnected) {
+      try {
+        await disconnectAsync();
+      } catch (error2) {
+        console.error("disconnectAsync", error2);
+      }
+    }
+    setError("");
+    setNonce(void 0);
+    setStatus("start");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    WalletModalContentV2,
     {
-      connected: wallet.connected,
-      disconnect: wallet.disconnect,
-      address: wallet.publicKey?.toBase58(),
-      visible,
-      setVisible,
+      status,
+      onSuccess: async () => onSuccess?.(),
       error,
-      setError,
-      status
+      onError,
+      onConnect,
+      onDisconnect
     }
   );
 }
-var wallets = [
-  new import_wallet_adapter_wallets.PhantomWalletAdapter(),
-  new import_wallet_adapter_wallets.SolflareWalletAdapter(),
-  new import_wallet_adapter_wallets.WalletConnectWalletAdapter({
-    network: WalletAdapterNetwork.Mainnet,
-    options: {
-      relayUrl: "wss://relay.walletconnect.com"
+var wagmiConfig = (0, import_rainbowkit.getDefaultConfig)({
+  appName: "MatchID",
+  projectId: "9ac6ea7e07860f04616fb311b447dee9",
+  wallets: [
+    {
+      groupName: "Recommended",
+      wallets: [
+        import_wallets.metaMaskWallet,
+        import_wallets.walletConnectWallet,
+        import_wallets.okxWallet,
+        import_wallets.bitgetWallet,
+        import_wallets.injectedWallet
+      ]
     }
-  }),
-  new import_wallet_adapter_wallets.AlphaWalletAdapter(),
-  new import_wallet_adapter_wallets.AvanaWalletAdapter(),
-  new import_wallet_adapter_wallets.BitgetWalletAdapter(),
-  new import_wallet_adapter_wallets.BitpieWalletAdapter(),
-  new import_wallet_adapter_wallets.CloverWalletAdapter(),
-  new import_wallet_adapter_wallets.Coin98WalletAdapter(),
-  new import_wallet_adapter_wallets.CoinbaseWalletAdapter(),
-  new import_wallet_adapter_wallets.CoinhubWalletAdapter(),
-  new import_wallet_adapter_wallets.FractalWalletAdapter(),
-  new import_wallet_adapter_wallets.HuobiWalletAdapter(),
-  new import_wallet_adapter_wallets.HyperPayWalletAdapter(),
-  new import_wallet_adapter_wallets.KeystoneWalletAdapter(),
-  new import_wallet_adapter_wallets.KrystalWalletAdapter(),
-  new import_wallet_adapter_wallets.LedgerWalletAdapter(),
-  new import_wallet_adapter_wallets.MathWalletAdapter(),
-  new import_wallet_adapter_wallets.NekoWalletAdapter(),
-  new import_wallet_adapter_wallets.NightlyWalletAdapter(),
-  new import_wallet_adapter_wallets.NufiWalletAdapter(),
-  new import_wallet_adapter_wallets.OntoWalletAdapter(),
-  new import_wallet_adapter_wallets.ParticleAdapter(),
-  new import_wallet_adapter_wallets.SafePalWalletAdapter(),
-  new import_wallet_adapter_wallets.SaifuWalletAdapter(),
-  new import_wallet_adapter_wallets.SalmonWalletAdapter(),
-  new import_wallet_adapter_wallets.SkyWalletAdapter(),
-  new import_wallet_adapter_wallets.SolongWalletAdapter(),
-  new import_wallet_adapter_wallets.SpotWalletAdapter(),
-  new import_wallet_adapter_wallets.TokenaryWalletAdapter(),
-  new import_wallet_adapter_wallets.TokenPocketWalletAdapter(),
-  new import_wallet_adapter_wallets.TorusWalletAdapter(),
-  new import_wallet_adapter_wallets.TrustWalletAdapter(),
-  new import_wallet_adapter_wallets.XDEFIWalletAdapter()
-];
-function SOLConnectModal({
+  ],
+  chains: [import_chains.mainnet, import_chains.polygon, import_chains.optimism, import_chains.arbitrum, import_chains.base, matchMain, matchTest, import_chains.bsc]
+});
+function EVMConnectModal({
   type = "login",
   onSuccess,
   ...props
 }) {
   const intl = (0, import_react_intl14.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
-    name: "SOL"
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_wallet_adapter_react.ConnectionProvider, { endpoint: (0, import_web3.clusterApiUrl)("devnet"), children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_wallet_adapter_react.WalletProvider, { wallets, autoConnect: true, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_wallet_adapter_react_ui.WalletModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(WalletContent, { onSuccess, type }) }) }) }) });
+    name: "EVM"
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_wagmi2.WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_rainbowkit.RainbowKitProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(WalletContent, { onSuccess, type }) }) }) });
 }
-function SOLModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(SOLConnectModal, { ...props });
+function EVMModal(props) {
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(EVMConnectModal, { ...props });
 }
 
 // src/components/TRONModal/index.tsx
-var import_react32 = __toESM(require("react"));
+var import_react33 = __toESM(require("react"));
 var import_react_intl15 = require("react-intl");
 
 // src/lib/tron/TronLinkAdapter.ts
@@ -4432,7 +5036,7 @@ var TronLinkAdapter = class {
 };
 
 // src/hooks/useTRONWallet.ts
-var import_react31 = require("react");
+var import_react32 = require("react");
 
 // src/lib/tron/BitgetAdapter.ts
 var BitgetAdapter = class {
@@ -4476,12 +5080,12 @@ var OKXAdapter = class {
 
 // src/hooks/useTRONWallet.ts
 var useTRONWallet = () => {
-  const wallets2 = [new TronLinkAdapter(), new BitgetAdapter(), new OKXAdapter()];
-  const [installedWallets, setInstalledWallets] = (0, import_react31.useState)([]);
-  const [address, setAddress] = (0, import_react31.useState)(null);
-  (0, import_react31.useEffect)(() => {
+  const wallets = [new TronLinkAdapter(), new BitgetAdapter(), new OKXAdapter()];
+  const [installedWallets, setInstalledWallets] = (0, import_react32.useState)([]);
+  const [address, setAddress] = (0, import_react32.useState)(null);
+  (0, import_react32.useEffect)(() => {
     const getInstalled = async () => {
-      const installed = await Promise.all(wallets2.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
+      const installed = await Promise.all(wallets.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
         isInstalled
       }))));
@@ -4489,18 +5093,18 @@ var useTRONWallet = () => {
     };
     getInstalled();
   }, []);
-  const [wallet, chooseWallet] = (0, import_react31.useState)(null);
+  const [wallet, chooseWallet] = (0, import_react32.useState)(null);
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (!wallet) {
       setAddress(null);
     }
   }, [wallet]);
   return {
     installedWallets,
-    wallets: wallets2,
+    wallets,
     chooseWallet,
     wallet,
     address,
@@ -4509,7 +5113,7 @@ var useTRONWallet = () => {
 };
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 function TRONConnectModal({
   type = "login",
   onSuccess,
@@ -4517,17 +5121,17 @@ function TRONConnectModal({
 }) {
   const isDownMd = useDownMd();
   const intl = (0, import_react_intl15.useIntl)();
-  const { wallets: wallets2, installedWallets, chooseWallet, wallet, address, onConnect } = useTRONWallet();
+  const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useTRONWallet();
   const iconMaps = {
-    tronlink: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
-    bitget: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(BitgetIcon, { size: isDownMd ? 36 : 40 }),
-    okx: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(OKXIcon, { size: isDownMd ? 36 : 40 })
+    tronlink: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
+    bitget: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(BitgetIcon, { size: isDownMd ? 36 : 40 }),
+    okx: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(OKXIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
-  const [status, setStatus] = (0, import_react32.useState)("");
-  const statusRef = import_react32.default.useRef(status);
-  const [error, setError] = (0, import_react32.useState)("");
-  const connected = (0, import_react32.useMemo)(() => {
+  const [status, setStatus] = (0, import_react33.useState)("");
+  const statusRef = import_react33.default.useRef(status);
+  const [error, setError] = (0, import_react33.useState)("");
+  const connected = (0, import_react33.useMemo)(() => {
     return !!address;
   }, [address]);
   const disconnect = async () => {
@@ -4582,7 +5186,7 @@ function TRONConnectModal({
             });
           } else {
             await login({
-              mid: res1.data.mid,
+              // mid: res1.data.mid,
               token: `${res1.data.token_type} ${res1.data.access_token}`
             });
           }
@@ -4595,7 +5199,7 @@ function TRONConnectModal({
       statusRef.current = "";
     }
   };
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (wallet) {
       console.log("onConnect");
       onConnect();
@@ -4603,21 +5207,21 @@ function TRONConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (address) {
       toLoginInWallet();
     }
   }, [address]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (!props.isOpen) {
       disconnect();
     }
   }, [props.isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime89.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_runtime85.jsx)(
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     WalletModalContent,
     {
       error,
@@ -4630,9 +5234,9 @@ function TRONConnectModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
@@ -4644,15 +5248,15 @@ function TRONConnectModal({
         wallet2.walletKey
       );
     }),
-    wallets2.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
           name: wallet2.name,
           onClick: () => {
           },
-          footer: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button, { size: "sm", onClick: () => {
+          footer: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { size: "sm", onClick: () => {
             window.open(wallet2.website);
           }, children: "Install" })
         },
@@ -4662,28 +5266,28 @@ function TRONConnectModal({
   ] }) }) });
 }
 function TRONModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TRONConnectModal, { ...props, type: props.type });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(TRONConnectModal, { ...props, type: props.type });
 }
 
 // src/components/TONModal/index.tsx
-var import_react33 = __toESM(require("react"));
+var import_react34 = __toESM(require("react"));
 var import_react_intl16 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 function WalletContent2({
   onSuccess,
   type
 }) {
   const { events, login } = useMatch();
-  const [connected, setConnected] = (0, import_react33.useState)(false);
+  const [connected, setConnected] = (0, import_react34.useState)(false);
   const wallet = (0, import_ui_react.useTonWallet)();
   const userFriendlyAddress = (0, import_ui_react.useTonAddress)();
   const [tonConnectUI] = (0, import_ui_react.useTonConnectUI)();
   const { state, open, close } = (0, import_ui_react.useTonConnectModal)();
-  const [status, setStatus] = (0, import_react33.useState)("");
-  const statusRef = import_react33.default.useRef(status);
-  const [error, setError] = (0, import_react33.useState)("");
-  (0, import_react33.useEffect)(() => {
+  const [status, setStatus] = (0, import_react34.useState)("");
+  const statusRef = import_react34.default.useRef(status);
+  const [error, setError] = (0, import_react34.useState)("");
+  (0, import_react34.useEffect)(() => {
     const init = async () => {
       if (tonConnectUI.connected) {
         await tonConnectUI.disconnect();
@@ -4740,7 +5344,7 @@ function WalletContent2({
                 });
               } else {
                 await login({
-                  mid: res1.data.mid,
+                  // mid: res1.data.mid,
                   token: `${res1.data.token_type} ${res1.data.access_token}`
                 });
               }
@@ -4756,7 +5360,7 @@ function WalletContent2({
       }
     });
   }, []);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (wallet) {
       setConnected(true);
       console.log("Wallet connected:", wallet);
@@ -4767,7 +5371,7 @@ function WalletContent2({
       setStatus("");
     }
   }, [wallet]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     console.log({
       state,
       wallet
@@ -4796,7 +5400,7 @@ function WalletContent2({
       }
     }
   }, [state]);
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
     WalletModalContent,
     {
       connected,
@@ -4830,24 +5434,24 @@ function TONConnectModal({
   const intl = (0, import_react_intl16.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_runtime86.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "TON"
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
     import_ui_react.TonConnectUIProvider,
     {
       manifestUrl,
-      children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(WalletContent2, { onSuccess, type })
+      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(WalletContent2, { onSuccess, type })
     }
   ) });
 }
 function TONModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TONConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(TONConnectModal, { ...props });
 }
 
 // src/components/BTCModal/index.tsx
-var import_react35 = __toESM(require("react"));
+var import_react36 = __toESM(require("react"));
 var import_react_intl17 = require("react-intl");
 
 // src/lib/btc/UnisatAdapter.ts
@@ -4988,7 +5592,7 @@ var LeatherAdapter = class {
     return response.result.addresses[0].address;
   }
   async signMessage(message) {
-    if (!await this.isInstalled()) throw new Error("Hiro Wallet is not installed");
+    if (!await this.isInstalled()) throw new Error("Leather Wallet is not installed");
     const response = await window.LeatherProvider?.request("signMessage", { message });
     matchlog_default.log("response", response);
     return response.result.signature;
@@ -4996,14 +5600,49 @@ var LeatherAdapter = class {
 };
 
 // src/hooks/useBTCWallet.ts
-var import_react34 = require("react");
+var import_react35 = require("react");
+
+// src/lib/btc/PhantomAdapter.ts
+var PhantomAdapter = class {
+  constructor() {
+    this.name = "Phantom Wallet";
+    this.website = "https://www.phantom.com/";
+    this.walletKey = "phantom";
+  }
+  async isInstalled() {
+    return typeof window.phantom !== "undefined" && typeof window.phantom.bitcoin !== "undefined";
+  }
+  async connect() {
+    if (!await this.isInstalled()) throw new Error("Phantom Wallet is not installed");
+    const response = await window.phantom.bitcoin.requestAccounts();
+    const ordinalAddress = response.find((n) => n.purpose == "ordinals");
+    matchlog_default.log("Addresses:", ordinalAddress);
+    if (!ordinalAddress) {
+      throw new Error("No addresses found in Phantom Wallet");
+    }
+    return ordinalAddress.address;
+  }
+  async signMessage(message) {
+    if (!await this.isInstalled()) throw new Error("Phantom Wallet is not installed");
+    const address = await this.connect();
+    try {
+      const { signature } = await window.phantom.bitcoin.signMessage(address, new TextEncoder().encode(message));
+      return bytesToBase64(signature);
+    } catch (error) {
+      console.error(error);
+      throw error;
+    }
+  }
+};
+
+// src/hooks/useBTCWallet.ts
 var useBTCWallet = () => {
-  const wallets2 = [new UnisatAdapter(), new XverseAdapter(), new LeatherAdapter()];
-  const [installedWallets, setInstalledWallets] = (0, import_react34.useState)([]);
-  const [address, setAddress] = (0, import_react34.useState)(null);
-  (0, import_react34.useEffect)(() => {
+  const wallets = [new UnisatAdapter(), new XverseAdapter(), new LeatherAdapter(), new PhantomAdapter()];
+  const [installedWallets, setInstalledWallets] = (0, import_react35.useState)([]);
+  const [address, setAddress] = (0, import_react35.useState)(null);
+  (0, import_react35.useEffect)(() => {
     const getInstalled = async () => {
-      const installed = await Promise.all(wallets2.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
+      const installed = await Promise.all(wallets.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
         isInstalled
       }))));
@@ -5011,18 +5650,18 @@ var useBTCWallet = () => {
     };
     getInstalled();
   }, []);
-  const [wallet, chooseWallet] = (0, import_react34.useState)(null);
+  const [wallet, chooseWallet] = (0, import_react35.useState)(null);
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (!wallet) {
       setAddress(null);
     }
   }, [wallet]);
   return {
     installedWallets,
-    wallets: wallets2,
+    wallets,
     chooseWallet,
     wallet,
     address,
@@ -5031,7 +5670,7 @@ var useBTCWallet = () => {
 };
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 function BTCConnectModal({
   type = "login",
   onSuccess,
@@ -5039,17 +5678,18 @@ function BTCConnectModal({
 }) {
   const isDownMd = useDownMd();
   const intl = (0, import_react_intl17.useIntl)();
-  const { wallets: wallets2, installedWallets, chooseWallet, wallet, address, onConnect } = useBTCWallet();
+  const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useBTCWallet();
   const iconMaps = {
-    leather: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(LeatherIcon, { size: isDownMd ? 36 : 40 }),
-    unisat: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(UnisatIcon, { size: isDownMd ? 36 : 40 }),
-    xverse: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(XverseIcon, { size: isDownMd ? 36 : 40 })
+    leather: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(LeatherIcon, { size: isDownMd ? 36 : 40 }),
+    unisat: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(UnisatIcon, { size: isDownMd ? 36 : 40 }),
+    xverse: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(XverseIcon, { size: isDownMd ? 36 : 40 }),
+    phantom: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(PhantomIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
-  const [status, setStatus] = (0, import_react35.useState)("");
-  const statusRef = import_react35.default.useRef(status);
-  const [error, setError] = (0, import_react35.useState)("");
-  const connected = (0, import_react35.useMemo)(() => {
+  const [status, setStatus] = (0, import_react36.useState)("");
+  const statusRef = import_react36.default.useRef(status);
+  const [error, setError] = (0, import_react36.useState)("");
+  const connected = (0, import_react36.useMemo)(() => {
     return !!address;
   }, [address]);
   const disconnect = async () => {
@@ -5099,7 +5739,7 @@ function BTCConnectModal({
             });
           } else {
             await login({
-              mid: res1.data.mid,
+              // mid: res1.data.mid,
               token: `${res1.data.token_type} ${res1.data.access_token}`
             });
           }
@@ -5113,7 +5753,7 @@ function BTCConnectModal({
       statusRef.current = "";
     }
   };
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (wallet) {
       console.log("onConnect");
       try {
@@ -5126,12 +5766,12 @@ function BTCConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (address) {
       toLoginInWallet();
     }
   }, [address]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (!props.isOpen) {
       disconnect();
     }
@@ -5143,11 +5783,11 @@ function BTCConnectModal({
     statusRef.current = "";
     setError("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime87.jsx)(
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     WalletModalContent,
     {
       error,
@@ -5160,9 +5800,9 @@ function BTCConnectModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
@@ -5174,15 +5814,15 @@ function BTCConnectModal({
         wallet2.walletKey
       );
     }),
-    wallets2.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+    wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
           name: wallet2.name,
           onClick: () => {
           },
-          footer: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { size: "sm", onClick: () => {
+          footer: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { size: "sm", onClick: () => {
             window.open(wallet2.website);
           }, children: "Install" })
         },
@@ -5192,13 +5832,13 @@ function BTCConnectModal({
   ] }) }) });
 }
 function BTCModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(BTCConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(BTCConnectModal, { ...props });
 }
 
 // src/components/WalletModal/index.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_react_intl18 = require("react-intl");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function WalletConnectModal({
   type,
   methods: _methods,
@@ -5208,7 +5848,7 @@ function WalletConnectModal({
   const { walletMap } = useWalletConfig();
   const { bind, login } = useUserInfo();
   const config = useAppConfig();
-  const methods = (0, import_react36.useMemo)(() => {
+  const methods = (0, import_react37.useMemo)(() => {
     if (_methods) return _methods;
     if (!config.platform) {
       return [];
@@ -5216,13 +5856,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_runtime88.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: ""
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-login-recommend-list", children: methods.map((method, index) => {
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "matchid-login-recommend-list", children: methods.map((method, index) => {
     const m = walletMap[method];
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       RecommendItem,
       {
         icon: m?.icon,
@@ -5236,21 +5876,21 @@ function WalletConnectModal({
   }) }) }) });
 }
 function WalletModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(WalletConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(WalletConnectModal, { ...props });
 }
 
 // src/components/AlphaAvatar/index.tsx
-var import_react37 = require("react");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_react38 = require("react");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function AlphaAvatar2({ name, size = 40, className = "" }) {
-  const [avatar, setAvatar] = (0, import_react37.useState)(void 0);
-  (0, import_react37.useEffect)(() => {
+  const [avatar, setAvatar] = (0, import_react38.useState)(void 0);
+  (0, import_react38.useEffect)(() => {
     if (name) {
       const char = name[0].toUpperCase();
       setAvatar(char);
     }
   }, [name]);
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: size,
     height: size,
     fontSize: Math.ceil(size / 2)
@@ -5258,7 +5898,7 @@ function AlphaAvatar2({ name, size = 40, className = "" }) {
 }
 
 // src/components/WalletAsset/index.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function WalletAsset({
   onAssetClick,
   matchWalletAssetsOptions
@@ -5268,7 +5908,7 @@ function WalletAsset({
     list: walletAssets.mergedAssets
   });
   const { list } = useMatchChain();
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "matchid-wallet-asset-list", children: matchWalletAssetList.list.map((n, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime94.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 = () => {
@@ -5283,11 +5923,11 @@ function WalletAsset({
       }
       return "";
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-wallet-asset-item`, onClick: clickFunc, style: {
+    return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-wallet-asset-item`, onClick: clickFunc, style: {
       cursor: clickFunc ? "pointer" : "default"
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "matchid-wallet-asset-logo", title: n.symbol || n.name || "", children: [
-        n.icon ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-wallet-asset-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "matchid-wallet-asset-logo", title: n.symbol || n.name || "", children: [
+        n.icon ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-wallet-asset-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           AlphaAvatar2,
           {
             className: `matchid-wallet-asset-icon`,
@@ -5295,12 +5935,12 @@ function WalletAsset({
             name: n.symbol || n.name || ""
           }
         ),
-        chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-wallet-asset-chain` })
+        chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-wallet-asset-chain` })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-wallet-asset-info`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-wallet-asset-name`, children: n.symbol }),
-        "price" in n && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-wallet-asset-content`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "matchid-wallet-asset-price", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-wallet-asset-info`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-wallet-asset-name`, children: n.symbol }),
+        "price" in n && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-wallet-asset-content`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "matchid-wallet-asset-price", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             NumberFormatter,
             {
               value: n.price,
@@ -5308,7 +5948,7 @@ function WalletAsset({
               tFixNum: 2
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "matchid-wallet-asset-value", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "matchid-wallet-asset-value", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             NumberFormatter,
             {
               value: n.value,
@@ -5317,15 +5957,15 @@ function WalletAsset({
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-wallet-asset-footer`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-wallet-asset-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-wallet-asset-footer`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-wallet-asset-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             NumberFormatter,
             {
               value: n.balance,
               tFixNum: 3
             }
           ) }),
-          "price_change_24h" in n && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-wallet-asset-change ${getFooterColor()}`, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          "price_change_24h" in n && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-wallet-asset-change ${getFooterColor()}`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             NumberFormatter,
             {
               prefix: `${(n?.price_change_24h || 0) < 0 ? "-" : "+"} `,
@@ -5341,10 +5981,10 @@ function WalletAsset({
 }
 
 // src/components/TokenSend/index.tsx
-var import_react38 = require("react");
-var import_viem11 = require("viem");
+var import_react39 = require("react");
+var import_viem15 = require("viem");
 var import_react_intl19 = require("react-intl");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function Input2({
   onChange,
   placeholder,
@@ -5354,8 +5994,8 @@ function Input2({
   error,
   size = "df"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       "input",
       {
         placeholder,
@@ -5366,7 +6006,7 @@ function Input2({
         className: `matchid-token-input ${error ? "matchid-token-input-error" : ""}`
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "matchid-token-input-error-text", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "matchid-token-input-error-text", children: error })
   ] });
 }
 function TokenSend({
@@ -5379,33 +6019,33 @@ function TokenSend({
   const intl = (0, import_react_intl19.useIntl)();
   const { createWalletClient: createWalletClient2 } = useWallet();
   const isNative = token.address.toLowerCase() == NATIVE_TOKEN_ADDRESS;
-  const chain = (0, import_react38.useMemo)(() => {
+  const chain = (0, import_react39.useMemo)(() => {
     return chainList?.find((m) => m.id.toString() === token.chain_id);
   }, [chainList, token.chain_id]);
-  const walletClient = (0, import_react38.useMemo)(() => {
+  const walletClient = (0, import_react39.useMemo)(() => {
     return createWalletClient2({
       // @ts-ignore
-      chain: (0, import_viem11.defineChain)(chain),
-      transport: (0, import_viem11.http)()
+      chain: (0, import_viem15.defineChain)(chain),
+      transport: (0, import_viem15.http)()
     });
   }, [chain]);
-  const [amount, setAmount] = (0, import_react38.useState)("");
-  const [address, setAddress] = (0, import_react38.useState)("");
-  const [loading, setLoading] = (0, import_react38.useState)(false);
-  const [sending, setSending] = (0, import_react38.useState)(false);
-  const [txError, setTxError] = (0, import_react38.useState)("");
-  const transaction = (0, import_react38.useMemo)(() => {
+  const [amount, setAmount] = (0, import_react39.useState)("");
+  const [address, setAddress] = (0, import_react39.useState)("");
+  const [loading, setLoading] = (0, import_react39.useState)(false);
+  const [sending, setSending] = (0, import_react39.useState)(false);
+  const [txError, setTxError] = (0, import_react39.useState)("");
+  const transaction = (0, import_react39.useMemo)(() => {
     const reg = /^0x[a-fA-F0-9]{40}$/;
     if (!amount || !address || !reg.test(address)) {
       return;
     }
-    const viemChain = (0, import_viem11.defineChain)(chain);
+    const viemChain = (0, import_viem15.defineChain)(chain);
     const to = isNative ? address : token.address;
-    const value = isNative ? (0, import_viem11.parseUnits)(amount, parseInt(token?.decimals || "18")) : BigInt(0);
-    const data = isNative ? "0x" : (0, import_viem11.encodeFunctionData)({
-      abi: import_viem11.erc20Abi,
+    const value = isNative ? (0, import_viem15.parseUnits)(amount, parseInt(token?.decimals || "18")) : BigInt(0);
+    const data = isNative ? "0x" : (0, import_viem15.encodeFunctionData)({
+      abi: import_viem15.erc20Abi,
       functionName: "transfer",
-      args: [address, (0, import_viem11.parseUnits)(amount, parseInt(token?.decimals || "18"))]
+      args: [address, (0, import_viem15.parseUnits)(amount, parseInt(token?.decimals || "18"))]
     });
     return {
       to,
@@ -5425,7 +6065,7 @@ function TokenSend({
       setLoading(false);
     }
   };
-  const error = (0, import_react38.useMemo)(() => {
+  const error = (0, import_react39.useMemo)(() => {
     setTxError("");
     let amountError = "";
     let addressError = "";
@@ -5468,7 +6108,7 @@ function TokenSend({
       setAmount(value);
     }
   };
-  const canSend = (0, import_react38.useMemo)(() => {
+  const canSend = (0, import_react39.useMemo)(() => {
     return !error.amount && !error.address && amount && address;
   }, [error]);
   const onNext = async () => {
@@ -5478,7 +6118,7 @@ function TokenSend({
     }
     onClose();
   };
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     const receiveMessage = (event) => {
       if (event.data) {
         if (event.data.source == "match-wallet") {
@@ -5494,24 +6134,24 @@ function TokenSend({
       window.removeEventListener("message", receiveMessage);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl19.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-send-box`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-token-send-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-header`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl19.FormattedMessage, { id: "amount" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
-            token.icon ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl19.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-token-send-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "matchid-token-send-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-token-amount-content`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-token-amount-header`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl19.FormattedMessage, { id: "amount" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
+            token.icon ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
               "img",
               {
                 src: token?.icon,
                 alt: token?.symbol,
                 className: `matchid-token-amount-chain-icon`
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
-            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: token?.symbol })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: token?.symbol })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
           Input2,
           {
             type: "text",
@@ -5524,18 +6164,18 @@ function TokenSend({
             error: error.amount || txError
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-title`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl19.FormattedMessage, { id: "balance" }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-token-amount-title`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl19.FormattedMessage, { id: "balance" }),
             ":"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-address-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl19.FormattedMessage, { id: "receiveTitle" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: `matchid-token-address-content`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl19.FormattedMessage, { id: "receiveTitle" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
           Input2,
           {
             type: "text",
@@ -5551,7 +6191,7 @@ function TokenSend({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       Button,
       {
         size: "lg",
@@ -5560,7 +6200,7 @@ function TokenSend({
         disabled: !canSend || !!txError,
         onClick: onNext,
         loading: loading || sending,
-        children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl19.FormattedMessage, { id: "next" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl19.FormattedMessage, { id: "next" })
       }
     )
   ] }) });
@@ -5568,7 +6208,7 @@ function TokenSend({
 
 // src/components/TokenDetail/index.tsx
 var import_react_intl20 = require("react-intl");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function TokenDetail({
   onClose,
   token
@@ -5578,41 +6218,41 @@ function TokenDetail({
   const chain = chainList?.find((m) => m.id.toString() === token.chain_id);
   const onSend = () => {
     modal.show((props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TokenSend, { onClose: () => {
         props.close();
         onClose();
       }, onBack: props.close, zIndex: props.zIndex, token });
     });
   };
   const intl = (0, import_react_intl20.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ModalDrawer, { isOpen: true, title: intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ModalDrawer, { isOpen: true, title: intl.formatMessage({
     id: "tokenDetails"
-  }), onClose, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-detail`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-main`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-info`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-logo`, children: [
-          token.icon ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("img", { src: token.icon, alt: token.symbol, className: `matchid-token-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(AlphaAvatar, { className: `matchid-token-icon`, size: 48, name: token.symbol || token.name || "" }),
-          chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
+  }), onClose, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-detail`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-main`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-info`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-logo`, children: [
+          token.icon ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("img", { src: token.icon, alt: token.symbol, className: `matchid-token-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(AlphaAvatar, { className: `matchid-token-icon`, size: 48, name: token.symbol || token.name || "" }),
+          chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-name`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10 }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-name`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10 }),
           " ",
           token.symbol
         ] })
       ] }),
-      token.address.toLowerCase() != NATIVE_TOKEN_ADDRESS && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-contract`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "matchid-token-contract-title", children: "Contract address" }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "matchid-token-contract-address", children: token.address })
+      token.address.toLowerCase() != NATIVE_TOKEN_ADDRESS && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: `matchid-token-contract`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "matchid-token-contract-title", children: "Contract address" }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "matchid-token-contract-address", children: token.address })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_intl20.FormattedMessage, { id: "send" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_intl20.FormattedMessage, { id: "send" }) })
   ] }) });
 }
 
 // src/components/TokenSendList/index.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_react_intl21 = require("react-intl");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function TokenSendList({ close }) {
   const isDownMd = useDownMd();
   const walletAssets = useMatchWalletAssets();
@@ -5620,20 +6260,20 @@ function TokenSendList({ close }) {
     list: walletAssets.mergedAssets
   });
   const { list } = useMatchChain();
-  const [checked, setChecked] = (0, import_react39.useState)();
+  const [checked, setChecked] = (0, import_react40.useState)();
   const modal = useModal();
   const onNext = () => {
     checked && modal.show((props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TokenSend, { onClose: () => {
         props.close();
         close();
       }, onBack: props.close, zIndex: props.zIndex, token: checked });
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-token-send-list-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "matchid-token-send-list-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.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_runtime93.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
         "div",
         {
           className: `matchid-token-send-item ${checked?.address == n.address ? "matchid-token-send-chekced" : ""}`,
@@ -5641,10 +6281,10 @@ function TokenSendList({ close }) {
             setChecked(n);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-token-send-content", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-token-send-logo", children: [
-                n.icon ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "matchid-token-send-content", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "matchid-token-send-logo", children: [
+                n.icon ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                   AlphaAvatar2,
                   {
                     className: `matchid-token-send-icon`,
@@ -5652,7 +6292,7 @@ function TokenSendList({ close }) {
                     name: n.symbol || n.name || ""
                   }
                 ),
-                chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                   "img",
                   {
                     src: chain.iconUrl,
@@ -5661,9 +6301,9 @@ function TokenSendList({ close }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-token-send-info`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-token-send-info`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
+                /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
               ] })
             ] })
           ]
@@ -5671,24 +6311,24 @@ function TokenSendList({ close }) {
         index
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl21.FormattedMessage, { id: "next" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_intl21.FormattedMessage, { id: "next" }) })
   ] });
 }
 
 // src/components/TransactionList/index.tsx
 var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
-var import_react40 = require("react");
-var import_viem12 = require("viem");
-var import_viem13 = require("viem");
+var import_react41 = require("react");
+var import_viem16 = require("viem");
+var import_viem17 = require("viem");
 var import_react_intl22 = require("react-intl");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var Item = ({ data }) => {
   const { address } = useWallet();
   const isOut = data.from.toLowerCase() == address.toLowerCase();
   const { chain, chainId, explorerLink, formatUnits: chainFormatUnits } = useMatchChain();
   const { contracts } = useContractStore_default();
-  const [shouldRefetch, setShouldRefetch] = (0, import_react40.useState)(true);
-  const transferType = (0, import_react40.useMemo)(() => {
+  const [shouldRefetch, setShouldRefetch] = (0, import_react41.useState)(true);
+  const transferType = (0, import_react41.useMemo)(() => {
     const methodId = data.input.substring(2, 10);
     if (methodId == "095ea7b3") {
       return "erc20_approve";
@@ -5698,38 +6338,38 @@ var Item = ({ data }) => {
     }
     return "unknown";
   }, [data.input]);
-  const to = (0, import_react40.useMemo)(() => {
+  const to = (0, import_react41.useMemo)(() => {
     if (!isOut) {
       return data.from;
     }
     if (transferType == "erc20_transfer") {
-      const decodeData = (0, import_viem12.decodeFunctionData)({
-        abi: import_viem13.erc20Abi,
+      const decodeData = (0, import_viem16.decodeFunctionData)({
+        abi: import_viem17.erc20Abi,
         data: data.input
       });
       return decodeData.args[0];
     }
     return data.to;
   }, [data.input, transferType, data.to, isOut]);
-  const amount = (0, import_react40.useMemo)(() => {
+  const amount = (0, import_react41.useMemo)(() => {
     if (transferType == "erc20_transfer") {
-      const decodeData = (0, import_viem12.decodeFunctionData)({
-        abi: import_viem13.erc20Abi,
+      const decodeData = (0, import_viem16.decodeFunctionData)({
+        abi: import_viem17.erc20Abi,
         data: data.input
       });
       const value = decodeData.args[1];
-      return (0, import_viem12.formatUnits)(value, contracts[`${chainId}-${data.to.toLowerCase()}`]?.decimals || 18);
+      return (0, import_viem16.formatUnits)(value, contracts[`${chainId}-${data.to.toLowerCase()}`]?.decimals || 18);
     }
     return chainFormatUnits(BigInt(data.value));
   }, [data.input, transferType, data.value, contracts, chainId, data.to]);
   const hashQuery = useHash({
     hash: data.hash,
     //@ts-ignore
-    chain: (0, import_viem12.defineChain)(chain),
+    chain: (0, import_viem16.defineChain)(chain),
     refetchInterval: shouldRefetch ? 3e3 : false,
     enabled: shouldRefetch && data.source == "local"
   });
-  const status = (0, import_react40.useMemo)(() => {
+  const status = (0, import_react41.useMemo)(() => {
     if (data.source == "matchain") {
       switch (data.extra.status) {
         case "ok":
@@ -5756,30 +6396,30 @@ var Item = ({ data }) => {
     }
     return "loading";
   }, [data.extra?.status, data.source, hashQuery.data]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (data.hash) {
       setShouldRefetch(status == "loading");
     }
   }, [status, data.hash]);
-  const symbol = (0, import_react40.useMemo)(() => {
+  const symbol = (0, import_react41.useMemo)(() => {
     if (transferType == "erc20_transfer") {
       const contract = contracts[`${chainId}-${data.to.toLowerCase()}`];
       return contract?.symbol || contract?.name || "unknown";
     }
     return chain?.nativeCurrency.symbol || chain?.nativeCurrency.name;
   }, [transferType, chain, contracts, chainId, data.to]);
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
     "a",
     {
       href: explorerLink(`tx/${data.hash}`),
       target: "_blank",
       className: `matchid-transaction-item`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-transacton-item-container`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "matchid-transaction-item-icon", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ArrowSendIcon, { className: !isOut ? "rotate-180" : "" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-transaction-item-details`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-transaction-item-address`, children: formatAddress(to, 6, 4) }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-transacton-item-container`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "matchid-transaction-item-icon", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ArrowSendIcon, { className: !isOut ? "rotate-180" : "" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-transaction-item-details`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-transaction-item-address`, children: formatAddress(to, 6, 4) }),
+            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
               "div",
               {
                 className: `matchid-transaction-item-timestamp`,
@@ -5788,11 +6428,11 @@ var Item = ({ data }) => {
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-transaction-item-amount ${"matchid-transaction-item-" + status}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(NumberFormatter, { value: amount, tFixNum: 6, prefix: isOut ? "-" : "+", suffix: " " + symbol }),
-          status == "loading" && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(LoadingIcon_default, { color: "#000000", size: 16, rotate: true }),
-          status == "success" && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(CheckRoundIcon, { size: 16 }),
-          status == "error" && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(InfoRoundIcon, { size: 16 })
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-transaction-item-amount ${"matchid-transaction-item-" + status}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(NumberFormatter, { value: amount, tFixNum: 6, prefix: isOut ? "-" : "+", suffix: " " + symbol }),
+          status == "loading" && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(LoadingIcon_default, { color: "#000000", size: 16, rotate: true }),
+          status == "success" && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(CheckRoundIcon, { size: 16 }),
+          status == "error" && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(InfoRoundIcon, { size: 16 })
         ] })
       ]
     }
@@ -5802,19 +6442,254 @@ function TransactionList({
   scrollableTarget
 }) {
   const { fetchMoreData, hasMore, items } = useMatchWalletRecords();
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     import_react_infinite_scroll_component.default,
     {
       scrollableTarget,
       dataLength: items.length,
       next: fetchMoreData,
       hasMore,
-      loader: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "matchid-list-nomore", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
+      loader: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-list-nomore", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
         "Loading..."
       ] }),
-      endMessage: items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl22.FormattedMessage, { id: "noMoreRecords" }) }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl22.FormattedMessage, { id: "noRecords" }) }),
-      children: items.length == 0 && !hasMore ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "mt-[150px]" }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-transaction-list`, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Item, { data: item }, index)) })
+      endMessage: items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl22.FormattedMessage, { id: "noMoreRecords" }) }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_intl22.FormattedMessage, { id: "noRecords" }) }),
+      children: items.length == 0 && !hasMore ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "mt-[150px]" }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-transaction-list`, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Item, { data: item }, index)) })
+    }
+  );
+}
+
+// src/hooks/api/bind.ts
+var import_react_query11 = require("@tanstack/react-query");
+
+// src/hooks/api/poh.ts
+var import_react_query12 = require("@tanstack/react-query");
+
+// src/hooks/api/contact.ts
+var contact_exports = {};
+__export(contact_exports, {
+  acceptContact: () => acceptContact,
+  addContact: () => addContact,
+  delContact: () => delContact,
+  useContactInfo: () => useContactInfo,
+  useContactList: () => useContactList,
+  useContactSearch: () => useContactSearch
+});
+var import_react_query13 = require("@tanstack/react-query");
+var import_last = __toESM(require("lodash/last"));
+var import_react42 = require("react");
+function useContactList(page_size = 10, type = "Friend") {
+  const { token } = useLocalStore_default();
+  const limitIdRef = (0, import_react42.useRef)(0);
+  const queryClient2 = (0, import_react_query13.useQueryClient)();
+  const contactQuery = (0, import_react_query13.useInfiniteQuery)({
+    queryKey: ["matchid-contacts-list", type, token],
+    initialPageParam: 1,
+    queryFn: async (args) => {
+      console.log(args);
+      if (args.pageParam <= 1) {
+        limitIdRef.current = 0;
+      }
+      return (await getContactListApi({
+        limit: page_size,
+        limit_id: limitIdRef.current,
+        type
+      })).data;
+    },
+    getNextPageParam: (lastPage, allPages) => {
+      if (!lastPage) return void 0;
+      const lastPageNum = Math.ceil(lastPage.meta.total / page_size);
+      return allPages.length >= lastPageNum ? void 0 : allPages.length + 1;
+    }
+  });
+  (0, import_react42.useEffect)(() => {
+    if (!contactQuery.data?.pages || contactQuery.data?.pages.length == 0) {
+      limitIdRef.current = 0;
+    } else {
+      const lastPage = (0, import_last.default)(contactQuery.data?.pages);
+      const items = lastPage?.items;
+      if (!items || items.length == 0) {
+        limitIdRef.current = 0;
+        return;
+      }
+      const lastItem = (0, import_last.default)(items);
+      limitIdRef.current = lastItem?.limit_id || 0;
+    }
+  }, [contactQuery.data?.pages]);
+  return {
+    data: (contactQuery.data?.pages ?? []).reduce(
+      (a, b) => {
+        return a.concat(b?.items ?? []);
+      },
+      []
+    ),
+    totalCount: contactQuery.hasNextPage ? ((0, import_last.default)(contactQuery.data?.pages ?? [])?.meta.total ?? 0) + 1 : (0, import_last.default)(contactQuery.data?.pages ?? [])?.meta.total ?? 0,
+    loading: contactQuery.isLoading,
+    loadingNextPage: contactQuery.isFetchingNextPage,
+    hasNextPage: contactQuery.hasNextPage,
+    onLoadMore: contactQuery.fetchNextPage
+  };
+}
+function useContactSearch(keyword, options) {
+  return (0, import_react_query13.useQuery)({
+    queryKey: ["matchid-contacts-search", keyword],
+    enabled: !!keyword,
+    queryFn: async () => {
+      return (await searchContactsApi({
+        address: keyword
+      })).data;
+    },
+    ...options
+  });
+}
+function useContactInfo(options) {
+  const { token } = useUserInfo();
+  return (0, import_react_query13.useQuery)({
+    queryKey: ["matchid-contacts-info", token],
+    enabled: !!token,
+    queryFn: async () => {
+      return (await getContractsInfoApi()).data;
+    },
+    ...options
+  });
+}
+var addContact = async (friend_id) => {
+  const res = await addContactsApi({
+    friend_id: typeof friend_id === "string" ? friend_id : friend_id.did
+  });
+  if (isSuccess(res)) {
+    return true;
+  }
+  throw new Error(res.message);
+};
+var acceptContact = async (friend_id) => {
+  const res = await acceptContactsApi({
+    friend_id: typeof friend_id === "string" ? friend_id : friend_id.did
+  });
+  if (isSuccess(res)) {
+    return true;
+  }
+  throw new Error(res.message);
+};
+var delContact = async (friend_id) => {
+  const res = await delContactsApi({
+    friend_id: typeof friend_id === "string" ? friend_id : friend_id.did
+  });
+  if (isSuccess(res)) {
+    return true;
+  }
+  throw new Error(res.message);
+};
+
+// src/components/ContactList/index.tsx
+var import_react_virtuoso = require("react-virtuoso");
+var import_react43 = require("react");
+var import_react_intl23 = require("react-intl");
+var import_jsx_runtime99 = require("react/jsx-runtime");
+function ContactCard({
+  loading = false,
+  data,
+  action
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "matchid-flex matchid-contact-item", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "matchid-contact-item-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Skeleton_default, { width: 48, height: 48, radius: 100, loading, children: data?.avatar ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("img", { src: data?.avatar, className: "matchid-contact-item-avatar" }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(AlphaAvatar, { size: 48, name: data?.name || "MatchID" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "matchid-contact-item-info", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-contact-item-name", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Skeleton_default, { width: 80, height: 20, loading, children: data?.name || "MatchID User" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-contact-item-address", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Skeleton_default, { width: 80, height: 16, loading, children: truncateAddress(data?.address || "", 6, 6) }) })
+      ] })
+    ] }),
+    action && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-contact-item-action", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Skeleton_default, { width: 20, height: 20, loading, children: action() }) })
+  ] });
+}
+function RequestAction({ data, onSuccess }) {
+  const [loading, setLoading] = (0, import_react43.useState)(false);
+  const toast = useToast();
+  const intl = (0, import_react_intl23.useIntl)();
+  const onApprove = async () => {
+    setLoading(true);
+    try {
+      await contact_exports.acceptContact(data);
+      toast.success(intl.formatMessage({
+        id: "approveSuccess"
+      }));
+      onSuccess && onSuccess(data);
+    } catch (e) {
+      console.error(e);
+      toast.error(e.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { size: "sm", onClick: onApprove, loading, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_intl23.FormattedMessage, { id: "Approve" }) });
+}
+function FriendsAction({
+  data,
+  onSuccess
+}) {
+  const [loading, setLoading] = (0, import_react43.useState)(false);
+  const toast = useToast();
+  const intl = (0, import_react_intl23.useIntl)();
+  const onRemove = async () => {
+    setLoading(true);
+    try {
+      await contact_exports.delContact(data);
+      toast.success(intl.formatMessage({
+        id: "removeSuccess"
+      }));
+      onSuccess && onSuccess(data);
+    } catch (e) {
+      console.error(e);
+      toast.error(e.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Popover, { content: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-remove-box", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { size: "sm", loading, onClick: onRemove, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_intl23.FormattedMessage, { id: "Remove" }) }) }), children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(MoreIcon, { className: "matchid-cursor-pointer" }) });
+}
+function ContactList({
+  limit = 10,
+  height = 660,
+  type = "Friend"
+}) {
+  const { loading, totalCount, data, onLoadMore } = contact_exports.useContactList(limit, type);
+  const [hiddenList, setHiddenList] = (0, import_react43.useState)([]);
+  (0, import_react43.useEffect)(() => {
+    setHiddenList([]);
+  }, [type]);
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    import_react_virtuoso.Virtuoso,
+    {
+      style: {
+        height
+      },
+      totalCount: loading ? 10 : totalCount,
+      itemContent: (index) => {
+        if (loading || !data[index]) {
+          return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ContactCard, { loading: true });
+        }
+        if (hiddenList.includes(data[index].limit_id || 0)) {
+          return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_jsx_runtime99.Fragment, {});
+        }
+        const item = data[index];
+        return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ContactCard, { data: item, action: () => {
+          if (type == "Requests") {
+            return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(RequestAction, { data: item, onSuccess: (data2) => {
+              setHiddenList([...hiddenList, data2.limit_id || 0]);
+            } });
+          }
+          return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(FriendsAction, { data: item, onSuccess: (data2) => {
+            setHiddenList([...hiddenList, data2.limit_id || 0]);
+          } });
+        } });
+      },
+      endReached: () => {
+        onLoadMore();
+      },
+      components: {
+        EmptyPlaceholder: () => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-nomore", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_intl23.FormattedMessage, { id: type == "Friend" ? "noFriends" : "noRequests" }) }),
+        Footer: data.length > 0 ? () => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-nomore", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_intl23.FormattedMessage, { id: "noMore" }) }) : void 0
+      }
     }
   );
 }
@@ -5822,6 +6697,9 @@ function TransactionList({
 0 && (module.exports = {
   BTCModal,
   Button,
+  ContactCard,
+  ContactList,
+  EVMModal,
   EmailModal,
   Field,
   Input,
@@ -5833,7 +6711,6 @@ function TransactionList({
   ModalWithHeader,
   Overlay,
   Popover,
-  SOLModal,
   TONModal,
   TRONModal,
   TokenDetail,