Add isGuarded prop (#433)

Author: mgavrila

pnpm-lock.yaml

@@ -1,10 +1,10 @@
-import { useState } from 'react';
 import {
   faArrowsRotate,
   faPaperPlane,
   IconDefinition
 } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { useState } from 'react';
 import { OutputContainer } from 'components/OutputContainer';
 import { TransactionsOutput } from 'components/OutputContainer/components';
 import { MvxButton, useGetPendingTransactionsSessions } from 'lib';
@@ -35,7 +35,7 @@ interface BatchTransactionsButtonsType {
 }
 
 export const BatchTransactions = () => {
-  const { address, nonce } = useGetAccount();
+  const { address, nonce, isGuarded } = useGetAccount();
   const { network } = useGetNetworkConfig();
   const [currentSessionId, setCurrentSessionId] = useState('');
   const pendingSession = useGetPendingTransactionsSessions();
@@ -47,6 +47,7 @@ export const BatchTransactions = () => {
 
   const executeSignAndAutoSendBatchTransactions = async () => {
     const sessionId = await signAndAutoSendBatchTransactions({
+      isGuarded,
       address,
       nonce,
       chainID: network.chainId,
@@ -63,6 +64,7 @@ export const BatchTransactions = () => {
 
   const executeWrapMultiTransferTransactions = async () => {
     const sessionId = await wrapAndMultiTransferTransactions({
+      isGuarded,
       address,
       nonce,
       chainID: network.chainId,
@@ -79,6 +81,7 @@ export const BatchTransactions = () => {
 
   const executeSwapAndLockTokens = async () => {
     const sessionId = await swapAndLockTokens({
+      isGuarded,
       address,
       nonce,
       chainID: network.chainId,

src/pages/Dashboard/widgets/BatchTransactions/BatchTransactions.tsx

@@ -11,7 +11,8 @@ const NUMBER_OF_TRANSACTIONS = 5;
 
 export const getBatchTransactions = async ({
   address,
-  chainID
+  chainID,
+  isGuarded
 }: TransactionProps): Promise<Transaction[]> => {
   const transactions = Array.from(Array(NUMBER_OF_TRANSACTIONS).keys());
 
@@ -35,6 +36,10 @@ export const getBatchTransactions = async ({
           }
         );
 
+      if (isGuarded) {
+        tokenTransfer.gasLimit = tokenTransfer.gasLimit + BigInt(50_000);
+      }
+
       return tokenTransfer;
     })
   );

src/pages/Dashboard/widgets/BatchTransactions/helpers/getBatchTransactions.ts

@@ -3,11 +3,12 @@ import { Address, GAS_PRICE, Transaction, VERSION } from 'lib';
 import { TransactionProps } from 'types';
 
 export const getSwapAndLockTransactions = ({
+  isGuarded,
   address,
   chainID,
   nonce
 }: TransactionProps): Transaction[] => {
-  return [
+  const transcations = [
     new Transaction({
       chainID,
       gasLimit: BigInt(4200000),
@@ -57,4 +58,12 @@ export const getSwapAndLockTransactions = ({
       data: Uint8Array.from(Buffer.from(BATCH_TRANSACTIONS_SC.lock_MEX.data))
     })
   ];
+
+  if (isGuarded) {
+    transcations.forEach((tx) => {
+      tx.gasLimit = tx.gasLimit + BigInt(50_000);
+    });
+  }
+
+  return transcations;
 };

src/pages/Dashboard/widgets/BatchTransactions/helpers/getSwapAndLockTransactions.ts

@@ -13,6 +13,7 @@ import { Address } from 'lib';
 import { TransactionProps } from 'types';
 
 export const getWrapAndMultiTransferTransactions = async ({
+  isGuarded,
   address,
   chainID
 }: TransactionProps) => {
@@ -68,5 +69,13 @@ export const getWrapAndMultiTransferTransactions = async ({
       ]
     });
 
+  if (isGuarded) {
+    wrapOneEgld.gasLimit = wrapOneEgld.gasLimit + BigInt(50_000);
+    swapHalfWEgldToUsdc.gasLimit =
+      swapHalfWEgldToUsdc.gasLimit + BigInt(50_000);
+    multiTransferOneUsdcHalfWEgld.gasLimit =
+      multiTransferOneUsdcHalfWEgld.gasLimit + BigInt(50_000);
+  }
+
   return { wrapOneEgld, swapHalfWEgldToUsdc, multiTransferOneUsdcHalfWEgld };
 };

src/pages/Dashboard/widgets/BatchTransactions/helpers/getWrapAndMultiTransferTransactions.ts

@@ -4,6 +4,7 @@ import { getBatchTransactions } from './getBatchTransactions';
 import { sendAndTrackTransactions } from './sendAndTrackTransactions';
 
 export const signAndAutoSendBatchTransactions = async ({
+  isGuarded,
   address,
   nonce,
   chainID,
@@ -18,6 +19,7 @@ export const signAndAutoSendBatchTransactions = async ({
   const provider = getAccountProvider();
 
   const transactions = await getBatchTransactions({
+    isGuarded,
     address,
     nonce,
     chainID

src/pages/Dashboard/widgets/BatchTransactions/helpers/signAndAutoSendBatchTransactions.ts

@@ -10,6 +10,7 @@ import { getSwapAndLockTransactions } from './getSwapAndLockTransactions';
 import { sendAndTrackTransactions } from './sendAndTrackTransactions';
 
 export const swapAndLockTokens = async ({
+  isGuarded,
   address,
   nonce,
   chainID,
@@ -24,6 +25,7 @@ export const swapAndLockTokens = async ({
   const provider = getAccountProvider();
 
   const transactionsToSign = getSwapAndLockTransactions({
+    isGuarded,
     address,
     chainID,
     nonce

src/pages/Dashboard/widgets/BatchTransactions/helpers/swapAndLockTokens.ts

@@ -14,11 +14,12 @@ interface WrapAndMultiTransferTransactionsType extends TransactionProps {
 export const wrapAndMultiTransferTransactions = async (
   props: WrapAndMultiTransferTransactionsType
 ) => {
-  const { address, nonce, chainID, transactionsDisplayInfo } = props;
+  const { address, nonce, chainID, transactionsDisplayInfo, isGuarded } = props;
 
   const provider = getAccountProvider();
 
   const transactionsToSign = await getWrapAndMultiTransferTransactions({
+    isGuarded,
     address,
     chainID,
     nonce

src/pages/Dashboard/widgets/BatchTransactions/helpers/wrapAndMultiTransferTransactions.ts

@@ -1,4 +1,5 @@
 export type TransactionProps = {
+  isGuarded?: boolean;
   address: string;
   nonce: number;
   chainID: string;