LaconicNetwork/stargaze-studio
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #150 from public-awesome/release/v1.x-develop

Browse Source 
Sync v1 develop > v1 main
This commit is contained in:
Serkan Reis 2023-04-11 18:14:36 +03:00 committed by GitHub
commit 2f3065dca2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 537 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.github/CODEOWNERS vendored
View File

@ -1 +1 @@
* @findolor @MightOfOaks @name-user1
* @MightOfOaks @Ninjatosba

5
components/LinkTabs.data.ts
View File

@ -16,6 +16,11 @@ export const sg721LinkTabs: LinkTabProps[] = [
description: `Execute SG721 contract actions`,
href: '/contracts/sg721/execute',
},
{
title: 'Migrate',
description: `Migrate SG721 contract`,
href: '/contracts/sg721/migrate',
},
]
export const minterLinkTabs: LinkTabProps[] = [

88
components/collections/actions/Action.tsx
View File

@ -1,3 +1,4 @@
import { toUtf8 } from '@cosmjs/encoding'
import { AirdropUpload } from 'components/AirdropUpload'
import { Button } from 'components/Button'
import type { DispatchExecuteArgs } from 'components/collections/actions/actions'
@ -83,6 +84,22 @@ export const CollectionActions = ({
subtitle: 'Address of the recipient',
})
const tokenURIState = useInputState({
id: 'token-uri',
name: 'tokenURI',
title: 'Token URI',
subtitle: 'URI for the token',
placeholder: 'ipfs://',
})
const baseURIState = useInputState({
id: 'base-uri',
name: 'baseURI',
title: 'Base URI',
subtitle: 'Base URI to batch update token metadata with',
placeholder: 'ipfs://',
})
const whitelistState = useInputState({
id: 'whitelist-address',
name: 'whitelistAddress',
@ -90,14 +107,33 @@ export const CollectionActions = ({
subtitle: 'Address of the whitelist contract',
})
const royaltyPaymentAddressState = useInputState({
id: 'royalty-payment-address',
name: 'royaltyPaymentAddress',
title: 'Royalty Payment Address',
subtitle: 'Address to receive royalties.',
placeholder: 'stars1234567890abcdefghijklmnopqrstuvwxyz...',
})
const royaltyShareState = useInputState({
id: 'royalty-share',
name: 'royaltyShare',
title: 'Share Percentage',
subtitle: 'Percentage of royalties to be paid',
placeholder: '8%',
})
const showWhitelistField = type === 'set_whitelist'
const showDateField = type === 'update_start_time'
const showLimitField = type === 'update_per_address_limit'
const showTokenIdField = isEitherType(type, ['transfer', 'mint_for', 'burn'])
const showTokenIdField = isEitherType(type, ['transfer', 'mint_for', 'burn', 'update_token_metadata'])
const showNumberOfTokensField = type === 'batch_mint'
const showTokenIdListField = isEitherType(type, ['batch_burn', 'batch_transfer'])
const showTokenIdListField = isEitherType(type, ['batch_burn', 'batch_transfer', 'batch_update_token_metadata'])
const showRecipientField = isEitherType(type, ['transfer', 'mint_to', 'mint_for', 'batch_mint', 'batch_transfer'])
const showAirdropFileField = type === 'airdrop'
const showRoyaltyInfoFields = type === 'update_royalty_info'
const showTokenUriField = type === 'update_token_metadata'
const showBaseUriField = type === 'batch_update_token_metadata'
const payload: DispatchExecuteArgs = {
whitelist: whitelistState.value,
@ -113,6 +149,16 @@ export const CollectionActions = ({
recipient: recipientState.value,
recipients: airdropArray,
txSigner: wallet.address,
royaltyInfo: {
payment_address: royaltyPaymentAddressState.value,
share_bps: Number(royaltyShareState.value),
},
baseUri: baseURIState.value.trim().endsWith('/')
? baseURIState.value.trim().slice(0, -1)
: baseURIState.value.trim(),
tokenUri: tokenURIState.value.trim().endsWith('/')
? tokenURIState.value.trim().slice(0, -1)
: tokenURIState.value.trim(),
type,
}
@ -140,6 +186,38 @@ export const CollectionActions = ({
if (minterContractAddress === '' && sg721ContractAddress === '') {
throw new Error('Please enter minter and sg721 contract addresses!')
}
if (
type === 'update_royalty_info' &&
(royaltyShareState.value ? !royaltyPaymentAddressState.value : royaltyPaymentAddressState.value)
) {
throw new Error('Royalty payment address and share percentage are both required')
}
if (
type === 'update_royalty_info' &&
royaltyPaymentAddressState.value &&
!royaltyPaymentAddressState.value.trim().endsWith('.stars')
) {
const contractInfoResponse = await wallet.client
?.queryContractRaw(
royaltyPaymentAddressState.value.trim(),
toUtf8(Buffer.from(Buffer.from('contract_info').toString('hex'), 'hex').toString()),
)
.catch((e) => {
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
if (e.message.includes('bech32')) throw new Error('Invalid royalty payment address.')
console.log(e.message)
})
if (contractInfoResponse !== undefined) {
const contractInfo = JSON.parse(new TextDecoder().decode(contractInfoResponse as Uint8Array))
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
if (contractInfo && !contractInfo.contract.includes('splits'))
throw new Error('The provided royalty payment address does not belong to a splits contract.')
else console.log(contractInfo)
}
}
const txHash = await toast.promise(dispatchExecute(payload), {
error: `${type.charAt(0).toUpperCase() + type.slice(1)} execute failed!`,
loading: 'Executing message...',
@ -151,7 +229,7 @@ export const CollectionActions = ({
},
{
onError: (error) => {
toast.error(String(error))
toast.error(String(error), { style: { maxWidth: 'none' } })
},
},
)
@ -170,8 +248,12 @@ export const CollectionActions = ({
{showWhitelistField && <AddressInput {...whitelistState} />}
{showLimitField && <NumberInput {...limitState} />}
{showTokenIdField && <NumberInput {...tokenIdState} />}
{showTokenUriField && <TextInput className="mt-2" {...tokenURIState} />}
{showTokenIdListField && <TextInput {...tokenIdListState} />}
{showBaseUriField && <TextInput className="mt-2" {...baseURIState} />}
{showNumberOfTokensField && <NumberInput {...batchNumberState} />}
{showRoyaltyInfoFields && <TextInput className="mt-2" {...royaltyPaymentAddressState} />}
{showRoyaltyInfoFields && <NumberInput className="mt-2" {...royaltyShareState} />}
{showAirdropFileField && (
<FormGroup
subtitle="CSV file that contains the airdrop addresses and the amount of tokens allocated for each address. Should start with the following header row: address,amount"

54
components/collections/actions/actions.ts
View File

@ -1,6 +1,6 @@
import type { MinterInstance } from 'contracts/minter'
import { useMinterContract } from 'contracts/minter'
import type { SG721Instance } from 'contracts/sg721'
import type { RoyaltyInfo, SG721Instance } from 'contracts/sg721'
import { useSG721Contract } from 'contracts/sg721'
export type ActionType = typeof ACTION_TYPES[number]
@ -11,6 +11,7 @@ export const ACTION_TYPES = [
'batch_mint',
'set_whitelist',
'update_start_time',
'update_royalty_info',
'update_per_address_limit',
'withdraw',
'transfer',
@ -19,6 +20,9 @@ export const ACTION_TYPES = [
'batch_burn',
'shuffle',
'airdrop',
'update_token_metadata',
'batch_update_token_metadata',
'freeze_token_metadata',
] as const
export interface ActionListItem {
@ -48,6 +52,11 @@ export const ACTION_LIST: ActionListItem[] = [
name: 'Set Whitelist',
description: `Set whitelist contract address`,
},
{
id: 'update_royalty_info',
name: 'Update Royalty Info',
description: `Update royalty payment details`,
},
{
id: 'update_start_time',
name: 'Update Start Time',
@ -58,6 +67,21 @@ export const ACTION_LIST: ActionListItem[] = [
name: 'Update Tokens Per Address Limit',
description: `Update token per address limit`,
},
{
id: 'update_token_metadata',
name: 'Update Token Metadata',
description: `Update the metadata URI for a token`,
},
{
id: 'batch_update_token_metadata',
name: 'Batch Update Token Metadata',
description: `Update the metadata URI for a range of tokens`,
},
{
id: 'freeze_token_metadata',
name: 'Freeze Token Metadata',
description: `Render the metadata for tokens no longer updatable`,
},
{
id: 'withdraw',
name: 'Withdraw Tokens',
@ -123,7 +147,11 @@ export type DispatchExecuteArgs = {
| { type: Select<'batch_transfer'>; recipient: string; tokenIds: string }
| { type: Select<'burn'>; tokenId: number }
| { type: Select<'batch_burn'>; tokenIds: string }
| { type: Select<'update_royalty_info'>; royaltyInfo: RoyaltyInfo }
| { type: Select<'airdrop'>; recipients: string[] }
| { type: Select<'update_token_metadata'>; tokenId: number; tokenUri: string }
| { type: Select<'batch_update_token_metadata'>; tokenIds: string; baseUri: string }
| { type: Select<'freeze_token_metadata'> }
)
export const dispatchExecute = async (args: DispatchExecuteArgs) => {
@ -165,12 +193,24 @@ export const dispatchExecute = async (args: DispatchExecuteArgs) => {
case 'burn': {
return sg721Messages.burn(args.tokenId.toString())
}
case 'update_royalty_info': {
return sg721Messages.updateRoyaltyInfo(args.royaltyInfo)
}
case 'batch_burn': {
return sg721Messages.batchBurn(args.tokenIds)
}
case 'airdrop': {
return minterMessages.airdrop(txSigner, args.recipients)
}
case 'update_token_metadata': {
return sg721Messages.updateTokenMetadata(args.tokenId.toString(), args.tokenUri)
}
case 'batch_update_token_metadata': {
return sg721Messages.batchUpdateTokenMetadata(args.tokenIds, args.baseUri)
}
case 'freeze_token_metadata': {
return sg721Messages.freezeTokenMetadata()
}
default: {
throw new Error('Unknown action')
}
@ -208,6 +248,15 @@ export const previewExecutePayload = (args: DispatchExecuteArgs) => {
case 'withdraw': {
return minterMessages(minterContract)?.withdraw()
}
case 'update_token_metadata': {
return sg721Messages(sg721Contract)?.updateTokenMetadata(args.tokenId.toString(), args.tokenUri)
}
case 'batch_update_token_metadata': {
return sg721Messages(sg721Contract)?.batchUpdateTokenMetadata(args.tokenIds, args.baseUri)
}
case 'freeze_token_metadata': {
return sg721Messages(sg721Contract)?.freezeTokenMetadata()
}
case 'transfer': {
return sg721Messages(sg721Contract)?.transferNft(args.recipient, args.tokenId.toString())
}
@ -217,6 +266,9 @@ export const previewExecutePayload = (args: DispatchExecuteArgs) => {
case 'burn': {
return sg721Messages(sg721Contract)?.burn(args.tokenId.toString())
}
case 'update_royalty_info': {
return sg721Messages(sg721Contract)?.updateRoyaltyInfo(args.royaltyInfo)
}
case 'batch_burn': {
return sg721Messages(sg721Contract)?.batchBurn(args.tokenIds)
}

247
contracts/sg721/contract.ts
View File

@ -1,6 +1,6 @@
import type { MsgExecuteContractEncodeObject, SigningCosmWasmClient } from '@cosmjs/cosmwasm-stargate'
import { toBase64, toUtf8 } from '@cosmjs/encoding'
import type { Coin } from '@cosmjs/stargate'
import type { Coin, logs } from '@cosmjs/stargate'
import { coin } from '@cosmjs/stargate'
import { MsgExecuteContract } from 'cosmjs-types/cosmwasm/wasm/v1/tx'
@ -9,6 +9,16 @@ export interface InstantiateResponse {
readonly transactionHash: string
}
export interface MigrateResponse {
readonly transactionHash: string
readonly logs: readonly logs.Log[]
}
export interface RoyaltyInfo {
payment_address: string
share_bps: number
}
export type Expiration = { at_height: number } | { at_time: string } | { never: Record<string, never> }
export interface SG721Instance {
@ -65,11 +75,15 @@ export interface SG721Instance {
revokeAll: (operator: string) => Promise<string>
/// Mint a new NFT, can only be called by the contract minter
mint: (tokenId: string, owner: string, tokenURI?: string) => Promise<string> //MintMsg<T>
updateRoyaltyInfo: (royaltyInfo: RoyaltyInfo) => Promise<string>
/// Burn an NFT the sender has access to
burn: (tokenId: string) => Promise<string>
batchBurn: (tokenIds: string) => Promise<string>
batchTransfer: (recipient: string, tokenIds: string) => Promise<string>
updateTokenMetadata: (tokenId: string, tokenURI?: string) => Promise<string>
batchUpdateTokenMetadata: (tokenIds: string, tokenURI?: string) => Promise<string>
freezeTokenMetadata: () => Promise<string>
}
export interface Sg721Messages {
@ -80,9 +94,51 @@ export interface Sg721Messages {
approveAll: (operator: string, expires?: Expiration) => ApproveAllMessage
revokeAll: (operator: string) => RevokeAllMessage
mint: (tokenId: string, owner: string, tokenURI?: string) => MintMessage
updateRoyaltyInfo: (royaltyInfo: RoyaltyInfo) => UpdateRoyaltyInfoMessage
burn: (tokenId: string) => BurnMessage
batchBurn: (tokenIds: string) => BatchBurnMessage
batchTransfer: (recipient: string, tokenIds: string) => BatchTransferMessage
updateTokenMetadata: (tokenId: string, tokenURI?: string) => UpdateTokenMetadataMessage
batchUpdateTokenMetadata: (tokenIds: string, tokenURI?: string) => BatchUpdateTokenMetadataMessage
freezeTokenMetadata: () => FreezeTokenMetadataMessage
}
export interface UpdateRoyaltyInfoMessage {
sender: string
contract: string
msg: {
update_royalty_info: {
payment_address: string
share_bps: number
}
}
funds: Coin[]
}
export interface UpdateTokenMetadataMessage {
sender: string
contract: string
msg: {
update_token_metadata: {
token_id: string
token_uri: string
}
}
funds: Coin[]
}
export interface BatchUpdateTokenMetadataMessage {
sender: string
contract: string
msg: Record<string, unknown>[]
funds: Coin[]
}
export interface FreezeTokenMetadataMessage {
sender: string
contract: string
msg: { freeze_token_metadata: Record<string, never> }
funds: Coin[]
}
export interface TransferNFTMessage {
@ -206,6 +262,13 @@ export interface SG721Contract {
admin?: string,
) => Promise<InstantiateResponse>
migrate: (
senderAddress: string,
contractAddress: string,
codeId: number,
migrateMsg: Record<string, unknown>,
) => Promise<MigrateResponse>
use: (contractAddress: string) => SG721Instance
messages: (contractAddress: string) => Sg721Messages
@ -413,6 +476,22 @@ export const SG721 = (client: SigningCosmWasmClient, txSigner: string): SG721Con
return res.transactionHash
}
const updateRoyaltyInfo = async (royaltyInfo: RoyaltyInfo): Promise<string> => {
const res = await client.execute(
txSigner,
contractAddress,
{
update_royalty_info: {
payment_address: royaltyInfo.payment_address,
share_bps: royaltyInfo.share_bps * 100,
},
},
'auto',
'',
)
return res.transactionHash
}
const burn = async (tokenId: string): Promise<string> => {
const res = await client.execute(
txSigner,
@ -513,6 +592,81 @@ export const SG721 = (client: SigningCosmWasmClient, txSigner: string): SG721Con
return res.transactionHash
}
const batchUpdateTokenMetadata = async (tokenIds: string, baseURI?: string): Promise<string> => {
const executeContractMsgs: MsgExecuteContractEncodeObject[] = []
if (tokenIds.includes(':')) {
const [start, end] = tokenIds.split(':').map(Number)
for (let i = start; i <= end; i++) {
const msg = {
update_token_metadata: { token_id: i.toString(), token_uri: baseURI ? `${baseURI}/${i}` : undefined },
}
const executeContractMsg: MsgExecuteContractEncodeObject = {
typeUrl: '/cosmwasm.wasm.v1.MsgExecuteContract',
value: MsgExecuteContract.fromPartial({
sender: txSigner,
contract: contractAddress,
msg: toUtf8(JSON.stringify(msg)),
}),
}
executeContractMsgs.push(executeContractMsg)
}
} else {
const tokenNumbers = tokenIds.split(',').map(Number)
for (let i = 0; i < tokenNumbers.length; i++) {
const msg = {
update_token_metadata: {
token_id: tokenNumbers[i].toString(),
token_uri: baseURI ? `${baseURI}/${tokenNumbers[i]}` : undefined,
},
}
const executeContractMsg: MsgExecuteContractEncodeObject = {
typeUrl: '/cosmwasm.wasm.v1.MsgExecuteContract',
value: MsgExecuteContract.fromPartial({
sender: txSigner,
contract: contractAddress,
msg: toUtf8(JSON.stringify(msg)),
}),
}
executeContractMsgs.push(executeContractMsg)
}
}
const res = await client.signAndBroadcast(txSigner, executeContractMsgs, 'auto', 'batch update metadata')
return res.transactionHash
}
const updateTokenMetadata = async (tokenId: string, tokenURI?: string): Promise<string> => {
const res = await client.execute(
txSigner,
contractAddress,
{
update_token_metadata: {
token_id: tokenId,
token_uri: tokenURI ? tokenURI : undefined,
},
},
'auto',
'',
)
return res.transactionHash
}
const freezeTokenMetadata = async (): Promise<string> => {
const res = await client.execute(
txSigner,
contractAddress,
{
freeze_token_metadata: {},
},
'auto',
'',
)
return res.transactionHash
}
return {
contractAddress,
ownerOf,
@ -521,6 +675,9 @@ export const SG721 = (client: SigningCosmWasmClient, txSigner: string): SG721Con
allOperators,
numTokens,
contractInfo,
updateTokenMetadata,
freezeTokenMetadata,
batchUpdateTokenMetadata,
nftInfo,
allNftInfo,
tokens,
@ -534,12 +691,26 @@ export const SG721 = (client: SigningCosmWasmClient, txSigner: string): SG721Con
approveAll,
revokeAll,
mint,
updateRoyaltyInfo,
burn,
batchBurn,
batchTransfer,
}
}
const migrate = async (
senderAddress: string,
contractAddress: string,
codeId: number,
migrateMsg: Record<string, unknown>,
): Promise<MigrateResponse> => {
const result = await client.migrate(senderAddress, contractAddress, codeId, migrateMsg, 'auto')
return {
transactionHash: result.transactionHash,
logs: result.logs,
}
}
const instantiate = async (
senderAddress: string,
codeId: number,
@ -659,6 +830,20 @@ export const SG721 = (client: SigningCosmWasmClient, txSigner: string): SG721Con
}
}
const updateRoyaltyInfo = (royaltyInfo: RoyaltyInfo) => {
return {
sender: txSigner,
contract: contractAddress,
msg: {
update_royalty_info: {
payment_address: royaltyInfo.payment_address,
share_bps: royaltyInfo.share_bps * 100,
},
},
funds: [],
}
}
const burn = (tokenId: string) => {
return {
sender: txSigner,
@ -720,6 +905,60 @@ export const SG721 = (client: SigningCosmWasmClient, txSigner: string): SG721Con
}
}
const batchUpdateTokenMetadata = (tokenIds: string, baseURI?: string): BatchUpdateTokenMetadataMessage => {
const msg: Record<string, unknown>[] = []
if (tokenIds.includes(':')) {
const [start, end] = tokenIds.split(':').map(Number)
for (let i = start; i <= end; i++) {
msg.push({
update_token_metadata: { token_id: i.toString(), token_uri: baseURI ? `${baseURI}/${i}` : '' },
})
}
} else {
const tokenNumbers = tokenIds.split(',').map(Number)
for (let i = 0; i < tokenNumbers.length; i++) {
msg.push({
update_token_metadata: {
token_id: tokenNumbers[i].toString(),
token_uri: baseURI ? `${baseURI}/${tokenNumbers[i]}` : '',
},
})
}
}
return {
sender: txSigner,
contract: contractAddress,
msg,
funds: [],
}
}
const updateTokenMetadata = (tokenId: string, tokenURI?: string) => {
return {
sender: txSigner,
contract: contractAddress,
msg: {
update_token_metadata: {
token_id: tokenId,
token_uri: tokenURI ? tokenURI : '',
},
},
funds: [],
}
}
const freezeTokenMetadata = () => {
return {
sender: txSigner,
contract: contractAddress,
msg: {
freeze_token_metadata: {},
},
funds: [],
}
}
return {
transferNft,
sendNft,
@ -728,11 +967,15 @@ export const SG721 = (client: SigningCosmWasmClient, txSigner: string): SG721Con
approveAll,
revokeAll,
mint,
updateRoyaltyInfo,
burn,
batchBurn,
batchTransfer,
batchUpdateTokenMetadata,
updateTokenMetadata,
freezeTokenMetadata,
}
}
return { use, instantiate, messages }
return { use, instantiate, migrate, messages }
}

17
contracts/sg721/useContract.ts
View File

@ -2,7 +2,7 @@ import type { Coin } from '@cosmjs/proto-signing'
import { useWallet } from 'contexts/wallet'
import { useCallback, useEffect, useState } from 'react'
import type { SG721Contract, SG721Instance, Sg721Messages } from './contract'
import type { MigrateResponse, SG721Contract, SG721Instance, Sg721Messages } from './contract'
import { SG721 as initContract } from './contract'
interface InstantiateResponse {
@ -18,6 +18,7 @@ export interface UseSG721ContractProps {
admin?: string,
funds?: Coin[],
) => Promise<InstantiateResponse>
migrate: (contractAddress: string, codeId: number, migrateMsg: Record<string, unknown>) => Promise<MigrateResponse>
use: (customAddress: string) => SG721Instance | undefined
updateContractAddress: (contractAddress: string) => void
messages: (contractAddress: string) => Sg721Messages | undefined
@ -55,6 +56,19 @@ export function useSG721Contract(): UseSG721ContractProps {
[SG721, wallet],
)
const migrate = useCallback(
(contractAddress: string, codeId: number, migrateMsg: Record<string, unknown>): Promise<MigrateResponse> => {
return new Promise((resolve, reject) => {
if (!SG721) {
reject(new Error('Contract is not initialized.'))
return
}
SG721.migrate(wallet.address, contractAddress, codeId, migrateMsg).then(resolve).catch(reject)
})
},
[SG721, wallet],
)
const use = useCallback(
(customAddress = ''): SG721Instance | undefined => {
return SG721?.use(address || customAddress)
@ -74,5 +88,6 @@ export function useSG721Contract(): UseSG721ContractProps {
use,
updateContractAddress,
messages,
migrate,
}
}

132
pages/contracts/sg721/migrate.tsx Normal file
View File

@ -0,0 +1,132 @@
import { Button } from 'components/Button'
import { ContractPageHeader } from 'components/ContractPageHeader'
import { useExecuteComboboxState } from 'components/contracts/sg721/ExecuteCombobox.hooks'
import { FormControl } from 'components/FormControl'
import { AddressInput, NumberInput } from 'components/forms/FormInput'
import { useInputState, useNumberInputState } from 'components/forms/FormInput.hooks'
import { JsonPreview } from 'components/JsonPreview'
import { LinkTabs } from 'components/LinkTabs'
import { sg721LinkTabs } from 'components/LinkTabs.data'
import { TransactionHash } from 'components/TransactionHash'
import { useContracts } from 'contexts/contracts'
import { useWallet } from 'contexts/wallet'
import type { MigrateResponse } from 'contracts/sg721'
import type { NextPage } from 'next'
import { useRouter } from 'next/router'
import { NextSeo } from 'next-seo'
import type { FormEvent } from 'react'
import { useEffect, useState } from 'react'
import { toast } from 'react-hot-toast'
import { FaArrowRight } from 'react-icons/fa'
import { useMutation } from 'react-query'
import { withMetadata } from 'utils/layout'
import { links } from 'utils/links'
const Sg721MigratePage: NextPage = () => {
const { sg721: contract } = useContracts()
const wallet = useWallet()
const [lastTx, setLastTx] = useState('')
const comboboxState = useExecuteComboboxState()
const type = comboboxState.value?.id
const codeIdState = useNumberInputState({
id: 'code-id',
name: 'code-id',
title: 'Code ID',
subtitle: 'Code ID of the New Sg721 contract',
placeholder: '1',
})
const contractState = useInputState({
id: 'contract-address',
name: 'contract-address',
title: 'Sg721 Address',
subtitle: 'Address of the Sg721 contract',
})
const contractAddress = contractState.value
const { data, isLoading, mutate } = useMutation(
async (event: FormEvent): Promise<MigrateResponse | null> => {
event.preventDefault()
if (!contract) {
throw new Error('Smart contract connection failed')
}
if (!wallet.initialized) {
throw new Error('Please connect your wallet.')
}
const migrateMsg = {}
return toast.promise(contract.migrate(contractAddress, codeIdState.value, migrateMsg), {
error: `Migration failed!`,
loading: 'Executing message...',
success: (tx) => {
if (tx) {
setLastTx(tx.transactionHash)
}
return `Transaction success!`
},
})
},
{
onError: (error) => {
toast.error(String(error), { style: { maxWidth: 'none' } })
},
},
)
const router = useRouter()
useEffect(() => {
if (contractAddress.length > 0) {
void router.replace({ query: { contractAddress } })
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [contractAddress])
useEffect(() => {
const initial = new URL(document.URL).searchParams.get('contractAddress')
if (initial && initial.length > 0) contractState.onChange(initial)
}, [])
return (
<section className="py-6 px-12 space-y-4">
<NextSeo title="Migrate Sg721 Contract" />
<ContractPageHeader
description="Sg721 contract is a wrapper contract that has a set of optional extensions on top of cw721-base."
link={links.Documentation}
title="Sg721 Contract"
/>
<LinkTabs activeIndex={3} data={sg721LinkTabs} />
<form className="grid grid-cols-2 p-4 space-x-8" onSubmit={mutate}>
<div className="space-y-8">
<AddressInput {...contractState} />
<NumberInput isRequired {...codeIdState} />
</div>
<div className="space-y-8">
<div className="relative">
<Button className="absolute top-0 right-0" isLoading={isLoading} rightIcon={<FaArrowRight />} type="submit">
Execute
</Button>
<FormControl subtitle="View execution transaction hash" title="Transaction Hash">
<TransactionHash hash={lastTx} />
</FormControl>
</div>
<FormControl subtitle="View current message to be sent" title="Payload Preview">
<JsonPreview
content={{
sender: wallet.address,
contract: contractAddress,
code_id: codeIdState.value,
msg: {},
}}
isCopyable
/>
</FormControl>
</div>
</form>
</section>
)
}
export default withMetadata(Sg721MigratePage, { center: false })