@matchain/matchid-sdk-react 0.1.26 → 0.1.27

package/dist/index.js

@@ -40,7 +40,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/MatchContext.tsx
-var import_react19 = require("react");
+var import_react18 = require("react");
 
 // src/assets/icon/ArrowLeftIcon.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -1031,12 +1031,6 @@ function firstUpperCase(str) {
 
 // src/store/useModalStore.ts
 var import_zustand2 = require("zustand");
-var useEVMModalStore = (0, import_zustand2.create)((set) => ({
-  isOpen: false,
-  type: "",
-  open: (type) => set({ isOpen: true, type }),
-  close: () => set({ isOpen: false })
-}));
 var useSOLModalStore = (0, import_zustand2.create)((set) => ({
   isOpen: false,
   type: "",
@@ -1058,7 +1052,6 @@ function useUserInfo() {
     endpoints
   } = useLocalStore_default();
   const { events, login } = useMatch();
-  const { open: EVMOpen } = useEVMModalStore();
   const { open: SOLOpen } = useSOLModalStore();
   const isLogin = (0, import_react2.useMemo)(() => !!token, [token]);
   const logout = async () => {
@@ -1088,7 +1081,7 @@ function useUserInfo() {
     return loginByMethod("google");
   };
   const loginByWallet = async () => {
-    return EVMOpen("login");
+    return window.open(`${endpoints.auth}login/wallet?appid=${appid}`);
   };
   const loginByTelegram = async () => {
     return window.open(
@@ -1101,7 +1094,7 @@ function useUserInfo() {
   const loginMethod = async (method) => {
     switch (method) {
       case "evm":
-        return EVMOpen("login");
+        return window.open(`${endpoints.auth}login/wallet?appid=${appid}`);
       case "sol":
         return SOLOpen("login");
       case "telegram":
@@ -1161,7 +1154,7 @@ function useUserInfo() {
     if (!token) {
       throw new Error("You must login first");
     }
-    return EVMOpen("bind");
+    return window.open(`${endpoints.auth}bind/wallet?appid=${appid}&st=` + encodeURIComponent(encodeBase64(token)));
   };
   const bindTelegram = async () => {
     if (!token) {
@@ -1187,7 +1180,7 @@ function useUserInfo() {
     }
     switch (method) {
       case "evm":
-        return EVMOpen("bind");
+        return window.open(`${endpoints.auth}bind/wallet?appid=${appid}&st=` + encodeURIComponent(encodeBase64(token)));
       case "sol":
         return SOLOpen("bind");
       case "telegram":
@@ -1578,237 +1571,13 @@ function RecoveryModal({
   ] }) });
 }
 
-// src/components/EVMModal/index.tsx
-var import_rainbowkit = require("@rainbow-me/rainbowkit");
-var import_wagmi2 = require("wagmi");
-var import_wallets = require("@rainbow-me/rainbowkit/wallets");
-var import_chains = require("wagmi/chains");
-
-// src/hooks/useEthersSigner.ts
-var React = __toESM(require("react"));
-var import_wagmi = require("wagmi");
-var import_ethers = require("ethers");
-
-// node_modules/@wagmi/core/dist/esm/version.js
-var version = "2.16.3";
-
-// node_modules/@wagmi/core/dist/esm/utils/getVersion.js
-var getVersion2 = () => `@wagmi/core@${version}`;
-
-// node_modules/@wagmi/core/dist/esm/errors/base.js
-var __classPrivateFieldGet = function(receiver, state, kind, f) {
-  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _BaseError_instances;
-var _BaseError_walk;
-var BaseError = class _BaseError extends Error {
-  get docsBaseUrl() {
-    return "https://wagmi.sh/core";
-  }
-  get version() {
-    return getVersion2();
-  }
-  constructor(shortMessage, options = {}) {
-    super();
-    _BaseError_instances.add(this);
-    Object.defineProperty(this, "details", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: void 0
-    });
-    Object.defineProperty(this, "docsPath", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: void 0
-    });
-    Object.defineProperty(this, "metaMessages", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: void 0
-    });
-    Object.defineProperty(this, "shortMessage", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: void 0
-    });
-    Object.defineProperty(this, "name", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: "WagmiCoreError"
-    });
-    const details = options.cause instanceof _BaseError ? options.cause.details : options.cause?.message ? options.cause.message : options.details;
-    const docsPath = options.cause instanceof _BaseError ? options.cause.docsPath || options.docsPath : options.docsPath;
-    this.message = [
-      shortMessage || "An error occurred.",
-      "",
-      ...options.metaMessages ? [...options.metaMessages, ""] : [],
-      ...docsPath ? [
-        `Docs: ${this.docsBaseUrl}${docsPath}.html${options.docsSlug ? `#${options.docsSlug}` : ""}`
-      ] : [],
-      ...details ? [`Details: ${details}`] : [],
-      `Version: ${this.version}`
-    ].join("\n");
-    if (options.cause)
-      this.cause = options.cause;
-    this.details = details;
-    this.docsPath = docsPath;
-    this.metaMessages = options.metaMessages;
-    this.shortMessage = shortMessage;
-  }
-  walk(fn) {
-    return __classPrivateFieldGet(this, _BaseError_instances, "m", _BaseError_walk).call(this, this, fn);
-  }
-};
-_BaseError_instances = /* @__PURE__ */ new WeakSet(), _BaseError_walk = function _BaseError_walk2(err, fn) {
-  if (fn?.(err))
-    return err;
-  if (err.cause)
-    return __classPrivateFieldGet(this, _BaseError_instances, "m", _BaseError_walk2).call(this, err.cause, fn);
-  return err;
-};
-
-// node_modules/@wagmi/core/dist/esm/errors/config.js
-var ConnectorNotConnectedError = class extends BaseError {
-  constructor() {
-    super("Connector not connected.");
-    Object.defineProperty(this, "name", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: "ConnectorNotConnectedError"
-    });
-  }
-};
-var ConnectorAccountNotFoundError = class extends BaseError {
-  constructor({ address, connector }) {
-    super(`Account "${address}" not found for connector "${connector.name}".`);
-    Object.defineProperty(this, "name", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: "ConnectorAccountNotFoundError"
-    });
-  }
-};
-var ConnectorChainMismatchError = class extends BaseError {
-  constructor({ connectionChainId, connectorChainId }) {
-    super(`The current chain of the connector (id: ${connectorChainId}) does not match the connection's chain (id: ${connectionChainId}).`, {
-      metaMessages: [
-        `Current Chain ID:  ${connectorChainId}`,
-        `Expected Chain ID: ${connectionChainId}`
-      ]
-    });
-    Object.defineProperty(this, "name", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: "ConnectorChainMismatchError"
-    });
-  }
-};
-var ConnectorUnavailableReconnectingError = class extends BaseError {
-  constructor({ connector }) {
-    super(`Connector "${connector.name}" unavailable while reconnecting.`, {
-      details: [
-        "During the reconnection step, the only connector methods guaranteed to be available are: `id`, `name`, `type`, `uid`.",
-        "All other methods are not guaranteed to be available until reconnection completes and connectors are fully restored.",
-        "This error commonly occurs for connectors that asynchronously inject after reconnection has already started."
-      ].join(" ")
-    });
-    Object.defineProperty(this, "name", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: "ConnectorUnavailableReconnectingError"
-    });
-  }
-};
-
-// node_modules/@wagmi/core/dist/esm/actions/getConnectorClient.js
-var import_viem = require("viem");
-var import_utils3 = require("viem/utils");
-async function getConnectorClient(config, parameters = {}) {
-  let connection;
-  if (parameters.connector) {
-    const { connector: connector2 } = parameters;
-    if (config.state.status === "reconnecting" && !connector2.getAccounts && !connector2.getChainId)
-      throw new ConnectorUnavailableReconnectingError({ connector: connector2 });
-    const [accounts, chainId2] = await Promise.all([
-      connector2.getAccounts(),
-      connector2.getChainId()
-    ]);
-    connection = {
-      accounts,
-      chainId: chainId2,
-      connector: connector2
-    };
-  } else
-    connection = config.state.connections.get(config.state.current);
-  if (!connection)
-    throw new ConnectorNotConnectedError();
-  const chainId = parameters.chainId ?? connection.chainId;
-  const connectorChainId = await connection.connector.getChainId();
-  if (connectorChainId !== connection.chainId)
-    throw new ConnectorChainMismatchError({
-      connectionChainId: connection.chainId,
-      connectorChainId
-    });
-  const connector = connection.connector;
-  if (connector.getClient)
-    return connector.getClient({ chainId });
-  const account = (0, import_utils3.parseAccount)(parameters.account ?? connection.accounts[0]);
-  account.address = (0, import_utils3.getAddress)(account.address);
-  if (parameters.account && !connection.accounts.some((x) => x.toLowerCase() === account.address.toLowerCase()))
-    throw new ConnectorAccountNotFoundError({
-      address: account.address,
-      connector
-    });
-  const chain = config.chains.find((chain2) => chain2.id === chainId);
-  const provider = await connection.connector.getProvider({ chainId });
-  return (0, import_viem.createClient)({
-    account,
-    chain,
-    name: "Connector Client",
-    transport: (opts) => (0, import_viem.custom)(provider)({ ...opts, retryCount: 0 })
-  });
-}
-
-// node_modules/@wagmi/core/dist/esm/exports/index.js
-var import_viem2 = require("viem");
-
-// src/hooks/useEthersSigner.ts
-function clientToSigner(client) {
-  const { account, chain, transport } = client;
-  const network = {
-    chainId: chain.id,
-    name: chain.name,
-    ensAddress: chain.contracts?.ensRegistry?.address
-  };
-  const provider = new import_ethers.providers.Web3Provider(transport, network);
-  const signer = provider.getSigner(account.address);
-  return signer;
-}
-async function getEthersSigner(config, { chainId } = {}) {
-  const client = await getConnectorClient(config, { chainId });
-  return clientToSigner(client);
-}
-
-// src/components/EVMModal/index.tsx
-var import_react16 = __toESM(require("react"));
-var import_siwe = require("siwe");
+// src/components/SOLModal/index.tsx
+var import_react15 = __toESM(require("react"));
 
 // src/components/index.tsx
 var components_exports = {};
 __export(components_exports, {
   Button: () => Button,
-  EVMModal: () => EVMModal,
   EmailModal: () => EmailModal,
   Field: () => Field,
   Input: () => Input,
@@ -2500,7 +2269,6 @@ function UsernameModal({
 }
 
 // src/components/SOLModal/index.tsx
-var import_react15 = __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");
@@ -2725,217 +2493,15 @@ function SOLModal({
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ModalWithHeader, { ...props, title: props.title || firstUpperCase(type + " SOL Wallet"), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_wallet_adapter_react.ConnectionProvider, { endpoint: (0, import_web3.clusterApiUrl)("devnet"), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_wallet_adapter_react.WalletProvider, { wallets, autoConnect: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_wallet_adapter_react_ui.WalletModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(WalletContent, { onSuccess, type }) }) }) }) });
 }
 
-// src/components/EVMModal/index.tsx
-var import_styles2 = require("@rainbow-me/rainbowkit/styles.css");
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var wagmiConfig = (0, import_rainbowkit.getDefaultConfig)({
-  appName: "MatchID",
-  projectId: "9ac6ea7e07860f04616fb311b447dee9",
-  wallets: [
-    {
-      groupName: "Recommended",
-      wallets: [
-        import_wallets.metaMaskWallet,
-        import_wallets.walletConnectWallet,
-        import_wallets.okxWallet,
-        import_wallets.bitgetWallet,
-        import_wallets.injectedWallet
-      ]
-    }
-  ],
-  chains: [import_chains.bsc]
-});
-function WalletContent2({
-  onSuccess,
-  type
-}) {
-  const config = (0, import_wagmi2.useConfig)();
-  const { openConnectModal, connectModalOpen } = (0, import_rainbowkit.useConnectModal)();
-  const { address } = (0, import_wagmi2.useAccount)();
-  const { disconnect } = (0, import_wagmi2.useDisconnect)({ config });
-  const chainId = (0, import_wagmi2.useChainId)();
-  const { events, login } = useMatch();
-  const [status, setStatus] = (0, import_react16.useState)("");
-  const statusRef = import_react16.default.useRef(status);
-  const [error, setError] = (0, import_react16.useState)("");
-  (0, import_react16.useEffect)(() => {
-    if (openConnectModal) {
-      disconnect();
-      openConnectModal && openConnectModal();
-    }
-    return () => {
-      address && disconnect();
-    };
-  }, [openConnectModal]);
-  (0, import_wagmi2.useAccountEffect)({
-    onDisconnect() {
-      matchlog_default.log("onDisconnect");
-      setStatus("");
-      statusRef.current = "";
-    },
-    onConnect(data) {
-      matchlog_default.log("onConnect", data, status);
-      setStatus("");
-      statusRef.current = "";
-      toLoginInWallet(data);
-    }
-  });
-  const toLoginInWallet = async (data) => {
-    if (statusRef.current) return;
-    try {
-      const signer = await getEthersSigner(config);
-      if (!signer || !chainId || !data.address) return;
-      setStatus("nonce");
-      statusRef.current = "nonce";
-      const res = type == "bind" ? await getWalletInitApi({ address: data.address }) : await getWalletNonceApi({ address: data.address });
-      if (!isSuccess(res)) {
-        throw new Error(res.message);
-      }
-      const domain = window.location.host;
-      const origin = window.location.origin;
-      const nonce = res.code >= 0 ? res.data.nonce : null;
-      if (nonce) {
-        setStatus("signer");
-        statusRef.current = "signer";
-        const params = {
-          domain,
-          address: data.address,
-          statement: "By signing, you are proving you own this wallet and logging in. This does not initiate a transaction or cost any fees.",
-          uri: origin,
-          nonce,
-          version: "1",
-          chainId
-        };
-        const message = new import_siwe.SiweMessage({ ...params });
-        const signature = await signer.signMessage(message.prepareMessage());
-        let obj = {
-          type: "EVM",
-          address: data.address,
-          signature,
-          message: `${message.prepareMessage()}`,
-          connector_type: data.connector.type || "",
-          wallet_client_type: data.connector.name || ""
-        };
-        const res2 = type == "bind" ? await toBindWalletApi(obj) : await loginByWalletApi(obj);
-        if (res2) {
-          if (!isSuccess(res2)) {
-            throw new Error(res2.message);
-          }
-          matchlog_default.log(res2);
-          setStatus("success");
-          statusRef.current = "success";
-          if (type == "bind") {
-            events.onBind && events.onBind({
-              type: "evm"
-            });
-            eventManager_default.emit("onBind", {
-              type: "evm"
-            });
-          } else {
-            await login({
-              mid: res2.data.mid,
-              token: `${res2.data.token_type} ${res2.data.access_token}`
-            });
-          }
-          onSuccess && onSuccess();
-        }
-      }
-    } catch (error2) {
-      setStatus("error");
-      setError(error2.message);
-      statusRef.current = "";
-    }
-  };
-  const pageData = (0, import_react16.useMemo)(() => {
-    if (status == "success") {
-      return {
-        btnText: "Disconnect Wallet",
-        btnClick: () => {
-          disconnect();
-        },
-        text: "Wallet connection successful!",
-        statusImage: walletConnectedImage
-      };
-    }
-    if (status == "error") {
-      return {
-        text: error,
-        btnText: "Reconnect Wallet",
-        btnClick: async () => {
-          setError("");
-          disconnect();
-          openConnectModal && openConnectModal();
-        },
-        statusImage: walletErrorImage,
-        isError: true
-      };
-    }
-    if (status == "nonce") {
-      return {
-        btnLoading: true,
-        text: "Connecting",
-        statusImage: walletConnectingImage
-      };
-    }
-    if (status == "signer") {
-      return {
-        btnLoading: true,
-        text: "Signing",
-        statusImage: walletSigningImage
-      };
-    }
-    if (connectModalOpen) {
-      return {
-        btnLoading: true,
-        text: "Connecting",
-        statusImage: walletConnectingImage
-      };
-    }
-    return {
-      btnText: "Connect Wallet",
-      btnClick: () => {
-        openConnectModal && openConnectModal();
-      },
-      text: "Please Connect your wallet",
-      statusImage: walletConnectImage
-    };
-  }, [connectModalOpen, status, error, address]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: `matchid-wallet-box`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: `matchid-wallet-content`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("img", { src: pageData.statusImage }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: pageData.isError ? "text-[#F7585E]" : "", children: pageData.text })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-      Button,
-      {
-        block: true,
-        size: "lg",
-        onClick: pageData.btnClick,
-        loading: pageData.btnLoading,
-        disabled: pageData.btnDisabled,
-        children: pageData.btnText
-      }
-    )
-  ] }) });
-}
-function EVMModal({
-  type = "login",
-  onSuccess,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ModalWithHeader, { ...props, title: props.title || firstUpperCase(type + " EVM Wallet"), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_wagmi2.WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_rainbowkit.RainbowKitProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(WalletContent2, { onSuccess, type }) }) }) });
-}
-
 // src/context/BusinessProvider.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function BusinessProvider({ children }) {
   const { overview, token } = useUserInfo();
   const { recoveryModal } = useStore_default();
-  const { type: EVMType, isOpen: EVMIsOpen, close: EVMClose } = useEVMModalStore();
   const { type: SOLType, isOpen: SOLIsOpen, close: SOLClose } = useSOLModalStore();
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PasswordModal, { isOpen: !!token && !!overview && !overview.address && !!overview.did, showClose: false }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(PasswordModal, { isOpen: !!token && !!overview && !overview.address && !!overview.did, showClose: false }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       RecoveryModal,
       {
         isOpen: !!token && !!overview && !!overview.address && recoveryModal.open,
@@ -2943,17 +2509,7 @@ function BusinessProvider({ children }) {
         onSuccess: recoveryModal.success
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-      EVMModal,
-      {
-        isOpen: EVMIsOpen && (EVMType == "login" && !overview && !token || EVMType == "bind" && !!token && !!overview),
-        onClose: EVMClose,
-        type: EVMType,
-        onSuccess: EVMClose,
-        zIndex: 199
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       SOLModal,
       {
         isOpen: SOLIsOpen && (SOLType == "login" && !overview && !token || SOLType == "bind" && !!token && !!overview),
@@ -2968,17 +2524,17 @@ function BusinessProvider({ children }) {
 }
 
 // src/context/index.tsx
-var import_jsx_runtime48 = (
+var import_jsx_runtime47 = (
   // <MpcWalletProvider>
   require("react/jsx-runtime")
 );
 var Providers = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BusinessProvider, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(BusinessProvider, { children });
 };
 var context_default = Providers;
 
 // src/hooks/useWalletInit.ts
-var import_react17 = require("react");
+var import_react16 = require("react");
 var AppClientId2 = "react-sdk-" + getVersion();
 function useWalletInit({
   refreshOverview
@@ -2987,10 +2543,10 @@ function useWalletInit({
   const getWalletIframe = () => {
     return document.getElementById("match-wallet");
   };
-  const [walletInited, setWalletInited] = (0, import_react17.useState)(false);
+  const [walletInited, setWalletInited] = (0, import_react16.useState)(false);
   const { appid, token, overview } = useLocalStore_default();
   const { initWallet, generateWallet } = useWallet();
-  (0, import_react17.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (endpoints.auth) {
       if (!window.matchWalletMessageIdMap) {
         window.matchWalletMessageIdMap = {};
@@ -3048,7 +2604,7 @@ function useWalletInit({
       }
     }
   }, [endpoints.auth]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     const messageHandle = async (e) => {
       if (e.origin !== endpoints.auth.substring(0, endpoints.auth.length - 1)) {
         return;
@@ -3081,7 +2637,7 @@ function useWalletInit({
       window.removeEventListener("message", messageHandle);
     };
   }, []);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (token && overview && overview.did && walletInited) {
       const did = overview.did.split(":")[2];
       const newUserInit = async () => {
@@ -3112,7 +2668,7 @@ function useWalletInit({
 }
 
 // src/hooks/useInit.tsx
-var import_react18 = require("react");
+var import_react17 = require("react");
 function useInit({
   theme,
   appid,
@@ -3128,20 +2684,20 @@ function useInit({
     setOverview,
     setTheme
   } = useLocalStore_default();
-  const overviewLoadingRef = (0, import_react18.useRef)(false);
+  const overviewLoadingRef = (0, import_react17.useRef)(false);
   const searchParams = new URLSearchParams(window.location.search);
   const matchToken = searchParams.get("matchToken");
   const realEndpoints = endpoints || env_default.endpoints;
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     setTheme(theme);
   }, [theme]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     setAppid(appid);
   }, [appid]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     setEndpoints(realEndpoints);
   }, [realEndpoints]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (matchToken) {
       const tokenData = JSON.parse(atob(matchToken));
       if (tokenData && tokenData.mid && tokenData.token) {
@@ -3152,7 +2708,7 @@ function useInit({
       }
     }
   }, [matchToken]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const onLoginMessage = (event) => {
       const res = event.data;
       if (res.event === "login" && res.data && (res.data.token || res.data.token_type && res.data.access_token)) {
@@ -3188,7 +2744,7 @@ function useInit({
       overviewLoadingRef.current = false;
     }
   };
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (token) {
       loadOverview();
     }
@@ -3219,30 +2775,9 @@ function useInit({
 
 // src/MatchContext.tsx
 var import_react_query = require("@tanstack/react-query");
-var import_wagmi3 = require("wagmi");
-var import_rainbowkit2 = require("@rainbow-me/rainbowkit");
-var import_wallets2 = require("@rainbow-me/rainbowkit/wallets");
-var import_chains2 = require("wagmi/chains");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var queryClient = new import_react_query.QueryClient();
-var MatchContext = (0, import_react19.createContext)(void 0);
-var wagmiConfig2 = (0, import_rainbowkit2.getDefaultConfig)({
-  appName: "Match Mid",
-  projectId: "9ac6ea7e07860f04616fb311b447dee9",
-  wallets: [
-    {
-      groupName: "Recommended",
-      wallets: [
-        import_wallets2.metaMaskWallet,
-        import_wallets2.walletConnectWallet,
-        import_wallets2.okxWallet,
-        import_wallets2.bitgetWallet,
-        import_wallets2.injectedWallet
-      ]
-    }
-  ],
-  chains: [import_chains2.mainnet, import_chains2.polygon, import_chains2.optimism, import_chains2.arbitrum, import_chains2.base, import_chains2.bsc]
-});
+var MatchContext = (0, import_react18.createContext)(void 0);
 var MatchProvider = ({ children, appid, events, theme = "light", endpoints }) => {
   const { loadOverview, login, endpoints: realEndPoints } = useInit({
     theme,
@@ -3253,7 +2788,7 @@ var MatchProvider = ({ children, appid, events, theme = "light", endpoints }) =>
   useWalletInit({
     refreshOverview: loadOverview
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_wagmi3.WagmiProvider, { config: wagmiConfig2, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_query.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_query.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     MatchContext.Provider,
     {
       value: {
@@ -3263,12 +2798,12 @@ var MatchProvider = ({ children, appid, events, theme = "light", endpoints }) =>
         login,
         theme
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(context_default, { children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(context_default, { children })
     }
-  ) }) });
+  ) });
 };
 var useMatch = () => {
-  const context = (0, import_react19.useContext)(MatchContext);
+  const context = (0, import_react18.useContext)(MatchContext);
   if (context === void 0) {
     throw new Error("useMatch must be used within a MatchProvider");
   }
@@ -3353,8 +2888,8 @@ __export(chains_exports, {
 });
 
 // src/config/chains/MatchMain.ts
-var import_viem3 = require("viem");
-var matchMain = /* @__PURE__ */ (0, import_viem3.defineChain)({
+var import_viem = require("viem");
+var matchMain = /* @__PURE__ */ (0, import_viem.defineChain)({
   //定义match链
   id: 698,
   name: "Matchain",
@@ -3381,8 +2916,8 @@ var matchMain = /* @__PURE__ */ (0, import_viem3.defineChain)({
 });
 
 // src/config/chains/MatchTest.ts
-var import_viem4 = require("viem");
-var matchTest = /* @__PURE__ */ (0, import_viem4.defineChain)({
+var import_viem2 = require("viem");
+var matchTest = /* @__PURE__ */ (0, import_viem2.defineChain)({
   //定义matchTest链
   id: 699,
   name: "MatchTest",