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

package/dist/api.d.mts

@@ -1,6 +1,6 @@
-export { b as bind, p as poh, u as user, w as wallet } from './index-CER00guz.mjs';
+export { b as bind, p as poh, u as user, w as wallet } from './index-Car1jFyN.mjs';
 export { i as isSuccess } from './request-B0CyrGFT.mjs';
 import '@tanstack/react-query';
 import '@tanstack/react-query/src/types';
-import './types-CheN9vHJ.mjs';
+import './types-BrVeC0c8.mjs';
 import 'react';

package/dist/api.d.ts

@@ -1,6 +1,6 @@
-export { b as bind, p as poh, u as user, w as wallet } from './index-o0WW1c5O.js';
+export { b as bind, p as poh, u as user, w as wallet } from './index-CcVHENNv.js';
 export { i as isSuccess } from './request-B0CyrGFT.js';
 import '@tanstack/react-query';
 import '@tanstack/react-query/src/types';
-import './types-CheN9vHJ.js';
+import './types-BrVeC0c8.js';
 import 'react';

package/dist/api.js

@@ -700,18 +700,24 @@ var import_jsx_runtime53 = require("react/jsx-runtime");
 // src/assets/icon/InputLengthIcon.tsx
 var import_jsx_runtime54 = require("react/jsx-runtime");
 
-// src/ui/Button/index.tsx
+// src/assets/icon/KakaoIcon.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
 
+// src/assets/icon/MatchIdIcon.tsx
+var import_jsx_runtime56 = require("react/jsx-runtime");
+
+// src/ui/Button/index.tsx
+var import_jsx_runtime57 = require("react/jsx-runtime");
+
 // src/ui/Overlay/index.tsx
 var import_react2 = require("react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/ui/Drawer/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 
 // src/ui/Field/index.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 
 // src/ui/HashPanel/index.tsx
 var import_react27 = require("react");
@@ -743,67 +749,67 @@ var import_react5 = require("react");
 
 // src/ui/Input/index.tsx
 var import_react4 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 
 // src/components/EmailModal/StepEmail.tsx
 var import_react_intl = require("react-intl");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 
 // src/components/EmailModal/StepVerify.tsx
 var import_react6 = require("react");
 var import_react_intl2 = require("react-intl");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
 var import_react_intl3 = require("react-intl");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 
 // src/ui/Popover/index.tsx
 var import_react8 = require("react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 
 // src/components/LoginBox/index.tsx
 var import_react9 = require("react");
 var import_react_intl4 = require("react-intl");
 
 // src/hooks/useConfig.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
 
 // src/hooks/useAppConfig.ts
 var import_react_query = require("@tanstack/react-query");
 
 // src/components/LoginBox/index.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react11 = require("react");
 
 // src/components/LoginPanel/index.tsx
 var import_react_intl5 = require("react-intl");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react10 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react_intl6 = require("react-intl");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react_intl7 = require("react-intl");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
 var import_react12 = require("react");
 var import_react_intl8 = require("react-intl");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 
 // src/components/EVMModal/index.tsx
 var import_react15 = require("react");
@@ -811,7 +817,7 @@ var import_react_intl9 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
 var import_react13 = require("react");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 
 // src/components/EVMModal/index.tsx
 var import_rainbowkit = require("@rainbow-me/rainbowkit");
@@ -828,7 +834,7 @@ var import_ethers = require("ethers");
 // src/components/EVMModal/index.tsx
 var import_siwe = require("siwe");
 var import_styles = require("@rainbow-me/rainbowkit/styles.css");
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 
 // src/components/TRONModal/index.tsx
 var import_react17 = __toESM(require("react"));
@@ -838,13 +844,13 @@ var import_react_intl10 = require("react-intl");
 var import_react16 = require("react");
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 
 // src/components/TONModal/index.tsx
 var import_react18 = __toESM(require("react"));
 var import_react_intl11 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 
 // src/components/BTCModal/index.tsx
 var import_react20 = __toESM(require("react"));
@@ -857,34 +863,34 @@ var import_sats_connect = require("sats-connect");
 var import_react19 = require("react");
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 
 // src/components/WalletModal/index.tsx
 var import_react21 = require("react");
 var import_react_intl13 = require("react-intl");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 
 // src/components/AlphaAvatar/index.tsx
 var import_react22 = require("react");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 
 // src/components/WalletAsset/index.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 
 // src/components/TokenSend/index.tsx
 var import_react23 = require("react");
 var import_viem = require("viem");
 var import_react_intl14 = require("react-intl");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 
 // src/components/TokenDetail/index.tsx
 var import_react_intl15 = require("react-intl");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 
 // src/components/TokenSendList/index.tsx
 var import_react24 = require("react");
 var import_react_intl16 = require("react-intl");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 
 // src/components/TransactionList/index.tsx
 var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
@@ -953,42 +959,42 @@ var import_viem2 = require("viem");
 
 // src/components/TransactionList/index.tsx
 var import_react_intl17 = require("react-intl");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 
 // src/ui/Modal/index.tsx
 var import_react_intl18 = require("react-intl");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 
 // src/ui/ModalDrawer/index.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 
 // src/ui/HashPanel/index.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 
 // src/ui/Switch/index.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 
 // src/ui/AlphaAvatar/index.tsx
 var import_react28 = require("react");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 
 // src/ui/Radio/index.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 
 // src/ui/Skeleton/index.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 
 // src/ui/Tabs/index.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 
 // src/ui/Lottie/index.tsx
 var import_lottie_react = require("lottie-react");
 
 // src/ui/Checkbox/index.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 
 // src/context/ModalContext.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var ModalContext = (0, import_react29.createContext)(null);
 
 // src/store/useTransactionStore.ts
@@ -1021,7 +1027,7 @@ var persistedState3 = (0, import_middleware3.persist)(
 var useTransactionStore = (0, import_zustand4.create)((0, import_middleware3.devtools)(persistedState3));
 
 // src/hooks/useWallet.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var AppClientId = "react-sdk-" + getVersion();
 
 // src/hooks/useCopyClipboard.ts
@@ -1031,7 +1037,7 @@ var import_react31 = require("react");
 // src/context/ToastContext.tsx
 var import_react32 = require("react");
 var import_react_dom2 = require("react-dom");
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var ToastContext = (0, import_react32.createContext)(null);
 
 // src/hooks/api/wallet.ts
@@ -1166,7 +1172,7 @@ function useWalletAssetListQuery({
 var import_react33 = require("react");
 var import_viem8 = require("viem");
 var import_react_intl19 = require("react-intl");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
@@ -1186,10 +1192,10 @@ var import_viem9 = require("viem");
 var import_react_query4 = require("@tanstack/react-query");
 
 // src/components/ImportToken/index.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 
 // src/hooks/useMatchWallet.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 
 // src/hooks/useReceipt.tsx
 var import_react36 = require("react");
@@ -1242,18 +1248,29 @@ var useWalletModalStore = (0, import_zustand5.create)((set) => ({
   open: (type, methods = DEFAULT_WALLET_METHODS) => set({ isOpen: true, type, methods }),
   close: () => set({ isOpen: false })
 }));
+var useEmailModalStore = (0, import_zustand5.create)((set) => ({
+  isOpen: false,
+  type: "",
+  open: (type) => set({ isOpen: true, type }),
+  close: () => set({ isOpen: false })
+}));
 
 // src/components/CEXBindModal/index.tsx
 var import_react38 = require("react");
 var import_react_intl22 = require("react-intl");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
 var import_react_query9 = require("@tanstack/react-query");
-var import_jsx_runtime100 = require("react/jsx-runtime");
+
+// src/components/BindEmailModal/index.tsx
+var import_jsx_runtime102 = require("react/jsx-runtime");
+
+// src/context/BusinessProvider.tsx
+var import_jsx_runtime103 = require("react/jsx-runtime");
 
 // src/context/index.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 
 // src/hooks/useWalletInit.ts
 var import_react39 = require("react");
@@ -1333,7 +1350,7 @@ var matchTest = /* @__PURE__ */ (0, import_viem15.defineChain)({
 
 // src/MatchContext.tsx
 var import_wagmi3 = require("wagmi");
-var import_jsx_runtime102 = 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",
@@ -1385,6 +1402,7 @@ function useUserInfo() {
   const { open: BTCOpen } = useBTCModalStore();
   const { open: CEXBindOpen } = useCEXBindModalStore();
   const walletModalStore = useWalletModalStore();
+  const emailModalStore = useEmailModalStore();
   const getRedirectUri = () => {
     return encodeURIComponent(window.location.href);
   };
@@ -1478,6 +1496,7 @@ function useUserInfo() {
       case "github":
       case "linkedin":
       case "facebook":
+      case "kakao":
         return await loginByMethod(method);
       default:
         throw new Error("unsupported method");
@@ -1562,6 +1581,8 @@ function useUserInfo() {
         return TONOpen("bind");
       case "btc":
         return BTCOpen("bind");
+      case "email":
+        return emailModalStore.open("bind");
       case "telegram":
         return await bindTelegram();
       case "twitter":
@@ -1571,6 +1592,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(
@@ -1585,6 +1607,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 && 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)) {
@@ -1653,6 +1700,7 @@ function useUserInfo() {
     auth,
     login: loginMethod,
     bind,
+    bindByEmail,
     getAuthInfo,
     invite
   };