[@bigcommerce/checkout-sdk](../README.md) › [DigitalRiverPaymentInitializeOptions](digitalriverpaymentinitializeoptions.md)

# Interface: DigitalRiverPaymentInitializeOptions

A set of options that are required to initialize the DigitalRiver payment method.

When DigitalRiver is initialized, a widget will be inserted into the DOM. The widget has a list of payment options for the customer to choose from.

```html
<!-- This is where the widget will be inserted -->
<div id="container"></div>
```

```js
service.initializePayment({
  methodId: 'digitalriver',
  digitalriver: {
      containerId: 'digitalriver-component-field',
      // Callback for submitting payment form that gets called when a buyer approves DR payment
      onSubmitForm: () => {
          // Example function
          this.submitOrder(
              {
                  payment: {methodId: 'digitalriver',}
              }
          );
      },
      onError: (error) => {
          console.log(error);
      },
  }
});
```

Additional options can be passed in to customize the components and register
event callbacks.

```js
service.initializePayment({
  methodId: 'digitalriver',
  digitalriver: {
      containerId: 'digitalriver-component-field',
      configuration: {
          flow: 'checkout',
          showSavePaymentAgreement: false,
          showComplianceSection: true,
          button: {
              type: 'submitOrder',
          },
          usage: 'unscheduled',
          showTermsOfSaleDisclosure: true,
          paymentMethodConfiguration: {
              classes: {
                  // these classes are to control styles on BC side
                  base: 'form-input optimizedCheckout-form-input'
              },
          },
      },
      // Callback for submitting payment form that gets called when a buyer approves DR payment
     onSubmitForm: () => {
          // Example function
          this.submitOrder(
              {
                  payment: {methodId: 'digitalriver',}
              }
          );
      },
      onError: (error) => {
          console.log(error);
      },
  }
});
```

## Hierarchy

* **DigitalRiverPaymentInitializeOptions**

## Index

### Properties

* [configuration](digitalriverpaymentinitializeoptions.md#configuration)
* [containerId](digitalriverpaymentinitializeoptions.md#containerid)

### Methods

* [onError](digitalriverpaymentinitializeoptions.md#optional-onerror)
* [onRenderButton](digitalriverpaymentinitializeoptions.md#optional-onrenderbutton)
* [onSubmitForm](digitalriverpaymentinitializeoptions.md#onsubmitform)

## Properties

###  configuration

• **configuration**: *[OptionsResponse](optionsresponse.md)*

Create a Configuration object for Drop-in that contains both required and optional values.
https://docs.digitalriver.com/digital-river-api/payment-integrations-1/drop-in/drop-in-integration-guide#step-5-configure-hydrate

___

###  containerId

• **containerId**: *string*

The ID of a container which the Digital River drop in component should be mounted

## Methods

### `Optional` onError

▸ **onError**(`error`: [Error](amazonpaywidgeterror.md#error)): *void*

Callback that gets triggered when an error happens when submitting payment form and contains an object with codes and error messages

**Parameters:**

Name | Type |
------ | ------ |
`error` | [Error](amazonpaywidgeterror.md#error) |

**Returns:** *void*

___

### `Optional` onRenderButton

▸ **onRenderButton**(): *void*

Callback used to hide the standard submit button which is rendered right after the payment providers.

**Returns:** *void*

___

###  onSubmitForm

▸ **onSubmitForm**(): *void*

Callback for submitting payment form that gets called
when buyer pay with DigitalRiver.

**Returns:** *void*