setIsExpanded(!isExpanded)}>
{isReadOnly ? 'CALL' : 'SEND'}
i.name + ': ' + i.type).join(', ') + ')'}>
{functionName}
(
{functionAbi.inputs.map((input, idx) =>
{input.name}
:
{input.type}
{idx < functionAbi.inputs.length - 1 && , }
)}
)
{description &&
{description}
}
{}
setIsChainDropdownOpen(!isChainDropdownOpen)} className={'flex items-center justify-between px-3 py-2 rounded-lg border cursor-pointer ' + (isDark ? 'bg-zinc-800 border-zinc-700 hover:border-zinc-600' : 'bg-white border-zinc-300 hover:border-zinc-400')}>
{currentChain && }
{chainDisplayName}
{isChainDropdownOpen &&
setChainSearchTerm(e.target.value)} onClick={e => e.stopPropagation()} autoFocus className={'w-full px-3 py-2 text-sm border-b focus:outline-none ' + (isDark ? 'bg-transparent border-zinc-700 text-white placeholder-zinc-500' : 'bg-transparent border-zinc-200 text-zinc-900 placeholder-zinc-400')} />
{availableChains.length === 0 ?
No chains available
: availableChains.filter(chain => chain.name.toLowerCase().includes(chainSearchTerm.toLowerCase())).map(chain =>
{
setSelectedChain(chain.chainId);
setIsChainDropdownOpen(false);
setChainSearchTerm('');
}} className={'flex items-center gap-2 px-3 py-2 cursor-pointer ' + (selectedChain === chain.chainId ? isDark ? 'bg-blue-600/20 text-blue-400' : 'bg-blue-50 text-blue-600' : isDark ? 'hover:bg-zinc-700 text-white' : 'hover:bg-zinc-100 text-zinc-900')}>
{chain.name}
)}
}
{}
{showDeployments &&
{defaultDeploymentAddress ?
{defaultDeploymentAddress}
: <>
setCustomAddress(e.target.value)} className={'w-full px-3 py-2 rounded-lg border text-sm font-mono focus:outline-none focus:ring-1 focus:ring-blue-500 ' + (isDark ? 'bg-zinc-800 border-zinc-700 text-white placeholder-zinc-500' : 'bg-white border-zinc-300 text-zinc-900 placeholder-zinc-400')} />
Enter your {contractName} contract address
}
}
{}
{functionAbi.inputs.length > 0 &&
PARAMETERS
{renderInputFields()}
}
{}
{functionAbi.outputs && functionAbi.outputs.length > 0 &&
RETURNS
{functionAbi.outputs.map((output, idx) => renderOutputType(output, 0))}
}
{}
{!walletConnected && !isReadOnly ? : }
{}
{error &&
{error}
}
{}
{result &&
RESPONSE
{result.type === 'read' ?
{JSON.stringify(result.formatted, null, 2)}
:
Tx: {result.hash}
Status: {result.status}
{result.blockNumber &&
Block: {result.blockNumber}
}
}
}
{}
{!deploymentAddress &&
No deployment found for {contractName} on {chainDisplayName}
}