import Link from "next/link"; import { Configuration, PublicApi } from "@ory/kratos-client"; import config from "../config"; import SelfServiceForm from "../components/Form/SelfServiceForm"; const kratos = new PublicApi(new Configuration({ basePath: config.kratos.public })); export async function getServerSideProps(context) { const flow = context.query.flow; if (process.env.NODE_ENV === "development") { return { props: { flow: require("../../stubs/recovery.json") } }; } // The flow is used to identify the login and registration flow and // return data like the csrf_token and so on. if (!flow || typeof flow !== "string") { // No flow ID found in URL, initializing recovery flow. return { redirect: { permanent: false, destination: `${config.kratos.browser}/self-service/recovery/browser`, }, }; } try { const { status, data } = await kratos.getSelfServiceRecoveryFlow(flow); if (status === 200) return { props: { flow: data } }; throw new Error(`Failed to retrieve flow ${flow} with code ${status}`); } catch (error) { return { redirect: { permanent: false, destination: `${config.kratos.browser}/self-service/recovery/browser`, }, }; } } const fieldsConfig = { email: { label: "Your email", autoComplete: "email", position: 0, }, csrf_token: { position: 99, }, }; export default function Recovery({ flow }) { return (
); }