How to hide external connect wallet option in web3auth modal?

Help - Plug n Play PnP Web SDKs
1

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

  • @web3auth/modal@6.1.1
  • Web (Nextjs)

image
image308×548 16 KB

Please provide the Web3Auth initialization and login code snippet below:
I am unable to hide the external wallet option. What key word do I need to use to hide it?

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

    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_wallet: {
              name: "external_wallet",
              showOnModal: false,
            },
            sms_passwordless: {
              name: "sms_passwordless",
              showOnModal: false,
            },
            connect_wallet:{
              name:"connect_wallet",
              showOnModal:false
            }
          },
        },
      },
    });
    console.log(web3auth.connected, " auto 2 connected");
    if (!web3auth.connected) await web3auth.connect();
    const user = await web3auth.getUserInfo();

    const isEmpty = Object.keys(user).length === 0;
    console.log(user, " user", isEmpty);

    if (isEmpty) {
      console.log("no user");
      web3auth?.logout();
    } else {
      saveConnectedStates(dispatch, web3auth);
      setWeb3AuthInstance(web3auth);
    }
    console.log("saved web3 states");
  } catch (err) {
    console.log("connect error", err);
  }```
2

@tahmidislam1998

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,
    },
  },
});
3

still it is showing connect wallet button how to hide that?
image