SuperTokens is an open source authentication solution offering features like: Different types of login: Email / password, Passwordless (OTP or Magic link based).

SuperTokens.com

Anyone here who can assist us with an issue parsing the state while signing in with Apple?

hey <@845220073508831242> can you share a stack trace as well as the state value?

Are you doing anything to modify the default state we have?

Could you invite my colleage <@555721609147711488> here?

https://drive.google.com/file/d/1UeowKrwJAI31uK1gRWpuQoLSjyM0Tghx/view?usp=sharing

He just created this detailed description of the issue.

thanks. Will see that. Anyone can join this discord.

can you share the URL that is returned from when you call `getAuthorisationURLWithQueryParamsAndSetState` from the frontend?

also, which backend framework are you using along with our node sdk?

<@498057949541826571> can you grant access to <@555721609147711488>?

Hi <@498057949541826571> !

We are using React SPA + NestJS.
Here's the URL returned from `getAuthorisationURLWithQueryParamsAndSetState` 

On backend we have this configuration for apple:
``` 
               authorizationEndpointQueryParams: {
                  scope: 'name email',
                  state: JSON.stringify({
                    frontendRedirectURI:
                      'https://smasurceac/ngrok.app' + '/auth/callback/apple',
                  }),
                  response_mode: 'form_post',
                  redirect_uri:
                    'https://smasurceac.ngrok.app' + '/auth/callback/apple',
                },
``` 

https://appleid.apple.com/auth/authorize?client_id=dev.teks.supertokens&redirect_uri=https%3A%2F%2Fsmasurceac.ngrok.app%2Fauth%2Fcallback%2Fapple&response_type=code&scope=name+email&response_mode=form_post&state=eyJzdGF0ZSI6IjYzODQ1MDJhZGIxMDI0NWRkYWNmOSJ9

I've added more `authorizationEndpointQueryParams` while trying to fix the issue, originally it was only 
```authorizationEndpointQueryParams: {
                  scope: 'name email',
}
```

the value for redirectURIOnProviderDashboard should be your `<apiDomain>/<auth>/callback/apple`

the issue is that you have used the localURL for that instead of the apiDomain

also, you don't need to define:
```
state: JSON.stringify({
                    frontendRedirectURI:
                      'https://smasurceac/ngrok.app' + '/auth/callback/apple',
                  }),
```
in `authorizationEndpointQueryParams` on the backend

```
  
const localURL = 'https://smasurceac.ngrok.app';

 const authUrl = await getAuthorisationURLWithQueryParamsAndSetState({
        thirdPartyId: provider,
        frontendRedirectURI: localURL + '/auth/callback/' + provider,
        ...(provider === 'apple'
          ? {
              redirectURIOnProviderDashboard: localURL + '/auth/callback/apple', // This URL goes on the Apple's dashboard
            }
          : {}),
      });
```

so it should not be `redirectURIOnProviderDashboard: localURL + '/auth/callback/apple'`

it should be `redirectURIOnProviderDashboard: apiDomain + '/auth/callback/apple'`

Thanks <@498057949541826571> .

I've set the localhost url for frontend and ngrok for backend and it worked. 👍