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

package/dist/hooks/index.js

@@ -43,7 +43,7 @@ __export(hooks_exports, {
   useToast: () => useToast,
   useTransaction: () => useTransaction,
   useUserInfo: () => useUserInfo,
-  useWallet: () => useWallet2
+  useWallet: () => useWallet
 });
 module.exports = __toCommonJS(hooks_exports);
 
@@ -349,10 +349,10 @@ var localStore = useLocalStore;
 var useLocalStore_default = useLocalStore;
 
 // src/hooks/useUserInfo.tsx
-var import_react32 = require("react");
+var import_react31 = require("react");
 
 // src/MatchContext.tsx
-var import_react31 = require("react");
+var import_react30 = require("react");
 
 // src/store/useModalStore.ts
 var import_zustand2 = require("zustand");
@@ -614,6 +614,9 @@ function TransferIcon({ size = 40, ...props }) {
 // src/assets/icon/ArrowSendIcon.tsx
 var import_jsx_runtime48 = require("react/jsx-runtime");
 
+// src/assets/icon/PhantomIcon.tsx
+var import_jsx_runtime49 = require("react/jsx-runtime");
+
 // src/hooks/useLayout.tsx
 var useLayout_exports = {};
 __export(useLayout_exports, {
@@ -635,16 +638,10 @@ function useDownMd() {
 }
 
 // src/hooks/useConfig.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
 
 // src/store/useModalStore.ts
-var useSOLModalStore = (0, import_zustand2.create)((set) => ({
-  isOpen: false,
-  type: "",
-  open: (type) => set({ isOpen: true, type }),
-  close: () => set({ isOpen: false })
-}));
 var useTRONModalStore = (0, import_zustand2.create)((set) => ({
   isOpen: false,
   type: "",
@@ -682,7 +679,7 @@ var import_react6 = require("react");
 
 // src/ui/Overlay/index.tsx
 var import_react2 = require("react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function Overlay({
   isOpen = false,
   children,
@@ -698,7 +695,7 @@ function Overlay({
       document.body.style.overflow = "";
     };
   }, [isOpen]);
-  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "div",
     {
       className: "matchid-overlay",
@@ -707,11 +704,11 @@ function Overlay({
       },
       children
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, {});
+  ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, {});
 }
 
 // src/ui/Modal/index.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function Modal({
   children,
   isOpen,
@@ -719,10 +716,10 @@ function Modal({
   zIndex = 100,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: `matchid-modal ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: `matchid-modal ${className}`, style: {
     width
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "matchid-modal-mobile-header" }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "matchid-modal-mobile-header" }),
     children
   ] }) });
 }
@@ -736,13 +733,13 @@ function ModalWithHeader({
   ...props
 }) {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Modal, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "matchid-modal-header-content", children: [
-        onBack && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "matchid-modal-header-title", children: title })
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Modal, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: `matchid-modal-header ${showBorder ? "matchid-modal-header-border" : ""}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "matchid-modal-header-content", children: [
+        onBack && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ArrowLeftIcon, { height: isDownMd ? 20 : 25, width: isDownMd ? 20 : 24, className: "matchid-modal-header-back", onClick: onBack }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "matchid-modal-header-title", children: title })
       ] }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30, className: "matchid-modal-header-close", onClick: onClose })
     ] }),
     children
   ] });
@@ -753,7 +750,7 @@ var import_react4 = require("react");
 
 // src/utils/index.tsx
 var import_moment = __toESM(require("moment"));
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var getVersion = () => {
   return "0.0.2";
 };
@@ -785,10 +782,10 @@ var NumberFormatter = ({
   const [intPart, decimalPart] = numberValue.toString().split(".");
   const intFormat = separator ? intPart.replace(/\B(?=(\d{3})+(?!\d))/g, ",") : intPart;
   if (Math.abs(parseFloat(numberValue)) >= 1) {
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className, children: [
-      prefix && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: prefixClassName, children: prefix }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: intClassName, children: intFormat }),
-      decimalPart ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: decimalClassName, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className, children: [
+      prefix && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: prefixClassName, children: prefix }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: intClassName, children: intFormat }),
+      decimalPart ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: decimalClassName, children: [
         ".",
         decimalPart.substring(0, fixNum)
       ] }) : "",
@@ -805,30 +802,30 @@ var NumberFormatter = ({
       }
     }
     if (zeroCount < tFixNum) {
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className, children: [
-        prefix && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: prefixClassName, children: prefix }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: intClassName, children: intFormat }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: decimalClassName, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className, children: [
+        prefix && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: prefixClassName, children: prefix }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: intClassName, children: intFormat }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: decimalClassName, children: [
           ".",
           decimalPart.substring(0, tFixNum)
         ] }),
         suffix
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className, children: [
-      prefix && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: prefixClassName, children: prefix }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: intClassName, children: intFormat }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: decimalClassName, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className, children: [
+      prefix && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: prefixClassName, children: prefix }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: intClassName, children: intFormat }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: decimalClassName, children: [
         ".0",
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("sub", { children: zeroCount }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("sub", { children: zeroCount }),
         decimalPart?.substring(zeroCount, zeroCount + tFixNum - 2)
       ] }),
       suffix
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className, children: [
-    prefix && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: prefixClassName, children: prefix }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: intClassName, children: intPart }),
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className, children: [
+    prefix && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: prefixClassName, children: prefix }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: intClassName, children: intPart }),
     suffix
   ] });
 };
@@ -837,7 +834,7 @@ var isInTgApp = () => {
 };
 
 // src/ui/Button/index.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function Button({
   size = "df",
   disabled = false,
@@ -856,7 +853,7 @@ function Button({
       onClick && onClick();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "button",
     {
       type,
@@ -866,14 +863,14 @@ function Button({
         ...style
       },
       onClick: onAction,
-      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime54.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_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function Input({
   onChange,
   type,
@@ -883,17 +880,17 @@ function Input({
 }) {
   const [inputType, setInputType] = (0, import_react3.useState)(type);
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     "div",
     {
       className: `matchid-input-box ${props.value && props.value.length > 0 ? "matchid-input-has-content" : ""} ${className}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
-        props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
+        props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
           if (onChange) {
             onChange({ target: { value: "" } });
           }
-        }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           DeleteRoundIcon,
           {
             height: isDownMd ? 16 : 21,
@@ -901,9 +898,9 @@ function Input({
             color: "var(--matchid-input-delete-icon-color)"
           }
         ) }),
-        type === "password" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
+        type === "password" && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
           setInputType(inputType === "password" ? "text" : "password");
-        }, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
+        }, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
         after
       ]
     }
@@ -911,7 +908,7 @@ function Input({
 }
 
 // src/ui/Field/index.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function Field({
   label,
   children,
@@ -919,19 +916,19 @@ function Field({
   required,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "matchid-field-label", children: [
-      required && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "matchid-field-required", children: "*" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "matchid-field-label", children: [
+      required && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "matchid-field-required", children: "*" }),
       label
     ] }),
     children,
-    error && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "matchid-field-error", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "matchid-field-error", children: error })
   ] });
 }
 
 // src/components/EmailModal/StepEmail.tsx
 var import_react_intl = require("react-intl");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 
 // src/components/EmailModal/StepVerify.tsx
 var import_react5 = require("react");
@@ -941,15 +938,15 @@ var NATIVE_TOKEN_ADDRESS = "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee";
 
 // src/components/EmailModal/StepVerify.tsx
 var import_react_intl2 = require("react-intl");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
 var import_react_intl3 = require("react-intl");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 
 // src/ui/Popover/index.tsx
 var import_react7 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 
 // src/components/LoginBox/index.tsx
 var import_react8 = require("react");
@@ -959,39 +956,39 @@ var import_react_intl4 = require("react-intl");
 var import_react_query = require("@tanstack/react-query");
 
 // src/components/LoginBox/index.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react10 = require("react");
 
 // src/components/LoginPanel/index.tsx
 var import_react_intl5 = require("react-intl");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react9 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react_intl6 = require("react-intl");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react_intl7 = require("react-intl");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
 var import_react11 = require("react");
 var import_react_intl8 = require("react-intl");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 
-// src/components/SOLModal/index.tsx
-var import_react13 = __toESM(require("react"));
+// src/components/TRONModal/index.tsx
+var import_react14 = __toESM(require("react"));
 
 // src/hooks/eventManager.ts
 var EventManager = class {
@@ -1021,112 +1018,49 @@ var EventManager = class {
 var eventManager = new EventManager();
 var eventManager_default = eventManager;
 
-// src/components/SOLModal/index.tsx
-var import_web3 = require("@solana/web3.js");
-var import_wallet_adapter_react = require("@solana/wallet-adapter-react");
-var import_wallet_adapter_react_ui = require("@solana/wallet-adapter-react-ui");
-
-// node_modules/@solana/wallet-adapter-base/lib/esm/types.js
-var WalletAdapterNetwork;
-(function(WalletAdapterNetwork2) {
-  WalletAdapterNetwork2["Mainnet"] = "mainnet-beta";
-  WalletAdapterNetwork2["Testnet"] = "testnet";
-  WalletAdapterNetwork2["Devnet"] = "devnet";
-})(WalletAdapterNetwork || (WalletAdapterNetwork = {}));
-
-// src/components/SOLModal/index.tsx
-var import_wallet_adapter_wallets = require("@solana/wallet-adapter-wallets");
-var import_styles = require("@solana/wallet-adapter-react-ui/styles.css");
+// src/components/TRONModal/index.tsx
 var import_react_intl9 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
 var import_react12 = require("react");
-var import_jsx_runtime67 = require("react/jsx-runtime");
-
-// src/components/SOLModal/index.tsx
 var import_jsx_runtime68 = require("react/jsx-runtime");
-var wallets = [
-  new import_wallet_adapter_wallets.PhantomWalletAdapter(),
-  new import_wallet_adapter_wallets.SolflareWalletAdapter(),
-  new import_wallet_adapter_wallets.WalletConnectWalletAdapter({
-    network: WalletAdapterNetwork.Mainnet,
-    options: {
-      relayUrl: "wss://relay.walletconnect.com"
-    }
-  }),
-  new import_wallet_adapter_wallets.AlphaWalletAdapter(),
-  new import_wallet_adapter_wallets.AvanaWalletAdapter(),
-  new import_wallet_adapter_wallets.BitgetWalletAdapter(),
-  new import_wallet_adapter_wallets.BitpieWalletAdapter(),
-  new import_wallet_adapter_wallets.CloverWalletAdapter(),
-  new import_wallet_adapter_wallets.Coin98WalletAdapter(),
-  new import_wallet_adapter_wallets.CoinbaseWalletAdapter(),
-  new import_wallet_adapter_wallets.CoinhubWalletAdapter(),
-  new import_wallet_adapter_wallets.FractalWalletAdapter(),
-  new import_wallet_adapter_wallets.HuobiWalletAdapter(),
-  new import_wallet_adapter_wallets.HyperPayWalletAdapter(),
-  new import_wallet_adapter_wallets.KeystoneWalletAdapter(),
-  new import_wallet_adapter_wallets.KrystalWalletAdapter(),
-  new import_wallet_adapter_wallets.LedgerWalletAdapter(),
-  new import_wallet_adapter_wallets.MathWalletAdapter(),
-  new import_wallet_adapter_wallets.NekoWalletAdapter(),
-  new import_wallet_adapter_wallets.NightlyWalletAdapter(),
-  new import_wallet_adapter_wallets.NufiWalletAdapter(),
-  new import_wallet_adapter_wallets.OntoWalletAdapter(),
-  new import_wallet_adapter_wallets.ParticleAdapter(),
-  new import_wallet_adapter_wallets.SafePalWalletAdapter(),
-  new import_wallet_adapter_wallets.SaifuWalletAdapter(),
-  new import_wallet_adapter_wallets.SalmonWalletAdapter(),
-  new import_wallet_adapter_wallets.SkyWalletAdapter(),
-  new import_wallet_adapter_wallets.SolongWalletAdapter(),
-  new import_wallet_adapter_wallets.SpotWalletAdapter(),
-  new import_wallet_adapter_wallets.TokenaryWalletAdapter(),
-  new import_wallet_adapter_wallets.TokenPocketWalletAdapter(),
-  new import_wallet_adapter_wallets.TorusWalletAdapter(),
-  new import_wallet_adapter_wallets.TrustWalletAdapter(),
-  new import_wallet_adapter_wallets.XDEFIWalletAdapter()
-];
-
-// src/components/TRONModal/index.tsx
-var import_react15 = __toESM(require("react"));
-var import_react_intl10 = require("react-intl");
 
 // src/hooks/useTRONWallet.ts
-var import_react14 = require("react");
+var import_react13 = require("react");
 
 // src/components/TRONModal/index.tsx
 var import_jsx_runtime69 = require("react/jsx-runtime");
 
 // src/components/TONModal/index.tsx
-var import_react16 = __toESM(require("react"));
-var import_react_intl11 = require("react-intl");
+var import_react15 = __toESM(require("react"));
+var import_react_intl10 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 
 // src/components/BTCModal/index.tsx
-var import_react18 = __toESM(require("react"));
-var import_react_intl12 = require("react-intl");
+var import_react17 = __toESM(require("react"));
+var import_react_intl11 = require("react-intl");
 
 // src/lib/btc/XverseAdapter.ts
 var import_sats_connect = require("sats-connect");
 
 // src/hooks/useBTCWallet.ts
-var import_react17 = require("react");
+var import_react16 = require("react");
 
 // src/components/BTCModal/index.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
 
 // src/components/WalletModal/index.tsx
-var import_react19 = require("react");
-var import_react_intl13 = require("react-intl");
+var import_react18 = require("react");
+var import_react_intl12 = require("react-intl");
 var import_jsx_runtime72 = require("react/jsx-runtime");
 
 // src/components/AlphaAvatar/index.tsx
-var import_react20 = require("react");
+var import_react19 = require("react");
 var import_jsx_runtime73 = require("react/jsx-runtime");
 function AlphaAvatar({ name, size = 40, className = "" }) {
-  const [avatar, setAvatar] = (0, import_react20.useState)(void 0);
-  (0, import_react20.useEffect)(() => {
+  const [avatar, setAvatar] = (0, import_react19.useState)(void 0);
+  (0, import_react19.useEffect)(() => {
     if (name) {
       const char = name[0].toUpperCase();
       setAvatar(char);
@@ -1169,7 +1103,7 @@ function Drawer({
 }
 
 // src/ui/HashPanel/index.tsx
-var import_react21 = require("react");
+var import_react20 = require("react");
 
 // src/ui/ModalDrawer/index.tsx
 var import_jsx_runtime76 = require("react/jsx-runtime");
@@ -1246,7 +1180,7 @@ function HashPanel({
   onClose,
   zIndex
 }) {
-  const [status, setStatus] = (0, import_react21.useState)("confirm");
+  const [status, setStatus] = (0, import_react20.useState)("confirm");
   const statusMaps = {
     "confirm": {
       icon: confirm_default,
@@ -1270,8 +1204,8 @@ function HashPanel({
     }
   };
   const statusValue = statusMaps[status];
-  const [shouldRefetch, setShouldRefetch] = (0, import_react21.useState)(true);
-  (0, import_react21.useEffect)(() => {
+  const [shouldRefetch, setShouldRefetch] = (0, import_react20.useState)(true);
+  (0, import_react20.useEffect)(() => {
     if (hash) {
       setShouldRefetch(true);
       setStatus("pending");
@@ -1284,7 +1218,7 @@ function HashPanel({
     chain,
     refetchInterval: shouldRefetch ? 3e3 : false
   });
-  (0, import_react21.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (hashQuery.data == 1 || hashQuery.data == -1) {
       setShouldRefetch(false);
     }
@@ -1338,7 +1272,7 @@ function HashPanel_default(props) {
 var import_jsx_runtime78 = require("react/jsx-runtime");
 
 // src/ui/AlphaAvatar/index.tsx
-var import_react22 = require("react");
+var import_react21 = require("react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 function AlphaAvatar2({
   name,
@@ -1346,7 +1280,7 @@ function AlphaAvatar2({
   className = "",
   style
 }) {
-  const avatar = (0, import_react22.useMemo)(() => {
+  const avatar = (0, import_react21.useMemo)(() => {
     if (name) {
       const char = name[0].toUpperCase();
       if (char.match(/[a-zA-Z0-9]/)) {
@@ -1387,9 +1321,9 @@ function Radio({
 }
 
 // src/components/TokenSend/index.tsx
-var import_react23 = require("react");
+var import_react22 = require("react");
 var import_viem2 = require("viem");
-var import_react_intl14 = require("react-intl");
+var import_react_intl13 = require("react-intl");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 function Input2({
   onChange,
@@ -1422,25 +1356,25 @@ function TokenSend({
   onBack
 }) {
   const { list: chainList } = useMatchChain();
-  const intl = (0, import_react_intl14.useIntl)();
-  const { createWalletClient: createWalletClient2 } = useWallet2();
+  const intl = (0, import_react_intl13.useIntl)();
+  const { createWalletClient: createWalletClient2 } = useWallet();
   const isNative = token.address.toLowerCase() == NATIVE_TOKEN_ADDRESS;
-  const chain = (0, import_react23.useMemo)(() => {
+  const chain = (0, import_react22.useMemo)(() => {
     return chainList?.find((m) => m.id.toString() === token.chain_id);
   }, [chainList, token.chain_id]);
-  const walletClient = (0, import_react23.useMemo)(() => {
+  const walletClient = (0, import_react22.useMemo)(() => {
     return createWalletClient2({
       // @ts-ignore
       chain: (0, import_viem2.defineChain)(chain),
       transport: (0, import_viem2.http)()
     });
   }, [chain]);
-  const [amount, setAmount] = (0, import_react23.useState)("");
-  const [address, setAddress] = (0, import_react23.useState)("");
-  const [loading, setLoading] = (0, import_react23.useState)(false);
-  const [sending, setSending] = (0, import_react23.useState)(false);
-  const [txError, setTxError] = (0, import_react23.useState)("");
-  const transaction = (0, import_react23.useMemo)(() => {
+  const [amount, setAmount] = (0, import_react22.useState)("");
+  const [address, setAddress] = (0, import_react22.useState)("");
+  const [loading, setLoading] = (0, import_react22.useState)(false);
+  const [sending, setSending] = (0, import_react22.useState)(false);
+  const [txError, setTxError] = (0, import_react22.useState)("");
+  const transaction = (0, import_react22.useMemo)(() => {
     const reg = /^0x[a-fA-F0-9]{40}$/;
     if (!amount || !address || !reg.test(address)) {
       return;
@@ -1471,7 +1405,7 @@ function TokenSend({
       setLoading(false);
     }
   };
-  const error = (0, import_react23.useMemo)(() => {
+  const error = (0, import_react22.useMemo)(() => {
     setTxError("");
     let amountError = "";
     let addressError = "";
@@ -1514,7 +1448,7 @@ function TokenSend({
       setAmount(value);
     }
   };
-  const canSend = (0, import_react23.useMemo)(() => {
+  const canSend = (0, import_react22.useMemo)(() => {
     return !error.amount && !error.address && amount && address;
   }, [error]);
   const onNext = async () => {
@@ -1524,7 +1458,7 @@ function TokenSend({
     }
     onClose();
   };
-  (0, import_react23.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     const receiveMessage = (event) => {
       if (event.data) {
         if (event.data.source == "match-wallet") {
@@ -1540,11 +1474,11 @@ function TokenSend({
       window.removeEventListener("message", receiveMessage);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl14.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `matchid-token-send-box`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl13.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `matchid-token-send-box`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-token-send-content", children: [
       /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `matchid-token-amount-content`, children: [
         /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `matchid-token-amount-header`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl14.FormattedMessage, { id: "amount" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl13.FormattedMessage, { id: "amount" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
             token.icon ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
               "img",
@@ -1572,7 +1506,7 @@ function TokenSend({
         ),
         /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
           /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `matchid-token-amount-title`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl14.FormattedMessage, { id: "balance" }),
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl13.FormattedMessage, { id: "balance" }),
             ":"
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
@@ -1580,7 +1514,7 @@ function TokenSend({
         /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `matchid-token-address-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl14.FormattedMessage, { id: "receiveTitle" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl13.FormattedMessage, { id: "receiveTitle" }) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           Input2,
           {
@@ -1606,19 +1540,19 @@ function TokenSend({
         disabled: !canSend || !!txError,
         onClick: onNext,
         loading: loading || sending,
-        children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl14.FormattedMessage, { id: "next" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl13.FormattedMessage, { id: "next" })
       }
     )
   ] }) });
 }
 
 // src/components/TokenDetail/index.tsx
-var import_react_intl15 = require("react-intl");
+var import_react_intl14 = require("react-intl");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 
 // src/components/TokenSendList/index.tsx
-var import_react24 = require("react");
-var import_react_intl16 = require("react-intl");
+var import_react23 = require("react");
+var import_react_intl15 = require("react-intl");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 function TokenSendList({ close }) {
   const isDownMd = useDownMd();
@@ -1627,7 +1561,7 @@ function TokenSendList({ close }) {
     list: walletAssets.mergedAssets
   });
   const { list } = useMatchChain();
-  const [checked, setChecked] = (0, import_react24.useState)();
+  const [checked, setChecked] = (0, import_react23.useState)();
   const modal = useModal();
   const onNext = () => {
     checked && modal.show((props) => {
@@ -1678,13 +1612,13 @@ function TokenSendList({ close }) {
         index
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_intl16.FormattedMessage, { id: "next" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_intl15.FormattedMessage, { id: "next" }) })
   ] });
 }
 
 // src/components/TransactionList/index.tsx
 var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
-var import_react25 = require("react");
+var import_react24 = require("react");
 var import_viem3 = require("viem");
 var import_viem4 = require("viem");
 
@@ -1745,12 +1679,12 @@ var useContractStore = (0, import_zustand3.create)((0, import_middleware2.devtoo
 var useContractStore_default = useContractStore;
 
 // src/components/TransactionList/index.tsx
-var import_react_intl17 = require("react-intl");
+var import_react_intl16 = require("react-intl");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 
 // src/components/CEXBindModal/index.tsx
-var import_react26 = require("react");
-var import_react_intl18 = require("react-intl");
+var import_react25 = require("react");
+var import_react_intl17 = require("react-intl");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
@@ -1772,12 +1706,12 @@ var useStore_default = useStore;
 var import_jsx_runtime86 = require("react/jsx-runtime");
 
 // src/context/ModalContext.tsx
-var import_react27 = require("react");
+var import_react26 = require("react");
 var import_react_dom = require("react-dom");
 var import_jsx_runtime87 = require("react/jsx-runtime");
-var ModalContext = (0, import_react27.createContext)(null);
+var ModalContext = (0, import_react26.createContext)(null);
 function useModal() {
-  const context = (0, import_react27.useContext)(ModalContext);
+  const context = (0, import_react26.useContext)(ModalContext);
   if (!context) {
     throw new Error("useModal must be used within a ModalProvider");
   }
@@ -1785,12 +1719,12 @@ function useModal() {
 }
 
 // src/context/ToastContext.tsx
-var import_react28 = require("react");
+var import_react27 = require("react");
 var import_react_dom2 = require("react-dom");
 var import_jsx_runtime88 = require("react/jsx-runtime");
-var ToastContext = (0, import_react28.createContext)(null);
+var ToastContext = (0, import_react27.createContext)(null);
 function useToast() {
-  const context = (0, import_react28.useContext)(ToastContext);
+  const context = (0, import_react27.useContext)(ToastContext);
   if (!context) {
     throw new Error("useToast must be used within a ToastProvider");
   }
@@ -1801,20 +1735,20 @@ function useToast() {
 var import_jsx_runtime89 = require("react/jsx-runtime");
 
 // src/hooks/useWalletInit.ts
-var import_react29 = require("react");
+var import_react28 = require("react");
 var AppClientId = getAppClientId();
 
 // src/hooks/useInit.tsx
-var import_react30 = require("react");
+var import_react29 = require("react");
 
 // src/MatchContext.tsx
 var import_react_query4 = require("@tanstack/react-query");
-var import_react_intl19 = require("react-intl");
+var import_react_intl18 = require("react-intl");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 var queryClient = new import_react_query4.QueryClient();
-var MatchContext = (0, import_react31.createContext)(void 0);
+var MatchContext = (0, import_react30.createContext)(void 0);
 var useMatch = () => {
-  const context = (0, import_react31.useContext)(MatchContext);
+  const context = (0, import_react30.useContext)(MatchContext);
   if (context === void 0) {
     throw new Error("useMatch must be used within a MatchProvider");
   }
@@ -1837,14 +1771,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_react32.useMemo)(() => !!token && !!overview, [token, overview]);
+  const getRedirectUri = () => {
+    return encodeURIComponent(window.location.href);
+  };
+  const isLogin = (0, import_react31.useMemo)(() => !!token && !!overview, [token, overview]);
   const logout = async () => {
     try {
       await toLogoutApi();
@@ -1914,6 +1851,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");
@@ -1956,7 +1896,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;
@@ -2003,7 +1943,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":
@@ -2101,9 +2044,9 @@ function useUserInfo() {
 }
 
 // src/hooks/useMatchEvents.ts
-var import_react33 = require("react");
+var import_react32 = require("react");
 function useMatchEvents(handlers) {
-  (0, import_react33.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     Object.entries(handlers).forEach(([event, handler2]) => {
       if (handler2) {
         eventManager_default.on(event, handler2);
@@ -2123,7 +2066,7 @@ function useMatchEvents(handlers) {
 var import_viem5 = require("viem");
 var import_accounts = require("viem/accounts");
 var import_viem6 = require("viem");
-var import_react34 = require("react");
+var import_react33 = require("react");
 var import_viem7 = require("viem");
 
 // src/store/useTransactionStore.ts
@@ -2159,7 +2102,7 @@ var useTransactionStore_default = useTransactionStore;
 // src/hooks/useWallet.tsx
 var import_jsx_runtime91 = require("react/jsx-runtime");
 var AppClientId2 = "react-sdk-" + getVersion();
-function useWallet2() {
+function useWallet() {
   const { address, wallet: walletConfig } = useLocalStore_default();
   const { walletReady } = useStore_default();
   const modal = useModal();
@@ -2208,7 +2151,7 @@ function useWallet2() {
       throw error;
     }
   };
-  const evmAccount = (0, import_react34.useMemo)(() => {
+  const evmAccount = (0, import_react33.useMemo)(() => {
     try {
       return address ? (0, import_accounts.toAccount)({
         address,
@@ -2247,7 +2190,7 @@ function useWallet2() {
       return void 0;
     }
   }, [address]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     matchlog_default.log("qwe-evmAccount", evmAccount);
   }, [evmAccount]);
   const realCreateWalletClient = (parameters) => {
@@ -2383,14 +2326,14 @@ function useWallet2() {
 
 // src/hooks/useCopyClipboard.ts
 var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
-var import_react35 = require("react");
+var import_react34 = require("react");
 function useCopyClipboard(timeout = 500) {
-  const [isCopied, setIsCopied] = (0, import_react35.useState)(false);
-  const staticCopy = (0, import_react35.useCallback)((text) => {
+  const [isCopied, setIsCopied] = (0, import_react34.useState)(false);
+  const staticCopy = (0, import_react34.useCallback)((text) => {
     const didCopy = (0, import_copy_to_clipboard.default)(text);
     setIsCopied(didCopy);
   }, []);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (isCopied) {
       const hide = setTimeout(() => {
         setIsCopied(false);
@@ -2460,16 +2403,16 @@ function useImportTokenListQuery({
 }
 
 // src/hooks/useMatchChain.tsx
-var import_react36 = require("react");
+var import_react35 = require("react");
 var import_viem8 = require("viem");
-var import_react_intl20 = require("react-intl");
+var import_react_intl19 = require("react-intl");
 var import_jsx_runtime92 = require("react/jsx-runtime");
 function useMatchChain() {
   const chainListQuery = useChainListQuery();
   const modal = useModal();
-  const intl = (0, import_react_intl20.useIntl)();
+  const intl = (0, import_react_intl19.useIntl)();
   const { chainId: storeChainId, setChainId } = useLocalStore_default();
-  const chainId = (0, import_react36.useMemo)(() => {
+  const chainId = (0, import_react35.useMemo)(() => {
     if (!chainListQuery.data || !chainListQuery.data.length) {
       return null;
     }
@@ -2478,7 +2421,7 @@ function useMatchChain() {
     }
     return chainListQuery.data[0].id;
   }, [storeChainId, chainListQuery.data]);
-  const chain = (0, import_react36.useMemo)(() => {
+  const chain = (0, import_react35.useMemo)(() => {
     if (!chainListQuery.data || !chainListQuery.data.length) {
       return null;
     }
@@ -2492,7 +2435,7 @@ function useMatchChain() {
     close
   }) {
     const { chainId: storeChainId2, setChainId: setChainId2 } = useLocalStore_default();
-    const [selectedChainId, setSelectedChainId] = (0, import_react36.useState)(storeChainId2);
+    const [selectedChainId, setSelectedChainId] = (0, import_react35.useState)(storeChainId2);
     const isDownMd = useDownMd();
     return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-change-network-box`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
@@ -2515,7 +2458,7 @@ function useMatchChain() {
       /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
         setChainId2(selectedChainId || 0);
         close();
-      }, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_intl20.FormattedMessage, { id: "confirm" }) })
+      }, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_intl19.FormattedMessage, { id: "confirm" }) })
     ] });
   }
   const showChangeNetwork = () => {
@@ -2524,7 +2467,7 @@ function useMatchChain() {
       content: ChangeNetwork
     });
   };
-  const publicClient = (0, import_react36.useMemo)(() => {
+  const publicClient = (0, import_react35.useMemo)(() => {
     if (!chain) {
       return null;
     }
@@ -2552,14 +2495,14 @@ function useMatchChain() {
 
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
-var import_react38 = require("react");
+var import_react37 = require("react");
 var import_react_query8 = require("@tanstack/react-query");
 var import_viem11 = require("viem");
-var import_react_intl22 = require("react-intl");
+var import_react_intl21 = require("react-intl");
 
 // src/components/ImportToken/index.tsx
-var import_react37 = require("react");
-var import_react_intl21 = require("react-intl");
+var import_react36 = require("react");
+var import_react_intl20 = require("react-intl");
 var import_react_query7 = require("@tanstack/react-query");
 var import_viem10 = require("viem");
 
@@ -2590,12 +2533,12 @@ function useIsContract({
 // src/components/ImportToken/index.tsx
 var import_jsx_runtime93 = require("react/jsx-runtime");
 function ImportToken({ close }) {
-  const [status, setStatus] = (0, import_react37.useState)("");
+  const [status, setStatus] = (0, import_react36.useState)("");
   const { token } = useUserInfo();
-  const [address, setAddress] = (0, import_react37.useState)("");
-  const [symbol, setSymbol] = (0, import_react37.useState)("");
-  const [decimals, setDecimals] = (0, import_react37.useState)("");
-  const [error, setError] = (0, import_react37.useState)({});
+  const [address, setAddress] = (0, import_react36.useState)("");
+  const [symbol, setSymbol] = (0, import_react36.useState)("");
+  const [decimals, setDecimals] = (0, import_react36.useState)("");
+  const [error, setError] = (0, import_react36.useState)({});
   const { publicClient, chainId, chain } = useMatchChain();
   const getContractInfo = async () => {
     if (!publicClient) return;
@@ -2628,8 +2571,8 @@ function ImportToken({ close }) {
       });
     }
   };
-  const intl = (0, import_react_intl21.useIntl)();
-  (0, import_react37.useEffect)(() => {
+  const intl = (0, import_react_intl20.useIntl)();
+  (0, import_react36.useEffect)(() => {
     if (address.length === 42) {
       const reg = /^0x[0-9a-fA-F]{40}$/;
       if (!reg.test(address)) {
@@ -2648,7 +2591,7 @@ function ImportToken({ close }) {
       }
     }
   }, [address, publicClient]);
-  const [loading, setLoading] = (0, import_react37.useState)(false);
+  const [loading, setLoading] = (0, import_react36.useState)(false);
   const toast = useToast();
   const queryClient2 = (0, import_react_query7.useQueryClient)();
   const onImport = async () => {
@@ -2676,7 +2619,7 @@ function ImportToken({ close }) {
       setLoading(false);
     }
   };
-  const canImport = (0, import_react37.useMemo)(() => {
+  const canImport = (0, import_react36.useMemo)(() => {
     if (!address) {
       return false;
     }
@@ -2702,9 +2645,9 @@ function ImportToken({ close }) {
     return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
         /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("img", { src: status == "success" ? success_default : fail_default, alt: status == "success" ? "success" : "fail", className: `matchid-import-token-result-img` }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl21.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl21.FormattedMessage, { id: "importFail" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "importFail" }) })
       ] }),
-      status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl21.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl21.FormattedMessage, { id: "back" }) })
+      status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "back" }) })
     ] });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-import-token`, children: [
@@ -2758,7 +2701,7 @@ function ImportToken({ close }) {
         loading: loading || isContractQuery.isLoading,
         disabled: !canImport || !isContractQuery.data,
         highlight: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl21.FormattedMessage, { id: "import" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "import" })
       }
     )
   ] });
@@ -2768,10 +2711,10 @@ function ImportToken({ close }) {
 var import_jsx_runtime94 = require("react/jsx-runtime");
 var ReceiveModal = () => {
   const chain = useMatchChain();
-  const { address } = useWallet2();
+  const { address } = useWallet();
   const [copied, setCopied] = useCopyClipboard();
   const toast = useToast();
-  const intl = (0, import_react_intl22.useIntl)();
+  const intl = (0, import_react_intl21.useIntl)();
   const onCopy = () => {
     setCopied(address);
     toast.success(intl.formatMessage({
@@ -2781,7 +2724,7 @@ var ReceiveModal = () => {
   const chainLink = chain.explorerLink("address/" + address);
   return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-receive-modal`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "matchid-receive-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl22.FormattedMessage, { id: "receiveQrcode" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.FormattedMessage, { id: "receiveQrcode" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         import_react_qrcode.QRCode,
         {
@@ -2801,7 +2744,7 @@ var ReceiveModal = () => {
       )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-      import_react_intl22.FormattedMessage,
+      import_react_intl21.FormattedMessage,
       {
         id: "copyAddress"
       }
@@ -2810,7 +2753,7 @@ var ReceiveModal = () => {
 };
 function useMatchWallet() {
   const modal = useModal();
-  const intl = (0, import_react_intl22.useIntl)();
+  const intl = (0, import_react_intl21.useIntl)();
   const showReceiveModal = () => {
     modal.open({
       title: intl.formatMessage({
@@ -2842,12 +2785,12 @@ function useMatchWallet() {
   };
 }
 function useMatchWalletRecords() {
-  const [hasMore, setHasMore] = (0, import_react38.useState)(true);
-  const [items, setItems] = (0, import_react38.useState)([]);
+  const [hasMore, setHasMore] = (0, import_react37.useState)(true);
+  const [items, setItems] = (0, import_react37.useState)([]);
   const { chainId, publicClient } = useMatchChain();
-  const { address } = useWallet2();
-  const hasMoreRef = (0, import_react38.useRef)(hasMore);
-  const nextPageParamsRef = (0, import_react38.useRef)(void 0);
+  const { address } = useWallet();
+  const hasMoreRef = (0, import_react37.useRef)(hasMore);
+  const nextPageParamsRef = (0, import_react37.useRef)(void 0);
   const { contracts, setContracts } = useContractStore_default();
   const fetchMoreData = async () => {
     const chainIdStr = chainId ? chainId.toString() : "";
@@ -2874,7 +2817,7 @@ function useMatchWalletRecords() {
     hasMoreRef.current = true;
     fetchMoreData();
   };
-  (0, import_react38.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (chainId && address) {
       onInit();
     }
@@ -2930,7 +2873,7 @@ function useMatchWalletRecords() {
       setContracts(contractMap);
     }
   };
-  const list = (0, import_react38.useMemo)(() => {
+  const list = (0, import_react37.useMemo)(() => {
     const localTransactions = transactions[`${chainId}-${address}`] || [];
     const removeList = localTransactions.filter((n) => items.findIndex((m) => m.hash == n.hash) >= 0);
     removeList.forEach((item) => {
@@ -2972,7 +2915,7 @@ function useMatchWalletAssets({
     chainId: chainId || 0,
     ...assetListOptions
   });
-  const mergedAssets = (0, import_react38.useMemo)(() => {
+  const mergedAssets = (0, import_react37.useMemo)(() => {
     if (!assetListQuery.data && !importTokenQuery.data) return [];
     const assetList = (assetListQuery.data || []).map((asset) => ({
       ...asset,
@@ -3030,7 +2973,7 @@ function useMatchWalletAssetList({
   list
 }) {
   const { publicClient, chain } = useMatchChain();
-  const { address } = useWallet2();
+  const { address } = useWallet();
   const { assets, setAssets } = useLocalStore_default();
   const nativeToken = list.find((asset) => asset.address.toLowerCase() === NATIVE_TOKEN_ADDRESS.toLowerCase()) || {
     chain_id: chain?.id || "",
@@ -3059,7 +3002,7 @@ function useMatchWalletAssetList({
     retry: 3
     // Retry up to 3 times if failed
   });
-  const erc20Tokens = (0, import_react38.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
+  const erc20Tokens = (0, import_react37.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
   const erc20BalanceQuery = (0, import_react_query8.useQuery)({
     queryKey: ["erc20Balances", erc20Tokens.map((token) => token.address)],
     queryFn: async () => {
@@ -3087,7 +3030,7 @@ function useMatchWalletAssetList({
     // Refresh every 15 seconds
     retry: 3
   });
-  const enrichedAssets = (0, import_react38.useMemo)(() => {
+  const enrichedAssets = (0, import_react37.useMemo)(() => {
     if (!list) return [];
     const erc20Balances = erc20BalanceQuery.data || [];
     return list.map((asset) => {
@@ -3109,7 +3052,7 @@ function useMatchWalletAssetList({
       return { ...asset, balance, value, balanceValue };
     });
   }, [list, nativeBalanceQuery.data, erc20BalanceQuery.data]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     const list2 = enrichedAssets.sort((a, b) => {
       if (a.address === NATIVE_TOKEN_ADDRESS) return -1;
       if (b.address === NATIVE_TOKEN_ADDRESS) return 1;
@@ -3134,14 +3077,14 @@ function useMatchWalletAssetList({
 }
 
 // src/hooks/useReceipt.tsx
-var import_react39 = require("react");
+var import_react38 = require("react");
 var import_react_query9 = require("@tanstack/react-query");
 var import_viem12 = require("viem");
 var CACHE_TTL = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE = 500;
 var STORAGE_KEY = "match_receipt_logs";
 function useReceiptCache() {
-  const [cache, setCache] = (0, import_react39.useState)(/* @__PURE__ */ new Map());
+  const [cache, setCache] = (0, import_react38.useState)(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -3152,7 +3095,7 @@ function useReceiptCache() {
       return false;
     }
   })();
-  (0, import_react39.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -3171,7 +3114,7 @@ function useReceiptCache() {
       }
     }
   }, []);
-  const updateLocalStorage = (0, import_react39.useCallback)((updatedCache) => {
+  const updateLocalStorage = (0, import_react38.useCallback)((updatedCache) => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -3188,7 +3131,7 @@ function useReceiptCache() {
       }
     }
   }, []);
-  const set = (0, import_react39.useCallback)((key, value) => {
+  const set = (0, import_react38.useCallback)((key, value) => {
     const now = Date.now();
     const newCache = new Map(cache);
     newCache.forEach((entry, k) => {
@@ -3206,7 +3149,7 @@ function useReceiptCache() {
     setCache(newCache);
     updateLocalStorage(newCache);
   }, [cache, updateLocalStorage]);
-  const get = (0, import_react39.useCallback)((key) => {
+  const get = (0, import_react38.useCallback)((key) => {
     const entry = cache.get(key);
     if (entry) {
       if (Date.now() - entry.timestamp > CACHE_TTL) {
@@ -3220,7 +3163,7 @@ function useReceiptCache() {
     }
     return void 0;
   }, [cache, updateLocalStorage]);
-  const del = (0, import_react39.useCallback)((key) => {
+  const del = (0, import_react38.useCallback)((key) => {
     if (cache.has(key)) {
       const newCache = new Map(cache);
       newCache.delete(key);
@@ -3228,7 +3171,7 @@ function useReceiptCache() {
       updateLocalStorage(newCache);
     }
   }, [cache, updateLocalStorage]);
-  const clear = (0, import_react39.useCallback)(() => {
+  const clear = (0, import_react38.useCallback)(() => {
     setCache(/* @__PURE__ */ new Map());
     if (isLocalStorageAvailable) {
       localStorage.removeItem(STORAGE_KEY);
@@ -3243,7 +3186,7 @@ function useReceipt2({
   const { list } = useMatchChain();
   const cache = useReceiptCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = (0, import_react39.useState)(true);
+  const [shouldRefetch, setShouldRefetch] = (0, import_react38.useState)(true);
   const query = (0, import_react_query9.useQuery)({
     queryKey: ["match-tx-receipt", hash, chain],
     queryFn: async () => {
@@ -3269,7 +3212,7 @@ function useReceipt2({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  (0, import_react39.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -3278,14 +3221,14 @@ function useReceipt2({
 }
 
 // src/hooks/useTransaction.tsx
-var import_react40 = require("react");
+var import_react39 = require("react");
 var import_react_query10 = require("@tanstack/react-query");
 var import_viem13 = require("viem");
 var CACHE_TTL2 = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE2 = 500;
 var STORAGE_KEY2 = "match_transaction_logs";
 function useTransactionCache() {
-  const [cache, setCache] = (0, import_react40.useState)(/* @__PURE__ */ new Map());
+  const [cache, setCache] = (0, import_react39.useState)(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -3296,7 +3239,7 @@ function useTransactionCache() {
       return false;
     }
   })();
-  (0, import_react40.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -3315,7 +3258,7 @@ function useTransactionCache() {
       }
     }
   }, []);
-  const updateLocalStorage = (0, import_react40.useCallback)((updatedCache) => {
+  const updateLocalStorage = (0, import_react39.useCallback)((updatedCache) => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -3332,7 +3275,7 @@ function useTransactionCache() {
       }
     }
   }, []);
-  const set = (0, import_react40.useCallback)((key, value) => {
+  const set = (0, import_react39.useCallback)((key, value) => {
     const now = Date.now();
     const newCache = new Map(cache);
     newCache.forEach((entry, k) => {
@@ -3350,7 +3293,7 @@ function useTransactionCache() {
     setCache(newCache);
     updateLocalStorage(newCache);
   }, [cache, updateLocalStorage]);
-  const get = (0, import_react40.useCallback)((key) => {
+  const get = (0, import_react39.useCallback)((key) => {
     const entry = cache.get(key);
     if (entry) {
       if (Date.now() - entry.timestamp > CACHE_TTL2) {
@@ -3364,7 +3307,7 @@ function useTransactionCache() {
     }
     return void 0;
   }, [cache, updateLocalStorage]);
-  const del = (0, import_react40.useCallback)((key) => {
+  const del = (0, import_react39.useCallback)((key) => {
     if (cache.has(key)) {
       const newCache = new Map(cache);
       newCache.delete(key);
@@ -3372,7 +3315,7 @@ function useTransactionCache() {
       updateLocalStorage(newCache);
     }
   }, [cache, updateLocalStorage]);
-  const clear = (0, import_react40.useCallback)(() => {
+  const clear = (0, import_react39.useCallback)(() => {
     setCache(/* @__PURE__ */ new Map());
     if (isLocalStorageAvailable) {
       localStorage.removeItem(STORAGE_KEY2);
@@ -3387,7 +3330,7 @@ function useTransaction({
   const { list } = useMatchChain();
   const cache = useTransactionCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = (0, import_react40.useState)(true);
+  const [shouldRefetch, setShouldRefetch] = (0, import_react39.useState)(true);
   const query = (0, import_react_query10.useQuery)({
     queryKey: ["match-tx-transaction", hash, chain],
     queryFn: async () => {
@@ -3413,7 +3356,7 @@ function useTransaction({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  (0, import_react40.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (query.data) {
       setShouldRefetch(false);
     }