Hi I have implemented custom UI but standard flow password r

Question

Hi I have implemented custom UI but standard flow password reset solution Everything seems to be working except for the last part where I call function submitNewPassword formFields id password value newPassword it gives me this error Error No instance of EmailPassword found Make sure to call the EmailPassword init method Can enyone help me with this issue

nkshah2 · Answer

Hi < Agne Ado>

nkshah2 · Answer

Can I see the code for where you call SuperTokens init

Agne Ado · Answer

frontend confi export const frontendConfig = => appInfo recipeList EmailVerification init mode REQUIRED EmailPassword init signInAndUpFeature disableDefaultUI true resetPasswordUsingTokenFeature disableDefaultUI true SessionReact init

nkshah2 · Answer

And on the backend

Agne Ado · Answer

export const backendConfig = TypeInput => return framework express supertokens connectionURI process env SUPERTOKENS CONNECTION URI || appInfo recipeList EmailVerification init mode REQUIRED EmailPasswordNode init SessionNode init isInServerlessEnv true

nkshah2 · Answer

Where are you importing `submitNewPassword` from

Agne Ado · Answer

import submitNewPassword from supertokens web js recipe emailpassword

nkshah2 · Answer

Just to clarify is this a react app

Agne Ado · Answer

yes react nextjs

nkshah2 · Answer

Right you should import from the react SDK instead ``` import submitNewPassword from supertokens auth react recipe emailpassword ``` Also make sure to import EmailPassword from the react SDK for this bit `EmailPassword init`

nkshah2 · Answer

I know this isnt super clear in the docs at the moment but we are working on that

Agne Ado · Answer

ahhh ok yeah the docs could be simpler and with more examples for sure

Agne Ado · Answer

thanks will check if this works now

nkshah2 · Answer

Yep and thanks for pointing that out if you have any more feedback as you go along please let us know

Agne Ado · Answer

import EmailPassword from supertokens auth react recipe emailpassword is this the right import

nkshah2 · Answer

Yep thats correct

Agne Ado · Answer

hey something has changed for better but still not working quite right

nkshah2 · Answer

Oh what issue are you facing

nkshah2 · Answer

Right so the submit new password method is meant to be used on the screen where the user is navigated to after they click the reset password link in the email

nkshah2 · Answer

It reads the token from the URL

Agne Ado · Answer

yea i know and i call it after i enter new password to a form

nkshah2 · Answer

Whats the URL of the page

Agne Ado · Answer

http localhost auth reset password token=OWFlODk2NmJkYjNlYTM3MGYzYzI1ZjllMmViOTNiNTA2ZDg5MTA4NzRlOTdmZmFlMDA2MmQzZjc5Y2VjZGM3MzA4ZDhkOTFjMjZkZjhiZmZjMmFiNzZlNjBkMmQ2MmRk rid=emailpassword

Agne Ado · Answer

this is the url i get as password reset link

nkshah2 · Answer

Does this happen every time Or was this a URL from an older email

Agne Ado · Answer

it s the last one

nkshah2 · Answer

Can you restart the flow by triggering a new email See if you still get the error

Agne Ado · Answer

no i get the same error each time i try to reset passwrod

nkshah2 · Answer

Ah

nkshah2 · Answer

Can I see the request body for the request

Agne Ado · Answer

so this is my send email request import sendPasswordResetEmail from supertokens auth react recipe emailpassword export const sendEmail = async email string => try const response = await sendPasswordResetEmail formFields id email value email if response status === FIELD ERROR one of the input formFields failed validaiton response formFields forEach formField => if formField id === email Email validation failed for example incorrect email syntax console error formField error else reset password email sent console log reset password email sent catch err any if err isSuperTokensGeneralError === true this may be a custom error message sent from the API by you console error err message else console error Oops Something went wrong

Agne Ado · Answer

and this is changePassword

Agne Ado · Answer

import submitNewPassword from supertokens auth react recipe emailpassword export const changePassword = async newPassword string => try console log i am trying console log await submitNewPassword formFields id password value newPassword const response = await submitNewPassword formFields id password value newPassword if response status === FIELD ERROR response formFields forEach formField => if formField id === password New password did not meet password criteria on the backend console error formField error else if response status === RESET PASSWORD INVALID TOKEN ERROR the password reset token in the URL is invalid expired or already consumed console error Password reset failed Please try again console error response status window location assign auth reset password back to the password reset screen else console log Password reset successful window location assign signIn catch err any if err isSuperTokensGeneralError === true this may be a custom error message sent from the API by you console error err message else console log err console error Oops Something went wrong

nkshah2 · Answer

``` await submitNewPassword formFields id password value newPassword const response = await submitNewPassword formFields id password value newPassword ``` I think you meant to call it once

nkshah2 · Answer

its probably consuming the token the first time and failing it the second time because the token is already used

Agne Ado · Answer

ohh but the first time i call it in console log is that a problem

nkshah2 · Answer

Yep itll still call the API and consume the token

nkshah2 · Answer

So the second one will always fail

Agne Ado · Answer

ok now i feel silly thanks It works

nkshah2 · Answer

Chalk it up to it being a Friday p

nkshah2 · Answer

Happy to help

Agne Ado · Answer

thanks

Agne Ado · Answer

Hi me again I wonder why any error is not thrown when i try o reset password with email that is not signedUp before Do i have to implement something additionally I was kind a expecting superToken to check if this email exist in DB

nkshah2 · Answer

Well the idea is that a non user should not be able to tell what email exists in the system by using the reset password form but you can use the override feature to customise this

nkshah2 · Answer

https supertokens com docs emailpassword advanced customizations backend functions override usage

nkshah2 · Answer

This lets you customise the behaviour of some of the functionality in SuperTokens In essence you want to override the reset password function and return a general error if the email does not exist in the system