Function SignIn

apps/web/ui/Auth/index.tsx:63–209

({
  csrfToken,
  callbackUrl,
  state,
  withLayout = true,
  showSignUp,
  onSignIn,
  redirectFn,
  origin,
  ...props
}: {
  csrfToken?: string;
  error?: string;
  email?: string;
  callbackUrl?: string;
  state?: string;
  withLayout?: boolean;
  showSignUp?: (mode: SignInMode) => void;
  onSignIn?: () => void;
  sso?: string;
  redirectFn?(url: string): void;
  origin?: string;
  mode: SignInMode;
  setMode?(props: SignInMode): void;
})

}

function SignIn({
  csrfToken,
  callbackUrl,
  state,
  withLayout = true,
  showSignUp,
  onSignIn,
  redirectFn,
  origin,
  ...props
}: {
  csrfToken?: string;
  error?: string;
  email?: string;
  callbackUrl?: string;
  state?: string;
  withLayout?: boolean;
  showSignUp?: (mode: SignInMode) => void;
  onSignIn?: () => void;
  sso?: string;
  redirectFn?(url: string): void;
  origin?: string;
  mode: SignInMode;
  setMode?(props: SignInMode): void;
}) {
  const [mode, setMode] = useState<SignInMode>(props.mode || 'magic');
  const [email, setEmail] = useState(props.email);
  const [error, setError] = useState(props.error);
  const [loading, setLoading] = useState(false);

  const Layout = withLayout
    ? CardLayout
    : (props: any) => <>{props.children}</>;

  const redirectUrl = prepareUrl(callbackUrl);

  return (
    <Layout header="Sign In">
      <Error error={error} />

      <form
        onSubmit={(e) =>
          onSignInSubmit({
            setError,
            setLoading,
            callbackUrl: redirectUrl,
            onSignIn,
            state,
            ...props,
          })(e, mode)
        }
      >
        <input name="csrfToken" type="hidden" defaultValue={csrfToken} />

        <EmailField
          placeholder="Email address"
          id="email"
          required