## Confirm a TWINT payment Use `stripe.confirmTwintPayment` in the TWINT payment method creation flow when the customer submits your payment form. When you call the method, it confirms the [PaymentIntent](/api/payment_intents.md) with the `data` you provide, and automatically redirects the customer to authorize the transaction. Once authorization is complete, the customer is redirected back to your specified `return_url`. When you confirm a `PaymentIntent`, it needs to have an attached [PaymentMethod](/api/payment_methods.md). In addition to confirming the `PaymentIntent`, this method can automatically create and attach a new `PaymentMethod` for you. If you've already attached a `return_url` and a `PaymentMethod`, you can call this method without needing to provide any additional data. These use cases are detailed in the sections that follow. > Note that `stripe.confirmTwintPayment` might take several seconds to complete. > During that time, you should disable your form from being resubmitted and show a waiting indicator like a spinner. > If you receive an error result, show that error to the customer, re-enable the form, and hide the waiting indicator. By default, `stripe.confirmTwintPayment` triggers a redirect when successful. If there's an error, or when handling `next_action`s manually by using the `handleActions: false` option, it returns a `Promise` which resolves with a `result` object. This object has either: * `result.paymentIntent`: the successful [PaymentIntent](/api/payment_intents). * `result.error`: an error. Refer to the [API reference](/api/errors) for all possible errors. **Syntax:** `stripe.confirmTwintPayment(...)` - `clientSecret` (string) **required** The [client secret](/api/payment_intents/object.md#payment_intent_object-client_secret) of the `PaymentIntent`. - `data` (object) Data to be sent with the request. Refer to the [Payment Intents API](/api/payment_intents/confirm.md) for a full list of parameters. - `payment_method` (string | object) Either the `id` of an existing [PaymentMethod](/api/payment_methods.md), or an object containing data to create a `PaymentMethod` with. See the use case sections below for details. - `return_url` (string) **required** The url your customer will be directed to after they complete authentication. - `options` (object) An options object to control the behavior of this method. - `handleActions` (boolean) Set this to `false` if you want to [manually handle the authorization redirect](/payments/twint/accept-a-payment.md#handle-redirect). Default is `true`. ### Use case: without an existing payment method If you haven't already created a `PaymentMethod`, you can pass payment method parameters, and the newly created `PaymentMethod` is used to confirm the `PaymentIntent`. ### Data argument properties - `payment_method` (object) **required** Pass payment method billing details. - `billing_details` (object) **required** The [billing_details](/api/payment_methods/create.md#create_payment_method-billing_details) associated with the payment. - `email` (string) **required** - `name` (string) **required** - `address` (object) **required** - `shipping` (object) The [shipping details](/api/payment_intents/confirm.md#confirm_payment_intent-shipping) for the payment. - `name` (string) **required** - `address` (object) **required** - `return_url` (string) **required** The url your customer will be directed to after they complete authentication. ### Confirm without existing payment method ```js stripe.confirmTwintPayment( '{PAYMENT_INTENT_CLIENT_SECRET}', { payment_method: { billing_details: { name: 'Jenny Rosen', email: 'jenny@example.com', address: { line1: '123 Main Street', city: 'San Francisco', state: 'CA', country: 'US', postal_code: '94321' } } }, shipping: { name: 'Jenny Rosen', address: { line1: '123 Main Street', city: 'San Francisco', state: 'CA', country: 'US', postal_code: '94321' } }, // Return URL where the customer should be redirected after the authorization. return_url: window.location.href } ).then(function(result) { if (result.error) { // Inform the customer that there was an error. } }); ``` ```es_next const {error} = await stripe.confirmTwintPayment( '{PAYMENT_INTENT_CLIENT_SECRET}', { payment_method: { billing_details: { name: 'Jenny Rosen', email: 'jenny@example.com', address: { line1: '123 Main Street', city: 'San Francisco', state: 'CA', country: 'US', postal_code: '94321' } } }, shipping: { name: 'Jenny Rosen', address: { line1: '123 Main Street', city: 'San Francisco', state: 'CA', country: 'US', postal_code: '94321' } }, // Return URL where the customer should be redirected after the authorization. return_url: window.location.href } ); ``` ### Use case: with an existing payment method If you've already created a `PaymentMethod`, you can pass its `id` to `payment_method`, which is used to confirm the `PaymentIntent`. ### Data argument properties - `payment_method` (string) **required** The `id` of an existing `PaymentMethod`. - `return_url` (string) **required** The url your customer will be directed to after they complete authentication. ### Confirm with existing payment method ```js stripe.confirmTwintPayment( '{PAYMENT_INTENT_CLIENT_SECRET}', { payment_method: '{PAYMENT_METHOD_ID}', // Return URL where the customer should be redirected after the authorization. return_url: window.location.href } ).then(function(result) { // Inform the customer that there was an error. }); ``` ```es_next const {error} = await stripe.confirmTwintPayment( '{PAYMENT_INTENT_CLIENT_SECRET}', { payment_method: '{PAYMENT_METHOD_ID}', // Return URL where the customer should be redirected after the authorization. return_url: window.location.href } ); ``` ### Use case: with an attached PaymentMethod If you've already attached a `return_url` and a `PaymentMethod` to this `PaymentIntent`, you can confirm it without passing in any additional data. ### Confirm with an attached PaymentMethod ```js stripe.confirmTwintPayment( '{PAYMENT_INTENT_CLIENT_SECRET}' ).then(function(result) { if (result.error) { // Inform the customer that there was an error. } }); ``` ```es_next const {error} = await stripe.confirmTwintPayment( '{PAYMENT_INTENT_CLIENT_SECRET}', ); ``` ### Confirm an TWINT payment ```js stripe.confirmTwintPayment( '{PAYMENT_INTENT_CLIENT_SECRET}' ).then(function(result) { if (result.error) { // Inform the customer that there was an error. } }); ``` ```es_next const {error} = await stripe.confirmTwintPayment( '{PAYMENT_INTENT_CLIENT_SECRET}', ); ```