feat(swap): track valora fee (#5368)

### Description

As the title says.

### Test plan

- Updated tests

### Related issues

- Fixes RET-1061

### Backwards compatibility

Yes

### Network scalability

If a new NetworkId and/or Network are added in the future, the changes
in this PR will:

- [x] Continue to work without code changes, OR trigger a compilation
error (guaranteeing we find it when a new network is added)

Author: jeanregisser

src/analytics/Properties.tsx

@@ -1183,6 +1183,7 @@ type SwapQuoteEvent = SwapEvent & {
    */
   estimatedPriceImpact: string | null
   price: string
+  appFeePercentageIncludedInPrice: string | null | undefined
   provider: string
 }
 
@@ -1288,6 +1289,7 @@ interface SwapEventsProperties {
       swapApproveTxId: string
       estimatedSellTokenUsdValue?: number
       estimatedBuyTokenUsdValue?: number
+      estimatedAppFeeUsdValue: number | undefined
       areSwapTokensShuffled: boolean
     }
   [SwapEvents.swap_execute_error]: SwapQuoteEvent &
@@ -1301,6 +1303,7 @@ interface SwapEventsProperties {
       swapApproveTxId: string
       estimatedSellTokenUsdValue?: number
       estimatedBuyTokenUsdValue?: number
+      estimatedAppFeeUsdValue: number | undefined
       areSwapTokensShuffled: boolean
     }
   [SwapEvents.swap_learn_more]: undefined

src/swap/SwapScreen.test.tsx

@@ -16,7 +16,7 @@ import { getDynamicConfigParams, getExperimentParams, getFeatureGate } from 'src
 import { StatsigFeatureGates } from 'src/statsig/types'
 import SwapScreen from 'src/swap/SwapScreen'
 import { swapStart } from 'src/swap/slice'
-import { Field } from 'src/swap/types'
+import { FetchQuoteResponse, Field } from 'src/swap/types'
 import { NO_QUOTE_ERROR_MESSAGE } from 'src/swap/useSwapQuote'
 import { NetworkId } from 'src/transactions/types'
 import { publicClient } from 'src/viem'
@@ -181,10 +181,12 @@ const renderScreen = ({
   }
 }
 
-const defaultQuote = {
+const defaultQuote: FetchQuoteResponse = {
   unvalidatedSwapTransaction: {
+    chainId: 44787,
     price: '1.2345678',
     guaranteedPrice: '1.1234567',
+    appFeePercentageIncludedInPrice: undefined,
     sellTokenAddress: mockCeloAddress,
     buyTokenAddress: mockCusdAddress,
     sellAmount: '1234000000000000000',
@@ -195,7 +197,7 @@ const defaultQuote = {
     value: '0',
     data: '0x0',
     gas: '1800000',
-    gasPrice: '500000000',
+    estimatedGasUse: undefined,
     estimatedPriceImpact: '0.1',
   },
   details: {
@@ -995,6 +997,8 @@ describe('SwapScreen', () => {
             preparedTransactions,
             receivedAt: quoteReceivedTimestamp,
             price: defaultQuote.unvalidatedSwapTransaction.price,
+            appFeePercentageIncludedInPrice:
+              defaultQuote.unvalidatedSwapTransaction.appFeePercentageIncludedInPrice,
             provider: defaultQuote.details.swapProvider,
             estimatedPriceImpact: defaultQuote.unvalidatedSwapTransaction.estimatedPriceImpact,
             allowanceTarget: defaultQuote.unvalidatedSwapTransaction.allowanceTarget,
@@ -1046,6 +1050,8 @@ describe('SwapScreen', () => {
             preparedTransactions: [preparedTransactions[1]], // no approval transaction
             receivedAt: expect.any(Number),
             price: defaultQuote.unvalidatedSwapTransaction.price,
+            appFeePercentageIncludedInPrice:
+              defaultQuote.unvalidatedSwapTransaction.appFeePercentageIncludedInPrice,
             provider: defaultQuote.details.swapProvider,
             estimatedPriceImpact: defaultQuote.unvalidatedSwapTransaction.estimatedPriceImpact,
             allowanceTarget: defaultQuote.unvalidatedSwapTransaction.allowanceTarget,
@@ -1091,6 +1097,8 @@ describe('SwapScreen', () => {
             preparedTransactions,
             receivedAt: quoteReceivedTimestamp,
             price: defaultQuote.unvalidatedSwapTransaction.price,
+            appFeePercentageIncludedInPrice:
+              defaultQuote.unvalidatedSwapTransaction.appFeePercentageIncludedInPrice,
             provider: defaultQuote.details.swapProvider,
             estimatedPriceImpact: defaultQuote.unvalidatedSwapTransaction.estimatedPriceImpact,
             allowanceTarget: defaultQuote.unvalidatedSwapTransaction.allowanceTarget,

src/swap/SwapScreen.tsx

@@ -411,7 +411,7 @@ export function SwapScreen({ route }: Props) {
     }
 
     const swapAmountParam = updatedField === Field.FROM ? 'sellAmount' : 'buyAmount'
-    const { estimatedPriceImpact, price, allowanceTarget } = quote
+    const { estimatedPriceImpact, price, appFeePercentageIncludedInPrice, allowanceTarget } = quote
 
     const resultType = quote.preparedTransactions.type
     switch (resultType) {
@@ -434,6 +434,7 @@ export function SwapScreen({ route }: Props) {
           allowanceTarget,
           estimatedPriceImpact,
           price,
+          appFeePercentageIncludedInPrice,
           provider: quote.provider,
           web3Library: 'viem',
           ...getSwapTxsAnalyticsProperties(
@@ -454,6 +455,7 @@ export function SwapScreen({ route }: Props) {
               ),
               receivedAt: quote.receivedAt,
               price: quote.price,
+              appFeePercentageIncludedInPrice: quote.appFeePercentageIncludedInPrice,
               provider: quote.provider,
               estimatedPriceImpact,
               allowanceTarget,

src/swap/saga.test.ts

@@ -97,6 +97,7 @@ const mockSwapFromParams = (toTokenId: string, feeCurrency?: Address): PayloadAc
           },
         ]),
         price: '1',
+        appFeePercentageIncludedInPrice: '0.6',
         provider: '0x',
         estimatedPriceImpact: '0.1',
         allowanceTarget: mockAllowanceTarget,
@@ -145,6 +146,7 @@ const mockSwapEthereum: PayloadAction<SwapInfo> = {
         },
       ]),
       price: '1',
+      appFeePercentageIncludedInPrice: '0.6',
       provider: '0x',
       estimatedPriceImpact: '0.1',
       allowanceTarget: mockAllowanceTarget,
@@ -430,6 +432,7 @@ describe(swapSubmitSaga, () => {
         amount: swapPrepared.payload.userInput.swapAmount[Field.TO],
         amountType: 'buyAmount',
         price: '1',
+        appFeePercentageIncludedInPrice: '0.6',
         allowanceTarget: '0xdef1c0ded9bec7f1a1670819833240f027b25eff',
         estimatedPriceImpact: '0.1',
         provider: '0x',
@@ -440,6 +443,7 @@ describe(swapSubmitSaga, () => {
         quoteToTransactionElapsedTimeInMs: 10_000,
         estimatedBuyTokenUsdValue: 100,
         estimatedSellTokenUsdValue: 100,
+        estimatedAppFeeUsdValue: 0.6,
         web3Library: 'viem',
         gas: 1384480,
         maxGasFee: 0.01661376,
@@ -663,6 +667,7 @@ describe(swapSubmitSaga, () => {
       amount: mockSwap.payload.userInput.swapAmount[Field.TO],
       amountType: 'buyAmount',
       price: '1',
+      appFeePercentageIncludedInPrice: '0.6',
       allowanceTarget: '0xdef1c0ded9bec7f1a1670819833240f027b25eff',
       estimatedPriceImpact: '0.1',
       provider: '0x',
@@ -673,6 +678,7 @@ describe(swapSubmitSaga, () => {
       quoteToTransactionElapsedTimeInMs: 10_000,
       estimatedBuyTokenUsdValue: 100,
       estimatedSellTokenUsdValue: 100,
+      estimatedAppFeeUsdValue: 0.6,
       web3Library: 'viem',
       gas: 1384480,
       maxGasFee: 0.01661376,

src/swap/saga.ts

@@ -157,6 +157,7 @@ export function* swapSubmitSaga(action: PayloadAction<SwapInfo>) {
   const {
     provider,
     price,
+    appFeePercentageIncludedInPrice,
     allowanceTarget,
     estimatedPriceImpact,
     preparedTransactions: serializablePreparedTransactions,
@@ -206,6 +207,7 @@ export function* swapSubmitSaga(action: PayloadAction<SwapInfo>) {
     amount,
     amountType,
     price,
+    appFeePercentageIncludedInPrice,
     allowanceTarget,
     estimatedPriceImpact,
     provider,
@@ -214,6 +216,8 @@ export function* swapSubmitSaga(action: PayloadAction<SwapInfo>) {
     swapApproveTxId: swapApproveContext.id,
     estimatedSellTokenUsdValue,
     estimatedBuyTokenUsdValue,
+    estimatedAppFeeUsdValue:
+      (Number(appFeePercentageIncludedInPrice) / 100) * Number(estimatedSellTokenUsdValue),
     web3Library: 'viem' as const,
     areSwapTokensShuffled,
     ...getSwapTxsAnalyticsProperties(preparedTransactions, fromToken.networkId, tokensById),

src/swap/types.ts

@@ -53,6 +53,7 @@ export interface SwapInfo {
     preparedTransactions: SerializableTransactionRequest[]
     receivedAt: number
     price: string
+    appFeePercentageIncludedInPrice: string | undefined
     provider: string
     estimatedPriceImpact: string | null
     allowanceTarget: string