@matchain/matchid-sdk-react 0.1.42-alpha.2 → 0.1.42-alpha.3

package/dist/components/index.mjs

@@ -10,13 +10,15 @@ import {
   LoginPanel,
   Modal,
   ModalWithHeader,
+  Overlay,
   PasswordModal,
   Popover,
   SOLModal,
   TONModal,
   TRONModal,
   UsernameModal
-} from "../chunk-PZPEWHBV.mjs";
+} from "../chunk-KCESOJHY.mjs";
+import "../chunk-SQIJR7RA.mjs";
 import "../chunk-DPXMCLYK.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {
@@ -31,6 +33,7 @@ export {
   LoginPanel,
   Modal,
   ModalWithHeader,
+  Overlay,
   PasswordModal,
   Popover,
   SOLModal,

package/dist/hooks/api/index.d.mts

@@ -1,5 +1,5 @@
-export { b as bind, p as poh, u as user } from '../../index-DbjibQ5d.mjs';
+export { b as bind, p as poh, u as user } from '../../index-DFZpfAfc.mjs';
 import '@tanstack/react-query';
 import '@tanstack/react-query/src/types';
-import '../../types.d-DwF-Pkvh.mjs';
+import '../../types-CVwZEgQ0.mjs';
 import 'react';

package/dist/hooks/api/index.d.ts

@@ -1,5 +1,5 @@
-export { b as bind, p as poh, u as user } from '../../index-GcpJCj6O.js';
+export { b as bind, p as poh, u as user } from '../../index-Ca9nh_8s.js';
 import '@tanstack/react-query';
 import '@tanstack/react-query/src/types';
-import '../../types.d-DwF-Pkvh.js';
+import '../../types-CVwZEgQ0.js';
 import 'react';

package/dist/hooks/api/index.js

@@ -45,7 +45,7 @@ __export(bind_exports, {
   useBindInfo: () => useBindInfo,
   useBindList: () => useBindList
 });
-var import_react_query2 = require("@tanstack/react-query");
+var import_react_query3 = require("@tanstack/react-query");
 
 // src/store/useLocalStore.ts
 var import_zustand = require("zustand");
@@ -91,7 +91,7 @@ var localStore = useLocalStore;
 var useLocalStore_default = useLocalStore;
 
 // src/hooks/useUserInfo.tsx
-var import_react27 = require("react");
+var import_react30 = require("react");
 
 // src/api/request.ts
 var import_axios = __toESM(require("axios"));
@@ -330,10 +330,10 @@ var getAuthInfoApi = () => {
 };
 
 // src/MatchContext.tsx
-var import_react26 = require("react");
+var import_react29 = require("react");
 
 // src/context/BusinessProvider.tsx
-var import_react23 = require("react");
+var import_react26 = require("react");
 
 // src/assets/icon/ArrowLeftIcon.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -467,24 +467,28 @@ var import_jsx_runtime43 = require("react/jsx-runtime");
 // src/hooks/useLayout.tsx
 var import_react = require("react");
 
-// src/components/Modal/index.tsx
+// src/components/Overlay/index.tsx
+var import_react2 = require("react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 
+// src/components/Modal/index.tsx
+var import_jsx_runtime45 = require("react/jsx-runtime");
+
 // src/components/PasswordModal/index.tsx
-var import_react5 = require("react");
+var import_react7 = require("react");
 
 // src/components/Input/index.tsx
-var import_react2 = require("react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_react3 = require("react");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 
 // src/components/Field/index.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 
 // src/components/Button/index.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 
 // src/hooks/useMatchEvents.ts
-var import_react3 = require("react");
+var import_react4 = require("react");
 
 // src/hooks/eventManager.ts
 var EventManager = class {
@@ -516,7 +520,7 @@ var eventManager_default = eventManager;
 
 // src/utils/index.ts
 var getVersion = () => {
-  return "0.0.1";
+  return "0.0.2";
 };
 function encodeBase64(input) {
   return btoa(unescape(encodeURIComponent(input)));
@@ -525,11 +529,14 @@ function getAppClientId() {
   return "react-sdk-" + getVersion();
 }
 
+// src/hooks/useWallet.tsx
+var import_viem = require("viem");
+
 // src/store/useStore.ts
 var import_zustand2 = require("zustand");
 var useStore = (0, import_zustand2.create)((set) => ({
-  walletIframeInited: false,
-  setWalletIframeInited: (inited) => set({ walletIframeInited: inited }),
+  walletReady: false,
+  setWalletReady: (inited) => set({ walletReady: inited }),
   recoveryModal: {
     open: false,
     success: async () => {
@@ -543,20 +550,9 @@ var useStore = (0, import_zustand2.create)((set) => ({
 
 // src/hooks/useWallet.tsx
 var import_accounts = require("viem/accounts");
-var AppClientId = "react-sdk-" + getVersion();
-
-// src/hooks/useCopyClipboard.ts
-var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
-var import_react4 = require("react");
-
-// src/components/PasswordModal/index.tsx
-var import_react_intl = require("react-intl");
-var import_jsx_runtime48 = require("react/jsx-runtime");
-
-// src/components/RecoveryModal/index.tsx
-var import_react6 = require("react");
-var import_react_intl2 = require("react-intl");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_viem2 = require("viem");
+var import_react5 = require("react");
+var import_viem3 = require("viem");
 
 // src/store/useModalStore.ts
 var import_zustand3 = require("zustand");
@@ -590,69 +586,96 @@ var useCEXBindModalStore = (0, import_zustand3.create)((set) => ({
   open: (type) => set({ isOpen: true, type }),
   close: () => set({ isOpen: false })
 }));
+var useHashPanelStore = (0, import_zustand3.create)((set) => ({
+  isOpen: false,
+  hash: null,
+  chain: null,
+  open: (params) => set({
+    isOpen: true,
+    hash: params?.hash || null,
+    chain: params?.chain || null
+  }),
+  close: () => set({ isOpen: false })
+}));
+
+// src/hooks/useWallet.tsx
+var AppClientId = "react-sdk-" + getVersion();
+
+// src/hooks/useCopyClipboard.ts
+var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
+var import_react6 = require("react");
+
+// 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_react8 = require("react");
+var import_react_intl2 = require("react-intl");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
-var import_react9 = require("react");
+var import_react11 = require("react");
 
 // src/components/EmailModal/StepEmail.tsx
-var import_react7 = require("react");
+var import_react9 = require("react");
 var import_react_intl3 = require("react-intl");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 
 // src/components/EmailModal/StepVerify.tsx
-var import_react8 = require("react");
+var import_react10 = require("react");
 var import_react_intl4 = require("react-intl");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
 var import_react_intl5 = require("react-intl");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 
 // src/components/Popover/index.tsx
-var import_react10 = require("react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_react12 = require("react");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 
 // src/components/LoginBox/index.tsx
-var import_react11 = require("react");
+var import_react13 = require("react");
 var import_react_intl6 = require("react-intl");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
-var import_react13 = require("react");
+var import_react15 = require("react");
 
 // src/components/LoginPanel/index.tsx
 var import_react_intl7 = require("react-intl");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
-var import_react12 = require("react");
+var import_react14 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react_intl8 = require("react-intl");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react_intl9 = require("react-intl");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
-var import_react14 = require("react");
+var import_react16 = require("react");
 
 // src/assets/icon/InfoRoundIcon.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
 var import_react_intl10 = require("react-intl");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 
 // src/components/SOLModal/index.tsx
-var import_react16 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 var import_web3 = require("@solana/web3.js");
 var import_wallet_adapter_react = require("@solana/wallet-adapter-react");
 var import_wallet_adapter_react_ui = require("@solana/wallet-adapter-react-ui");
@@ -671,11 +694,11 @@ var import_styles = require("@solana/wallet-adapter-react-ui/styles.css");
 var import_react_intl11 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
-var import_react15 = require("react");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_react17 = require("react");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 
 // src/components/SOLModal/index.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var wallets = [
   new import_wallet_adapter_wallets.PhantomWalletAdapter(),
   new import_wallet_adapter_wallets.SolflareWalletAdapter(),
@@ -719,63 +742,77 @@ var wallets = [
 ];
 
 // src/components/TRONModal/index.tsx
-var import_react18 = __toESM(require("react"));
+var import_react20 = __toESM(require("react"));
 var import_react_intl12 = require("react-intl");
 
 // src/hooks/useTRONWallet.ts
-var import_react17 = require("react");
+var import_react19 = require("react");
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 
 // src/components/TONModal/index.tsx
-var import_react19 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 var import_react_intl13 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 
 // src/components/BTCModal/index.tsx
-var import_react21 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 var import_react_intl14 = require("react-intl");
 
 // src/lib/btc/XverseAdapter.ts
 var import_sats_connect = require("sats-connect");
 
 // src/hooks/useBTCWallet.ts
-var import_react20 = require("react");
+var import_react22 = require("react");
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 
 // src/components/CEXBindModal/index.tsx
-var import_react22 = require("react");
+var import_react24 = require("react");
 var import_react_intl15 = require("react-intl");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
+
+// src/components/HashPanel/index.tsx
+var import_viem4 = require("viem");
+var import_react25 = require("react");
+var import_react_query = require("@tanstack/react-query");
+
+// src/components/Drawer/index.tsx
+var import_jsx_runtime69 = require("react/jsx-runtime");
+
+// src/components/ModalDrawer/index.tsx
+var import_jsx_runtime70 = require("react/jsx-runtime");
+
+// src/components/HashPanel/index.tsx
+var import_jsx_runtime71 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 
 // src/context/index.tsx
-var import_jsx_runtime69 = (
+var import_jsx_runtime73 = (
   // <MpcWalletProvider>
   require("react/jsx-runtime")
 );
 
 // src/hooks/useWalletInit.ts
-var import_react24 = require("react");
+var import_react27 = require("react");
 var AppClientId2 = getAppClientId();
 
 // src/hooks/useInit.tsx
-var import_react25 = require("react");
+var import_react28 = require("react");
 
 // src/MatchContext.tsx
-var import_react_query = require("@tanstack/react-query");
+var import_react_query2 = require("@tanstack/react-query");
 var import_react_intl16 = require("react-intl");
-var import_jsx_runtime70 = require("react/jsx-runtime");
-var queryClient = new import_react_query.QueryClient();
-var MatchContext = (0, import_react26.createContext)(void 0);
+var import_jsx_runtime74 = require("react/jsx-runtime");
+var queryClient = new import_react_query2.QueryClient();
+var MatchContext = (0, import_react29.createContext)(void 0);
 var useMatch = () => {
-  const context = (0, import_react26.useContext)(MatchContext);
+  const context = (0, import_react29.useContext)(MatchContext);
   if (context === void 0) {
     throw new Error("useMatch must be used within a MatchProvider");
   }
@@ -802,7 +839,7 @@ function useUserInfo() {
   const { open: TONOpen } = useTONModalStore();
   const { open: BTCOpen } = useBTCModalStore();
   const { open: CEXBindOpen } = useCEXBindModalStore();
-  const isLogin = (0, import_react27.useMemo)(() => !!token, [token]);
+  const isLogin = (0, import_react30.useMemo)(() => !!token && !!overview, [token, overview]);
   const logout = async () => {
     try {
       await toLogoutApi();
@@ -1038,7 +1075,7 @@ function useUserInfo() {
 // src/hooks/api/bind.ts
 function useBindList(options) {
   const { isLogin } = useUserInfo();
-  return (0, import_react_query2.useQuery)({
+  return (0, import_react_query3.useQuery)({
     queryKey: ["bindList"],
     enabled: isLogin,
     queryFn: async () => {
@@ -1050,7 +1087,7 @@ function useBindList(options) {
 }
 function useBindInfo(options) {
   const { isLogin } = useUserInfo();
-  return (0, import_react_query2.useQuery)({
+  return (0, import_react_query3.useQuery)({
     queryKey: ["bindInfo"],
     enabled: isLogin,
     queryFn: async () => {
@@ -1067,10 +1104,10 @@ __export(poh_exports, {
   usePohList: () => usePohList,
   verifyPohApi: () => verifyPohApi
 });
-var import_react_query3 = require("@tanstack/react-query");
+var import_react_query4 = require("@tanstack/react-query");
 function usePohList(options) {
   const { isLogin } = useUserInfo();
-  return (0, import_react_query3.useQuery)({
+  return (0, import_react_query4.useQuery)({
     queryKey: ["pohList"],
     enabled: isLogin,
     queryFn: async () => {