Skip to main content

Post signin / signup callbacks

1) On the frontend#

This method allows you to fire events immediately after a successful sign in. For example to send analytics events post sign in.

import SuperTokens from "supertokens-auth-react";import Passwordless from "supertokens-auth-react/recipe/passwordless";import Session from "supertokens-auth-react/recipe/session";
SuperTokens.init({    appInfo: {        apiDomain: "...",        appName: "...",        websiteDomain: "..."    },    recipeList: [        Passwordless.init({            contactMethod: "EMAIL_OR_PHONE",
            onHandleEvent: async (context) => {                if (context.action === "SESSION_ALREADY_EXISTS") {                    // TODO:                } else if (context.action === "PASSWORDLESS_RESTART_FLOW") {                    // TODO:                } else if (context.action === "PASSWORDLESS_CODE_SENT") {                    // TODO:                } else {                    let {id, email, phoneNumber} = context.user;                    if (context.action === "SUCCESS") {                        if (context.isNewUser) {                            // TODO: Sign up                        } else {                            // TODO: Sign in                        }                    }                }            }        }),        Session.init()    ]});
info

Please refer to this page to learn more about the onHandleEvent hook.

2) On the backend#

For this, you'll have to override the consumeCodePOST API in the init function call.

import SuperTokens from "supertokens-node";import Passwordless from "supertokens-node/recipe/passwordless";import Session from "supertokens-node/recipe/session";
SuperTokens.init({    appInfo: {        apiDomain: "...",        appName: "...",        websiteDomain: "..."    },    recipeList: [        Passwordless.init({            contactMethod: "EMAIL", // This example will work with any contactMethod            createAndSendCustomEmail: async (input) => console.log(input),            flowType: "USER_INPUT_CODE_AND_MAGIC_LINK", // This example will work with any flowType
            override: {                apis: (originalImplementation) => {                    return {                        ...originalImplementation,                        consumeCodePOST: async (input) => {
                            if (originalImplementation.consumeCodePOST === undefined) {                                throw Error("Should never come here");                            }                                                        // First we call the original implementation of consumeCodePOST.                            let response = await originalImplementation.consumeCodePOST(input);
                            // Post sign up response, we check if it was successful                            if (response.status === "OK") {                                let { id, email, phoneNumber } = response.user;
                                if (response.createdNewUser) {                                    // TODO: post sign up logic                                } else {                                    // TODO: post sign in logic                                }                            }                            return response;                        }                    }                }            }        }),        Session.init({ /* ... */ })    ]});