- [RN] add listener for coinbase wallet

- [RN] only exports wallet creator functions
- [RN] remove coinbase wallet as a default wallet
- [React] only export wallet creator functions
- [React] Move WC projectId into react and out of react-core

packages/react-core/src/evm/index.ts

@@ -6,7 +6,6 @@ export type { ThirdwebProviderCoreProps } from "../core/providers/thirdweb-provi
 
 // constants
 export { __DEV__ } from "../core/constants/runtime";
-export { TW_WC_PROJECT_ID } from "../core/constants/wc";
 
 // wallet hooks
 export {

packages/react-native/src/evm/components/ConnectWalletFlow/ConnectWalletFlow.tsx

@@ -4,8 +4,9 @@ import { TWModal } from "../base/modal/TWModal";
 import { ChooseWallet } from "./ChooseWallet/ChooseWallet";
 import { ConnectingWallet } from "./ConnectingWallet/ConnectingWallet";
 import { Wallet, useConnect, useWallets } from "@thirdweb-dev/react-core";
-import { useState } from "react";
-import { StyleSheet } from "react-native";
+import { useEffect, useState } from "react";
+import { Linking, StyleSheet } from "react-native";
+import { handleResponse } from "@coinbase/wallet-mobile-sdk";
 
 export const ConnectWalletFlow = () => {
   const [modalVisible, setModalVisible] = useState(false);
@@ -14,6 +15,17 @@ export const ConnectWalletFlow = () => {
   const connect = useConnect();
   const supportedWallets = useWallets();
 
+  useEffect(() => {
+    if (activeWallet && activeWallet.meta.name.toLowerCase().includes("coinbase")) {
+      const sub = Linking.addEventListener("url", ({ url }) => {
+        if (url) {
+          handleResponse(new URL(url));
+        }
+      });
+      return () => sub?.remove();
+    }
+  }, [activeWallet]);
+
   const onConnectPress = () => {
     setModalVisible(true);
   };

packages/react-native/src/evm/index.ts

@@ -1,7 +1,7 @@
-export { CoinbaseWallet, coinbaseWallet } from "./wallets/wallets/coinbase-wallet";
-export { MetaMaskWallet, metamaskWallet } from "./wallets/wallets/metamask-wallet";
-export { RainbowWallet, rainbowWallet } from "./wallets/wallets/rainbow-wallet";
-export { TrustWallet, trustWallet } from "./wallets/wallets/trust-wallet";
+export { coinbaseWallet } from "./wallets/wallets/coinbase-wallet";
+export { metamaskWallet } from "./wallets/wallets/metamask-wallet";
+export { rainbowWallet } from "./wallets/wallets/rainbow-wallet";
+export { trustWallet } from "./wallets/wallets/trust-wallet";
 
 export { ConnectWallet } from "./components/ConnectWallet";
 export { Web3Button } from "./components/Web3Button";

packages/react-native/src/evm/providers/thirdweb-provider.tsx

@@ -1,6 +1,5 @@
 import { createAsyncLocalStorage } from "../../core/AsyncStorage";
 import { DEFAULT_API_KEY } from "../constants/rpc";
-import { coinbaseWallet } from "../wallets/wallets/coinbase-wallet";
 import {
   ThirdwebProviderCore,
   ThirdwebProviderCoreProps,
@@ -9,8 +8,9 @@ import {
 import { PropsWithChildren } from "react";
 import type { Chain, defaultChains } from "@thirdweb-dev/chains";
 import { metamaskWallet } from "../wallets/wallets/metamask-wallet";
+import { rainbowWallet } from "../wallets/wallets/rainbow-wallet";
 
-const DEFAULT_WALLETS = [metamaskWallet(), coinbaseWallet()];
+const DEFAULT_WALLETS = [metamaskWallet(), rainbowWallet()];
 
 interface ThirdwebProviderProps<TChains extends Chain[]>
   extends Omit<ThirdwebProviderCoreProps<TChains>, "supportedWallets"> {

packages/react/src/index.ts

@@ -1,17 +1,9 @@
 export { coinbaseWallet } from "./wallet/wallets/coinbaseWallet";
-export { deviceWallet, DeviceWallet } from "./wallet/wallets/deviceWallet";
 export { metamaskWallet } from "./wallet/wallets/metamaskWallet";
 export { paperWallet } from "./wallet/wallets/paperWallet";
 export { safeWallet } from "./wallet/wallets/safeWallet";
 export { walletConnect } from "./wallet/wallets/walletConnect";
 export { walletConnectV1 } from "./wallet/wallets/walletConnectV1";
 
-export { PaperWallet } from "@thirdweb-dev/wallets";
-export { SafeWallet } from "@thirdweb-dev/wallets";
-export { WalletConnect } from "@thirdweb-dev/wallets";
-export { WalletConnectV1 } from "@thirdweb-dev/wallets";
-export { CoinbaseWallet } from "@thirdweb-dev/wallets";
-export { MetaMask as MetamaskWallet } from "@thirdweb-dev/wallets";
-
 // at the moment we'll re-export everything from the evm package
 export * from "./evm";

packages/react/src/wallet/wallets/walletConnect.ts

@@ -1,6 +1,6 @@
-import { TW_WC_PROJECT_ID } from "@thirdweb-dev/react-core";
 import { WalletConnect } from "@thirdweb-dev/wallets";
 import type { Wallet, WalletOptions } from "@thirdweb-dev/react-core";
+import { TW_WC_PROJECT_ID } from "../constants/wc";
 
 export const walletConnect = (config?: { projectId?: string }) => {
   const projectId = config?.projectId || TW_WC_PROJECT_ID;