Interoperability with TorusWalletConnectorPlugin (paste uri within the plugin modal)

[ronerlih]

Dear web3auth team,
…great to see you at ETHDenver, smashed it!!

We’re trying to add to the TorusWalletConnectorPlugin the QR code paste (or scan) modal from within app.tor.us wallet, in order to skip opening the wallet window when connecting to 3rd party apps:

• We’ve tried adding useWalletConnect field to the walletInitOptions to show the QR module, but it doesn’t pop up .
  (torus-wallet-connector-plugin | Documentation)

our TorusWalletConnectorPlugin config:

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

• Is our setup correct? or is there another way to achieve this?

Thanks very much!!
Ron

[chai]

You would also need to call showWalletConnectScanner() function on the torusPlugin to show it

[ronerlih]

@chai

showWalletConnectScanner

Fantastic, that works !!
thanks @chai

[shahbaz]

For someone trying to use the same, here’s the sample code:

import { TorusWalletConnectorPlugin } from "@web3auth/torus-wallet-connector-plugin";

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

await torusPlugin.showWalletConnectScanner();

torus-wallet-connector-plugin | Documentation