fix(web): update hooks to wagmi v2

Author: ShubhamParkhi

web/src/pages/MyTransactions/TransactionDetails/PreviewCardButtons/AcceptSettlementButton.tsx

@@ -16,16 +16,16 @@ const AcceptButton: React.FC = () => {
   const { id } = useTransactionDetailsContext();
   const refetchQuery = useQueryRefetch();
 
-  const { config: acceptSettlementConfig } = useSimulateEscrowUniversalAcceptSettlement({
+  const { data: acceptSettlementConfig } = useSimulateEscrowUniversalAcceptSettlement({
     args: [BigInt(id)],
   });
 
-  const { writeAsync: acceptSettlement } = useWriteEscrowUniversalAcceptSettlement(acceptSettlementConfig);
+  const { writeContractAsync: acceptSettlement } = useWriteEscrowUniversalAcceptSettlement(acceptSettlementConfig);
 
   const handleAcceptSettlement = () => {
     if (!isUndefined(acceptSettlement)) {
       setIsSending(true);
-      wrapWithToast(async () => await acceptSettlement().then((response) => response.hash), publicClient)
+      wrapWithToast(async () => await acceptSettlement(acceptSettlementConfig.request), publicClient)
         .then((wrapResult) => {
           if (!wrapResult.status) {
             setIsSending(false);

web/src/pages/MyTransactions/TransactionDetails/PreviewCardButtons/ExecuteTransactionButton.tsx

@@ -16,16 +16,16 @@ const ExecuteTransactionButton: React.FC = () => {
   const { id } = useTransactionDetailsContext();
   const refetchQuery = useQueryRefetch();
 
-  const { config: executeTransactionConfig } = useSimulateEscrowUniversalExecuteTransaction({
+  const { data: executeTransactionConfig } = useSimulateEscrowUniversalExecuteTransaction({
     args: [BigInt(id)],
   });
 
-  const { writeAsync: executeTransaction } = useWriteEscrowUniversalExecuteTransaction(executeTransactionConfig);
+  const { writeContractAsync: executeTransaction } = useWriteEscrowUniversalExecuteTransaction(executeTransactionConfig);
 
   const handleExecuteTransaction = () => {
     if (!isUndefined(executeTransaction)) {
       setIsSending(true);
-      wrapWithToast(async () => await executeTransaction().then((response) => response.hash), publicClient)
+      wrapWithToast(async () => await executeTransaction(executeTransactionConfig.request), publicClient)
         .then((wrapResult) => {
           if (wrapResult.status) {
             refetchQuery([["refetchOnBlock", "useTransactionDetailsQuery"]]);

web/src/pages/MyTransactions/TransactionDetails/PreviewCardButtons/ProposeSettlementButton.tsx

@@ -29,16 +29,16 @@ const ProposeSettlementButton: React.FC<IProposeSettlementButton> = ({
   const { id } = useTransactionDetailsContext();
   const refetchQuery = useQueryRefetch();
 
-  const { config: proposeSettlementConfig } = useSimulateEscrowUniversalProposeSettlement({
+  const { data: proposeSettlementConfig } = useSimulateEscrowUniversalProposeSettlement({
     args: [BigInt(id), parseEther(amountProposed)],
   });
 
-  const { writeAsync: proposeSettlement } = useWriteEscrowUniversalProposeSettlement(proposeSettlementConfig);
+  const { writeContractAsync: proposeSettlement } = useWriteEscrowUniversalProposeSettlement(proposeSettlementConfig);
 
   const handleProposeSettlement = () => {
     if (!isUndefined(proposeSettlement)) {
       setIsSending(true);
-      wrapWithToast(async () => await proposeSettlement().then((response) => response.hash), publicClient)
+      wrapWithToast(async () => await proposeSettlement(proposeSettlementConfig.request), publicClient)
         .then((wrapResult) => {
           if (wrapResult.status) {
             toggleModal && toggleModal();

web/src/pages/MyTransactions/TransactionDetails/PreviewCardButtons/RaiseDisputeButton.tsx

@@ -26,26 +26,26 @@ const RaiseDisputeButton: React.FC<IRaiseDisputeButton> = ({ toggleModal, button
   const isBuyer = useMemo(() => address?.toLowerCase() === buyer?.toLowerCase(), [address, buyer]);
   const refetchQuery = useQueryRefetch();
 
-  const { config: payArbitrationFeeByBuyerConfig } = useSimulateEscrowUniversalPayArbitrationFeeByBuyer({
+  const { data: payArbitrationFeeByBuyerConfig } = useSimulateEscrowUniversalPayArbitrationFeeByBuyer({
     args: [BigInt(id)],
     value: arbitrationCost,
   });
 
-  const { config: payArbitrationFeeBySellerConfig } = useSimulateEscrowUniversalPayArbitrationFeeBySeller({
+  const { data: payArbitrationFeeBySellerConfig } = useSimulateEscrowUniversalPayArbitrationFeeBySeller({
     args: [BigInt(id)],
     value: arbitrationCost,
   });
 
-  const { writeAsync: payArbitrationFeeByBuyer } =
+  const { writeContractAsync: payArbitrationFeeByBuyer } =
     useWriteEscrowUniversalPayArbitrationFeeByBuyer(payArbitrationFeeByBuyerConfig);
-  const { writeAsync: payArbitrationFeeBySeller } = useWriteEscrowUniversalPayArbitrationFeeBySeller(
+  const { writeContractAsync: payArbitrationFeeBySeller } = useWriteEscrowUniversalPayArbitrationFeeBySeller(
     payArbitrationFeeBySellerConfig
   );
 
   const handleRaiseDispute = () => {
     if (isBuyer && !isUndefined(payArbitrationFeeByBuyer)) {
       setIsSending(true);
-      wrapWithToast(async () => await payArbitrationFeeByBuyer().then((response) => response.hash), publicClient)
+      wrapWithToast(async () => await payArbitrationFeeByBuyer(payArbitrationFeeByBuyerConfig.request), publicClient)
         .then((wrapResult) => {
           if (wrapResult.status) {
             toggleModal && toggleModal();
@@ -60,7 +60,7 @@ const RaiseDisputeButton: React.FC<IRaiseDisputeButton> = ({ toggleModal, button
         });
     } else if (!isBuyer && !isUndefined(payArbitrationFeeBySeller)) {
       setIsSending(true);
-      wrapWithToast(async () => await payArbitrationFeeBySeller().then((response) => response.hash), publicClient)
+      wrapWithToast(async () => await payArbitrationFeeBySeller(payArbitrationFeeBySellerConfig.request), publicClient)
         .then((wrapResult) => {
           if (wrapResult.status) {
             toggleModal && toggleModal();

web/src/pages/MyTransactions/TransactionDetails/PreviewCardButtons/TimeOutButton.tsx

@@ -20,21 +20,21 @@ const TimeOutButton: React.FC = () => {
   const isBuyer = useMemo(() => address?.toLowerCase() === buyer?.toLowerCase(), [address, buyer]);
   const refetchQuery = useQueryRefetch();
 
-  const { config: timeOutByBuyerConfig } = useSimulateEscrowUniversalTimeOutByBuyer({
+  const { data: timeOutByBuyerConfig } = useSimulateEscrowUniversalTimeOutByBuyer({
     args: [BigInt(id)],
   });
 
-  const { config: timeOutBySellerConfig } = useSimulateEscrowUniversalTimeOutBySeller({
+  const { data: timeOutBySellerConfig } = useSimulateEscrowUniversalTimeOutBySeller({
     args: [BigInt(id)],
   });
 
-  const { writeAsync: timeOutByBuyer } = useWriteEscrowUniversalTimeOutByBuyer(timeOutByBuyerConfig);
-  const { writeAsync: timeOutBySeller } = useWriteEscrowUniversalTimeOutBySeller(timeOutBySellerConfig);
+  const { writeContractAsync: timeOutByBuyer } = useWriteEscrowUniversalTimeOutByBuyer(timeOutByBuyerConfig);
+  const { writeContractAsync: timeOutBySeller } = useWriteEscrowUniversalTimeOutBySeller(timeOutBySellerConfig);
 
   const handleTimeout = () => {
     if (isBuyer && !isUndefined(timeOutByBuyer)) {
       setIsSending(true);
-      wrapWithToast(async () => await timeOutByBuyer().then((response) => response.hash), publicClient)
+      wrapWithToast(async () => await timeOutByBuyer(timeOutByBuyerConfig.request), publicClient)
         .then((wrapResult) => {
           if (!wrapResult.status) {
             setIsSending(false);
@@ -47,7 +47,7 @@ const TimeOutButton: React.FC = () => {
         });
     } else if (!isBuyer && !isUndefined(timeOutBySeller)) {
       setIsSending(true);
-      wrapWithToast(async () => await timeOutBySeller().then((response) => response.hash), publicClient)
+      wrapWithToast(async () => await timeOutBySeller(timeOutBySellerConfig.request), publicClient)
         .then((wrapResult) => {
           if (!wrapResult.status) {
             setIsSending(false);

web/src/pages/MyTransactions/TransactionDetails/WasItFulfilled/Buttons/ClaimFullPaymentButton.tsx

@@ -17,16 +17,16 @@ const ClaimFullPaymentButton: React.FC = () => {
   const publicClient = usePublicClient();
   const { id } = useTransactionDetailsContext();
 
-  const { config: executeTransactionConfig } = useSimulateEscrowUniversalExecuteTransaction({
+  const { data: executeTransactionConfig } = useSimulateEscrowUniversalExecuteTransaction({
     args: [id],
   });
 
-  const { writeAsync: executeTransaction } = useWriteEscrowUniversalExecuteTransaction(executeTransactionConfig);
+  const { writeContractAsync: executeTransaction } = useWriteEscrowUniversalExecuteTransaction(executeTransactionConfig);
 
   const handleExecuteTransaction = () => {
     if (!isUndefined(executeTransaction)) {
       setIsSending(true);
-      wrapWithToast(async () => await executeTransaction().then((response) => response.hash), publicClient)
+      wrapWithToast(async () => await executeTransaction(executeTransactionConfig.request), publicClient)
         .then((wrapResult) => {
           if (wrapResult.status) {
             toggleModal();

web/src/pages/MyTransactions/TransactionDetails/WasItFulfilled/Buttons/ReleasePaymentButton.tsx

@@ -16,16 +16,16 @@ const ReleasePaymentButton: React.FC = () => {
   const { id, amount } = useTransactionDetailsContext();
   const refetchQuery = useQueryRefetch();
 
-  const { config: releaseFullPaymentConfig } = useSimulateEscrowUniversalPay({
+  const { data: releaseFullPaymentConfig } = useSimulateEscrowUniversalPay({
     args: [id, amount],
   });
 
-  const { writeAsync: releaseFullPayment } = useWriteEscrowUniversalPay(releaseFullPaymentConfig);
+  const { writeContractAsync: releaseFullPayment } = useWriteEscrowUniversalPay(releaseFullPaymentConfig);
 
   const handleReleasePayment = () => {
     if (!isUndefined(releaseFullPayment)) {
       setIsSending(true);
-      wrapWithToast(async () => await releaseFullPayment().then((response) => response.hash), publicClient)
+      wrapWithToast(async () => await releaseFullPayment(releaseFullPaymentConfig.request), publicClient)
         .then((wrapResult) => {
           if (wrapResult.status) {
             toggleModal();