feat(clerk-js,types): Introduce Coinbase Wallet Web3 provider types (#4028)

Co-authored-by: Lennart <lekoarts@gmail.com>

Author: chanioxaris

.changeset/cuddly-mails-lie.md

@@ -0,0 +1,6 @@
+---
+"@clerk/clerk-js": patch
+"@clerk/types": patch
+---
+
+Introduce Coinbase Wallet Web3 provider types

packages/clerk-js/src/ui/common/constants.ts

@@ -92,6 +92,10 @@ export const WEB3_PROVIDERS: Web3Providers = Object.freeze({
     id: 'metamask',
     name: 'MetaMask',
   },
+  coinbase: {
+    id: 'coinbase',
+    name: 'Coinbase Wallet',
+  },
 });
 
 export function getWeb3ProviderData(name: Web3Provider): Web3ProviderData | undefined | null {

packages/types/src/web3.ts

@@ -7,15 +7,21 @@ export interface Web3ProviderData {
 }
 
 export type MetamaskWeb3Provider = 'metamask';
+export type CoinbaseWeb3Provider = 'coinbase';
 
-export type Web3Provider = MetamaskWeb3Provider;
+export type Web3Provider = MetamaskWeb3Provider | CoinbaseWeb3Provider;
 
 export const WEB3_PROVIDERS: Web3ProviderData[] = [
   {
     provider: 'metamask',
     strategy: 'web3_metamask_signature',
     name: 'MetaMask',
   },
+  {
+    provider: 'coinbase',
+    strategy: 'web3_coinbase_signature',
+    name: 'Coinbase Wallet',
+  },
 ];
 
 interface getWeb3ProviderDataProps {