@matchain/matchid-sdk-react 0.1.56-alpha.9 → 0.1.57

package/dist/icon.mjs

@@ -54,7 +54,7 @@ import {
   XIcon,
   XverseIcon,
   YoutubeIcon
-} from "./chunk-FQ6PYZPD.mjs";
+} from "./chunk-7SUDHG7S.mjs";
 import "./chunk-J5LGTIGS.mjs";
 export {
   ArrowDownIcon,

package/dist/{index-DwmrgZa2.d.ts → index-B70k4Jpk.d.ts}

@@ -92,6 +92,10 @@ declare function useUserInfo(): {
     bind: (method: LoginMethodType | "wallet", extra?: {
         [key: string]: any;
     }) => Promise<string | void | Window | null>;
+    bindByEmail: ({ email, code }: {
+        email: string;
+        code: string;
+    }) => Promise<boolean>;
     getAuthInfo: (method: keyof typeof LOGIN_METHOD_MAP) => Promise<unknown>;
     invite: (invite_code: string) => Promise<MyResponseType<any>>;
 };

package/dist/{index-D2E53ZMV.d.mts → index-BJJ0Gb6v.d.mts}

@@ -92,6 +92,10 @@ declare function useUserInfo(): {
     bind: (method: LoginMethodType | "wallet", extra?: {
         [key: string]: any;
     }) => Promise<string | void | Window | null>;
+    bindByEmail: ({ email, code }: {
+        email: string;
+        code: string;
+    }) => Promise<boolean>;
     getAuthInfo: (method: keyof typeof LOGIN_METHOD_MAP) => Promise<unknown>;
     invite: (invite_code: string) => Promise<MyResponseType<any>>;
 };

package/dist/{index-qmC4zt6V.d.ts → index-C2hr7zlN.d.ts}

@@ -3,7 +3,9 @@ import { E as EmailModalProps, b as LoginBoxProps, B as ButtonProps, O as OtherL
 import { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-CvzpMw3N.js';
 import { ReactNode } from 'react';
 
-declare function EmailModal({ isOpen, width, onClose, onBack, onLogin }: EmailModalProps): react_jsx_runtime.JSX.Element;
+declare function EmailModal({ isOpen, width, onClose, onBack, onLogin, type, }: EmailModalProps & {
+    type?: "login" | "bind";
+}): react_jsx_runtime.JSX.Element;
 
 declare function LoginBox({ recommendMethods, methods, walletMethods, inModal }: LoginBoxProps): react_jsx_runtime.JSX.Element;
 

package/dist/{index-DVlulZhE.d.mts → index-CTHpnEoB.d.mts}

@@ -3,7 +3,9 @@ import { E as EmailModalProps, b as LoginBoxProps, B as ButtonProps, O as OtherL
 import { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-BqI0PEIi.mjs';
 import { ReactNode } from 'react';
 
-declare function EmailModal({ isOpen, width, onClose, onBack, onLogin }: EmailModalProps): react_jsx_runtime.JSX.Element;
+declare function EmailModal({ isOpen, width, onClose, onBack, onLogin, type, }: EmailModalProps & {
+    type?: "login" | "bind";
+}): react_jsx_runtime.JSX.Element;
 
 declare function LoginBox({ recommendMethods, methods, walletMethods, inModal }: LoginBoxProps): react_jsx_runtime.JSX.Element;
 

package/dist/index.d.mts

@@ -5,8 +5,8 @@ import * as wagmi_chains from 'wagmi/chains';
 import * as viem from 'viem';
 import React__default, { ReactNode } from 'react';
 import { I as IMatchEvents, L as LocaleType, a as IEnvConfigType, W as WalletConfigType } from './types-BrVeC0c8.mjs';
-export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-D2E53ZMV.mjs';
-export { i as Components } from './index-DVlulZhE.mjs';
+export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-BJJ0Gb6v.mjs';
+export { i as Components } from './index-CTHpnEoB.mjs';
 export { i as UI } from './index-DxHhOW24.mjs';
 export { i as Api } from './index-Car1jFyN.mjs';
 export { i as Chains } from './index-CboftuIp.mjs';

package/dist/index.d.ts

@@ -5,8 +5,8 @@ import * as wagmi_chains from 'wagmi/chains';
 import * as viem from 'viem';
 import React__default, { ReactNode } from 'react';
 import { I as IMatchEvents, L as LocaleType, a as IEnvConfigType, W as WalletConfigType } from './types-BrVeC0c8.js';
-export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-DwmrgZa2.js';
-export { i as Components } from './index-qmC4zt6V.js';
+export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-B70k4Jpk.js';
+export { i as Components } from './index-C2hr7zlN.js';
 export { i as UI } from './index-Cqdz_5bE.js';
 export { i as Api } from './index-CcVHENNv.js';
 export { i as Chains } from './index-CboftuIp.js';

package/dist/index.js

@@ -2171,6 +2171,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/store/useStore.ts
 var import_zustand3 = require("zustand");
@@ -2208,6 +2214,7 @@ function useUserInfo() {
   const { open: BTCOpen } = useBTCModalStore();
   const { open: CEXBindOpen } = useCEXBindModalStore();
   const walletModalStore = useWalletModalStore();
+  const emailModalStore = useEmailModalStore();
   const getRedirectUri = () => {
     return encodeURIComponent(window.location.href);
   };
@@ -2300,8 +2307,8 @@ function useUserInfo() {
       case "discord":
       case "github":
       case "linkedin":
-      case "kakao":
       case "facebook":
+      case "kakao":
         return await loginByMethod(method);
       default:
         throw new Error("unsupported method");
@@ -2386,6 +2393,8 @@ function useUserInfo() {
         return TONOpen("bind");
       case "btc":
         return BTCOpen("bind");
+      case "email":
+        return emailModalStore.open("bind");
       case "telegram":
         return await bindTelegram();
       case "twitter":
@@ -2395,6 +2404,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(
@@ -2409,6 +2419,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)) {
@@ -2477,6 +2512,7 @@ function useUserInfo() {
     auth,
     login: loginMethod,
     bind,
+    bindByEmail,
     getAuthInfo,
     invite
   };
@@ -2820,7 +2856,7 @@ var import_react_intl2 = require("react-intl");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 function StepVerify(props) {
   const intl = (0, import_react_intl2.useIntl)();
-  const { getLoginEmailCode, loginByEmail } = useUserInfo();
+  const { getLoginEmailCode, loginByEmail, bindByEmail } = useUserInfo();
   const [error, setError] = (0, import_react7.useState)("");
   const [code, setCode] = (0, import_react7.useState)("");
   const [sending, setSending] = (0, import_react7.useState)(false);
@@ -2880,7 +2916,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
       });
@@ -2945,7 +2984,8 @@ function EmailModal({
   width = 480,
   onClose,
   onBack,
-  onLogin
+  onLogin,
+  type = "login"
 }) {
   const [step, setStep] = (0, import_react8.useState)("input");
   const [emailVal, setEmailVal] = (0, import_react8.useState)("");
@@ -2969,7 +3009,7 @@ function EmailModal({
       children: step === "input" ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(StepEmail, { email: emailVal, onContinue: (email) => {
         setEmailVal(email);
         setStep("verify");
-      } }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(StepVerify, { email: emailVal, onSuccess: onLogin })
+      } }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(StepVerify, { type, email: emailVal, onSuccess: onLogin })
     }
   );
 }
@@ -3098,7 +3138,7 @@ function LoginBox({
       }
       return p.toLowerCase();
     });
-    console.log("platform2", platform);
+    console.log("platform", platform);
     const walletMethodList = WALLET_METHODS.filter((m) => platform.includes(m));
     let recommendMethodList = walletMethodList.length > 0 ? ["wallet"] : [];
     let methodList = [];
@@ -7665,7 +7705,7 @@ function CEXBindModal({
   const [secret, setSecret] = (0, import_react39.useState)("");
   const [error, setError] = (0, import_react39.useState)("");
   const needPassphrase = (0, import_react39.useMemo)(() => {
-    return ["bitget", "okx"].includes(type.toLowerCase());
+    return ["bitget", "okx", "kucoin"].includes(type.toLowerCase());
   }, [type]);
   (0, import_react39.useEffect)(() => {
     if (isOpen) {
@@ -7761,7 +7801,25 @@ function CEXBindModal({
 
 // src/context/BusinessProvider.tsx
 var import_react_query9 = require("@tanstack/react-query");
+
+// src/components/BindEmailModal/index.tsx
 var import_jsx_runtime102 = require("react/jsx-runtime");
+var BindEmailModal = ({ isOpen, onClose, onBack, onLogin }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    EmailModal,
+    {
+      type: "bind",
+      isOpen,
+      onClose,
+      onBack,
+      onLogin
+    }
+  );
+};
+var BindEmailModal_default = BindEmailModal;
+
+// src/context/BusinessProvider.tsx
+var import_jsx_runtime103 = require("react/jsx-runtime");
 function BusinessProvider({ children }) {
   const { overview, token } = useUserInfo();
   const { type: EVMType, isOpen: EVMIsOpen, close: EVMClose } = useEVMModalStore();
@@ -7769,6 +7827,7 @@ function BusinessProvider({ children }) {
   const { type: TRONType, isOpen: TRONIsOpen, close: TRONClose } = useTRONModalStore();
   const { type: BTCType, isOpen: BTCIsOpen, close: BTCClose } = useBTCModalStore();
   const { type: CEXType, isOpen: CEXIsOpen, close: CEXClose } = useCEXBindModalStore();
+  const { type: EmailType, isOpen: EmailIsOpen, close: EmailClose } = useEmailModalStore();
   const WalletModalStore = useWalletModalStore();
   const { tgAppAuthCode, setTgAppAuthCode } = useStore_default();
   const { login } = useMatch();
@@ -7795,8 +7854,8 @@ function BusinessProvider({ children }) {
     enabled: !!tgAppAuthCode,
     refetchInterval: 1e3 * 5
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       EVMModal,
       {
         isOpen: EVMIsOpen && (EVMType == "login" && !overview && !token || EVMType == "bind" && !!token && !!overview),
@@ -7806,7 +7865,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       TRONModal,
       {
         isOpen: TRONIsOpen && (TRONType == "login" && !overview && !token || TRONType == "bind" && !!token && !!overview),
@@ -7816,7 +7875,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       TONModal,
       {
         isOpen: TONIsOpen && (TONType == "login" && !overview && !token || TONType == "bind" && !!token && !!overview),
@@ -7826,7 +7885,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       BTCModal,
       {
         isOpen: BTCIsOpen && (BTCType == "login" && !overview && !token || BTCType == "bind" && !!token && !!overview),
@@ -7836,7 +7895,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       CEXBindModal,
       {
         isOpen: CEXIsOpen && (!!token && !!overview),
@@ -7845,7 +7904,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       WalletModal,
       {
         isOpen: WalletModalStore.isOpen && (WalletModalStore.type == "login" && !overview && !token || WalletModalStore.type == "bind" && !!token && !!overview),
@@ -7855,14 +7914,22 @@ function BusinessProvider({ children }) {
         zIndex: 150
       }
     ),
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+      BindEmailModal_default,
+      {
+        isOpen: EmailIsOpen && (EmailType == "bind" && !!token && !!overview),
+        onClose: EmailClose,
+        onLogin: EmailClose
+      }
+    ),
     children
   ] });
 }
 
 // src/context/index.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 var Providers = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ToastProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(BusinessProvider, { children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ToastProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(BusinessProvider, { children }) }) });
 };
 var context_default = Providers;
 
@@ -8336,7 +8403,7 @@ var en_default = {
   noMore: "No more",
   Remove: "Remove",
   removeSuccess: "Remove Successfully",
-  loginAgreement: "By logging in, you agree to our <termsLink>Terms of Service</termsLink> and <privacyLink>Privacy Policy</privacyLink>",
+  loginAgreement: "By login, you agree to our <termsLink>Terms of Service</termsLink> and <privacyLink>Privacy Policy</privacyLink>",
   poweredBy: "Powered by"
 };
 
@@ -9142,7 +9209,7 @@ var matchTest = /* @__PURE__ */ (0, import_viem17.defineChain)({
 
 // src/MatchContext.tsx
 var import_wagmi3 = require("wagmi");
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var queryClient = new import_react_query10.QueryClient();
 var wagmiConfig = (0, import_rainbowkit2.getDefaultConfig)({
   appName: "MatchID",
@@ -9181,7 +9248,7 @@ var MatchProvider = ({
   useWalletInit({
     config: wallet
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl23.IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_wagmi3.WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_query10.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react_intl23.IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_wagmi3.WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react_query10.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
     MatchContext.Provider,
     {
       value: {
@@ -9192,7 +9259,7 @@ var MatchProvider = ({
         theme,
         locale: realLocale
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(context_default, { children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(context_default, { children })
     }
   ) }) }) });
 };