DimensionDev · Jack-Works · Feb 19, 2026
diff --git a/packages/plugins/RedPacket/src/SiteAdaptor/components/RedPacketRecord.tsx b/packages/plugins/RedPacket/src/SiteAdaptor/components/RedPacketRecord.tsx
@@ -247,7 +247,7 @@ export const RedPacketRecord = memo(function RedPacketRecord({
                     message: createSuccessResult.message,
                 },
                 total: history.total_amounts ?? '0',
-                duration: +createSuccessResult.duration,
+                duration: Number(createSuccessResult.duration),
                 token: {
                     type: TokenType.Fungible,
                     schema:

diff --git a/packages/plugins/RedPacket/src/SiteAdaptor/hooks/useCreateCallback.tsx b/packages/plugins/RedPacket/src/SiteAdaptor/hooks/useCreateCallback.tsx
@@ -11,11 +11,13 @@ import {
     SchemaType,
     useTokenConstants,
     decodeEvents,
+    type MultipleAbiEventsToMappedObject,
     ContractTransaction,
     type GasConfig,
+    type TransactionReceipt,
 } from '@masknet/web3-shared-evm'
 import { EVMWeb3 } from '@masknet/web3-providers'
-import { useRedPacketContract } from './useRedPacketContract.js'
+import { getRedPacketContractAbi, useRedPacketContract } from './useRedPacketContract.js'
 
 export interface RedPacketSettings {
     shares: number
@@ -151,7 +153,14 @@ export function useCreateCallback(
     const redPacketContract = useRedPacketContract(chainId, version)
     const getCreateParams = useCreateParamsCallback(expectedChainId, redPacketSettings, version, publicKey)
 
-    return useAsyncFn(async () => {
+    return useAsyncFn(async (): Promise<
+        | {
+              hash: string
+              receipt: TransactionReceipt
+              events: undefined | MultipleAbiEventsToMappedObject<ReturnType<typeof getRedPacketContractAbi>>
+          }
+        | undefined
+    > => {
         const token = redPacketSettings.token
         const createParams = await getCreateParams()
         if (!token || !redPacketContract || !createParams) return
@@ -184,14 +193,14 @@ export function useCreateCallback(
         })
         const receipt = await EVMWeb3.getTransactionReceipt(hash, { chainId })
         if (receipt) {
-            const events = decodeEvents(redPacketContract.options.jsonInterface, receipt.logs)
+            const events = decodeEvents(getRedPacketContractAbi(version), receipt.logs)
 
             return {
                 hash,
                 receipt,
                 events,
             }
         }
-        return { hash, receipt }
+        return { hash, receipt, events: undefined }
     }, [account, redPacketContract, redPacketSettings.token, gasOption, chainId, getCreateParams])
 }
diff --git a/packages/plugins/RedPacket/src/SiteAdaptor/hooks/useCreateFTRedpacketCallback.ts b/packages/plugins/RedPacket/src/SiteAdaptor/hooks/useCreateFTRedpacketCallback.ts
@@ -68,16 +68,10 @@ export function useCreateFTRedpacketCallback(
 
         if (!settings.token) return
 
-        const CreationSuccess = (events?.CreationSuccess?.returnValues ?? {}) as {
-            creation_time: string
-            creator: string
-            id: string
-            token_address: string
-            total: string
-        }
+        const CreationSuccess = events?.CreationSuccess?.returnValues
 
         // the events log is not available
-        if (!events?.CreationSuccess?.returnValues.id) return
+        if (!CreationSuccess?.id) return
         const senderName = settings.name || getLastRecognizedIdentity()?.identifier?.userId
         const redpacketPayload = {
             sender: {
@@ -90,7 +84,7 @@ export function useCreateFTRedpacketCallback(
             rpid: CreationSuccess.id,
             total: CreationSuccess.total,
             duration: settings.duration,
-            creation_time: Number.parseInt(CreationSuccess.creation_time, 10) * 1000,
+            creation_time: Number(CreationSuccess.creation_time * 1000n),
             token: settings.token,
         } as const
         Object.assign(payload.current, redpacketPayload)

diff --git a/packages/plugins/RedPacket/src/SiteAdaptor/hooks/useCreateNftRedPacketReceipt.ts b/packages/plugins/RedPacket/src/SiteAdaptor/hooks/useCreateNftRedPacketReceipt.ts
@@ -1,11 +1,10 @@
 import { useAsyncRetry } from 'react-use'
-import type { AbiItem } from 'web3-utils'
 import type { NetworkPluginID } from '@masknet/shared-base'
 import { type ChainId, useNftRedPacketConstants, decodeEvents } from '@masknet/web3-shared-evm'
-import NFT_REDPACKET_ABI from '@masknet/web3-contracts/abis/NftRedPacket.json' with { type: 'json' }
 import { useChainContext } from '@masknet/web3-hooks-base'
 import { isSameAddress } from '@masknet/web3-shared-base'
 import { EVMWeb3 } from '@masknet/web3-providers'
+import { NftRedPacketAbi } from '@masknet/web3-contracts/types/NftRedPacket.js'
 
 export function useCreateNftRedPacketReceipt(txid: string, expectedChainId: ChainId) {
     const { chainId } = useChainContext<NetworkPluginID.PLUGIN_EVM>({ chainId: expectedChainId })
@@ -19,19 +18,12 @@ export function useCreateNftRedPacketReceipt(txid: string, expectedChainId: Chai
         const log = receipt.logs.find((log) => isSameAddress(log.address, RED_PACKET_NFT_ADDRESS))
         if (!log) return null
 
-        const eventParams = decodeEvents(NFT_REDPACKET_ABI as AbiItem[], [log]) as unknown as {
-            CreationSuccess: {
-                returnValues: {
-                    id: string
-                    creation_time: string
-                }
-            }
-        }
+        const eventParams = decodeEvents(NftRedPacketAbi, [log])
 
-        const { returnValues } = eventParams.CreationSuccess
+        const { returnValues } = eventParams.CreationSuccess!
         return {
-            rpid: returnValues.id || '',
-            creation_time: Number.parseInt(returnValues.creation_time, 10) * 1000,
+            rpid: returnValues.id,
+            creation_time: Number(returnValues.creation_time * 1000n),
         }
     }, [txid, chainId, RED_PACKET_NFT_ADDRESS])
 }
diff --git a/packages/plugins/RedPacket/src/SiteAdaptor/hooks/useCreateNftRedpacketCallback.ts b/packages/plugins/RedPacket/src/SiteAdaptor/hooks/useCreateNftRedpacketCallback.ts
@@ -1,5 +1,5 @@
 import type { NetworkPluginID } from '@masknet/shared-base'
-import type { NftRedPacket } from '@masknet/web3-contracts/types/NftRedPacket.js'
+import { NftRedPacketAbi, type NftRedPacket } from '@masknet/web3-contracts/types/NftRedPacket.js'
 import { useChainContext } from '@masknet/web3-hooks-base'
 import { useGasConfig } from '@masknet/web3-hooks-evm'
 import { EVMWeb3 } from '@masknet/web3-providers'
@@ -9,6 +9,8 @@ import {
     decodeEvents,
     type GasConfig,
     isValidAddress,
+    type MultipleAbiEventsToMappedObject,
+    type TransactionReceipt,
 } from '@masknet/web3-shared-evm'
 import { useQuery } from '@tanstack/react-query'
 import { BigNumber } from 'bignumber.js'
@@ -82,7 +84,15 @@ export function useCreateNftRedpacketCallback({
         return new BigNumber(gasPrice).multipliedBy(gasLimit).multipliedBy(1.5).toFixed()
     }, [gasLimit, gasPrice])
 
-    const [{ loading }, createCallback] = useAsyncFn(async () => {
+    const [{ loading }, createCallback] = useAsyncFn(async (): Promise<
+        | undefined
+        | {
+              hash: string
+              receipt: TransactionReceipt
+              events: undefined | MultipleAbiEventsToMappedObject<NftRedPacketAbi>
+          }
+        | undefined
+    > => {
         const nftRedPacketContract = createNftRedpacketContract(chainId)
         if (!nftRedPacketContract || !isValidAddress(contractAddress) || tokenIds.length === 0 || !gasLimit) {
             return
@@ -115,10 +125,10 @@ export function useCreateNftRedpacketCallback({
             return {
                 hash,
                 receipt,
-                events: decodeEvents(nftRedPacketContract.options.jsonInterface, receipt.logs),
+                events: decodeEvents(NftRedPacketAbi, receipt.logs),
             }
         }
-        return { hash, receipt }
+        return { hash, receipt, events: undefined }
     }, [duration, message, creator, contractAddress, tokenIds, account, chainId, gasOption, gasLimit])
 
     return { gasLimit, estimateGasFee, loading, createCallback }

diff --git a/packages/plugins/RedPacket/src/SiteAdaptor/hooks/useCreateRedPacketReceipt.ts b/packages/plugins/RedPacket/src/SiteAdaptor/hooks/useCreateRedPacketReceipt.ts
@@ -1,30 +1,16 @@
 import { NetworkPluginID } from '@masknet/shared-base'
-import REDPACKET_ABI from '@masknet/web3-contracts/abis/HappyRedPacketV4.json' with { type: 'json' }
 import { useEnvironmentContext, useWeb3Connection } from '@masknet/web3-hooks-base'
 import { isSameAddress } from '@masknet/web3-shared-base'
-import { type ChainId, decodeEvents, useRedPacketConstants } from '@masknet/web3-shared-evm'
+import {
+    type AbiEventToPrimitiveType,
+    type ChainId,
+    decodeEvents,
+    useRedPacketConstants,
+} from '@masknet/web3-shared-evm'
 import { useQuery } from '@tanstack/react-query'
-import type { AbiItem } from 'web3-utils'
 import { getRedpacket } from '../helpers/getRedpacket.js'
+import { HappyRedPacketV4Abi } from '@masknet/web3-contracts/types/HappyRedPacketV4.js'
 
-type CreationSuccessEventParams = {
-    id: string
-    /** seconds in string */
-    creation_time: string
-    /** creator wallet address */
-    creator: string
-    /** seconds in string */
-    duration: '86400'
-    ifrandom: boolean
-    message: string
-    /** creator's name */
-    name: string
-    /** account in string*/
-    number: string
-    token_address: HexString
-    /** account in string*/
-    total: string
-}
 export function useCreateRedPacketReceipt(txHashOrAccountId: string, chainId: ChainId, enabled?: boolean) {
     const { pluginID } = useEnvironmentContext()
     const { HAPPY_RED_PACKET_ADDRESS_V4 } = useRedPacketConstants(chainId)
@@ -34,7 +20,7 @@ export function useCreateRedPacketReceipt(txHashOrAccountId: string, chainId: Ch
         enabled,
         // eslint-disable-next-line @tanstack/query/exhaustive-deps
         queryKey: ['redpacket', 'creation-success-params', chainId, txHashOrAccountId],
-        queryFn: async () => {
+        queryFn: async (): Promise<AbiEventToPrimitiveType<HappyRedPacketV4Abi, 'CreationSuccess'> | null> => {
             if (!txHashOrAccountId || !Web3) return null
 
             if (pluginID === NetworkPluginID.PLUGIN_EVM) {
@@ -44,27 +30,22 @@ export function useCreateRedPacketReceipt(txHashOrAccountId: string, chainId: Ch
                 const log = receipt.logs.find((log) => isSameAddress(log.address, HAPPY_RED_PACKET_ADDRESS_V4))
                 if (!log) return null
 
-                const eventParams = decodeEvents(REDPACKET_ABI as AbiItem[], [log]) as unknown as {
-                    CreationSuccess: {
-                        returnValues: CreationSuccessEventParams
-                    }
-                }
-
-                return eventParams.CreationSuccess.returnValues
+                const eventParams = decodeEvents(HappyRedPacketV4Abi, [log])
+                return eventParams.CreationSuccess!.returnValues
             }
             const result = await getRedpacket(txHashOrAccountId)
 
             return {
-                id: txHashOrAccountId,
-                creation_time: result.createTime.toString(),
-                creator: result.creator.toBase58(),
-                duration: '86400',
+                id: txHashOrAccountId as `0x${string}`,
+                creation_time: BigInt(result.createTime.toString()),
+                creator: result.creator.toBase58() as `0x${string}`,
+                duration: 86400n,
                 ifrandom: result.ifSpiltRandom,
                 message: result.message,
                 name: result.name,
-                number: result.totalNumber.toString(),
-                token_address: result.tokenAddress.toBase58(),
-                total: result.totalAmount.toString(),
+                number: BigInt(result.totalNumber.toString()),
+                token_address: result.tokenAddress.toBase58() as `0x${string}`,
+                total: BigInt(result.totalAmount.toString()),
             }
         },
     })

diff --git a/packages/plugins/RedPacket/src/SiteAdaptor/hooks/useRedPacketContract.ts b/packages/plugins/RedPacket/src/SiteAdaptor/hooks/useRedPacketContract.ts
@@ -1,14 +1,9 @@
 import { useContract } from '@masknet/web3-hooks-evm'
-import HappyRedPacketV1ABI from '@masknet/web3-contracts/abis/HappyRedPacketV1.json' with { type: 'json' }
-import HappyRedPacketV2ABI from '@masknet/web3-contracts/abis/HappyRedPacketV2.json' with { type: 'json' }
-import HappyRedPacketV3ABI from '@masknet/web3-contracts/abis/HappyRedPacketV3.json' with { type: 'json' }
-import HappyRedPacketV4ABI from '@masknet/web3-contracts/abis/HappyRedPacketV4.json' with { type: 'json' }
-import type { HappyRedPacketV1 } from '@masknet/web3-contracts/types/HappyRedPacketV1.js'
-import type { HappyRedPacketV2 } from '@masknet/web3-contracts/types/HappyRedPacketV2.js'
-import type { HappyRedPacketV3 } from '@masknet/web3-contracts/types/HappyRedPacketV3.js'
-import type { HappyRedPacketV4 } from '@masknet/web3-contracts/types/HappyRedPacketV4.js'
+import { HappyRedPacketV1Abi, type HappyRedPacketV1 } from '@masknet/web3-contracts/types/HappyRedPacketV1.js'
+import { HappyRedPacketV2Abi, type HappyRedPacketV2 } from '@masknet/web3-contracts/types/HappyRedPacketV2.js'
+import { HappyRedPacketV3Abi, type HappyRedPacketV3 } from '@masknet/web3-contracts/types/HappyRedPacketV3.js'
+import { HappyRedPacketV4Abi, type HappyRedPacketV4 } from '@masknet/web3-contracts/types/HappyRedPacketV4.js'
 import { type ChainId, useRedPacketConstants } from '@masknet/web3-shared-evm'
-import type { AbiItem } from 'web3-utils'
 
 export function useRedPacketContract(chainId: ChainId, version: number) {
     const {
@@ -17,10 +12,15 @@ export function useRedPacketContract(chainId: ChainId, version: number) {
         HAPPY_RED_PACKET_ADDRESS_V3: addressV3,
         HAPPY_RED_PACKET_ADDRESS_V4: addressV4,
     } = useRedPacketConstants(chainId)
-    const v1 = useContract<HappyRedPacketV1>(chainId, addressV1, HappyRedPacketV1ABI as AbiItem[])
-    const v2 = useContract<HappyRedPacketV2>(chainId, addressV2, HappyRedPacketV2ABI as AbiItem[])
-    const v3 = useContract<HappyRedPacketV3>(chainId, addressV3, HappyRedPacketV3ABI as AbiItem[])
-    const v4 = useContract<HappyRedPacketV4>(chainId, addressV4, HappyRedPacketV4ABI as AbiItem[])
+    const v1 = useContract<HappyRedPacketV1>(chainId, addressV1, HappyRedPacketV1Abi)
+    const v2 = useContract<HappyRedPacketV2>(chainId, addressV2, HappyRedPacketV2Abi)
+    const v3 = useContract<HappyRedPacketV3>(chainId, addressV3, HappyRedPacketV3Abi)
+    const v4 = useContract<HappyRedPacketV4>(chainId, addressV4, HappyRedPacketV4Abi)
     const versions = [v1, v2, v3, v4] as const
     return versions[version - 1]
 }
+
+export function getRedPacketContractAbi(version: number) {
+    const versions = [HappyRedPacketV1Abi, HappyRedPacketV2Abi, HappyRedPacketV3Abi, HappyRedPacketV4Abi] as const
+    return versions[version - 1]!
+}
diff --git a/packages/plugins/RedPacket/src/SiteAdaptor/views/NftRedPacketConfirm.tsx b/packages/plugins/RedPacket/src/SiteAdaptor/views/NftRedPacketConfirm.tsx
@@ -150,9 +150,7 @@ export function NftRedPacketConfirm() {
         if (typeof receipt?.transactionHash !== 'string') return
         setTransactionId(receipt.transactionHash)
         RedPacketRPC.addRedPacketNft({ id: receipt.transactionHash, password: privateKey, contract_version: 1 })
-        const { id } = (events?.CreationSuccess?.returnValues ?? {}) as {
-            id?: string
-        }
+        const { id } = events?.CreationSuccess?.returnValues ?? {}
         if (!id) return
         onSendPost(id)
         navigate(RoutePaths.Exit)

diff --git a/packages/web3-providers/src/Web3/EVM/apis/ContractReadonlyAPI.ts b/packages/web3-providers/src/Web3/EVM/apis/ContractReadonlyAPI.ts
@@ -11,14 +11,14 @@ import type { Wallet } from '@masknet/web3-contracts/types/Wallet.js'
 import type { BaseContract } from '@masknet/web3-contracts/types/types.js'
 import type { AirdropV2 } from '@masknet/web3-contracts/types/AirdropV2.js'
 
-import AirDropV2ABI from '@masknet/web3-contracts/abis/AirdropV2.json' with { type: 'json' }
-import BalanceCheckerABI from '@masknet/web3-contracts/abis/BalanceChecker.json' with { type: 'json' }
-import ERC20ABI from '@masknet/web3-contracts/abis/ERC20.json' with { type: 'json' }
-import ERC20Bytes32ABI from '@masknet/web3-contracts/abis/ERC20Bytes32.json' with { type: 'json' }
-import ERC165ABI from '@masknet/web3-contracts/abis/ERC165.json' with { type: 'json' }
-import ERC721ABI from '@masknet/web3-contracts/abis/ERC721.json' with { type: 'json' }
-import ERC1155ABI from '@masknet/web3-contracts/abis/ERC1155.json' with { type: 'json' }
-import WalletABI from '@masknet/web3-contracts/abis/Wallet.json' with { type: 'json' }
+import { AirdropV2Abi as AirDropV2ABI } from '@masknet/web3-contracts/types/AirdropV2.js'
+import { BalanceCheckerAbi as BalanceCheckerABI } from '@masknet/web3-contracts/types/BalanceChecker.js'
+import { ERC20Abi as ERC20ABI } from '@masknet/web3-contracts/types/ERC20.js'
+import { ERC20Bytes32Abi as ERC20Bytes32ABI } from '@masknet/web3-contracts/types/ERC20Bytes32.js'
+import { ERC165Abi as ERC165ABI } from '@masknet/web3-contracts/types/ERC165.js'
+import { ERC721Abi as ERC721ABI } from '@masknet/web3-contracts/types/ERC721.js'
+import { ERC1155Abi as ERC1155ABI } from '@masknet/web3-contracts/types/ERC1155.js'
+import { WalletAbi as WalletABI } from '@masknet/web3-contracts/types/Wallet.js'
 
 import { EVMRequestReadonlyAPI } from './RequestReadonlyAPI.js'
 import type { EVMConnectionOptions } from '../types/index.js'
@@ -46,35 +46,35 @@ export class EVMContractReadonlyAPI {
     }
 
     getERC20Contract(address: string | undefined, initial?: EVMConnectionOptions) {
-        return this.getWeb3Contract<ERC20>(address, ERC20ABI as AbiItem[], initial)
+        return this.getWeb3Contract<ERC20>(address, ERC20ABI, initial)
     }
 
     getERC20Bytes32Contract(address: string | undefined, initial?: EVMConnectionOptions) {
-        return this.getWeb3Contract<ERC20Bytes32>(address, ERC20Bytes32ABI as AbiItem[], initial)
+        return this.getWeb3Contract<ERC20Bytes32>(address, ERC20Bytes32ABI, initial)
     }
 
     getERC721Contract(address: string | undefined, initial?: EVMConnectionOptions) {
-        return this.getWeb3Contract<ERC721>(address, ERC721ABI as AbiItem[], initial)
+        return this.getWeb3Contract<ERC721>(address, ERC721ABI, initial)
     }
 
     getERC1155Contract(address: string | undefined, initial?: EVMConnectionOptions) {
-        return this.getWeb3Contract<ERC1155>(address, ERC1155ABI as AbiItem[], initial)
+        return this.getWeb3Contract<ERC1155>(address, ERC1155ABI, initial)
     }
 
     getERC165Contract(address: string | undefined, initial?: EVMConnectionOptions) {
-        return this.getWeb3Contract<ERC165>(address, ERC165ABI as AbiItem[], initial)
+        return this.getWeb3Contract<ERC165>(address, ERC165ABI, initial)
     }
 
     getBalanceCheckerContract(address: string | undefined, initial?: EVMConnectionOptions) {
-        return this.getWeb3Contract<BalanceChecker>(address, BalanceCheckerABI as AbiItem[], initial)
+        return this.getWeb3Contract<BalanceChecker>(address, BalanceCheckerABI, initial)
     }
 
     getWalletContract(address: string | undefined, initial?: EVMConnectionOptions) {
-        return this.getWeb3Contract<Wallet>(address, WalletABI as AbiItem[], initial)
+        return this.getWeb3Contract<Wallet>(address, WalletABI, initial)
     }
 
     getAirdropV2Contract(address: string | undefined, initial?: EVMConnectionOptions) {
-        return this.getWeb3Contract<AirdropV2>(address, AirDropV2ABI as AbiItem[], initial)
+        return this.getWeb3Contract<AirdropV2>(address, AirDropV2ABI, initial)
     }
 }
 export const EVMContractReadonly = EVMContractReadonlyAPI.Default