feat: eth staking support lido (#2936)

* fix: discover my dapps list

* feat: add service contract for build evm transaction data

* feat: support staking to lido

Author: kwoktung

packages/kit-bg/src/BackgroundApi.ts

@@ -395,5 +395,15 @@ class BackgroundApi extends BackgroundApiBase implements IBackgroundApi {
     Object.defineProperty(this, 'serviceLimitOrder', { value });
     return value;
   }
+
+  get serviceContract() {
+    const ServiceContract =
+      require('./services/ServiceContract') as typeof import('./services/ServiceContract');
+    const value = new ServiceContract.default({
+      backgroundApi: this,
+    });
+    Object.defineProperty(this, 'serviceContract', { value });
+    return value;
+  }
 }
 export default BackgroundApi;

packages/kit-bg/src/BackgroundApiProxy.ts

@@ -16,6 +16,7 @@ import type ServiceApp from './services/ServiceApp';
 import type ServiceBatchTransfer from './services/ServiceBatchTransfer';
 import type ServiceBootstrap from './services/ServiceBootstrap';
 import type ServiceCloudBackup from './services/ServiceCloudBackup';
+import type ServiceContract from './services/ServiceContract';
 import type ServiceCronJob from './services/ServiceCronJob';
 import type ServiceDapp from './services/ServiceDapp';
 import type ServiceDerivationPath from './services/ServiceDerivationPath';
@@ -176,6 +177,10 @@ class BackgroundApiProxy
     'serviceLimitOrder',
   ) as ServiceLimitOrder;
 
+  serviceContract = this._createProxyService(
+    'serviceContract',
+  ) as ServiceContract;
+
   _createProxyService(name = 'ROOT') {
     if (this._serviceCreatedNames[name]) {
       throw new Error(`_createProxyService name duplicated. name=${name}`);

packages/kit-bg/src/IBackgroundApi.ts

@@ -14,6 +14,7 @@ import type ServiceApp from './services/ServiceApp';
 import type ServiceBatchTransfer from './services/ServiceBatchTransfer';
 import type ServiceBootstrap from './services/ServiceBootstrap';
 import type ServiceCloudBackup from './services/ServiceCloudBackup';
+import type ServiceContract from './services/ServiceContract';
 import type ServiceCronJob from './services/ServiceCronJob';
 import type ServiceDapp from './services/ServiceDapp';
 import type ServiceDerivationPath from './services/ServiceDerivationPath';
@@ -109,4 +110,5 @@ export interface IBackgroundApi extends IBackgroundApiBridge {
   serviceFiatPay: ServiceFiatPay;
   serviceAddressbook: ServiceAddressbook;
   serviceLimitOrder: ServiceLimitOrder;
+  serviceContract: ServiceContract;
 }

packages/kit-bg/src/services/ServiceContract.ts

@@ -0,0 +1,99 @@
+/* eslint-disable @typescript-eslint/require-await */
+
+import { Interface } from '@ethersproject/abi';
+
+import {
+  backgroundClass,
+  backgroundMethod,
+} from '@onekeyhq/shared/src/background/backgroundDecorators';
+
+import ServiceBase from './ServiceBase';
+
+import type { Fragment, JsonFragment } from '@ethersproject/abi';
+
+type EvmTransactionParams = {
+  abi: string | readonly (string | Fragment | JsonFragment)[];
+  method: string;
+  params: any[];
+};
+
+const lidoReferralAddress = '0xc1e92BD5d1aa6e5f5F299D0490BefD9D8E5a887a';
+
+const LIDO_ABI = [
+  {
+    constant: false,
+    inputs: [{ name: '_referral', type: 'address' }],
+    name: 'submit',
+    outputs: [{ name: '', type: 'uint256' }],
+    payable: true,
+    stateMutability: 'payable',
+    type: 'function',
+  },
+];
+
+const WETH9_ABI = [
+  {
+    constant: false,
+    inputs: [
+      {
+        'name': 'wad',
+        'type': 'uint256',
+      },
+    ],
+    name: 'withdraw',
+    outputs: [],
+    payable: false,
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
+  {
+    constant: false,
+    inputs: [],
+    name: 'deposit',
+    outputs: [],
+    payable: true,
+    stateMutability: 'payable',
+    type: 'function',
+  },
+];
+
+@backgroundClass()
+class ServiceContract extends ServiceBase {
+  private async buildEvmTransaction({
+    abi,
+    method,
+    params,
+  }: EvmTransactionParams) {
+    const inter = new Interface(abi);
+    return inter.encodeFunctionData(inter.getFunction(method), params);
+  }
+
+  @backgroundMethod()
+  async buildWrapTransaction() {
+    return this.buildEvmTransaction({
+      abi: WETH9_ABI,
+      method: 'deposit',
+      params: [],
+    });
+  }
+
+  @backgroundMethod()
+  async buildUnwrapTransaction(wad: number) {
+    return this.buildEvmTransaction({
+      abi: WETH9_ABI,
+      method: 'withdraw',
+      params: [wad],
+    });
+  }
+
+  @backgroundMethod()
+  async buildLidoStakeTransaction() {
+    return this.buildEvmTransaction({
+      abi: LIDO_ABI,
+      method: 'submit',
+      params: [lidoReferralAddress],
+    });
+  }
+}
+
+export default ServiceContract;

packages/kit-bg/src/services/ServiceStaking.ts

@@ -33,8 +33,11 @@ import ServiceBase from './ServiceBase';
 
 import type { AxiosResponse } from 'axios';
 
-const TestnetContractAddress = '0xdCAe38cC28606e61B1e54D8b4b134588e4ca7Ab7';
-const MainnetContractAddress = '0xACBA4cFE7F30E64dA787c6Dc7Dc34f623570e758';
+const TestnetKeleContractAddress = '0xdCAe38cC28606e61B1e54D8b4b134588e4ca7Ab7';
+const MainnetKeleContractAddress = '0xACBA4cFE7F30E64dA787c6Dc7Dc34f623570e758';
+
+const TestnetLidoContractAddress = '0x1643E812aE58766192Cf7D2Cf9567dF2C37e9B7F';
+const MainnetLidoContractAddress = '0xae7ab96520DE3A18E5e111B5EaAb095312D7fE84';
 
 export interface SerializableTransactionReceipt {
   to: string;
@@ -74,10 +77,20 @@ export default class ServiceStaking extends ServiceBase {
 
   getKeleContractAddress(networkId: string): string {
     if (networkId === OnekeyNetwork.eth) {
-      return MainnetContractAddress;
+      return MainnetKeleContractAddress;
     }
     if (networkId === OnekeyNetwork.goerli) {
-      return TestnetContractAddress;
+      return TestnetKeleContractAddress;
+    }
+    throw new Error('Not supported network');
+  }
+
+  getLidoContractAddress(networkId: string) {
+    if (networkId === OnekeyNetwork.eth) {
+      return MainnetLidoContractAddress;
+    }
+    if (networkId === OnekeyNetwork.goerli) {
+      return TestnetLidoContractAddress;
     }
     throw new Error('Not supported network');
   }
@@ -105,6 +118,20 @@ export default class ServiceStaking extends ServiceBase {
     };
   }
 
+  @backgroundMethod()
+  async buildTxForStakingETHtoLido(params: {
+    value: string;
+    networkId: string;
+  }) {
+    const { serviceContract } = this.backgroundApi;
+    const data = await serviceContract.buildLidoStakeTransaction();
+    return {
+      data,
+      to: this.getLidoContractAddress(params.networkId),
+      value: params.value,
+    };
+  }
+
   @backgroundMethod()
   async setAccountStakingActivity({
     networkId,

packages/kit/src/views/Discover/MyDAppList/desktop.tsx

@@ -141,8 +141,10 @@ const FavOrHisList = ({ isFav }: { isFav: boolean }) => {
   const cardWidth = boxWidth / numColumns;
 
   const renderItem: ListRenderItem<MatchDAppItemType> = useCallback(
-    ({ item }) => <RenderItem cardWidth={cardWidth} item={item} isFav />,
-    [cardWidth],
+    ({ item }) => (
+      <RenderItem cardWidth={cardWidth} item={item} isFav={isFav} />
+    ),
+    [cardWidth, isFav],
   );
 
   const onLayout = useCallback((e: LayoutChangeEvent) => {

packages/kit/src/views/Staking/StakingETHNotes/index.tsx

@@ -43,12 +43,15 @@ export default function StakingETHNotes() {
       } catch {
         debugLogger.common.error('registerOnKele failed');
       }
+
+      const value = new BigNumber(10)
+        .exponentiatedBy(18)
+        .multipliedBy(params.amount)
+        .toFixed(0);
+
       const encodedTx =
         await backgroundApiProxy.serviceStaking.buildTxForStakingETHtoKele({
-          value: new BigNumber(10)
-            .exponentiatedBy(18)
-            .multipliedBy(params.amount)
-            .toFixed(0),
+          value,
           networkId: params.networkId,
         });
       onClose();

packages/kit/src/views/Swap/components/TokenDisplay/index.tsx

@@ -2,6 +2,7 @@ import type { FC } from 'react';
 
 import {
   Box,
+  Icon,
   Image,
   Token as TokenImage,
   Typography,
@@ -48,13 +49,18 @@ export const TokenDisplay: FC<TokenDisplayProps> = ({ token }) => {
           <Image size="4" src={network?.logoURI} />
         </Box>
       </Box>
-      <Box>
-        <Typography.DisplayLarge color="text-default" fontSize={24}>
-          {token.symbol}
-        </Typography.DisplayLarge>
-        <Typography.Body2 color="text-subdued">
-          {network?.name ?? '-'}
-        </Typography.Body2>
+      <Box flexDirection="row" alignItems="center">
+        <Box>
+          <Typography.DisplayLarge color="text-default" fontSize={24}>
+            {token.symbol}
+          </Typography.DisplayLarge>
+          <Typography.Body2 color="text-subdued">
+            {network?.name ?? '-'}
+          </Typography.Body2>
+        </Box>
+        <Box ml="1">
+          <Icon size={12} name="ChevronDownSolid" />
+        </Box>
       </Box>
     </Box>
   );