Apple auth error in no-modal

[esteban]

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

1. @web3auth/base: “^9.5.1”,
2. Nextjs

new AuthAdapter({
  adapterSettings: {
    uxMode: 'popup',      apple:{
        verifier: "win_apple_verify", // Pass the Verifier name here. eg. aggregate-sapphire
        verifierSubIdentifier: "app-google-verify", // Pass the Sub-Verifier here. eg w3a-google
        typeOfLogin:'apple'
      },
})

  const loginApple = async () => {
    // IMP START - Login
    const web3authProvider = await web3auth.connectTo(WALLET_ADAPTERS.AUTH, {
      loginProvider: "apple",
       
       });  
    // IMP END - Login
    setProvider(web3authProvider);
    if (web3auth.connected) {
      setLoggedIn(true);
    }
  };

I am trying to integrate the start of session with apple, but I have not been able to since in the docucmentacion has two different ways one with typeOfLogin of JWT that does not works and this that I share with you as seseo that is directly with typeOfLogin apple, this works to the point that lets me enter apple start session and gives me the following error:

we remain attentive to see what may be the error, because for us it is essential to add apple login session to then integrate it into our website.

[shahbaz]

Hey @esteban

Looking at the screenshot provided, looks like you have configured an aggregate verifier and trying to do apple login. And code snippet provided is not correct.

Please follow this documentation on implementing the apple verifier and login with apple.

Apple Social Login with Web3Auth | Documentation | Web3Auth

const authAdapter = new AuthAdapter({
  adapterSettings: {
    uxMode: "redirect",
    loginConfig: {
      jwt: {
        verifier: "w3a-auth0-demo", // Pass the Verifier name here
        typeOfLogin: "jwt", // Pass on the login provider of the verifier you've created
        clientId: "hUVVf4SEsZT7syOiL0gLU9hFEtm2gQ6O", // Pass on the Auth0 `Client ID` here
      },
    },
  },
});

// Login with Apple
await web3AuthNoModalInstance.connectTo(WALLET_ADAPTERS.AUTH, {
  loginProvider: "jwt",
  extraLoginOptions: {
    ddomain: "https://web3auth.au.auth0.com", // Pass on the Auth0 `Domain` here
    verifierIdField: "sub", // Pass on the field name of the `sub` field in the JWT
    connection: "apple", // Use this to skip Auth0 Modal for Apple login
  },
});

[esteban]

I already implemented that way but I have two errors in the connectTo part I think there is an error because in the code you shared with me you have the prop ddomain and if I put it with that I get the following error

si lo pongo como ‘domain’ da el siguiente error

I share the configuration of my app in the web3auth dashboard and the code I implemented:

  jwt: {
        verifier: "win_apple_verify", // Pass the Verifier name here. eg. aggregate-sapphire
        verifierSubIdentifier: "app-google-verify", // Pass the Sub-Verifier here. eg w3a-google
        typeOfLogin: "jwt", // Pass on the login provider of the verifier you've created
        clientId: "a7x1ToHYvdsP0QBozH6bXUKnXAyaatuK", // Pass on the Auth0 `Client ID` here
      },

    const web3authProvider = await web3auth.connectTo(WALLET_ADAPTERS.AUTH, {
      loginProvider: "jwt",
      extraLoginOptions: {
        domain: "https://wininvestments.us.auth0.com", // Pass on the Auth0 `Domain` here
        verifierIdField: "email", // Pass on the field name of the `sub` field in the JWT
        connection: "apple", // Use this to skip Auth0 Modal for Apple login
      },
       });  

[shahbaz]

Hey @esteban

Did you add this as callback url as Callback URL in Auth0 Dashboard?

Learn how to use Auth0 with Web3Auth

[esteban]

Yes, I’ve set it up, but I still get the same error.

[shahbaz]

Hey @esteban
It says there isn’t a verifier with this name for your account.

@esteban

And from this screenshot, it shows your verifier name is app-test-verify

@esteban

@esteban

  jwt: {
        verifier: "win_apple_verify", // Pass the Verifier name here. eg. aggregate-sapphire
        verifierSubIdentifier: "app-google-verify", // Pass the Sub-Verifier here. eg w3a-google
        typeOfLogin: "jwt", // Pass on the login provider of the verifier you've created
        clientId: "a7x1ToHYvdsP0QBozH6bXUKnXAyaatuK", // Pass on the Auth0 `Client ID` here
      },

Update this code to

jwt: {
        verifier: "app-test-verify", // Pass the Verifier name here. eg. aggregate-sapphire
        verifierSubIdentifier: "win_apple_verify", // Pass the Sub-Verifier here. eg w3a-google
        typeOfLogin: "jwt", // Pass on the login provider of the verifier you've created
        clientId: "a7x1ToHYvdsP0QBozH6bXUKnXAyaatuK", // Pass on the Auth0 `Client ID` here
      },