@matchain/matchid-sdk-react 0.1.28 → 0.1.30

package/dist/index.mjs

@@ -510,8 +510,135 @@ function LinkedinIcon({
   ] });
 }
 
+// src/assets/icon/YoutubeIcon.tsx
+import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+
+// src/assets/icon/BTCDarkIcon.tsx
+import { jsx as jsx27 } from "react/jsx-runtime";
+
+// src/assets/icon/BTCLightIcon.tsx
+import { jsx as jsx28 } from "react/jsx-runtime";
+
+// src/assets/icon/EVMDarkIcon.tsx
+import { jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
+function EVMDarkIcon({ size = 40, ...props }) {
+  return /* @__PURE__ */ jsxs17("svg", { width: size, height: size, ...props, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx29("path", { d: "M20.5956 14.6424L25.0599 7.49951L29.5242 14.6424H20.5956Z", fill: "#6E6E6E" }),
+    /* @__PURE__ */ jsx29("path", { d: "M11.667 14.6424L16.1313 7.49951L20.5956 14.6424H11.667Z", fill: "#6E6E6E" }),
+    /* @__PURE__ */ jsx29("path", { d: "M25.0597 7.50021L20.5954 14.6431L16.1311 7.50021H25.0597Z", fill: "black" }),
+    /* @__PURE__ */ jsx29("path", { d: "M20.5956 14.6423L16.1313 21.7852L11.667 14.6423H20.5956Z", fill: "black" }),
+    /* @__PURE__ */ jsx29("path", { d: "M20.5952 25.3567L16.1309 32.4995L11.6666 25.3567H20.5952Z", fill: "#6E6E6E" }),
+    /* @__PURE__ */ jsx29("path", { d: "M29.5243 25.3567L25.06 32.4995L20.5957 25.3567H29.5243Z", fill: "#6E6E6E" }),
+    /* @__PURE__ */ jsx29("path", { d: "M16.1315 32.5008L20.5958 25.3579L25.06 32.5008H16.1315Z", fill: "black" }),
+    /* @__PURE__ */ jsx29("path", { d: "M20.5956 25.3572L25.0599 18.2144L29.5242 25.3572H20.5956Z", fill: "black" })
+  ] });
+}
+
+// src/assets/icon/EVMLightIcon.tsx
+import { jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
+function EVMLightIcon({ size = 40, ...props }) {
+  return /* @__PURE__ */ jsxs18("svg", { width: size, height: size, ...props, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx30("path", { d: "M20.5955 14.6424L25.0597 7.49951L29.524 14.6424H20.5955Z", fill: "#D9D9D9" }),
+    /* @__PURE__ */ jsx30("path", { d: "M11.6667 14.6424L16.131 7.49951L20.5953 14.6424H11.6667Z", fill: "#EFEFEF" }),
+    /* @__PURE__ */ jsx30("path", { d: "M25.0596 7.50021L20.5953 14.6431L16.131 7.50021H25.0596Z", fill: "white" }),
+    /* @__PURE__ */ jsx30("path", { d: "M20.5955 14.6423L16.1312 21.7852L11.6669 14.6423H20.5955Z", fill: "white" }),
+    /* @__PURE__ */ jsx30("path", { d: "M20.595 25.3567L16.1307 32.4995L11.6664 25.3567H20.595Z", fill: "#D9D9D9" }),
+    /* @__PURE__ */ jsx30("path", { d: "M29.5242 25.3567L25.0599 32.4995L20.5956 25.3567H29.5242Z", fill: "#EFEFEF" }),
+    /* @__PURE__ */ jsx30("path", { d: "M16.1313 32.5008L20.5956 25.3579L25.0599 32.5008H16.1313Z", fill: "white" }),
+    /* @__PURE__ */ jsx30("path", { d: "M20.5955 25.3572L25.0597 18.2144L29.524 25.3572H20.5955Z", fill: "white" })
+  ] });
+}
+
+// src/assets/icon/SOLDarkIcon.tsx
+import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
+function SOLDarkIcon({ size = 40, ...props }) {
+  return /* @__PURE__ */ jsxs19("svg", { width: size, height: size, ...props, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx31(
+      "path",
+      {
+        d: "M12.1242 24.7415C12.265 24.6007 12.4586 24.5186 12.6639 24.5186H31.2841C31.6243 24.5186 31.7945 24.9292 31.5539 25.1697L27.8757 28.848C27.7349 28.9888 27.5413 29.0709 27.3359 29.0709H8.71576C8.3755 29.0709 8.20537 28.6603 8.4459 28.4198L12.1242 24.7415Z",
+        fill: "black"
+      }
+    ),
+    /* @__PURE__ */ jsx31(
+      "path",
+      {
+        d: "M12.1243 11.0081C12.271 10.8673 12.4646 10.7852 12.664 10.7852H31.2842C31.6245 10.7852 31.7946 11.1958 31.5541 11.4363L27.8758 15.1146C27.735 15.2554 27.5414 15.3375 27.3361 15.3375H8.71588C8.37562 15.3375 8.20549 14.9269 8.44602 14.6864L12.1243 11.0081Z",
+        fill: "black"
+      }
+    ),
+    /* @__PURE__ */ jsx31(
+      "path",
+      {
+        d: "M27.8757 17.8299C27.7349 17.6891 27.5413 17.6069 27.3359 17.6069H8.71576C8.3755 17.6069 8.20537 18.0176 8.4459 18.2581L12.1242 21.9364C12.265 22.0772 12.4586 22.1593 12.6639 22.1593H31.2841C31.6243 22.1593 31.7945 21.7487 31.5539 21.5081L27.8757 17.8299Z",
+        fill: "black"
+      }
+    )
+  ] });
+}
+
+// src/assets/icon/SOLLightIcon.tsx
+import { jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
+function SOLLightIcon({ size = 40, ...props }) {
+  return /* @__PURE__ */ jsxs20(
+    "svg",
+    {
+      width: size,
+      height: size,
+      ...props,
+      viewBox: "0 0 40 40",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx32(
+          "path",
+          {
+            d: "M12.1239 24.7415C12.2647 24.6007 12.4583 24.5186 12.6636 24.5186H31.2838C31.6241 24.5186 31.7942 24.9292 31.5537 25.1697L27.8754 28.848C27.7346 28.9888 27.541 29.0709 27.3357 29.0709H8.71551C8.37526 29.0709 8.20513 28.6603 8.44565 28.4198L12.1239 24.7415Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx32(
+          "path",
+          {
+            d: "M12.1242 11.0081C12.2708 10.8673 12.4644 10.7852 12.6639 10.7852H31.2841C31.6243 10.7852 31.7945 11.1958 31.5539 11.4363L27.8757 15.1146C27.7349 15.2554 27.5413 15.3375 27.3359 15.3375H8.71576C8.3755 15.3375 8.20537 14.9269 8.4459 14.6864L12.1242 11.0081Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx32(
+          "path",
+          {
+            d: "M27.8754 17.8299C27.7346 17.6891 27.541 17.6069 27.3357 17.6069H8.71551C8.37526 17.6069 8.20513 18.0176 8.44565 18.2581L12.1239 21.9364C12.2647 22.0772 12.4583 22.1593 12.6636 22.1593H31.2838C31.6241 22.1593 31.7942 21.7487 31.5537 21.5081L27.8754 17.8299Z",
+            fill: "white"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/assets/icon/TRXDarkIcon.tsx
+import { jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
+
+// src/assets/icon/TRXLightIcon.tsx
+import { jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
+
+// src/assets/icon/ArrowDownIcon.tsx
+import { jsx as jsx35 } from "react/jsx-runtime";
+function ArrowDownIcon({ width = 20, height = 21, color = "black", ...props }) {
+  return /* @__PURE__ */ jsx35("svg", { width, height, viewBox: "0 0 20 21", fill: "none", ...props, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx35(
+    "path",
+    {
+      d: "M5 7.5L9.29289 11.7929C9.68342 12.1834 10.3166 12.1834 10.7071 11.7929L15 7.5",
+      stroke: color,
+      "stroke-width": "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+
 // src/components/Modal/index.tsx
-import { Fragment, jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
 function Modal({
   children,
   isOpen,
@@ -519,18 +646,18 @@ function Modal({
   zIndex = 100,
   className = ""
 }) {
-  return isOpen ? /* @__PURE__ */ jsx26(
+  return isOpen ? /* @__PURE__ */ jsx36(
     "div",
     {
       className: "matchid-overlay",
       style: {
         zIndex
       },
-      children: /* @__PURE__ */ jsx26("div", { className: `matchid-modal ${className}`, style: {
+      children: /* @__PURE__ */ jsx36("div", { className: `matchid-modal ${className}`, style: {
         width
       }, children })
     }
-  ) : /* @__PURE__ */ jsx26(Fragment, {});
+  ) : /* @__PURE__ */ jsx36(Fragment, {});
 }
 function ModalWithHeader({
   children,
@@ -541,13 +668,13 @@ function ModalWithHeader({
   showClose = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs16(Modal, { ...props, children: [
-    /* @__PURE__ */ jsxs16("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
-      /* @__PURE__ */ jsxs16("div", { className: "matchid-modal-header-content", children: [
-        onBack && /* @__PURE__ */ jsx26(ArrowLeftIcon, { className: "matchid-modal-header-back", onClick: onBack }),
-        /* @__PURE__ */ jsx26("span", { className: "matchid-modal-header-title", children: title })
+  return /* @__PURE__ */ jsxs23(Modal, { ...props, children: [
+    /* @__PURE__ */ jsxs23("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
+      /* @__PURE__ */ jsxs23("div", { className: "matchid-modal-header-content", children: [
+        onBack && /* @__PURE__ */ jsx36(ArrowLeftIcon, { className: "matchid-modal-header-back", onClick: onBack }),
+        /* @__PURE__ */ jsx36("span", { className: "matchid-modal-header-title", children: title })
       ] }),
-      onClose && /* @__PURE__ */ jsx26(CloseRoundIcon, { className: "matchid-modal-header-close", onClick: onClose })
+      onClose && /* @__PURE__ */ jsx36(CloseRoundIcon, { className: "matchid-modal-header-close", onClick: onClose })
     ] }),
     children
   ] });
@@ -558,7 +685,7 @@ import { useEffect as useEffect3, useMemo as useMemo2, useState as useState3 } f
 
 // src/components/Input/index.tsx
 import { useState } from "react";
-import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
 function Input({
   onChange,
   type,
@@ -567,22 +694,28 @@ function Input({
   ...props
 }) {
   const [inputType, setInputType] = useState(type);
-  return /* @__PURE__ */ jsxs17("div", { className: `matchid-input-box ${props.value.length > 0 ? "matchid-input-has-content" : ""} ${className}`, children: [
-    /* @__PURE__ */ jsx27("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
-    props.value.length > 0 && /* @__PURE__ */ jsx27(DeleteRoundIcon, { onClick: (e) => {
-      if (onChange) {
-        onChange({ target: { value: "" } });
-      }
-    }, className: "matchid-input-delete-icon", color: "var(--matchid-input-delete-icon-color)" }),
-    type === "password" && /* @__PURE__ */ jsx27("div", { className: "matchid-input-eye-icon", onClick: () => {
-      setInputType(inputType === "password" ? "text" : "password");
-    }, children: inputType === "password" ? /* @__PURE__ */ jsx27(CloseEyeIcon, {}) : /* @__PURE__ */ jsx27(OpenEyeIcon, {}) }),
-    after
-  ] });
+  return /* @__PURE__ */ jsxs24(
+    "div",
+    {
+      className: `matchid-input-box ${props.value.length > 0 ? "matchid-input-has-content" : ""} ${className}`,
+      children: [
+        /* @__PURE__ */ jsx37("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
+        props.value.length > 0 && /* @__PURE__ */ jsx37("div", { className: "matchid-input-delete-icon", onClick: (e) => {
+          if (onChange) {
+            onChange({ target: { value: "" } });
+          }
+        }, children: /* @__PURE__ */ jsx37(DeleteRoundIcon, { className: "", color: "var(--matchid-input-delete-icon-color)" }) }),
+        type === "password" && /* @__PURE__ */ jsx37("div", { className: "matchid-input-eye-icon", onClick: () => {
+          setInputType(inputType === "password" ? "text" : "password");
+        }, children: inputType === "password" ? /* @__PURE__ */ jsx37(CloseEyeIcon, {}) : /* @__PURE__ */ jsx37(OpenEyeIcon, {}) }),
+        after
+      ]
+    }
+  );
 }
 
 // src/components/Field/index.tsx
-import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs25 } from "react/jsx-runtime";
 function Field({
   label,
   children,
@@ -590,18 +723,18 @@ function Field({
   required,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs18("div", { className: `matchid-field-box ${className}`, children: [
-    /* @__PURE__ */ jsxs18("div", { className: "matchid-field-label", children: [
-      required && /* @__PURE__ */ jsx28("span", { className: "matchid-field-required", children: "*" }),
+  return /* @__PURE__ */ jsxs25("div", { className: `matchid-field-box ${className}`, children: [
+    /* @__PURE__ */ jsxs25("div", { className: "matchid-field-label", children: [
+      required && /* @__PURE__ */ jsx38("span", { className: "matchid-field-required", children: "*" }),
       label
     ] }),
     children,
-    error && /* @__PURE__ */ jsx28("div", { className: "matchid-field-error", children: error })
+    error && /* @__PURE__ */ jsx38("div", { className: "matchid-field-error", children: error })
   ] });
 }
 
 // src/components/Button/index.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function Button({
   size = "df",
   disabled = false,
@@ -620,7 +753,7 @@ function Button({
       onClick && onClick();
     }
   };
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx39(
     "button",
     {
       type,
@@ -630,7 +763,7 @@ function Button({
         ...style
       },
       onClick: onAction,
-      children: loading ? /* @__PURE__ */ jsx29(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
+      children: loading ? /* @__PURE__ */ jsx39(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
     }
   );
 }
@@ -1381,7 +1514,7 @@ function useCopyClipboard(timeout = 500) {
 }
 
 // src/components/PasswordModal/index.tsx
-import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
 function PasswordModal({
   title,
   isOpen,
@@ -1427,13 +1560,13 @@ function PasswordModal({
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ jsx30(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || "Set Password", children: /* @__PURE__ */ jsxs19("div", { className: "matchid-password-box", children: [
-    /* @__PURE__ */ jsxs19("div", { className: "matchid-password-header", children: [
-      /* @__PURE__ */ jsx30("div", { className: "matchid-password-header-icon", children: /* @__PURE__ */ jsx30(PasswordRoundIcon, {}) }),
-      /* @__PURE__ */ jsx30("div", { className: "matchid-password-header-content", children: "Please set the wallet password that will be used to recover the wallet" })
+  return /* @__PURE__ */ jsx40(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || "Set Password", children: /* @__PURE__ */ jsxs26("div", { className: "matchid-password-box", children: [
+    /* @__PURE__ */ jsxs26("div", { className: "matchid-password-header", children: [
+      /* @__PURE__ */ jsx40("div", { className: "matchid-password-header-icon", children: /* @__PURE__ */ jsx40(PasswordRoundIcon, {}) }),
+      /* @__PURE__ */ jsx40("div", { className: "matchid-password-header-content", children: "Please set the wallet password that will be used to recover the wallet" })
     ] }),
-    /* @__PURE__ */ jsxs19("div", { className: "matchid-password-content", children: [
-      /* @__PURE__ */ jsx30(Field, { label: "Password", error: password.length > 0 && passwordError, children: /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsxs26("div", { className: "matchid-password-content", children: [
+      /* @__PURE__ */ jsx40(Field, { label: "Password", error: password.length > 0 && passwordError, children: /* @__PURE__ */ jsx40(
         Input,
         {
           placeholder: "Enter the Password",
@@ -1443,7 +1576,7 @@ function PasswordModal({
           value: password
         }
       ) }),
-      /* @__PURE__ */ jsx30(Field, { label: "Re Password", error: rePassword.length > 0 ? rePasswordError || error : error, children: /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx40(Field, { label: "Re Password", error: rePassword.length > 0 ? rePasswordError || error : error, children: /* @__PURE__ */ jsx40(
         Input,
         {
           placeholder: "Re Enter the Password",
@@ -1454,7 +1587,7 @@ function PasswordModal({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx40(
       Button,
       {
         disabled: password.length == 0 || !!passwordError || !!rePasswordError,
@@ -1471,7 +1604,7 @@ function PasswordModal({
 
 // src/components/RecoveryModal/index.tsx
 import { useEffect as useEffect4, useMemo as useMemo3, useState as useState4 } from "react";
-import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
 function RecoveryModal({
   title,
   isOpen,
@@ -1507,12 +1640,12 @@ function RecoveryModal({
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ jsx31(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || "Recover Wallet", children: /* @__PURE__ */ jsxs20("div", { className: "matchid-password-box", children: [
-    /* @__PURE__ */ jsxs20("div", { className: "matchid-password-header", children: [
-      /* @__PURE__ */ jsx31("div", { className: "matchid-password-header-icon", children: /* @__PURE__ */ jsx31(PasswordRoundIcon, {}) }),
-      /* @__PURE__ */ jsx31("div", { className: "matchid-password-header-content", children: "Please enter your password to recover your wallet" })
+  return /* @__PURE__ */ jsx41(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || "Recover Wallet", children: /* @__PURE__ */ jsxs27("div", { className: "matchid-password-box", children: [
+    /* @__PURE__ */ jsxs27("div", { className: "matchid-password-header", children: [
+      /* @__PURE__ */ jsx41("div", { className: "matchid-password-header-icon", children: /* @__PURE__ */ jsx41(PasswordRoundIcon, {}) }),
+      /* @__PURE__ */ jsx41("div", { className: "matchid-password-header-content", children: "Please enter your password to recover your wallet" })
     ] }),
-    /* @__PURE__ */ jsx31("div", { className: "matchid-password-content", children: /* @__PURE__ */ jsx31(Field, { label: "Password", error: password.length > 0 ? passwordError || error : error, children: /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx41("div", { className: "matchid-password-content", children: /* @__PURE__ */ jsx41(Field, { label: "Password", error: password.length > 0 ? passwordError || error : error, children: /* @__PURE__ */ jsx41(
       Input,
       {
         placeholder: "Enter the Password",
@@ -1522,7 +1655,7 @@ function RecoveryModal({
         value: password
       }
     ) }) }),
-    /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx41(
       Button,
       {
         disabled: password.length == 0 || !!passwordError,
@@ -1538,7 +1671,7 @@ function RecoveryModal({
 }
 
 // src/components/SOLModal/index.tsx
-import React2, { useEffect as useEffect9, useMemo as useMemo8, useState as useState13 } from "react";
+import React2, { useEffect as useEffect9, useMemo as useMemo7, useState as useState13 } from "react";
 
 // src/components/index.tsx
 var components_exports = {};
@@ -1564,7 +1697,7 @@ import { useEffect as useEffect7, useState as useState7 } from "react";
 
 // src/components/EmailModal/StepEmail.tsx
 import { useEffect as useEffect5, useMemo as useMemo4, useState as useState5 } from "react";
-import { jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
 function StepEmail(props) {
   const [emailVal, setEmailVal] = useState5("");
   useEffect5(() => {
@@ -1578,8 +1711,8 @@ function StepEmail(props) {
   const onContinue = async () => {
     props.onContinue(emailVal);
   };
-  return /* @__PURE__ */ jsxs21("div", { className: "matchid-email-email-box", children: [
-    /* @__PURE__ */ jsx32(Field, { label: "Email Address", children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsxs28("div", { className: "matchid-email-email-box", children: [
+    /* @__PURE__ */ jsx42(Field, { label: "Email Address", children: /* @__PURE__ */ jsx42(
       Input,
       {
         placeholder: "Enter Your Email Address",
@@ -1587,7 +1720,7 @@ function StepEmail(props) {
         value: emailVal
       }
     ) }),
-    /* @__PURE__ */ jsx32(Button, { disabled: !canContinue, style: {
+    /* @__PURE__ */ jsx42(Button, { disabled: !canContinue, style: {
       marginTop: "64px"
     }, onClick: onContinue, size: "lg", block: true, highlight: true, children: "Continue" })
   ] });
@@ -1601,7 +1734,7 @@ var EMAIL_INTERVAL = 60;
 var EMAIL_CODE_LENGTH = 6;
 
 // src/components/EmailModal/StepVerify.tsx
-import { jsx as jsx33, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs29 } from "react/jsx-runtime";
 function StepVerify(props) {
   const { getLoginEmailCode, loginByEmail } = useUserInfo();
   const [error, setError] = useState6("");
@@ -1670,22 +1803,22 @@ function StepVerify(props) {
       setSubmitting(false);
     }
   };
-  return /* @__PURE__ */ jsxs22("div", { className: "matchid-email-verify-box", children: [
-    /* @__PURE__ */ jsxs22("div", { className: "matchid-email-verify-header", children: [
-      /* @__PURE__ */ jsx33("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ jsx33(EmailLineIcon, {}) }),
-      /* @__PURE__ */ jsxs22("div", { className: "matchid-email-verify-header-content", children: [
-        /* @__PURE__ */ jsx33("div", { className: "matchid-email-verify-header-value", children: props.email }),
-        /* @__PURE__ */ jsx33("div", { className: "matchid-email-verify-header-tips", children: "We have sent a verification code to your email" })
+  return /* @__PURE__ */ jsxs29("div", { className: "matchid-email-verify-box", children: [
+    /* @__PURE__ */ jsxs29("div", { className: "matchid-email-verify-header", children: [
+      /* @__PURE__ */ jsx43("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ jsx43(EmailLineIcon, {}) }),
+      /* @__PURE__ */ jsxs29("div", { className: "matchid-email-verify-header-content", children: [
+        /* @__PURE__ */ jsx43("div", { className: "matchid-email-verify-header-value", children: props.email }),
+        /* @__PURE__ */ jsx43("div", { className: "matchid-email-verify-header-tips", children: "We have sent a verification code to your email" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx33(Field, { label: "Verification Code", error, children: /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx43(Field, { label: "Verification Code", error, children: /* @__PURE__ */ jsx43(
       Input,
       {
         placeholder: "Enter the code",
         maxLength: codeLength,
         onChange: (e) => setCode(e.target.value),
         value: code,
-        after: /* @__PURE__ */ jsx33(
+        after: /* @__PURE__ */ jsx43(
           Button,
           {
             highlight: true,
@@ -1704,12 +1837,12 @@ function StepVerify(props) {
         )
       }
     ) }),
-    /* @__PURE__ */ jsx33(Button, { disabled: !canContinue, highlight: true, block: true, size: "lg", onClick: onContinue, children: "Continue" })
+    /* @__PURE__ */ jsx43(Button, { disabled: !canContinue, highlight: true, block: true, size: "lg", onClick: onContinue, children: "Continue" })
   ] });
 }
 
 // src/components/EmailModal/index.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function EmailModal({
   isOpen = false,
   width = 480,
@@ -1725,7 +1858,7 @@ function EmailModal({
       setEmailVal("");
     }
   }, [isOpen]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx44(
     ModalWithHeader,
     {
       isOpen,
@@ -1733,17 +1866,17 @@ function EmailModal({
       onClose,
       title: "Email",
       onBack: step == "verify" ? () => setStep("input") : onBack,
-      children: step === "input" ? /* @__PURE__ */ jsx34(StepEmail, { email: emailVal, onContinue: (email) => {
+      children: step === "input" ? /* @__PURE__ */ jsx44(StepEmail, { email: emailVal, onContinue: (email) => {
         setEmailVal(email);
         setStep("verify");
-      } }) : /* @__PURE__ */ jsx34(StepVerify, { email: emailVal, onSuccess: onLogin })
+      } }) : /* @__PURE__ */ jsx44(StepVerify, { email: emailVal, onSuccess: onLogin })
     }
   );
 }
 
 // src/components/Popover/index.tsx
 import { useState as useState8 } from "react";
-import { jsx as jsx35, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs30 } from "react/jsx-runtime";
 function Popover({
   children,
   content,
@@ -1753,7 +1886,7 @@ function Popover({
   gap = "20px"
 }) {
   const [active, setActive] = useState8(false);
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs30(
     "div",
     {
       onClick: () => {
@@ -1764,196 +1897,205 @@ function Popover({
       className: `matchid-popover-box matchid-popover-${position} matchid-popover-${type} ${className} ${type == "click" && active ? "matchid-popover-click-active" : ""}`,
       children: [
         children,
-        /* @__PURE__ */ jsx35("div", { style: {
+        /* @__PURE__ */ jsx45("div", { style: {
           paddingTop: gap
-        }, children: /* @__PURE__ */ jsx35("div", { className: `matchid-popover-content`, children: content }) })
+        }, children: /* @__PURE__ */ jsx45("div", { className: `matchid-popover-content`, children: content }) })
       ]
     }
   );
 }
 
 // src/components/LoginBox/index.tsx
-import { useMemo as useMemo6, useState as useState9 } from "react";
-
-// src/assets/icon/SOLIcon.tsx
-import { jsx as jsx36, jsxs as jsxs24 } from "react/jsx-runtime";
-function SOLIcon({
-  size = 40
-}) {
-  return /* @__PURE__ */ jsxs24("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 40 40", fill: "none", children: [
-    /* @__PURE__ */ jsx36("rect", { width: "40", height: "40", rx: "8", fill: "black" }),
-    /* @__PURE__ */ jsx36("rect", { x: "4", y: "4", width: "32", height: "32", rx: "16", fill: "black" }),
-    /* @__PURE__ */ jsx36(
-      "path",
-      {
-        d: "M12.4047 24.5841C12.5405 24.4483 12.7272 24.3691 12.9252 24.3691H30.8822C31.2103 24.3691 31.3744 24.7652 31.1424 24.9971L27.5952 28.5444C27.4594 28.6802 27.2727 28.7594 27.0747 28.7594H9.11766C8.78952 28.7594 8.62545 28.3634 8.85741 28.1314L12.4047 24.5841Z",
-        fill: "url(#paint0_linear_92_7813)"
-      }
-    ),
-    /* @__PURE__ */ jsx36(
-      "path",
-      {
-        d: "M12.4047 11.34C12.5461 11.2042 12.7328 11.125 12.9252 11.125H30.8822C31.2103 11.125 31.3744 11.521 31.1424 11.753L27.5952 15.3003C27.4594 15.436 27.2727 15.5152 27.0747 15.5152H9.11766C8.78952 15.5152 8.62545 15.1192 8.85741 14.8873L12.4047 11.34Z",
-        fill: "url(#paint1_linear_92_7813)"
-      }
-    ),
-    /* @__PURE__ */ jsx36(
-      "path",
-      {
-        d: "M27.5952 17.9201C27.4594 17.7843 27.2727 17.7051 27.0747 17.7051H9.11766C8.78952 17.7051 8.62545 18.1011 8.85741 18.3331L12.4047 21.8803C12.5405 22.0161 12.7272 22.0953 12.9252 22.0953H30.8822C31.2103 22.0953 31.3744 21.6993 31.1424 21.4673L27.5952 17.9201Z",
-        fill: "url(#paint2_linear_92_7813)"
-      }
-    ),
-    /* @__PURE__ */ jsxs24("defs", { children: [
-      /* @__PURE__ */ jsxs24(
-        "linearGradient",
-        {
-          id: "paint0_linear_92_7813",
-          x1: "29.1668",
-          y1: "9.00583",
-          x2: "16.7391",
-          y2: "32.8098",
-          gradientUnits: "userSpaceOnUse",
-          children: [
-            /* @__PURE__ */ jsx36("stop", { stopColor: "#00FFA3" }),
-            /* @__PURE__ */ jsx36("stop", { offset: "1", stopColor: "#DC1FFF" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs24(
-        "linearGradient",
+import { useState as useState9 } from "react";
+import { Fragment as Fragment2, jsx as jsx46, jsxs as jsxs31 } from "react/jsx-runtime";
+var RecommendItem = ({
+  icon,
+  name,
+  onClick,
+  showChildren = false,
+  children
+}) => {
+  return /* @__PURE__ */ jsxs31("div", { className: "matchid-login-recommend-method", children: [
+    /* @__PURE__ */ jsxs31("div", { className: "matchid-login-recommend-method-item", onClick, children: [
+      /* @__PURE__ */ jsxs31("div", { className: "matchid-login-recommend-method-content", children: [
+        /* @__PURE__ */ jsx46("div", { className: "matchid-login-recommend-method-icon", children: icon }),
+        /* @__PURE__ */ jsx46("span", { className: "matchid-login-recommend-method-name", children: name })
+      ] }),
+      children ? /* @__PURE__ */ jsx46(
+        ArrowDownIcon,
         {
-          id: "paint1_linear_92_7813",
-          x1: "23.7327",
-          y1: "6.16893",
-          x2: "11.305",
-          y2: "29.9729",
-          gradientUnits: "userSpaceOnUse",
-          children: [
-            /* @__PURE__ */ jsx36("stop", { stopColor: "#00FFA3" }),
-            /* @__PURE__ */ jsx36("stop", { offset: "1", stopColor: "#DC1FFF" })
-          ]
+          className: `matchid-login-recommend-method-arrow ${showChildren ? "matchid-login-recommend-method-arrow-active" : ""}`,
+          size: 20,
+          color: "var(--matchid-arrow-color)"
         }
-      ),
-      /* @__PURE__ */ jsxs24(
-        "linearGradient",
+      ) : /* @__PURE__ */ jsx46(
+        ArrowRightIcon,
         {
-          id: "paint2_linear_92_7813",
-          x1: "26.4324",
-          y1: "7.57879",
-          x2: "14.0048",
-          y2: "31.3828",
-          gradientUnits: "userSpaceOnUse",
-          children: [
-            /* @__PURE__ */ jsx36("stop", { stopColor: "#00FFA3" }),
-            /* @__PURE__ */ jsx36("stop", { offset: "1", stopColor: "#DC1FFF" })
-          ]
+          className: "matchid-login-recommend-method-arrow",
+          size: 20,
+          color: "var(--matchid-arrow-color)"
         }
       )
-    ] })
+    ] }),
+    children && /* @__PURE__ */ jsx46(
+      "div",
+      {
+        className: `matchid-login-recommend-method-popover ${showChildren ? "matchid-login-recommend-method-popover-active" : ""}`,
+        children
+      }
+    )
   ] });
-}
-
-// src/components/LoginBox/index.tsx
-import { Fragment as Fragment2, jsx as jsx37, jsxs as jsxs25 } from "react/jsx-runtime";
+};
 function LoginBox({
-  methods,
+  recommendMethods = [
+    "wallet",
+    "email",
+    "google"
+  ],
+  methods = [
+    "telegram",
+    "twitter"
+  ],
   inModal = false
 }) {
   const [emailOpen, setEmailOpen] = useState9(false);
   const { login } = useUserInfo();
-  const defaultMethods = [
-    "evm",
-    // 'sol',
-    "google",
-    "email",
-    "telegram",
-    "twitter"
-    // 'facebook',
-  ];
-  const methodList = useMemo6(() => {
-    return methods || defaultMethods;
-  }, [methods]);
-  const LoginItem = ({
-    icon,
-    name,
-    onClick
-  }) => {
-    return /* @__PURE__ */ jsxs25("div", { className: "matchid-login-method", onClick, children: [
-      /* @__PURE__ */ jsxs25("div", { className: "matchid-login-method-content", children: [
-        /* @__PURE__ */ jsx37("div", { className: "matchid-login-method-icon", children: icon }),
-        /* @__PURE__ */ jsx37("span", { className: "matchid-login-method-name", children: name })
-      ] }),
-      /* @__PURE__ */ jsx37(ArrowRightIcon, { className: "matchid-login-method-arrow", size: 20, color: "var(--matchid-arrow-color)" })
-    ] });
-  };
+  const [showWallet, setShowWallet] = useState9(false);
   const methodMap = {
-    evm: {
-      icon: /* @__PURE__ */ jsx37(WalletIcon, {}),
-      name: "EVM",
-      onClick: () => login("evm")
+    wallet: {
+      icon: /* @__PURE__ */ jsx46(WalletIcon, {}),
+      name: "Wallet",
+      onClick: () => setShowWallet(!showWallet),
+      type: "wallet"
     },
     email: {
-      icon: /* @__PURE__ */ jsx37(EmailIcon, {}),
+      icon: /* @__PURE__ */ jsx46(EmailIcon, {}),
       name: "Email",
       onClick: () => {
         setEmailOpen(true);
       }
     },
     google: {
-      icon: /* @__PURE__ */ jsx37(GoogleIcon, {}),
+      icon: /* @__PURE__ */ jsx46(GoogleIcon, {}),
       name: "Google",
       onClick: () => login("google")
     },
     twitter: {
-      icon: /* @__PURE__ */ jsx37(XIcon, {}),
+      icon: /* @__PURE__ */ jsx46(XIcon, {}),
       name: "X",
       onClick: () => login("twitter")
     },
     telegram: {
-      icon: /* @__PURE__ */ jsx37(TelegramIcon, {}),
+      icon: /* @__PURE__ */ jsx46(TelegramIcon, {}),
       name: "Telegram",
       onClick: () => login("telegram")
     },
     github: {
-      icon: /* @__PURE__ */ jsx37(GithubIcon, {}),
+      icon: /* @__PURE__ */ jsx46(GithubIcon, {}),
       name: "Github",
       onClick: () => login("github")
     },
     discord: {
-      icon: /* @__PURE__ */ jsx37(DiscordIcon, {}),
+      icon: /* @__PURE__ */ jsx46(DiscordIcon, {}),
       name: "Discord",
       onClick: () => login("discord")
     },
     linkedin: {
-      icon: /* @__PURE__ */ jsx37(LinkedinIcon, {}),
+      icon: /* @__PURE__ */ jsx46(LinkedinIcon, {}),
       name: "LinkedIn",
       onClick: () => login("linkedin")
     },
     facebook: {
-      icon: /* @__PURE__ */ jsx37(FacebookIcon, {}),
+      icon: /* @__PURE__ */ jsx46(FacebookIcon, {}),
       name: "Facebook",
       onClick: () => login("facebook")
+    }
+  };
+  const walletMethods = [
+    {
+      icon: /* @__PURE__ */ jsx46(EVMDarkIcon, {}),
+      activeIcon: /* @__PURE__ */ jsx46(EVMLightIcon, {}),
+      name: "EVM",
+      onClick: () => login("evm")
     },
-    sol: {
-      icon: /* @__PURE__ */ jsx37(SOLIcon, {}),
+    {
+      icon: /* @__PURE__ */ jsx46(SOLDarkIcon, {}),
+      activeIcon: /* @__PURE__ */ jsx46(SOLLightIcon, {}),
       name: "SOL",
       onClick: () => login("sol")
     }
-  };
-  return /* @__PURE__ */ jsxs25(Fragment2, { children: [
-    (!inModal || !emailOpen) && /* @__PURE__ */ jsx37("div", { className: "matchid-login-box", children: methodList.map((m) => {
-      return /* @__PURE__ */ jsx37(
-        LoginItem,
-        {
-          icon: methodMap[m]?.icon,
-          name: methodMap[m]?.name,
-          onClick: methodMap[m]?.onClick
-        },
-        m
-      );
-    }) }),
-    /* @__PURE__ */ jsx37(
+  ];
+  return /* @__PURE__ */ jsxs31(Fragment2, { children: [
+    (!inModal || !emailOpen) && /* @__PURE__ */ jsxs31("div", { className: "matchid-login-box", children: [
+      /* @__PURE__ */ jsx46("div", { className: "matchid-login-recommend-list", children: recommendMethods.map((m) => {
+        return /* @__PURE__ */ jsx46(
+          RecommendItem,
+          {
+            icon: methodMap[m]?.icon,
+            name: methodMap[m]?.name,
+            onClick: methodMap[m]?.onClick,
+            showChildren: m == "wallet" && showWallet,
+            children: m == "wallet" && /* @__PURE__ */ jsxs31(Fragment2, { children: [
+              /* @__PURE__ */ jsx46("div", { className: "matchid-login-recommend-wallet-divider" }),
+              /* @__PURE__ */ jsx46("div", { className: "matchid-login-recommend-wallet-list", children: walletMethods.map((m2) => {
+                return /* @__PURE__ */ jsxs31(
+                  "div",
+                  {
+                    className: "matchid-login-recommend-wallet-item",
+                    onClick: m2.onClick,
+                    children: [
+                      /* @__PURE__ */ jsxs31("div", { className: "matchid-login-recommend-wallet-item-content", children: [
+                        /* @__PURE__ */ jsx46("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
+                        /* @__PURE__ */ jsx46(
+                          "div",
+                          {
+                            className: "matchid-login-recommend-wallet-item-hover-icon",
+                            children: m2.activeIcon
+                          }
+                        ),
+                        /* @__PURE__ */ jsx46(
+                          "span",
+                          {
+                            className: "matchid-login-recommend-wallet-item-name",
+                            children: m2.name
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsx46(
+                        ArrowRightIcon,
+                        {
+                          className: "matchid-login-recommend-wallet-item-arrow",
+                          size: 20,
+                          color: "var(--matchid-arrow-color)"
+                        }
+                      )
+                    ]
+                  },
+                  m2.name
+                );
+              }) })
+            ] })
+          },
+          m
+        );
+      }) }),
+      methods.length > 0 && /* @__PURE__ */ jsxs31("div", { className: "matchid-login-other", children: [
+        /* @__PURE__ */ jsx46("div", { className: "matchid-login-other-text", children: "Other login methods" }),
+        /* @__PURE__ */ jsx46("div", { className: "matchid-login-method-box", children: methods.map((m) => {
+          return /* @__PURE__ */ jsx46(
+            "div",
+            {
+              className: "matchid-login-method-item",
+              onClick: methodMap[m]?.onClick,
+              title: methodMap[m]?.name,
+              children: methodMap[m]?.icon
+            },
+            m
+          );
+        }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx46(
       EmailModal,
       {
         isOpen: emailOpen,
@@ -1972,39 +2114,39 @@ function LoginBox({
 import { useState as useState11 } from "react";
 
 // src/components/LoginPanel/index.tsx
-import { jsx as jsx38, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs32 } from "react/jsx-runtime";
 function LoginPanel({
   header,
   onClose,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs26("div", { className: "matchid-login-panel", children: [
-    header ? header : /* @__PURE__ */ jsxs26("div", { className: "matchid-login-panel-header", children: [
-      /* @__PURE__ */ jsxs26("div", { className: "matchid-login-panel-header-content", children: [
-        /* @__PURE__ */ jsx38("div", { className: "matchid-login-panel-header-title", children: "Log in / Sign up" }),
-        /* @__PURE__ */ jsx38("div", { className: "matchid-login-panel-header-subtilte", children: "You can use the following methods" })
+  return /* @__PURE__ */ jsxs32("div", { className: "matchid-login-panel", children: [
+    header ? header : /* @__PURE__ */ jsxs32("div", { className: "matchid-login-panel-header", children: [
+      /* @__PURE__ */ jsxs32("div", { className: "matchid-login-panel-header-content", children: [
+        /* @__PURE__ */ jsx47("div", { className: "matchid-login-panel-header-title", children: "Log in / Sign up" }),
+        /* @__PURE__ */ jsx47("div", { className: "matchid-login-panel-header-subtilte", children: "You can use the following methods" })
       ] }),
-      onClose && /* @__PURE__ */ jsx38("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ jsx38(CloseRoundIcon, {}) })
+      onClose && /* @__PURE__ */ jsx47("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ jsx47(CloseRoundIcon, {}) })
     ] }),
-    /* @__PURE__ */ jsx38("div", { className: "matchid-login-panel-divide" }),
-    /* @__PURE__ */ jsx38(LoginBox, { ...props })
+    /* @__PURE__ */ jsx47("div", { className: "matchid-login-panel-divide" }),
+    /* @__PURE__ */ jsx47("div", { className: "matchid-login-panel-box", children: /* @__PURE__ */ jsx47(LoginBox, { ...props }) })
   ] });
 }
 
 // src/components/LoginModal/index.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function LoginModal({
   isOpen = false,
   width = 480,
   ...props
 }) {
   const { isLogin } = useUserInfo();
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx48(
     Modal,
     {
       isOpen: isOpen && !isLogin,
       width,
-      children: /* @__PURE__ */ jsx39(LoginPanel, { ...props, inModal: true })
+      children: /* @__PURE__ */ jsx48(LoginPanel, { ...props, inModal: true })
     }
   );
 }
@@ -2013,10 +2155,10 @@ function LoginModal({
 import { useState as useState10 } from "react";
 
 // src/assets/icon/ProfileIcon.tsx
-import { jsx as jsx40, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs33 } from "react/jsx-runtime";
 function ProfileIcon({ size = 24, color = "black", ...props }) {
-  return /* @__PURE__ */ jsxs27("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsxs33("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx49(
       "path",
       {
         fillRule: "evenodd",
@@ -2025,7 +2167,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
         fill: color
       }
     ),
-    /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx49(
       "path",
       {
         fillRule: "evenodd",
@@ -2038,7 +2180,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
 }
 
 // src/components/UserPopover/index.tsx
-import { jsx as jsx41, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs34 } from "react/jsx-runtime";
 function UserContent() {
   const { logout, address, username } = useUserInfo();
   const [logouting, setLogouting] = useState10(false);
@@ -2059,31 +2201,31 @@ function UserContent() {
     rightIcon,
     onClick
   }) => {
-    return /* @__PURE__ */ jsxs28("div", { className: "matchid-user-popover-item", onClick, children: [
-      /* @__PURE__ */ jsxs28("div", { className: `matchid-user-popover-item-content`, children: [
+    return /* @__PURE__ */ jsxs34("div", { className: "matchid-user-popover-item", onClick, children: [
+      /* @__PURE__ */ jsxs34("div", { className: `matchid-user-popover-item-content`, children: [
         icon,
-        /* @__PURE__ */ jsx41("div", { className: "matchid-user-popover-item-text", children })
+        /* @__PURE__ */ jsx50("div", { className: "matchid-user-popover-item-text", children })
       ] }),
       rightIcon
     ] });
   };
   const UserDivider = () => {
-    return /* @__PURE__ */ jsx41("div", { className: `matchid-user-popover-divider` });
+    return /* @__PURE__ */ jsx50("div", { className: `matchid-user-popover-divider` });
   };
   const [usernameOpen, setUsernameOpen] = useState10(false);
   const [copied, setCopied] = useCopyClipboard();
-  return /* @__PURE__ */ jsxs28("div", { className: "matchid-user-popover-content", children: [
-    /* @__PURE__ */ jsxs28("div", { className: "matchid-user-popover-list", children: [
-      /* @__PURE__ */ jsx41(UserItem, { onClick: () => {
+  return /* @__PURE__ */ jsxs34("div", { className: "matchid-user-popover-content", children: [
+    /* @__PURE__ */ jsxs34("div", { className: "matchid-user-popover-list", children: [
+      /* @__PURE__ */ jsx50(UserItem, { onClick: () => {
         setCopied(address);
-      }, icon: copied ? /* @__PURE__ */ jsx41(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ jsx41(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ jsx41(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
-      /* @__PURE__ */ jsx41(UserDivider, {}),
-      /* @__PURE__ */ jsx41(UserItem, { onClick: () => {
+      }, icon: copied ? /* @__PURE__ */ jsx50(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ jsx50(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ jsx50(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
+      /* @__PURE__ */ jsx50(UserDivider, {}),
+      /* @__PURE__ */ jsx50(UserItem, { onClick: () => {
         setUsernameOpen(true);
-      }, icon: /* @__PURE__ */ jsx41(ProfileIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ jsx41(ArrowRightIcon, { size: 20, color: "var(--icon-color)" }), children: username || "Set a username" })
+      }, icon: /* @__PURE__ */ jsx50(ProfileIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ jsx50(ArrowRightIcon, { size: 20, color: "var(--icon-color)" }), children: username || "Set a username" })
     ] }),
-    /* @__PURE__ */ jsx41(Button, { onClick: onLogout, loading: logouting, children: "Disconnect" }),
-    /* @__PURE__ */ jsx41(UsernameModal, { isOpen: usernameOpen, onClose: () => {
+    /* @__PURE__ */ jsx50(Button, { onClick: onLogout, loading: logouting, children: "Disconnect" }),
+    /* @__PURE__ */ jsx50(UsernameModal, { isOpen: usernameOpen, onClose: () => {
       setUsernameOpen(false);
     }, onSuccess: () => {
       setUsernameOpen(false);
@@ -2094,14 +2236,15 @@ function UserPopover({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(Popover, { ...props, content: /* @__PURE__ */ jsx41(UserContent, {}), children });
+  return /* @__PURE__ */ jsx50(Popover, { ...props, content: /* @__PURE__ */ jsx50(UserContent, {}), children });
 }
 
 // src/components/LoginButton/index.tsx
-import { Fragment as Fragment3, jsx as jsx42, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx51, jsxs as jsxs35 } from "react/jsx-runtime";
 function LoginButton({
   loginRender,
   methods,
+  recommendMethods,
   onLoginClick,
   popoverPosition = "right",
   popoverType = "hover",
@@ -2111,32 +2254,32 @@ function LoginButton({
   const { isLogin, username } = useUserInfo();
   const [loginOpen, setLoginOpen] = useState11(false);
   if (!isLogin) {
-    return /* @__PURE__ */ jsxs29(Fragment3, { children: [
-      /* @__PURE__ */ jsx42(LoginModal, { methods, isOpen: loginOpen, onClose: () => setLoginOpen(false) }),
-      /* @__PURE__ */ jsxs29(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
-        /* @__PURE__ */ jsx42(UnLoginIcon_default, {}),
-        /* @__PURE__ */ jsx42("span", { children: "Login" })
+    return /* @__PURE__ */ jsxs35(Fragment3, { children: [
+      /* @__PURE__ */ jsx51(LoginModal, { methods, recommendMethods, isOpen: loginOpen, onClose: () => setLoginOpen(false) }),
+      /* @__PURE__ */ jsxs35(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
+        /* @__PURE__ */ jsx51(UnLoginIcon_default, {}),
+        /* @__PURE__ */ jsx51("span", { children: "Login" })
       ] })
     ] });
   }
-  return loginRender ? { loginRender } : /* @__PURE__ */ jsx42(UserPopover, { position: popoverPosition, type: popoverType, gap: popoverGap, children: /* @__PURE__ */ jsxs29(Button, { onClick: onLoginClick, className: "matchid-login-btn", ...props, children: [
-    /* @__PURE__ */ jsx42(LoginIcon_default, {}),
-    /* @__PURE__ */ jsx42("span", { children: username ? truncateAddress(username) : "MatchID User" })
+  return loginRender ? /* @__PURE__ */ jsx51(Fragment3, { children: loginRender }) : /* @__PURE__ */ jsx51(UserPopover, { position: popoverPosition, type: popoverType, gap: popoverGap, children: /* @__PURE__ */ jsxs35(Button, { onClick: onLoginClick, className: "matchid-login-btn", ...props, children: [
+    /* @__PURE__ */ jsx51(LoginIcon_default, {}),
+    /* @__PURE__ */ jsx51("span", { children: username ? truncateAddress(username) : "MatchID User" })
   ] }) });
 }
 
 // src/components/UsernameModal/index.tsx
-import { useEffect as useEffect8, useMemo as useMemo7, useState as useState12 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo6, useState as useState12 } from "react";
 
 // src/assets/icon/InfoRoundIcon.tsx
-import { jsx as jsx43, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs36 } from "react/jsx-runtime";
 function InfoRoundIcon({
   size,
   color = "#6E6E6E",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs30("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
-    /* @__PURE__ */ jsx43("g", { clipPath: "url(#clip0_418_7746)", children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsxs36("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsx52("g", { clipPath: "url(#clip0_418_7746)", children: /* @__PURE__ */ jsx52(
       "path",
       {
         fillRule: "evenodd",
@@ -2145,19 +2288,19 @@ function InfoRoundIcon({
         fill: color
       }
     ) }),
-    /* @__PURE__ */ jsx43("defs", { children: /* @__PURE__ */ jsx43("clipPath", { id: "clip0_418_7746", children: /* @__PURE__ */ jsx43("rect", { width: "16", height: "16", fill: "white" }) }) })
+    /* @__PURE__ */ jsx52("defs", { children: /* @__PURE__ */ jsx52("clipPath", { id: "clip0_418_7746", children: /* @__PURE__ */ jsx52("rect", { width: "16", height: "16", fill: "white" }) }) })
   ] });
 }
 
 // src/components/UsernameModal/index.tsx
-import { jsx as jsx44, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs37 } from "react/jsx-runtime";
 var ValidItem = ({
   success = false,
   text
 }) => {
-  return /* @__PURE__ */ jsxs31("div", { className: `matchid-valid-status-item matchid-valid-status-${success ? "success" : "error"}`, children: [
-    success ? /* @__PURE__ */ jsx44(CheckRoundIcon, { size: 16 }) : /* @__PURE__ */ jsx44(InfoRoundIcon, { size: 16 }),
-    /* @__PURE__ */ jsx44("span", { children: text })
+  return /* @__PURE__ */ jsxs37("div", { className: `matchid-valid-status-item matchid-valid-status-${success ? "success" : "error"}`, children: [
+    success ? /* @__PURE__ */ jsx53(CheckRoundIcon, { size: 16 }) : /* @__PURE__ */ jsx53(InfoRoundIcon, { size: 16 }),
+    /* @__PURE__ */ jsx53("span", { children: text })
   ] });
 };
 function UsernameModal({
@@ -2176,10 +2319,10 @@ function UsernameModal({
       setError("");
     }
   }, [isOpen]);
-  const isValid = useMemo7(() => {
+  const isValid = useMemo6(() => {
     return isValidUsername(val);
   }, [val]);
-  const isLength = useMemo7(() => {
+  const isLength = useMemo6(() => {
     return val.length >= 2 && val.length <= 32;
   }, [val]);
   const isSafe = isValid && isLength;
@@ -2203,8 +2346,8 @@ function UsernameModal({
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ jsx44(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || (username ? "Edit User Name" : "Set User Name"), children: /* @__PURE__ */ jsxs31("div", { className: "matchid-username-box", children: [
-    /* @__PURE__ */ jsx44(Field, { label: "User Name", error, children: /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx53(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || (username ? "Edit User Name" : "Set User Name"), children: /* @__PURE__ */ jsxs37("div", { className: "matchid-username-box", children: [
+    /* @__PURE__ */ jsx53(Field, { label: "User Name", error, children: /* @__PURE__ */ jsx53(
       Input,
       {
         placeholder: "Enter Your User Name",
@@ -2215,20 +2358,20 @@ function UsernameModal({
         value: val
       }
     ) }),
-    /* @__PURE__ */ jsxs31("div", { className: "matchid-valid", children: [
-      /* @__PURE__ */ jsx44(
+    /* @__PURE__ */ jsxs37("div", { className: "matchid-valid", children: [
+      /* @__PURE__ */ jsx53(
         ValidItem,
         {
           success: isValid,
           text: "Name can be composed of numbers and letters as well as characters"
         }
       ),
-      /* @__PURE__ */ jsx44(ValidItem, { success: isLength, text: "No less than 2 characters" })
+      /* @__PURE__ */ jsx53(ValidItem, { success: isLength, text: "No less than 2 characters" })
     ] }),
-    /* @__PURE__ */ jsx44(Button, { disabled: !isSafe, loading: isSubmitting, style: {
+    /* @__PURE__ */ jsx53(Button, { disabled: !isSafe, loading: isSubmitting, style: {
       marginTop: "64px"
     }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: "Confirm" }),
-    /* @__PURE__ */ jsx44(Button, { style: {
+    /* @__PURE__ */ jsx53(Button, { style: {
       marginTop: "24px"
     }, onClick: props.onClose, size: "lg", block: true, children: "Next Time" })
   ] }) });
@@ -2294,7 +2437,7 @@ var walletConnectImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEA
 var walletSigningImage = "data:image/png;base64,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";
 
 // src/components/SOLModal/index.tsx
-import { jsx as jsx45, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs38 } from "react/jsx-runtime";
 function WalletContent({
   onSuccess,
   type
@@ -2373,7 +2516,7 @@ function WalletContent({
       statusRef.current = "";
     }
   };
-  const pageData = useMemo8(() => {
+  const pageData = useMemo7(() => {
     if (status == "success") {
       return {
         btnText: "Disconnect Wallet",
@@ -2427,12 +2570,12 @@ function WalletContent({
       statusImage: walletConnectImage
     };
   }, [visible, wallet.connected, status, error, wallet.publicKey]);
-  return /* @__PURE__ */ jsx45("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ jsxs32("div", { className: `matchid-wallet-box`, children: [
-    /* @__PURE__ */ jsxs32("div", { className: `matchid-wallet-content`, children: [
-      /* @__PURE__ */ jsx45("img", { src: pageData.statusImage }),
-      /* @__PURE__ */ jsx45("div", { className: pageData.isError ? "text-[#F7585E]" : "", children: pageData.text })
+  return /* @__PURE__ */ jsx54("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ jsxs38("div", { className: `matchid-wallet-box`, children: [
+    /* @__PURE__ */ jsxs38("div", { className: `matchid-wallet-content`, children: [
+      /* @__PURE__ */ jsx54("img", { src: pageData.statusImage }),
+      /* @__PURE__ */ jsx54("div", { className: pageData.isError ? "text-[#F7585E]" : "", children: pageData.text })
     ] }),
-    /* @__PURE__ */ jsx45(
+    /* @__PURE__ */ jsx54(
       Button,
       {
         block: true,
@@ -2491,18 +2634,18 @@ function SOLModal({
   onSuccess,
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(ModalWithHeader, { ...props, title: props.title || firstUpperCase(type + " SOL Wallet"), children: /* @__PURE__ */ jsx45(ConnectionProvider, { endpoint: clusterApiUrl("devnet"), children: /* @__PURE__ */ jsx45(WalletProvider, { wallets, autoConnect: true, children: /* @__PURE__ */ jsx45(WalletModalProvider, { children: /* @__PURE__ */ jsx45(WalletContent, { onSuccess, type }) }) }) }) });
+  return /* @__PURE__ */ jsx54(ModalWithHeader, { ...props, title: props.title || firstUpperCase(type + " SOL Wallet"), children: /* @__PURE__ */ jsx54(ConnectionProvider, { endpoint: clusterApiUrl("devnet"), children: /* @__PURE__ */ jsx54(WalletProvider, { wallets, autoConnect: true, children: /* @__PURE__ */ jsx54(WalletModalProvider, { children: /* @__PURE__ */ jsx54(WalletContent, { onSuccess, type }) }) }) }) });
 }
 
 // src/context/BusinessProvider.tsx
-import { Fragment as Fragment4, jsx as jsx46, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx55, jsxs as jsxs39 } from "react/jsx-runtime";
 function BusinessProvider({ children }) {
   const { overview, token } = useUserInfo();
   const { recoveryModal } = useStore_default();
   const { type: SOLType, isOpen: SOLIsOpen, close: SOLClose } = useSOLModalStore();
-  return /* @__PURE__ */ jsxs33(Fragment4, { children: [
-    /* @__PURE__ */ jsx46(PasswordModal, { isOpen: !!token && !!overview && !overview.address && !!overview.did, showClose: false }),
-    /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsxs39(Fragment4, { children: [
+    /* @__PURE__ */ jsx55(PasswordModal, { isOpen: !!token && !!overview && !overview.address && !!overview.did, showClose: false }),
+    /* @__PURE__ */ jsx55(
       RecoveryModal,
       {
         isOpen: !!token && !!overview && !!overview.address && recoveryModal.open,
@@ -2510,7 +2653,7 @@ function BusinessProvider({ children }) {
         onSuccess: recoveryModal.success
       }
     ),
-    /* @__PURE__ */ jsx46(
+    /* @__PURE__ */ jsx55(
       SOLModal,
       {
         isOpen: SOLIsOpen && (SOLType == "login" && !overview && !token || SOLType == "bind" && !!token && !!overview),
@@ -2525,11 +2668,11 @@ function BusinessProvider({ children }) {
 }
 
 // src/context/index.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 var Providers = ({ children }) => {
   return (
     // <MpcWalletProvider>
-    /* @__PURE__ */ jsx47(BusinessProvider, { children })
+    /* @__PURE__ */ jsx56(BusinessProvider, { children })
   );
 };
 var context_default = Providers;
@@ -2776,7 +2919,7 @@ function useInit({
 
 // src/MatchContext.tsx
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 var queryClient = new QueryClient();
 var MatchContext = createContext(void 0);
 var MatchProvider = ({ children, appid, events, theme = "light", endpoints }) => {
@@ -2789,7 +2932,7 @@ var MatchProvider = ({ children, appid, events, theme = "light", endpoints }) =>
   useWalletInit({
     refreshOverview: loadOverview
   });
-  return /* @__PURE__ */ jsx48(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx57(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx57(
     MatchContext.Provider,
     {
       value: {
@@ -2799,7 +2942,7 @@ var MatchProvider = ({ children, appid, events, theme = "light", endpoints }) =>
         login,
         theme
       },
-      children: /* @__PURE__ */ jsx48(context_default, { children })
+      children: /* @__PURE__ */ jsx57(context_default, { children })
     }
   ) });
 };