@matchain/matchid-sdk-react 0.1.42-alpha.8 → 0.1.43

package/dist/hooks/api/index.mjs

@@ -2,8 +2,8 @@ import {
   bind_exports,
   poh_exports,
   user_exports
-} from "../../chunk-NFWID5ZW.mjs";
-import "../../chunk-FXRUBZOM.mjs";
+} from "../../chunk-L3G6YN2D.mjs";
+import "../../chunk-KITTHHSR.mjs";
 import "../../chunk-SQIJR7RA.mjs";
 import "../../chunk-DPXMCLYK.mjs";
 import "../../chunk-J5LGTIGS.mjs";

package/dist/hooks/index.d.mts

@@ -1,5 +1,5 @@
-export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-sOVSnYF4.mjs';
-import '../types-CVwZEgQ0.mjs';
+export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-DnK10Gz7.mjs';
+import '../types-E2MeOwmE.mjs';
 import 'react';
 import 'viem';
 import '../mpc-CTbBWHld.mjs';

package/dist/hooks/index.d.ts

@@ -1,5 +1,5 @@
-export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-DKMrpRJC.js';
-import '../types-CVwZEgQ0.js';
+export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-ivTptZeo.js';
+import '../types-E2MeOwmE.js';
 import 'react';
 import 'viem';
 import '../mpc-CTbBWHld.js';

package/dist/hooks/index.js

@@ -418,12 +418,6 @@ var import_jsx_runtime48 = require("react/jsx-runtime");
 
 // src/components/PasswordModal/index.tsx
 var import_react_intl = require("react-intl");
-var import_jsx_runtime49 = require("react/jsx-runtime");
-
-// src/components/RecoveryModal/index.tsx
-var import_react5 = require("react");
-var import_react_intl2 = require("react-intl");
-var import_jsx_runtime50 = require("react/jsx-runtime");
 
 // src/store/useStore.ts
 var import_zustand2 = require("zustand");
@@ -442,8 +436,22 @@ var useStore = (0, import_zustand2.create)((set) => ({
 }));
 var useStore_default = useStore;
 
+// src/components/PasswordModal/index.tsx
+var import_jsx_runtime49 = require("react/jsx-runtime");
+
+// src/components/RecoveryModal/index.tsx
+var import_react5 = require("react");
+var import_react_intl2 = require("react-intl");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+
 // src/store/useModalStore.ts
 var import_zustand3 = require("zustand");
+
+// src/hooks/useConfig.tsx
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
+
+// src/store/useModalStore.ts
 var useSOLModalStore = (0, import_zustand3.create)((set) => ({
   isOpen: false,
   type: "",
@@ -485,6 +493,13 @@ var useHashPanelStore = (0, import_zustand3.create)((set) => ({
   }),
   close: () => set({ isOpen: false })
 }));
+var useWalletModalStore = (0, import_zustand3.create)((set) => ({
+  isOpen: false,
+  type: "",
+  methods: [],
+  open: (type, methods = DEFAULT_WALLET_METHODS) => set({ isOpen: true, type, methods }),
+  close: () => set({ isOpen: false })
+}));
 
 // src/components/EmailModal/index.tsx
 var import_react8 = require("react");
@@ -505,59 +520,59 @@ function getAppClientId() {
 
 // src/components/EmailModal/StepEmail.tsx
 var import_react_intl3 = require("react-intl");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 
 // src/components/EmailModal/StepVerify.tsx
 var import_react7 = require("react");
 var import_react_intl4 = require("react-intl");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
 var import_react_intl5 = require("react-intl");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 
 // src/components/Popover/index.tsx
 var import_react9 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 
 // src/components/LoginBox/index.tsx
 var import_react10 = require("react");
 var import_react_intl6 = require("react-intl");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react12 = require("react");
 
 // src/components/LoginPanel/index.tsx
 var import_react_intl7 = require("react-intl");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react11 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react_intl8 = require("react-intl");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react_intl9 = require("react-intl");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
 var import_react13 = require("react");
 
 // src/assets/icon/InfoRoundIcon.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
 var import_react_intl10 = require("react-intl");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 
 // src/components/SOLModal/index.tsx
 var import_react15 = __toESM(require("react"));
@@ -610,10 +625,10 @@ var import_react_intl11 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
 var import_react14 = require("react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 
 // src/components/SOLModal/index.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var wallets = [
   new import_wallet_adapter_wallets.PhantomWalletAdapter(),
   new import_wallet_adapter_wallets.SolflareWalletAdapter(),
@@ -664,13 +679,13 @@ var import_react_intl12 = require("react-intl");
 var import_react16 = require("react");
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 
 // src/components/TONModal/index.tsx
 var import_react18 = __toESM(require("react"));
 var import_react_intl13 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 
 // src/components/BTCModal/index.tsx
 var import_react20 = __toESM(require("react"));
@@ -683,12 +698,16 @@ var import_sats_connect = require("sats-connect");
 var import_react19 = require("react");
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
+
+// src/components/WalletModal/index.tsx
+var import_react_intl15 = require("react-intl");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 
 // src/components/CEXBindModal/index.tsx
 var import_react21 = require("react");
-var import_react_intl15 = require("react-intl");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_react_intl16 = require("react-intl");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 
 // src/components/HashPanel/index.tsx
 var import_viem = require("viem");
@@ -696,19 +715,19 @@ var import_react22 = require("react");
 var import_react_query = require("@tanstack/react-query");
 
 // src/components/Drawer/index.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 
 // src/components/ModalDrawer/index.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 
 // src/components/HashPanel/index.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 
 // src/context/index.tsx
-var import_jsx_runtime73 = (
+var import_jsx_runtime75 = (
   // <MpcWalletProvider>
   require("react/jsx-runtime")
 );
@@ -905,24 +924,35 @@ function useWallet() {
           const chainId = chain ? chain.id : await obj.getChainId();
           const _chain = chain || obj.chain;
           const transactionId = Date.now().toString() + Math.random().toString().slice(6);
-          const sendPrepareTransactionRequest = async () => {
-            const { chain: chain2, account, ...prepareTransactionRequest } = await obj.prepareTransactionRequest(transaction);
-            window.matchProvider.sendWalletMessage({
-              method: "prepareTransactionRequest",
-              data: {
-                prepareTransactionRequest,
-                transactionId
+          let interval = setInterval(() => {
+            const sendPrepareTransactionRequest = async () => {
+              try {
+                const {
+                  chain: chain2,
+                  account,
+                  ...prepareTransactionRequest
+                  // @ts-ignore
+                } = await obj.prepareTransactionRequest(transaction);
+                window.matchProvider.sendWalletMessage({
+                  method: "prepareTransactionRequest",
+                  data: {
+                    prepareTransactionRequest,
+                    transactionId
+                  }
+                });
+              } catch (error) {
+                console.error(error);
               }
-            });
-          };
-          let interval = null;
-          const timer = setTimeout(() => {
+            };
             sendPrepareTransactionRequest();
-            interval = setInterval(() => {
-              sendPrepareTransactionRequest();
-            }, 1e4);
-          }, 1500);
+          }, 1e4);
           try {
+            const {
+              chain: chain2,
+              account,
+              ...prepareTransactionRequest
+              // @ts-ignore
+            } = await obj.prepareTransactionRequest(transaction);
             const { serializedTransaction } = await window.matchProvider.waitUntilWalletMessage({
               method: "sendTransaction",
               data: {
@@ -935,7 +965,8 @@ function useWallet() {
                   id: chainId,
                   name: _chain?.name,
                   nativeCurrency: _chain?.nativeCurrency
-                }
+                },
+                prepareTransactionRequest
               }
             });
             openHashPanel();
@@ -944,14 +975,12 @@ function useWallet() {
             });
             openHashPanel({
               hash: txHash,
-              chain
+              chain: _chain
             });
-            clearTimeout(timer);
             clearInterval(interval);
             resolve(txHash);
           } catch (error) {
             console.error("qwe-sign-error", error);
-            clearTimeout(timer);
             clearInterval(interval);
             reject(error);
           }
@@ -1000,8 +1029,8 @@ var import_react26 = require("react");
 
 // src/MatchContext.tsx
 var import_react_query2 = require("@tanstack/react-query");
-var import_react_intl16 = require("react-intl");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_react_intl17 = require("react-intl");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var queryClient = new import_react_query2.QueryClient();
 var MatchContext = (0, import_react27.createContext)(void 0);
 var useMatch = () => {
@@ -1032,6 +1061,7 @@ function useUserInfo() {
   const { open: TONOpen } = useTONModalStore();
   const { open: BTCOpen } = useBTCModalStore();
   const { open: CEXBindOpen } = useCEXBindModalStore();
+  const walletModalStore = useWalletModalStore();
   const isLogin = (0, import_react28.useMemo)(() => !!token && !!overview, [token, overview]);
   const logout = async () => {
     try {
@@ -1070,8 +1100,10 @@ function useUserInfo() {
       "width=800,height=600"
     );
   };
-  const loginMethod = async (method) => {
+  const loginMethod = async (method, extra) => {
     switch (method) {
+      case "wallet":
+        return walletModalStore.open("login", extra?.methods);
       case "evm":
         return window.open(`${endpoints.auth}login/wallet?appid=${appid}`);
       case "sol":
@@ -1160,11 +1192,13 @@ function useUserInfo() {
     }
     throw new Error(res.message);
   };
-  const bind = async (method) => {
+  const bind = async (method, extra) => {
     if (!token) {
       throw new Error("You must login first");
     }
     switch (method) {
+      case "wallet":
+        return walletModalStore.open("bind", extra?.methods);
       case "evm":
         return window.open(`${endpoints.auth}bind/wallet?appid=${appid}&st=` + encodeURIComponent(encodeBase64(token)));
       case "sol":