feat: detect eip7702 transactions

_raw/locales/en/messages.json

@@ -2528,6 +2528,9 @@
         "description": "You're all set to use Rabby Wallet",
         "button": "Done"
       }
+    },
+    "eip7702": {
+      "alert": "EIP-7702 is not supported yet"
     }
   },
   "component": {

_raw/locales/zh-CN/messages.json

@@ -2569,6 +2569,9 @@
     "metamaskModeDapps": {
       "title": "MetaMask 模式",
       "desc": "MetaMask 模式已为以下 Dapps 启用。您可以通过选择 MetaMask 选项连接 Rabby。"
+    },
+    "eip7702": {
+      "alert": "EIP-7702 尚未支持"
     }
   },
   "component": {
@@ -2782,4 +2785,4 @@
     },
     "IMPORTED_HD_KEYRING_NEED_PASSPHRASE": "通过助记词（密码）导入"
   }
-}
+}

src/background/controller/provider/controller.ts

@@ -48,7 +48,12 @@ import {
 import buildinProvider from 'background/utils/buildinProvider';
 import BaseController from '../base';
 import { Account } from 'background/service/preference';
-import { validateGasPriceRange, is1559Tx } from '@/utils/transaction';
+import {
+  validateGasPriceRange,
+  is1559Tx,
+  ApprovalRes,
+  is7702Tx,
+} from '@/utils/transaction';
 import stats from '@/stats';
 import BigNumber from 'bignumber.js';
 import { AddEthereumChainParams } from '@/ui/views/Approval/components/AddChain/type';
@@ -95,28 +100,6 @@ const convertToHex = (data: Buffer | bigint) => {
   return bufferToHex(data);
 };
 
-interface ApprovalRes extends Tx {
-  type?: string;
-  address?: string;
-  uiRequestComponent?: string;
-  isSend?: boolean;
-  isSpeedUp?: boolean;
-  isCancel?: boolean;
-  isSwap?: boolean;
-  isGnosis?: boolean;
-  account?: Account;
-  extra?: Record<string, any>;
-  traceId?: string;
-  $ctx?: any;
-  signingTxId?: string;
-  pushType?: TxPushType;
-  lowGasDeadline?: number;
-  reqId?: string;
-  isGasLess?: boolean;
-  isGasAccount?: boolean;
-  logId?: string;
-}
-
 interface Web3WalletPermission {
   // The name of the method corresponding to the permission
   parentCapability: string;
@@ -406,6 +389,13 @@ class ProviderController extends BaseController {
     delete approvalRes.isGasAccount;
 
     let is1559 = is1559Tx(approvalRes);
+    const is7702 = is7702Tx(approvalRes);
+
+    if (is7702) {
+      // todo
+      throw new Error('not support 7702');
+    }
+
     if (
       is1559 &&
       approvalRes.maxFeePerGas === approvalRes.maxPriorityFeePerGas

src/ui/views/Approval/components/EIP7702Warning.tsx

@@ -0,0 +1,49 @@
+import { Button } from 'antd';
+import clsx from 'clsx';
+import React, { useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import IconWarning from 'ui/assets/warning.svg';
+import { useApproval } from 'ui/utils';
+import Browser from 'webextension-polyfill';
+
+export const EIP7702Warning = () => {
+  const [, , rejectApproval] = useApproval();
+  const { t } = useTranslation();
+
+  useEffect(() => {
+    Browser.windows.getCurrent().then((window) => {
+      if (window.id) {
+        Browser.windows.update(window.id, {
+          height: 390,
+        });
+      }
+    });
+  }, []);
+  return (
+    <>
+      <div className="approval-add-asset">
+        <>
+          <img
+            src={IconWarning}
+            className="w-[68px] h-[68px] mt-[72px] mb-[20px] mx-auto"
+          />
+          <div className="text-r-neutral-body text-[20px] leading-[26px] w-[344px] mx-auto font-medium text-center">
+            {t('page.eip7702.alert')}
+          </div>
+        </>
+      </div>
+      <footer className="connect-footer p-[20px]">
+        <div className={clsx(['action-buttons flex mt-4', 'justify-center'])}>
+          <Button
+            type="primary"
+            size="large"
+            className="w-[200px]"
+            onClick={() => rejectApproval()}
+          >
+            {t('global.ok')}
+          </Button>
+        </div>
+      </footer>
+    </>
+  );
+};

src/ui/views/Approval/components/SignTx.tsx

@@ -87,6 +87,7 @@ import {
   ParsedTransactionActionData,
 } from '@rabby-wallet/rabby-action';
 import { ga4 } from '@/utils/ga4';
+import { EIP7702Warning } from './EIP7702Warning';
 
 interface BasicCoboArgusInfo {
   address: string;
@@ -144,6 +145,12 @@ export const normalizeTxParams = (tx) => {
         copy.data = `0x${tx.data}`;
       }
     }
+
+    if ('authorizationList' in copy) {
+      copy.authorizationList = copy.authorizationList.map((item) => {
+        return normalizeHex(item);
+      });
+    }
   } catch (e) {
     Sentry.captureException(
       new Error(`normalizeTxParams failed, ${JSON.stringify(e)}`)
@@ -468,6 +475,7 @@ const SignTx = ({ params, origin }: SignTxProps) => {
   const wallet = useWallet();
   if (!chain) throw new Error('No support chain found');
   const [support1559, setSupport1559] = useState(chain.eip['1559']);
+  const [support7702, setSupport7702] = useState(chain.eip['7702']);
   const [isLedger, setIsLedger] = useState(false);
   const { userData, rules, currentTx, tokenDetail } = useRabbySelector((s) => ({
     userData: s.securityEngine.userData,
@@ -570,7 +578,15 @@ const SignTx = ({ params, origin }: SignTxProps) => {
     isViewGnosisSafe,
     reqId,
     safeTxGas,
-  } = normalizeTxParams(params.data[0]);
+    authorizationList,
+  } = useMemo(() => {
+    return normalizeTxParams(params.data[0]);
+  }, [params.data]);
+
+  // is eip7702
+  if (authorizationList) {
+    return <EIP7702Warning />;
+  }
 
   const [pushInfo, setPushInfo] = useState<{
     type: TxPushType;

src/utils/transaction.ts

@@ -10,11 +10,40 @@ import {
   SAFE_GAS_LIMIT_BUFFER,
   SAFE_GAS_LIMIT_RATIO,
 } from 'consts';
-import { ExplainTxResponse, GasLevel, Tx } from 'background/service/openapi';
+import {
+  ExplainTxResponse,
+  GasLevel,
+  Tx,
+  TxPushType,
+} from 'background/service/openapi';
 import { findChain } from './chain';
 import type { WalletControllerType } from '@/ui/utils';
 import { Chain } from '@debank/common';
 import i18n from '@/i18n';
+import { Account } from 'background/service/preference';
+
+export interface ApprovalRes extends Tx {
+  type?: string;
+  address?: string;
+  uiRequestComponent?: string;
+  isSend?: boolean;
+  isSpeedUp?: boolean;
+  isCancel?: boolean;
+  isSwap?: boolean;
+  isGnosis?: boolean;
+  account?: Account;
+  extra?: Record<string, any>;
+  traceId?: string;
+  $ctx?: any;
+  signingTxId?: string;
+  pushType?: TxPushType;
+  lowGasDeadline?: number;
+  reqId?: string;
+  isGasLess?: boolean;
+  isGasAccount?: boolean;
+  logId?: string;
+  authorizationList?: (Uint8Array | string)[];
+}
 
 export const validateGasPriceRange = (tx: Tx) => {
   const chain = findChain({
@@ -63,6 +92,19 @@ export const is1559Tx = (tx: Tx) => {
   return isHexString(tx.maxFeePerGas!) && isHexString(tx.maxPriorityFeePerGas!);
 };
 
+export const is7702Tx = (tx: ApprovalRes) => {
+  if ('authorizationList' in tx) {
+    if (
+      Array.isArray(tx.authorizationList) &&
+      tx.authorizationList.length > 0
+    ) {
+      return true;
+    }
+  }
+
+  return false;
+};
+
 export function getKRCategoryByType(type?: string) {
   return KEYRING_CATEGORY_MAP[type as any] || null;
 }