Releases: thirdweb-dev/js
@thirdweb-dev/nebula@0.1.1
@thirdweb-dev/engine@3.0.4
thirdweb@5.104.0
Minor Changes
-
#7343
787118d
Thanks @Yash094! - add berachain and berachain testnet in chains package -
#7394
9c420c0
Thanks @gregfromstl! - Updated PayEmbed UI
Patch Changes
-
#7387
70e024f
Thanks @MananTank! - Fixposter
not shown inMediaRenderer
component for 3D models -
#7390
6be9459
Thanks @gregfromstl! - Use decimal string for BuyWidget amount -
#7371
3dbf9e1
Thanks @gregfromstl! - Fix typo in payment confirmation widget
@thirdweb-dev/wagmi-adapter@0.2.95
@thirdweb-dev/wagmi-adapter@0.2.95
@thirdweb-dev/service-utils@0.9.14
Patch Changes
- #7382
4c29886
Thanks @arcoraven! - chore: add dedicatedSupportChannel to TeamResponse
@thirdweb-dev/nebula@0.1.0
thirdweb@5.103.1
Patch Changes
-
#7360
78b9c8e
Thanks @gregfromstl! - Fix setting explicit amount on TransactionWidget -
#7358
55baa99
Thanks @gregfromstl! - Fix etherlink transfers when too little funds
@thirdweb-dev/wagmi-adapter@0.2.94
@thirdweb-dev/wagmi-adapter@0.2.94
thirdweb@5.103.0
Minor Changes
-
#7354
ed81006
Thanks @gregfromstl! - Adds new components BuyWidget, CheckoutWidget, and TransactionWidgetBuyWidget
A component that allows users to purchase tokens or NFTs directly within your application.
Example:
import { BuyWidget } from "thirdweb/react"; function App() { return ( <BuyWidget client={client} chain={chain} tokenAddress="0x..." // Token or NFT contract address recipient="0x..." // Optional: recipient address theme="light" // Optional: "light" or "dark" /> ); }
CheckoutWidget
A comprehensive checkout experience for purchasing digital assets with multiple payment options.
Example:
import { CheckoutWidget } from "thirdweb/react"; function App() { return ( <CheckoutWidget client={client} chain={chain} items={[ { tokenAddress: "0x...", tokenId: "1", // For NFTs quantity: "1", }, ]} onSuccess={(result) => console.log("Purchase successful:", result)} theme="dark" // Optional: "light" or "dark" /> ); }
TransactionWidget
A widget for executing arbitrary blockchain transactions with a user-friendly interface.
Example:
import { TransactionWidget } from "thirdweb/react"; import { prepareContractCall } from "thirdweb"; function App() { const transaction = prepareContractCall({ contract: myContract, method: "transfer", params: [recipientAddress, amount], }); return ( <TransactionWidget client={client} transaction={transaction} onSuccess={(result) => console.log("Transaction successful:", result)} onError={(error) => console.error("Transaction failed:", error)} theme="light" // Optional: "light" or "dark" /> ); }
Patch Changes
-
#7315
99d6b3b
Thanks @MananTank! - - Add support for blob urls inMediaRenderer
component- Fix
className
prop not set in loading state ofMediaRenderer
component
- Fix
-
#7332
913ea98
Thanks @MananTank! - FixNFTMetadata
type
@thirdweb-dev/wagmi-adapter@0.2.93
@thirdweb-dev/wagmi-adapter@0.2.93