@matchain/matchid-sdk-react 0.1.47 → 0.1.48-alpha.1

package/dist/hooks/index.js

@@ -32,57 +32,19 @@ var hooks_exports = {};
 __export(hooks_exports, {
   useCopyClipboard: () => useCopyClipboard,
   useLayout: () => useLayout_exports,
+  useMatchChain: () => useMatchChain,
   useMatchEvents: () => useMatchEvents,
+  useMatchWallet: () => useMatchWallet,
+  useModal: () => useModal,
+  useToast: () => useToast,
   useUserInfo: () => useUserInfo,
-  useWallet: () => useWallet
+  useWallet: () => useWallet2
 });
 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 }),
-    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_react29 = require("react");
 
 // src/api/request.ts
 var import_axios = __toESM(require("axios"));
@@ -286,71 +248,154 @@ var getAuthInfoApi = () => {
     method: "GET"
   });
 };
+var getUserChainListApi = () => {
+  return request_default({
+    url: `/api/v1/user/chain/list`,
+    method: "GET"
+  });
+};
 
-// src/MatchContext.tsx
+// 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 }),
+    chainId: 698,
+    setChainId: (chainId) => set({ chainId })
+  }),
+  { 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_react28 = require("react");
 
-// src/context/BusinessProvider.tsx
-var import_react24 = require("react");
+// src/MatchContext.tsx
+var import_react27 = require("react");
 
-// src/assets/icon/ArrowLeftIcon.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
+// src/store/useModalStore.ts
+var import_zustand2 = 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");
+var LoadingIcon = ({ size = 22, className = "", color = "white" }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 22 22",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M11 1V3.5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { opacity: "0.3", d: "M3.92834 3.92871L5.69977 5.70017", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { opacity: "0.4", d: "M1 11H3.5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { opacity: "0.5", d: "M3.92834 18.0722L5.69977 16.3008", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { opacity: "0.6", d: "M11 21V18.5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { opacity: "0.7", d: "M18.0715 18.0722L16.3 16.3008", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { opacity: "0.8", d: "M21 11H18.5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { opacity: "0.9", d: "M18.0715 3.92871L16.3 5.70017", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+    ]
+  }
+);
+var LoadingIcon_default = LoadingIcon;
 
 // 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
@@ -422,6 +467,9 @@ var import_jsx_runtime42 = require("react/jsx-runtime");
 // src/assets/icon/TonLightIcon.tsx
 var import_jsx_runtime43 = require("react/jsx-runtime");
 
+// src/assets/icon/ErrorRoundIcon.tsx
+var import_jsx_runtime44 = require("react/jsx-runtime");
+
 // src/hooks/useLayout.tsx
 var useLayout_exports = {};
 __export(useLayout_exports, {
@@ -442,93 +490,42 @@ function useDownMd() {
   return isBelowMd;
 }
 
-// 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_react4 = require("react");
-
-// src/components/Input/index.tsx
-var import_react3 = require("react");
-var import_jsx_runtime46 = require("react/jsx-runtime");
-
-// src/components/Field/index.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
-
-// src/components/Button/index.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
-
-// src/components/PasswordModal/index.tsx
-var import_react_intl = require("react-intl");
-
-// 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 } })
-}));
-var useStore_default = useStore;
-
-// src/components/PasswordModal/index.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
-
-// src/components/RecoveryModal/index.tsx
-var import_react5 = require("react");
-var import_react_intl2 = require("react-intl");
-var import_jsx_runtime50 = require("react/jsx-runtime");
-
-// src/store/useModalStore.ts
-var import_zustand3 = require("zustand");
-
 // src/hooks/useConfig.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
 
 // src/store/useModalStore.ts
-var useSOLModalStore = (0, import_zustand3.create)((set) => ({
+var useSOLModalStore = (0, import_zustand2.create)((set) => ({
   isOpen: false,
   type: "",
   open: (type) => set({ isOpen: true, type }),
   close: () => set({ isOpen: false })
 }));
-var useTRONModalStore = (0, import_zustand3.create)((set) => ({
+var useTRONModalStore = (0, import_zustand2.create)((set) => ({
   isOpen: false,
   type: "",
   open: (type) => set({ isOpen: true, type }),
   close: () => set({ isOpen: false })
 }));
-var useTONModalStore = (0, import_zustand3.create)((set) => ({
+var useTONModalStore = (0, import_zustand2.create)((set) => ({
   isOpen: false,
   type: "",
   open: (type) => set({ isOpen: true, type }),
   close: () => set({ isOpen: false })
 }));
-var useBTCModalStore = (0, import_zustand3.create)((set) => ({
+var useBTCModalStore = (0, import_zustand2.create)((set) => ({
   isOpen: false,
   type: "",
   open: (type) => set({ isOpen: true, type }),
   close: () => set({ isOpen: false })
 }));
-var useCEXBindModalStore = (0, import_zustand3.create)((set) => ({
+var useCEXBindModalStore = (0, import_zustand2.create)((set) => ({
   type: "",
   isOpen: false,
   open: (type) => set({ isOpen: true, type }),
   close: () => set({ isOpen: false })
 }));
-var useHashPanelStore = (0, import_zustand3.create)((set) => ({
+var useHashPanelStore = (0, import_zustand2.create)((set) => ({
   isOpen: false,
   hash: null,
   chain: null,
@@ -539,7 +536,7 @@ var useHashPanelStore = (0, import_zustand3.create)((set) => ({
   }),
   close: () => set({ isOpen: false })
 }));
-var useWalletModalStore = (0, import_zustand3.create)((set) => ({
+var useWalletModalStore = (0, import_zustand2.create)((set) => ({
   isOpen: false,
   type: "",
   methods: [],
@@ -548,10 +545,17 @@ var useWalletModalStore = (0, import_zustand3.create)((set) => ({
 }));
 
 // src/components/EmailModal/index.tsx
-var import_react8 = require("react");
+var import_react6 = require("react");
+
+// src/ui/Overlay/index.tsx
+var import_react2 = require("react");
+var import_jsx_runtime46 = require("react/jsx-runtime");
+
+// src/ui/Modal/index.tsx
+var import_jsx_runtime47 = require("react/jsx-runtime");
 
 // src/components/EmailModal/StepEmail.tsx
-var import_react6 = require("react");
+var import_react4 = require("react");
 
 // src/utils/index.ts
 var getVersion = () => {
@@ -564,69 +568,111 @@ function getAppClientId() {
   return "react-sdk-" + getVersion();
 }
 
+// src/ui/Button/index.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime");
+function Button({
+  size = "df",
+  disabled = false,
+  loading = false,
+  children,
+  onClick,
+  highlight = false,
+  block = false,
+  type = "button",
+  rounded = true,
+  className = "",
+  style = {}
+}) {
+  const onAction = () => {
+    if (!disabled && !loading) {
+      onClick && onClick();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    "button",
+    {
+      type,
+      className: `${className} matchid-btn ${"matchid-btn-" + size} ${highlight ? "matchid-btn-highlight" : ""} ${loading ? "matchid-btn-loading" : ""}  ${block ? "matchid-btn-block" : ""}  ${rounded ? "matchid-btn-rounded" : ""}`,
+      disabled: disabled || loading,
+      style: {
+        ...style
+      },
+      onClick: onAction,
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
+    }
+  );
+}
+
+// src/ui/Input/index.tsx
+var import_react3 = require("react");
+var import_jsx_runtime49 = require("react/jsx-runtime");
+
+// src/ui/Field/index.tsx
+var import_jsx_runtime50 = require("react/jsx-runtime");
+
 // src/components/EmailModal/StepEmail.tsx
-var import_react_intl3 = require("react-intl");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_react_intl = require("react-intl");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 
 // src/components/EmailModal/StepVerify.tsx
-var import_react7 = require("react");
-var import_react_intl4 = require("react-intl");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_react5 = require("react");
+var import_react_intl2 = require("react-intl");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
-var import_react_intl5 = require("react-intl");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_react_intl3 = require("react-intl");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 
-// src/components/Popover/index.tsx
-var import_react9 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+// src/ui/Popover/index.tsx
+var import_react7 = require("react");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 
 // src/components/LoginBox/index.tsx
-var import_react10 = require("react");
-var import_react_intl6 = require("react-intl");
+var import_react8 = 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_runtime55 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
-var import_react12 = require("react");
+var import_react10 = 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_runtime56 = require("react/jsx-runtime");
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
-var import_react11 = require("react");
+var import_react9 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime59 = 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_runtime60 = require("react/jsx-runtime");
+var import_react_intl6 = require("react-intl");
+var import_jsx_runtime59 = 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_runtime60 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
-var import_react13 = require("react");
+var import_react11 = require("react");
 
 // src/assets/icon/InfoRoundIcon.tsx
-var import_jsx_runtime62 = 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_runtime63 = require("react/jsx-runtime");
+var import_react_intl8 = require("react-intl");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 
 // src/components/SOLModal/index.tsx
-var import_react15 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 
 // src/hooks/eventManager.ts
 var EventManager = class {
@@ -672,14 +718,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_react14 = require("react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_react12 = require("react");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 
 // src/components/SOLModal/index.tsx
-var import_jsx_runtime65 = 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(),
@@ -723,377 +769,146 @@ var wallets = [
 ];
 
 // src/components/TRONModal/index.tsx
-var import_react17 = __toESM(require("react"));
-var import_react_intl12 = require("react-intl");
+var import_react15 = __toESM(require("react"));
+var import_react_intl10 = require("react-intl");
 
 // src/hooks/useTRONWallet.ts
-var import_react16 = require("react");
+var import_react14 = require("react");
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 
 // src/components/TONModal/index.tsx
-var import_react18 = __toESM(require("react"));
-var import_react_intl13 = require("react-intl");
+var import_react16 = __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_runtime66 = require("react/jsx-runtime");
 
 // src/components/BTCModal/index.tsx
-var import_react20 = __toESM(require("react"));
-var import_react_intl14 = require("react-intl");
+var import_react18 = __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_react19 = require("react");
+var import_react17 = require("react");
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 
 // src/components/WalletModal/index.tsx
-var import_react21 = require("react");
-var import_react_intl15 = require("react-intl");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_react19 = require("react");
+var import_react_intl13 = require("react-intl");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 
 // src/components/CEXBindModal/index.tsx
-var import_react22 = require("react");
-var import_react_intl16 = require("react-intl");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_react20 = require("react");
+var import_react_intl14 = require("react-intl");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 
-// src/components/HashPanel/index.tsx
+// src/ui/HashPanel/index.tsx
 var import_viem = require("viem");
-var import_react23 = require("react");
+var import_react21 = require("react");
 var import_react_query2 = require("@tanstack/react-query");
 
-// src/components/Drawer/index.tsx
+// src/ui/Drawer/index.tsx
+var import_jsx_runtime70 = require("react/jsx-runtime");
+
+// src/ui/ModalDrawer/index.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
 
-// src/components/ModalDrawer/index.tsx
+// src/ui/HashPanel/index.tsx
 var import_jsx_runtime72 = require("react/jsx-runtime");
 
-// src/components/HashPanel/index.tsx
+// src/context/BusinessProvider.tsx
 var import_jsx_runtime73 = require("react/jsx-runtime");
 
-// src/context/BusinessProvider.tsx
+// src/context/ModalContext.tsx
+var import_react23 = require("react");
+var import_react_dom = require("react-dom");
+
+// src/ui/Switch/index.tsx
 var import_jsx_runtime74 = require("react/jsx-runtime");
 
+// src/ui/AlphaAvatar/index.tsx
+var import_react22 = require("react");
+var import_jsx_runtime75 = require("react/jsx-runtime");
+
+// src/ui/Radio/index.tsx
+var import_jsx_runtime76 = require("react/jsx-runtime");
+function Radio({
+  checked = false,
+  onChange,
+  size = 24,
+  color = "#FC802D",
+  className = "",
+  style = {}
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { onClick: onChange, className: `matchid-radio ${className} ${checked ? "matchid-radio-checked" : ""}`, style: {
+    width: size,
+    height: size,
+    ...style,
+    // @ts-ignore
+    "--matchid-radio-checked": color
+  }, children: checked && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: `matchid-radio-content`, style: {
+    width: Math.floor(size * 0.7),
+    height: Math.floor(size * 0.7)
+  } }) });
+}
+
+// src/context/ModalContext.tsx
+var import_jsx_runtime77 = require("react/jsx-runtime");
+var ModalContext = (0, import_react23.createContext)(null);
+function useModal() {
+  const context = (0, import_react23.useContext)(ModalContext);
+  if (!context) {
+    throw new Error("useModal must be used within a ModalProvider");
+  }
+  return context;
+}
+
+// src/context/ToastContext.tsx
+var import_react24 = require("react");
+var import_react_dom2 = require("react-dom");
+var import_jsx_runtime78 = require("react/jsx-runtime");
+var ToastContext = (0, import_react24.createContext)(null);
+function useToast() {
+  const context = (0, import_react24.useContext)(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+}
+
 // src/context/index.tsx
-var import_jsx_runtime75 = (
-  // <MpcWalletProvider>
-  require("react/jsx-runtime")
-);
+var import_jsx_runtime79 = require("react/jsx-runtime");
 
 // src/hooks/useWalletInit.ts
-var import_react26 = require("react");
-
-// src/hooks/useWallet.tsx
-var import_viem2 = require("viem");
-var import_accounts = require("viem/accounts");
-var import_viem3 = require("viem");
 var import_react25 = require("react");
-var import_viem4 = require("viem");
-var AppClientId = "react-sdk-" + getVersion();
-function useWallet() {
-  const { appid, token, overview, address, wallet: walletConfig } = useLocalStore_default();
-  const { setRecoveryModal, closeRecoveryModal, walletReady } = useStore_default();
-  const { open: openHashPanel } = useHashPanelStore();
-  const initCore = ({
-    did,
-    address: address2
-  }) => {
-    return window.matchProvider.waitUntilWalletMessage(
-      {
-        method: "initCore",
-        data: {
-          AppId: appid,
-          AppClientId,
-          UserId: did,
-          AccessToken: token,
-          Address: address2
-        }
-      }
-    );
-  };
-  const generateEmbeddedWallets = async (data) => {
-    return await window.matchProvider.waitUntilWalletMessage({
-      method: "generateEmbeddedWallets",
-      data
-    });
-  };
-  const recoveryEmbeddedWallets = async (data) => {
-    return await window.matchProvider.waitUntilWalletMessage({
-      method: "recoveryEmbeddedWallets",
-      data
-    });
-  };
-  const isRecovered = async () => {
-    const res = await window.matchProvider.waitUntilWalletMessage({
-      method: "isRecovered"
-    });
-    return res.isRecovered;
-  };
-  const recoverAfter = async ({
-    chainType,
-    handle
-  }) => {
-    return new Promise(async (resolve, reject) => {
-      const res = await isRecovered();
-      matchlog_default.log("sdk.mpc.isRecovered", res);
-      if (res) {
-        await recoveryEmbeddedWallets({ chainType, recoveryType: "user_passcode_recovery_key" });
-        await handle(resolve, reject);
-        return;
-      }
-      setRecoveryModal({
-        chainType,
-        open: true,
-        success: async () => {
-          closeRecoveryModal();
-          matchlog_default.log("sdk.mpc.recover", "Success");
-          await handle(resolve, reject);
-        },
-        close: async () => {
-          closeRecoveryModal();
-          reject(new Error("recover modal close"));
-        }
-      });
-      await initCore({
-        address: overview?.address || "",
-        did: overview?.did || ""
-      });
-    });
-  };
-  const signMessage2 = async ({
-    message,
-    chainType = "ethereum" /* Ethereum */
-  }) => {
-    const getSign = async (resolve, reject) => {
-      try {
-        const recoverRes = await window.matchProvider.waitUntilWalletMessage({
-          method: "signMessage",
-          data: {
-            message,
-            chainType
-          }
-        });
-        resolve(recoverRes.message);
-      } catch (error) {
-        console.error("qwe-sign-error", error);
-        reject(error);
-      }
-    };
-    return await recoverAfter({
-      handle: getSign,
-      chainType
-    });
-  };
-  const signTransaction = async ({
-    transaction,
-    chainType = "ethereum" /* Ethereum */,
-    chain
-  }) => {
-    console.log("qwe-sign-transaction", transaction);
-    const getSign = async (resolve, reject) => {
-      try {
-        const recoverRes = await window.matchProvider.waitUntilWalletMessage({
-          method: "signTransaction",
-          data: {
-            transaction,
-            chainType,
-            chain
-          }
-        });
-        resolve(recoverRes.message);
-      } catch (error) {
-        console.error("qwe-sign-error", error);
-        reject(error);
-      }
-    };
-    return await recoverAfter({
-      handle: getSign,
-      chainType
-    });
-  };
-  const evmAccount = (0, import_react25.useMemo)(() => {
-    return address ? (0, import_accounts.toAccount)({
-      address,
-      async signMessage({ message }) {
-        return await signMessage2({
-          message,
-          chainType: "ethereum" /* Ethereum */
-        });
-      },
-      async signTransaction(transaction, options) {
-        const { account, chain, ...restTransaction } = transaction;
-        console.log("qwe-sign-transaction", restTransaction, options);
-        return await signTransaction({
-          transaction: {
-            ...restTransaction
-          },
-          chainType: "ethereum" /* Ethereum */,
-          chain: {
-            id: chain?.id || restTransaction.chainId,
-            name: chain?.name,
-            nativeCurrency: {
-              name: chain?.nativeCurrency?.name || "ETH",
-              symbol: chain?.nativeCurrency?.symbol || "ETH",
-              decimals: chain?.nativeCurrency?.decimals || 18
-            },
-            rpcUrls: chain?.rpcUrls
-          }
-        });
-      },
-      async signTypedData(typedData) {
-        return "0x";
-      }
-    }) : void 0;
-  }, [address]);
-  (0, import_react25.useEffect)(() => {
-    matchlog_default.log("qwe-evmAccount", evmAccount);
-  }, [evmAccount]);
-  return {
-    walletReady,
-    evmAccount,
-    address,
-    initCore,
-    signMessage: signMessage2,
-    signTransaction,
-    isRecovered,
-    recoverAfter,
-    generateEmbeddedWallets,
-    recoveryEmbeddedWallets,
-    createWalletClient: (parameters) => {
-      if (!evmAccount) {
-        return;
-      }
-      const obj = (0, import_viem3.createWalletClient)({
-        ...parameters,
-        account: evmAccount
-      });
-      const sendTransaction = async (transaction) => {
-        const getSign = async (resolve, reject) => {
-          const { chain, ...restTransaction } = transaction;
-          const chainId = chain ? chain.id : await obj.getChainId();
-          const _chain = chain || obj.chain;
-          const transactionId = Date.now().toString() + Math.random().toString().slice(6);
-          window.matchProvider.transactionMessageIntervalMap[transactionId] = {
-            transaction,
-            func: async () => {
-              try {
-                const {
-                  chain: chain2,
-                  account,
-                  ...prepareTransactionRequest
-                  // @ts-ignore
-                } = await obj.prepareTransactionRequest(window.matchProvider.transactionMessageIntervalMap[transactionId].transaction);
-                window.matchProvider.sendWalletMessage({
-                  method: "prepareTransactionRequest",
-                  data: {
-                    prepareTransactionRequest,
-                    transactionId
-                  }
-                });
-              } catch (error) {
-                console.error(error);
-              }
-            },
-            interval: setInterval(() => {
-              window.matchProvider.transactionMessageIntervalMap[transactionId].func();
-            }, 1e4)
-          };
-          try {
-            const {
-              chain: chain2,
-              account,
-              ...prepareTransactionRequest
-              // @ts-ignore
-            } = await obj.prepareTransactionRequest(transaction);
-            const { serializedTransaction } = await window.matchProvider.waitUntilWalletMessage({
-              method: "sendTransaction",
-              data: {
-                transactionId,
-                transaction: {
-                  ...restTransaction
-                },
-                chainType: "ethereum" /* Ethereum */,
-                chain: {
-                  id: chainId,
-                  name: _chain?.name,
-                  nativeCurrency: _chain?.nativeCurrency,
-                  rpcUrls: _chain?.rpcUrls
-                },
-                prepareTransactionRequest
-              }
-            });
-            openHashPanel();
-            const txHash = await obj.sendRawTransaction({
-              serializedTransaction
-            });
-            openHashPanel({
-              hash: txHash,
-              chain: _chain
-            });
-            clearInterval(window.matchProvider.transactionMessageIntervalMap[transactionId].interval);
-            delete window.matchProvider.transactionMessageIntervalMap[transactionId];
-            resolve(txHash);
-          } catch (error) {
-            console.error("qwe-sign-error", error);
-            clearInterval(window.matchProvider.transactionMessageIntervalMap[transactionId].interval);
-            delete window.matchProvider.transactionMessageIntervalMap[transactionId];
-            reject(error);
-          }
-        };
-        return await recoverAfter({
-          handle: getSign,
-          chainType: "ethereum" /* Ethereum */
-        });
-      };
-      const deployContract = async (parameters2) => {
-        const { abi, args, bytecode, ...request3 } = parameters2;
-        const calldata = (0, import_viem4.encodeDeployData)({ abi, args, bytecode });
-        return await sendTransaction({
-          ...request3,
-          data: calldata
-        });
-      };
-      const writeContract = async (parameters2) => {
-        const { abi, address: address2, args, dataSuffix, functionName, ...request3 } = parameters2;
-        const data = (0, import_viem2.encodeFunctionData)({
-          abi,
-          args,
-          functionName
-        });
-        return await sendTransaction({
-          data: `${data}${dataSuffix ? dataSuffix.replace("0x", "") : ""}`,
-          to: address2,
-          ...request3
-        });
-      };
-      return {
-        ...obj,
-        sendTransaction,
-        deployContract,
-        writeContract
-      };
-    }
-  };
-}
+
+// src/store/useStore.ts
+var import_zustand3 = require("zustand");
+var useStore = (0, import_zustand3.create)((set) => ({
+  walletReady: false,
+  setWalletReady: (inited) => set({ walletReady: inited })
+}));
+var useStore_default = useStore;
 
 // src/hooks/useWalletInit.ts
-var AppClientId2 = getAppClientId();
+var AppClientId = getAppClientId();
 
 // src/hooks/useInit.tsx
-var import_react27 = 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_runtime80 = require("react/jsx-runtime");
 var queryClient = new import_react_query3.QueryClient();
-var MatchContext = (0, import_react28.createContext)(void 0);
+var MatchContext = (0, import_react27.createContext)(void 0);
 var useMatch = () => {
-  const context = (0, import_react28.useContext)(MatchContext);
+  const context = (0, import_react27.useContext)(MatchContext);
   if (context === void 0) {
     throw new Error("useMatch must be used within a MatchProvider");
   }
@@ -1112,7 +927,8 @@ function useUserInfo() {
     overview,
     address,
     endpoints,
-    locale
+    locale,
+    refreshOverview
   } = useLocalStore_default();
   const { events, login } = useMatch();
   const { open: SOLOpen } = useSOLModalStore();
@@ -1121,7 +937,7 @@ function useUserInfo() {
   const { open: BTCOpen } = useBTCModalStore();
   const { open: CEXBindOpen } = useCEXBindModalStore();
   const walletModalStore = useWalletModalStore();
-  const isLogin = (0, import_react29.useMemo)(() => !!token && !!overview, [token, overview]);
+  const isLogin = (0, import_react28.useMemo)(() => !!token && !!overview, [token, overview]);
   const logout = async () => {
     try {
       await toLogoutApi();
@@ -1221,12 +1037,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");
@@ -1359,9 +1169,9 @@ function useUserInfo() {
 }
 
 // src/hooks/useMatchEvents.ts
-var import_react30 = require("react");
+var import_react29 = require("react");
 function useMatchEvents(handlers) {
-  (0, import_react30.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     Object.entries(handlers).forEach(([event, handler2]) => {
       if (handler2) {
         eventManager_default.on(event, handler2);
@@ -1377,6 +1187,217 @@ function useMatchEvents(handlers) {
   }, [handlers]);
 }
 
+// src/hooks/useWallet.tsx
+var import_viem2 = require("viem");
+var import_accounts = require("viem/accounts");
+var import_viem3 = require("viem");
+var import_react30 = require("react");
+var import_viem4 = require("viem");
+var AppClientId2 = "react-sdk-" + getVersion();
+function useWallet2() {
+  const { address, wallet: walletConfig } = useLocalStore_default();
+  const { walletReady } = useStore_default();
+  const { open: openHashPanel } = useHashPanelStore();
+  const isRecovered = async () => {
+    const res = await window.matchProvider.waitUntilWalletMessage({
+      method: "isRecovered"
+    });
+    return res.isRecovered;
+  };
+  const signMessage2 = async ({
+    message,
+    chainType = "ethereum" /* Ethereum */
+  }) => {
+    try {
+      const res = await window.matchProvider.waitUntilWalletMessage({
+        method: "signMessage",
+        data: {
+          message,
+          chainType
+        }
+      });
+      return res.message;
+    } catch (error) {
+      console.error("sdk.wallet.message", error);
+      throw error;
+    }
+  };
+  const signTransaction = async ({
+    transaction,
+    chainType = "ethereum" /* Ethereum */,
+    chain
+  }) => {
+    try {
+      const res = await window.matchProvider.waitUntilWalletMessage({
+        method: "signTransaction",
+        data: {
+          transaction,
+          chainType,
+          chain
+        }
+      });
+      return res.message;
+    } catch (error) {
+      console.error("sdk.wallet.transaction", error);
+      throw error;
+    }
+  };
+  const evmAccount = (0, import_react30.useMemo)(() => {
+    return address ? (0, import_accounts.toAccount)({
+      address,
+      async signMessage({ message }) {
+        return await signMessage2({
+          message,
+          chainType: "ethereum" /* Ethereum */
+        });
+      },
+      async signTransaction(transaction, options) {
+        const { account, chain, ...restTransaction } = transaction;
+        console.log("qwe-sign-transaction", restTransaction, options);
+        return await signTransaction({
+          transaction: {
+            ...restTransaction
+          },
+          chainType: "ethereum" /* Ethereum */,
+          chain: {
+            id: chain?.id || restTransaction.chainId,
+            name: chain?.name,
+            nativeCurrency: {
+              name: chain?.nativeCurrency?.name || "ETH",
+              symbol: chain?.nativeCurrency?.symbol || "ETH",
+              decimals: chain?.nativeCurrency?.decimals || 18
+            },
+            rpcUrls: chain?.rpcUrls
+          }
+        });
+      },
+      async signTypedData(typedData) {
+        return "0x";
+      }
+    }) : void 0;
+  }, [address]);
+  (0, import_react30.useEffect)(() => {
+    matchlog_default.log("qwe-evmAccount", evmAccount);
+  }, [evmAccount]);
+  const realCreateWalletClient = (parameters) => {
+    if (!evmAccount) {
+      return;
+    }
+    const obj = (0, import_viem3.createWalletClient)({
+      ...parameters,
+      account: evmAccount
+    });
+    const sendTransaction = async (transaction) => {
+      const { chain, ...restTransaction } = transaction;
+      const chainId = chain ? chain.id : await obj.getChainId();
+      const _chain = chain || obj.chain;
+      const transactionId = Date.now().toString() + Math.random().toString().slice(6);
+      window.matchProvider.transactionMessageIntervalMap[transactionId] = {
+        transaction,
+        func: async () => {
+          try {
+            const {
+              chain: chain2,
+              account,
+              ...prepareTransactionRequest
+              // @ts-ignore
+            } = await obj.prepareTransactionRequest(window.matchProvider.transactionMessageIntervalMap[transactionId].transaction);
+            window.matchProvider.sendWalletMessage({
+              method: "prepareTransactionRequest",
+              data: {
+                prepareTransactionRequest,
+                transactionId
+              }
+            });
+          } catch (error) {
+            console.error(error);
+          }
+        },
+        interval: setInterval(() => {
+          window.matchProvider.transactionMessageIntervalMap[transactionId].func();
+        }, 1e4)
+      };
+      try {
+        const {
+          chain: chain2,
+          account,
+          ...prepareTransactionRequest
+          // @ts-ignore
+        } = await obj.prepareTransactionRequest(transaction);
+        const { serializedTransaction } = await window.matchProvider.waitUntilWalletMessage({
+          method: "sendTransaction",
+          data: {
+            transactionId,
+            transaction: {
+              ...restTransaction
+            },
+            chainType: "ethereum" /* Ethereum */,
+            chain: {
+              id: chainId,
+              name: _chain?.name,
+              nativeCurrency: _chain?.nativeCurrency,
+              rpcUrls: _chain?.rpcUrls
+            },
+            prepareTransactionRequest
+          }
+        });
+        openHashPanel();
+        const txHash = await obj.sendRawTransaction({
+          serializedTransaction
+        });
+        openHashPanel({
+          hash: txHash,
+          chain: _chain
+        });
+        clearInterval(window.matchProvider.transactionMessageIntervalMap[transactionId].interval);
+        delete window.matchProvider.transactionMessageIntervalMap[transactionId];
+        return txHash;
+      } catch (error) {
+        console.error("qwe-sign-error", error);
+        clearInterval(window.matchProvider.transactionMessageIntervalMap[transactionId].interval);
+        delete window.matchProvider.transactionMessageIntervalMap[transactionId];
+        throw error;
+      }
+    };
+    const deployContract = async (parameters2) => {
+      const { abi, args, bytecode, ...request3 } = parameters2;
+      const calldata = (0, import_viem4.encodeDeployData)({ abi, args, bytecode });
+      return await sendTransaction({
+        ...request3,
+        data: calldata
+      });
+    };
+    const writeContract = async (parameters2) => {
+      const { abi, address: address2, args, dataSuffix, functionName, ...request3 } = parameters2;
+      const data = (0, import_viem2.encodeFunctionData)({
+        abi,
+        args,
+        functionName
+      });
+      return await sendTransaction({
+        data: `${data}${dataSuffix ? dataSuffix.replace("0x", "") : ""}`,
+        to: address2,
+        ...request3
+      });
+    };
+    return {
+      ...obj,
+      sendTransaction,
+      deployContract,
+      writeContract
+    };
+  };
+  return {
+    walletReady,
+    evmAccount,
+    address,
+    signMessage: signMessage2,
+    signTransaction,
+    isRecovered,
+    createWalletClient: realCreateWalletClient
+  };
+}
+
 // src/hooks/useCopyClipboard.ts
 var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
 var import_react31 = require("react");
@@ -1399,11 +1420,154 @@ function useCopyClipboard(timeout = 500) {
   }, [isCopied, setIsCopied, timeout]);
   return [isCopied, staticCopy];
 }
+
+// src/hooks/api/wallet.ts
+var import_react_query4 = require("@tanstack/react-query");
+function useChainListQuery(options) {
+  const { isLogin, token } = useUserInfo();
+  return (0, import_react_query4.useQuery)({
+    queryKey: ["match-chain-list", token],
+    queryFn: async () => {
+      const res = await getUserChainListApi();
+      if (!isSuccess(res)) {
+        return [];
+      }
+      return res.data;
+    },
+    enabled: isLogin,
+    ...options
+  });
+}
+
+// src/hooks/useMatchChain.tsx
+var import_react32 = require("react");
+var import_jsx_runtime81 = require("react/jsx-runtime");
+function useMatchChain() {
+  const chainListQuery = useChainListQuery();
+  const modal = useModal();
+  const { chainId: storeChainId, setChainId } = useLocalStore_default();
+  const chainId = (0, import_react32.useMemo)(() => {
+    if (!chainListQuery.data || !chainListQuery.data.length) {
+      return null;
+    }
+    if (chainListQuery.data.find((item) => item.id === storeChainId)) {
+      return storeChainId;
+    }
+    return chainListQuery.data[0].id;
+  }, [storeChainId, chainListQuery.data]);
+  const chain = (0, import_react32.useMemo)(() => {
+    if (!chainListQuery.data || !chainListQuery.data.length) {
+      return null;
+    }
+    return chainListQuery.data.find((item) => item.id === chainId);
+  }, [chainId, chainListQuery.data]);
+  const explorerLink = (url) => {
+    const explorer = chain?.blockExplorers.default.url;
+    return explorer.lastIndexOf("/") === explorer.length - 1 ? explorer + url : explorer + "/" + url;
+  };
+  function ChangeNetwork({
+    close
+  }) {
+    const { chainId: storeChainId2, setChainId: setChainId2 } = useLocalStore_default();
+    const [selectedChainId, setSelectedChainId] = (0, import_react32.useState)(storeChainId2);
+    return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `matchid-change-network-box`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+          "div",
+          {
+            onClick: () => setSelectedChainId(item.id),
+            className: `matchid-change-network-item  ${selectedChainId == item.id ? "matchid-change-network-selected" : ""}`,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
+                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Radio, { checked: selectedChainId === item.id })
+            ]
+          },
+          index
+        );
+      }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
+        setChainId2(selectedChainId || 0);
+        close();
+      }, block: true, children: "Confirm" })
+    ] });
+  }
+  const showChangeNetwork = () => {
+    modal.open({
+      title: "Change Network",
+      content: ChangeNetwork
+    });
+  };
+  return {
+    list: chainListQuery.data,
+    chainId,
+    setChainId,
+    chain,
+    explorerLink,
+    showChangeNetwork
+  };
+}
+
+// src/hooks/useMatchWallet.tsx
+var import_react_qrcode = require("react-qrcode");
+var import_jsx_runtime82 = require("react/jsx-runtime");
+function useMatchWallet() {
+  const modal = useModal();
+  const { address } = useWallet2();
+  const chain = useMatchChain();
+  const [copied, setCopied] = useCopyClipboard();
+  const toast = useToast();
+  const onCopy = () => {
+    setCopied(address);
+    toast.success("Copied!");
+  };
+  const showReceiveModal = () => {
+    const chainLink = chain.explorerLink("address/" + address);
+    const ReceiveModal = () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `matchid-receive-modal`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "matchid-receive-container", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: `matchid-receive-text`, children: "Receive by scanning the QR code" }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+            import_react_qrcode.QRCode,
+            {
+              margin: "0",
+              className: `matchid-qr-code`,
+              value: address
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+            "a",
+            {
+              href: chainLink,
+              target: "_blank",
+              className: `matchid-receive-link`,
+              children: address
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: "Copy Address" })
+      ] });
+    };
+    modal.open({
+      title: "Receive",
+      content: ReceiveModal
+    });
+  };
+  return {
+    showReceiveModal
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   useCopyClipboard,
   useLayout,
+  useMatchChain,
   useMatchEvents,
+  useMatchWallet,
+  useModal,
+  useToast,
   useUserInfo,
   useWallet
 });