Capacitor Android Issue (Custom Discord Authentication)

[gerardopar]

We have a React/Capacitor application wired up to use web3Auth + Discord Login. We have used the following guide Discord Guide to get setup & have it working successfully for WEB & IOS. But we are currently running into an issue with native android devices.

At the moment when a user triggers the discord login from within our app the user is redirected to the following page (Open Login) & nothing happens, upon further investigation of the source maps we get an error about redirectUrl does not exist. But we have set that in our adapterSettings.

Screen.Recording.2022-08-22.at.9.21.04.PM.mov

Here is a snippet of our initialization code.

const web3AuthInit = async () => {
    try {
      setInitLoading(true)
      const web3authCore = new Web3AuthCore({
        chainConfig: {
          chainNamespace: CHAIN_NAMESPACES.EIP155,
          chainId: '0x1',
          rpcTarget:
            'https://mainnet.infura.io/v3/776218ac4734478c90191dde8cae483c',
          blockExplorer: 'https://etherscan.io/',
          ticker: 'ETH',
          tickerName: 'Ethereum',
        },
        enableLogging: true,
      })

      const adapter = new OpenloginAdapter({
        adapterSettings: {
          network: 'testnet',
          clientId:
            'XXX',
          uxMode: 'redirect',
          redirectUrl: "XXX"
          loginConfig: {
            discord: {
              name: 'discord',
              verifier: 'discord-learn-card-verifier',
              typeOfLogin: 'discord',
              clientId: 'XXX',
              mainOption: true,
              showOnMobile: true,
              showOnDesktop: true,
            },
          },
        },
      })

      web3authCore.configureAdapter(adapter)
      subscribeAuthEvents(web3authCore)
      web3AuthStore.set.web3Auth(web3authCore)

      await web3authCore.init()
    } catch (error) {
      setInitLoading(false)
      console.log(error)
    }
  }

[shahbaz17]

Hey @gerardopar

What's your redirectUrl? Also, have you whitelisted that in the dashboard?

And please note:

https://web3auth.io/docs/sdk/web/openlogin#openloginloginparams

[yashovardhan]

Please note that for Android, your URL looks similar to {YOUR_APP_PACKAGE_NAME}://auth

[TaylorBeeston]

@shahbaz17 @yashovardhan After doing an immense amount of debugging, I've been able to localize the problem within the @toruslabs/openlogin package. It seems that, for some reason, in this specific environment, third party cookies aren't working correctly!

To workaround this, I have set no3PC to true, but on the current version of @web3auth/openlogin-adapter, this will cause the adapter to fail to initialize due to an invalid check inside the @toruslabs/openlogin package. Fortunately, that has already been fixed (see this commit) upstream! The problem is that @web3auth/openlogin-adapter doesn't have the latest version of @toruslabs/openlogin bumped in its package json yet, so the code that ultimately gets pulled in still does not work.

I have put up this PR to address this. Hopefully with that merged in and a new package released, this should start working! I have tested manually editing the compiled @toruslabs/openlogin file, and it has been working for me!

[yashovardhan]

That's really awesome. So glad you looked into this so deeply and submitted a PR as well. Further, @himanshuchawla009 and @chaitanyapotti can help you with reviewing the PR and understanding the concern.

Thanks a lot for taking the initiative to contribute 🔥

[TaylorBeeston]

@yashovardhan No problem! I'm just glad it turned out to be a pretty easy fix 😂

[Custard7]

Yes you rock @TaylorBeeston! 🔥

@yashovardhan @himanshuchawla009 @chaitanyapotti thank you so much for helping to review this, will help us get our Android login flows off the ground 🚀 💪

[chaitanyapotti]

This is released in 2.1.2

[reslear]

hi, @gerardopar can you share an example of your implementation native+web?