feat: support customFees in swap web app mode (#4174)

* feat: support customFees in swap web app mode

* fix: add other custom params

* feat: update wallet-api dependencies

* fix: fix async call getCustomFeesPerFamily

* fix: fix typecheck

* refactor: move getCustomFeesPerFamily to common

* fix: fix lint

* fix: remove feesStrategy as mandatory to open swap web app

* fix: add convertToNonAtomicUnit utils

* chore: update wallet-api server call after upgrade

* fix: fix lint

.changeset/mighty-fireants-stare.md

@@ -0,0 +1,6 @@
+---
+"ledger-live-desktop": patch
+"@ledgerhq/live-common": patch
+---
+
+Support customFees in swap web app mode

apps/ledger-live-desktop/src/renderer/screens/exchange/Swap2/Form/index.tsx

@@ -3,6 +3,10 @@ import {
   useSwapTransaction,
   usePageState,
 } from "@ledgerhq/live-common/exchange/swap/hooks/index";
+import {
+  getCustomFeesPerFamily,
+  convertToNonAtomicUnit,
+} from "@ledgerhq/live-common/exchange/swap/webApp/index";
 import { getProviderName, getCustomDappUrl } from "@ledgerhq/live-common/exchange/swap/utils/index";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -39,7 +43,6 @@ import EmptyState from "./Rates/EmptyState";
 import { AccountLike, Feature } from "@ledgerhq/types-live";
 import BigNumber from "bignumber.js";
 import { CryptoCurrency, TokenCurrency } from "@ledgerhq/types-cryptoassets";
-import { SwapSelectorStateType } from "@ledgerhq/live-common/exchange/swap/types";
 import { SWAP_RATES_TIMEOUT } from "../../config";
 
 const Wrapper = styled(Box).attrs({
@@ -133,6 +136,7 @@ const SwapForm = () => {
   const refreshTime = useRefreshRates(swapTransaction.swap, {
     pause: pauseRefreshing,
   });
+
   const refreshIdle = useCallback(() => {
     idleState && setIdleState(false);
     idleTimeout.current && clearInterval(idleTimeout.current);
@@ -141,19 +145,20 @@ const SwapForm = () => {
     }, idleTime);
   }, [idleState]);
 
-  const swapWebAppRedirection = useCallback(() => {
+  const swapWebAppRedirection = useCallback(async () => {
     const { to, from } = swapTransaction.swap;
     const transaction = swapTransaction.transaction;
     const { account: fromAccount, parentAccount: fromParentAccount } = from;
     const { account: toAccount, parentAccount: toParentAccount } = to;
-    const feesStrategy = transaction?.feesStrategy;
-    const rateId = exchangeRate?.rateId || "1234";
-    if (fromAccount && toAccount && feesStrategy) {
+    const { feesStrategy } = transaction || {};
+
+    const rateId = exchangeRate?.rateId || "12345";
+    if (fromAccount && toAccount) {
       const fromAccountId = accountToWalletAPIAccount(fromAccount, fromParentAccount)?.id;
       const toAccountId = accountToWalletAPIAccount(toAccount, toParentAccount)?.id;
-      const fromMagnitude =
-        (fromAccount as unknown as SwapSelectorStateType)?.currency?.units[0].magnitude || 0;
-      const fromAmount = transaction?.amount.shiftedBy(-fromMagnitude);
+      const fromAmount = convertToNonAtomicUnit(transaction?.amount, fromAccount);
+
+      const customFeesParams = feesStrategy === "custom" ? getCustomFeesPerFamily(transaction) : {};
 
       history.push({
         pathname: "/swap-web",
@@ -163,11 +168,12 @@ const SwapForm = () => {
           toAccountId,
           fromAmount,
           quoteId: encodeURIComponent(rateId),
-          feeStrategy: feesStrategy.toUpperCase(), // Custom fee is not supported yet
+          feeStrategy: feesStrategy?.toUpperCase(),
+          ...customFeesParams,
         },
       });
     }
-  }, [history, swapTransaction, provider, exchangeRate?.rateId]);
+  }, [swapTransaction.swap, swapTransaction.transaction, exchangeRate?.rateId, history, provider]);
 
   useEffect(() => {
     if (swapTransaction.swap.rates.status === "success") {

libs/ledger-live-common/src/exchange/swap/completeExchange.ts

@@ -73,6 +73,7 @@ const completeExchange = (
         const payoutAccount = getMainAccount(toAccount, toParentAccount);
         const accountBridge = getAccountBridge(refundAccount);
         const mainPayoutCurrency = getAccountCurrency(payoutAccount);
+        const payoutCurrency = getAccountCurrency(toAccount);
         const refundCurrency = getAccountCurrency(fromAccount);
         const mainRefundCurrency = getAccountCurrency(refundAccount);
         if (mainPayoutCurrency.type !== "CryptoCurrency")
@@ -126,7 +127,7 @@ const completeExchange = (
         if (unsubscribed) return;
 
         const { config: payoutAddressConfig, signature: payoutAddressConfigSignature } =
-          getCurrencyExchangeConfig(mainPayoutCurrency);
+          getCurrencyExchangeConfig(payoutCurrency);
 
         try {
           currentStep = "CHECK_PAYOUT_ADDRESS";

libs/ledger-live-common/src/exchange/swap/webApp/index.ts

@@ -0,0 +1 @@
+export * from "./utils";

libs/ledger-live-common/src/exchange/swap/webApp/utils.ts

@@ -0,0 +1,41 @@
+import { getGasLimit as getEthGasLimit } from "../../../families/ethereum/transaction";
+import { getGasLimit as getEvmGasLimit } from "@ledgerhq/coin-evm/logic";
+
+export const getCustomFeesPerFamily = transaction => {
+  const { family, maxFeePerGas, maxPriorityFeePerGas, userGasLimit, customGasLimit, feePerByte } =
+    transaction;
+
+  switch (family) {
+    case "ethereum": {
+      return {
+        maxFeePerGas,
+        maxPriorityFeePerGas,
+        userGasLimit,
+        gasLimit: getEthGasLimit(transaction),
+      };
+    }
+    case "evm": {
+      return {
+        maxFeePerGas,
+        maxPriorityFeePerGas,
+        gasLimit: getEvmGasLimit(transaction),
+        customGasLimit,
+      };
+    }
+    case "bitcoin": {
+      return {
+        feePerByte,
+      };
+    }
+    default:
+      return {};
+  }
+};
+
+export const convertToNonAtomicUnit = (amount, account) => {
+  const fromMagnitude =
+    account.type === "TokenAccount"
+      ? account.token.units[0].magnitude || 0
+      : account.currency?.units[0].magnitude || 0;
+  return amount.shiftedBy(-fromMagnitude);
+};