Redirect error when attempting to log in to LINE ( another case)

[develop]

When asking for help in this category, please make sure to provide the following details:

Platform: React Native
SDK Details: Web3Auth PnP React Native SDK
SDK Version: 0.74
Issue: Redirect error when attempting to log in using LINE through Auth0 in a React Native app.
Details: The redirect isn’t working properly when users authenticate through the LINE app without entering their details on the web app.

Hi,

I previously reached out to inquire about an issue with logging in using LINE. Thanks to your guidance, I was able to resolve part of the problem. However, I’ve recently encountered a new bug, so I wanted to ask for your help again.

Redirect error when attempting to log in to LINE

Hey @develop, Many thanks for sharing the screenshots! From the Web3Auth dashboard, it appears you’ve set up an aggregate verifier configuration. However, I don’t see this reflected in your code. Specifically, your code seems to be missing a loginConfig that includes the aggregate verifier and its sub-verifiers within the Web3Auth instance initialization. Here’s an example configuration for reference: const web3auth = new Web3Auth(WebBrowser, EncryptedStorage, { clientId, network: OPENLO…

In the case where the login worked previously, it wasn’t a situation where the user wasn’t logged in, as shown in the first screenshot I’ve attached. Instead, the user was already logged in.

To summarize: on the screen shown in the first screenshot, when the “Open in LINE” button is clicked to log in via the app, it transitions to the LINE app. From there, moving from the second screenshot to the third screenshot leads to a Safari browser window. At this point, the user should be redirected back to the app, but instead, they remain in Safari, where an error occurs as shown in the rest of the screenshots.

Could you let me know what might be causing this issue? The code and settings are the same as those I mentioned in my previous inquiry, which you can find at the URL below.

Thank you for your help!

[w3abot]

Hi there!

Thank you for reaching out again and for providing detailed information about the issue you’re experiencing with the Web3Auth PnP React Native SDK. It helps a lot in understanding the problem!

Here’s a summary of the details you’ve provided for our support team:

• SDK Details: PnP React Native SDK
• SDK Version: 0.74
• Platform: React Native
• Issue: Redirect error when attempting to log in using LINE through Auth0. The process fails to redirect back to the app after logging in via the LINE app.

From your description, it seems that everything is set up correctly until the point of redirection. To assist you better, could you provide the following additional details?

1. Web3Auth Initialization & Login Code Snippets: If you can share the relevant parts of your code, it will help us identify any potential issues.
2. Browser Console Screenshots: If there are any error messages in the console during the process, those would be very useful.
3. Verifier Name: What verifier are you using for the LINE integration?
4. Method of Login: Are you using the LINE app for authentication directly, or is it called through your web app?
5. JWKS Endpoint & Sample ID Token (JWT): If you are using your own authentication, please provide this information.

Also, I’ll make sure to check the link you provided for any other context or previous solutions. If you can send the additional details when you get a chance, our support team will be able to assist you more effectively.

Thank you for your patience and collaboration!

Note: This response was generated by an AI bot and may require further verification. The Web3Auth support team has tracked this issue and will be responding as soon as possible.

[develop]

 const web3authInstance = new Web3Auth(WebBrowser, EncryptedStorage, {
        clientId: web3AuthConfig.clientId,
        redirectUrl,
        network: web3AuthConfig.network,
        loginConfig: {
          line: {
            verifier: 'chainwith-app-dev',
            verifierSubIdentifier: 'chainwith-dev-line',
            typeOfLogin: 'line',
            clientId: 'VDKl8JCM6WeqIV0HuFl8Z1BovWJbRSCY',
            jwtParameters: {
              domain: 'https://dev-31zum6u30mrudlmz.us.auth0.com',
              verifierIdField: 'email', // Maps email IDs across logins
              isVerifierIdCaseSensitive: false,
            },
          },
        },
      });

[develop]

It seems more accurate to refer to the history at the link below for detailed information about the development environment:

Redirect error when attempting to log in to LINE

Thank you for your response. @maharshi [스크린샷 2024-11-25 오후 2.10.46] [스크린샷 2024-11-25 오후 2.11.00] I’m sharing the Auth0 dashboard settings here. The Allowed Callback URLs are configured as follows: https://auth.web3auth.io/auth https://dev-31zum6u30mrudlmz.us.auth0.com/login/callback com.xxx.xxx.auth0://dev-31zum6u30mrudlmz.us.auth0.com/ios/com.xxx.xxx/callback com.xxx.xxx.auth0://dev-31zum6u30mrudlmz.us.auth0.com/android/com.xxx.xxx/callback If you need any additional inf…

[develop]

please reply

@maharshi

[maharshi]

Hey @develop
Please share the allowed redirect URIs on Auth0 dashboard and also in your app if you’ve configured redirect URL.

[develop]

Hi, @maharshi
thank you for your response.
Here are the dashboard screens for Auth0 and LINE.
Let me know if you need any additional information.

Auth0 Dashboard
Allowed Callback URLs
Web3Auth, https://dev-31zum6u30mrudlmz.us.auth0.com/login/callback, com.chainwith.rewardy.auth0://dev-31zum6u30mrudlmz.us.auth0.com/ios/com.chainwith.rewardy/callback, com.chainwith.rewardy.auth0://dev-31zum6u30mrudlmz.us.auth0.com/android/com.chainwith.rewardy/callback

Application Login URI
https://dev-31zum6u30mrudlmz.us.auth0.com/login