@matchain/matchid-sdk-react 0.1.37-alpha.2 → 0.1.37-alpha.4

package/dist/hooks/index.js

@@ -0,0 +1,1055 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/index.tsx
+var hooks_exports = {};
+__export(hooks_exports, {
+  useCopyClipboard: () => useCopyClipboard,
+  useLayout: () => useLayout_exports,
+  useMatchEvents: () => useMatchEvents,
+  useUserInfo: () => useUserInfo,
+  useWallet: () => useWallet
+});
+module.exports = __toCommonJS(hooks_exports);
+
+// 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 })
+  }),
+  { 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_react22 = require("react");
+
+// src/api/request.ts
+var import_axios = __toESM(require("axios"));
+
+// src/config/env/index.ts
+var env_default = {
+  endpoints: {
+    back: "https://api.matchid.ai/",
+    auth: "https://auth.matchid.ai/"
+  }
+};
+
+// src/store/index.ts
+var getEndpoints = () => {
+  try {
+    const store = localStore.getState();
+    const env = store?.endpoints;
+    if (env) {
+      return env;
+    } else {
+      return env_default.endpoints;
+    }
+  } catch (e) {
+    return env_default.endpoints;
+  }
+};
+var getAppid = () => {
+  try {
+    const store = localStore.getState();
+    const appid = store?.appid;
+    if (appid) {
+      return appid;
+    } else {
+      return "";
+    }
+  } catch (e) {
+    return "";
+  }
+};
+var getLocale = () => {
+  try {
+    const store = localStore.getState();
+    const locale = store?.locale;
+    if (locale) {
+      return locale;
+    } else {
+      return "en";
+    }
+  } catch (e) {
+    return "en";
+  }
+};
+var getToken = () => {
+  try {
+    const store = localStore.getState();
+    const token = store?.token;
+    if (token) {
+      return token;
+    } else {
+      return "";
+    }
+  } catch (e) {
+    return "";
+  }
+};
+
+// src/utils/matchlog.ts
+var matchDevExists = () => localStorage.getItem("matchid-sdk-react-debug") !== null;
+var handler = {
+  get(target, prop) {
+    if (matchDevExists() && typeof target[prop] === "function") {
+      return target[prop].bind(console);
+    }
+    return () => {
+    };
+  }
+};
+var matchlog = new Proxy(console, handler);
+var matchlog_default = matchlog;
+
+// src/api/request.ts
+var SUCCESS_CODE = 0;
+var isSuccess = (res) => {
+  return res.code === SUCCESS_CODE;
+};
+var instance = import_axios.default.create({
+  timeout: 6e4,
+  validateStatus(status) {
+    return status >= 200 && status <= 500;
+  }
+});
+var request = async (config) => {
+  try {
+    const endpoints = getEndpoints();
+    const token = getToken();
+    instance.defaults.baseURL = `${endpoints.back}`;
+    instance.defaults.headers.common["Appid"] = getAppid();
+    if (token) {
+      instance.defaults.headers.common["Authorization"] = token;
+    }
+    instance.defaults.headers.common["Accept-Language"] = getLocale();
+    const { data } = await instance.request(config);
+    matchlog_default.log("api", data);
+    if (data.code == 401001) {
+      localStore.getState().logout();
+      throw new Error("Your session has expired, please log in again");
+    }
+    return data;
+  } catch (err) {
+    console.error("qwe-err", err);
+    const message = "Request Error";
+    console.error(message);
+    return {
+      code: -1,
+      data: null,
+      message,
+      success: false,
+      fail: true,
+      result: null
+    };
+  }
+};
+var request_default = request;
+
+// src/api/index.ts
+var getEmailCodeApi = (email) => {
+  return request_default({
+    url: `/api/v1/email/code`,
+    method: "POST",
+    data: { email }
+  });
+};
+var verifyEmailCodeApi = ({ email, verification_key, verification_code }) => {
+  return request_default({
+    url: `/api/v1/user/email/login`,
+    method: "POST",
+    data: { email, verification_key, verification_code }
+  });
+};
+var getOverviewInfoApi = () => {
+  return request_default({
+    url: `/api/v1/user/overview`,
+    method: "GET"
+  });
+};
+var toLogoutApi = () => {
+  return request_default({
+    url: `/api/v1/user/logout`,
+    method: "POST"
+  });
+};
+var getAuthInfoApi = () => {
+  return request_default({
+    url: `/api/v1/user/auth`,
+    method: "GET"
+  });
+};
+
+// src/MatchContext.tsx
+var import_react21 = require("react");
+
+// src/assets/icon/ArrowLeftIcon.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+
+// src/assets/icon/BackIcon.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+
+// src/assets/icon/CloseIcon.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+
+// src/assets/icon/XIcon.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+
+// src/assets/icon/GoogleIcon.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+
+// src/assets/icon/WalletIcon.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+
+// src/assets/icon/TelegramIcon.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+
+// src/assets/icon/EmailIcon.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+
+// src/assets/icon/ArrowRightIcon.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+
+// src/assets/icon/CloseRoundIcon.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+
+// src/assets/icon/LoadingIcon.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+
+// src/assets/icon/EmailLineIcon.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+
+// src/assets/icon/UnLoginIcon.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+
+// src/assets/icon/LoginIcon.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+
+// src/assets/icon/CheckRoundIcon.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+
+// src/assets/icon/PasswordRoundIcon.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+
+// src/assets/icon/CloseEyeIcon.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+
+// src/assets/icon/OpenEyeIcon.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+
+// src/assets/icon/DeleteRoundIcon.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+
+// src/assets/icon/FacebookIcon.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+
+// src/assets/icon/GithubIcon.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+
+// src/assets/icon/DiscordIcon.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+
+// src/assets/icon/CheckIcon.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+
+// src/assets/icon/CopyIcon.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+
+// src/assets/icon/LinkedinIcon.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+
+// src/assets/icon/YoutubeIcon.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+
+// src/assets/icon/BTCDarkIcon.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+
+// src/assets/icon/BTCLightIcon.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+
+// src/assets/icon/EVMDarkIcon.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+
+// src/assets/icon/EVMLightIcon.tsx
+var import_jsx_runtime30 = require("react/jsx-runtime");
+
+// src/assets/icon/SOLDarkIcon.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime");
+
+// src/assets/icon/SOLLightIcon.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
+
+// src/assets/icon/TRXDarkIcon.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
+
+// src/assets/icon/TRXLightIcon.tsx
+var import_jsx_runtime34 = require("react/jsx-runtime");
+
+// src/assets/icon/ArrowDownIcon.tsx
+var import_jsx_runtime35 = require("react/jsx-runtime");
+
+// src/assets/icon/LeatherIcon.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
+
+// src/assets/icon/UnisatIcon.tsx
+var import_jsx_runtime37 = require("react/jsx-runtime");
+
+// src/assets/icon/XverseIcon.tsx
+var import_jsx_runtime38 = require("react/jsx-runtime");
+
+// src/hooks/useLayout.tsx
+var useLayout_exports = {};
+__export(useLayout_exports, {
+  useDownMd: () => useDownMd
+});
+var import_react = require("react");
+function useDownMd() {
+  const [isBelowMd, setIsBelowMd] = (0, import_react.useState)(window.matchMedia("(max-width: 767px)").matches);
+  (0, import_react.useEffect)(() => {
+    const handleResize = () => {
+      setIsBelowMd(window.matchMedia("(max-width: 767px)").matches);
+    };
+    window.addEventListener("resize", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
+    };
+  }, []);
+  return isBelowMd;
+}
+
+// src/components/Modal/index.tsx
+var import_jsx_runtime39 = require("react/jsx-runtime");
+
+// src/components/PasswordModal/index.tsx
+var import_react3 = require("react");
+
+// src/components/Input/index.tsx
+var import_react2 = require("react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+
+// src/components/Field/index.tsx
+var import_jsx_runtime41 = require("react/jsx-runtime");
+
+// src/components/Button/index.tsx
+var import_jsx_runtime42 = require("react/jsx-runtime");
+
+// src/components/PasswordModal/index.tsx
+var import_react_intl = require("react-intl");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+
+// src/components/RecoveryModal/index.tsx
+var import_react4 = require("react");
+var import_react_intl2 = require("react-intl");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+
+// src/store/useStore.ts
+var import_zustand2 = require("zustand");
+var useStore = (0, import_zustand2.create)((set) => ({
+  walletIframeInited: false,
+  setWalletIframeInited: (inited) => set({ walletIframeInited: inited }),
+  recoveryModal: {
+    open: false,
+    success: async () => {
+    },
+    close: async () => {
+    }
+  },
+  setRecoveryModal: (params) => set({ recoveryModal: params }),
+  closeRecoveryModal: () => set({ recoveryModal: { open: false } })
+}));
+var useStore_default = useStore;
+
+// src/store/useModalStore.ts
+var import_zustand3 = require("zustand");
+var useSOLModalStore = (0, import_zustand3.create)((set) => ({
+  isOpen: false,
+  type: "",
+  open: (type) => set({ isOpen: true, type }),
+  close: () => set({ isOpen: false })
+}));
+var useTronModalStore = (0, import_zustand3.create)((set) => ({
+  isOpen: false,
+  type: "",
+  open: (type) => set({ isOpen: true, type }),
+  close: () => set({ isOpen: false })
+}));
+var useBTCModalStore = (0, import_zustand3.create)((set) => ({
+  isOpen: false,
+  type: "",
+  open: (type) => set({ isOpen: true, type }),
+  close: () => set({ isOpen: false })
+}));
+var useCEXBindModalStore = (0, import_zustand3.create)((set) => ({
+  type: "",
+  isOpen: false,
+  open: (type) => set({ isOpen: true, type }),
+  close: () => set({ isOpen: false })
+}));
+
+// src/components/EmailModal/index.tsx
+var import_react7 = require("react");
+
+// src/components/EmailModal/StepEmail.tsx
+var import_react5 = require("react");
+
+// src/utils/index.ts
+var getVersion = () => {
+  return "0.0.1";
+};
+function encodeBase64(input) {
+  return btoa(unescape(encodeURIComponent(input)));
+}
+function getAppClientId() {
+  return "react-sdk-" + getVersion();
+}
+
+// src/components/EmailModal/StepEmail.tsx
+var import_react_intl3 = require("react-intl");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+
+// src/components/EmailModal/StepVerify.tsx
+var import_react6 = require("react");
+var import_react_intl4 = require("react-intl");
+var import_jsx_runtime46 = require("react/jsx-runtime");
+
+// src/components/EmailModal/index.tsx
+var import_react_intl5 = require("react-intl");
+var import_jsx_runtime47 = require("react/jsx-runtime");
+
+// src/components/Popover/index.tsx
+var import_react8 = require("react");
+var import_jsx_runtime48 = require("react/jsx-runtime");
+
+// src/components/LoginBox/index.tsx
+var import_react9 = require("react");
+var import_react_intl6 = require("react-intl");
+var import_jsx_runtime49 = require("react/jsx-runtime");
+
+// src/components/LoginButton/index.tsx
+var import_react11 = require("react");
+
+// src/components/LoginPanel/index.tsx
+var import_react_intl7 = require("react-intl");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+
+// src/components/LoginModal/index.tsx
+var import_jsx_runtime51 = require("react/jsx-runtime");
+
+// src/components/UserPopover/index.tsx
+var import_react10 = require("react");
+
+// src/assets/icon/ProfileIcon.tsx
+var import_jsx_runtime52 = require("react/jsx-runtime");
+
+// src/components/UserPopover/index.tsx
+var import_react_intl8 = require("react-intl");
+var import_jsx_runtime53 = require("react/jsx-runtime");
+
+// src/components/LoginButton/index.tsx
+var import_react_intl9 = require("react-intl");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+
+// src/components/UsernameModal/index.tsx
+var import_react12 = require("react");
+
+// src/assets/icon/InfoRoundIcon.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+
+// src/components/UsernameModal/index.tsx
+var import_react_intl10 = require("react-intl");
+var import_jsx_runtime56 = require("react/jsx-runtime");
+
+// src/components/SOLModal/index.tsx
+var import_react14 = __toESM(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/components/SOLModal/index.tsx
+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");
+
+// node_modules/@solana/wallet-adapter-base/lib/esm/types.js
+var WalletAdapterNetwork;
+(function(WalletAdapterNetwork2) {
+  WalletAdapterNetwork2["Mainnet"] = "mainnet-beta";
+  WalletAdapterNetwork2["Testnet"] = "testnet";
+  WalletAdapterNetwork2["Devnet"] = "devnet";
+})(WalletAdapterNetwork || (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");
+
+// src/components/WalletModalContent/index.tsx
+var import_react13 = require("react");
+var import_jsx_runtime57 = require("react/jsx-runtime");
+
+// src/components/SOLModal/index.tsx
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var wallets = [
+  new import_wallet_adapter_wallets.PhantomWalletAdapter(),
+  new import_wallet_adapter_wallets.SolflareWalletAdapter(),
+  new import_wallet_adapter_wallets.WalletConnectWalletAdapter({
+    network: WalletAdapterNetwork.Mainnet,
+    options: {
+      relayUrl: "wss://relay.walletconnect.com"
+    }
+  }),
+  new import_wallet_adapter_wallets.AlphaWalletAdapter(),
+  new import_wallet_adapter_wallets.AvanaWalletAdapter(),
+  new import_wallet_adapter_wallets.BitgetWalletAdapter(),
+  new import_wallet_adapter_wallets.BitpieWalletAdapter(),
+  new import_wallet_adapter_wallets.CloverWalletAdapter(),
+  new import_wallet_adapter_wallets.Coin98WalletAdapter(),
+  new import_wallet_adapter_wallets.CoinbaseWalletAdapter(),
+  new import_wallet_adapter_wallets.CoinhubWalletAdapter(),
+  new import_wallet_adapter_wallets.FractalWalletAdapter(),
+  new import_wallet_adapter_wallets.HuobiWalletAdapter(),
+  new import_wallet_adapter_wallets.HyperPayWalletAdapter(),
+  new import_wallet_adapter_wallets.KeystoneWalletAdapter(),
+  new import_wallet_adapter_wallets.KrystalWalletAdapter(),
+  new import_wallet_adapter_wallets.LedgerWalletAdapter(),
+  new import_wallet_adapter_wallets.MathWalletAdapter(),
+  new import_wallet_adapter_wallets.NekoWalletAdapter(),
+  new import_wallet_adapter_wallets.NightlyWalletAdapter(),
+  new import_wallet_adapter_wallets.NufiWalletAdapter(),
+  new import_wallet_adapter_wallets.OntoWalletAdapter(),
+  new import_wallet_adapter_wallets.ParticleAdapter(),
+  new import_wallet_adapter_wallets.SafePalWalletAdapter(),
+  new import_wallet_adapter_wallets.SaifuWalletAdapter(),
+  new import_wallet_adapter_wallets.SalmonWalletAdapter(),
+  new import_wallet_adapter_wallets.SkyWalletAdapter(),
+  new import_wallet_adapter_wallets.SolongWalletAdapter(),
+  new import_wallet_adapter_wallets.SpotWalletAdapter(),
+  new import_wallet_adapter_wallets.TokenaryWalletAdapter(),
+  new import_wallet_adapter_wallets.TokenPocketWalletAdapter(),
+  new import_wallet_adapter_wallets.TorusWalletAdapter(),
+  new import_wallet_adapter_wallets.TrustWalletAdapter(),
+  new import_wallet_adapter_wallets.XDEFIWalletAdapter()
+];
+
+// src/components/TronModal/index.tsx
+var import_react15 = __toESM(require("react"));
+var import_react_intl12 = require("react-intl");
+var import_jsx_runtime59 = require("react/jsx-runtime");
+
+// src/components/BTCModal/index.tsx
+var import_react17 = __toESM(require("react"));
+var import_react_intl13 = require("react-intl");
+
+// src/lib/btc/XverseAdapter.ts
+var import_sats_connect = require("sats-connect");
+
+// src/hooks/useBTCWallet.ts
+var import_react16 = require("react");
+
+// src/components/BTCModal/index.tsx
+var import_jsx_runtime60 = require("react/jsx-runtime");
+
+// src/components/CEXBindModal/index.tsx
+var import_react18 = require("react");
+var import_react_intl14 = require("react-intl");
+var import_jsx_runtime61 = require("react/jsx-runtime");
+
+// src/context/BusinessProvider.tsx
+var import_jsx_runtime62 = require("react/jsx-runtime");
+
+// src/context/index.tsx
+var import_jsx_runtime63 = (
+  // <MpcWalletProvider>
+  require("react/jsx-runtime")
+);
+
+// src/hooks/useWalletInit.ts
+var import_react19 = require("react");
+
+// src/hooks/useWallet.tsx
+var import_accounts = require("viem/accounts");
+var AppClientId = "react-sdk-" + getVersion();
+function useWallet() {
+  const { appid, token, overview, address } = useLocalStore_default();
+  const { setRecoveryModal, closeRecoveryModal } = useStore_default();
+  const initWallet = ({
+    did,
+    address: address2
+  }) => {
+    return window.waitMatchUntilWalletMessage(
+      "initCore",
+      {
+        AppId: appid,
+        AppClientId,
+        UserId: did,
+        AccessToken: token,
+        Address: address2
+      }
+    );
+  };
+  const isRecovered = async () => {
+    const res = await window.waitMatchUntilWalletMessage("isRecovered");
+    return res.isRecovered;
+  };
+  const generateWallet = async ({
+    did,
+    userPasscode
+  }) => {
+    return await window.waitMatchUntilWalletMessage("generateWallet", {
+      chainType: "ethereum",
+      recoveryType: "user_passcode_recovery_key",
+      userPasscode
+    });
+  };
+  const recoverAfter = async (func) => {
+    return new Promise(async (resolve, reject) => {
+      const res = await isRecovered();
+      matchlog_default.log("isRecovered", res);
+      if (!res) {
+        setRecoveryModal({
+          open: true,
+          success: async () => {
+            matchlog_default.log("recover Success");
+            await func(resolve, reject);
+          },
+          close: async () => {
+            closeRecoveryModal();
+            reject(new Error("recover modal close"));
+          }
+        });
+        await initWallet({
+          address: overview?.address || "",
+          did: overview?.did?.split(":")[2] || ""
+        });
+      } else {
+        await recoveryWallet("ethereum", "user_passcode_recovery_key");
+        await func(resolve, reject);
+      }
+    });
+  };
+  const signMessage2 = async (message, type) => {
+    const getSign = async (resolve, reject) => {
+      try {
+        const recoverRes = await window.waitMatchUntilWalletMessage("signMessage", {
+          message,
+          chainType: type
+        });
+        closeRecoveryModal();
+        resolve(recoverRes);
+      } catch (error) {
+        console.error("qwe-sign-error", error);
+        reject(error);
+      }
+    };
+    return await recoverAfter(getSign);
+  };
+  const signTransaction = async (transaction, type) => {
+    const getSign = async (resolve, reject) => {
+      try {
+        const recoverRes = await window.waitMatchUntilWalletMessage("signTransaction", {
+          transaction,
+          chainType: type
+        });
+        closeRecoveryModal();
+        resolve(recoverRes);
+      } catch (error) {
+        console.error("qwe-sign-error", error);
+        reject(error);
+      }
+    };
+    return await recoverAfter(getSign);
+  };
+  const recoveryWallet = async (chainType, recoveryType, userPasscode) => {
+    return await window.waitMatchUntilWalletMessage("recoveryWallet", {
+      chainType,
+      recoveryType,
+      userPasscode
+    });
+  };
+  const evmAccount = address ? (0, import_accounts.toAccount)({
+    address,
+    async signMessage({ message }) {
+      return await signMessage2(message);
+    },
+    async signTransaction(transaction, options) {
+      const { account, ...restTransaction } = transaction;
+      const sign = await signTransaction({
+        ...restTransaction
+      });
+      return sign;
+    },
+    async signTypedData(typedData) {
+      return "0x";
+    }
+  }) : void 0;
+  return {
+    evmAccount,
+    address,
+    recoveryWallet,
+    initWallet,
+    generateWallet,
+    signMessage: signMessage2,
+    signTransaction,
+    isRecovered,
+    recoverAfter
+  };
+}
+
+// src/hooks/useWalletInit.ts
+var AppClientId2 = getAppClientId();
+
+// src/hooks/useInit.tsx
+var import_react20 = require("react");
+
+// src/MatchContext.tsx
+var import_react_query = require("@tanstack/react-query");
+var import_react_intl15 = require("react-intl");
+var import_jsx_runtime64 = require("react/jsx-runtime");
+var queryClient = new import_react_query.QueryClient();
+var MatchContext = (0, import_react21.createContext)(void 0);
+var useMatch = () => {
+  const context = (0, import_react21.useContext)(MatchContext);
+  if (context === void 0) {
+    throw new Error("useMatch must be used within a MatchProvider");
+  }
+  return context;
+};
+
+// src/hooks/useUserInfo.tsx
+function useUserInfo() {
+  const {
+    appid,
+    token,
+    mid,
+    did,
+    logout: logoutStore,
+    setOverview,
+    overview,
+    address,
+    endpoints
+  } = useLocalStore_default();
+  const { events, login } = useMatch();
+  const { open: SOLOpen } = useSOLModalStore();
+  const { open: TronOpen } = useTronModalStore();
+  const { open: BTCOpen } = useBTCModalStore();
+  const { open: CEXBindOpen } = useCEXBindModalStore();
+  const isLogin = (0, import_react22.useMemo)(() => !!token, [token]);
+  const logout = async () => {
+    try {
+      await toLogoutApi();
+    } catch (err) {
+      console.error("logout", err);
+    }
+    logoutStore();
+    events && events.onLogout && events.onLogout();
+    eventManager_default.emit("onLogout");
+  };
+  const loginByMethod = async (method) => {
+    const link = `${endpoints.back}api/v1/auth/${method == "youtube" ? "google" : method}?appid=${appid}&provider=${method == "youtube" ? "google" : method}&redirect=${encodeURIComponent(endpoints.auth + "login/" + method)}&authorization=${(/* @__PURE__ */ new Date()).getTime()}${method == "youtube" ? "&auth_type=youtube" : ""}`;
+    matchlog_default.log("link", link);
+    return window.open(
+      link,
+      // Replace with the actual authorization URL
+      "authWindow",
+      "width=800,height=600"
+    );
+  };
+  const loginByTwitter = () => {
+    return loginByMethod("twitter");
+  };
+  const loginByGoogle = () => {
+    return loginByMethod("google");
+  };
+  const loginByWallet = async () => {
+    return window.open(`${endpoints.auth}login/wallet?appid=${appid}`);
+  };
+  const loginByTelegram = async () => {
+    return window.open(
+      `${endpoints.auth}login/telegram?appid=${appid}`,
+      // Replace with the actual authorization URL
+      "authWindow",
+      "width=800,height=600"
+    );
+  };
+  const loginMethod = async (method) => {
+    switch (method) {
+      case "evm":
+        return window.open(`${endpoints.auth}login/wallet?appid=${appid}`);
+      case "sol":
+        return SOLOpen("login");
+      case "tron":
+        return TronOpen("login");
+      case "btc":
+        return BTCOpen("login");
+      case "telegram":
+        return await loginByTelegram();
+      case "youtube":
+      case "twitter":
+      case "google":
+      case "discord":
+      case "github":
+      case "linkedin":
+      case "facebook":
+        return await loginByMethod(method);
+      default:
+        throw new Error("unsupported method");
+    }
+  };
+  const getLoginEmailCode = async (email) => {
+    const res = await getEmailCodeApi(email);
+    if (res && res.data && isSuccess(res)) {
+      window.sessionStorage.setItem("loginkey", res.data.key);
+      return res.data.key;
+    }
+    return "";
+  };
+  const loginByEmail = async ({
+    email,
+    code
+  }) => {
+    try {
+      const obj = {
+        email,
+        verification_key: window.sessionStorage.getItem("loginkey"),
+        verification_code: code
+      };
+      const res = await verifyEmailCodeApi(obj);
+      if (res && res.data && isSuccess(res)) {
+        await login({
+          mid: res.data.mid,
+          token: `${res.data.token_type} ${res.data.access_token}`
+        });
+        return true;
+      } else {
+        throw new Error(res.message);
+      }
+    } catch (error) {
+      console.error("loginByEmail", error);
+      throw error;
+    }
+    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");
+    }
+    return window.open(`${endpoints.auth}bind/wallet?appid=${appid}&st=` + encodeURIComponent(encodeBase64(token)));
+  };
+  const bindTelegram = async () => {
+    if (!token) {
+      throw new Error("You must login first");
+    }
+    const authWindow = window.open(
+      `${endpoints.auth}bind/telegram?appid=${appid}&st=` + encodeURIComponent(encodeBase64(token)),
+      // Replace with the actual authorization URL
+      "authWindow",
+      "width=800,height=600"
+    );
+  };
+  const auth = async () => {
+    const res = await getAuthInfoApi();
+    if (isSuccess(res)) {
+      return res.data;
+    }
+    throw new Error(res.message);
+  };
+  const bind = async (method) => {
+    if (!token) {
+      throw new Error("You must login first");
+    }
+    switch (method) {
+      case "evm":
+        return window.open(`${endpoints.auth}bind/wallet?appid=${appid}&st=` + encodeURIComponent(encodeBase64(token)));
+      case "sol":
+        return SOLOpen("bind");
+      case "tron":
+        return TronOpen("bind");
+      case "btc":
+        return BTCOpen("bind");
+      case "telegram":
+        return await bindTelegram();
+      case "twitter":
+      case "google":
+      case "discord":
+      case "github":
+      case "linkedin":
+      case "facebook":
+      case "youtube":
+        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(
+          link,
+          "authWindow",
+          "width=800,height=600"
+        );
+      default:
+        throw new Error("unsupported method");
+    }
+  };
+  const bindCex = (type) => {
+    return CEXBindOpen(type);
+  };
+  return {
+    loginByMethod,
+    loginByTelegram,
+    loginByTwitter,
+    loginByGoogle,
+    loginByWallet,
+    loginByEmail,
+    bindWallet,
+    bindTelegram,
+    token,
+    mid,
+    did,
+    address,
+    isLogin,
+    logout,
+    getLoginEmailCode,
+    refreshOverview,
+    overview,
+    bindCex,
+    username: overview?.username || "",
+    auth,
+    login: loginMethod,
+    bind
+  };
+}
+
+// src/hooks/useMatchEvents.ts
+var import_react23 = require("react");
+function useMatchEvents(handlers) {
+  (0, import_react23.useEffect)(() => {
+    Object.entries(handlers).forEach(([event, handler2]) => {
+      if (handler2) {
+        eventManager_default.on(event, handler2);
+      }
+    });
+    return () => {
+      Object.entries(handlers).forEach(([event, handler2]) => {
+        if (handler2) {
+          eventManager_default.off(event, handler2);
+        }
+      });
+    };
+  }, [handlers]);
+}
+
+// src/hooks/useCopyClipboard.ts
+var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
+var import_react24 = require("react");
+function useCopyClipboard(timeout = 500) {
+  const [isCopied, setIsCopied] = (0, import_react24.useState)(false);
+  const staticCopy = (0, import_react24.useCallback)((text) => {
+    const didCopy = (0, import_copy_to_clipboard.default)(text);
+    setIsCopied(didCopy);
+  }, []);
+  (0, import_react24.useEffect)(() => {
+    if (isCopied) {
+      const hide = setTimeout(() => {
+        setIsCopied(false);
+      }, timeout);
+      return () => {
+        clearTimeout(hide);
+      };
+    }
+    return void 0;
+  }, [isCopied, setIsCopied, timeout]);
+  return [isCopied, staticCopy];
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCopyClipboard,
+  useLayout,
+  useMatchEvents,
+  useUserInfo,
+  useWallet
+});
+//# sourceMappingURL=index.js.map