Coinbase not selectable in desktop PnP (also not an option on your demo app)

andrew · August 17, 2023, 12:57am

Hi,

Your demo app currently doesn’t have coinbase as an option. We’ve tried to incorporate the coinbase wallet extension using the suggested modalConfig but it doesn’t seem to recognize it. Has support for coinbase been deprecated? Is there a reason it isn’t on the demo app as well?

thanks!

Please provide the following details too when asking for help in this category:

SDK Version:
Platform:
Browser Console Screenshots:
Related to Custom Authentication? Please provide the following info too: (Optional)
- Verifier Name:
- JWKS Endpoint:
- Sample idToken(JWT)

Please provide the Web3Auth initialization and login code snippet below:

andrew · August 17, 2023, 1:02am

adding SDK and platform details

vjgee · August 17, 2023, 3:57am

@andrew Thanks for your recent post.

Coinbase is not available by default in Modal. You need to include the Coinbase Adapter following this: Coinbase Wallet Adapter | Documentation | Web3Auth

andrew · August 17, 2023, 4:31am

thanks we are doing a client side implementation but we are including the minified version of coinbase adapter via <script src=…

when trying to initialize CoinbaseAdapter, getting an error that CoinbaseAdapter is not a constructor, is there a reference that is using coinbase that works? Was hoping demo would have that but it’s not implemented looks like.

Thanks!

vjgee · August 17, 2023, 11:47am

You can refer to this example:

github.com

Web3Auth/web3auth-pnp-examples/blob/main/web-modal-sdk/blockchain-connection-examples/evm-modal-example/src/App.tsx#L136


      
            "04309ed1007e77d1f119b85205bb779d"
          );
          const walletConnectV2Adapter = new WalletConnectV2Adapter({
            adapterSettings: { ...defaultWcSettings.adapterSettings },
            loginSettings: { ...defaultWcSettings.loginSettings },
          });
          
          web3auth.configureAdapter(walletConnectV2Adapter);
          
          // adding metamask adapter
          const metamaskAdapter = new MetamaskAdapter({
            clientId,
            sessionTime: 3600, // 1 hour in seconds
            web3AuthNetwork: "cyan",
            chainConfig: {
              chainNamespace: CHAIN_NAMESPACES.EIP155,
              chainId: "0x1",
              rpcTarget: "https://rpc.ankr.com/eth", // This is the public RPC we have added, please pass on your own endpoint while creating an app
            },
          });
          // we can change the above settings using this function

Replace MetamaskAdapter with Coinbase Adapter