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

SuperTokens.com

Hey there! is there a way to customize the email verification form? the same way we can customize signup/signin form

Via react component override:
```ts
ThirdPartyEmailPassword.init({
    override: {
        emailVerification: {
            components: {
                EmailVerificationSendVerifyEmail_Override: ({ DefaultComponent, ...props }) => {
                    // this is the screen which shows that an email verification email has been sent
                    return <DefaultComponent {...props}/>
                },
                EmailVerificationVerifyEmailLinkClicked_Override: ({ DefaultComponent, ...props }) => {
                    // this is the screen which is shown when the user clicks on the email
                    // verification link
                    return <DefaultComponent {...props}/>
                },
            }
        }
    }
})
```

Method 2) You can disable the default UI and make your own:
```ts
ThirdPartyEmailPassword.init({
    emailVerificationFeature: {
        disableDefaultUI: true
    }
})
```

Method 3) Change style / CSS:
```ts
ThirdPartyEmailPassword.init({
    emailVerificationFeature: {
        sendVerifyEmailScreen: {
            style: {...}
        },
        verifyEmailLinkClickedScreen: {
            style: {...}
        }
    }
})
```

in the method 2, what API calls we need to make on the backend?

```ts
ThirdPartyEmailPassword.isEmailVerified() -> to check if an email is verified or not

ThirdPartyEmailPassword.sendVerificationEmail() -> send a verification email (uses the current session of the user on the backend to get the email)

ThirdPartyEmailPassword.verifyEmail() -> to call on the page which opens when the user clicks the email link
```

that's very useful, but can you explain a bit more the last method?

Sure. So it will take the email verification token from the URL's query param and call the backend API which will consume it and mark the email as verified

Also, in the callback page, make sure to check if a session exists, if not, you should ask the user to click on a button or something before calling that function cause otherwise it has the risk that some email clients would verify the email by auto opening the links.

ah so the /auth/verify-email route will be disabled in method 2 so I need to check the token and verify right?

thanks for the details <@498057949541826571>

> ah so the /auth/verify-email route will be disabled in method 2 so I need to check the token and verify right?
Yes.

I mean, you don't need to check the token yourself.. just call that function and it will do it's thing

but yea.. if calling that function is what you meant, then you are right

yes yes got it, the function will check the param and notify the backend