`AbiContractForm`

[leovigna]

Description

The ABI Contract Form is used to interact with a smart contract.

Components

• AbiInput: An input field with validation for different input types (address, uint256, bytes...).
• AbiForm: From for a function call on smart contract.
• AbiContractForm: Collection of forms for each available function on the interface.

Features

• Validation for inputs
• Create temp transaction while awaiting for input
• Notify when transactions sent, confirmations
• Read/Write transactions => Calls simply use web3, Transactions require connected wallet web3Sender

Examples

Tasks

• [] Initial Form design using UI Framework (reactstrap, chakra etc...) form
• [] AbiInput validation
• [] AbiForm created by combining AbiInputs
• [] AbiForm connect to web3-redux for backend call / send tx
• [] AbiContractForm generated from abi of stored contract

[netanelben]

/cib

[github-actions[bot]]

Branch issue-126 created! Clone with: git fetch && git checkout --track origin/issue-126 Rebase develop branch changes with: git checkout issue-126 && git rebase develop

[leovigna]

https://etherscan.io/token/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48#writeProxyContract

[leovigna]

https://docs.soliditylang.org/en/latest/abi-spec.html

[leovigna]

https://docs.soliditylang.org/en/latest/abi-spec.html#json

[leovigna]

https://web3js.readthedocs.io/en/v1.7.3/web3-utils.html#ishexstrict https://web3js.readthedocs.io/en/v1.7.3/web3-utils.html#isaddress https://web3js.readthedocs.io/en/v1.7.3/web3-utils.html#tochecksumaddress

[leovigna]

Validate bytes length for fixed byte types.

[leovigna]

Use the web3-eth ABI Typescript types.

[leovigna]

import { AbiItem } from 'web3-utils';

[leovigna]

import { AbiItem } from '../../utils/web3-utils/index.js';