External wallet disappeared

[yoseph.wijaya0]

Hello,

currently I am testing web3auth modal sdk plug and play version.
seems kind a different than the provided in the website.
I don’t see external wallet ui to connect with external wallet such as metamask.
is this not supported for free version? do i need to upgrade to scale up plan in order to show external wallet options?

this is my configs

const modalConfig = {
    [WALLET_ADAPTERS.OPENLOGIN]: {
      label: "openlogin",
      loginMethods: {
        facebook: {
          // it will hide the facebook option from the Web3Auth modal.
          name: "facebook login",
          showOnModal: false,
        },
      },
      // setting it to false will hide all social login methods from modal.
      showOnModal: true,
    },
    [WALLET_ADAPTERS.METAMASK]: {
      label: "metamask",
      showOnModal: true,
    },
    [WALLET_ADAPTERS.COINBASE]: {
      label: "coinbase",
      showOnModal: true,
    },
    [WALLET_ADAPTERS.WALLET_CONNECT_V2]: {
      label: "wallet_connect",
      showOnModal: true,
    },
    [WALLET_ADAPTERS.PHANTOM]: {
      label: "phantom",
      showOnModal: true,
    },
    [WALLET_ADAPTERS.TORUS_EVM]: {
      label: "torus",
      showOnModal: true,
    }
    
  }

Current UI:

I would like to have external wallet options like this:

[TomTom]

Hi @yoseph.wijaya0

I hope you are doing good.

Please take a look at our EVM Modal SDK example : web3auth-pnp-examples/web-modal-sdk/blockchain-connection-examples/evm-modal-example at main · Web3Auth/web3auth-pnp-examples · GitHub

you can do it two ways

 // Only when you want to add External default adapters, which includes WalletConnect, Metamask, Torus EVM Wallet
  const adapters = await getDefaultExternalAdapters({ options: web3AuthOptions });
  adapters.forEach((adapter) => {
    web3auth.configureAdapter(adapter);
  });

or

import { MetamaskAdapter } from "@web3auth/metamask-adapter";

...

// adding metamask adapter
const metamaskAdapter = new MetamaskAdapter(web3AuthOptions);
web3auth.configureAdapter(metamaskAdapter); 

[yoseph.wijaya0]

Thank you , it worked perfectly…