Skip to content

Releases: thirdweb-dev/js

@thirdweb-dev/react-native-compat@0.7.42

25 Apr 22:40
ddfdfc5

Choose a tag to compare

@thirdweb-dev/react-native-compat@0.7.42

@thirdweb-dev/react-core@4.6.10

25 Apr 22:40
ddfdfc5

Choose a tag to compare

Patch Changes

  • Updated dependencies [dbdafa2]:
    • @thirdweb-dev/chains@0.1.101
    • @thirdweb-dev/sdk@4.0.71
    • @thirdweb-dev/wallets@2.5.11
    • @thirdweb-dev/auth@4.1.69

@thirdweb-dev/cli@0.13.77

25 Apr 22:40
ddfdfc5

Choose a tag to compare

Patch Changes

  • Updated dependencies [dbdafa2]:
    • @thirdweb-dev/chains@0.1.101
    • @thirdweb-dev/sdk@4.0.71
    • @thirdweb-dev/wallets@2.5.11
    • @thirdweb-dev/auth@4.1.69

@thirdweb-dev/chains@0.1.101

25 Apr 22:40
ddfdfc5

Choose a tag to compare

Patch Changes

@thirdweb-dev/auth@4.1.69

25 Apr 22:40
ddfdfc5

Choose a tag to compare

Patch Changes

  • Updated dependencies []:
    • @thirdweb-dev/wallets@2.5.11

thirdweb@5.12.0

24 Apr 23:57
20fb0d2

Choose a tag to compare

Minor Changes

Patch Changes

  • #2848 41be954 Thanks @jnsdls! - add celo chains to known op stack chains

  • #2850 aa0b8c4 Thanks @MananTank! - Fix "All wallets" UI in Connect

    • Remove duplicated entry for "inApp"
    • Remove wallets specified by developer

thirdweb@5.11.0

24 Apr 15:50
e1cd07c

Choose a tag to compare

Minor Changes

  • #2679 560d8ad Thanks @ElasticBottle! - Add support for connecting in-app wallet using phone number

    Usage in TypeScript

    import { createThirdwebClient, createWallet } from "thirdweb";
    import { preAuthenticate } from "thirdweb/wallets/in-app";
    
    const client = createThirdwebClient({ clientId: "..." });
    
    const phoneNumber = '+123456789';
    
    // Send OTP to given phone number
    async function sendOTP() {
      await preAuthenticate({
        strategy: "phone",
        phoneNumber,
        client,
      });
    }
    
    async function connect() {
      // create a in-app wallet instance
      const wallet = createWallet('inApp');
      // if the OTP is correct, the wallet will be connected else an error will be thrown
      const account = await wallet.connect({
        client,
        strategy: "phone";
        phoneNumber,
        verificationCode: '...' // Pass the OTP entered by the user
      });
    
      console.log('connected to', account);
    }

    Usage in React

    import { createThirdwebClient } from "thirdweb";
    import { preAuthenticate } from "thirdweb/wallets/in-app";
    import { useConnect } from "thirdweb/react";
    
    const client = createThirdwebClient({ clientId: "..." });
    
    function Component() {
      const { connect } = useConnect();
      const [phoneNumber, setPhoneNumber] = useState(''); // get phone number from user
      const [otp, setOtp] = useState(''); // get OTP from user
    
      // Send OTP to given phone number
      async function sendOTP() {
        await preAuthenticate({
          strategy: "phone",
          phoneNumber,
          client,
        });
      }
    
      async function connect() {
        // create a in-app wallet instance
        const wallet = createWallet('inApp');
        // if the OTP is correct, the wallet will be connected else an error will be thrown
        await wallet.connect({
          client,
          strategy: "phone";
          phoneNumber,
          verificationCode: otp
        });
    
        // set the wallet as active
        connect(wallet)
      }
    
      // render UI to get OTP and phone number from user
      return <div> ...  </div>
    }
  • #2818 948f155 Thanks @jnsdls! - Gasless transactions in Typescript

    import { sendTransaction } from "thirdweb";
    
    const result = sendTransaction({
      transaction,
      account,
      gasless: {
        provider: "engine",
        relayerUrl: "https://...",
        relayerForwarderAddress: "0x...",
      },
    });

    Gasless transactions in React

    import { useSendTransaction } from "thirdweb/react";
    
    const { mutate } = useSendTransaction({
      gasless: {
        provider: "engine",
        relayerUrl: "https://...",
        relayerForwarderAddress: "0x...",
      },
    });
    
    // Call mutate with the transaction object
    mutate(transaction);

Patch Changes

@thirdweb-dev/wallets@2.5.9

24 Apr 15:50
e1cd07c

Choose a tag to compare

Patch Changes

  • Updated dependencies []:
    • @thirdweb-dev/sdk@4.0.69

@thirdweb-dev/wallets@2.5.10

24 Apr 23:57
20fb0d2

Choose a tag to compare

Patch Changes

  • Updated dependencies [41be954, 637c510]:
    • @thirdweb-dev/sdk@4.0.70
    • @thirdweb-dev/chains@0.1.100

@thirdweb-dev/unity-js-bridge@0.6.19

24 Apr 23:57
20fb0d2

Choose a tag to compare

Patch Changes

  • Updated dependencies [41be954, 637c510]:
    • @thirdweb-dev/sdk@4.0.70
    • @thirdweb-dev/chains@0.1.100
    • @thirdweb-dev/wallets@2.5.10
    • @thirdweb-dev/auth@4.1.68