SignInMethodsContainer (components/sign-in-methods-container.tsx)

Container rendering sign-in methods based on provider configuration, supporting password, magic link, and OAuth.

// Source: https://github.com/makerkit/nextjs-saas-starter-kit-lite | License: MIT | Copyright 2024 MakerKit
// Provided via justclaw.it.com; keep this notice with the code.
'use client';

import { useRouter, useSearchParams } from 'next/navigation';

import type { Provider } from '@supabase/supabase-js';

import { isBrowser } from '@kit/shared/utils';
import { If } from '@kit/ui/if';
import { Separator } from '@kit/ui/separator';

import { MagicLinkAuthContainer } from './magic-link-auth-container';
import { OauthProviders } from './oauth-providers';
import { PasswordSignInContainer } from './password-sign-in-container';

export function SignInMethodsContainer(props: {
  paths: {
    callback: string;
    home: string;
  };

  providers: {
    password: boolean;
    magicLink: boolean;
  

... (truncated -- full source via MCP)