## Confirm an FPX payment

Use `stripe.confirmFpxPayment` in the [FPX payment method creation](/stripe-js/elements/fpx-bank.md) flow when the customer submits your payment form.
When called, it will confirm the [PaymentIntent](/api/payment_intents.md) with `data` you provide, and it will automatically redirect the customer to authorize the transaction.
Once authorization is complete, the customer will be 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 have already attached 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.confirmFpxPayment` may 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, you should be sure to show that error to the customer, re-enable the form, and hide the waiting indicator.

By default, `stripe.confirmFpxPayment` will trigger a redirect when successful.
If there is an error, or when handling `next_action`s manually by using the `handleActions: false` option, it will return 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.confirmFpxPayment(...)`

- `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)
    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/fpx/accept-a-payment.md#handle-redirect).
Default is `true`.

### Use case: with payment data from an Element

Create and attach a new PaymentMethod by passing an `fpxBank` [Element](/js/element.md) to `payment_method[fpx]`.
The new `PaymentMethod` will be created with the [bank code](/payments/fpx/accept-a-payment.md#bank-reference) collected by the `Element` and will be used to confirm the `PaymentIntent`.

### Data argument properties

- `payment_method` (object) **required**
  Pass an `object` to confirm using data collected by an `fpxBank` [Element](/js/element.md).

  - `fpx` (Element)
    An `fpxBank` [Element](/js/element.md).

- `return_url` (string)
  The url your customer will be directed to after they complete authentication.

### Confirm with an Element

```js
stripe.confirmFpxPayment(
  '{PAYMENT_INTENT_CLIENT_SECRET}',
  {
    payment_method: {
      fpx: fpxBankElement
    },
    // 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.confirmFpxPayment(
  '{PAYMENT_INTENT_CLIENT_SECRET}',
  {
    payment_method: {
      fpx: fpxBankElement
    },
    // 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 have already created a `PaymentMethod`, you can pass its `id` to `payment_method` and it will be used to confirm the `PaymentIntent`.

### Data argument properties

- `payment_method` (string) **required**
  The `id` of an existing `PaymentMethod`.

- `return_url` (string)
  The url your customer will be directed to after they complete authentication.

### Confirm with existing payment method

```js
stripe.confirmFpxPayment(
  '{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.confirmFpxPayment(
  '{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 self collected data

If you already know the customer’s bank or want to collect it yourself, then you do not need to use the `fpxBank` [Element](/js/element.md).
You can pass in the customer’s [bank code](/payments/fpx/accept-a-payment.md#bank-reference) directly.

### Data argument properties

- `payment_method` (object) **required**
  Pass an object to confirm using data collected by an `fpxBank` [Element](/js/element.md).

  - `fpx` (object) **required**
    An object detailing the customer's FPX bank.

    - `bank` (string) **required**
      The customer's [bank](/payments/fpx/accept-a-payment.md#bank-reference).

- `return_url` (string)
  The url your customer will be directed to after they complete authentication.

### Confirm with self collected data

```js
stripe
  .confirmFpxPayment('{PAYMENT_INTENT_CLIENT_SECRET}', {
    payment_method: {
      fpx: {
        bank: 'ambank',
      },
    },
    // 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.confirmFpxPayment(
  '{PAYMENT_INTENT_CLIENT_SECRET}',
  {
    payment_method: {
      fpx: {
        bank: 'ambank',
      },
    },
    // Return URL where the customer should be redirected after the authorization.
    return_url: window.location.href,
  },
);
```

### Use case: with an attached PaymentMethod

If you have already attached a `return_url` and a `PaymentMethod` to this `PaymentIntent`, then you can confirm the `PaymentIntent` using `stripe.confirmFpxPayment` without passing in any additional data.

### Confirm with an attached PaymentMethod

```js
stripe.confirmFpxPayment(
  '{PAYMENT_INTENT_CLIENT_SECRET}'
).then(function(result) {
  if (result.error) {
    // Inform the customer that there was an error.
  }
});
```

```es_next
const {error} = await stripe.confirmFpxPayment(
  '{PAYMENT_INTENT_CLIENT_SECRET}',
);
```

### Confirm an FPX payment

```js
stripe.confirmFpxPayment(
  '{PAYMENT_INTENT_CLIENT_SECRET}',
  {
    payment_method: {
      fpx: fpxBankElement
    },
    // 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.confirmFpxPayment(
  '{PAYMENT_INTENT_CLIENT_SECRET}',
  {
    payment_method: {
      fpx: fpxBankElement
    },
    // Return URL where the customer should be redirected after the authorization.
    return_url: window.location.href
  }
);
```