@matchain/matchid-sdk-react 0.1.56 → 0.1.57

package/dist/components.js

@@ -1231,6 +1231,42 @@ function InputLengthIcon({
   ) });
 }
 
+// src/assets/icon/KakaoIcon.tsx
+var import_jsx_runtime54 = require("react/jsx-runtime");
+function KakaoIcon({ size = 40 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("svg", { width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("g", { clipPath: "url(#clip0_8121_9671)", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("rect", { width: "48", height: "48", fill: "#FFE711" }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M20.7005 6.97049C24.083 6.52424 27.5622 6.75599 30.8375 7.72274C34.0872 8.68199 37.16 10.377 39.5262 12.8235C41.474 14.829 42.9035 17.3902 43.3415 20.169C43.7727 22.791 43.3047 25.536 42.0807 27.8902C40.901 30.1905 39.08 32.1225 36.974 33.6022C34.3302 35.4592 31.238 36.6337 28.0602 37.1655C25.5777 37.5757 23.0322 37.608 20.5407 37.2562C18.2067 38.8845 15.8795 40.5262 13.4787 42.0555C13.1202 42.2745 12.7677 42.5085 12.3815 42.6757C12.1707 42.762 11.876 42.7822 11.7297 42.5752C11.5947 42.3667 11.6757 42.114 11.7327 41.8942C12.3357 39.6367 13.0002 37.3965 13.64 35.1495C11.7297 34.2037 9.95823 32.961 8.47548 31.4257C6.68373 29.5785 5.32698 27.2692 4.78323 24.741C4.22448 22.1992 4.50948 19.4872 5.56323 17.1097C6.78273 14.319 8.94498 12.015 11.4687 10.3477C14.228 8.52224 17.4297 7.41149 20.7005 6.97049ZM9.23523 18.6757C9.24498 19.2262 9.72423 19.7107 10.2732 19.7325C10.88 19.743 11.4875 19.7302 12.095 19.7385C12.0935 21.987 12.0882 24.2355 12.0972 26.484C12.1242 27.216 12.9867 27.702 13.643 27.414C14.0517 27.2595 14.3585 26.8455 14.345 26.4022C14.3457 24.1807 14.3427 21.9592 14.3465 19.7377C14.9652 19.7287 15.5847 19.7467 16.2035 19.7295C16.7675 19.689 17.2347 19.1617 17.2047 18.5962C17.1972 18.03 16.6925 17.5305 16.1255 17.5327C14.177 17.5305 12.2285 17.529 10.2792 17.5335C9.69723 17.5485 9.19773 18.093 9.23523 18.6757ZM18.3882 18.6075C17.5205 20.889 16.6557 23.172 15.7872 25.4535C15.6387 25.827 15.518 26.2237 15.536 26.6295C15.5472 26.8755 15.6417 27.1387 15.8615 27.2722C16.163 27.4537 16.5297 27.501 16.8755 27.4657C17.171 27.426 17.498 27.2812 17.6037 26.9797C17.7912 26.496 17.972 26.0092 18.1602 25.5255C19.3032 25.5195 20.4455 25.524 21.5885 25.5232C21.7872 26.025 21.9672 26.5342 22.172 27.0337C22.3602 27.4215 22.8545 27.5055 23.2437 27.471C23.5962 27.4327 24.029 27.312 24.155 26.9355C24.2915 26.5147 24.1782 26.0617 24.0402 25.6567C23.183 23.3955 22.3227 21.1357 21.464 18.8752C21.2742 18.1612 20.6382 17.541 19.874 17.5312C19.2215 17.544 18.6237 18.0082 18.3882 18.6075ZM24.7962 18.678C24.797 21.2257 24.7947 23.7735 24.7977 26.3212C24.7962 26.8837 25.3302 27.342 25.8785 27.3285C27.1002 27.3277 28.3235 27.333 29.5452 27.3262C30.101 27.315 30.6072 26.8072 30.56 26.2425C30.5442 25.7197 30.068 25.2855 29.5542 25.2682C28.7345 25.2577 27.9147 25.2682 27.095 25.263C27.0935 23.0422 27.098 20.8207 27.0927 18.5992C27.077 17.925 26.3682 17.4007 25.718 17.5522C25.1945 17.6482 24.776 18.141 24.7962 18.678ZM31.0002 18.672C31.0002 21.246 30.9965 23.8192 31.0017 26.3932C31.0077 26.9707 31.5252 27.483 32.1042 27.4762C32.696 27.5055 33.2442 26.9887 33.2487 26.3962C33.2562 25.5622 33.2465 24.7282 33.2532 23.895C33.3852 23.7675 33.5135 23.637 33.6417 23.5057C34.52 24.6765 35.4035 25.8435 36.2855 27.0112C36.6492 27.5175 37.4472 27.5985 37.9085 27.1815C38.3487 26.8215 38.435 26.115 38.087 25.6635C37.1645 24.4335 36.2315 23.2117 35.3127 21.9787C36.1722 21.108 37.0467 20.2515 37.9047 19.3785C38.282 18.9615 38.1282 18.2707 37.7067 17.943C37.3452 17.6295 36.7362 17.5755 36.389 17.937C35.3397 18.978 34.2987 20.0272 33.2517 21.0705C33.248 20.2477 33.2555 19.425 33.2487 18.6022C33.236 18.0105 32.6862 17.5005 32.0952 17.5305C31.499 17.5312 30.9777 18.0765 31.0002 18.672Z", fill: "black" }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M19.8744 20.3452C20.2547 21.4042 20.6184 22.47 21.0009 23.529C20.2517 23.5305 19.5024 23.5297 18.7539 23.5282C19.1252 22.467 19.5002 21.4065 19.8744 20.3452Z", fill: "black" }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M9.23538 18.6757C9.19788 18.0929 9.69738 17.5484 10.2794 17.5334C12.2286 17.5289 14.1771 17.5304 16.1256 17.5327C16.6926 17.5304 17.1974 18.0299 17.2049 18.5962C17.2349 19.1617 16.7676 19.6889 16.2036 19.7294C15.5849 19.7467 14.9654 19.7287 14.3466 19.7377C14.3429 21.9592 14.3459 24.1807 14.3451 26.4022C14.3586 26.8454 14.0519 27.2594 13.6431 27.4139C12.9869 27.7019 12.1244 27.2159 12.0974 26.4839C12.0884 24.2354 12.0936 21.9869 12.0951 19.7384C11.4876 19.7302 10.8801 19.7429 10.2734 19.7324C9.72438 19.7107 9.24513 19.2262 9.23538 18.6757Z", fill: "#FFE711" }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M18.3882 18.6075C18.6237 18.0083 19.2215 17.544 19.874 17.5312C20.6382 17.541 21.2742 18.1612 21.464 18.8752C22.3227 21.1358 23.183 23.3955 24.0402 25.6567C24.1782 26.0618 24.2915 26.5148 24.155 26.9355C24.029 27.312 23.5962 27.4328 23.2437 27.471C22.8545 27.5055 22.3602 27.4215 22.172 27.0338C21.9672 26.5343 21.7872 26.025 21.5885 25.5233C20.4455 25.524 19.3032 25.5195 18.1602 25.5255C17.972 26.0092 17.7912 26.496 17.6037 26.9798C17.498 27.2813 17.171 27.426 16.8755 27.4657C16.5297 27.501 16.163 27.4538 15.8615 27.2723C15.6417 27.1388 15.5472 26.8755 15.536 26.6295C15.518 26.2238 15.6387 25.827 15.7872 25.4535C16.6557 23.172 17.5205 20.889 18.3882 18.6075ZM19.8747 20.3452C19.5005 21.4065 19.1255 22.467 18.7542 23.5282C19.5027 23.5297 20.252 23.5305 21.0012 23.529C20.6187 22.47 20.255 21.4042 19.8747 20.3452Z", fill: "#FFE711" }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M24.7956 18.6779C24.7754 18.1409 25.1939 17.6481 25.7174 17.5521C26.3676 17.4006 27.0764 17.9249 27.0921 18.5991C27.0974 20.8206 27.0929 23.0421 27.0944 25.2629C27.9141 25.2681 28.7339 25.2576 29.5536 25.2681C30.0674 25.2854 30.5436 25.7196 30.5594 26.2424C30.6066 26.8071 30.1004 27.3149 29.5446 27.3261C28.3229 27.3329 27.0996 27.3276 25.8779 27.3284C25.3296 27.3419 24.7956 26.8836 24.7971 26.3211C24.7941 23.7734 24.7964 21.2256 24.7956 18.6779Z", fill: "#FFE711" }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M31.0013 18.6718C30.9788 18.0763 31.5 17.5311 32.0963 17.5303C32.6873 17.5003 33.237 18.0103 33.2498 18.6021C33.2565 19.4248 33.249 20.2476 33.2528 21.0703C34.2998 20.0271 35.3408 18.9778 36.39 17.9368C36.7373 17.5753 37.3463 17.6293 37.7078 17.9428C38.1293 18.2706 38.283 18.9613 37.9058 19.3783C37.0478 20.2513 36.1733 21.1078 35.3138 21.9786C36.2325 23.2116 37.1655 24.4333 38.088 25.6633C38.436 26.1148 38.3498 26.8213 37.9095 27.1813C37.4483 27.5983 36.6503 27.5173 36.2865 27.0111C35.4045 25.8433 34.521 24.6763 33.6428 23.5056C33.5145 23.6368 33.3863 23.7673 33.2543 23.8948C33.2475 24.7281 33.2573 25.5621 33.2498 26.3961C33.2453 26.9886 32.697 27.5053 32.1053 27.4761C31.5263 27.4828 31.0088 26.9706 31.0028 26.3931C30.9975 23.8191 31.0013 21.2458 31.0013 18.6718Z", fill: "#FFE711" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("clipPath", { id: "clip0_8121_9671", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("rect", { width: "48", height: "48", rx: "8", fill: "white" }) }) })
+  ] });
+}
+
+// src/assets/icon/MatchIdIcon.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var MatchIdIcon = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("svg", { width: "94", height: "20", viewBox: "0 0 94 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("g", { clipPath: "url(#clip0_8154_9735)", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M3.63333 7.535V17.5H0.75V2.5H4.55167L8.89667 13.615L13.2633 2.5H17.065V17.5H14.1817V7.45167L10.2117 17.5H7.55833L3.63333 7.535Z", fill: "black" }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M28.3433 14.2833H22.5149L21.3666 17.5H18.1699L23.8099 2.5H27.2783L32.8766 17.5H29.4716L28.3433 14.2833ZM23.4133 11.755H27.4666L25.4616 5.96833L23.4149 11.755H23.4133Z", fill: "black" }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M36.4072 17.5V5.36167H31.6855V2.5H44.3255V5.36167H39.5839V17.5H36.4089H36.4072Z", fill: "black" }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M44.4199 9.98C44.4199 5.76833 47.5883 2.5 51.6399 2.5C55.4299 2.5 58.3983 5.02667 58.8999 8.71667H55.6716C55.3299 6.65167 53.7266 5.22667 51.6816 5.22667C49.2149 5.22667 47.5499 7.17167 47.5499 9.98C47.5499 12.7883 49.2149 14.7733 51.6816 14.7733C53.7266 14.7733 55.3116 13.33 55.6716 11.2633H58.8999C58.3983 14.9933 55.4316 17.5 51.6399 17.5C47.5899 17.5 44.4199 14.2117 44.4199 9.98Z", fill: "black" }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M59.9355 17.5V2.5H63.1105V8.41167H69.6072V2.5H72.7822V17.5H69.6072V11.1483H63.1105V17.5H59.9355Z", fill: "black" }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M92.2318 10C92.2318 11.21 91.9502 12.3533 91.4485 13.3667C90.2335 15.8183 87.7318 17.5 84.8435 17.5H78.8002C78.7518 17.5 78.7735 17.4467 78.8002 17.4067C78.9418 17.1967 79.5068 16.8133 79.5068 15.8283C79.5068 14.8433 79.1985 14.35 79.0502 14.15C79.0202 14.11 79.0002 14.0533 79.0502 14.0533H84.8435C86.6752 14.0533 88.5035 11.86 88.5035 10C88.5035 8.14 86.6752 5.94667 84.8435 5.94667H79.0368C78.9902 5.94667 79.0135 5.89667 79.0368 5.85667C79.1718 5.62667 79.5052 4.98 79.5052 4.20333C79.5052 3.25 79.1868 2.78667 79.0368 2.59833C79.0068 2.55833 78.9868 2.5 79.0385 2.5H84.8452C87.7335 2.5 90.2352 4.18167 91.4502 6.63333C91.9518 7.645 92.2335 8.78833 92.2335 10H92.2318Z", fill: "black" }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M74.2598 9.12662C74.2598 7.97329 75.1948 7.03662 76.3498 7.03662C77.5048 7.03662 78.4398 7.97162 78.4398 9.12662C78.4398 9.72829 78.1848 10.2716 77.7764 10.6533C77.3264 11.075 76.9164 11.605 76.9164 12.2216V12.3166C76.9164 12.9333 77.3264 13.4633 77.7764 13.885C78.1848 14.2666 78.4398 14.8083 78.4398 15.4116C78.4398 16.565 77.5048 17.5016 76.3498 17.5016C75.1948 17.5016 74.2598 16.5666 74.2598 15.4116C74.2598 14.81 74.5148 14.2666 74.9231 13.885C75.3731 13.4633 75.7831 12.9333 75.7831 12.3166V12.2216C75.7831 11.605 75.3731 11.075 74.9231 10.6533C74.5148 10.2716 74.2598 9.72995 74.2598 9.12662Z", fill: "#FC802D" }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M76.3477 6.09C77.3391 6.09 78.1427 5.28635 78.1427 4.295C78.1427 3.30365 77.3391 2.5 76.3477 2.5C75.3564 2.5 74.5527 3.30365 74.5527 4.295C74.5527 5.28635 75.3564 6.09 76.3477 6.09Z", fill: "#FC802D" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("clipPath", { id: "clip0_8154_9735", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("rect", { width: "92.5", height: "20", fill: "white", transform: "translate(0.75)" }) }) })
+  ] });
+};
+var MatchIdIcon_default = MatchIdIcon;
+
 // src/hooks/useLayout.tsx
 var import_react = require("react");
 function useDownMd() {
@@ -1249,7 +1285,7 @@ function useDownMd() {
 
 // src/ui/Overlay/index.tsx
 var import_react2 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function Overlay({
   isOpen = false,
   children,
@@ -1265,7 +1301,7 @@ function Overlay({
       document.body.style.overflow = "";
     };
   }, [isOpen]);
-  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       className: "matchid-overlay",
@@ -1274,12 +1310,12 @@ function Overlay({
       },
       children
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, {});
+  ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, {});
 }
 
 // src/ui/Modal/index.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 Modal({
   children,
   isOpen,
@@ -1287,10 +1323,10 @@ function Modal({
   zIndex = 100,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: `matchid-modal ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: `matchid-modal ${className}`, style: {
     width
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "matchid-modal-mobile-header" }),
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "matchid-modal-mobile-header" }),
     children
   ] }) });
 }
@@ -1304,13 +1340,13 @@ function ModalWithHeader({
   ...props
 }) {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Modal, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "matchid-modal-header-content", children: [
-        onBack && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "matchid-modal-header-title", children: title })
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Modal, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "matchid-modal-header-content", children: [
+        onBack && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "matchid-modal-header-title", children: title })
       ] }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
     ] }),
     children
   ] });
@@ -1321,7 +1357,7 @@ var import_react5 = require("react");
 
 // src/utils/index.tsx
 var import_moment = __toESM(require("moment"));
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var getVersion = () => {
   return "0.0.2";
 };
@@ -1367,10 +1403,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_runtime56.jsxs)("span", { className, children: [
-      prefix && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: prefixClassName, children: prefix }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: intClassName, children: intFormat }),
-      decimalPart ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: decimalClassName, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className, children: [
+      prefix && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: prefixClassName, children: prefix }),
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: intClassName, children: intFormat }),
+      decimalPart ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: decimalClassName, children: [
         ".",
         decimalPart.substring(0, fixNum)
       ] }) : "",
@@ -1387,30 +1423,30 @@ var NumberFormatter = ({
       }
     }
     if (zeroCount < tFixNum) {
-      return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className, children: [
-        prefix && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: prefixClassName, children: prefix }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: intClassName, children: intFormat }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: decimalClassName, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className, children: [
+        prefix && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: prefixClassName, children: prefix }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: intClassName, children: intFormat }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: decimalClassName, children: [
           ".",
           decimalPart.substring(0, tFixNum)
         ] }),
         suffix
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className, children: [
-      prefix && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: prefixClassName, children: prefix }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: intClassName, children: intFormat }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: decimalClassName, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className, children: [
+      prefix && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: prefixClassName, children: prefix }),
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: intClassName, children: intFormat }),
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: decimalClassName, children: [
         ".0",
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("sub", { children: zeroCount }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("sub", { children: zeroCount }),
         decimalPart?.substring(zeroCount, zeroCount + tFixNum - 2)
       ] }),
       suffix
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className, children: [
-    prefix && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: prefixClassName, children: prefix }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: intClassName, children: intPart }),
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className, children: [
+    prefix && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: prefixClassName, children: prefix }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: intClassName, children: intPart }),
     suffix
   ] });
 };
@@ -1432,7 +1468,7 @@ function bytesToBase64(bytes) {
 }
 
 // src/ui/Button/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function Button({
   size = "df",
   disabled = false,
@@ -1452,7 +1488,7 @@ function Button({
       onClick && onClick();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "button",
     {
       type,
@@ -1463,14 +1499,14 @@ function Button({
       },
       onClick: onAction,
       ...dataset,
-      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
     }
   );
 }
 
 // src/ui/Input/index.tsx
 var import_react4 = require("react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function Input({
   onChange,
   type,
@@ -1495,7 +1531,7 @@ function Input({
       textarea.style.height = Math.min(textarea.scrollHeight, maxHeight) + "px";
     }
   }, [props.value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
     "div",
     {
       className: `matchid-input-box matchid-input-${type} ${props.value && props.value.length > 0 ? "matchid-input-has-content" : ""} ${className}`,
@@ -1504,14 +1540,14 @@ function Input({
         "--max-rows": maxRows
       },
       children: [
-        children ?? (type == "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("textarea", { rows: 1, onChange, ...props, className: "matchid-input-field", ref: textareaRef, style: {
+        children ?? (type == "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("textarea", { rows: 1, onChange, ...props, className: "matchid-input-field", ref: textareaRef, style: {
           maxHeight: maxRows * 24 + "px"
-        } }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" })),
-        type != "textarea" && showClear && props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
+        } }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" })),
+        type != "textarea" && showClear && props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
           if (onChange) {
             onChange({ target: { value: "" } });
           }
-        }, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           DeleteRoundIcon,
           {
             height: isDownMd ? 16 : 21,
@@ -1519,16 +1555,16 @@ function Input({
             color: "var(--matchid-input-delete-icon-color)"
           }
         ) }),
-        type === "password" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
+        type === "password" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
           setInputType(inputType === "password" ? "text" : "password");
-        }, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
-        showLength && props.maxLength && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: `matchid-input-length`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { children: [
+        }, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
+        showLength && props.maxLength && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: `matchid-input-length`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { children: [
             props.value?.length || 0,
             "/",
             props.maxLength
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(InputLengthIcon, { color: "var(--icon-color)" })
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(InputLengthIcon, { color: "var(--icon-color)" })
         ] }),
         after
       ]
@@ -1537,7 +1573,7 @@ function Input({
 }
 
 // src/ui/Field/index.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function Field({
   label,
   children,
@@ -1545,19 +1581,19 @@ function Field({
   required,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "matchid-field-label", children: [
-      required && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "matchid-field-required", children: "*" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "matchid-field-label", children: [
+      required && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "matchid-field-required", children: "*" }),
       label
     ] }),
     children,
-    error && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "matchid-field-error", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "matchid-field-error", children: error })
   ] });
 }
 
 // src/components/EmailModal/StepEmail.tsx
 var import_react_intl2 = require("react-intl");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function StepEmail(props) {
   const intl = (0, import_react_intl2.useIntl)();
   const [emailVal, setEmailVal] = (0, import_react5.useState)("");
@@ -1572,10 +1608,10 @@ function StepEmail(props) {
   const onContinue = async () => {
     props.onContinue(emailVal);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "matchid-email-email-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Field, { label: intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "matchid-email-email-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Field, { label: intl.formatMessage({
       id: "emailAddress"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       Input,
       {
         placeholder: intl.formatMessage({
@@ -1585,9 +1621,9 @@ function StepEmail(props) {
         value: emailVal
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { disabled: !canContinue, style: {
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { disabled: !canContinue, style: {
       marginTop: "64px"
-    }, onClick: onContinue, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_intl2.FormattedMessage, { id: "continue" }) })
+    }, onClick: onContinue, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_intl2.FormattedMessage, { id: "continue" }) })
   ] });
 }
 
@@ -2010,7 +2046,7 @@ var import_react10 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/ui/Drawer/index.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function Drawer({
   children,
   showClose = true,
@@ -2021,15 +2057,15 @@ function Drawer({
   onBack
 }) {
   if (!isOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_jsx_runtime63.Fragment, {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "matchid-drawer", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: `matchid-drawer-header matchid-flex`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: `matchid-drawer-header-content matchid-flex`, children: [
-        onBack && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ArrowLeftIcon, { height: 25, width: 24, className: "matchid-drawer-header-back", onClick: onBack }),
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "matchid-drawer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: `matchid-drawer-header matchid-flex`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: `matchid-drawer-header-content matchid-flex`, children: [
+        onBack && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ArrowLeftIcon, { height: 25, width: 24, className: "matchid-drawer-header-back", onClick: onBack }),
         title
       ] }),
-      showClose && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CloseRoundIcon, { className: "matchid-drawer-header-close", onClick: onClose })
+      showClose && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(CloseRoundIcon, { className: "matchid-drawer-header-close", onClick: onClose })
     ] }),
     children
   ] }) });
@@ -2039,7 +2075,7 @@ function Drawer({
 var import_react7 = require("react");
 
 // src/ui/ModalDrawer/index.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function ModalDrawer({
   title,
   drawerTitleVisible = true,
@@ -2047,9 +2083,9 @@ function ModalDrawer({
 }) {
   const isDownMd = useDownMd();
   if (isDownMd) {
-    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ModalWithHeader, { ...props, title });
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ModalWithHeader, { ...props, title });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Drawer, { ...props, title: drawerTitleVisible ? title : null });
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Drawer, { ...props, title: drawerTitleVisible ? title : null });
 }
 
 // src/assets/lottie/confirm.json
@@ -2117,7 +2153,7 @@ function useHash({
 }
 
 // src/ui/HashPanel/index.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function HashPanel({
   hash,
   chain,
@@ -2177,14 +2213,14 @@ function HashPanel({
     }
   }, [hashQuery.data]);
   const link = chain ? `${chain?.blockExplorers?.default.url}/tx/${hash}` : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     ModalDrawer,
     {
       isOpen,
       showClose: true,
       onClose,
       zIndex,
-      title: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      title: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
         "div",
         {
           className: "matchid-hashpanel-header",
@@ -2194,33 +2230,33 @@ function HashPanel({
           children: statusValue.text
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "matchid-hashpanel-box", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "matchid-hashpanel-content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: `matchid-hashpanel-status`, style: {
+      children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "matchid-hashpanel-box", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "matchid-hashpanel-content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: `matchid-hashpanel-status`, style: {
             color: statusValue.color
           }, children: statusValue.text }),
-          statusValue.lottie && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Lottie_default, { animationData: statusValue.lottie, style: {
+          statusValue.lottie && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Lottie_default, { animationData: statusValue.lottie, style: {
             width: "96px",
             height: "96px"
           } }),
-          hash && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
+          hash && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
             "Hash:",
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("a", { href: link, target: "_blank", children: hash })
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("a", { href: link, target: "_blank", children: hash })
           ] }),
-          error && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "matchid-hashpanel-text", children: error })
+          error && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "matchid-hashpanel-text", children: error })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
       ] })
     }
   );
 }
 function HashPanel_default(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(HashPanel, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(HashPanel, { ...props });
 }
 
 // src/ui/Popover/index.tsx
 var import_react8 = require("react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function Popover({
   children,
   content,
@@ -2230,7 +2266,7 @@ function Popover({
   gap = "20px"
 }) {
   const [active, setActive] = (0, import_react8.useState)(false);
-  return children && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+  return children && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
     "div",
     {
       onClick: () => {
@@ -2241,20 +2277,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_runtime64.jsx)("div", { style: {
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { style: {
           paddingTop: gap
-        }, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: `matchid-popover-content`, children: content }) })
+        }, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: `matchid-popover-content`, children: content }) })
       ]
     }
   );
 }
 
 // src/ui/Switch/index.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 
 // src/ui/AlphaAvatar/index.tsx
 var import_react9 = require("react");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function AlphaAvatar({
   name,
   size = "default",
@@ -2271,7 +2307,7 @@ function AlphaAvatar({
     return "";
   }, [name]);
   const numberSize = typeof size === "number" ? size : size === "sm" ? 24 : size === "default" ? 40 : 64;
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: numberSize,
     height: numberSize,
     fontSize: Math.ceil(numberSize / 2),
@@ -2280,7 +2316,7 @@ function AlphaAvatar({
 }
 
 // src/ui/Radio/index.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function Radio({
   checked = false,
   onChange,
@@ -2289,23 +2325,23 @@ function Radio({
   className = "",
   style = {}
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { onClick: onChange, className: `matchid-radio ${className} ${checked ? "matchid-radio-checked" : ""}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime69.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_runtime67.jsx)("div", { className: `matchid-radio-content`, style: {
+  }, children: checked && /* @__PURE__ */ (0, import_jsx_runtime69.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_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 
 // src/ui/Tabs/index.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 
 // src/ui/Lottie/index.tsx
 var import_lottie_react = require("lottie-react");
@@ -2321,10 +2357,10 @@ var LazyLottie = (props) => {
 var Lottie_default = LazyLottie;
 
 // src/ui/Checkbox/index.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 
 // src/context/ModalContext.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var ModalContext = (0, import_react10.createContext)(null);
 function useModal() {
   const context = (0, import_react10.useContext)(ModalContext);
@@ -2365,7 +2401,7 @@ var useTransactionStore = (0, import_zustand3.create)((0, import_middleware2.dev
 var useTransactionStore_default = useTransactionStore;
 
 // src/hooks/useWallet.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var AppClientId = "react-sdk-" + getVersion();
 function useWallet() {
   const { address, wallet: walletConfig } = useLocalStore_default();
@@ -2539,12 +2575,12 @@ function useWallet() {
             address: evmAccount.address
           });
           modal.show((props) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
+            return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
           });
           return txHash;
         } catch (error) {
           modal.show((props) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, error: typeof error == "string" ? error : error.details || error.message, chain: _chain });
+            return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, error: typeof error == "string" ? error : error.details || error.message, chain: _chain });
           });
           throw error;
         }
@@ -2622,7 +2658,7 @@ function useCopyClipboard(timeout = 500) {
 // src/context/ToastContext.tsx
 var import_react13 = require("react");
 var import_react_dom2 = require("react-dom");
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var ToastContext = (0, import_react13.createContext)(null);
 
 // src/hooks/api/wallet.ts
@@ -2684,7 +2720,7 @@ function useImportTokenListQuery({
 var import_react14 = require("react");
 var import_viem5 = require("viem");
 var import_react_intl3 = require("react-intl");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 function useMatchChain() {
   const chainListQuery = useChainListQuery();
   const modal = useModal();
@@ -2715,28 +2751,28 @@ function useMatchChain() {
     const { chainId: storeChainId2, setChainId: setChainId2 } = useLocalStore_default();
     const [selectedChainId, setSelectedChainId] = (0, import_react14.useState)(storeChainId2);
     const isDownMd = useDownMd();
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: `matchid-change-network-box`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: `matchid-change-network-box`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
           "div",
           {
             onClick: () => setSelectedChainId(item.id),
             className: `matchid-change-network-item  ${selectedChainId == item.id ? "matchid-change-network-selected" : ""}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
-                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
             ]
           },
           index
         );
       }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
         setChainId2(selectedChainId || 0);
         close();
-      }, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_intl3.FormattedMessage, { id: "confirm" }) })
+      }, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_intl3.FormattedMessage, { id: "confirm" }) })
     ] });
   }
   const showChangeNetwork = () => {
@@ -2780,6 +2816,8 @@ var import_react_query5 = require("@tanstack/react-query");
 var EMAIL_INTERVAL = 60;
 var EMAIL_CODE_LENGTH = 6;
 var NATIVE_TOKEN_ADDRESS = "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee";
+var TERMS_OF_SERVICE_URL = "https://docs.google.com/document/d/1QbagOOBhi50niC2mn4pJAd9pyNlvm1MSwcKWuP9YB80/edit?usp=sharing";
+var PRIVACY_POLICY_URL = "https://docs.google.com/document/d/1YOUUOmNXbA7qy79YckxhPMLWBj_WDiUp6mkJPNq_XCk/edit?usp=sharing";
 
 // src/hooks/useMatchWallet.tsx
 var import_viem8 = require("viem");
@@ -2854,10 +2892,10 @@ var import_viem6 = require("viem");
 var import_react_query3 = require("@tanstack/react-query");
 
 // src/components/ImportToken/index.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 
 // src/hooks/useMatchWallet.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 function useMatchWalletRecords() {
   const [hasMore, setHasMore] = (0, import_react16.useState)(true);
   const [items, setItems] = (0, import_react16.useState)([]);
@@ -3166,39 +3204,39 @@ var CACHE_TTL2 = 86400 * 30 * 1e3;
 var import_zustand5 = require("zustand");
 
 // src/hooks/useConfig.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime79 = 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_runtime77.jsx)(EVMDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(EVMLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(EVMDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(EVMLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "EVM",
       method: "evm"
     },
     sol: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SOLDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SOLLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SOLDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SOLLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "SOL",
       method: "sol"
     },
     btc: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(BTCDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(BTCLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(BTCDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(BTCLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "BTC",
       method: "btc"
     },
     tron: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(TRXDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(TRXLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(TRXDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(TRXLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "TRON",
       method: "tron"
     },
     ton: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(TonLightIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(TonLightIcon2, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(TonLightIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(TonLightIcon2, { size: isDownMd ? 36 : 40 }),
       name: "TON",
       method: "ton"
     }
@@ -3246,18 +3284,29 @@ var useWalletModalStore = (0, import_zustand5.create)((set) => ({
   open: (type, methods = DEFAULT_WALLET_METHODS) => set({ isOpen: true, type, methods }),
   close: () => set({ isOpen: false })
 }));
+var useEmailModalStore = (0, import_zustand5.create)((set) => ({
+  isOpen: false,
+  type: "",
+  open: (type) => set({ isOpen: true, type }),
+  close: () => set({ isOpen: false })
+}));
 
 // src/components/CEXBindModal/index.tsx
 var import_react19 = require("react");
 var import_react_intl6 = require("react-intl");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
 var import_react_query8 = require("@tanstack/react-query");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+
+// src/components/BindEmailModal/index.tsx
+var import_jsx_runtime81 = require("react/jsx-runtime");
+
+// src/context/BusinessProvider.tsx
+var import_jsx_runtime82 = require("react/jsx-runtime");
 
 // src/context/index.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 
 // src/hooks/useWalletInit.ts
 var import_react20 = require("react");
@@ -3337,7 +3386,7 @@ var matchTest = /* @__PURE__ */ (0, import_viem12.defineChain)({
 
 // src/MatchContext.tsx
 var import_wagmi = require("wagmi");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var queryClient = new import_react_query9.QueryClient();
 var wagmiConfig = (0, import_rainbowkit.getDefaultConfig)({
   appName: "MatchID",
@@ -3389,6 +3438,7 @@ function useUserInfo() {
   const { open: BTCOpen } = useBTCModalStore();
   const { open: CEXBindOpen } = useCEXBindModalStore();
   const walletModalStore = useWalletModalStore();
+  const emailModalStore = useEmailModalStore();
   const getRedirectUri = () => {
     return encodeURIComponent(window.location.href);
   };
@@ -3482,6 +3532,7 @@ function useUserInfo() {
       case "github":
       case "linkedin":
       case "facebook":
+      case "kakao":
         return await loginByMethod(method);
       default:
         throw new Error("unsupported method");
@@ -3566,6 +3617,8 @@ function useUserInfo() {
         return TONOpen("bind");
       case "btc":
         return BTCOpen("bind");
+      case "email":
+        return emailModalStore.open("bind");
       case "telegram":
         return await bindTelegram();
       case "twitter":
@@ -3575,6 +3628,7 @@ function useUserInfo() {
       case "linkedin":
       case "facebook":
       case "youtube":
+      case "kakao":
         const link = `${endpoints.back}api/v1/auth/${method == "youtube" ? "google" : method}?appid=${appid}&provider=${method == "youtube" ? "google" : method}&redirect=${encodeURIComponent(endpoints.auth + "bind/" + method)}&authorization=${token.includes("Bearer ") ? token.split(" ")[1] : token}${method == "youtube" ? "&auth_type=youtube" : ""}`;
         matchlog_default.log("link", link);
         return window.open(
@@ -3589,6 +3643,31 @@ function useUserInfo() {
   const bindCex = (type) => {
     return CEXBindOpen(type);
   };
+  const bindByEmail = async ({ email, code }) => {
+    try {
+      const obj = {
+        email,
+        verification_key: emailLoginKey,
+        verification_code: code
+      };
+      const res = await verifyEmailCodeApi(obj);
+      if (res && res.data && isSuccess(res)) {
+        events.onBind && events.onBind({
+          type: "email"
+        });
+        eventManager_default.emit("onBind", {
+          type: "email"
+        });
+        return true;
+      } else {
+        throw new Error(res.message);
+      }
+    } catch (error) {
+      console.error("bindByEmail", error);
+      throw error;
+    }
+    return false;
+  };
   const getAuthInfo = async (method) => {
     const element_id = "auth_iframe";
     if (document.getElementById(element_id)) {
@@ -3657,6 +3736,7 @@ function useUserInfo() {
     auth,
     login: loginMethod,
     bind,
+    bindByEmail,
     getAuthInfo,
     invite
   };
@@ -3665,10 +3745,10 @@ function useUserInfo() {
 // src/components/EmailModal/StepVerify.tsx
 var import_react24 = require("react");
 var import_react_intl8 = require("react-intl");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 function StepVerify(props) {
   const intl = (0, import_react_intl8.useIntl)();
-  const { getLoginEmailCode, loginByEmail } = useUserInfo();
+  const { getLoginEmailCode, loginByEmail, bindByEmail } = useUserInfo();
   const [error, setError] = (0, import_react24.useState)("");
   const [code, setCode] = (0, import_react24.useState)("");
   const [sending, setSending] = (0, import_react24.useState)(false);
@@ -3728,7 +3808,10 @@ function StepVerify(props) {
     try {
       setError("");
       setSubmitting(true);
-      const res = await loginByEmail({
+      const res = props.type === "bind" ? await bindByEmail({
+        email: props.email,
+        code
+      }) : await loginByEmail({
         email: props.email,
         code
       });
@@ -3742,17 +3825,17 @@ function StepVerify(props) {
       setSubmitting(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "matchid-email-verify-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "matchid-email-verify-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(EmailLineIcon, { size: isDownMd ? 19 : 24 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "matchid-email-verify-header-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "matchid-email-verify-header-value", children: props.email }),
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_intl8.FormattedMessage, { id: "sendEmailTips" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-email-verify-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-email-verify-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(EmailLineIcon, { size: isDownMd ? 19 : 24 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-email-verify-header-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-email-verify-header-value", children: props.email }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl8.FormattedMessage, { id: "sendEmailTips" }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Field, { label: intl.formatMessage({
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Field, { label: intl.formatMessage({
       id: "verificationCode"
-    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       Input,
       {
         placeholder: intl.formatMessage({
@@ -3762,7 +3845,7 @@ function StepVerify(props) {
         maxLength: codeLength,
         onChange: (e) => setCode(e.target.value),
         value: code,
-        after: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+        after: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           Button,
           {
             highlight: true,
@@ -3781,19 +3864,20 @@ function StepVerify(props) {
         )
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button, { disabled: !canContinue, loading: submitting, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_intl8.FormattedMessage, { id: "continue" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button, { disabled: !canContinue, loading: submitting, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl8.FormattedMessage, { id: "continue" }) })
   ] });
 }
 
 // src/components/EmailModal/index.tsx
 var import_react_intl9 = require("react-intl");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 function EmailModal({
   isOpen = false,
   width = 480,
   onClose,
   onBack,
-  onLogin
+  onLogin,
+  type = "login"
 }) {
   const [step, setStep] = (0, import_react25.useState)("input");
   const [emailVal, setEmailVal] = (0, import_react25.useState)("");
@@ -3804,7 +3888,7 @@ function EmailModal({
       setEmailVal("");
     }
   }, [isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     ModalWithHeader,
     {
       isOpen,
@@ -3814,10 +3898,10 @@ function EmailModal({
         id: "email"
       }),
       onBack: step == "verify" ? () => setStep("input") : onBack,
-      children: step === "input" ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(StepEmail, { email: emailVal, onContinue: (email) => {
+      children: step === "input" ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(StepEmail, { email: emailVal, onContinue: (email) => {
         setEmailVal(email);
         setStep("verify");
-      } }) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(StepVerify, { email: emailVal, onSuccess: onLogin })
+      } }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(StepVerify, { type, email: emailVal, onSuccess: onLogin })
     }
   );
 }
@@ -3847,7 +3931,7 @@ function useAppConfig() {
 }
 
 // src/components/LoginBox/index.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var RecommendItem = ({
   icon,
   name,
@@ -3856,20 +3940,20 @@ var RecommendItem = ({
   children,
   footer
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-login-recommend-method", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-login-recommend-method-item", onClick, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-login-recommend-method-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-login-recommend-method-icon", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "matchid-login-recommend-method-name", children: name })
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-recommend-method", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-recommend-method-item", onClick, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-recommend-method-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-recommend-method-icon", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "matchid-login-recommend-method-name", children: name })
       ] }),
-      footer ? footer : children ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+      footer ? footer : children ? /* @__PURE__ */ (0, import_jsx_runtime87.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_runtime84.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         ArrowRightIcon,
         {
           className: "matchid-login-recommend-method-arrow",
@@ -3878,7 +3962,7 @@ var RecommendItem = ({
         }
       )
     ] }),
-    children && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    children && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       "div",
       {
         className: `matchid-login-recommend-method-popover ${showChildren ? "matchid-login-recommend-method-popover-active" : ""}`,
@@ -3943,75 +4027,80 @@ function LoginBox({
   const isDownMd = useDownMd();
   const methodMap = {
     wallet: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(WalletIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(WalletIcon, { size: isDownMd ? 36 : 40 }),
       name: intl.formatMessage({ id: "wallet" }),
       onClick: () => setShowWallet(!showWallet),
       type: "wallet"
     },
     email: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(EmailIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(EmailIcon, { size: isDownMd ? 36 : 40 }),
       name: intl.formatMessage({ id: "email" }),
       onClick: () => {
         setEmailOpen(true);
       }
     },
     google: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(GoogleIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(GoogleIcon, { size: isDownMd ? 36 : 40 }),
       name: "Google",
       onClick: () => login("google")
     },
     twitter: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(XIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(XIcon, { size: isDownMd ? 36 : 40 }),
       name: "X",
       onClick: () => login("twitter")
     },
     telegram: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(TelegramIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TelegramIcon, { size: isDownMd ? 36 : 40 }),
       name: "Telegram",
       onClick: () => login("telegram")
     },
     github: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(GithubIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(GithubIcon, { size: isDownMd ? 36 : 40 }),
       name: "Github",
       onClick: () => login("github")
     },
     discord: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(DiscordIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(DiscordIcon, { size: isDownMd ? 36 : 40 }),
       name: "Discord",
       onClick: () => login("discord")
     },
     linkedin: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(LinkedinIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(LinkedinIcon, { size: isDownMd ? 36 : 40 }),
       name: "LinkedIn",
       onClick: () => login("linkedin")
     },
     facebook: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(FacebookIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(FacebookIcon, { size: isDownMd ? 36 : 40 }),
       name: "Facebook",
       onClick: () => login("facebook")
     },
     youtube: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(YoutubeIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(YoutubeIcon, { size: isDownMd ? 36 : 40 }),
       name: "Youtube",
       onClick: () => login("youtube")
+    },
+    kakao: {
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(KakaoIcon, { size: isDownMd ? 36 : 40 }),
+      name: "Kakao",
+      onClick: () => login("kakao")
     }
   };
   const { walletMap } = useWalletConfig();
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-    (!inModal || !emailOpen) && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-login-box", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-login-recommend-list", children: methodConfig.recommendMethods.map((m) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
+    (!inModal || !emailOpen) && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-box", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-recommend-list", children: methodConfig.recommendMethods.map((m) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime87.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_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-login-recommend-wallet-divider" }),
-              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-login-recommend-wallet-list", children: methodConfig.walletMethods.map((n) => {
+            children: m == "wallet" && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-recommend-wallet-divider" }),
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-recommend-wallet-list", children: methodConfig.walletMethods.map((n) => {
                 const m2 = walletMap[n];
-                return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
                   "div",
                   {
                     className: "matchid-login-recommend-wallet-item",
@@ -4019,16 +4108,16 @@ function LoginBox({
                       login(m2.method);
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-login-recommend-wallet-item-content", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
-                        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-recommend-wallet-item-content", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
+                        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
                           "div",
                           {
                             className: "matchid-login-recommend-wallet-item-hover-icon",
                             children: m2.activeIcon
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
                           "span",
                           {
                             className: "matchid-login-recommend-wallet-item-name",
@@ -4036,7 +4125,7 @@ function LoginBox({
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
                         ArrowRightIcon,
                         {
                           className: "matchid-login-recommend-wallet-item-arrow",
@@ -4054,10 +4143,48 @@ function LoginBox({
           m
         );
       }) }),
-      methodConfig.methods.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-login-other", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_intl10.FormattedMessage, { id: "otherLoginMethods" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-privacy-policy", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-privacy-policy-content", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          import_react_intl10.FormattedMessage,
+          {
+            id: "loginAgreement",
+            values: {
+              termsLink: (chunks) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                "a",
+                {
+                  href: TERMS_OF_SERVICE_URL,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "matchid-privacy-policy-content-link",
+                  children: chunks
+                }
+              ),
+              privacyLink: (chunks) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                "a",
+                {
+                  href: PRIVACY_POLICY_URL,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "matchid-privacy-policy-content-link",
+                  children: chunks
+                }
+              )
+            }
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-privacy-policy-powered-by", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_intl10.FormattedMessage, { id: "poweredBy" }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(MatchIdIcon_default, {})
+        ] })
+      ] }),
+      methodConfig.methods.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-other", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-other-line-box", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-other-line" }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_intl10.FormattedMessage, { id: "otherLoginMethods" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-other-line" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             "div",
             {
               className: "matchid-login-method-item",
@@ -4070,7 +4197,7 @@ function LoginBox({
         }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       EmailModal,
       {
         isOpen: emailOpen,
@@ -4090,40 +4217,40 @@ var import_react28 = require("react");
 
 // src/components/LoginPanel/index.tsx
 var import_react_intl11 = require("react-intl");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function LoginPanel({
   header,
   onClose,
   ...props
 }) {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-login-panel", children: [
-    header ? header : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-login-panel-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-login-panel-header-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl11.FormattedMessage, { id: "loginTitle" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl11.FormattedMessage, { id: "loginTips" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "matchid-login-panel", children: [
+    header ? header : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "matchid-login-panel-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "matchid-login-panel-header-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_intl11.FormattedMessage, { id: "loginTitle" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_intl11.FormattedMessage, { id: "loginTips" }) })
       ] }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30 }) })
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30 }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-login-panel-divide" }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-login-panel-box", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(LoginBox, { ...props }) })
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-login-panel-divide" }),
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-login-panel-box", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(LoginBox, { ...props }) })
   ] });
 }
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 function LoginModal({
   isOpen = false,
   width = 480,
   ...props
 }) {
   const { isLogin } = useUserInfo();
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     Modal,
     {
       isOpen: isOpen && !isLogin,
       width,
-      children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(LoginPanel, { ...props, inModal: true })
+      children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(LoginPanel, { ...props, inModal: true })
     }
   );
 }
@@ -4132,10 +4259,10 @@ function LoginModal({
 var import_react27 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 function ProfileIcon({ size = 24, color = "black", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.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_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime90.jsx)(
       "path",
       {
         fillRule: "evenodd",
@@ -4144,7 +4271,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
         fill: color
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       "path",
       {
         fillRule: "evenodd",
@@ -4158,7 +4285,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
 
 // src/components/UserPopover/index.tsx
 var import_react_intl12 = require("react-intl");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 function UserContent() {
   const { logout, address, username } = useUserInfo();
   const [logouting, setLogouting] = (0, import_react27.useState)(false);
@@ -4179,34 +4306,34 @@ function UserContent() {
     rightIcon,
     onClick
   }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "matchid-user-popover-item", onClick, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: `matchid-user-popover-item-content`, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-user-popover-item", onClick, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-user-popover-item-content`, children: [
         icon,
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-user-popover-item-text", children })
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "matchid-user-popover-item-text", children })
       ] }),
       rightIcon
     ] });
   };
   const UserDivider = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: `matchid-user-popover-divider` });
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-user-popover-divider` });
   };
   const [usernameOpen, setUsernameOpen] = (0, import_react27.useState)(false);
   const [copied, setCopied] = useCopyClipboard();
   const intl = (0, import_react_intl12.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "matchid-user-popover-content", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "matchid-user-popover-list", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(UserItem, { onClick: () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-user-popover-content", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-user-popover-list", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(UserItem, { onClick: () => {
         setCopied(address);
-      }, icon: copied ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(UserDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(UserItem, { onClick: () => {
+      }, icon: copied ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(UserDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(UserItem, { onClick: () => {
         setUsernameOpen(true);
-      }, icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ProfileIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ArrowRightIcon, { size: 20, color: "var(--icon-color)" }), children: username || intl.formatMessage({
+      }, icon: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ProfileIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ArrowRightIcon, { size: 20, color: "var(--icon-color)" }), children: username || intl.formatMessage({
         id: "setUsername"
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_intl12.FormattedMessage, { id: "disconnect" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(UsernameModal, { isOpen: usernameOpen, onClose: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl12.FormattedMessage, { id: "disconnect" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(UsernameModal, { isOpen: usernameOpen, onClose: () => {
       setUsernameOpen(false);
     }, onSuccess: () => {
       setUsernameOpen(false);
@@ -4217,12 +4344,12 @@ function UserPopover({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Popover, { ...props, content: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(UserContent, {}), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Popover, { ...props, content: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(UserContent, {}), children });
 }
 
 // src/components/LoginButton/index.tsx
 var import_react_intl13 = require("react-intl");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function LoginButton({
   loginRender,
   methods,
@@ -4238,8 +4365,8 @@ function LoginButton({
   const { isLogin, username } = useUserInfo();
   const [loginOpen, setLoginOpen] = (0, import_react28.useState)(false);
   if (!isLogin) {
-    return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         LoginModal,
         {
           methods,
@@ -4249,15 +4376,15 @@ function LoginButton({
           onClose: () => setLoginOpen(false)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(UnLoginIcon_default, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl13.FormattedMessage, { id: "login" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(UnLoginIcon_default, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_intl13.FormattedMessage, { id: "login" }) })
       ] })
     ] });
   }
-  return loginRender ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_jsx_runtime89.Fragment, { children: loginRender }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(UserPopover, { position: popoverPosition, type: popoverType, gap: popoverGap, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Button, { onClick: onLoginClick, className: "matchid-login-btn", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(LoginIcon_default, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { children: username ? truncateAddress(username) : "MatchID " + intl.formatMessage({
+  return loginRender ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_jsx_runtime92.Fragment, { children: loginRender }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(UserPopover, { position: popoverPosition, type: popoverType, gap: popoverGap, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Button, { onClick: onLoginClick, className: "matchid-login-btn", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(LoginIcon_default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: username ? truncateAddress(username) : "MatchID " + intl.formatMessage({
       id: "user"
     }) })
   ] }) });
@@ -4266,15 +4393,15 @@ function LoginButton({
 // src/components/UsernameModal/index.tsx
 var import_react29 = require("react");
 var import_react_intl14 = require("react-intl");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var ValidItem = ({
   success = false,
   text
 }) => {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-valid-status-item matchid-valid-status-${success ? "success" : "error"}`, children: [
-    success ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(CheckRoundIcon, { size: isDownMd ? 12 : 16 }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(InfoLineIcon, { size: isDownMd ? 12 : 16 }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: text })
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-valid-status-item matchid-valid-status-${success ? "success" : "error"}`, children: [
+    success ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(CheckRoundIcon, { size: isDownMd ? 12 : 16 }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(InfoLineIcon, { size: isDownMd ? 12 : 16 }),
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: text })
   ] });
 };
 function UsernameModal({
@@ -4322,12 +4449,12 @@ function UsernameModal({
     }
   };
   const intl = (0, import_react_intl14.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
     id: username ? "editUsernameTitle" : "setUsernameTitle"
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "matchid-username-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Field, { label: intl.formatMessage({
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-username-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Field, { label: intl.formatMessage({
       id: "username"
-    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       Input,
       {
         placeholder: intl.formatMessage({
@@ -4340,8 +4467,8 @@ function UsernameModal({
         value: val
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "matchid-valid", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-valid", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
         ValidItem,
         {
           success: isValid,
@@ -4350,16 +4477,16 @@ function UsernameModal({
           })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ValidItem, { success: isLength, text: intl.formatMessage({
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ValidItem, { success: isLength, text: intl.formatMessage({
         id: "usernameLengthError"
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Button, { disabled: !isSafe, loading: isSubmitting, style: {
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { disabled: !isSafe, loading: isSubmitting, style: {
       marginTop: isDownMd ? "36px" : "64px"
-    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_intl14.FormattedMessage, { id: "confirm" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Button, { style: {
+    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl14.FormattedMessage, { id: "confirm" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { style: {
       marginTop: isDownMd ? "12px" : "24px"
-    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_intl14.FormattedMessage, { id: "cancel" }) })
+    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl14.FormattedMessage, { id: "cancel" }) })
   ] }) });
 }
 
@@ -4378,7 +4505,7 @@ var walletConnectImage = wallet_default;
 var walletSigningImage = signing_default;
 
 // src/components/WalletModalContent/index.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function WalletModalContent({
   status,
   error,
@@ -4448,15 +4575,15 @@ function WalletModalContent({
       statusImage: walletConnectImage
     };
   }, [visible, connected, status, error, address]);
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-wallet-box`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-wallet-content`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Lottie_default, { animationData: pageData.statusImage, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-wallet-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-wallet-content`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Lottie_default, { animationData: pageData.statusImage, style: {
         width: 128,
         height: 128
       } }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: pageData.isError ? "matchid-error" : "", children: pageData.text })
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: pageData.isError ? "matchid-error" : "", children: pageData.text })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       Button,
       {
         block: true,
@@ -4532,15 +4659,15 @@ function WalletModalContentV2(props) {
       statusImage: walletConnectImage
     };
   }, [props, submitting]);
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-wallet-box`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-wallet-content`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Lottie_default, { animationData: pageData.statusImage, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-wallet-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-wallet-content`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Lottie_default, { animationData: pageData.statusImage, style: {
         width: 128,
         height: 128
       } }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: props.status == "error" ? "matchid-error" : "", children: pageData.text })
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: props.status == "error" ? "matchid-error" : "", children: pageData.text })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       Button,
       {
         block: true,
@@ -4604,7 +4731,7 @@ var import_wagmi2 = require("wagmi");
 var import_ethers = require("ethers");
 
 // node_modules/@wagmi/core/dist/esm/version.js
-var version = "2.16.5";
+var version = "2.17.1";
 
 // node_modules/@wagmi/core/dist/esm/utils/getVersion.js
 var getVersion2 = () => `@wagmi/core@${version}`;
@@ -4822,7 +4949,7 @@ async function getEthersSigner(config, { chainId } = {}) {
 // src/components/EVMModal/index.tsx
 var import_siwe = require("siwe");
 var import_styles = require("@rainbow-me/rainbowkit/styles.css");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function WalletContent({
   onSuccess,
   type
@@ -4980,7 +5107,7 @@ function WalletContent({
     setNonce(void 0);
     setStatus("start");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     WalletModalContentV2,
     {
       status,
@@ -4998,14 +5125,14 @@ function EVMConnectModal({
   ...props
 }) {
   const intl = (0, import_react_intl15.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "EVM"
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(WalletContent, { onSuccess, type }) });
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(WalletContent, { onSuccess, type }) });
 }
 function EVMModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_rainbowkit2.RainbowKitProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(EVMConnectModal, { ...props }) });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_rainbowkit2.RainbowKitProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(EVMConnectModal, { ...props }) });
 }
 
 // src/components/TRONModal/index.tsx
@@ -5120,7 +5247,7 @@ var useTRONWallet = () => {
 };
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function TRONConnectModal({
   type = "login",
   onSuccess,
@@ -5130,9 +5257,9 @@ function TRONConnectModal({
   const intl = (0, import_react_intl16.useIntl)();
   const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useTRONWallet();
   const iconMaps = {
-    tronlink: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
-    bitget: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(BitgetIcon, { size: isDownMd ? 36 : 40 }),
-    okx: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(OKXIcon, { size: isDownMd ? 36 : 40 })
+    tronlink: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
+    bitget: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(BitgetIcon, { size: isDownMd ? 36 : 40 }),
+    okx: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(OKXIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
   const [status, setStatus] = (0, import_react34.useState)("");
@@ -5224,11 +5351,11 @@ function TRONConnectModal({
       disconnect();
     }
   }, [props.isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime93.jsx)(
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     WalletModalContent,
     {
       error,
@@ -5241,9 +5368,9 @@ function TRONConnectModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
@@ -5256,14 +5383,14 @@ function TRONConnectModal({
       );
     }),
     wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
           name: wallet2.name,
           onClick: () => {
           },
-          footer: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { size: "sm", onClick: () => {
+          footer: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { size: "sm", onClick: () => {
             window.open(wallet2.website);
           }, children: "Install" })
         },
@@ -5273,14 +5400,14 @@ function TRONConnectModal({
   ] }) }) });
 }
 function TRONModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TRONConnectModal, { ...props, type: props.type });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TRONConnectModal, { ...props, type: props.type });
 }
 
 // src/components/TONModal/index.tsx
 var import_react35 = __toESM(require("react"));
 var import_react_intl17 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function WalletContent2({
   onSuccess,
   type
@@ -5407,7 +5534,7 @@ function WalletContent2({
       }
     }
   }, [state]);
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     WalletModalContent,
     {
       connected,
@@ -5441,20 +5568,20 @@ function TONConnectModal({
   const intl = (0, import_react_intl17.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_runtime94.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "TON"
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     import_ui_react.TonConnectUIProvider,
     {
       manifestUrl,
-      children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(WalletContent2, { onSuccess, type })
+      children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(WalletContent2, { onSuccess, type })
     }
   ) });
 }
 function TONModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(TONConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TONConnectModal, { ...props });
 }
 
 // src/components/BTCModal/index.tsx
@@ -5677,7 +5804,7 @@ var useBTCWallet = () => {
 };
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 function BTCConnectModal({
   type = "login",
   onSuccess,
@@ -5687,10 +5814,10 @@ function BTCConnectModal({
   const intl = (0, import_react_intl18.useIntl)();
   const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useBTCWallet();
   const iconMaps = {
-    leather: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(LeatherIcon, { size: isDownMd ? 36 : 40 }),
-    unisat: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(UnisatIcon, { size: isDownMd ? 36 : 40 }),
-    xverse: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(XverseIcon, { size: isDownMd ? 36 : 40 }),
-    phantom: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(PhantomIcon, { size: isDownMd ? 36 : 40 })
+    leather: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(LeatherIcon, { size: isDownMd ? 36 : 40 }),
+    unisat: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(UnisatIcon, { size: isDownMd ? 36 : 40 }),
+    xverse: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(XverseIcon, { size: isDownMd ? 36 : 40 }),
+    phantom: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(PhantomIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
   const [status, setStatus] = (0, import_react37.useState)("");
@@ -5790,11 +5917,11 @@ function BTCConnectModal({
     statusRef.current = "";
     setError("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime98.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_runtime95.jsx)(
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     WalletModalContent,
     {
       error,
@@ -5807,9 +5934,9 @@ function BTCConnectModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
@@ -5822,14 +5949,14 @@ function BTCConnectModal({
       );
     }),
     wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
           name: wallet2.name,
           onClick: () => {
           },
-          footer: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button, { size: "sm", onClick: () => {
+          footer: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { size: "sm", onClick: () => {
             window.open(wallet2.website);
           }, children: "Install" })
         },
@@ -5839,13 +5966,13 @@ function BTCConnectModal({
   ] }) }) });
 }
 function BTCModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(BTCConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(BTCConnectModal, { ...props });
 }
 
 // src/components/WalletModal/index.tsx
 var import_react38 = require("react");
 var import_react_intl19 = require("react-intl");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 function WalletConnectModal({
   type,
   methods: _methods,
@@ -5863,13 +5990,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_runtime96.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: ""
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "matchid-login-recommend-list", children: methods.map((method, index) => {
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-login-recommend-list", children: methods.map((method, index) => {
     const m = walletMap[method];
-    return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       RecommendItem,
       {
         icon: m?.icon,
@@ -5883,12 +6010,12 @@ function WalletConnectModal({
   }) }) }) });
 }
 function WalletModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(WalletConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(WalletConnectModal, { ...props });
 }
 
 // src/components/AlphaAvatar/index.tsx
 var import_react39 = require("react");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 function AlphaAvatar2({ name, size = 40, className = "" }) {
   const [avatar, setAvatar] = (0, import_react39.useState)(void 0);
   (0, import_react39.useEffect)(() => {
@@ -5897,7 +6024,7 @@ function AlphaAvatar2({ name, size = 40, className = "" }) {
       setAvatar(char);
     }
   }, [name]);
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: size,
     height: size,
     fontSize: Math.ceil(size / 2)
@@ -5905,7 +6032,7 @@ function AlphaAvatar2({ name, size = 40, className = "" }) {
 }
 
 // src/components/WalletAsset/index.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 function WalletAsset({
   onAssetClick,
   matchWalletAssetsOptions
@@ -5915,7 +6042,7 @@ function WalletAsset({
     list: walletAssets.mergedAssets
   });
   const { list } = useMatchChain();
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "matchid-wallet-asset-list", children: matchWalletAssetList.list.map((n, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime101.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 = () => {
@@ -5930,11 +6057,11 @@ function WalletAsset({
       }
       return "";
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-wallet-asset-item`, onClick: clickFunc, style: {
+    return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-wallet-asset-item`, onClick: clickFunc, style: {
       cursor: clickFunc ? "pointer" : "default"
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-wallet-asset-logo", title: n.symbol || n.name || "", children: [
-        n.icon ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-wallet-asset-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "matchid-wallet-asset-logo", title: n.symbol || n.name || "", children: [
+        n.icon ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-wallet-asset-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
           AlphaAvatar2,
           {
             className: `matchid-wallet-asset-icon`,
@@ -5942,12 +6069,12 @@ function WalletAsset({
             name: n.symbol || n.name || ""
           }
         ),
-        chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-wallet-asset-chain` })
+        chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-wallet-asset-chain` })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-wallet-asset-info`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-wallet-asset-name`, children: n.symbol }),
-        "price" in n && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-wallet-asset-content`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "matchid-wallet-asset-price", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-wallet-asset-info`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `matchid-wallet-asset-name`, children: n.symbol }),
+        "price" in n && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-wallet-asset-content`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "matchid-wallet-asset-price", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             NumberFormatter,
             {
               value: n.price,
@@ -5955,7 +6082,7 @@ function WalletAsset({
               tFixNum: 2
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "matchid-wallet-asset-value", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "matchid-wallet-asset-value", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             NumberFormatter,
             {
               value: n.value,
@@ -5964,15 +6091,15 @@ function WalletAsset({
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-wallet-asset-footer`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-wallet-asset-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-wallet-asset-footer`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `matchid-wallet-asset-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             NumberFormatter,
             {
               value: n.balance,
               tFixNum: 3
             }
           ) }),
-          "price_change_24h" in n && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-wallet-asset-change ${getFooterColor()}`, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+          "price_change_24h" in n && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `matchid-wallet-asset-change ${getFooterColor()}`, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             NumberFormatter,
             {
               prefix: `${(n?.price_change_24h || 0) < 0 ? "-" : "+"} `,
@@ -5991,7 +6118,7 @@ function WalletAsset({
 var import_react40 = require("react");
 var import_viem15 = require("viem");
 var import_react_intl20 = require("react-intl");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 function Input2({
   onChange,
   placeholder,
@@ -6001,8 +6128,8 @@ function Input2({
   error,
   size = "df"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       "input",
       {
         placeholder,
@@ -6013,7 +6140,7 @@ function Input2({
         className: `matchid-token-input ${error ? "matchid-token-input-error" : ""}`
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-token-input-error-text", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "matchid-token-input-error-text", children: error })
   ] });
 }
 function TokenSend({
@@ -6141,24 +6268,24 @@ function TokenSend({
       window.removeEventListener("message", receiveMessage);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_intl20.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: `matchid-token-send-box`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "matchid-token-send-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: `matchid-token-amount-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: `matchid-token-amount-header`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_intl20.FormattedMessage, { id: "amount" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
-            token.icon ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_intl20.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-send-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "matchid-token-send-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-amount-content`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-amount-header`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_intl20.FormattedMessage, { id: "amount" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
+            token.icon ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               "img",
               {
                 src: token?.icon,
                 alt: token?.symbol,
                 className: `matchid-token-amount-chain-icon`
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: token?.symbol })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { children: token?.symbol })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           Input2,
           {
             type: "text",
@@ -6171,18 +6298,18 @@ function TokenSend({
             error: error.amount || txError
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: `matchid-token-amount-title`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_intl20.FormattedMessage, { id: "balance" }),
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-amount-title`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_intl20.FormattedMessage, { id: "balance" }),
             ":"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: `matchid-token-address-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_intl20.FormattedMessage, { id: "receiveTitle" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-address-content`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_intl20.FormattedMessage, { id: "receiveTitle" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           Input2,
           {
             type: "text",
@@ -6198,7 +6325,7 @@ function TokenSend({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       Button,
       {
         size: "lg",
@@ -6207,7 +6334,7 @@ function TokenSend({
         disabled: !canSend || !!txError,
         onClick: onNext,
         loading: loading || sending,
-        children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_intl20.FormattedMessage, { id: "next" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_intl20.FormattedMessage, { id: "next" })
       }
     )
   ] }) });
@@ -6215,7 +6342,7 @@ function TokenSend({
 
 // src/components/TokenDetail/index.tsx
 var import_react_intl21 = require("react-intl");
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 function TokenDetail({
   onClose,
   token
@@ -6225,41 +6352,41 @@ function TokenDetail({
   const chain = chainList?.find((m) => m.id.toString() === token.chain_id);
   const onSend = () => {
     modal.show((props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TokenSend, { onClose: () => {
         props.close();
         onClose();
       }, onBack: props.close, zIndex: props.zIndex, token });
     });
   };
   const intl = (0, import_react_intl21.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ModalDrawer, { isOpen: true, title: intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ModalDrawer, { isOpen: true, title: intl.formatMessage({
     id: "tokenDetails"
-  }), onClose, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: `matchid-token-detail`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: `matchid-token-main`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: `matchid-token-info`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: `matchid-token-logo`, children: [
-          token.icon ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("img", { src: token.icon, alt: token.symbol, className: `matchid-token-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(AlphaAvatar, { className: `matchid-token-icon`, size: 48, name: token.symbol || token.name || "" }),
-          chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
+  }), onClose, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: `matchid-token-detail`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: `matchid-token-main`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: `matchid-token-info`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: `matchid-token-logo`, children: [
+          token.icon ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("img", { src: token.icon, alt: token.symbol, className: `matchid-token-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(AlphaAvatar, { className: `matchid-token-icon`, size: 48, name: token.symbol || token.name || "" }),
+          chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: `matchid-token-name`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10 }),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: `matchid-token-name`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10 }),
           " ",
           token.symbol
         ] })
       ] }),
-      token.address.toLowerCase() != NATIVE_TOKEN_ADDRESS && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: `matchid-token-contract`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "matchid-token-contract-title", children: "Contract address" }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "matchid-token-contract-address", children: token.address })
+      token.address.toLowerCase() != NATIVE_TOKEN_ADDRESS && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: `matchid-token-contract`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "matchid-token-contract-title", children: "Contract address" }),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "matchid-token-contract-address", children: token.address })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_intl21.FormattedMessage, { id: "send" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_intl21.FormattedMessage, { id: "send" }) })
   ] }) });
 }
 
 // src/components/TokenSendList/index.tsx
 var import_react41 = require("react");
 var import_react_intl22 = require("react-intl");
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 function TokenSendList({ close }) {
   const isDownMd = useDownMd();
   const walletAssets = useMatchWalletAssets();
@@ -6271,16 +6398,16 @@ function TokenSendList({ close }) {
   const modal = useModal();
   const onNext = () => {
     checked && modal.show((props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(TokenSend, { onClose: () => {
         props.close();
         close();
       }, onBack: props.close, zIndex: props.zIndex, token: checked });
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "matchid-token-send-list-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "matchid-token-send-list-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.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_runtime101.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
         "div",
         {
           className: `matchid-token-send-item ${checked?.address == n.address ? "matchid-token-send-chekced" : ""}`,
@@ -6288,10 +6415,10 @@ function TokenSendList({ close }) {
             setChecked(n);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "matchid-token-send-content", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "matchid-token-send-logo", children: [
-                n.icon ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "matchid-token-send-content", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "matchid-token-send-logo", children: [
+                n.icon ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                   AlphaAvatar2,
                   {
                     className: `matchid-token-send-icon`,
@@ -6299,7 +6426,7 @@ function TokenSendList({ close }) {
                     name: n.symbol || n.name || ""
                   }
                 ),
-                chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                   "img",
                   {
                     src: chain.iconUrl,
@@ -6308,9 +6435,9 @@ function TokenSendList({ close }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-token-send-info`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
-                /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: `matchid-token-send-info`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
               ] })
             ] })
           ]
@@ -6318,7 +6445,7 @@ function TokenSendList({ close }) {
         index
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_intl22.FormattedMessage, { id: "next" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl22.FormattedMessage, { id: "next" }) })
   ] });
 }
 
@@ -6328,7 +6455,7 @@ var import_react42 = require("react");
 var import_viem16 = require("viem");
 var import_viem17 = require("viem");
 var import_react_intl23 = require("react-intl");
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var Item = ({ data }) => {
   const { address } = useWallet();
   const isOut = data.from.toLowerCase() == address.toLowerCase();
@@ -6415,18 +6542,18 @@ var Item = ({ data }) => {
     }
     return chain?.nativeCurrency.symbol || chain?.nativeCurrency.name;
   }, [transferType, chain, contracts, chainId, data.to]);
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
     "a",
     {
       href: explorerLink(`tx/${data.hash}`),
       target: "_blank",
       className: `matchid-transaction-item`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-transacton-item-container`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "matchid-transaction-item-icon", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ArrowSendIcon, { className: !isOut ? "rotate-180" : "" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-transaction-item-details`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: `matchid-transaction-item-address`, children: formatAddress(to, 6, 4) }),
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: `matchid-transacton-item-container`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "matchid-transaction-item-icon", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ArrowSendIcon, { className: !isOut ? "rotate-180" : "" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: `matchid-transaction-item-details`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: `matchid-transaction-item-address`, children: formatAddress(to, 6, 4) }),
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
               "div",
               {
                 className: `matchid-transaction-item-timestamp`,
@@ -6435,11 +6562,11 @@ var Item = ({ data }) => {
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-transaction-item-amount ${"matchid-transaction-item-" + status}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(NumberFormatter, { value: amount, tFixNum: 6, prefix: isOut ? "-" : "+", suffix: " " + symbol }),
-          status == "loading" && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(LoadingIcon_default, { color: "#000000", size: 16, rotate: true }),
-          status == "success" && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(CheckRoundIcon, { size: 16 }),
-          status == "error" && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(InfoRoundIcon, { size: 16 })
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: `matchid-transaction-item-amount ${"matchid-transaction-item-" + status}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(NumberFormatter, { value: amount, tFixNum: 6, prefix: isOut ? "-" : "+", suffix: " " + symbol }),
+          status == "loading" && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(LoadingIcon_default, { color: "#000000", size: 16, rotate: true }),
+          status == "success" && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(CheckRoundIcon, { size: 16 }),
+          status == "error" && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(InfoRoundIcon, { size: 16 })
         ] })
       ]
     }
@@ -6449,19 +6576,19 @@ function TransactionList({
   scrollableTarget
 }) {
   const { fetchMoreData, hasMore, items } = useMatchWalletRecords();
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
     import_react_infinite_scroll_component.default,
     {
       scrollableTarget,
       dataLength: items.length,
       next: fetchMoreData,
       hasMore,
-      loader: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "matchid-list-nomore", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
+      loader: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "matchid-list-nomore", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
         "Loading..."
       ] }),
-      endMessage: items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_intl23.FormattedMessage, { id: "noMoreRecords" }) }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_intl23.FormattedMessage, { id: "noRecords" }) }),
-      children: items.length == 0 && !hasMore ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "mt-[150px]" }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: `matchid-transaction-list`, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Item, { data: item }, index)) })
+      endMessage: items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react_intl23.FormattedMessage, { id: "noMoreRecords" }) }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react_intl23.FormattedMessage, { id: "noRecords" }) }),
+      children: items.length == 0 && !hasMore ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "mt-[150px]" }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: `matchid-transaction-list`, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Item, { data: item }, index)) })
     }
   );
 }