@matchain/matchid-sdk-react 0.1.53-alpha.1 → 0.1.53-alpha.3

package/dist/components/index.mjs

@@ -5,7 +5,6 @@ import {
   LoginButton,
   LoginModal,
   LoginPanel,
-  SOLModal,
   TONModal,
   TRONModal,
   TokenDetail,
@@ -15,9 +14,7 @@ import {
   UsernameModal,
   WalletAsset,
   WalletModal
-} from "../chunk-2DVC6WCN.mjs";
-import "../chunk-UA6XHZHX.mjs";
-import "../chunk-HLUFAIFV.mjs";
+} from "../chunk-3YF3P77J.mjs";
 import {
   Button,
   Field,
@@ -26,8 +23,10 @@ import {
   ModalWithHeader,
   Overlay,
   Popover
-} from "../chunk-FB5MHLWX.mjs";
-import "../chunk-LHNKZISB.mjs";
+} from "../chunk-V2S54LGG.mjs";
+import "../chunk-OCQ2AIM3.mjs";
+import "../chunk-3USZ4ZZY.mjs";
+import "../chunk-UA6XHZHX.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {
   BTCModal,
@@ -43,7 +42,6 @@ export {
   ModalWithHeader,
   Overlay,
   Popover,
-  SOLModal,
   TONModal,
   TRONModal,
   TokenDetail,

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

@@ -1,5 +1,5 @@
-export { b as bind, a as isSuccess, p as poh, u as user, w as wallet } from '../../index-CDqIk5k2.mjs';
+export { b as bind, a as isSuccess, p as poh, u as user, w as wallet } from '../../index-ba3VTkaV.mjs';
 import '@tanstack/react-query';
 import '@tanstack/react-query/src/types';
-import '../../types-Dd_ExpLx.mjs';
+import '../../types-Bgd3Ac92.mjs';
 import 'react';

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

@@ -1,5 +1,5 @@
-export { b as bind, a as isSuccess, p as poh, u as user, w as wallet } from '../../index-DvM6x6e6.js';
+export { b as bind, a as isSuccess, p as poh, u as user, w as wallet } from '../../index-BKHtf1Tu.js';
 import '@tanstack/react-query';
 import '@tanstack/react-query/src/types';
-import '../../types-Dd_ExpLx.js';
+import '../../types-Bgd3Ac92.js';
 import 'react';

package/dist/hooks/api/index.js

@@ -457,10 +457,10 @@ var localStore = useLocalStore;
 var useLocalStore_default = useLocalStore;
 
 // src/hooks/useUserInfo.tsx
-var import_react40 = require("react");
+var import_react39 = require("react");
 
 // src/MatchContext.tsx
-var import_react39 = require("react");
+var import_react38 = require("react");
 
 // src/hooks/useMatchEvents.ts
 var import_react = require("react");
@@ -678,58 +678,74 @@ var import_jsx_runtime48 = require("react/jsx-runtime");
 // src/assets/icon/ArrowSendIcon.tsx
 var import_jsx_runtime49 = require("react/jsx-runtime");
 
-// src/ui/Button/index.tsx
+// src/assets/icon/PhantomIcon.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
 
+// src/ui/Button/index.tsx
+var import_jsx_runtime51 = require("react/jsx-runtime");
+
 // src/ui/Overlay/index.tsx
 var import_react2 = require("react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 
 // src/ui/Drawer/index.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 
 // src/ui/Field/index.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 
 // src/ui/HashPanel/index.tsx
 var import_react4 = require("react");
 
 // src/hooks/useLayout.tsx
 var import_react3 = require("react");
+function useDownMd() {
+  const [isBelowMd, setIsBelowMd] = (0, import_react3.useState)(window.matchMedia("(max-width: 767px)").matches);
+  (0, import_react3.useEffect)(() => {
+    const handleResize = () => {
+      setIsBelowMd(window.matchMedia("(max-width: 767px)").matches);
+    };
+    window.addEventListener("resize", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
+    };
+  }, []);
+  return isBelowMd;
+}
 
 // src/ui/Modal/index.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 
 // src/ui/ModalDrawer/index.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 
 // src/hooks/useHash.ts
 var import_react_query = require("@tanstack/react-query");
 var import_viem = require("viem");
 
 // src/ui/HashPanel/index.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 
 // src/ui/Input/index.tsx
 var import_react5 = require("react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/ui/Popover/index.tsx
 var import_react6 = require("react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 
 // src/ui/Switch/index.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 
 // src/ui/AlphaAvatar/index.tsx
 var import_react7 = require("react");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 
 // src/ui/Radio/index.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 
 // src/context/ModalContext.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var ModalContext = (0, import_react8.createContext)(null);
 
 // src/store/useTransactionStore.ts
@@ -762,7 +778,7 @@ var persistedState2 = (0, import_middleware2.persist)(
 var useTransactionStore = (0, import_zustand3.create)((0, import_middleware2.devtools)(persistedState2));
 
 // src/hooks/useWallet.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var AppClientId = "react-sdk-" + getVersion();
 
 // src/hooks/useCopyClipboard.ts
@@ -772,7 +788,7 @@ var import_react10 = require("react");
 // src/context/ToastContext.tsx
 var import_react11 = require("react");
 var import_react_dom2 = require("react-dom");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var ToastContext = (0, import_react11.createContext)(null);
 
 // src/hooks/api/wallet.ts
@@ -907,7 +923,7 @@ function useWalletAssetListQuery({
 var import_react12 = require("react");
 var import_viem5 = require("viem");
 var import_react_intl = require("react-intl");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
 var import_react15 = require("react");
@@ -915,186 +931,123 @@ var import_react15 = require("react");
 // src/components/EmailModal/StepEmail.tsx
 var import_react13 = require("react");
 var import_react_intl2 = require("react-intl");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 
 // src/components/EmailModal/StepVerify.tsx
 var import_react14 = require("react");
 var import_react_intl3 = require("react-intl");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
 var import_react_intl4 = require("react-intl");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 
 // src/components/LoginBox/index.tsx
 var import_react16 = require("react");
 var import_react_intl5 = require("react-intl");
 
 // src/hooks/useConfig.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
 
 // src/hooks/useAppConfig.ts
 var import_react_query3 = require("@tanstack/react-query");
 
 // src/components/LoginBox/index.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react18 = require("react");
 
 // src/components/LoginPanel/index.tsx
 var import_react_intl6 = require("react-intl");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react17 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react_intl7 = require("react-intl");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react_intl8 = require("react-intl");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
 var import_react19 = require("react");
 var import_react_intl9 = require("react-intl");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 
-// src/components/SOLModal/index.tsx
-var import_react21 = __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");
-
-// 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");
+// src/components/TRONModal/index.tsx
+var import_react22 = __toESM(require("react"));
 var import_react_intl10 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
 var import_react20 = require("react");
-var import_jsx_runtime77 = require("react/jsx-runtime");
-
-// src/components/SOLModal/index.tsx
 var import_jsx_runtime78 = 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_react23 = __toESM(require("react"));
-var import_react_intl11 = require("react-intl");
 
 // src/hooks/useTRONWallet.ts
-var import_react22 = require("react");
+var import_react21 = require("react");
 
 // src/components/TRONModal/index.tsx
 var import_jsx_runtime79 = require("react/jsx-runtime");
 
 // src/components/TONModal/index.tsx
-var import_react24 = __toESM(require("react"));
-var import_react_intl12 = require("react-intl");
+var import_react23 = __toESM(require("react"));
+var import_react_intl11 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 
 // src/components/BTCModal/index.tsx
-var import_react26 = __toESM(require("react"));
-var import_react_intl13 = require("react-intl");
+var import_react25 = __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_react25 = require("react");
+var import_react24 = require("react");
 
 // src/components/BTCModal/index.tsx
 var import_jsx_runtime81 = require("react/jsx-runtime");
 
 // src/components/WalletModal/index.tsx
-var import_react27 = require("react");
-var import_react_intl14 = require("react-intl");
+var import_react26 = require("react");
+var import_react_intl13 = require("react-intl");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 
 // src/components/AlphaAvatar/index.tsx
-var import_react28 = require("react");
+var import_react27 = require("react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 
 // src/components/WalletAsset/index.tsx
 var import_jsx_runtime84 = require("react/jsx-runtime");
 
 // src/components/TokenSend/index.tsx
-var import_react29 = require("react");
+var import_react28 = require("react");
 var import_viem6 = require("viem");
-var import_react_intl15 = require("react-intl");
+var import_react_intl14 = require("react-intl");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 
 // src/components/TokenDetail/index.tsx
-var import_react_intl16 = require("react-intl");
+var import_react_intl15 = require("react-intl");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 
 // src/components/TokenSendList/index.tsx
-var import_react30 = require("react");
-var import_react_intl17 = require("react-intl");
+var import_react29 = require("react");
+var import_react_intl16 = require("react-intl");
 var import_jsx_runtime87 = require("react/jsx-runtime");
 
 // src/components/TransactionList/index.tsx
 var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
-var import_react31 = require("react");
+var import_react30 = require("react");
 var import_viem7 = require("viem");
 var import_viem8 = require("viem");
 
@@ -1154,19 +1107,19 @@ var persistedState3 = (0, import_middleware3.persist)(
 var useContractStore = (0, import_zustand4.create)((0, import_middleware3.devtools)(persistedState3));
 
 // src/components/TransactionList/index.tsx
-var import_react_intl18 = require("react-intl");
+var import_react_intl17 = require("react-intl");
 var import_jsx_runtime88 = require("react/jsx-runtime");
 
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
-var import_react33 = require("react");
+var import_react32 = require("react");
 var import_react_query6 = require("@tanstack/react-query");
 var import_viem11 = require("viem");
-var import_react_intl20 = require("react-intl");
+var import_react_intl19 = require("react-intl");
 
 // src/components/ImportToken/index.tsx
-var import_react32 = require("react");
-var import_react_intl19 = require("react-intl");
+var import_react31 = require("react");
+var import_react_intl18 = require("react-intl");
 var import_react_query5 = require("@tanstack/react-query");
 var import_viem10 = require("viem");
 
@@ -1181,25 +1134,19 @@ var import_jsx_runtime89 = require("react/jsx-runtime");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 
 // src/hooks/useReceipt.tsx
-var import_react34 = require("react");
+var import_react33 = require("react");
 var import_react_query7 = require("@tanstack/react-query");
 var import_viem12 = require("viem");
 var CACHE_TTL = 86400 * 30 * 1e3;
 
 // src/hooks/useTransaction.tsx
-var import_react35 = require("react");
+var import_react34 = require("react");
 var import_react_query8 = require("@tanstack/react-query");
 var import_viem13 = require("viem");
 var CACHE_TTL2 = 86400 * 30 * 1e3;
 
 // src/store/useModalStore.ts
 var import_zustand5 = require("zustand");
-var useSOLModalStore = (0, import_zustand5.create)((set) => ({
-  isOpen: false,
-  type: "",
-  open: (type) => set({ isOpen: true, type }),
-  close: () => set({ isOpen: false })
-}));
 var useTRONModalStore = (0, import_zustand5.create)((set) => ({
   isOpen: false,
   type: "",
@@ -1233,8 +1180,8 @@ var useWalletModalStore = (0, import_zustand5.create)((set) => ({
 }));
 
 // src/components/CEXBindModal/index.tsx
-var import_react36 = require("react");
-var import_react_intl21 = require("react-intl");
+var import_react35 = require("react");
+var import_react_intl20 = require("react-intl");
 var import_jsx_runtime91 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
@@ -1245,20 +1192,20 @@ var import_jsx_runtime92 = require("react/jsx-runtime");
 var import_jsx_runtime93 = require("react/jsx-runtime");
 
 // src/hooks/useWalletInit.ts
-var import_react37 = require("react");
+var import_react36 = require("react");
 var AppClientId2 = getAppClientId();
 
 // src/hooks/useInit.tsx
-var import_react38 = require("react");
+var import_react37 = require("react");
 
 // src/MatchContext.tsx
 var import_react_query10 = require("@tanstack/react-query");
-var import_react_intl22 = require("react-intl");
+var import_react_intl21 = require("react-intl");
 var import_jsx_runtime94 = require("react/jsx-runtime");
 var queryClient = new import_react_query10.QueryClient();
-var MatchContext = (0, import_react39.createContext)(void 0);
+var MatchContext = (0, import_react38.createContext)(void 0);
 var useMatch = () => {
-  const context = (0, import_react39.useContext)(MatchContext);
+  const context = (0, import_react38.useContext)(MatchContext);
   if (context === void 0) {
     throw new Error("useMatch must be used within a MatchProvider");
   }
@@ -1281,14 +1228,17 @@ function useUserInfo() {
     refreshOverview
   } = useLocalStore_default();
   const { setTgAppAuthCode, emailLoginKey, setEmailLoginKey } = useStore_default();
+  const isDownMd = useDownMd();
   const { events, login } = useMatch();
-  const { open: SOLOpen } = useSOLModalStore();
   const { open: TRONOpen } = useTRONModalStore();
   const { open: TONOpen } = useTONModalStore();
   const { open: BTCOpen } = useBTCModalStore();
   const { open: CEXBindOpen } = useCEXBindModalStore();
   const walletModalStore = useWalletModalStore();
-  const isLogin = (0, import_react40.useMemo)(() => !!token && !!overview, [token, overview]);
+  const getRedirectUri = () => {
+    return encodeURIComponent(window.location.href);
+  };
+  const isLogin = (0, import_react39.useMemo)(() => !!token && !!overview, [token, overview]);
   const logout = async () => {
     try {
       await toLogoutApi();
@@ -1358,6 +1308,9 @@ function useUserInfo() {
       case "evm":
         return window.open(`${endpoints.auth}login/wallet?appid=${appid}&locale=${locale}`);
       case "sol":
+        if (isDownMd) {
+          return window.location.href = `${endpoints.auth}login/sol?appid=${appid}&locale=${locale}&redirect_uri=${getRedirectUri()}`;
+        }
         return window.open(`${endpoints.auth}login/sol?appid=${appid}&locale=${locale}`);
       case "tron":
         return TRONOpen("login");
@@ -1400,7 +1353,7 @@ function useUserInfo() {
       const res = await verifyEmailCodeApi(obj);
       if (res && res.data && isSuccess(res)) {
         await login({
-          mid: res.data.mid,
+          // mid: res.data.mid,
           token: `${res.data.token_type} ${res.data.access_token}`
         });
         return true;
@@ -1447,7 +1400,10 @@ function useUserInfo() {
       case "evm":
         return window.open(`${endpoints.auth}bind/wallet?appid=${appid}&locale=${locale}&st=` + encodeURIComponent(encodeBase64(token)));
       case "sol":
-        return SOLOpen("bind");
+        if (isDownMd) {
+          return window.location.href = `${endpoints.auth}bind/sol?appid=${appid}&locale=${locale}&st=${encodeURIComponent(encodeBase64(token))}&redirect_uri=${getRedirectUri()}`;
+        }
+        return window.open(`${endpoints.auth}bind/sol?appid=${appid}&locale=${locale}&st=${encodeURIComponent(encodeBase64(token))}`);
       case "tron":
         return TRONOpen("bind");
       case "ton":