import { ReactElement, useEffect } from 'react'; import { GetServerSideProps } from 'next'; import dynamic from 'next/dynamic'; import Head from 'next/head'; import { EmailVerificationPreBuiltUI } from 'supertokens-auth-react/recipe/emailverification/prebuiltui'; import { ThirdPartyEmailPasswordPreBuiltUI } from 'supertokens-auth-react/recipe/thirdpartyemailpassword/prebuiltui'; import { getRoutingComponent } from 'supertokens-auth-react/ui'; import { FullLogo } from '@/components/common/Logo'; import { env } from '@/env/frontend'; import { startAuthFlowForProvider } from '@/lib/supertokens/start-auth-flow-for-provider'; import { startAuthFlowForOIDCProvider } from '@/lib/supertokens/third-party-email-password-react-oidc-provider'; export const getServerSideProps: GetServerSideProps = async context => { // See counter-part in '@/config/supertokens/frontend.ts' if (env.auth.organizationOIDC === true) { const url = new URL(env.appBaseUrl + (context.req.url ?? '')); const oidcProviderId = url.searchParams.get('id'); if (url.pathname === '/auth/oidc' && oidcProviderId) { return { props: { oidcProviderId, }, }; } } return { props: { oidcProviderId: null }, }; }; const SuperTokensComponentNoSSR = dynamic( () => Promise.resolve(() => getRoutingComponent([ThirdPartyEmailPasswordPreBuiltUI, EmailVerificationPreBuiltUI]), ), { ssr: false, }, ); /** * Route for showing the SuperTokens login page. */ export default function Auth(props: { oidcProviderId: string | null }): ReactElement { useEffect(() => { if (props.oidcProviderId) { void startAuthFlowForOIDCProvider(props.oidcProviderId); return; } // In case we are directed here from the Okta dashboard we automatically start the login flow. const isOkta = env.auth.okta !== null && new URLSearchParams(globalThis.window?.location.search ?? '').get('provider') === 'okta'; if (isOkta) { void startAuthFlowForProvider('okta'); } }, []); return (
Welcome to GraphQL Hive {props.oidcProviderId ? null : }
); }