Version Packages #2142

github-actions · 2024-01-10T20:19:53Z

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@thirdweb-dev/react@4.3.0

Minor Changes

#2055 0f9b88ab Thanks @MananTank! - ### New ConnectEmbed component and useShowConnectEmbed hook
- Add ConnectEmbed component and useShowConnectEmbed hook allow embedding the ConnectWallet's Modal directly into the page.
- useShowConnectEmbed returns true if the <ConnectEmbed />should be rendered. It returnstrue if either one of the following conditions are met:
  - Wallet is NOT connected
  - Wallet IS connected but the user is NOT signed in and auth is required ( loginOptional is NOT set to false )
```
function Example() {
  const loginOptional = false;
  const showConnectEmbed = useShowConnectEmbed(loginOptional);

  if (!showConnectEmbed) {
    return <div> Wallet is connected </div>;
  }

  return (
    <ConnectEmbed
      auth={{
        loginOptional,
      }}
    />
  );
}
```
ConnectWallet component changes
- Fix double connection issue when Connecting a Safe / Smart Wallet. Now the personal wallet will not be set as the active wallet - only the final wallet will be set as the active wallet. This fixes the issue of hooks like useWallet, useAddress, useConnectionStatus etc showing the wrong wallet / address / connection status for a brief moment when connecting a Safe / Smart Wallet.
- Add "Disconnect Wallet" button in "Sign in" Screen and don't disconnect wallet when the "Sign in" screen is dismissed by closing the modal. This makes this screen reusable for both ConnectWallet and ConnectEmbed components and also improves the user experience.
API changed for creating wallet configurator

This is only relevant if you are creating your own wallet configurator - If you are using the wallet configurators provided by thirdweb such as metamaskWallet(), coinbaseWallet() etc - This API change does not affect you

To Fix the above mentioned "double connection" issue in the ConnectWallet component, We have introduce a few changes to how the wallet configurator should be created.

Do not use any wallet connection hooks in the wallet configurator. Only use the props passed in the connectUI and selectUI. The wallet configurator's connectUI and selectUI now gets below mentioned additional props so that you can avoid using the wallet connection hooks
- props.connect - replaces the useConnect hook usage
- props.connectionStatus - replaces the useConnectionStatus hook usage
- props.setConnectionStatus - replaces the useSetConnectionStatus hook usage
- props.setConnectedWallet - replaces the useSetConnectedWallet hook usage
- props.createWalletInstance - replaces the useCreateWalletInstance hook usage
- props.connectedWalletAddress - replaces the useAddress hook usage
Example
```
import { WalletConfig } from "@thirdweb-dev/react";
import { MyCustomWallet } from "./MyCustomWallet"; // your custom wallet class

// your custom wallet configurator
function myCustomWallet(): WalletConfig<MyCustomWallet> {
  return {
    id: "MyCustomWallet",
    meta: {
      name: "FooBar",
      iconURL: "https://link-to-the-wallet-icon.png",
    },
    create(walletOptions) {
      return new MyCustomWallet(walletOptions);
    },
    // only use the props passed in the connectUI and selectUI
    // do not use any wallet connection hooks that read or write to the wallet connection state
    connectUI(props) {
      // const connect = useConnect(); -> old
      const connect = props.connect; // new

      return <div> .... </div>;
    },
    selectUI(props) {
      return <div> .... </div>;
    },
  };
}
```

Patch Changes

#1964 5d567008 Thanks @warengonzaga! - Add Filipino language to React and React Native SDK
#2138 6047d67d Thanks @MananTank! - Enforce react-hooks/exhaustive-deps lint rule
Updated dependencies [90a2f2d4, e1001689, d3637a16, 27c00ef7, 30f16cac, 0f9b88ab, eb6544ff, 756d5cc9]:
- @thirdweb-dev/wallets@2.4.1
- @thirdweb-dev/react-core@4.3.0
- @thirdweb-dev/chains@0.1.63
- @thirdweb-dev/sdk@4.0.26
- @thirdweb-dev/payments@1.0.2

@thirdweb-dev/react-core@4.3.0

Minor Changes

#2055 0f9b88ab Thanks @MananTank! - ### New ConnectEmbed component and useShowConnectEmbed hook
- Add ConnectEmbed component and useShowConnectEmbed hook allow embedding the ConnectWallet's Modal directly into the page.
- useShowConnectEmbed returns true if the <ConnectEmbed />should be rendered. It returnstrue if either one of the following conditions are met:
  - Wallet is NOT connected
  - Wallet IS connected but the user is NOT signed in and auth is required ( loginOptional is NOT set to false )
```
function Example() {
  const loginOptional = false;
  const showConnectEmbed = useShowConnectEmbed(loginOptional);

  if (!showConnectEmbed) {
    return <div> Wallet is connected </div>;
  }

  return (
    <ConnectEmbed
      auth={{
        loginOptional,
      }}
    />
  );
}
```
ConnectWallet component changes
- Fix double connection issue when Connecting a Safe / Smart Wallet. Now the personal wallet will not be set as the active wallet - only the final wallet will be set as the active wallet. This fixes the issue of hooks like useWallet, useAddress, useConnectionStatus etc showing the wrong wallet / address / connection status for a brief moment when connecting a Safe / Smart Wallet.
- Add "Disconnect Wallet" button in "Sign in" Screen and don't disconnect wallet when the "Sign in" screen is dismissed by closing the modal. This makes this screen reusable for both ConnectWallet and ConnectEmbed components and also improves the user experience.
API changed for creating wallet configurator

This is only relevant if you are creating your own wallet configurator - If you are using the wallet configurators provided by thirdweb such as metamaskWallet(), coinbaseWallet() etc - This API change does not affect you

To Fix the above mentioned "double connection" issue in the ConnectWallet component, We have introduce a few changes to how the wallet configurator should be created.

Do not use any wallet connection hooks in the wallet configurator. Only use the props passed in the connectUI and selectUI. The wallet configurator's connectUI and selectUI now gets below mentioned additional props so that you can avoid using the wallet connection hooks
- props.connect - replaces the useConnect hook usage
- props.connectionStatus - replaces the useConnectionStatus hook usage
- props.setConnectionStatus - replaces the useSetConnectionStatus hook usage
- props.setConnectedWallet - replaces the useSetConnectedWallet hook usage
- props.createWalletInstance - replaces the useCreateWalletInstance hook usage
- props.connectedWalletAddress - replaces the useAddress hook usage
Example
```
import { WalletConfig } from "@thirdweb-dev/react";
import { MyCustomWallet } from "./MyCustomWallet"; // your custom wallet class

// your custom wallet configurator
function myCustomWallet(): WalletConfig<MyCustomWallet> {
  return {
    id: "MyCustomWallet",
    meta: {
      name: "FooBar",
      iconURL: "https://link-to-the-wallet-icon.png",
    },
    create(walletOptions) {
      return new MyCustomWallet(walletOptions);
    },
    // only use the props passed in the connectUI and selectUI
    // do not use any wallet connection hooks that read or write to the wallet connection state
    connectUI(props) {
      // const connect = useConnect(); -> old
      const connect = props.connect; // new

      return <div> .... </div>;
    },
    selectUI(props) {
      return <div> .... </div>;
    },
  };
}
```

Patch Changes

#2089 e1001689 Thanks @kien-ngo! - Add hook for creating direct listings in batch for Marketplace v3
#2140 30f16cac Thanks @MananTank! - Fix return type of useUnclaimedNFTs hook.

This fixes data is not of type NFT[] when using useUnclaimedNFTs #2110
Updated dependencies [90a2f2d4, d3637a16, 27c00ef7, eb6544ff, 756d5cc9]:
- @thirdweb-dev/wallets@2.4.1
- @thirdweb-dev/chains@0.1.63
- @thirdweb-dev/sdk@4.0.26
- @thirdweb-dev/auth@4.1.23
- @thirdweb-dev/storage@2.0.8

@thirdweb-dev/react-native@0.6.0

Minor Changes

#2150 6dac95bd Thanks @MananTank! - ### API changed for creating wallet configurator

( This is only relevant if you are creating your own wallet configurator - If you are using the wallet configurators provided by thirdweb such as metamaskWallet(), coinbaseWallet() etc - This API change does not affect you )

We have introduce a few changes to how the wallet configurator should be created:

Do not use any wallet connection hooks in the wallet configurator. Only use the props passed in the connectUI and selectUI. The wallet configurator's connectUI and selectUI now gets below mentioned additional props so that you can avoid using the wallet connection hooks
- props.connect - replaces the useConnect hook usage
- props.connectionStatus - replaces the useConnectionStatus hook usage
- props.setConnectionStatus - replaces the useSetConnectionStatus hook usage
- props.setConnectedWallet - replaces the useSetConnectedWallet hook usage
- props.createWalletInstance - replaces the useCreateWalletInstance hook usage
- props.connectedWalletAddress - replaces the useAddress hook usage
Example
```
import { WalletConfig } from "@thirdweb-dev/react-native";
import { MyCustomWallet } from "./MyCustomWallet"; // your custom wallet class

// your custom wallet configurator
function myCustomWallet(): WalletConfig<MyCustomWallet> {
  return {
    id: "MyCustomWallet",
    meta: {
      name: "FooBar",
      iconURL: "https://link-to-the-wallet-icon.png",
    },
    create(walletOptions) {
      return new MyCustomWallet(walletOptions);
    },
    // only use the props passed in the connectUI and selectUI
    // do not use any wallet connection hooks that read or write to the wallet connection state
    connectUI(props) {
      // const connect = useConnect(); -> old
      const connect = props.connect; // new

      return <div> .... </div>;
    },
    selectUI(props) {
      return <div> .... </div>;
    },
  };
}
```
onLocallyConnected has been removed from the connectUI props - You no longer need to worry about whether a wallet is part of another wallet's connection flow or not - just use the regular props passed in the connectUI and selectUI and it will be handled automatically.

Patch Changes

#2151 415f2aa8 Thanks @jnsdls! - improve typechecking for deepMerge function
#1964 5d567008 Thanks @warengonzaga! - Add Filipino language to React and React Native SDK
#1962 517d9a8f Thanks @iketw! - Adds Turkish support as locale 'tr'
#2158 abbd255e Thanks @iketw! - Correctly pass sdkOptions down
#2160 a11b1d49 Thanks @iketw! - Update WalletConnectUI to use new arch
Updated dependencies [90a2f2d4, e1001689, d3637a16, 27c00ef7, 30f16cac, 0f9b88ab, eb6544ff, 756d5cc9]:
- @thirdweb-dev/wallets@2.4.1
- @thirdweb-dev/react-core@4.3.0
- @thirdweb-dev/chains@0.1.63
- @thirdweb-dev/sdk@4.0.26
- @thirdweb-dev/storage@2.0.8

@thirdweb-dev/auth@4.1.23

Patch Changes

Updated dependencies [90a2f2d4, 27c00ef7]:
- @thirdweb-dev/wallets@2.4.1

@thirdweb-dev/chains@0.1.63

Patch Changes

#2145 d3637a16 Thanks @jnsdls! - update chains

thirdweb@0.13.31

Patch Changes

Updated dependencies [90a2f2d4, d3637a16, 27c00ef7, eb6544ff, 756d5cc9]:
- @thirdweb-dev/wallets@2.4.1
- @thirdweb-dev/chains@0.1.63
- @thirdweb-dev/sdk@4.0.26
- @thirdweb-dev/auth@4.1.23
- @thirdweb-dev/storage@2.0.8

eslint-config-thirdweb@0.1.7

Patch Changes

#2138 6047d67d Thanks @MananTank! - Enforce react-hooks/exhaustive-deps lint rule

@thirdweb-dev/sdk@4.0.26

Patch Changes

#2143 27c00ef7 Thanks @joaquim-verges! - Fix gas estimations for local and embedded wallets
#1887 eb6544ff Thanks @kien-ngo! - Add pagination to ERC721's getAllOwners method
#2139 756d5cc9 Thanks @kumaryash90! - Resolve beacon from beacon-proxy
Updated dependencies [d3637a16]:
- @thirdweb-dev/chains@0.1.63
- @thirdweb-dev/contracts-js@1.3.16
- @thirdweb-dev/crypto@0.2.0
- @thirdweb-dev/merkletree@0.2.0
- @thirdweb-dev/storage@2.0.8

@thirdweb-dev/service-utils@0.4.12

Patch Changes

#2157 749a12f9 Thanks @assimovt! - fix checkout service name

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

Patch Changes

Updated dependencies [90a2f2d4, d3637a16, 27c00ef7, eb6544ff, 756d5cc9]:
- @thirdweb-dev/wallets@2.4.1
- @thirdweb-dev/chains@0.1.63
- @thirdweb-dev/sdk@4.0.26
- @thirdweb-dev/auth@4.1.23
- @thirdweb-dev/pay@0.1.4
- @thirdweb-dev/storage@2.0.8

@thirdweb-dev/wallets@2.4.1

Patch Changes

#2162 90a2f2d4 Thanks @iketw! - Implements signedData for LocalWallet
#2143 27c00ef7 Thanks @joaquim-verges! - Fix gas estimations for local and embedded wallets
Updated dependencies [d3637a16, 27c00ef7, eb6544ff, 756d5cc9]:
- @thirdweb-dev/chains@0.1.63
- @thirdweb-dev/sdk@4.0.26
- @thirdweb-dev/contracts-js@1.3.16
- @thirdweb-dev/crypto@0.2.0

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

* mission landing page (start) * max width fix * transform y * quick fix * use margin top * use box instead of img * fix: left 0 and margin top * parallax edit * remove parallax * tweak margin top * remove parallax * requested changes * responsiveness * requested changes fixes * update image * requested changes * requested vercel changes * final changes * cleanup * cleanup * title changes

github-actions bot requested a review from a team as a code owner January 10, 2024 20:19

github-actions bot requested review from a team January 10, 2024 20:19

github-actions bot force-pushed the changeset-release/main branch 4 times, most recently from 35092b3 to e36bc92 Compare January 11, 2024 05:06

github-actions bot requested a review from jnsdls as a code owner January 11, 2024 05:06

github-actions bot force-pushed the changeset-release/main branch 22 times, most recently from 720d6e8 to 6e2b329 Compare January 11, 2024 20:57

Version Packages

a09ac05

github-actions bot force-pushed the changeset-release/main branch from 6e2b329 to a09ac05 Compare January 11, 2024 22:48

joaquim-verges merged commit ed1a3e0 into main Jan 11, 2024

joaquim-verges deleted the changeset-release/main branch January 11, 2024 23:45

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Version Packages #2142

Version Packages #2142

Uh oh!

github-actions bot commented Jan 10, 2024 •

edited

Loading

Uh oh!

Uh oh!

Version Packages #2142

Version Packages #2142

Uh oh!

Conversation

github-actions bot commented Jan 10, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Releases

@thirdweb-dev/react@4.3.0

Minor Changes

ConnectWallet component changes

API changed for creating wallet configurator

Example

Patch Changes

@thirdweb-dev/react-core@4.3.0

Minor Changes

ConnectWallet component changes

API changed for creating wallet configurator

Example

Patch Changes

@thirdweb-dev/react-native@0.6.0

Minor Changes

Example

Patch Changes

@thirdweb-dev/auth@4.1.23

Patch Changes

@thirdweb-dev/chains@0.1.63

Patch Changes

thirdweb@0.13.31

Patch Changes

eslint-config-thirdweb@0.1.7

Patch Changes

@thirdweb-dev/sdk@4.0.26

Patch Changes

@thirdweb-dev/service-utils@0.4.12

Patch Changes

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

Patch Changes

@thirdweb-dev/wallets@2.4.1

Patch Changes

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

Uh oh!

Uh oh!

github-actions bot commented Jan 10, 2024 •

edited

Loading

`ConnectWallet` component changes

`ConnectWallet` component changes