@matchain/matchid-sdk-react 0.1.38 → 0.1.40-alpha.0

package/dist/hooks/index.mjs

@@ -4,7 +4,7 @@ import {
   useMatchEvents,
   useUserInfo,
   useWallet
-} from "../chunk-F5CJROWH.mjs";
+} from "../chunk-XMGJLSI2.mjs";
 import "../chunk-6PWH7WZI.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {

package/dist/{index-DUCRzr-P.d.ts → index-BPveUnst.d.ts}

@@ -1,4 +1,4 @@
-import { b as ISocialLoginMethod, O as OverviewInfo, C as CEXType, c as LoginMethodType, I as IMatchEvents } from './types.d-Cqt8ifXa.js';
+import { i as ISocialLoginMethod, j as OverviewInfo, C as CEXType, k as LoginMethodType, I as IMatchEvents } from './types.d-IS3DBl3p.js';
 import * as viem from 'viem';
 import { SignableMessage, Hex, TransactionSerializable, Account } from 'viem';
 

package/dist/{index-CAvsdgJw.d.mts → index-ClQl2MMF.d.mts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { E as EmailModalProps, d as InputProps, B as ButtonProps, M as ModalProps, e as ModalWithHeaderProps, P as PopoverProps, f as LoginBoxProps, g as OtherLoginMethodType, R as RecommendLoginMethodType, W as WalletType, h as PopoverPositionType, i as PopoverTypeType, j as LoginPanelProps, k as LoginModalProps } from './types.d-Cqt8ifXa.mjs';
+import { E as EmailModalProps, b as InputProps, B as ButtonProps, M as ModalProps, c as ModalWithHeaderProps, P as PopoverProps, d as LoginBoxProps, O as OtherLoginMethodType, R as RecommendLoginMethodType, W as WalletType, e as PopoverPositionType, f as PopoverTypeType, g as LoginPanelProps, h as LoginModalProps } from './types.d-IS3DBl3p.mjs';
 import { ReactNode, PropsWithChildren } from 'react';
 
 declare function EmailModal({ isOpen, width, onClose, onBack, onLogin }: EmailModalProps): react_jsx_runtime.JSX.Element;

package/dist/{index-B89X65ox.d.ts → index-CvCSpU8m.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { E as EmailModalProps, d as InputProps, B as ButtonProps, M as ModalProps, e as ModalWithHeaderProps, P as PopoverProps, f as LoginBoxProps, g as OtherLoginMethodType, R as RecommendLoginMethodType, W as WalletType, h as PopoverPositionType, i as PopoverTypeType, j as LoginPanelProps, k as LoginModalProps } from './types.d-Cqt8ifXa.js';
+import { E as EmailModalProps, b as InputProps, B as ButtonProps, M as ModalProps, c as ModalWithHeaderProps, P as PopoverProps, d as LoginBoxProps, O as OtherLoginMethodType, R as RecommendLoginMethodType, W as WalletType, e as PopoverPositionType, f as PopoverTypeType, g as LoginPanelProps, h as LoginModalProps } from './types.d-IS3DBl3p.js';
 import { ReactNode, PropsWithChildren } from 'react';
 
 declare function EmailModal({ isOpen, width, onClose, onBack, onLogin }: EmailModalProps): react_jsx_runtime.JSX.Element;

package/dist/{index-BICt0DjJ.d.ts → index-DlrDrTMk.d.ts}

@@ -1,6 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions } from '@tanstack/react-query/src/types';
-import { m as PohZkpassParams, n as BindItemType, o as BindInfoType, p as PohItemType } from './types.d-Cqt8ifXa.js';
+import { m as PohZkpassParams, n as BindItemType, o as BindInfoType, p as PohItemType } from './types.d-IS3DBl3p.js';
 
 interface MyResponseType<T> {
     code: number;

package/dist/{index-BTTka3Uo.d.mts → index-Dm5o2w2J.d.mts}

@@ -1,4 +1,4 @@
-import { b as ISocialLoginMethod, O as OverviewInfo, C as CEXType, c as LoginMethodType, I as IMatchEvents } from './types.d-Cqt8ifXa.mjs';
+import { i as ISocialLoginMethod, j as OverviewInfo, C as CEXType, k as LoginMethodType, I as IMatchEvents } from './types.d-IS3DBl3p.mjs';
 import * as viem from 'viem';
 import { SignableMessage, Hex, TransactionSerializable, Account } from 'viem';
 

package/dist/{index-CzAaZV-2.d.mts → index-mEK7Lcps.d.mts}

@@ -1,6 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions } from '@tanstack/react-query/src/types';
-import { m as PohZkpassParams, n as BindItemType, o as BindInfoType, p as PohItemType } from './types.d-Cqt8ifXa.mjs';
+import { m as PohZkpassParams, n as BindItemType, o as BindInfoType, p as PohItemType } from './types.d-IS3DBl3p.mjs';
 
 interface MyResponseType<T> {
     code: number;

package/dist/index.d.mts

@@ -1,8 +1,8 @@
 import React, { ReactNode } from 'react';
-import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType } from './types.d-Cqt8ifXa.mjs';
-export { i as Components } from './index-CAvsdgJw.mjs';
-export { i as Hooks } from './index-BTTka3Uo.mjs';
-export { i as Api } from './index-CzAaZV-2.mjs';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType } from './types.d-IS3DBl3p.mjs';
+export { i as Components } from './index-ClQl2MMF.mjs';
+export { i as Hooks } from './index-Dm5o2w2J.mjs';
+export { i as Api } from './index-mEK7Lcps.mjs';
 export { i as Chains } from './index-DXRGMAbv.mjs';
 import 'react/jsx-runtime';
 import 'viem';

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import React, { ReactNode } from 'react';
-import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType } from './types.d-Cqt8ifXa.js';
-export { i as Components } from './index-B89X65ox.js';
-export { i as Hooks } from './index-DUCRzr-P.js';
-export { i as Api } from './index-BICt0DjJ.js';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType } from './types.d-IS3DBl3p.js';
+export { i as Components } from './index-CvCSpU8m.js';
+export { i as Hooks } from './index-BPveUnst.js';
+export { i as Api } from './index-DlrDrTMk.js';
 export { i as Chains } from './index-DXRGMAbv.js';
 import 'react/jsx-runtime';
 import 'viem';

package/dist/index.js

@@ -2502,9 +2502,12 @@ function LoginBox({
   ],
   methods = [
     "telegram",
-    "twitter"
+    "twitter",
+    "github",
+    "linkedin",
+    "discord"
   ],
-  walletMethods = ["evm", "sol"],
+  walletMethods = ["evm", "sol", "btc", "tron"],
   inModal = false
 }) {
   const [emailOpen, setEmailOpen] = (0, import_react12.useState)(false);
@@ -3871,6 +3874,9 @@ function CEXBindModal({
   const [key, setKey] = (0, import_react22.useState)("");
   const [secret, setSecret] = (0, import_react22.useState)("");
   const [error, setError] = (0, import_react22.useState)("");
+  const needPassphrase = (0, import_react22.useMemo)(() => {
+    return ["bitget", "okx"].includes(type.toLowerCase());
+  }, [type]);
   (0, import_react22.useEffect)(() => {
     if (isOpen) {
       setSecret("");
@@ -3887,7 +3893,7 @@ function CEXBindModal({
         cex: type,
         api_key: key,
         api_secret: secret,
-        ...type ? { api_passphrase: APIPassphrase } : {}
+        ...needPassphrase ? { api_passphrase: APIPassphrase } : {}
       });
       if (isSuccess(res)) {
         await refreshOverview();
@@ -3939,7 +3945,7 @@ function CEXBindModal({
         placeholder: "**** **** ****"
       }
     ) }),
-    type == "OKX" && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Field, { error, label: intl.formatMessage({
+    needPassphrase && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Field, { error, label: intl.formatMessage({
       id: "CEXBindApiPassphrase"
     }), children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       Input,
@@ -4048,6 +4054,13 @@ function useWalletInit({
   const [walletInited, setWalletInited] = (0, import_react23.useState)(false);
   const { appid, token, overview } = useLocalStore_default();
   const { initWallet, generateWallet } = useWallet();
+  const [iframeLoaded, setIframeLoaded] = (0, import_react23.useState)(false);
+  (0, import_react23.useEffect)(() => {
+    console.log("wallet status", {
+      iframeLoaded,
+      walletInited
+    });
+  }, [iframeLoaded, walletInited]);
   (0, import_react23.useEffect)(() => {
     if (endpoints.auth) {
       if (!window.matchWalletMessageIdMap) {
@@ -4064,6 +4077,10 @@ function useWalletInit({
         iframe.onerror = (e) => {
           console.error("iframe error", e);
         };
+        iframe.addEventListener("load", () => {
+          console.log("Iframe has loaded.");
+          setIframeLoaded(true);
+        });
         document.body.insertBefore(iframe, document.body.firstChild);
         window.sendMatchWalletMessage = (method, data) => {
           const messageId = Date.now().toString() + Math.random().toString().slice(6);
@@ -4073,32 +4090,36 @@ function useWalletInit({
             messageId,
             source: "matchid"
           };
+          if (!iframeLoaded) {
+            throw new Error("Wallet not ready");
+          }
+          if (!walletInited) {
+            throw new Error("Wallet not inited");
+          }
           if (document.getElementById("match-wallet")) {
             matchlog_default.log("matchid.sdk.sendMatchWalletMessage", message, endpoints.auth);
             getWalletIframe()?.contentWindow?.postMessage(message, endpoints.auth);
             return messageId;
           }
-          console.error("not found iframe");
-          return false;
+          throw new Error("Wallet not found");
         };
         window.waitMatchUntilWalletMessage = async (method, data, timeout = 3e4) => {
           return new Promise((resolve, reject) => {
-            const messageId = window.sendMatchWalletMessage(method, data);
-            if (!messageId) {
-              console.error("Can't find wallet message");
-              reject(new Error("Can't find wallet message"));
-              return;
+            try {
+              const messageId = window.sendMatchWalletMessage(method, data);
+              window.matchWalletMessageIdMap[messageId] = { resolve, reject };
+              window.matchWalletMessageIdMap[messageId].timeout = setTimeout(() => {
+                console.error("Get wallet result timeout", {
+                  messageId,
+                  method,
+                  data
+                });
+                delete window.matchWalletMessageIdMap[messageId];
+                reject(new Error("Get wallet result timeout"));
+              }, timeout);
+            } catch (error) {
+              reject(error);
             }
-            window.matchWalletMessageIdMap[messageId] = { resolve, reject };
-            window.matchWalletMessageIdMap[messageId].timeout = setTimeout(() => {
-              console.error("Get wallet result timeout", {
-                messageId,
-                method,
-                data
-              });
-              delete window.matchWalletMessageIdMap[messageId];
-              reject(new Error("Get wallet result timeout"));
-            }, timeout);
           });
         };
       } else {