@matchain/matchid-sdk-react 0.1.56 → 0.1.57

package/dist/hooks.js

@@ -652,6 +652,12 @@ function InputLengthIcon({
   ) });
 }
 
+// src/assets/icon/KakaoIcon.tsx
+var import_jsx_runtime54 = require("react/jsx-runtime");
+
+// src/assets/icon/MatchIdIcon.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+
 // src/hooks/useLayout.tsx
 var useLayout_exports = {};
 __export(useLayout_exports, {
@@ -673,7 +679,7 @@ function useDownMd() {
 }
 
 // src/hooks/useConfig.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
 
 // src/store/useModalStore.ts
@@ -714,6 +720,12 @@ var useWalletModalStore = (0, import_zustand2.create)((set) => ({
   open: (type, methods = DEFAULT_WALLET_METHODS) => set({ isOpen: true, type, methods }),
   close: () => set({ isOpen: false })
 }));
+var useEmailModalStore = (0, import_zustand2.create)((set) => ({
+  isOpen: false,
+  type: "",
+  open: (type) => set({ isOpen: true, type }),
+  close: () => set({ isOpen: false })
+}));
 
 // src/components/EmailModal/index.tsx
 var import_react7 = require("react");
@@ -723,7 +735,7 @@ var import_react3 = require("react");
 
 // src/ui/Overlay/index.tsx
 var import_react2 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function Overlay({
   isOpen = false,
   children,
@@ -739,7 +751,7 @@ function Overlay({
       document.body.style.overflow = "";
     };
   }, [isOpen]);
-  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "div",
     {
       className: "matchid-overlay",
@@ -748,12 +760,12 @@ function Overlay({
       },
       children
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, {});
+  ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, {});
 }
 
 // src/ui/Modal/index.tsx
 var import_react_intl = require("react-intl");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function Modal({
   children,
   isOpen,
@@ -761,10 +773,10 @@ function Modal({
   zIndex = 100,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: `matchid-modal ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: `matchid-modal ${className}`, style: {
     width
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "matchid-modal-mobile-header" }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "matchid-modal-mobile-header" }),
     children
   ] }) });
 }
@@ -778,13 +790,13 @@ function ModalWithHeader({
   ...props
 }) {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Modal, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "matchid-modal-header-content", children: [
-        onBack && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "matchid-modal-header-title", children: title })
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Modal, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "matchid-modal-header-content", children: [
+        onBack && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "matchid-modal-header-title", children: title })
       ] }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
     ] }),
     children
   ] });
@@ -795,7 +807,7 @@ var import_react5 = require("react");
 
 // src/utils/index.tsx
 var import_moment = __toESM(require("moment"));
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var getVersion = () => {
   return "0.0.2";
 };
@@ -827,10 +839,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_runtime57.jsxs)("span", { className, children: [
-      prefix && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: prefixClassName, children: prefix }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: intClassName, children: intFormat }),
-      decimalPart ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: decimalClassName, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className, children: [
+      prefix && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: prefixClassName, children: prefix }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: intClassName, children: intFormat }),
+      decimalPart ? /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: decimalClassName, children: [
         ".",
         decimalPart.substring(0, fixNum)
       ] }) : "",
@@ -847,30 +859,30 @@ var NumberFormatter = ({
       }
     }
     if (zeroCount < tFixNum) {
-      return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className, children: [
-        prefix && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: prefixClassName, children: prefix }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: intClassName, children: intFormat }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: decimalClassName, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className, children: [
+        prefix && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: prefixClassName, children: prefix }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: intClassName, children: intFormat }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: decimalClassName, children: [
           ".",
           decimalPart.substring(0, tFixNum)
         ] }),
         suffix
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className, children: [
-      prefix && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: prefixClassName, children: prefix }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: intClassName, children: intFormat }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: decimalClassName, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className, children: [
+      prefix && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: prefixClassName, children: prefix }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: intClassName, children: intFormat }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: decimalClassName, children: [
         ".0",
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("sub", { children: zeroCount }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("sub", { children: zeroCount }),
         decimalPart?.substring(zeroCount, zeroCount + tFixNum - 2)
       ] }),
       suffix
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className, children: [
-    prefix && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: prefixClassName, children: prefix }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: intClassName, children: intPart }),
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className, children: [
+    prefix && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: prefixClassName, children: prefix }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: intClassName, children: intPart }),
     suffix
   ] });
 };
@@ -879,7 +891,7 @@ var isInTgApp = () => {
 };
 
 // src/ui/Button/index.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function Button({
   size = "df",
   disabled = false,
@@ -899,7 +911,7 @@ function Button({
       onClick && onClick();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     "button",
     {
       type,
@@ -910,14 +922,14 @@ function Button({
       },
       onClick: onAction,
       ...dataset,
-      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime60.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_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function Input({
   onChange,
   type,
@@ -942,7 +954,7 @@ function Input({
       textarea.style.height = Math.min(textarea.scrollHeight, maxHeight) + "px";
     }
   }, [props.value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
     "div",
     {
       className: `matchid-input-box matchid-input-${type} ${props.value && props.value.length > 0 ? "matchid-input-has-content" : ""} ${className}`,
@@ -951,14 +963,14 @@ function Input({
         "--max-rows": maxRows
       },
       children: [
-        children ?? (type == "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("textarea", { rows: 1, onChange, ...props, className: "matchid-input-field", ref: textareaRef, style: {
+        children ?? (type == "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("textarea", { rows: 1, onChange, ...props, className: "matchid-input-field", ref: textareaRef, style: {
           maxHeight: maxRows * 24 + "px"
-        } }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" })),
-        type != "textarea" && showClear && props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
+        } }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" })),
+        type != "textarea" && showClear && props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
           if (onChange) {
             onChange({ target: { value: "" } });
           }
-        }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           DeleteRoundIcon,
           {
             height: isDownMd ? 16 : 21,
@@ -966,16 +978,16 @@ function Input({
             color: "var(--matchid-input-delete-icon-color)"
           }
         ) }),
-        type === "password" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
+        type === "password" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
           setInputType(inputType === "password" ? "text" : "password");
-        }, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
-        showLength && props.maxLength && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: `matchid-input-length`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { children: [
+        }, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
+        showLength && props.maxLength && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: `matchid-input-length`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { children: [
             props.value?.length || 0,
             "/",
             props.maxLength
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(InputLengthIcon, { color: "var(--icon-color)" })
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(InputLengthIcon, { color: "var(--icon-color)" })
         ] }),
         after
       ]
@@ -984,7 +996,7 @@ function Input({
 }
 
 // src/ui/Field/index.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function Field({
   label,
   children,
@@ -992,19 +1004,19 @@ function Field({
   required,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "matchid-field-label", children: [
-      required && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "matchid-field-required", children: "*" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "matchid-field-label", children: [
+      required && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "matchid-field-required", children: "*" }),
       label
     ] }),
     children,
-    error && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "matchid-field-error", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "matchid-field-error", children: error })
   ] });
 }
 
 // src/components/EmailModal/StepEmail.tsx
 var import_react_intl2 = require("react-intl");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 
 // src/components/EmailModal/StepVerify.tsx
 var import_react6 = require("react");
@@ -1014,15 +1026,15 @@ var NATIVE_TOKEN_ADDRESS = "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee";
 
 // src/components/EmailModal/StepVerify.tsx
 var import_react_intl3 = require("react-intl");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
 var import_react_intl4 = require("react-intl");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 
 // 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");
 
 // src/components/LoginBox/index.tsx
 var import_react9 = require("react");
@@ -1032,39 +1044,39 @@ var import_react_intl5 = require("react-intl");
 var import_react_query = require("@tanstack/react-query");
 
 // src/components/LoginBox/index.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react11 = require("react");
 
 // src/components/LoginPanel/index.tsx
 var import_react_intl6 = require("react-intl");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react10 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react_intl7 = require("react-intl");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react_intl8 = require("react-intl");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
 var import_react12 = require("react");
 var import_react_intl9 = require("react-intl");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 
 // src/ui/Drawer/index.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 function Drawer({
   children,
   showClose = true,
@@ -1075,15 +1087,15 @@ function Drawer({
   onBack
 }) {
   if (!isOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_jsx_runtime72.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_jsx_runtime74.Fragment, {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "matchid-drawer", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: `matchid-drawer-header matchid-flex`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: `matchid-drawer-header-content matchid-flex`, children: [
-        onBack && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ArrowLeftIcon, { height: 25, width: 24, className: "matchid-drawer-header-back", onClick: onBack }),
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "matchid-drawer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: `matchid-drawer-header matchid-flex`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: `matchid-drawer-header-content matchid-flex`, children: [
+        onBack && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ArrowLeftIcon, { height: 25, width: 24, className: "matchid-drawer-header-back", onClick: onBack }),
         title
       ] }),
-      showClose && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(CloseRoundIcon, { className: "matchid-drawer-header-close", onClick: onClose })
+      showClose && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(CloseRoundIcon, { className: "matchid-drawer-header-close", onClick: onClose })
     ] }),
     children
   ] }) });
@@ -1093,7 +1105,7 @@ function Drawer({
 var import_react13 = require("react");
 
 // src/ui/ModalDrawer/index.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function ModalDrawer({
   title,
   drawerTitleVisible = true,
@@ -1101,9 +1113,9 @@ function ModalDrawer({
 }) {
   const isDownMd = useDownMd();
   if (isDownMd) {
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ModalWithHeader, { ...props, title });
+    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ModalWithHeader, { ...props, title });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Drawer, { ...props, title: drawerTitleVisible ? title : null });
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Drawer, { ...props, title: drawerTitleVisible ? title : null });
 }
 
 // src/assets/lottie/confirm.json
@@ -1159,7 +1171,7 @@ function useHash({
 }
 
 // src/ui/HashPanel/index.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 function HashPanel({
   hash,
   chain,
@@ -1219,14 +1231,14 @@ function HashPanel({
     }
   }, [hashQuery.data]);
   const link = chain ? `${chain?.blockExplorers?.default.url}/tx/${hash}` : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     ModalDrawer,
     {
       isOpen,
       showClose: true,
       onClose,
       zIndex,
-      title: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+      title: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
         "div",
         {
           className: "matchid-hashpanel-header",
@@ -1236,36 +1248,36 @@ function HashPanel({
           children: statusValue.text
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "matchid-hashpanel-box", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "matchid-hashpanel-content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: `matchid-hashpanel-status`, style: {
+      children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "matchid-hashpanel-box", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "matchid-hashpanel-content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: `matchid-hashpanel-status`, style: {
             color: statusValue.color
           }, children: statusValue.text }),
-          statusValue.lottie && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Lottie_default, { animationData: statusValue.lottie, style: {
+          statusValue.lottie && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Lottie_default, { animationData: statusValue.lottie, style: {
             width: "96px",
             height: "96px"
           } }),
-          hash && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
+          hash && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "matchid-hashpanel-hash", children: [
             "Hash:",
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("a", { href: link, target: "_blank", children: hash })
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("a", { href: link, target: "_blank", children: hash })
           ] }),
-          error && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "matchid-hashpanel-text", children: error })
+          error && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "matchid-hashpanel-text", children: error })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Button, { onClick: onClose, size: "lg", block: true, children: "Back" })
       ] })
     }
   );
 }
 function HashPanel_default(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(HashPanel, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(HashPanel, { ...props });
 }
 
 // src/ui/Switch/index.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 
 // src/ui/AlphaAvatar/index.tsx
 var import_react14 = require("react");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 function AlphaAvatar({
   name,
   size = "default",
@@ -1282,7 +1294,7 @@ function AlphaAvatar({
     return "";
   }, [name]);
   const numberSize = typeof size === "number" ? size : size === "sm" ? 24 : size === "default" ? 40 : 64;
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: numberSize,
     height: numberSize,
     fontSize: Math.ceil(numberSize / 2),
@@ -1291,7 +1303,7 @@ function AlphaAvatar({
 }
 
 // src/ui/Radio/index.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 function Radio({
   checked = false,
   onChange,
@@ -1300,23 +1312,23 @@ function Radio({
   className = "",
   style = {}
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { onClick: onChange, className: `matchid-radio ${className} ${checked ? "matchid-radio-checked" : ""}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime79.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_runtime77.jsx)("div", { className: `matchid-radio-content`, style: {
+  }, children: checked && /* @__PURE__ */ (0, import_jsx_runtime79.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_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 
 // src/ui/Tabs/index.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 
 // src/ui/Lottie/index.tsx
 var import_lottie_react = require("lottie-react");
@@ -1332,7 +1344,7 @@ var LazyLottie = (props) => {
 var Lottie_default = LazyLottie;
 
 // src/ui/Checkbox/index.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 
 // src/components/EVMModal/index.tsx
 var import_react17 = require("react");
@@ -1370,7 +1382,7 @@ var import_react_intl10 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
 var import_react15 = require("react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 
 // src/components/EVMModal/index.tsx
 var import_rainbowkit = require("@rainbow-me/rainbowkit");
@@ -1387,7 +1399,7 @@ var import_ethers = require("ethers");
 // src/components/EVMModal/index.tsx
 var import_siwe = require("siwe");
 var import_styles = require("@rainbow-me/rainbowkit/styles.css");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 
 // src/components/TRONModal/index.tsx
 var import_react19 = __toESM(require("react"));
@@ -1397,13 +1409,13 @@ var import_react_intl11 = require("react-intl");
 var import_react18 = require("react");
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 
 // src/components/TONModal/index.tsx
 var import_react20 = __toESM(require("react"));
 var import_react_intl12 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 
 // src/components/BTCModal/index.tsx
 var import_react22 = __toESM(require("react"));
@@ -1416,16 +1428,16 @@ var import_sats_connect = require("sats-connect");
 var import_react21 = require("react");
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 
 // src/components/WalletModal/index.tsx
 var import_react23 = require("react");
 var import_react_intl14 = require("react-intl");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 
 // src/components/AlphaAvatar/index.tsx
 var import_react24 = require("react");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 function AlphaAvatar2({ name, size = 40, className = "" }) {
   const [avatar, setAvatar] = (0, import_react24.useState)(void 0);
   (0, import_react24.useEffect)(() => {
@@ -1434,7 +1446,7 @@ function AlphaAvatar2({ name, size = 40, className = "" }) {
       setAvatar(char);
     }
   }, [name]);
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: size,
     height: size,
     fontSize: Math.ceil(size / 2)
@@ -1442,13 +1454,13 @@ function AlphaAvatar2({ name, size = 40, className = "" }) {
 }
 
 // src/components/WalletAsset/index.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 
 // src/components/TokenSend/index.tsx
 var import_react25 = require("react");
 var import_viem2 = require("viem");
 var import_react_intl15 = require("react-intl");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 function Input2({
   onChange,
   placeholder,
@@ -1458,8 +1470,8 @@ function Input2({
   error,
   size = "df"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
       "input",
       {
         placeholder,
@@ -1470,7 +1482,7 @@ function Input2({
         className: `matchid-token-input ${error ? "matchid-token-input-error" : ""}`
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "matchid-token-input-error-text", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "matchid-token-input-error-text", children: error })
   ] });
 }
 function TokenSend({
@@ -1598,24 +1610,24 @@ function TokenSend({
       window.removeEventListener("message", receiveMessage);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl15.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-token-send-box`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "matchid-token-send-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-token-amount-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-token-amount-header`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl15.FormattedMessage, { id: "amount" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
-            token.icon ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl15.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-send-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-token-send-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-content`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-header`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl15.FormattedMessage, { id: "amount" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
+            token.icon ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
               "img",
               {
                 src: token?.icon,
                 alt: token?.symbol,
                 className: `matchid-token-amount-chain-icon`
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { children: token?.symbol })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: token?.symbol })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
           Input2,
           {
             type: "text",
@@ -1628,18 +1640,18 @@ function TokenSend({
             error: error.amount || txError
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-token-amount-title`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl15.FormattedMessage, { id: "balance" }),
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-title`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl15.FormattedMessage, { id: "balance" }),
             ":"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-token-address-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl15.FormattedMessage, { id: "receiveTitle" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-address-content`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl15.FormattedMessage, { id: "receiveTitle" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
           Input2,
           {
             type: "text",
@@ -1655,7 +1667,7 @@ function TokenSend({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
       Button,
       {
         size: "lg",
@@ -1664,7 +1676,7 @@ function TokenSend({
         disabled: !canSend || !!txError,
         onClick: onNext,
         loading: loading || sending,
-        children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl15.FormattedMessage, { id: "next" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl15.FormattedMessage, { id: "next" })
       }
     )
   ] }) });
@@ -1672,12 +1684,12 @@ function TokenSend({
 
 // src/components/TokenDetail/index.tsx
 var import_react_intl16 = require("react-intl");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 
 // src/components/TokenSendList/index.tsx
 var import_react26 = require("react");
 var import_react_intl17 = require("react-intl");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function TokenSendList({ close }) {
   const isDownMd = useDownMd();
   const walletAssets = useMatchWalletAssets();
@@ -1689,16 +1701,16 @@ function TokenSendList({ close }) {
   const modal = useModal();
   const onNext = () => {
     checked && modal.show((props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TokenSend, { onClose: () => {
         props.close();
         close();
       }, onBack: props.close, zIndex: props.zIndex, token: checked });
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-token-send-list-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-token-send-list-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index) => {
       const chain = list?.find((m) => m.id.toString() === n.chain_id);
-      return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
         "div",
         {
           className: `matchid-token-send-item ${checked?.address == n.address ? "matchid-token-send-chekced" : ""}`,
@@ -1706,10 +1718,10 @@ function TokenSendList({ close }) {
             setChecked(n);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
-            /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-token-send-content", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-token-send-logo", children: [
-                n.icon ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-token-send-content", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-token-send-logo", children: [
+                n.icon ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                   AlphaAvatar2,
                   {
                     className: `matchid-token-send-icon`,
@@ -1717,7 +1729,7 @@ function TokenSendList({ close }) {
                     name: n.symbol || n.name || ""
                   }
                 ),
-                chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+                chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                   "img",
                   {
                     src: chain.iconUrl,
@@ -1726,9 +1738,9 @@ function TokenSendList({ close }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-send-info`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
-                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-token-send-info`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
               ] })
             ] })
           ]
@@ -1736,7 +1748,7 @@ function TokenSendList({ close }) {
         index
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl17.FormattedMessage, { id: "next" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl17.FormattedMessage, { id: "next" }) })
   ] });
 }
 
@@ -1804,12 +1816,12 @@ var useContractStore_default = useContractStore;
 
 // src/components/TransactionList/index.tsx
 var import_react_intl18 = require("react-intl");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 
 // src/components/CEXBindModal/index.tsx
 var import_react28 = require("react");
 var import_react_intl19 = require("react-intl");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
 var import_react_query3 = require("@tanstack/react-query");
@@ -1826,13 +1838,16 @@ var useStore = (0, import_zustand4.create)((set) => ({
 }));
 var useStore_default = useStore;
 
+// src/components/BindEmailModal/index.tsx
+var import_jsx_runtime96 = require("react/jsx-runtime");
+
 // src/context/BusinessProvider.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 
 // src/context/ModalContext.tsx
 var import_react29 = require("react");
 var import_react_dom = require("react-dom");
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var ModalContext = (0, import_react29.createContext)(null);
 function useModal() {
   const context = (0, import_react29.useContext)(ModalContext);
@@ -1845,7 +1860,7 @@ function useModal() {
 // src/context/ToastContext.tsx
 var import_react30 = require("react");
 var import_react_dom2 = require("react-dom");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var ToastContext = (0, import_react30.createContext)(null);
 function useToast() {
   const context = (0, import_react30.useContext)(ToastContext);
@@ -1856,7 +1871,7 @@ function useToast() {
 }
 
 // src/context/index.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 
 // src/hooks/useWalletInit.ts
 var import_react31 = require("react");
@@ -1936,7 +1951,7 @@ var matchTest = /* @__PURE__ */ (0, import_viem6.defineChain)({
 
 // src/MatchContext.tsx
 var import_wagmi3 = require("wagmi");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var queryClient = new import_react_query4.QueryClient();
 var wagmiConfig = (0, import_rainbowkit2.getDefaultConfig)({
   appName: "MatchID",
@@ -1988,6 +2003,7 @@ function useUserInfo() {
   const { open: BTCOpen } = useBTCModalStore();
   const { open: CEXBindOpen } = useCEXBindModalStore();
   const walletModalStore = useWalletModalStore();
+  const emailModalStore = useEmailModalStore();
   const getRedirectUri = () => {
     return encodeURIComponent(window.location.href);
   };
@@ -2081,6 +2097,7 @@ function useUserInfo() {
       case "github":
       case "linkedin":
       case "facebook":
+      case "kakao":
         return await loginByMethod(method);
       default:
         throw new Error("unsupported method");
@@ -2165,6 +2182,8 @@ function useUserInfo() {
         return TONOpen("bind");
       case "btc":
         return BTCOpen("bind");
+      case "email":
+        return emailModalStore.open("bind");
       case "telegram":
         return await bindTelegram();
       case "twitter":
@@ -2174,6 +2193,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(
@@ -2188,6 +2208,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)) {
@@ -2256,6 +2301,7 @@ function useUserInfo() {
     auth,
     login: loginMethod,
     bind,
+    bindByEmail,
     getAuthInfo,
     invite
   };
@@ -2318,7 +2364,7 @@ var useTransactionStore = (0, import_zustand5.create)((0, import_middleware3.dev
 var useTransactionStore_default = useTransactionStore;
 
 // src/hooks/useWallet.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var AppClientId2 = "react-sdk-" + getVersion();
 function useWallet() {
   const { address, wallet: walletConfig } = useLocalStore_default();
@@ -2492,12 +2538,12 @@ function useWallet() {
             address: evmAccount.address
           });
           modal.show((props) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
+            return /* @__PURE__ */ (0, import_jsx_runtime102.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_runtime99.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_runtime102.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, error: typeof error == "string" ? error : error.details || error.message, chain: _chain });
           });
           throw error;
         }
@@ -2631,7 +2677,7 @@ function useImportTokenListQuery({
 var import_react38 = require("react");
 var import_viem10 = require("viem");
 var import_react_intl21 = require("react-intl");
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 function useMatchChain() {
   const chainListQuery = useChainListQuery();
   const modal = useModal();
@@ -2662,28 +2708,28 @@ function useMatchChain() {
     const { chainId: storeChainId2, setChainId: setChainId2 } = useLocalStore_default();
     const [selectedChainId, setSelectedChainId] = (0, import_react38.useState)(storeChainId2);
     const isDownMd = useDownMd();
-    return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: `matchid-change-network-box`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: `matchid-change-network-box`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
           "div",
           {
             onClick: () => setSelectedChainId(item.id),
             className: `matchid-change-network-item  ${selectedChainId == item.id ? "matchid-change-network-selected" : ""}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
-                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
             ]
           },
           index
         );
       }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
         setChainId2(selectedChainId || 0);
         close();
-      }, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_intl21.FormattedMessage, { id: "confirm" }) })
+      }, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_intl21.FormattedMessage, { id: "confirm" }) })
     ] });
   }
   const showChangeNetwork = () => {
@@ -2756,7 +2802,7 @@ function useIsContract({
 }
 
 // src/components/ImportToken/index.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 function ImportToken({ close }) {
   const [status, setStatus] = (0, import_react39.useState)("");
   const { token } = useUserInfo();
@@ -2867,22 +2913,22 @@ function ImportToken({ close }) {
     enabled: canImport
   });
   if (status == "success" || status == "fail") {
-    return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `matchid-import-token-result-img`, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Lottie_default, { animationData: status == "success" ? success_default : fail_default, style: {
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: `matchid-import-token-result-img`, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Lottie_default, { animationData: status == "success" ? success_default : fail_default, style: {
           width: "96px",
           height: "96px"
         } }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_intl22.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_intl22.FormattedMessage, { id: "importFail" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl22.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl22.FormattedMessage, { id: "importFail" }) })
       ] }),
-      status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_intl22.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_intl22.FormattedMessage, { id: "back" }) })
+      status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl22.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl22.FormattedMessage, { id: "back" }) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-import-token`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "matchid-import-token-form", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Field, { label: intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: `matchid-import-token`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "matchid-import-token-form", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Field, { label: intl.formatMessage({
         id: "tokenSmartContract"
-      }), error: error.address ? error.address : isContractQuery.isFetched && !isContractQuery.isLoading && !isContractQuery.data && canImport ? "Address isn't a contract address" : "", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+      }), error: error.address ? error.address : isContractQuery.isFetched && !isContractQuery.isLoading && !isContractQuery.data && canImport ? "Address isn't a contract address" : "", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -2893,9 +2939,9 @@ function ImportToken({ close }) {
           maxLength: 42
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Field, { label: intl.formatMessage({
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Field, { label: intl.formatMessage({
         id: "tokenSymbol"
-      }), error: error.symbol, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+      }), error: error.symbol, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -2906,9 +2952,9 @@ function ImportToken({ close }) {
           maxLength: 16
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Field, { label: intl.formatMessage({
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Field, { label: intl.formatMessage({
         id: "tokenDecimals"
-      }), error: error.decimals, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+      }), error: error.decimals, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -2920,7 +2966,7 @@ function ImportToken({ close }) {
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
       Button,
       {
         size: "lg",
@@ -2929,14 +2975,14 @@ function ImportToken({ close }) {
         loading: loading || isContractQuery.isLoading,
         disabled: !canImport || !isContractQuery.data,
         highlight: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_intl22.FormattedMessage, { id: "import" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl22.FormattedMessage, { id: "import" })
       }
     )
   ] });
 }
 
 // src/hooks/useMatchWallet.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var ReceiveModal = () => {
   const chain = useMatchChain();
   const { address } = useWallet();
@@ -2950,10 +2996,10 @@ var ReceiveModal = () => {
     }));
   };
   const chainLink = chain.explorerLink("address/" + address);
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-receive-modal`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "matchid-receive-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_intl23.FormattedMessage, { id: "receiveQrcode" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: `matchid-receive-modal`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "matchid-receive-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react_intl23.FormattedMessage, { id: "receiveQrcode" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
         import_react_qrcode.QRCode,
         {
           margin: "0",
@@ -2961,7 +3007,7 @@ var ReceiveModal = () => {
           value: address
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
         "a",
         {
           href: chainLink,
@@ -2971,7 +3017,7 @@ var ReceiveModal = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
       import_react_intl23.FormattedMessage,
       {
         id: "copyAddress"