add slippage tolerance logic to quote param

Author: mgrabina

src/components/transactions/Swap/details/RepayWithCollateralDetails.tsx

@@ -59,9 +59,12 @@ export const RepayWithCollateralDetails = ({
   const displayAmountAfterRepayInUsd = debtAmountAfterRepay.multipliedBy(
     state.sourceReserve.reserve.priceInUSD
   );
-  const collateralAmountAfterRepay = tokenToRepayWithBalance
+  const rawCollateralAmountAfterRepay = tokenToRepayWithBalance
     ? valueToBigNumber(tokenToRepayWithBalance).minus(state.sellAmountFormatted ?? '0')
     : valueToBigNumber('0');
+  const collateralAmountAfterRepay = rawCollateralAmountAfterRepay.isNegative()
+    ? valueToBigNumber('0')
+    : rawCollateralAmountAfterRepay;
   const collateralAmountAfterRepayUSD = collateralAmountAfterRepay.multipliedBy(
     state.destinationReserve.reserve.priceInUSD
   );

src/components/transactions/Swap/helpers/cow/orders.helpers.ts

@@ -11,6 +11,7 @@ import {
   QuoteAndPost,
   SellTokenSource,
   SigningScheme,
+  SlippageToleranceRequest,
   SupportedChainId,
   WRAPPED_NATIVE_CURRENCIES,
 } from '@cowprotocol/cow-sdk';
@@ -494,6 +495,32 @@ export const getPermitHook = async ({
   };
 };
 
+// This function is used to get the slippage suggestion for a token pair on the respective chain based on the pair volatility.
+export const getSlippageSuggestion = async (request: SlippageToleranceRequest) => {
+  const { sellToken, buyToken } = request;
+
+  try {
+    if (request.chainId && sellToken && buyToken) {
+      const chainSlug = request.chainId; // e.g., 42161 for Arbitrum
+      const sell = sellToken.toLowerCase();
+      const buy = buyToken.toLowerCase();
+      const url = `https://bff.cow.fi/${chainSlug}/markets/${sell}-${buy}/slippageTolerance`;
+
+      const res = await fetch(url);
+
+      if (res.ok) {
+        const result = await res.json();
+        // The endpoint returns { slippageBps: number }
+        // This is expected by the CoW SDK within the Slippage logic.
+        return result;
+      }
+    }
+  } catch (e) {
+    console.error('Error fetching slippage suggestion:', e);
+    return undefined;
+  }
+};
+
 export const addOrderTypeToAppData = (
   orderType: OrderType,
   appData?: AppDataParams

src/components/transactions/Swap/helpers/cow/rates.helpers.ts

@@ -13,7 +13,7 @@ import { isNativeToken } from '../../helpers/cow';
 import { CowProtocolRatesType, ProviderRatesParams, SwapProvider } from '../../types';
 import { getAppDataForQuote } from './adapters.helpers';
 import { getCowTradingSdkByChainIdAndAppCode } from './env.helpers';
-import { priceQualityToUse } from './orders.helpers';
+import { getSlippageSuggestion, priceQualityToUse } from './orders.helpers';
 
 export const getTokenUsdPrice = async (
   chainId: number,
@@ -119,6 +119,7 @@ export async function getCowProtocolSellRates({
               destToken,
               destDecimals,
             }),
+            getSlippageSuggestion,
           }
         )
         .catch((cowError) => {

src/components/transactions/Swap/hooks/useSwapQuote.ts

@@ -392,22 +392,11 @@ const useMultiProviderSwapQuoteQuery = ({
       state.user
     ),
     enabled: (() => {
-      console.log('state.side', state.side);
-      console.log('state.debouncedInputAmount', state.debouncedInputAmount);
-      console.log('state.debouncedOutputAmount', state.debouncedOutputAmount);
-
-      console.log(
-        'limit',
-        (state.orderType === OrderType.LIMIT && !state.swapRate) ||
-          state.orderType === OrderType.MARKET
-      );
-
       // Allow fetch when user has entered a positive amount, even if normalization rounded to '0'
       const hasPositiveUserAmount =
         state.side === 'sell'
           ? Number(state.debouncedInputAmount || '0') > 0
           : Number(state.debouncedOutputAmount || '0') > 0;
-      console.log('hasPositiveUserAmount', hasPositiveUserAmount);
 
       // Basic pre-blockers to avoid provider requests
       const isSameTokenPair =

src/components/transactions/Swap/modals/request/RepayWithCollateralModalContent.tsx

@@ -89,7 +89,7 @@ export const RepayWithCollateralModalContent = ({
     interestMode,
     resultScreenTokensFromTitle: 'Repay',
     resultScreenTokensToTitle: 'With',
-    resultScreenTitleItems: 'repay',
+    resultScreenTitleItems: ' and repaid',
     customReceivedTitle: 'Repaid',
 
     // Note: Repay With Collateral order is inverted