@matchain/matchid-sdk-react 0.1.56-alpha.12 → 0.1.56-alpha.14

package/dist/api.mjs

@@ -2,11 +2,11 @@ import {
   bind_exports,
   poh_exports,
   user_exports
-} from "./chunk-44JQQ34F.mjs";
+} from "./chunk-SEACJPL6.mjs";
 import {
   isSuccess,
   wallet_exports
-} from "./chunk-DUSDBXBT.mjs";
+} from "./chunk-EMSBFHPM.mjs";
 import "./chunk-UA6XHZHX.mjs";
 import "./chunk-IZOOVZAD.mjs";
 import "./chunk-FQ6PYZPD.mjs";

package/dist/{chunk-DUSDBXBT.mjs → chunk-EMSBFHPM.mjs}

@@ -2997,6 +2997,12 @@ var useWalletModalStore = create5((set) => ({
   open: (type, methods = DEFAULT_WALLET_METHODS) => set({ isOpen: true, type, methods }),
   close: () => set({ isOpen: false })
 }));
+var useEmailModalStore = create5((set) => ({
+  isOpen: false,
+  type: "login",
+  open: (type) => set({ isOpen: true, type }),
+  close: () => set({ isOpen: false })
+}));
 
 // src/components/CEXBindModal/index.tsx
 import { useEffect as useEffect16, useMemo as useMemo7, useState as useState16 } from "react";
@@ -3017,7 +3023,7 @@ function CEXBindModal({
   const [secret, setSecret] = useState16("");
   const [error, setError] = useState16("");
   const needPassphrase = useMemo7(() => {
-    return ["bitget", "okx"].includes(type.toLowerCase());
+    return ["bitget", "okx", "kucoin"].includes(type.toLowerCase());
   }, [type]);
   useEffect16(() => {
     if (isOpen) {
@@ -3122,6 +3128,7 @@ function BusinessProvider({ children }) {
   const { type: BTCType, isOpen: BTCIsOpen, close: BTCClose } = useBTCModalStore();
   const { type: CEXType, isOpen: CEXIsOpen, close: CEXClose } = useCEXBindModalStore();
   const WalletModalStore = useWalletModalStore();
+  const EmailModalStore = useEmailModalStore();
   const { tgAppAuthCode, setTgAppAuthCode } = useStore_default();
   const { login } = useMatch();
   const walletModalClose = (func) => {
@@ -3207,6 +3214,16 @@ function BusinessProvider({ children }) {
         zIndex: 150
       }
     ),
+    /* @__PURE__ */ jsx25(
+      EmailModal,
+      {
+        isOpen: EmailModalStore.isOpen && (EmailModalStore.type == "login" && !overview && !token || EmailModalStore.type == "bind" && !!token && !!overview),
+        onClose: EmailModalStore.close,
+        onLogin: EmailModalStore.close,
+        type: EmailModalStore.type,
+        zIndex: 199
+      }
+    ),
     children
   ] });
 }
@@ -4521,6 +4538,7 @@ function useUserInfo() {
   const { open: TONOpen } = useTONModalStore();
   const { open: BTCOpen } = useBTCModalStore();
   const { open: CEXBindOpen } = useCEXBindModalStore();
+  const { open: EmailOpen } = useEmailModalStore();
   const walletModalStore = useWalletModalStore();
   const getRedirectUri = () => {
     return encodeURIComponent(window.location.href);
@@ -4655,6 +4673,34 @@ function useUserInfo() {
     }
     return false;
   };
+  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 bindWallet = async () => {
     if (!token) {
       throw new Error("You must login first");
@@ -4702,12 +4748,15 @@ function useUserInfo() {
         return BTCOpen("bind");
       case "telegram":
         return await bindTelegram();
+      case "email":
+        return EmailOpen("bind");
       case "twitter":
       case "google":
       case "discord":
       case "github":
       case "linkedin":
       case "facebook":
+      case "kakao":
       case "youtube":
         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);
@@ -4791,6 +4840,7 @@ function useUserInfo() {
     auth,
     login: loginMethod,
     bind,
+    bindByEmail,
     getAuthInfo,
     invite
   };
@@ -4802,7 +4852,7 @@ import { FormattedMessage as FormattedMessage6, useIntl as useIntl7 } from "reac
 import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
 function StepVerify(props) {
   const intl = useIntl7();
-  const { getLoginEmailCode, loginByEmail } = useUserInfo();
+  const { getLoginEmailCode, bindByEmail, loginByEmail } = useUserInfo();
   const [error, setError] = useState18("");
   const [code, setCode] = useState18("");
   const [sending, setSending] = useState18(false);
@@ -4862,7 +4912,10 @@ function StepVerify(props) {
     try {
       setError("");
       setSubmitting(true);
-      const res = await loginByEmail({
+      const res = props.type === "bind" ? await bindByEmail({
+        email: props.email,
+        code
+      }) : await loginByEmail({
         email: props.email,
         code
       });
@@ -4924,6 +4977,7 @@ import { useIntl as useIntl8 } from "react-intl";
 import { jsx as jsx29 } from "react/jsx-runtime";
 function EmailModal({
   isOpen = false,
+  type = "login",
   width = 480,
   onClose,
   onBack,
@@ -4938,6 +4992,16 @@ function EmailModal({
       setEmailVal("");
     }
   }, [isOpen]);
+  const verifySuccess = () => {
+    console.log("verifySuccess", onLogin);
+    if (onLogin) {
+      console.log("verifySuccess to login");
+      onLogin();
+    } else {
+      console.log("verifySuccess to close");
+      onClose && onClose();
+    }
+  };
   return /* @__PURE__ */ jsx29(
     ModalWithHeader,
     {
@@ -4951,7 +5015,7 @@ function EmailModal({
       children: step === "input" ? /* @__PURE__ */ jsx29(StepEmail, { email: emailVal, onContinue: (email) => {
         setEmailVal(email);
         setStep("verify");
-      } }) : /* @__PURE__ */ jsx29(StepVerify, { email: emailVal, onSuccess: onLogin })
+      } }) : /* @__PURE__ */ jsx29(StepVerify, { email: emailVal, type, onSuccess: verifySuccess })
     }
   );
 }
@@ -5070,7 +5134,7 @@ function LoginBox({
       walletMethods: walletMethodList
     };
   }, [config.platform, recommendMethods, methods, walletMethods]);
-  const [emailOpen, setEmailOpen] = useState20(false);
+  const { open: emailOpen } = useEmailModalStore();
   const { login } = useUserInfo();
   const [showWallet, setShowWallet] = useState20(false);
   const intl = useIntl9();
@@ -5086,7 +5150,7 @@ function LoginBox({
       icon: /* @__PURE__ */ jsx30(EmailIcon, { size: isDownMd ? 36 : 40 }),
       name: intl.formatMessage({ id: "email" }),
       onClick: () => {
-        setEmailOpen(true);
+        emailOpen("login");
       }
     },
     google: {
@@ -5136,130 +5200,116 @@ function LoginBox({
     }
   };
   const { walletMap } = useWalletConfig();
-  return /* @__PURE__ */ jsxs16(Fragment5, { children: [
-    (!inModal || !emailOpen) && /* @__PURE__ */ jsxs16("div", { className: "matchid-login-box", children: [
-      /* @__PURE__ */ jsx30("div", { className: "matchid-login-recommend-list", children: methodConfig.recommendMethods.map((m) => {
-        return /* @__PURE__ */ jsx30(
-          RecommendItem,
-          {
-            icon: methodMap[m]?.icon,
-            name: methodMap[m]?.name,
-            onClick: methodMap[m]?.onClick,
-            showChildren: m == "wallet" && showWallet,
-            children: m == "wallet" && /* @__PURE__ */ jsxs16(Fragment5, { children: [
-              /* @__PURE__ */ jsx30("div", { className: "matchid-login-recommend-wallet-divider" }),
-              /* @__PURE__ */ jsx30("div", { className: "matchid-login-recommend-wallet-list", children: methodConfig.walletMethods.map((n) => {
-                const m2 = walletMap[n];
-                return /* @__PURE__ */ jsxs16(
-                  "div",
-                  {
-                    className: "matchid-login-recommend-wallet-item",
-                    onClick: () => {
-                      login(m2.method);
-                    },
-                    children: [
-                      /* @__PURE__ */ jsxs16("div", { className: "matchid-login-recommend-wallet-item-content", children: [
-                        /* @__PURE__ */ jsx30("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
-                        /* @__PURE__ */ jsx30(
-                          "div",
-                          {
-                            className: "matchid-login-recommend-wallet-item-hover-icon",
-                            children: m2.activeIcon
-                          }
-                        ),
-                        /* @__PURE__ */ jsx30(
-                          "span",
-                          {
-                            className: "matchid-login-recommend-wallet-item-name",
-                            children: m2.name
-                          }
-                        )
-                      ] }),
+  return /* @__PURE__ */ jsx30(Fragment5, { children: (!inModal || !emailOpen) && /* @__PURE__ */ jsxs16("div", { className: "matchid-login-box", children: [
+    /* @__PURE__ */ jsx30("div", { className: "matchid-login-recommend-list", children: methodConfig.recommendMethods.map((m) => {
+      return /* @__PURE__ */ jsx30(
+        RecommendItem,
+        {
+          icon: methodMap[m]?.icon,
+          name: methodMap[m]?.name,
+          onClick: methodMap[m]?.onClick,
+          showChildren: m == "wallet" && showWallet,
+          children: m == "wallet" && /* @__PURE__ */ jsxs16(Fragment5, { children: [
+            /* @__PURE__ */ jsx30("div", { className: "matchid-login-recommend-wallet-divider" }),
+            /* @__PURE__ */ jsx30("div", { className: "matchid-login-recommend-wallet-list", children: methodConfig.walletMethods.map((n) => {
+              const m2 = walletMap[n];
+              return /* @__PURE__ */ jsxs16(
+                "div",
+                {
+                  className: "matchid-login-recommend-wallet-item",
+                  onClick: () => {
+                    login(m2.method);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs16("div", { className: "matchid-login-recommend-wallet-item-content", children: [
+                      /* @__PURE__ */ jsx30("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
                       /* @__PURE__ */ jsx30(
-                        ArrowRightIcon,
+                        "div",
                         {
-                          className: "matchid-login-recommend-wallet-item-arrow",
-                          size: 20,
-                          color: "var(--matchid-arrow-color)"
+                          className: "matchid-login-recommend-wallet-item-hover-icon",
+                          children: m2.activeIcon
+                        }
+                      ),
+                      /* @__PURE__ */ jsx30(
+                        "span",
+                        {
+                          className: "matchid-login-recommend-wallet-item-name",
+                          children: m2.name
                         }
                       )
-                    ]
-                  },
-                  m2.name
-                );
-              }) })
-            ] })
-          },
-          m
-        );
-      }) }),
-      /* @__PURE__ */ jsxs16("div", { className: "matchid-privacy-policy", children: [
-        /* @__PURE__ */ jsx30("div", { className: "matchid-privacy-policy-content", children: /* @__PURE__ */ jsx30(
-          FormattedMessage7,
-          {
-            id: "loginAgreement",
-            values: {
-              termsLink: (chunks) => /* @__PURE__ */ jsx30(
-                "a",
-                {
-                  href: TERMS_OF_SERVICE_URL,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  className: "matchid-privacy-policy-content-link",
-                  children: chunks
-                }
-              ),
-              privacyLink: (chunks) => /* @__PURE__ */ jsx30(
-                "a",
-                {
-                  href: PRIVACY_POLICY_URL,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  className: "matchid-privacy-policy-content-link",
-                  children: chunks
-                }
-              )
-            }
+                    ] }),
+                    /* @__PURE__ */ jsx30(
+                      ArrowRightIcon,
+                      {
+                        className: "matchid-login-recommend-wallet-item-arrow",
+                        size: 20,
+                        color: "var(--matchid-arrow-color)"
+                      }
+                    )
+                  ]
+                },
+                m2.name
+              );
+            }) })
+          ] })
+        },
+        m
+      );
+    }) }),
+    /* @__PURE__ */ jsxs16("div", { className: "matchid-privacy-policy", children: [
+      /* @__PURE__ */ jsx30("div", { className: "matchid-privacy-policy-content", children: /* @__PURE__ */ jsx30(
+        FormattedMessage7,
+        {
+          id: "loginAgreement",
+          values: {
+            termsLink: (chunks) => /* @__PURE__ */ jsx30(
+              "a",
+              {
+                href: TERMS_OF_SERVICE_URL,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "matchid-privacy-policy-content-link",
+                children: chunks
+              }
+            ),
+            privacyLink: (chunks) => /* @__PURE__ */ jsx30(
+              "a",
+              {
+                href: PRIVACY_POLICY_URL,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "matchid-privacy-policy-content-link",
+                children: chunks
+              }
+            )
           }
-        ) }),
-        /* @__PURE__ */ jsxs16("div", { className: "matchid-privacy-policy-powered-by", children: [
-          /* @__PURE__ */ jsx30(FormattedMessage7, { id: "poweredBy" }),
-          /* @__PURE__ */ jsx30(MatchIdIcon_default, {})
-        ] })
-      ] }),
-      methodConfig.methods.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "matchid-login-other", children: [
-        /* @__PURE__ */ jsxs16("div", { className: "matchid-login-other-line-box", children: [
-          /* @__PURE__ */ jsx30("div", { className: "matchid-login-other-line" }),
-          /* @__PURE__ */ jsx30("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ jsx30(FormattedMessage7, { id: "otherLoginMethods" }) }),
-          /* @__PURE__ */ jsx30("div", { className: "matchid-login-other-line" })
-        ] }),
-        /* @__PURE__ */ jsx30("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
-          return /* @__PURE__ */ jsx30(
-            "div",
-            {
-              className: "matchid-login-method-item",
-              onClick: methodMap[m]?.onClick,
-              title: methodMap[m]?.name,
-              children: methodMap[m]?.icon
-            },
-            m
-          );
-        }) })
+        }
+      ) }),
+      /* @__PURE__ */ jsxs16("div", { className: "matchid-privacy-policy-powered-by", children: [
+        /* @__PURE__ */ jsx30(FormattedMessage7, { id: "poweredBy" }),
+        /* @__PURE__ */ jsx30(MatchIdIcon_default, {})
       ] })
     ] }),
-    /* @__PURE__ */ jsx30(
-      EmailModal,
-      {
-        isOpen: emailOpen,
-        onClose: () => {
-          setEmailOpen(false);
-        },
-        onBack: inModal ? () => {
-          setEmailOpen(false);
-        } : void 0
-      }
-    )
-  ] });
+    methodConfig.methods.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "matchid-login-other", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "matchid-login-other-line-box", children: [
+        /* @__PURE__ */ jsx30("div", { className: "matchid-login-other-line" }),
+        /* @__PURE__ */ jsx30("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ jsx30(FormattedMessage7, { id: "otherLoginMethods" }) }),
+        /* @__PURE__ */ jsx30("div", { className: "matchid-login-other-line" })
+      ] }),
+      /* @__PURE__ */ jsx30("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
+        return /* @__PURE__ */ jsx30(
+          "div",
+          {
+            className: "matchid-login-method-item",
+            onClick: methodMap[m]?.onClick,
+            title: methodMap[m]?.name,
+            children: methodMap[m]?.icon
+          },
+          m
+        );
+      }) })
+    ] })
+  ] }) });
 }
 
 // src/components/LoginButton/index.tsx
@@ -7725,4 +7775,4 @@ export {
   MatchProvider,
   useMatch
 };
-//# sourceMappingURL=chunk-DUSDBXBT.mjs.map
+//# sourceMappingURL=chunk-EMSBFHPM.mjs.map