CP-13092: Basic Fusion UI (#3552)

Author: atn4z7

.claude/settings.local.json

@@ -6,7 +6,10 @@
       "Bash(yarn lint:*)",
       "Bash(yarn core test:*)",
       "Bash(yarn core tsc:*)",
-      "Bash(yarn core lint:*)"
+      "Bash(yarn core lint:*)",
+      "Bash(ls:*)",
+      "Bash(find:*)",
+      "Bash(./node_modules/.bin/tsc:*)"
     ]
   }
-}
+}

packages/core-mobile/app/new/features/portfolio/assets/consts.ts

@@ -1,6 +1,7 @@
 export enum ActionButtonTitle {
   Send = 'Send',
   Swap = 'Swap',
+  SwapV2 = 'Fusion',
   Buy = 'Buy',
   Stake = 'Stake',
   Bridge = 'Bridge',

packages/core-mobile/app/new/features/portfolio/screens/PortfolioScreen.tsx

@@ -37,6 +37,7 @@ import { useAccountPerformanceSummary } from 'features/portfolio/hooks/useAccoun
 import { useBalanceTotalPriceChangeForAccount } from 'features/portfolio/hooks/useBalanceTotalPriceChangeForAccount'
 import { useSendSelectedToken } from 'features/send/store'
 import { useNavigateToSwap } from 'features/swap/hooks/useNavigateToSwap'
+import { useNavigateToSwap as useNavigateToSwapV2 } from 'features/swapV2/hooks/useNavigateToSwap'
 import { useFormatCurrency } from 'new/common/hooks/useFormatCurrency'
 import React, { useCallback, useMemo, useRef, useState } from 'react'
 import {
@@ -56,7 +57,8 @@ import { LocalTokenWithBalance } from 'store/balance/types'
 import {
   selectIsBridgeBlocked,
   selectIsMeldOfframpBlocked,
-  selectIsInAppDefiBorrowBlocked
+  selectIsInAppDefiBorrowBlocked,
+  selectIsFusionEnabled
 } from 'store/posthog'
 import { selectIsDeveloperMode } from 'store/settings/advanced'
 import { selectSelectedCurrency } from 'store/settings/currency'
@@ -90,6 +92,7 @@ const PortfolioHomeScreen = (): JSX.Element => {
   const isMeldOfframpBlocked = useSelector(selectIsMeldOfframpBlocked)
   const isBridgeBlocked = useSelector(selectIsBridgeBlocked)
   const isInAppDefiBorrowBlocked = useSelector(selectIsInAppDefiBorrowBlocked)
+  const isFusionEnabled = useSelector(selectIsFusionEnabled)
 
   // When borrow feature is enabled, Activity moves to Portfolio sub-tab
   const segmentItems = isInAppDefiBorrowBlocked
@@ -103,6 +106,7 @@ const PortfolioHomeScreen = (): JSX.Element => {
   const { theme } = useTheme()
   const { navigate, push } = useRouter()
   const { navigateToSwap } = useNavigateToSwap()
+  const { navigateToSwap: navigateToSwapV2 } = useNavigateToSwapV2()
 
   const [stickyHeaderLayout, setStickyHeaderLayout] = useState<
     LayoutRectangle | undefined
@@ -245,6 +249,13 @@ const PortfolioHomeScreen = (): JSX.Element => {
         onPress: () => navigateToSwap()
       })
     }
+    if (isFusionEnabled) {
+      buttons.push({
+        title: ActionButtonTitle.SwapV2,
+        icon: 'swap',
+        onPress: () => navigateToSwapV2()
+      })
+    }
     buttons.push({
       title: ActionButtonTitle.Buy,
       icon: 'buy',
@@ -278,8 +289,10 @@ const PortfolioHomeScreen = (): JSX.Element => {
     handleReceive,
     handleBridge,
     navigateToSwap,
+    navigateToSwapV2,
     isMeldOfframpBlocked,
-    isBridgeBlocked
+    isBridgeBlocked,
+    isFusionEnabled
   ])
 
   const renderMaskView = useCallback((): JSX.Element => {

packages/core-mobile/app/new/features/swapV2/consts.ts

@@ -0,0 +1,95 @@
+import { BuildTxParams } from "features/swap/services/ParaswapService"
+
+/**
+ * The address where ParaSwap will send collected partner fees.
+ */
+const PARASWAP_PARTNER_ADDRESS = '0xcEA3b9415F269B5686403909d781959570f32CF0'
+
+/**
+ * The fee percentage that Core gathers on ParaSwap swaps.
+ *
+ * An integer representing the basis points (BPS) of the fee percentage.
+ *
+ * @example 85 -> 0.85%
+ */
+export const PARASWAP_PARTNER_FEE_BPS = 85
+
+/**
+ * The fee percentage that Core gathers on Markr swaps.
+ *
+ * An integer representing the basis points (BPS) of the fee percentage.
+ *
+ * @example 85 -> 0.85%
+ */
+export const MARKR_PARTNER_FEE_BPS = 85 
+
+/**
+ * The address ParaSwap uses for EVM native tokens.
+ */
+export const EVM_NATIVE_TOKEN_ADDRESS =
+  '0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee'
+
+/**
+ * The address Markr uses for EVM native tokens.
+ */
+export const MARKR_EVM_NATIVE_TOKEN_ADDRESS =
+  '0x0000000000000000000000000000000000000000'
+
+/**
+ * The partner ID Markr uses for EVM swaps.
+ */
+export const MARKR_EVM_PARTNER_ID =
+  '0x655812b0b38b7733f8b36ec2bf870fd23be54cde979bcb722861de8ab6861fc4'
+
+/**
+ * The interval in milliseconds at which to refresh quotes.
+ */
+export const SWAP_REFRESH_INTERVAL = 30000
+
+/**
+ * The necessary parameters for Core to gather fees from the swap.
+ */
+export const PARTNER_FEE_PARAMS = {
+  partnerAddress: PARASWAP_PARTNER_ADDRESS,
+  partnerFeeBps: PARASWAP_PARTNER_FEE_BPS,
+  isDirectFeeTransfer: true
+  // TODO: upgrade prettier to latest version to fix this
+  // eslint-disable-next-line prettier/prettier
+} satisfies Partial<BuildTxParams>
+
+/**
+ * The address Jupiter uses for Solana native tokens.
+ */
+export const SOL_MINT = 'So11111111111111111111111111111111111111112';
+
+/**
+ * The address where Jupiter will send collected partner fees.
+ */
+export const JUPITER_PARTNER_ADDRESS =
+  'CjKCcretczioDRkSSfu6qogF6aTkSeKMNVFB1UWXkR4U';
+
+/**
+ * The fee percentage that Core gathers on Jupiter swaps.
+ * An integer representing the basis points (BPS) of the fee percentage.
+ *
+ * @example 85 -> 0.85%
+ */
+export const JUPITER_PARTNER_FEE_BPS = 85 as const satisfies number;
+
+
+export const WAVAX_ADDRESS = '0xb31f66aa3c1e785363f0875a1b74e27b85fd66c7'
+export const WETH_ADDRESS = '0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2'
+
+export const WRAPPABLE_TOKENS = [WAVAX_ADDRESS, WETH_ADDRESS]
+
+/**
+ * Minimum allowed slippage percentage for swaps.
+ * @example 0.1 -> 0.1%
+ */
+export const MIN_SLIPPAGE_PERCENT = 0.1
+
+/**
+ * Maximum allowed slippage percentage for swaps.
+ * @example 50 -> 50%
+ */
+export const MAX_SLIPPAGE_PERCENT = 50