@matchain/matchid-sdk-react 0.1.32 → 0.1.34

package/dist/index.mjs

@@ -1896,6 +1896,7 @@ function StepVerify(props) {
         placeholder: intl.formatMessage({
           id: "codePlaceholder"
         }),
+        className: "matchid-email-verify-field",
         maxLength: codeLength,
         onChange: (e) => setCode(e.target.value),
         value: code,
@@ -2042,6 +2043,7 @@ function LoginBox({
     "telegram",
     "twitter"
   ],
+  walletMethods = ["evm"],
   inModal = false
 }) {
   const [emailOpen, setEmailOpen] = useState9(false);
@@ -2103,20 +2105,20 @@ function LoginBox({
       onClick: () => login("youtube")
     }
   };
-  const walletMethods = [
-    {
+  const walletMap = {
+    evm: {
       icon: /* @__PURE__ */ jsx46(EVMDarkIcon, {}),
       activeIcon: /* @__PURE__ */ jsx46(EVMLightIcon, {}),
       name: "EVM",
       onClick: () => login("evm")
     },
-    {
+    sol: {
       icon: /* @__PURE__ */ jsx46(SOLDarkIcon, {}),
       activeIcon: /* @__PURE__ */ jsx46(SOLLightIcon, {}),
       name: "SOL",
       onClick: () => login("sol")
     }
-  ];
+  };
   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) => {
@@ -2129,7 +2131,8 @@ function LoginBox({
             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) => {
+              /* @__PURE__ */ jsx46("div", { className: "matchid-login-recommend-wallet-list", children: walletMethods.map((n) => {
+                const m2 = walletMap[n];
                 return /* @__PURE__ */ jsxs31(
                   "div",
                   {
@@ -2347,6 +2350,7 @@ function LoginButton({
   popoverPosition = "right",
   popoverType = "hover",
   popoverGap = 20,
+  walletMethods,
   ...props
 }) {
   const intl = useIntl8();
@@ -2354,7 +2358,16 @@ function LoginButton({
   const [loginOpen, setLoginOpen] = useState11(false);
   if (!isLogin) {
     return /* @__PURE__ */ jsxs35(Fragment3, { children: [
-      /* @__PURE__ */ jsx51(LoginModal, { methods, recommendMethods, isOpen: loginOpen, onClose: () => setLoginOpen(false) }),
+      /* @__PURE__ */ jsx51(
+        LoginModal,
+        {
+          methods,
+          walletMethods,
+          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: /* @__PURE__ */ jsx51(FormattedMessage8, { id: "login" }) })