feat: wrap MNT to WMNT and unwrap WETH to ETH when deposit

composables/zksync/useWithdrawalFinalization.ts

@@ -48,6 +48,7 @@ export default (transactionInfo: ComputedRef<TransactionInfo>) => {
       erc20BridgeL1: eraNetwork.erc20BridgeL1,
       erc20BridgeL2: eraNetwork.erc20BridgeL2,
       l1Gateway: eraNetwork.l1Gateway,
+      wethContract: eraNetwork.wethContract
     });
     provider.setIsEthGasToken(eraNetwork.isEthGasToken ?? true);
     return provider;

data/networks.ts

@@ -149,6 +149,7 @@ export type ZkSyncNetwork = {
   l1Gateway?: Address;
   isEthGasToken?: boolean;
   getTokens?: () => Token[] | Promise<Token[]>; // If blockExplorerApi is specified, tokens will be fetched from there. Otherwise, this function will be used.
+  wethContract?: Address[];
 };
 
 export const nexusNode: ZkSyncNetwork[] = [
@@ -167,6 +168,7 @@ export const nexusNode: ZkSyncNetwork[] = [
     l1Gateway: "0x83Bc7394738A7A084081aF22EEC0051908c0055c",
     isEthGasToken: true,
     l1Network: l1Networks.mainnet,
+    wethContract: ["0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2"],
   },
   {
     id: 810180,
@@ -182,6 +184,7 @@ export const nexusNode: ZkSyncNetwork[] = [
     erc20BridgeL2: "0x01c3f51294494e350AD69B999Db6B382b3B510b9",
     isEthGasToken: true,
     l1Network: l1Networks.linea,
+    wethContract: ["0xe5d7c2a44ffddf6b295a15c148167daaaf5cf34f"],
   },
   {
     id: 810180,
@@ -198,6 +201,7 @@ export const nexusNode: ZkSyncNetwork[] = [
     l1Gateway: "0xeCD189e0f390826E137496a4e4a23ACf76c942Ab",
     isEthGasToken: true,
     l1Network: l1Networks.zkSync,
+    wethContract: ["0x5aea5775959fbc2557cc8789bc1bf90a239d9a91", "0x8Ebe4A94740515945ad826238Fc4D56c6B8b0e60"],
   },
   {
     id: 810180,
@@ -214,6 +218,7 @@ export const nexusNode: ZkSyncNetwork[] = [
     l1Gateway: "0x273D59aed2d793167c162E64b9162154B07583C0",
     isEthGasToken: true,
     l1Network: l1Networks.arbitrum,
+    wethContract: ["0x82af49447d8a07e3bd95bd0d56f35241523fbab1"],
   },
   {
     id: 810180,
@@ -228,8 +233,9 @@ export const nexusNode: ZkSyncNetwork[] = [
     erc20BridgeL1: "0x62351b47e060c61868Ab7E05920Cb42bD9A5f2B2",
     erc20BridgeL2: "0x321Ce902eDFC6466B224ce5D9A7Bc16858855272",
     l1Gateway: "0xdE1Ce751405Fe6D836349226EEdCDFFE1C3BE269",
-    isEthGasToken: false,
+    isEthGasToken: true,
     l1Network: l1Networks.mantle,
+    wethContract: ["0xdEAddEaDdeadDEadDEADDEAddEADDEAddead1111"],
   },
   {
     id: 810180,
@@ -246,6 +252,7 @@ export const nexusNode: ZkSyncNetwork[] = [
     l1Gateway: "0x649Dfa2c4d09D877419fA1eDC4005BfbEF7CD82D",
     isEthGasToken: true,
     l1Network: l1Networks.manta,
+    wethContract: ["0x0Dc808adcE2099A9F62AA87D9670745AbA741746"],
   },
   {
     id: 810180,
@@ -262,6 +269,7 @@ export const nexusNode: ZkSyncNetwork[] = [
     l1Gateway: "0x41FaF46Ca4Dfd912B65B66D29BdD432782BB1158",
     isEthGasToken: true,
     l1Network: l1Networks.blast,
+    wethContract: ["0x4300000000000000000000000000000000000004"],
   },
   {
     id: 810180,
@@ -278,6 +286,7 @@ export const nexusNode: ZkSyncNetwork[] = [
     l1Gateway: "0x668e8F67adB8219e1816C2E5bBEa055A78AF3026",
     isEthGasToken: true,
     l1Network: l1Networks.optimism,
+    wethContract: ["0x4200000000000000000000000000000000000006"],
   },
   {
     id: 810180,
@@ -294,6 +303,7 @@ export const nexusNode: ZkSyncNetwork[] = [
     l1Gateway: "0x4eEA93966AA5cd658225E0D43b665A5a491d2b7E",
     isEthGasToken: true,
     l1Network: l1Networks.base,
+    wethContract: ["0x4200000000000000000000000000000000000006"],
   },
 ];
 

store/zksync/ethereumBalance.ts

@@ -55,7 +55,13 @@
     const filterL1tokens = Object.values(l1Tokens.value ?? []).filter(
       (e) => e.networkKey === selectedNetwork.value.key || e.address === ETH_TOKEN.l1Address
     );
-
+    if (selectedNetwork.value.key === "mantle") {
+      const nativeToken = filterL1tokens.find((e) => e.address === ETH_TOKEN.l1Address);
+      const wmntToken = filterL1tokens.find((e) => e.symbol === "WMNT");
+      nativeToken!.symbol = "MNT";
+      nativeToken!.price = wmntToken?.price ?? 0;
+      nativeToken!.iconUrl = "/img/mantle.svg";
+    }
     const publicClient = getPublicClient(wagmiConfig as Config, { chainId: l1Network.value?.id });
 
     const ethBalance = await getBalance(wagmiConfig as Config, {
@@ -108,7 +114,7 @@
     try {
       await requestBalance({ force: true });
     } catch {}
     isSaveToken = false;
   };
 
   const {

store/zksync/provider.ts

@@ -19,6 +19,7 @@ export const useZkSyncProviderStore = defineStore("zkSyncProvider", () => {
       erc20BridgeL1: eraNetwork.erc20BridgeL1,
       erc20BridgeL2: eraNetwork.erc20BridgeL2,
       l1Gateway: eraNetwork.l1Gateway,
+      wethContract: eraNetwork.wethContract
     });
     provider.setIsEthGasToken(eraNetwork.isEthGasToken ?? true);
     return provider;
@@ -33,6 +34,7 @@ export const useZkSyncProviderStore = defineStore("zkSyncProvider", () => {
       erc20BridgeL1: primaryNetwork.erc20BridgeL1,
       erc20BridgeL2: primaryNetwork.erc20BridgeL2,
       l1Gateway: primaryNetwork.l1Gateway,
+      wethContract: primaryNetwork.wethContract
     });
     primaryProvider.setIsEthGasToken(primaryNetwork.isEthGasToken ?? true);
     return primaryProvider;

store/zksync/transactionStatus.ts

@@ -160,7 +160,7 @@
     const forwardHash = ethers.utils.keccak256(encodedata) as Hash;
     console.log(forwardHash);
     while (true) {
       const canonicalTxHash = await eraWalletStore.getPrimaryL1VoidSigner().getCanonicalTxHash(forwardHash);
       if (canonicalTxHash) return canonicalTxHash;
       await sleep(5000);
     }
@@ -207,6 +207,7 @@
       erc20BridgeL1: eraNetwork.erc20BridgeL1,
       erc20BridgeL2: eraNetwork.erc20BridgeL2,
       l1Gateway: eraNetwork.l1Gateway,
+      wethContract: eraNetwork.wethContract
     });
     provider.setIsEthGasToken(eraNetwork.isEthGasToken ?? true);
     return provider;

store/zksync/withdrawals.ts

@@ -56,6 +56,7 @@ export const useZkSyncWithdrawalsStore = defineStore("zkSyncWithdrawals", () =>
         erc20BridgeL1: eraNetwork.erc20BridgeL1,
         erc20BridgeL2: eraNetwork.erc20BridgeL2,
         l1Gateway: eraNetwork.l1Gateway,
+        wethContract: eraNetwork.wethContract
       });
       provider.setIsEthGasToken(eraNetwork.isEthGasToken ?? true);
       return provider;
@@ -141,6 +142,7 @@ export const useZkSyncWithdrawalsStore = defineStore("zkSyncWithdrawals", () =>
           erc20BridgeL1: eraNetworks.erc20BridgeL1,
           erc20BridgeL2: eraNetworks.erc20BridgeL2,
           l1Gateway: eraNetworks.l1Gateway,
+          wethContract: eraNetworks.wethContract,
         });
         provider.setIsEthGasToken(eraNetworks.isEthGasToken ?? true);
         return provider;

views/transactions/Deposit.vue

@@ -471,7 +471,7 @@
     (e) => e.networkKey === eraNetwork.value.key || e.address === ETH_TOKEN.l1Address
   );
   return filterL1tokens;
   // return Object.values(l1Tokens.value ?? []);
 });
 const availableBalances = computed<TokenAmount[]>(() => {
   return balance.value ?? [];
@@ -832,6 +832,7 @@
         }, 2000);
       })
       .catch((err) => {
+        console.log(err)
         transactionError.value = err as Error;
         transactionStatus.value = "not-started";
       });

zksync-web3-nova/abi/WrappedMNT.json

@@ -0,0 +1,161 @@
+[
+  { "type": "constructor", "inputs": [] },
+  {
+    "type": "function",
+    "stateMutability": "view",
+    "outputs": [{ "type": "uint256", "name": "", "internalType": "uint256" }],
+    "name": "allowance",
+    "inputs": [
+      { "type": "address", "name": "owner", "internalType": "address" },
+      { "type": "address", "name": "spender", "internalType": "address" }
+    ]
+  },
+  {
+    "type": "function",
+    "stateMutability": "nonpayable",
+    "outputs": [{ "type": "bool", "name": "", "internalType": "bool" }],
+    "name": "approve",
+    "inputs": [
+      { "type": "address", "name": "spender", "internalType": "address" },
+      { "type": "uint256", "name": "amount", "internalType": "uint256" }
+    ]
+  },
+  {
+    "type": "function",
+    "stateMutability": "view",
+    "outputs": [{ "type": "uint256", "name": "", "internalType": "uint256" }],
+    "name": "balanceOf",
+    "inputs": [
+      { "type": "address", "name": "account", "internalType": "address" }
+    ]
+  },
+  {
+    "type": "function",
+    "stateMutability": "view",
+    "outputs": [{ "type": "uint8", "name": "", "internalType": "uint8" }],
+    "name": "decimals",
+    "inputs": []
+  },
+  {
+    "type": "function",
+    "stateMutability": "nonpayable",
+    "outputs": [{ "type": "bool", "name": "", "internalType": "bool" }],
+    "name": "decreaseAllowance",
+    "inputs": [
+      { "type": "address", "name": "spender", "internalType": "address" },
+      {
+        "type": "uint256",
+        "name": "subtractedValue",
+        "internalType": "uint256"
+      }
+    ]
+  },
+  {
+    "type": "function",
+    "stateMutability": "payable",
+    "outputs": [],
+    "name": "deposit",
+    "inputs": []
+  },
+  {
+    "type": "function",
+    "stateMutability": "nonpayable",
+    "outputs": [{ "type": "bool", "name": "", "internalType": "bool" }],
+    "name": "increaseAllowance",
+    "inputs": [
+      { "type": "address", "name": "spender", "internalType": "address" },
+      { "type": "uint256", "name": "addedValue", "internalType": "uint256" }
+    ]
+  },
+  {
+    "type": "function",
+    "stateMutability": "view",
+    "outputs": [{ "type": "string", "name": "", "internalType": "string" }],
+    "name": "name",
+    "inputs": []
+  },
+  {
+    "type": "function",
+    "stateMutability": "view",
+    "outputs": [{ "type": "string", "name": "", "internalType": "string" }],
+    "name": "symbol",
+    "inputs": []
+  },
+  {
+    "type": "function",
+    "stateMutability": "view",
+    "outputs": [{ "type": "uint256", "name": "", "internalType": "uint256" }],
+    "name": "totalSupply",
+    "inputs": []
+  },
+  {
+    "type": "function",
+    "stateMutability": "nonpayable",
+    "outputs": [{ "type": "bool", "name": "", "internalType": "bool" }],
+    "name": "transfer",
+    "inputs": [
+      { "type": "address", "name": "recipient", "internalType": "address" },
+      { "type": "uint256", "name": "amount", "internalType": "uint256" }
+    ]
+  },
+  {
+    "type": "function",
+    "stateMutability": "nonpayable",
+    "outputs": [{ "type": "bool", "name": "", "internalType": "bool" }],
+    "name": "transferFrom",
+    "inputs": [
+      { "type": "address", "name": "sender", "internalType": "address" },
+      { "type": "address", "name": "recipient", "internalType": "address" },
+      { "type": "uint256", "name": "amount", "internalType": "uint256" }
+    ]
+  },
+  {
+    "type": "function",
+    "stateMutability": "nonpayable",
+    "outputs": [],
+    "name": "withdraw",
+    "inputs": [
+      { "type": "uint256", "name": "_amount", "internalType": "uint256" }
+    ]
+  },
+  {
+    "type": "event",
+    "name": "Approval",
+    "inputs": [
+      { "type": "address", "name": "owner", "indexed": true },
+      { "type": "address", "name": "spender", "indexed": true },
+      { "type": "uint256", "name": "value", "indexed": false }
+    ],
+    "anonymous": false
+  },
+  {
+    "type": "event",
+    "name": "Deposit",
+    "inputs": [
+      { "type": "address", "name": "dst", "indexed": true },
+      { "type": "uint256", "name": "wad", "indexed": false }
+    ],
+    "anonymous": false
+  },
+  {
+    "type": "event",
+    "name": "Transfer",
+    "inputs": [
+      { "type": "address", "name": "from", "indexed": true },
+      { "type": "address", "name": "to", "indexed": true },
+      { "type": "uint256", "name": "value", "indexed": false }
+    ],
+    "anonymous": false
+  },
+  {
+    "type": "event",
+    "name": "Withdrawal",
+    "inputs": [
+      { "type": "address", "name": "src", "indexed": true },
+      { "type": "uint256", "name": "wad", "indexed": false }
+    ],
+    "anonymous": false
+  },
+  { "type": "receive" },
+  { "type": "fallback" }
+]