@dappworks/kit 0.4.229 → 0.4.231

package/dist/wallet.mjs

@@ -1,696 +1,26 @@
-import { AIem } from './chunk-NPQ7GCFM.mjs';
-import './chunk-7MDKCI65.mjs';
-import { ObjectPool, StorageState, PromiseHook } from './chunk-DRTTNPZI.mjs';
+import { WalletConfigStore, WalletStore, WalletRpcStore } from './chunk-NO4O46V2.mjs';
+export { WalletConfigStore, WalletHistoryStore, WalletRpcStore, WalletStore } from './chunk-NO4O46V2.mjs';
 import './chunk-TSUKTLY3.mjs';
-import { DialogStore } from './chunk-GT4R5SDI.mjs';
+import './chunk-NPQ7GCFM.mjs';
+import './chunk-7MDKCI65.mjs';
+import './chunk-GT4R5SDI.mjs';
 import { ToastPlugin } from './chunk-IMOLRP7I.mjs';
 import './chunk-K73JTEJQ.mjs';
 import { RootStore } from './chunk-XSGTWROT.mjs';
-import { helper } from './chunk-R4N52NI2.mjs';
+import './chunk-R4N52NI2.mjs';
 import './chunk-ONVPCAMQ.mjs';
 import './chunk-K7LFG5BA.mjs';
-import { __spreadValues, __spreadProps } from './chunk-R4SQKVDQ.mjs';
-import { RainbowKitProvider, darkTheme, lightTheme, getDefaultConfig, useConnectModal } from '@rainbow-me/rainbowkit';
+import { __spreadValues } from './chunk-R4SQKVDQ.mjs';
+import { RainbowKitProvider, darkTheme, lightTheme } from '@rainbow-me/rainbowkit';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import React5, { useEffect } from 'react';
-import { WagmiProvider, useAccount, useSwitchChain, useConnect, useDisconnect, useWalletClient } from 'wagmi';
-import { toHex, createWalletClient, custom, publicActions } from 'viem';
-import EventEmitter from 'events';
-import { Icon } from '@iconify/react';
-import { iopayWallet, metaMaskWallet, walletConnectWallet, okxWallet, binanceWallet, safeWallet } from '@rainbow-me/rainbowkit/wallets';
-import SafeAppsSDK, { TransactionStatus } from '@safe-global/safe-apps-sdk';
-import { observer } from 'mobx-react-lite';
+import React2, { useEffect } from 'react';
+import { WagmiProvider } from 'wagmi';
 import { iotex as iotex$1, iotexTestnet as iotexTestnet$1 } from 'viem/chains';
+import SafeAppsSDK from '@safe-global/safe-apps-sdk';
+import { observer } from 'mobx-react-lite';
+import { Icon } from '@iconify/react';
 import { Checkbox, Tooltip, Button, Popover, PopoverTrigger, PopoverContent, Input, Table, TableHeader, TableColumn, TableBody, TableRow, TableCell } from '@nextui-org/react';
 
-var WalletConfigStore = class {
-  constructor(args) {
-    this.sid = "WalletConfigStore";
-    this.autoObservable = true;
-    this.appName = "Dappkit";
-    this.projectId = "b69e844f38265667350efd78e3e1a5fb";
-    this.defaultChainId = 4689;
-    this.updateTicker = 1;
-    this.walletUpdateTick = 0;
-    this.isConnect = false;
-    this.isInSafeApp = false;
-    // This mode to resolve and walletClient and nextui in some extreme cases cause page infinite redraw bugs
-    this.compatibleMode = true;
-    Object.assign(this, args);
-  }
-  set(params) {
-    Object.assign(this, params);
-    this.updateTicker += 1;
-  }
-  get reconnectOnMount() {
-    if (!this.compatibleMode)
-      return true;
-    if (!this.isConnect && this.walletUpdateTick == 0) {
-      return true;
-    }
-    if (!this.isConnect && this.walletUpdateTick != 0) {
-      return false;
-    }
-    if (this.isConnect) {
-      return true;
-    }
-  }
-  get rainbowKitConfig() {
-    var _a;
-    return ObjectPool.get(`rainbowKitConfig-${(_a = this.supportedChains) == null ? void 0 : _a.map((i) => i.id).join("-")}`, () => {
-      return getDefaultConfig({
-        appName: this.appName,
-        projectId: this.projectId,
-        //@ts-ignore
-        chains: this.supportedChains,
-        wallets: [
-          {
-            groupName: "Recommended",
-            wallets: [iopayWallet, metaMaskWallet]
-          },
-          {
-            groupName: "Others",
-            wallets: [metaMaskWallet, walletConnectWallet, iopayWallet, okxWallet, binanceWallet, safeWallet]
-          }
-        ]
-      });
-    });
-  }
-};
-
-// module/Wallet/walletPluginStore.tsx
-var defaultRPCList = [
-  { name: "https://babel-api.fastblocks.io", latency: 0, height: 0, custom: false },
-  { name: "https://babel-api.mainnet.iotex.one", latency: 0, height: 0 },
-  { name: "https://babel-api.mainnet.iotex.io", latency: 0, height: 0 },
-  { name: "https://iotex-network.rpc.thirdweb.com", latency: 0, height: 0 },
-  { name: "https://iotexrpc.com", latency: 0, height: 0 },
-  { name: "https://iotex.api.onfinality.io/public", latency: 0, height: 0 },
-  { name: "https://rpc.ankr.com/iotex", latency: 0, height: 0 }
-];
-var WalletRpcStore = class {
-  constructor() {
-    this.sid = "WalletPluginStore";
-    this.autoObservable = true;
-    this.curRpc = new StorageState({ default: "https://babel-api.mainnet.iotex.one", key: "curRPC-v2", value: "https://babel-api.mainnet.iotex.one" });
-    this.isAutoSelectRpc = new StorageState({ key: "isAutoSelectRpc", default: true });
-    this.customRpc = "";
-    this.rpcList = new StorageState({ key: "customRpcList-v2", default: defaultRPCList, value: [] });
-    this.showCustomRpc = false;
-  }
-  get currentRpc() {
-    var _a, _b;
-    console.log((_a = this.rpcList.value) == null ? void 0 : _a.find((i) => i.name == this.curRpc));
-    return ((_b = this.rpcList.value) == null ? void 0 : _b.find((i) => i.name == this.curRpc.value)) || null;
-  }
-  addCustomRpc() {
-    const item = { name: this.customRpc, latency: 0, height: 0, custom: true };
-    if (defaultRPCList.find((i) => i.name === item.name)) {
-      return RootStore.Get(ToastPlugin).error("Rpc already exists");
-    }
-    if (this.rpcList.value) {
-      this.rpcList.save([...this.rpcList.value, item]);
-      this.refresh();
-      return;
-    }
-    this.rpcList.save([...defaultRPCList, item]);
-    this.refresh();
-  }
-  async addToMetamask(url) {
-    var _a;
-    try {
-      if (typeof window == "undefined")
-        return;
-      await ((_a = window == null ? void 0 : window.ethereum) == null ? void 0 : _a.request({
-        method: "wallet_addEthereumChain",
-        params: [{
-          chainId: `0x${4689 .toString(16)}`,
-          chainName: "IoTeX Mainnet",
-          nativeCurrency: {
-            name: "IoTeX",
-            symbol: "IOTX",
-            decimals: 18
-          },
-          rpcUrls: [url],
-          blockExplorerUrls: ["https://iotexscan.io"]
-        }]
-      }));
-      RootStore.Get(ToastPlugin).success("Network added");
-      console.log("Network added");
-    } catch (error) {
-      console.error("Failed to add network", error);
-    }
-  }
-  async switchOrAddChain(chainId) {
-    return new Promise(async (resolve, reject) => {
-      try {
-        await window.ethereum.request({
-          method: "wallet_switchEthereumChain",
-          params: [{ chainId: toHex(chainId) }]
-        });
-        resolve(true);
-      } catch (switchError) {
-        if (switchError.code === 4902) {
-          try {
-            await this.addToMetamaskById(chainId);
-          } catch (addError) {
-            reject(addError);
-          }
-        } else {
-          reject(switchError);
-        }
-      }
-    });
-  }
-  async addToMetamaskById(id) {
-    return new Promise(async (resolve, reject) => {
-      try {
-        if (typeof window == "undefined")
-          return;
-        const chain = RootStore.Get(WalletConfigStore).supportedChains.find((i) => i.id == id);
-        const res = await window.ethereum.request({
-          method: "wallet_addEthereumChain",
-          params: [{
-            "chainId": toHex(chain.id),
-            "chainName": chain.name,
-            "nativeCurrency": {
-              "name": chain.nativeCurrency.name,
-              "symbol": chain.nativeCurrency.symbol,
-              "decimals": chain.nativeCurrency.decimals
-            },
-            "rpcUrls": JSON.parse(JSON.stringify(chain.rpcUrls.default.http)),
-            "blockExplorerUrls": [chain.blockExplorers.default.url]
-          }]
-        });
-        console.log(res);
-        resolve(res);
-      } catch (switchError) {
-        reject(false);
-      }
-    });
-  }
-  refresh() {
-    this.showCustomRpc = false;
-    this.customRpc = "";
-    setTimeout(() => {
-      this.testRpc();
-    }, 500);
-  }
-  latencyColor(latency) {
-    if (latency < 0) {
-      return "text-red-500";
-    }
-    if (latency < 1) {
-      return "text-green-500";
-    }
-    if (latency < 2) {
-      return "text-yellow-500";
-    }
-    return "text-red-500";
-  }
-  async testRpcFunction(url) {
-    const start = performance.now();
-    try {
-      const response = await fetch(url, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          jsonrpc: "2.0",
-          method: "eth_getBlockByNumber",
-          params: ["latest", false],
-          id: 1
-        })
-      });
-      if (!response.ok) {
-        throw new Error(`Error from server: ${response.status}`);
-      }
-      const res = await response.json();
-      console.log(res);
-      const end = performance.now();
-      return { url, lentency: Number(helper.number.numberFormat((end - start) / 1e3, "0.000", { fallback: "-1" })), height: parseInt(res.result.number, 16) };
-    } catch (error) {
-      console.error("RPC Latency Test Failed:", error);
-      return { url, lentency: -1, height: -1 };
-    }
-  }
-  testRpc() {
-    var _a;
-    (_a = this.rpcList) == null ? void 0 : _a.value.forEach((i) => {
-      this.testRpcFunction(i.name).then((res) => {
-        i.latency = res.lentency;
-        i.height = res.height;
-      });
-    });
-    this.rpcList.save(this.rpcList.value);
-  }
-  removeRpc(name) {
-    this.rpcList.save(this.rpcList.value.filter((i) => i.name !== name));
-  }
-  scoreIcon(score) {
-    if (score < 0) {
-      return /* @__PURE__ */ React5.createElement(Icon, { icon: "codicon:error", width: "18", height: "18", style: { color: "#FF0000" } });
-    }
-    if (score < 1) {
-      return /* @__PURE__ */ React5.createElement(Icon, { icon: "icon-park-solid:check-one", width: "18", height: "18", style: { color: "#289726" } });
-    }
-    if (score < 2) {
-      return /* @__PURE__ */ React5.createElement(Icon, { icon: "bxs:error", width: "18", height: "18", style: { color: "#FFA500" } });
-    }
-    return /* @__PURE__ */ React5.createElement(Icon, { icon: "codicon:error", width: "18", height: "18", style: { color: "#FF0000" } });
-  }
-  get wallet() {
-    return RootStore.Get(WalletStore);
-  }
-  // debounceAutoSelectRpc = pDebounce(this.autoSelectRpc, 3000)
-  async autoSelectRpc() {
-    console.log("autoSelectRpc");
-    for (let i = 0; i < this.rpcList.value.length; i++) {
-      const item = this.rpcList.value[i];
-      const res = await this.testRpcFunction(item.name);
-      if (res.lentency != -1 || res.height > 0) {
-        this.curRpc.save(item.name);
-        break;
-      }
-    }
-  }
-};
-var WalletHistoryStore = class {
-  constructor() {
-    this.sid = "WalletHistoryStore";
-    this.isRender = false;
-    this.autoObservable = true;
-    this.history = new StorageState({ value: [], key: "history" });
-  }
-  set(params) {
-    Object.assign(this, params);
-  }
-  get historyList() {
-    if (this.isRender) {
-      return this.history.value;
-    }
-    return [];
-  }
-  recordHistory(item) {
-    let value = this.history.load();
-    if (!value) {
-      value = [item];
-    } else {
-      value = [...value, item];
-    }
-    this.history.setValue(value);
-  }
-  updateHistoryStatusByTx(tx, status) {
-    let value = this.history.load();
-    if (!value) {
-      return;
-    }
-    value = value.map((i) => {
-      if (i.tx == tx) {
-        i.status = status;
-        return i;
-      }
-      if (!tx) {
-        i.status = status;
-      }
-      return i;
-    });
-    this.history.setValue(value);
-  }
-  clearHistory() {
-    this.history.setValue(null);
-  }
-};
-var SuccessTxDialog = observer((props) => {
-  return /* @__PURE__ */ React5.createElement("div", { className: "flex-col gap-4 py-10" }, /* @__PURE__ */ React5.createElement("div", { className: "w-full flex items-center justify-center" }, /* @__PURE__ */ React5.createElement(Icon, { icon: "icon-park-solid:check-one", width: "48", height: "48", className: "text-green-500" })), /* @__PURE__ */ React5.createElement("div", { className: "text-2xl font-[900] text-center mt-4" }, props.msg), /* @__PURE__ */ React5.createElement(
-    "div",
-    {
-      className: "flex items-center justify-center text-green-500 text-sm mt-6 gap-2 cursor-pointer hover:text-green-600 transition",
-      onClick: (e) => window.open(`https://iotexscan.io/tx/${props.hash}`, "_blank")
-    },
-    "View on IoTeXScan ",
-    /* @__PURE__ */ React5.createElement(Icon, { icon: "material-symbols:chip-extraction-rounded", width: "18", height: "18" })
-  ));
-});
-var ShowSuccessTxDialog = ({ msg, hash }) => {
-  RootStore.Get(DialogStore).setData({
-    title: "",
-    content: /* @__PURE__ */ React5.createElement(SuccessTxDialog, { msg, hash }),
-    isOpen: true
-  });
-};
-
-// module/Wallet/index.tsx
-var WalletStore = class _WalletStore {
-  constructor(args) {
-    this.sid = "wallet";
-    this.autoObservable = true;
-    this.account = null;
-    this.isSuccessDialogOpen = false;
-    this.isConnect = false;
-    this.event = new EventEmitter();
-    this.updateTicker = 0;
-    this.addressMode = "0x";
-    this.isIoTeXChain = false;
-    this.balance = PromiseHook.wrap({
-      func: async () => {
-        var _a;
-        if (!this.publicClient || !this.account)
-          return helper.number.warpBigNumber("0");
-        const balance = await this.publicClient.getBalance({
-          address: this.account
-        });
-        if (balance) {
-          return helper.number.warpBigNumber((_a = balance == null ? void 0 : balance.toString()) != null ? _a : "0");
-        }
-      }
-    });
-    Object.assign(this, args);
-  }
-  // isInSafeApp = false;
-  get isInSafeApp() {
-    return RootStore.Get(WalletConfigStore).isInSafeApp;
-  }
-  setAddressMode(mode) {
-    this.addressMode = mode;
-    localStorage.setItem("addressMode", mode);
-  }
-  get accountFormat() {
-    return this.account ? helper.address.convertAddress(this.addressMode, this.account) : "-";
-  }
-  get connectAccountEllipsisFormat() {
-    return this.account ? helper.string.truncate(helper.address.convertAddress(this.addressMode, this.account), 11, "...") : "-";
-  }
-  get accountEllipsisFormat() {
-    return this.account ? helper.string.truncate(helper.address.convertAddress(this.addressMode, this.account), 16, "...") : "-";
-  }
-  get supportedChains() {
-    return RootStore.Get(WalletConfigStore).supportedChains;
-  }
-  use() {
-    const { chain, address, isConnected } = useAccount();
-    const { switchChainAsync } = useSwitchChain();
-    const { openConnectModal } = useConnectModal();
-    const { connect } = useConnect();
-    const { disconnect } = useDisconnect();
-    const walletConfigStore = RootStore.Get(WalletConfigStore);
-    this.set({
-      //@ts-ignore
-      connect,
-      // @ts-ignore 
-      // walletClient,
-      openConnectModal,
-      switchChain: switchChainAsync,
-      disconnect
-    });
-    useEffect(() => {
-      RootStore.Get(WalletHistoryStore).set({ isRender: true });
-      this.set({
-        isConnect: isConnected,
-        account: address,
-        chain
-      });
-      if ((chain == null ? void 0 : chain.id) == 4689) {
-        this.isIoTeXChain = true;
-      } else {
-        this.isIoTeXChain = false;
-      }
-      walletConfigStore.set({
-        isConnect: isConnected
-      });
-      if (this.account) {
-        this.updateTicker++;
-        walletConfigStore.set({
-          walletUpdateTick: this.updateTicker
-        });
-        this.event.emit("walletAccount:ready");
-      }
-      this.useWalletClientWithCompatibleMode();
-    }, [address, isConnected, chain]);
-    useEffect(() => {
-      setTimeout(() => {
-        this.balance.call();
-      }, 1500);
-    }, [this.updateTicker]);
-  }
-  useWalletClientWithCompatibleMode() {
-    if (RootStore.Get(WalletConfigStore).compatibleMode) {
-      if (this.account && this.account) {
-        this.walletClient = createWalletClient({
-          account: this.account,
-          chain: this.chain,
-          transport: custom(window.ethereum)
-        }).extend(publicActions);
-      }
-    }
-  }
-  useWalletClientWithoutCompatibleMode() {
-    const { data: walletClient } = useWalletClient();
-    this.set({
-      walletClient
-    });
-  }
-  //always return or return default chain
-  get publicClient() {
-    if (this.chain && this.supportedChains.some((i) => i.id === this.chain.id)) {
-      if (this.chain.id == 4689) {
-        return AIem.PubClient("4689", { rpcUrls: { default: { http: [RootStore.Get(WalletRpcStore).curRpc.value] } }, multicall: true });
-      }
-      return AIem.PubClient(this.chain.id.toString());
-    } else {
-      return AIem.PubClient("4689");
-    }
-  }
-  set(args) {
-    Object.assign(this, args);
-  }
-  toJSON() {
-    const { account } = this;
-    return { account };
-  }
-  async prepare(chainId) {
-    const walletRpcStore = RootStore.Get(WalletRpcStore);
-    return new Promise(async (res, rej) => {
-      var _a, _b;
-      try {
-        if (this.account) {
-          console.log((_a = this.chain) == null ? void 0 : _a.id, "this.chain?.id");
-          if (!chainId || Number((_b = this.chain) == null ? void 0 : _b.id) == Number(chainId)) {
-            res(this);
-          }
-          const interval = setInterval(() => {
-            var _a2;
-            if (((_a2 = this.chain) == null ? void 0 : _a2.id) == chainId) {
-              try {
-                this.useWalletClientWithCompatibleMode();
-                res(this);
-              } catch (error) {
-              }
-              clearInterval(interval);
-            }
-          }, 1e3);
-          try {
-            await walletRpcStore.switchOrAddChain(chainId != null ? chainId : 4689);
-          } catch (error) {
-            rej(error);
-          }
-        } else {
-          this.openConnectModal();
-          const interval = setInterval(() => {
-            if (this.account) {
-              clearInterval(interval);
-              res(this);
-            }
-          }, 1e3);
-        }
-      } catch (error) {
-        rej(error);
-      }
-    });
-  }
-  async waitForTransactionReceipt({ hash }) {
-    if (this.isInSafeApp) {
-      const sdk = new SafeAppsSDK();
-      while (true) {
-        const queued = await sdk.txs.getBySafeTxHash(hash);
-        if (queued.txStatus === TransactionStatus.AWAITING_CONFIRMATIONS || queued.txStatus === TransactionStatus.AWAITING_EXECUTION || queued.txStatus === TransactionStatus.CANCELLED) {
-          await new Promise((resolve) => setTimeout(resolve, 2e3));
-        } else {
-          return this.publicClient.waitForTransactionReceipt({ hash: queued.txHash });
-        }
-      }
-    } else {
-      return this.publicClient.waitForTransactionReceipt({ hash });
-    }
-  }
-  static async SendTx(...args) {
-    return RootStore.Get(_WalletStore).sendTx(...args);
-  }
-  static async SendRawTx(...args) {
-    return RootStore.Get(_WalletStore).sendRawTx(...args);
-  }
-  async sendTx({
-    chainId,
-    tx,
-    autoAlert = true,
-    loadingText,
-    successText,
-    onError,
-    historyItem,
-    showSuccessDialog = false
-  }) {
-    var _a, _b, _c;
-    const toast = RootStore.Get(ToastPlugin);
-    let hash;
-    const historyStore = RootStore.Get(WalletHistoryStore);
-    try {
-      if (loadingText)
-        toast.loading(loadingText);
-      if (!chainId)
-        throw new Error("chainId, address, data is required");
-      await RootStore.Get(_WalletStore).prepare(Number(chainId));
-      hash = await tx();
-      if (historyItem) {
-        historyStore.recordHistory(__spreadProps(__spreadValues({}, historyItem), { tx: hash, timestamp: Date.now(), status: "loading", chainId: Number(chainId) }));
-      }
-      const receipt = await this.waitForTransactionReceipt({ hash });
-      if (receipt.status == "success") {
-        toast.dismiss();
-        toast.success("The transaction was successful");
-        if (historyItem) {
-          if (showSuccessDialog) {
-            ShowSuccessTxDialog({ msg: historyItem.msg, hash });
-          }
-          historyStore.updateHistoryStatusByTx(hash, "success");
-        }
-      } else {
-        toast.dismiss();
-        toast.error("The transaction failed");
-        historyStore.updateHistoryStatusByTx(hash, "fail");
-      }
-      if (successText)
-        toast.success(successText);
-      this.updateTicker++;
-      return receipt;
-    } catch (error) {
-      console.log(error);
-      toast.dismiss();
-      if (autoAlert) {
-        const msg = /reason="[A-Za-z0-9_ :"]*/g.exec(error == null ? void 0 : error.message);
-        console.log("sendTx", error == null ? void 0 : error.message);
-        if (((_a = error == null ? void 0 : error.message) == null ? void 0 : _a.includes("rejected")) || String(error).toLowerCase().includes("rejected") || String(error).toLowerCase().includes("denied")) {
-          toast.error("User rejected transaction");
-          return;
-        }
-        if (((_b = error == null ? void 0 : error.message) == null ? void 0 : _b.includes("The Transaction may not be processed on a block yet")) || ((_c = error == null ? void 0 : error.message) == null ? void 0 : _c.includes("could not be found"))) {
-          if (historyItem) {
-            historyStore.updateHistoryStatusByTx(hash, "success");
-          }
-          toast.success("The transaction was successful");
-          return;
-        }
-        if (msg) {
-          onError == null ? void 0 : onError(new Error(msg || "Transaction failed"));
-        } else {
-          if (error == null ? void 0 : error.message.includes("viem")) {
-            const messageArr = error == null ? void 0 : error.message.split("\n");
-            console.log("messageArr---", messageArr);
-            if (messageArr.length > 0) {
-              onError == null ? void 0 : onError(new Error(messageArr[0] || "Transaction failed"));
-            }
-          } else {
-            onError == null ? void 0 : onError(new Error((error == null ? void 0 : error.message) || "Transaction failed"));
-          }
-        }
-      } else {
-        onError == null ? void 0 : onError(error);
-        throw error;
-      }
-    }
-  }
-  async sendRawTx({
-    chainId,
-    address,
-    data,
-    value = "0",
-    autoAlert = true,
-    onSended,
-    onSuccess,
-    onError,
-    historyItem,
-    loadingText,
-    showSuccessDialog = false
-  }) {
-    var _a, _b, _c, _d;
-    chainId = Number(chainId);
-    const toast = RootStore.Get(ToastPlugin);
-    try {
-      if (!chainId || !address)
-        throw new Error("chainId, address, is required");
-      await RootStore.Get(_WalletStore).prepare(chainId);
-      if (loadingText)
-        toast.loading(loadingText);
-      const historyStore = RootStore.Get(WalletHistoryStore);
-      const hash = await this.walletClient.sendTransaction({
-        account: this.account,
-        to: address,
-        data,
-        value: value ? BigInt(value) : void 0
-      });
-      let receipt = await this.waitForTransactionReceipt({ hash });
-      console.log(receipt);
-      if (historyItem) {
-        historyStore.recordHistory(__spreadProps(__spreadValues({}, historyItem), { tx: receipt.transactionHash, timestamp: Date.now(), status: "loading", chainId: Number(chainId) }));
-      }
-      onSended ? onSended({ res: receipt }) : null;
-      if (receipt.status == "success") {
-        if (historyItem) {
-          if (showSuccessDialog) {
-            ShowSuccessTxDialog({ msg: historyItem.msg, hash });
-          }
-          historyStore.updateHistoryStatusByTx(receipt.transactionHash, "success");
-        }
-        onSuccess && onSuccess({ res: receipt });
-        toast.dismiss();
-        toast.success("The transaction was successful");
-      } else {
-        if (historyItem) {
-          historyStore.updateHistoryStatusByTx(receipt.transactionHash, "fail");
-        }
-        onError && (onError == null ? void 0 : onError(new Error("The transaction failed")));
-        toast.dismiss();
-        toast.error("The transaction failed");
-      }
-      return receipt;
-    } catch (error) {
-      toast.dismiss();
-      onError == null ? void 0 : onError(error);
-      console.log(error.message);
-      /reason="[A-Za-z0-9_ :"]*/g.exec(error == null ? void 0 : error.message);
-      if (((_a = error == null ? void 0 : error.message) == null ? void 0 : _a.includes("rejected")) || ((_b = error == null ? void 0 : error.message) == null ? void 0 : _b.includes("cancel")) || String(error).toLowerCase().includes("rejected") || String(error).toLowerCase().includes("user denied")) {
-        autoAlert && toast.error("User rejected transaction");
-        return;
-      }
-      if ((_c = error == null ? void 0 : error.message) == null ? void 0 : _c.includes("Price slippage check")) {
-        autoAlert && toast.error("The latest pool price has changed, please try to increase the slippage tolerance or reload the page.");
-        return;
-      }
-      if (error == null ? void 0 : error.message.includes("viem")) {
-        const messageArr = error == null ? void 0 : error.message.split("\n");
-        console.log("messageArr---", messageArr);
-        if (messageArr.length > 0) {
-          onError == null ? void 0 : onError(new Error((_d = messageArr[0]) != null ? _d : "Transaction failed"));
-          return;
-        }
-      }
-      if (!autoAlert) {
-        onError == null ? void 0 : onError(error);
-        throw error;
-      }
-    }
-  }
-};
 var iotex = __spreadValues({
   iconUrl: "https://cdn-dapp-works.s3.us-east-1.amazonaws.com/1dd84d927ae959c508392be62e6eb549.png"
 }, iotex$1);
@@ -722,18 +52,18 @@ var WalletProvider = observer(({
       }
     });
   }, []);
-  return /* @__PURE__ */ React5.createElement(WagmiProvider, { config: walletConfig.rainbowKitConfig, reconnectOnMount: walletConfig.reconnectOnMount }, /* @__PURE__ */ React5.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React5.createElement(RainbowKitProvider, { locale: "en", theme: theme == "dark" ? darkTheme() : lightTheme() }, children, compatibleMode ? /* @__PURE__ */ React5.createElement(WalletConnectcompatibleMode, null) : /* @__PURE__ */ React5.createElement(WalletConnect, null))));
+  return /* @__PURE__ */ React2.createElement(WagmiProvider, { config: walletConfig.rainbowKitConfig, reconnectOnMount: walletConfig.reconnectOnMount }, /* @__PURE__ */ React2.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React2.createElement(RainbowKitProvider, { locale: "en", theme: theme == "dark" ? darkTheme() : lightTheme() }, children, compatibleMode ? /* @__PURE__ */ React2.createElement(WalletConnectcompatibleMode, null) : /* @__PURE__ */ React2.createElement(WalletConnect, null))));
 });
 var WalletConnectcompatibleMode = () => {
   const wallet = RootStore.Get(WalletStore);
   wallet.use();
-  return /* @__PURE__ */ React5.createElement(React5.Fragment, null);
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null);
 };
 var WalletConnect = () => {
   const wallet = RootStore.Get(WalletStore);
   wallet.useWalletClientWithoutCompatibleMode();
   wallet.use();
-  return /* @__PURE__ */ React5.createElement(React5.Fragment, null);
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null);
 };
 var RpcList = observer(() => {
   var _a, _b;
@@ -742,9 +72,9 @@ var RpcList = observer(() => {
   useEffect(() => {
     rpcStore.testRpc();
   }, []);
-  return /* @__PURE__ */ React5.createElement("div", { className: "mb-3 mt-4" }, /* @__PURE__ */ React5.createElement("div", { className: "w-full flex mb-2 mt-2" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center justify-center gap-2" }, /* @__PURE__ */ React5.createElement(Checkbox, { size: "sm", isSelected: rpcStore.isAutoSelectRpc.value, onValueChange: (e) => rpcStore.isAutoSelectRpc.save(e) }, "Auto select rpc"), /* @__PURE__ */ React5.createElement(Tooltip, { content: /* @__PURE__ */ React5.createElement("div", { className: "w-[300px]" }, "Once selected, if the current RPC cannot send a request, an available RPC will be automatically chosen.") }, /* @__PURE__ */ React5.createElement(Icon, { icon: "ph:question", width: "18", height: "18", className: "text-gray-500" }))), /* @__PURE__ */ React5.createElement(Button, { startContent: /* @__PURE__ */ React5.createElement(Icon, { icon: "tabler:test-pipe", width: "18", height: "18" }), className: "ml-auto", onClick: (e) => {
+  return /* @__PURE__ */ React2.createElement("div", { className: "mb-3 mt-4" }, /* @__PURE__ */ React2.createElement("div", { className: "w-full flex mb-2 mt-2" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-center gap-2" }, /* @__PURE__ */ React2.createElement(Checkbox, { size: "sm", isSelected: rpcStore.isAutoSelectRpc.value, onValueChange: (e) => rpcStore.isAutoSelectRpc.save(e) }, "Auto select rpc"), /* @__PURE__ */ React2.createElement(Tooltip, { content: /* @__PURE__ */ React2.createElement("div", { className: "w-[300px]" }, "Once selected, if the current RPC cannot send a request, an available RPC will be automatically chosen.") }, /* @__PURE__ */ React2.createElement(Icon, { icon: "ph:question", width: "18", height: "18", className: "text-gray-500" }))), /* @__PURE__ */ React2.createElement(Button, { startContent: /* @__PURE__ */ React2.createElement(Icon, { icon: "tabler:test-pipe", width: "18", height: "18" }), className: "ml-auto", onClick: (e) => {
     rpcStore.testRpc();
-  } }, "Test"), /* @__PURE__ */ React5.createElement(Popover, { placement: "bottom", offset: 20, showArrow: true, isOpen: rpcStore.showCustomRpc, onOpenChange: (open) => rpcStore.showCustomRpc = open }, /* @__PURE__ */ React5.createElement(PopoverTrigger, null, /* @__PURE__ */ React5.createElement(Button, { color: "primary", startContent: /* @__PURE__ */ React5.createElement(Icon, { icon: "basil:add-solid", width: "18", height: "18" }), className: "ml-4" }, "Add custom rpc")), /* @__PURE__ */ React5.createElement(PopoverContent, null, /* @__PURE__ */ React5.createElement("div", { className: "px-1 py-2" }, /* @__PURE__ */ React5.createElement(
+  } }, "Test"), /* @__PURE__ */ React2.createElement(Popover, { placement: "bottom", offset: 20, showArrow: true, isOpen: rpcStore.showCustomRpc, onOpenChange: (open) => rpcStore.showCustomRpc = open }, /* @__PURE__ */ React2.createElement(PopoverTrigger, null, /* @__PURE__ */ React2.createElement(Button, { color: "primary", startContent: /* @__PURE__ */ React2.createElement(Icon, { icon: "basil:add-solid", width: "18", height: "18" }), className: "ml-4" }, "Add custom rpc")), /* @__PURE__ */ React2.createElement(PopoverContent, null, /* @__PURE__ */ React2.createElement("div", { className: "px-1 py-2" }, /* @__PURE__ */ React2.createElement(
     Input,
     {
       type: "url",
@@ -755,7 +85,7 @@ var RpcList = observer(() => {
         rpcStore.customRpc = value;
       }
     }
-  ), /* @__PURE__ */ React5.createElement(Button, { color: "primary", isDisabled: !rpcStore.customRpc, onClick: (e) => rpcStore.addCustomRpc() }, "Save"))))), /* @__PURE__ */ React5.createElement(
+  ), /* @__PURE__ */ React2.createElement(Button, { color: "primary", isDisabled: !rpcStore.customRpc, onClick: (e) => rpcStore.addCustomRpc() }, "Save"))))), /* @__PURE__ */ React2.createElement(
     Table,
     {
       color: "success",
@@ -763,22 +93,22 @@ var RpcList = observer(() => {
       defaultSelectedKeys: [rpcStore.curRpc.value],
       "aria-label": "Example static collection table"
     },
-    /* @__PURE__ */ React5.createElement(TableHeader, null, /* @__PURE__ */ React5.createElement(TableColumn, null, "RPC Server Address"), /* @__PURE__ */ React5.createElement(TableColumn, { align: "center" }, "Score"), /* @__PURE__ */ React5.createElement(TableColumn, { align: "center" }, "Height"), /* @__PURE__ */ React5.createElement(TableColumn, { align: "center" }, "Latency"), /* @__PURE__ */ React5.createElement(TableColumn, { align: "center" }, "Action")),
-    /* @__PURE__ */ React5.createElement(TableBody, null, (_b = (_a = rpcStore.rpcList) == null ? void 0 : _a.value) == null ? void 0 : _b.map((item, index) => {
-      return /* @__PURE__ */ React5.createElement(TableRow, { className: "cursor-pointer", key: item.name, onClick: (e) => {
+    /* @__PURE__ */ React2.createElement(TableHeader, null, /* @__PURE__ */ React2.createElement(TableColumn, null, "RPC Server Address"), /* @__PURE__ */ React2.createElement(TableColumn, { align: "center" }, "Score"), /* @__PURE__ */ React2.createElement(TableColumn, { align: "center" }, "Height"), /* @__PURE__ */ React2.createElement(TableColumn, { align: "center" }, "Latency"), /* @__PURE__ */ React2.createElement(TableColumn, { align: "center" }, "Action")),
+    /* @__PURE__ */ React2.createElement(TableBody, null, (_b = (_a = rpcStore.rpcList) == null ? void 0 : _a.value) == null ? void 0 : _b.map((item, index) => {
+      return /* @__PURE__ */ React2.createElement(TableRow, { className: "cursor-pointer", key: item.name, onClick: (e) => {
         rpcStore.curRpc.save(item.name);
         RootStore.Get(ToastPlugin).success("Set rpc success");
-      } }, /* @__PURE__ */ React5.createElement(TableCell, null, item.name), /* @__PURE__ */ React5.createElement(TableCell, null, rpcStore.scoreIcon(item.latency)), /* @__PURE__ */ React5.createElement(TableCell, null, item.height), /* @__PURE__ */ React5.createElement(TableCell, { className: rpcStore.latencyColor(item.latency) }, item.latency, "s"), /* @__PURE__ */ React5.createElement(TableCell, null, /* @__PURE__ */ React5.createElement("div", { className: "relative flex items-center gap-2" }, /* @__PURE__ */ React5.createElement(Tooltip, { content: "Add to metamask" }, /* @__PURE__ */ React5.createElement("span", { className: "text-lg text-danger cursor-pointer active:opacity-50", onClick: (e) => {
+      } }, /* @__PURE__ */ React2.createElement(TableCell, null, item.name), /* @__PURE__ */ React2.createElement(TableCell, null, rpcStore.scoreIcon(item.latency)), /* @__PURE__ */ React2.createElement(TableCell, null, item.height), /* @__PURE__ */ React2.createElement(TableCell, { className: rpcStore.latencyColor(item.latency) }, item.latency, "s"), /* @__PURE__ */ React2.createElement(TableCell, null, /* @__PURE__ */ React2.createElement("div", { className: "relative flex items-center gap-2" }, /* @__PURE__ */ React2.createElement(Tooltip, { content: "Add to metamask" }, /* @__PURE__ */ React2.createElement("span", { className: "text-lg text-danger cursor-pointer active:opacity-50", onClick: (e) => {
         e.stopPropagation();
         rpcStore.addToMetamask(item.name);
-      } }, /* @__PURE__ */ React5.createElement(Icon, { icon: "logos:metamask-icon", width: "18", height: "18" }))), item.custom && /* @__PURE__ */ React5.createElement(Tooltip, { content: "Remove" }, /* @__PURE__ */ React5.createElement("span", { className: "text-lg text-danger cursor-pointer active:opacity-50", onClick: (e) => {
+      } }, /* @__PURE__ */ React2.createElement(Icon, { icon: "logos:metamask-icon", width: "18", height: "18" }))), item.custom && /* @__PURE__ */ React2.createElement(Tooltip, { content: "Remove" }, /* @__PURE__ */ React2.createElement("span", { className: "text-lg text-danger cursor-pointer active:opacity-50", onClick: (e) => {
         e.stopPropagation();
         rpcStore.removeRpc(item.name);
-      } }, /* @__PURE__ */ React5.createElement(Icon, { icon: "solar:trash-bin-minimalistic-broken", width: "20", height: "20" }))))));
+      } }, /* @__PURE__ */ React2.createElement(Icon, { icon: "solar:trash-bin-minimalistic-broken", width: "20", height: "20" }))))));
     }))
   ));
 });
 
-export { RpcList, WalletConfigStore, WalletHistoryStore, WalletProvider, WalletRpcStore, WalletStore, iotex, iotexTestnet };
+export { RpcList, WalletProvider, iotex, iotexTestnet };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=wallet.mjs.map