[email protected]

Minor Changes

• #5388 901c3a1 Thanks @kien-ngo! - Add headless UI component: Account (Name, Image, Address, Balance)

• #5374 0e5d120 Thanks @joaquim-verges! - # Breaking change

  We are making the following changes to the NFT component to provide better performance and fine-grain control over their internal fetching logic.
  Moreover, you no longer have to wrap React.Suspense around said components!

  Old

  <NFT>
    <React.Suspense fallback={"Loading stuff..."}>
      <NFT.Media />
      <NFT.Name />
      <NFT.Description />
    </React.Suspense>
  </NFT>

  New

  The new version comes with 2 new props: loadingComponent and fallbackComponent.
  Basically, loadingComponent takes in a component and show it while the internal fetching is being done
  fallbackComponent takes in a component and show it once the data is failed to be resolved

  <NFTProvider contract={contract} tokenId={0n}>
      <NFTMedia
        loadingComponent={<span>Loading NFT Image</span>}
        fallbackComponent={<span>Failed to load NFT</span>}
      />
      <NFTDescription
        loadingComponent={<span>Loading NFT Description</span>}
        fallbackComponent={<span>Failed to load NFT Description</span>}
      />
  </NFT>

Patch Changes

• #5463 f368793 Thanks @gregfromstl! - Fixes PayEmbed error state appearing on certain errors

• #5464 b5227c9 Thanks @gregfromstl! - Adds the ability to override transaction values in createNewPack

@thirdweb-dev/[email protected]

Patch Changes

• #5477 6bd9683 Thanks @arcoraven! - chore: Allow optional includeUsage (default: true)

[email protected]

Minor Changes

• #5415 7b21f1b Thanks @gregfromstl! - Adds steam auth

• #5415 7b21f1b Thanks @gregfromstl! - Adds Steam as an authentication option

Patch Changes

• #5397 895b4d1 Thanks @MananTank! - Catch localStorage getItem and setItem unhandled errors

• #5440 f01de73 Thanks @joaquim-verges! - Support erc6492 signature verification on zksync

@thirdweb-dev/[email protected]

Patch Changes

• #5409 e841bfe Thanks @iuwqyir! - remove nebula scope

[email protected]

Minor Changes

• #5354 a1fc436 Thanks @joaquim-verges! - Adds EIP1193 adapters that allow conversion between Thirdweb wallets and EIP-1193 providers:

  • EIP1193.fromProvider(): Creates a Thirdweb wallet from any EIP-1193 compatible provider (like MetaMask, WalletConnect)
  • EIP1193.toProvider(): Converts a Thirdweb wallet into an EIP-1193 provider that can be used with any web3 library

  Key features:

  • Full EIP-1193 compliance for seamless integration
  • Handles account management (connect, disconnect, chain switching)
  • Supports all standard Ethereum JSON-RPC methods
  • Comprehensive event system for state changes
  • Type-safe interfaces with full TypeScript support

  Examples:

  // Convert MetaMask's provider to a Thirdweb wallet
  const wallet = EIP1193.fromProvider({
    provider: window.ethereum,
    walletId: "io.metamask",
  });
  
  // Use like any other Thirdweb wallet
  const account = await wallet.connect({
    client: createThirdwebClient({ clientId: "..." }),
  });
  
  // Convert a Thirdweb wallet to an EIP-1193 provider
  const provider = EIP1193.toProvider({
    wallet,
    chain: ethereum,
    client: createThirdwebClient({ clientId: "..." }),
  });
  
  // Use with any EIP-1193 compatible library
  const accounts = await provider.request({
    method: "eth_requestAccounts",
  });
  
  // Listen for events
  provider.on("accountsChanged", (accounts) => {
    console.log("Active accounts:", accounts);
  });

Patch Changes

• #5335 1e7e32f Thanks @joaquim-verges! - Added global transaction decorator, better eip712 transaction support

• #5349 46d0b4b Thanks @joaquim-verges! - Use maxFeePerGas for Pay gas cost estimations in transaction flow

• #5366 ef56304 Thanks @gregfromstl! - Adds ox for internal utilities

• #5390 6771cfe Thanks @ElasticBottle! - fix enclave transaction signing for transactions with 0 maxPriorityFeePerGas

• #5343 5de5418 Thanks @gregfromstl! - Adds chain ID to tracked analytics

@thirdweb-dev/[email protected]

Patch Changes

• #5401 040e478 Thanks @iuwqyir! - Added nebula service scope

[email protected]

Minor Changes

• #5326 f5f5ae6 Thanks @gregfromstl! - Add SiteLink component for creating wallet-aware links between thirdweb-enabled sites. This component automatically adds wallet connection parameters to the target URL when a wallet is connected, enabling seamless wallet state sharing between sites.

  Example:

  import { SiteLink } from "thirdweb/react";
  
  function App() {
    return (
      <SiteLink
        href="https://thirdweb.com"
        client={thirdwebClient}
        ecosystem={{ id: "ecosystem.thirdweb" }}
      >
        Visit thirdweb.com with connected wallet
      </SiteLink>
    );
  }

Patch Changes

• #5341 1db950e Thanks @joaquim-verges! - Make encryption key optional for in-app and ecosystem wallets custom auth

[email protected]

Minor Changes

• #5298 5cc5c93 Thanks @gregfromstl! - Added new SiteEmbed React component for embedding thirdweb-supported sites with seamless wallet connection support.

  The component allows you to embed other thirdweb-enabled sites while maintaining wallet connection state, supporting both in-app and ecosystem wallets.

  Example usage:

  import { SiteEmbed } from "thirdweb/react";
  
  <SiteEmbed
    src="https://thirdweb.com"
    client={client}
    ecosystem={ecosystem}
  />;

  Note: Embedded sites must include <AutoConnect /> and support frame-ancestors in their Content Security Policy.

Patch Changes

• #5217 b633293 Thanks @joaquim-verges! - Automatically migrate in-app wallets to the new enclave system

• #5315 87e736d Thanks @ElasticBottle! - fix ecosystem signing with data error

[email protected]

Patch Changes

• #5302 75cbe64 Thanks @joaquim-verges! - Fix Pay UI not force switching connected wallet chain

• #5256 f98059c Thanks @kien-ngo! - Optimize ERC20 transferBatch

[email protected]

Patch Changes

• #5277 58fb28d Thanks @joaquim-verges! - Respect bundlerUrl in waitForUserReceipt