@matchain/matchid-sdk-react 0.1.46-alpha.0 → 0.1.46-alpha.2

package/dist/hooks/api/index.js

@@ -50,48 +50,6 @@ var import_react_query4 = require("@tanstack/react-query");
 // src/store/useLocalStore.ts
 var import_zustand = require("zustand");
 var import_middleware = require("zustand/middleware");
-var persistedState = (0, import_middleware.persist)(
-  (set) => ({
-    appid: "",
-    token: "",
-    did: "",
-    mid: "",
-    overview: null,
-    theme: "light",
-    setOverview: (overview) => set({
-      overview,
-      address: overview.address,
-      did: overview.did,
-      mid: overview.mid
-    }),
-    endpoints: {
-      back: "https://api.matchid.ai/",
-      auth: "https://auth.matchid.ai/"
-    },
-    setDid: (did) => set({ did }),
-    setToken: (token) => set({ token }),
-    setAppid: (appid) => set({ appid }),
-    setMid: (mid) => set({ mid }),
-    logout: () => set({ token: "", did: "", mid: "", address: "", overview: null }),
-    setTheme: (theme) => set({ theme }),
-    setEndpoints: (endpoints) => set({ endpoints }),
-    address: "",
-    setAddress: (address) => set({ address }),
-    locale: "en",
-    setLocale: (locale) => set({ locale }),
-    wallet: {
-      type: "UserPasscode"
-    },
-    setWallet: (wallet) => set({ wallet })
-  }),
-  { name: "match-local" }
-);
-var useLocalStore = (0, import_zustand.create)((0, import_middleware.devtools)(persistedState));
-var localStore = useLocalStore;
-var useLocalStore_default = useLocalStore;
-
-// src/hooks/useUserInfo.tsx
-var import_react31 = require("react");
 
 // src/api/request.ts
 var import_axios = __toESM(require("axios"));
@@ -375,70 +333,181 @@ var getAuthInfoApi = () => {
   });
 };
 
-// src/MatchContext.tsx
-var import_react30 = require("react");
+// src/store/useLocalStore.ts
+var persistedState = (0, import_middleware.persist)(
+  (set) => ({
+    appid: "",
+    token: "",
+    did: "",
+    mid: "",
+    overview: null,
+    theme: "light",
+    setOverview: (overview) => set({
+      overview,
+      address: overview.address,
+      did: overview.did,
+      mid: overview.mid
+    }),
+    refreshOverview: async () => {
+      const res = await getOverviewInfoApi();
+      if (res.data) {
+        set({ overview: res.data });
+        set({ address: res.data.address });
+        set({ did: res.data.did });
+        set({ mid: res.data.mid });
+      }
+    },
+    endpoints: {
+      back: "https://api.matchid.ai/",
+      auth: "https://auth.matchid.ai/"
+    },
+    setDid: (did) => set({ did }),
+    setToken: (token) => set({ token }),
+    setAppid: (appid) => set({ appid }),
+    setMid: (mid) => set({ mid }),
+    logout: () => set({ token: "", did: "", mid: "", address: "", overview: null }),
+    setTheme: (theme) => set({ theme }),
+    setEndpoints: (endpoints) => set({ endpoints }),
+    address: "",
+    setAddress: (address) => set({ address }),
+    locale: "en",
+    setLocale: (locale) => set({ locale }),
+    wallet: {
+      type: "UserPasscode"
+    },
+    setWallet: (wallet) => set({ wallet })
+  }),
+  { name: "match-local" }
+);
+var useLocalStore = (0, import_zustand.create)((0, import_middleware.devtools)(persistedState));
+var localStore = useLocalStore;
+var useLocalStore_default = useLocalStore;
 
-// src/context/BusinessProvider.tsx
+// src/hooks/useUserInfo.tsx
+var import_react28 = require("react");
+
+// src/MatchContext.tsx
 var import_react27 = require("react");
 
-// src/assets/icon/ArrowLeftIcon.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
+// src/hooks/useMatchEvents.ts
+var import_react = require("react");
+
+// src/hooks/eventManager.ts
+var EventManager = class {
+  constructor() {
+    this.listeners = {};
+  }
+  on(event, callback) {
+    if (!this.listeners[event]) {
+      this.listeners[event] = /* @__PURE__ */ new Set();
+    }
+    this.listeners[event].add(callback);
+  }
+  off(event, callback) {
+    if (this.listeners[event]) {
+      this.listeners[event].delete(callback);
+      if (this.listeners[event].size === 0) {
+        delete this.listeners[event];
+      }
+    }
+  }
+  emit(event, ...args) {
+    if (this.listeners[event]) {
+      this.listeners[event].forEach((callback) => callback(...args));
+    }
+  }
+};
+var eventManager = new EventManager();
+var eventManager_default = eventManager;
+
+// src/utils/index.ts
+var getVersion = () => {
+  return "0.0.2";
+};
+function encodeBase64(input) {
+  return btoa(unescape(encodeURIComponent(input)));
+}
+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) => ({
+  walletReady: false,
+  setWalletReady: (inited) => set({ walletReady: inited })
+}));
+
+// src/hooks/useWallet.tsx
+var import_accounts = require("viem/accounts");
+var import_viem2 = require("viem");
+var import_react3 = require("react");
+var import_viem3 = require("viem");
+
+// src/store/useModalStore.ts
+var import_zustand3 = require("zustand");
 
 // src/assets/icon/BackIcon.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime = require("react/jsx-runtime");
 
 // src/assets/icon/CloseIcon.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 
 // src/assets/icon/XIcon.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 
 // src/assets/icon/GoogleIcon.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 
 // src/assets/icon/WalletIcon.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 
 // src/assets/icon/TelegramIcon.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 
 // src/assets/icon/EmailIcon.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 
 // src/assets/icon/ArrowRightIcon.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 
 // src/assets/icon/CloseRoundIcon.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 
 // src/assets/icon/LoadingIcon.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 
 // src/assets/icon/EmailLineIcon.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 
 // src/assets/icon/UnLoginIcon.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 
 // src/assets/icon/LoginIcon.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 
 // src/assets/icon/CheckRoundIcon.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 
 // src/assets/icon/PasswordRoundIcon.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 
 // src/assets/icon/CloseEyeIcon.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 
 // src/assets/icon/OpenEyeIcon.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 
 // src/assets/icon/DeleteRoundIcon.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 
 // src/assets/icon/FacebookIcon.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+
+// src/assets/icon/ArrowLeftIcon.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
 
 // src/assets/icon/GithubIcon.tsx
@@ -511,100 +580,10 @@ var import_jsx_runtime42 = require("react/jsx-runtime");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 
 // src/hooks/useLayout.tsx
-var import_react = require("react");
-
-// src/ui/Overlay/index.tsx
 var import_react2 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
-
-// src/ui/Modal/index.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
-
-// src/components/PasswordModal/index.tsx
-var import_react7 = require("react");
-
-// src/ui/Input/index.tsx
-var import_react3 = require("react");
-var import_jsx_runtime46 = require("react/jsx-runtime");
-
-// src/ui/Field/index.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
-
-// src/ui/Button/index.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
-
-// src/hooks/useMatchEvents.ts
-var import_react4 = require("react");
-
-// src/hooks/eventManager.ts
-var EventManager = class {
-  constructor() {
-    this.listeners = {};
-  }
-  on(event, callback) {
-    if (!this.listeners[event]) {
-      this.listeners[event] = /* @__PURE__ */ new Set();
-    }
-    this.listeners[event].add(callback);
-  }
-  off(event, callback) {
-    if (this.listeners[event]) {
-      this.listeners[event].delete(callback);
-      if (this.listeners[event].size === 0) {
-        delete this.listeners[event];
-      }
-    }
-  }
-  emit(event, ...args) {
-    if (this.listeners[event]) {
-      this.listeners[event].forEach((callback) => callback(...args));
-    }
-  }
-};
-var eventManager = new EventManager();
-var eventManager_default = eventManager;
-
-// src/utils/index.ts
-var getVersion = () => {
-  return "0.0.2";
-};
-function encodeBase64(input) {
-  return btoa(unescape(encodeURIComponent(input)));
-}
-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) => ({
-  walletReady: false,
-  setWalletReady: (inited) => set({ walletReady: inited }),
-  recoveryModal: {
-    open: false,
-    success: async () => {
-    },
-    close: async () => {
-    }
-  },
-  setRecoveryModal: (params) => set({ recoveryModal: params }),
-  closeRecoveryModal: () => set({ recoveryModal: { open: false } })
-}));
-
-// src/hooks/useWallet.tsx
-var import_accounts = require("viem/accounts");
-var import_viem2 = require("viem");
-var import_react5 = require("react");
-var import_viem3 = require("viem");
-
-// src/store/useModalStore.ts
-var import_zustand3 = require("zustand");
 
 // src/hooks/useConfig.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
 
 // src/store/useModalStore.ts
@@ -662,84 +641,94 @@ 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/EmailModal/index.tsx
+var import_react9 = require("react");
+
+// src/ui/Overlay/index.tsx
+var import_react5 = require("react");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+
+// src/ui/Modal/index.tsx
+var import_jsx_runtime46 = require("react/jsx-runtime");
+
+// src/components/EmailModal/StepEmail.tsx
+var import_react7 = require("react");
+
+// src/ui/Button/index.tsx
+var import_jsx_runtime47 = require("react/jsx-runtime");
+
+// src/ui/Input/index.tsx
 var import_react6 = require("react");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 
-// src/components/PasswordModal/index.tsx
+// src/ui/Field/index.tsx
+var import_jsx_runtime49 = require("react/jsx-runtime");
+
+// src/components/EmailModal/StepEmail.tsx
 var import_react_intl = require("react-intl");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 
-// src/components/RecoveryModal/index.tsx
+// src/components/EmailModal/StepVerify.tsx
 var import_react8 = require("react");
 var import_react_intl2 = require("react-intl");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
-var import_react11 = require("react");
-
-// src/components/EmailModal/StepEmail.tsx
-var import_react9 = require("react");
 var import_react_intl3 = require("react-intl");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 
-// src/components/EmailModal/StepVerify.tsx
+// src/ui/Popover/index.tsx
 var import_react10 = require("react");
-var import_react_intl4 = require("react-intl");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 
-// src/components/EmailModal/index.tsx
-var import_react_intl5 = require("react-intl");
-var import_jsx_runtime54 = require("react/jsx-runtime");
-
-// src/ui/Popover/index.tsx
-var import_react12 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
-
 // src/components/LoginBox/index.tsx
-var import_react13 = require("react");
-var import_react_intl6 = require("react-intl");
+var import_react11 = require("react");
+var import_react_intl4 = require("react-intl");
 
 // src/hooks/useAppConfig.ts
 var import_react_query = require("@tanstack/react-query");
 
 // src/components/LoginBox/index.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
-var import_react15 = require("react");
+var import_react13 = require("react");
 
 // src/components/LoginPanel/index.tsx
-var import_react_intl7 = require("react-intl");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_react_intl5 = require("react-intl");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
-var import_react14 = require("react");
+var import_react12 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
-var import_react_intl8 = require("react-intl");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_react_intl6 = require("react-intl");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
-var import_react_intl9 = require("react-intl");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_react_intl7 = require("react-intl");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
-var import_react16 = require("react");
+var import_react14 = require("react");
 
 // src/assets/icon/InfoRoundIcon.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
-var import_react_intl10 = require("react-intl");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_react_intl8 = require("react-intl");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 
 // src/components/SOLModal/index.tsx
-var import_react18 = __toESM(require("react"));
+var import_react16 = __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");
@@ -755,14 +744,14 @@ var WalletAdapterNetwork;
 // src/components/SOLModal/index.tsx
 var import_wallet_adapter_wallets = require("@solana/wallet-adapter-wallets");
 var import_styles = require("@solana/wallet-adapter-react-ui/styles.css");
-var import_react_intl11 = require("react-intl");
+var import_react_intl9 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
-var import_react17 = require("react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_react15 = require("react");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 
 // src/components/SOLModal/index.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var wallets = [
   new import_wallet_adapter_wallets.PhantomWalletAdapter(),
   new import_wallet_adapter_wallets.SolflareWalletAdapter(),
@@ -806,82 +795,82 @@ var wallets = [
 ];
 
 // src/components/TRONModal/index.tsx
-var import_react20 = __toESM(require("react"));
-var import_react_intl12 = require("react-intl");
+var import_react18 = __toESM(require("react"));
+var import_react_intl10 = require("react-intl");
 
 // src/hooks/useTRONWallet.ts
-var import_react19 = require("react");
+var import_react17 = require("react");
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 
 // src/components/TONModal/index.tsx
-var import_react21 = __toESM(require("react"));
-var import_react_intl13 = require("react-intl");
+var import_react19 = __toESM(require("react"));
+var import_react_intl11 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 
 // src/components/BTCModal/index.tsx
-var import_react23 = __toESM(require("react"));
-var import_react_intl14 = require("react-intl");
+var import_react21 = __toESM(require("react"));
+var import_react_intl12 = require("react-intl");
 
 // src/lib/btc/XverseAdapter.ts
 var import_sats_connect = require("sats-connect");
 
 // src/hooks/useBTCWallet.ts
-var import_react22 = require("react");
+var import_react20 = require("react");
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 
 // src/components/WalletModal/index.tsx
-var import_react24 = require("react");
-var import_react_intl15 = require("react-intl");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_react22 = require("react");
+var import_react_intl13 = require("react-intl");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 
 // src/components/CEXBindModal/index.tsx
-var import_react25 = require("react");
-var import_react_intl16 = require("react-intl");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_react23 = require("react");
+var import_react_intl14 = require("react-intl");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 
 // src/ui/HashPanel/index.tsx
 var import_viem4 = require("viem");
-var import_react26 = require("react");
+var import_react24 = require("react");
 var import_react_query2 = require("@tanstack/react-query");
 
 // src/ui/Drawer/index.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 
 // src/ui/ModalDrawer/index.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 
 // src/ui/HashPanel/index.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 
 // src/context/index.tsx
-var import_jsx_runtime75 = (
+var import_jsx_runtime73 = (
   // <MpcWalletProvider>
   require("react/jsx-runtime")
 );
 
 // src/hooks/useWalletInit.ts
-var import_react28 = require("react");
+var import_react25 = require("react");
 var AppClientId2 = getAppClientId();
 
 // src/hooks/useInit.tsx
-var import_react29 = require("react");
+var import_react26 = require("react");
 
 // src/MatchContext.tsx
 var import_react_query3 = require("@tanstack/react-query");
-var import_react_intl17 = require("react-intl");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_react_intl15 = require("react-intl");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var queryClient = new import_react_query3.QueryClient();
-var MatchContext = (0, import_react30.createContext)(void 0);
+var MatchContext = (0, import_react27.createContext)(void 0);
 var useMatch = () => {
-  const context = (0, import_react30.useContext)(MatchContext);
+  const context = (0, import_react27.useContext)(MatchContext);
   if (context === void 0) {
     throw new Error("useMatch must be used within a MatchProvider");
   }
@@ -900,7 +889,8 @@ function useUserInfo() {
     overview,
     address,
     endpoints,
-    locale
+    locale,
+    refreshOverview
   } = useLocalStore_default();
   const { events, login } = useMatch();
   const { open: SOLOpen } = useSOLModalStore();
@@ -909,7 +899,7 @@ function useUserInfo() {
   const { open: BTCOpen } = useBTCModalStore();
   const { open: CEXBindOpen } = useCEXBindModalStore();
   const walletModalStore = useWalletModalStore();
-  const isLogin = (0, import_react31.useMemo)(() => !!token && !!overview, [token, overview]);
+  const isLogin = (0, import_react28.useMemo)(() => !!token && !!overview, [token, overview]);
   const logout = async () => {
     try {
       await toLogoutApi();
@@ -1009,12 +999,6 @@ function useUserInfo() {
     }
     return false;
   };
-  const refreshOverview = async () => {
-    const res = await getOverviewInfoApi();
-    if (res.data) {
-      setOverview(res.data);
-    }
-  };
   const bindWallet = async () => {
     if (!token) {
       throw new Error("You must login first");