Make me a 0xSplits widget like they have on their site but with an embed based on this code: import axios from 'axios'; import { ethers } from 'ethers'; import { ETHERSCAN_API_KEY } from '#/config/env'; const ETHERSCAN_API_URL = 'https://api.etherscan.io/api'; // ABI of the createSplit function const SPLIT_ABI = [ 'function createSplit((address[],uint256[],uint256,uint16), address, address)' ]; /** * Fetch the contract creation transaction for a given contract address. * @param contractAddress - The Split contract address */ export async function getSplitMetadata(contractAddress: string) { try { // Step 1: Get the contract creation transaction hash const creationTxRes = await axios.get(`${ETHERSCAN_API_URL}`, { params: { module: 'contract', action: 'getcontractcreation', contractaddresses: contractAddress, apikey: ETHERSCAN_API_KEY } }); const creationTxHash = creationTxRes.data.result[0].txHash; console.log(`Contract creation transaction hash: ${creationTxHash}`); // Step 2: Get the transaction details using the transaction hash const txDetailsRes = await axios.get(`${ETHERSCAN_API_URL}`, { params: { module: 'proxy', action: 'eth_getTransactionByHash', txhash: creationTxHash, apikey: ETHERSCAN_API_KEY } }); const inputData = txDetailsRes.data.result.input; // Step 3: Decode the input data using ethers.js const iface = new ethers.utils.Interface(SPLIT_ABI); const decoded = iface.decodeFunctionData('createSplit', inputData); console.debug('[getSplitMetadata] decoded:', decoded); // Step 4: Convert BigNumber values to regular numbers and return the metadata const recipients = decoded[0][0]; const allocations = decoded[0][1].map((bn: ethers.BigNumber) => bn.toNumber()); const totalAllocation = decoded[0][2].toNumber(); const distributionIncentive = decoded[0][3]; return { recipients, allocations, totalAllocation, distributionIncentive, owner: decoded[1], creator: decoded[2] }; } catch (error) { console.error('Error fetching split metadata:', error); throw error; } } export default getSplitMetadata;