> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mangopay.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Overview
export const Sca = ({content}) =>
{content}
;
**Availability:**
* All card types
## Process
Processing a one-time card payment is a multi-step process:
Register the card to tokenize its sensitive data so it can be used for payment.
Call the POST Create a Direct Card PayIn endpoint to initiate the payment.
If required by the issuer, redirect the user to the issuer's Access Control Server (ACS) to complete .
Mangopay updates the `Status`of the pay-in from `CREATED` to `SUCCEEDED` or `FAILED` to indicate the result.
Set up [webhooks](/webhooks) for the following event types:
* `PAYIN_NORMAL_SUCCEEDED`
* `PAYIN_NORMAL_FAILED`
Call the GET View a PayIn endpoint to confirm the result and customize the user's post-pay experience.
Call the PUT Deactivate or edit a Card endpoint to disable the `CardId` if you don't have the user's permission to save their payment details.
See the how-to guide for a detailed walkthrough of these steps you need to take:
Process a one-time card payment
## Sequence diagram
The following diagram details the full flow described above:
## Related resources
Use Mangopay's dedicated test cards in Sandbox
The Direct Card PayIn object
Learn more about 3DS and SCA
{/*
https://swimlanes.io/u/8i-AYs3E8
Title: Direct card pay-in – How it works
App / website --> Platform: Send payment request from end user
=: **1. Card tokenization**
Platform -> Mangopay API: POST Create Card Registration
Mangopay API -> Platform: Return: AccessKey, PreregistrationData, CardRegistrationURL
Platform -> App / website: Send: AccessKey, PreregistrationData, CardRegistrationURL
App / website -> Tokenization server: Send: AccessKey, PreregistrationData, CardRegistrationURL, and card details
Tokenization server -> App / website: Return: RegistrationData
App / website -> Platform: Send: RegistrationData
Platform -> Mangopay API: PUT Update Card Registration
Mangopay API -> Platform: Return CardId
=: **2. Payment request**
Platform -> App / website: Fetch: IP address, browser information
App / website -> Platform: Return: IP address, browser information
Platform -> Mangopay API: POST Create Direct Card PayIn
Mangopay API -> ACS (issuer): Request payment
=: **3. 3DS redirection**
if: IF SCA REQUIRED BY ISSUER
ACS (issuer) -> Mangopay API: Notifiy that authentication is required
Mangopay API -> Platform: Return: SecureModeRedirectURL, Status as CREATED
Platform --> App / website: Redirect end user
App / website --> ACS (issuer): Authentication (SCA) completed by end user
ACS (issuer) --> ACS (issuer): Verify authentication
end
ACS (issuer)-> Mangopay API: Return end user to SecureModeReturnURL
=: **4. Payment outcome**
Mangopay API -> Platform: Change pay-in Status to SUCCEEDED or FAILED
Mangopay API --> Platform: Send webhook PAYIN_NORMAL_SUCCEEDED or PAYIN_NORMAL_FAILED
Platform -> Mangopay API: GET View PayIn
Mangopay API -> Platform: Return Status
Platform --> App / website: Confirm payment outcome
=: **5. Card deactivation**
Platform -> Mangopay API: PUT Deactivate or edit Card
*/}