Possible to hide the wallet connection option in the native modal SDK?

Help - Plug n Play PnP Web SDKs
1

Is it possible to completely hide the wallet connection option in the modal? Not just hide specific wallet options . 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:

2

Could you please go through this documentation Torus EVM Wallet UI Plugin | Documentation and ensure useWalletConnect parameter is set to False (default)

3

Got it working thanks!

5

@andrew could you share your code? How did you do it?

6 


  const web3auth = new Web3Auth({
      clientId:"BCNEb4vQCl8rrcqFpZDr3WcS5Hz2EMtRIMw8pEax3GzC1OAYqWSzqpq8-UaTGbZczgBQJ2z4WNWSMuwR5pBz4uY",
      chainConfig: {
        chainNamespace: "eip155",
        chainId: "0x5",
      },
      web3AuthNetwork: "mainnet",
    });

    const torusPlugin = new TorusWalletConnectorPlugin({
      torusWalletOpts: {},
       walletInitOptions: { buttonPosition: "bottom-left",
        whiteLabel: {
          theme: { isDark: true, colors: { primary: "#00a8ff" } },
          logoDark: "https://web3auth.io/images/w3a-L-Favicon-1.svg",
          logoLight: "https://web3auth.io/images/w3a-D-Favicon-1.svg",
        },
        useWalletConnect: false,
        enableLogging: false,
        showTorusButton:false
      },
    });
    await web3auth.addPlugin(torusPlugin);

    await web3auth.initModal(
      {
      modalConfig: {
        openlogin: {
          label: "openlogin",
          loginMethods: {
            facebook: {
              name: "facebook",
              showOnModal: false,
            },
            reddit: {
              name: "reddit",
              showOnModal: false,
            },
            discord: {
              name: "discord",
              showOnModal: false,
            },
            email_passwordless: {
              name: "email_passwordless",
              showOnModal: false,
            },
            wechat: {
              name: "wechat",
              showOnModal: false,
            },
            weibo: {
              name: "weibo",
              showOnModal: false,
            },
            twitter: {
              name: "twitter",
              showOnModal: false,
            },
            kakao: {
              name: "kakao",
              showOnModal: false,
            },
            line: {
              name: "line",
              showOnModal: false,
            },
            twitch: {
              name: "twitch",
              showOnModal: false,
            },
            apple: {
              name: "apple",
              showOnModal: false,
            },
            github: {
              name: "github",
              showOnModal: false,
            },
            linkedin: {
              name: "linkedin",
              showOnModal: false,
            },
            external_wallets: {
              name: "external_wallets",
              showOnModal: false,
            },
            sms_passwordless: {
              name: "sms_passwordless",
              showOnModal: true,
            },
            wallet_logins:{
               name: "wallet_logins",
              showOnModal: false,
            }
            

          },
        },
      },
    });



    console.log(web3auth, " auto lets see 2 connected");
    if (!web3auth.connected) await web3auth.connect();```

![image|325x500](upload://2uhB7aF9OrzRXmxwTguSkioCwNj.png)
7

@tahmidislam1998 Thanks for your patience.

You can refer to the below code snippet:

import { Web3Auth } from "@web3auth/modal";
import { CHAIN_NAMESPACES, WALLET_ADAPTERS } from "@web3auth/base";

const web3auth = new Web3Auth({
  chainConfig: { chainNamespace: CHAIN_NAMESPACES.EIP155 },
  clientId: "YOUR_WEB3AUTH_CLIENT_ID",
  web3AuthNetwork: "mainnet",
});

await web3auth.initModal({
  modalConfig: {
    // Disable Wallet Connect V2
    [WALLET_ADAPTERS.WALLET_CONNECT_V2]: {
      label: "wallet_connect",
      showOnModal: false,
    },
    // Disable Metamask
    [WALLET_ADAPTERS.METAMASK]: {
      label: "metamask",
      showOnModal: false,
    },
  },
});