feat: support deploy contract transaction

packages/mask/entry-sdk/README.md

@@ -78,7 +78,7 @@ The list is built from what [MetaMask supported](https://docs.metamask.io/wallet
 
 - [x] wallet_getPermissions
 - [x] wallet_requestPermissions
-- [ ] wallet_revokePermissions
+- [ ] wallet_revokePermissions (not in EIP-2255)
 
 ## [EIP-712: Typed structured data hashing and signing](https://eips.ethereum.org/EIPS/eip-712)
 

packages/mask/entry-sdk/bridge/eth.ts

@@ -137,13 +137,10 @@ const methods = {
             account: options.from,
             silent: false,
             readonly: false,
-            // this is strange. why I cannot pass options via request.params?
-            overrides: options as any,
         })
         return p.request({
             method: EthereumMethodType.ETH_SEND_TRANSACTION,
-            // this options here actually get ignored!
-            params: options as any,
+            params: [options],
         })
     },
     async [EthereumMethodType.ETH_SEND_RAW_TRANSACTION](

packages/mask/popups/components/TransactionPreview/index.tsx

@@ -70,7 +70,7 @@ const useStyles = makeStyles()((theme) => ({
 }))
 
 interface TransactionPreviewProps {
-    transaction?: TransactionDetail
+    transaction: TransactionDetail
     paymentToken?: string
     onConfigChange: (config: GasConfig) => void
     onPaymentTokenChange: (paymentToken: string) => void
@@ -88,7 +88,7 @@ export const TransactionPreview = memo<TransactionPreviewProps>(function Transac
     const contacts = useContacts()
     const Utils = useWeb3Utils()
     const { title, to, tokenAddress, amount } = useMemo(() => {
-        const type = transaction?.formattedTransaction?.type
+        const type = transaction.formattedTransaction?.type
 
         if (!type) return {}
 
@@ -113,6 +113,10 @@ export const TransactionPreview = memo<TransactionPreviewProps>(function Transac
                 }
 
             case TransactionDescriptorType.DEPLOYMENT:
+                console.log(transaction)
+                return {
+                    title: t.wallet_transfer_deploy(),
+                }
             case TransactionDescriptorType.RETRY:
             case TransactionDescriptorType.CANCEL:
                 throw new Error('Method not implemented.')
@@ -121,7 +125,7 @@ export const TransactionPreview = memo<TransactionPreviewProps>(function Transac
         }
     }, [transaction])
 
-    const tokenId = transaction?.formattedTransaction?.popup?.tokenId
+    const tokenId = transaction.formattedTransaction?.popup?.tokenId
 
     const { data: metadata } = useNonFungibleAsset(
         NetworkPluginID.PLUGIN_EVM,
@@ -145,7 +149,6 @@ export const TransactionPreview = memo<TransactionPreviewProps>(function Transac
         :   '0'
 
     const initConfig = useMemo(() => {
-        if (!transaction?.computedPayload) return
         if (isSupport1559) {
             if (transaction.computedPayload.maxFeePerGas && transaction.computedPayload.maxPriorityFeePerGas)
                 return {
@@ -162,16 +165,14 @@ export const TransactionPreview = memo<TransactionPreviewProps>(function Transac
             gasPrice: transaction.computedPayload.gasPrice,
             gasOptionType: transaction.gasOptionType,
         }
-    }, [transaction?.computedPayload, transaction?.gasOptionType, isSupport1559])
+    }, [transaction.computedPayload, transaction.gasOptionType, isSupport1559])
 
     const receiver = useMemo(() => {
         if (domain) return Utils.formatDomainName(domain)
         const target = contacts.find((x) => isSameAddress(x.address, to))
         return target?.name
     }, [domain, to, contacts])
 
-    if (!transaction) return
-
     return (
         <Box>
             <Box className={classes.info}>
@@ -181,12 +182,14 @@ export const TransactionPreview = memo<TransactionPreviewProps>(function Transac
                         <Typography className={classes.title}>{receiver}</Typography>
                     :   null}
                 </Box>
-                <Box mt={2} display="flex" columnGap={0.5} alignItems="center">
-                    <Typography className={classes.addressTitle}>{t.to()}:</Typography>
-                    <Typography fontSize={11} fontWeight={700} lineHeight="16px">
-                        {to}
-                    </Typography>
-                </Box>
+                {to ?
+                    <Box mt={2} display="flex" columnGap={0.5} alignItems="center">
+                        <Typography className={classes.addressTitle}>{t.to()}:</Typography>
+                        <Typography fontSize={11} fontWeight={700} lineHeight="16px">
+                            {to}
+                        </Typography>
+                    </Box>
+                :   null}
             </Box>
 
             <Box display="flex" justifyContent="space-between" alignItems="center" mt={3}>

packages/mask/popups/pages/Wallet/Interaction/index.tsx

@@ -49,7 +49,12 @@ import { LoadingPlaceholder } from '../../../components/LoadingPlaceholder/index
 import { UnlockERC20Token } from '../../../components/UnlockERC20Token/index.js'
 import { UnlockERC721Token } from '../../../components/UnlockERC721Token/index.js'
 import type { JsonRpcResponse } from 'web3-core-helpers'
-import { type ReasonableMessage, parseEIP4361Message, type EIP4361Message } from '@masknet/web3-shared-base'
+import {
+    type ReasonableMessage,
+    parseEIP4361Message,
+    type EIP4361Message,
+    TransactionDescriptorType,
+} from '@masknet/web3-shared-base'
 import { useQueryClient, useSuspenseQuery } from '@tanstack/react-query'
 import { useInteractionWalletContext } from './InteractionContext.js'
 
@@ -342,9 +347,12 @@ const Interaction = memo((props: InteractionProps) => {
                 showSnackbar(
                     <Typography textAlign="center" width="275px">
                         {t.popups_wallet_rpc_error()}
+                        <br />
+                        {String((error as any).message)}
                     </Typography>,
                     {
                         variant: 'error',
+                        autoHideDuration: 5000,
                     },
                 )
             }
@@ -435,7 +443,9 @@ const InteractionItem = memo((props: InteractionItemProps) => {
 
     const t = useMaskSharedTrans()
     const { classes, cx } = useStyles()
-    const [expand, setExpand] = useState(false)
+    const [expand, setExpand] = useState(
+        transaction.formattedTransaction?.type === TransactionDescriptorType.DEPLOYMENT,
+    )
 
     const [approvedAmount, setApproveAmount] = useState('')
     const [gasConfig, setGasConfig] = useState<GasConfig | undefined>()

packages/mask/shared-ui/locales/en-US.json

@@ -292,6 +292,7 @@
     "wallet_transfer_receiving_account": "Receiving Account",
     "wallet_transfer_to_address": "To Address",
     "wallet_transfer_send": "Send",
+    "wallet_transfer_deploy": "Deploy Contract",
     "wallet_transfer_placeholder": "Ens or Address(0x)",
     "wallet_transfer_title": "Transfer",
     "wallet_transfer_my_wallets_title": "My Wallets",