Skip to content

Releases: thirdweb-dev/js

@thirdweb-dev/service-utils@0.9.14

21 Jun 18:50
56495a1
Compare
Choose a tag to compare

Patch Changes

@thirdweb-dev/nebula@0.1.0

21 Jun 18:50
56495a1
Compare
Choose a tag to compare

Minor Changes

Patch Changes

thirdweb@5.103.1

18 Jun 16:43
be49798
Compare
Choose a tag to compare

Patch Changes

@thirdweb-dev/wagmi-adapter@0.2.94

18 Jun 16:44
be49798
Compare
Choose a tag to compare
@thirdweb-dev/wagmi-adapter@0.2.94

thirdweb@5.103.0

17 Jun 01:01
8af6143
Compare
Choose a tag to compare

Minor Changes

  • #7354 ed81006 Thanks @gregfromstl! - Adds new components BuyWidget, CheckoutWidget, and TransactionWidget

    BuyWidget

    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

@thirdweb-dev/wagmi-adapter@0.2.93

17 Jun 01:01
8af6143
Compare
Choose a tag to compare
@thirdweb-dev/wagmi-adapter@0.2.93

@thirdweb-dev/service-utils@0.9.13

17 Jun 01:01
8af6143
Compare
Choose a tag to compare

Patch Changes

thirdweb@5.102.6

06 Jun 17:48
2510c4f
Compare
Choose a tag to compare

Patch Changes

@thirdweb-dev/wagmi-adapter@0.2.92

06 Jun 17:48
2510c4f
Compare
Choose a tag to compare
@thirdweb-dev/wagmi-adapter@0.2.92

thirdweb@5.102.5

05 Jun 12:35
2b39669
Compare
Choose a tag to compare

Patch Changes