@bigcommerce/checkout-sdk 1.575.0 → 1.576.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/checkout-button.js +1 -1
- package/dist/checkout-button.umd.js +1 -1
- package/dist/checkout-sdk.d.ts +20 -330
- package/dist/checkout-sdk.js +1 -1
- package/dist/checkout-sdk.js.map +1 -1
- package/dist/checkout-sdk.umd.js +1 -1
- package/dist/checkout-sdk.umd.js.map +1 -1
- package/docs/README.md +4 -34
- package/docs/enums/AdyenCardFields.md +29 -0
- package/docs/interfaces/AdyenBaseCardComponentOptions.md +7 -0
- package/docs/interfaces/AdyenComponent.md +11 -0
- package/docs/interfaces/AdyenComponentEvents.md +22 -2
- package/docs/interfaces/AdyenCreditCardComponentOptions.md +37 -2
- package/docs/interfaces/AdyenIdealComponentOptions.md +11 -0
- package/docs/interfaces/AdyenPlaceholderData.md +14 -0
- package/docs/interfaces/AdyenV2PaymentInitializeOptions.md +2 -2
- package/docs/interfaces/AdyenV3PaymentInitializeOptions.md +3 -3
- package/docs/interfaces/AdyenValidationState.md +57 -0
- package/docs/interfaces/BoletoDataPaymentMethodState.md +1 -7
- package/package.json +1 -1
- package/docs/enums/AdyenV2CardFields.md +0 -29
- package/docs/enums/AdyenV3CardFields.md +0 -29
- package/docs/interfaces/AdyenAdditionalActionCallbacks_2.md +0 -66
- package/docs/interfaces/AdyenAdditionalActionOptions_2.md +0 -106
- package/docs/interfaces/AdyenBaseCardComponentOptions_2.md +0 -40
- package/docs/interfaces/AdyenComponentEvents_2.md +0 -94
- package/docs/interfaces/AdyenComponent_2.md +0 -83
- package/docs/interfaces/AdyenPaymentMethodState_2.md +0 -15
- package/docs/interfaces/AdyenPlaceholderData_2.md +0 -54
- package/docs/interfaces/AdyenV2ValidationState.md +0 -57
- package/docs/interfaces/AdyenV3CreditCardComponentOptions.md +0 -220
- package/docs/interfaces/AdyenV3ValidationState.md +0 -57
- package/docs/interfaces/CardDataPaymentMethodState_2.md +0 -15
- package/docs/interfaces/CardPaymentMethodState_2.md +0 -43
- package/docs/interfaces/CardStateErrors_2.md +0 -7
- package/docs/interfaces/CardState_2.md +0 -40
- package/docs/interfaces/CreditCardPlaceHolder_2.md +0 -29
- package/docs/interfaces/CssProperties_2.md +0 -218
- package/docs/interfaces/InputDetail_2.md +0 -80
- package/docs/interfaces/Item_3.md +0 -26
- package/docs/interfaces/SepaPlaceHolder_2.md +0 -22
- package/docs/interfaces/StyleOptions_2.md +0 -44
- package/docs/interfaces/SubInputDetail_2.md +0 -62
- package/docs/interfaces/WechatDataPaymentMethodState_2.md +0 -15
- package/docs/interfaces/WechatState_2.md +0 -15
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
[@bigcommerce/checkout-sdk](../README.md) / AdyenAdditionalActionOptions_2
|
|
2
|
-
|
|
3
|
-
# Interface: AdyenAdditionalActionOptions\_2
|
|
4
|
-
|
|
5
|
-
## Hierarchy
|
|
6
|
-
|
|
7
|
-
- [`AdyenAdditionalActionCallbacks_2`](AdyenAdditionalActionCallbacks_2.md)
|
|
8
|
-
|
|
9
|
-
↳ **`AdyenAdditionalActionOptions_2`**
|
|
10
|
-
|
|
11
|
-
## Table of contents
|
|
12
|
-
|
|
13
|
-
### Properties
|
|
14
|
-
|
|
15
|
-
- [containerId](AdyenAdditionalActionOptions_2.md#containerid)
|
|
16
|
-
- [widgetSize](AdyenAdditionalActionOptions_2.md#widgetsize)
|
|
17
|
-
|
|
18
|
-
### Methods
|
|
19
|
-
|
|
20
|
-
- [onBeforeLoad](AdyenAdditionalActionOptions_2.md#onbeforeload)
|
|
21
|
-
- [onComplete](AdyenAdditionalActionOptions_2.md#oncomplete)
|
|
22
|
-
- [onLoad](AdyenAdditionalActionOptions_2.md#onload)
|
|
23
|
-
|
|
24
|
-
## Properties
|
|
25
|
-
|
|
26
|
-
### containerId
|
|
27
|
-
|
|
28
|
-
• **containerId**: `string`
|
|
29
|
-
|
|
30
|
-
The location to insert the additional action component.
|
|
31
|
-
|
|
32
|
-
___
|
|
33
|
-
|
|
34
|
-
### widgetSize
|
|
35
|
-
|
|
36
|
-
• `Optional` **widgetSize**: `string`
|
|
37
|
-
|
|
38
|
-
Specify Three3DS2Challenge Widget Size
|
|
39
|
-
|
|
40
|
-
Values
|
|
41
|
-
'01' = 250px x 400px
|
|
42
|
-
'02' = 390px x 400px
|
|
43
|
-
'03' = 500px x 600px
|
|
44
|
-
'04' = 600px x 400px
|
|
45
|
-
'05' = 100% x 100%
|
|
46
|
-
|
|
47
|
-
## Methods
|
|
48
|
-
|
|
49
|
-
### onBeforeLoad
|
|
50
|
-
|
|
51
|
-
▸ `Optional` **onBeforeLoad**(`shopperInteraction?`): `void`
|
|
52
|
-
|
|
53
|
-
A callback that gets called before adyen component is loaded
|
|
54
|
-
|
|
55
|
-
#### Parameters
|
|
56
|
-
|
|
57
|
-
| Name | Type |
|
|
58
|
-
| :------ | :------ |
|
|
59
|
-
| `shopperInteraction?` | `boolean` |
|
|
60
|
-
|
|
61
|
-
#### Returns
|
|
62
|
-
|
|
63
|
-
`void`
|
|
64
|
-
|
|
65
|
-
#### Inherited from
|
|
66
|
-
|
|
67
|
-
[AdyenAdditionalActionCallbacks_2](AdyenAdditionalActionCallbacks_2.md).[onBeforeLoad](AdyenAdditionalActionCallbacks_2.md#onbeforeload)
|
|
68
|
-
|
|
69
|
-
___
|
|
70
|
-
|
|
71
|
-
### onComplete
|
|
72
|
-
|
|
73
|
-
▸ `Optional` **onComplete**(): `void`
|
|
74
|
-
|
|
75
|
-
A callback that gets called when adyen component verification
|
|
76
|
-
is completed
|
|
77
|
-
|
|
78
|
-
#### Returns
|
|
79
|
-
|
|
80
|
-
`void`
|
|
81
|
-
|
|
82
|
-
#### Inherited from
|
|
83
|
-
|
|
84
|
-
[AdyenAdditionalActionCallbacks_2](AdyenAdditionalActionCallbacks_2.md).[onComplete](AdyenAdditionalActionCallbacks_2.md#oncomplete)
|
|
85
|
-
|
|
86
|
-
___
|
|
87
|
-
|
|
88
|
-
### onLoad
|
|
89
|
-
|
|
90
|
-
▸ `Optional` **onLoad**(`cancel?`): `void`
|
|
91
|
-
|
|
92
|
-
A callback that gets called when adyen component is loaded
|
|
93
|
-
|
|
94
|
-
#### Parameters
|
|
95
|
-
|
|
96
|
-
| Name | Type |
|
|
97
|
-
| :------ | :------ |
|
|
98
|
-
| `cancel?` | () => `void` |
|
|
99
|
-
|
|
100
|
-
#### Returns
|
|
101
|
-
|
|
102
|
-
`void`
|
|
103
|
-
|
|
104
|
-
#### Inherited from
|
|
105
|
-
|
|
106
|
-
[AdyenAdditionalActionCallbacks_2](AdyenAdditionalActionCallbacks_2.md).[onLoad](AdyenAdditionalActionCallbacks_2.md#onload)
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
[@bigcommerce/checkout-sdk](../README.md) / AdyenBaseCardComponentOptions_2
|
|
2
|
-
|
|
3
|
-
# Interface: AdyenBaseCardComponentOptions\_2
|
|
4
|
-
|
|
5
|
-
## Hierarchy
|
|
6
|
-
|
|
7
|
-
- **`AdyenBaseCardComponentOptions_2`**
|
|
8
|
-
|
|
9
|
-
↳ [`AdyenV3CreditCardComponentOptions`](AdyenV3CreditCardComponentOptions.md)
|
|
10
|
-
|
|
11
|
-
## Table of contents
|
|
12
|
-
|
|
13
|
-
### Properties
|
|
14
|
-
|
|
15
|
-
- [brands](AdyenBaseCardComponentOptions_2.md#brands)
|
|
16
|
-
- [showBrandsUnderCardNumber](AdyenBaseCardComponentOptions_2.md#showbrandsundercardnumber)
|
|
17
|
-
- [styles](AdyenBaseCardComponentOptions_2.md#styles)
|
|
18
|
-
|
|
19
|
-
## Properties
|
|
20
|
-
|
|
21
|
-
### brands
|
|
22
|
-
|
|
23
|
-
• `Optional` **brands**: `string`[]
|
|
24
|
-
|
|
25
|
-
Array of card brands that will be recognized by the component.
|
|
26
|
-
|
|
27
|
-
___
|
|
28
|
-
|
|
29
|
-
### showBrandsUnderCardNumber
|
|
30
|
-
|
|
31
|
-
• `Optional` **showBrandsUnderCardNumber**: `boolean`
|
|
32
|
-
|
|
33
|
-
___
|
|
34
|
-
|
|
35
|
-
### styles
|
|
36
|
-
|
|
37
|
-
• `Optional` **styles**: [`StyleOptions_2`](StyleOptions_2.md)
|
|
38
|
-
|
|
39
|
-
Set a style object to customize the input fields. See Styling Secured Fields
|
|
40
|
-
for a list of supported properties.
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
[@bigcommerce/checkout-sdk](../README.md) / AdyenComponentEvents_2
|
|
2
|
-
|
|
3
|
-
# Interface: AdyenComponentEvents\_2
|
|
4
|
-
|
|
5
|
-
## Hierarchy
|
|
6
|
-
|
|
7
|
-
- **`AdyenComponentEvents_2`**
|
|
8
|
-
|
|
9
|
-
↳ [`AdyenV3CreditCardComponentOptions`](AdyenV3CreditCardComponentOptions.md)
|
|
10
|
-
|
|
11
|
-
## Table of contents
|
|
12
|
-
|
|
13
|
-
### Methods
|
|
14
|
-
|
|
15
|
-
- [onChange](AdyenComponentEvents_2.md#onchange)
|
|
16
|
-
- [onError](AdyenComponentEvents_2.md#onerror)
|
|
17
|
-
- [onFieldValid](AdyenComponentEvents_2.md#onfieldvalid)
|
|
18
|
-
- [onSubmit](AdyenComponentEvents_2.md#onsubmit)
|
|
19
|
-
|
|
20
|
-
## Methods
|
|
21
|
-
|
|
22
|
-
### onChange
|
|
23
|
-
|
|
24
|
-
▸ `Optional` **onChange**(`state`, `component`): `void`
|
|
25
|
-
|
|
26
|
-
Called when the shopper enters data in the card input fields.
|
|
27
|
-
Here you have the option to override your main Adyen Checkout configuration.
|
|
28
|
-
|
|
29
|
-
#### Parameters
|
|
30
|
-
|
|
31
|
-
| Name | Type |
|
|
32
|
-
| :------ | :------ |
|
|
33
|
-
| `state` | [`AdyenV3ComponentState`](../README.md#adyenv3componentstate) |
|
|
34
|
-
| `component` | [`AdyenComponent_2`](AdyenComponent_2.md) |
|
|
35
|
-
|
|
36
|
-
#### Returns
|
|
37
|
-
|
|
38
|
-
`void`
|
|
39
|
-
|
|
40
|
-
___
|
|
41
|
-
|
|
42
|
-
### onError
|
|
43
|
-
|
|
44
|
-
▸ `Optional` **onError**(`state`, `component`): `void`
|
|
45
|
-
|
|
46
|
-
Called in case of an invalid card number, invalid expiry date, or
|
|
47
|
-
incomplete field. Called again when errors are cleared.
|
|
48
|
-
|
|
49
|
-
#### Parameters
|
|
50
|
-
|
|
51
|
-
| Name | Type |
|
|
52
|
-
| :------ | :------ |
|
|
53
|
-
| `state` | [`AdyenV3ValidationState`](AdyenV3ValidationState.md) |
|
|
54
|
-
| `component` | [`AdyenComponent_2`](AdyenComponent_2.md) |
|
|
55
|
-
|
|
56
|
-
#### Returns
|
|
57
|
-
|
|
58
|
-
`void`
|
|
59
|
-
|
|
60
|
-
___
|
|
61
|
-
|
|
62
|
-
### onFieldValid
|
|
63
|
-
|
|
64
|
-
▸ `Optional` **onFieldValid**(`state`, `component`): `void`
|
|
65
|
-
|
|
66
|
-
#### Parameters
|
|
67
|
-
|
|
68
|
-
| Name | Type |
|
|
69
|
-
| :------ | :------ |
|
|
70
|
-
| `state` | [`AdyenV3ValidationState`](AdyenV3ValidationState.md) |
|
|
71
|
-
| `component` | [`AdyenComponent_2`](AdyenComponent_2.md) |
|
|
72
|
-
|
|
73
|
-
#### Returns
|
|
74
|
-
|
|
75
|
-
`void`
|
|
76
|
-
|
|
77
|
-
___
|
|
78
|
-
|
|
79
|
-
### onSubmit
|
|
80
|
-
|
|
81
|
-
▸ `Optional` **onSubmit**(`state`, `component`): `void`
|
|
82
|
-
|
|
83
|
-
Called when the shopper selects the Pay button and payment details are valid.
|
|
84
|
-
|
|
85
|
-
#### Parameters
|
|
86
|
-
|
|
87
|
-
| Name | Type |
|
|
88
|
-
| :------ | :------ |
|
|
89
|
-
| `state` | [`AdyenV3ComponentState`](../README.md#adyenv3componentstate) |
|
|
90
|
-
| `component` | [`AdyenComponent_2`](AdyenComponent_2.md) |
|
|
91
|
-
|
|
92
|
-
#### Returns
|
|
93
|
-
|
|
94
|
-
`void`
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
[@bigcommerce/checkout-sdk](../README.md) / AdyenComponent_2
|
|
2
|
-
|
|
3
|
-
# Interface: AdyenComponent\_2
|
|
4
|
-
|
|
5
|
-
## Table of contents
|
|
6
|
-
|
|
7
|
-
### Properties
|
|
8
|
-
|
|
9
|
-
- [componentRef](AdyenComponent_2.md#componentref)
|
|
10
|
-
- [props](AdyenComponent_2.md#props)
|
|
11
|
-
- [state](AdyenComponent_2.md#state)
|
|
12
|
-
|
|
13
|
-
### Methods
|
|
14
|
-
|
|
15
|
-
- [mount](AdyenComponent_2.md#mount)
|
|
16
|
-
- [submit](AdyenComponent_2.md#submit)
|
|
17
|
-
- [unmount](AdyenComponent_2.md#unmount)
|
|
18
|
-
|
|
19
|
-
## Properties
|
|
20
|
-
|
|
21
|
-
### componentRef
|
|
22
|
-
|
|
23
|
-
• `Optional` **componentRef**: `Object`
|
|
24
|
-
|
|
25
|
-
#### Type declaration
|
|
26
|
-
|
|
27
|
-
| Name | Type |
|
|
28
|
-
| :------ | :------ |
|
|
29
|
-
| `showValidation` | () => `void` |
|
|
30
|
-
|
|
31
|
-
___
|
|
32
|
-
|
|
33
|
-
### props
|
|
34
|
-
|
|
35
|
-
• `Optional` **props**: `Object`
|
|
36
|
-
|
|
37
|
-
#### Type declaration
|
|
38
|
-
|
|
39
|
-
| Name | Type |
|
|
40
|
-
| :------ | :------ |
|
|
41
|
-
| `type?` | `string` |
|
|
42
|
-
|
|
43
|
-
___
|
|
44
|
-
|
|
45
|
-
### state
|
|
46
|
-
|
|
47
|
-
• `Optional` **state**: [`CardState_2`](CardState_2.md)
|
|
48
|
-
|
|
49
|
-
## Methods
|
|
50
|
-
|
|
51
|
-
### mount
|
|
52
|
-
|
|
53
|
-
▸ **mount**(`containerId`): `HTMLElement`
|
|
54
|
-
|
|
55
|
-
#### Parameters
|
|
56
|
-
|
|
57
|
-
| Name | Type |
|
|
58
|
-
| :------ | :------ |
|
|
59
|
-
| `containerId` | `string` |
|
|
60
|
-
|
|
61
|
-
#### Returns
|
|
62
|
-
|
|
63
|
-
`HTMLElement`
|
|
64
|
-
|
|
65
|
-
___
|
|
66
|
-
|
|
67
|
-
### submit
|
|
68
|
-
|
|
69
|
-
▸ **submit**(): `void`
|
|
70
|
-
|
|
71
|
-
#### Returns
|
|
72
|
-
|
|
73
|
-
`void`
|
|
74
|
-
|
|
75
|
-
___
|
|
76
|
-
|
|
77
|
-
### unmount
|
|
78
|
-
|
|
79
|
-
▸ **unmount**(): `void`
|
|
80
|
-
|
|
81
|
-
#### Returns
|
|
82
|
-
|
|
83
|
-
`void`
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
[@bigcommerce/checkout-sdk](../README.md) / AdyenPaymentMethodState_2
|
|
2
|
-
|
|
3
|
-
# Interface: AdyenPaymentMethodState\_2
|
|
4
|
-
|
|
5
|
-
## Table of contents
|
|
6
|
-
|
|
7
|
-
### Properties
|
|
8
|
-
|
|
9
|
-
- [type](AdyenPaymentMethodState_2.md#type)
|
|
10
|
-
|
|
11
|
-
## Properties
|
|
12
|
-
|
|
13
|
-
### type
|
|
14
|
-
|
|
15
|
-
• **type**: `string`
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
[@bigcommerce/checkout-sdk](../README.md) / AdyenPlaceholderData_2
|
|
2
|
-
|
|
3
|
-
# Interface: AdyenPlaceholderData\_2
|
|
4
|
-
|
|
5
|
-
## Table of contents
|
|
6
|
-
|
|
7
|
-
### Properties
|
|
8
|
-
|
|
9
|
-
- [billingAddress](AdyenPlaceholderData_2.md#billingaddress)
|
|
10
|
-
- [firstName](AdyenPlaceholderData_2.md#firstname)
|
|
11
|
-
- [holderName](AdyenPlaceholderData_2.md#holdername)
|
|
12
|
-
- [lastName](AdyenPlaceholderData_2.md#lastname)
|
|
13
|
-
- [prefillCardHolderName](AdyenPlaceholderData_2.md#prefillcardholdername)
|
|
14
|
-
|
|
15
|
-
## Properties
|
|
16
|
-
|
|
17
|
-
### billingAddress
|
|
18
|
-
|
|
19
|
-
• `Optional` **billingAddress**: `Object`
|
|
20
|
-
|
|
21
|
-
#### Type declaration
|
|
22
|
-
|
|
23
|
-
| Name | Type |
|
|
24
|
-
| :------ | :------ |
|
|
25
|
-
| `city` | `string` |
|
|
26
|
-
| `country` | `string` |
|
|
27
|
-
| `houseNumberOrName` | `string` |
|
|
28
|
-
| `postalCode` | `string` |
|
|
29
|
-
| `stateOrProvince` | `string` |
|
|
30
|
-
| `street` | `string` |
|
|
31
|
-
|
|
32
|
-
___
|
|
33
|
-
|
|
34
|
-
### firstName
|
|
35
|
-
|
|
36
|
-
• `Optional` **firstName**: `string`
|
|
37
|
-
|
|
38
|
-
___
|
|
39
|
-
|
|
40
|
-
### holderName
|
|
41
|
-
|
|
42
|
-
• `Optional` **holderName**: `string`
|
|
43
|
-
|
|
44
|
-
___
|
|
45
|
-
|
|
46
|
-
### lastName
|
|
47
|
-
|
|
48
|
-
• `Optional` **lastName**: `string`
|
|
49
|
-
|
|
50
|
-
___
|
|
51
|
-
|
|
52
|
-
### prefillCardHolderName
|
|
53
|
-
|
|
54
|
-
• `Optional` **prefillCardHolderName**: `boolean`
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
[@bigcommerce/checkout-sdk](../README.md) / AdyenV2ValidationState
|
|
2
|
-
|
|
3
|
-
# Interface: AdyenV2ValidationState
|
|
4
|
-
|
|
5
|
-
## Table of contents
|
|
6
|
-
|
|
7
|
-
### Properties
|
|
8
|
-
|
|
9
|
-
- [encryptedFieldName](AdyenV2ValidationState.md#encryptedfieldname)
|
|
10
|
-
- [endDigits](AdyenV2ValidationState.md#enddigits)
|
|
11
|
-
- [error](AdyenV2ValidationState.md#error)
|
|
12
|
-
- [errorKey](AdyenV2ValidationState.md#errorkey)
|
|
13
|
-
- [fieldType](AdyenV2ValidationState.md#fieldtype)
|
|
14
|
-
- [i18n](AdyenV2ValidationState.md#i18n)
|
|
15
|
-
- [valid](AdyenV2ValidationState.md#valid)
|
|
16
|
-
|
|
17
|
-
## Properties
|
|
18
|
-
|
|
19
|
-
### encryptedFieldName
|
|
20
|
-
|
|
21
|
-
• `Optional` **encryptedFieldName**: `string`
|
|
22
|
-
|
|
23
|
-
___
|
|
24
|
-
|
|
25
|
-
### endDigits
|
|
26
|
-
|
|
27
|
-
• `Optional` **endDigits**: `string`
|
|
28
|
-
|
|
29
|
-
___
|
|
30
|
-
|
|
31
|
-
### error
|
|
32
|
-
|
|
33
|
-
• `Optional` **error**: `string`
|
|
34
|
-
|
|
35
|
-
___
|
|
36
|
-
|
|
37
|
-
### errorKey
|
|
38
|
-
|
|
39
|
-
• `Optional` **errorKey**: `string`
|
|
40
|
-
|
|
41
|
-
___
|
|
42
|
-
|
|
43
|
-
### fieldType
|
|
44
|
-
|
|
45
|
-
• `Optional` **fieldType**: [`CardNumber`](../enums/AdyenV2CardFields.md#cardnumber) \| [`SecurityCode`](../enums/AdyenV2CardFields.md#securitycode) \| [`ExpiryDate`](../enums/AdyenV2CardFields.md#expirydate)
|
|
46
|
-
|
|
47
|
-
___
|
|
48
|
-
|
|
49
|
-
### i18n
|
|
50
|
-
|
|
51
|
-
• `Optional` **i18n**: `string`
|
|
52
|
-
|
|
53
|
-
___
|
|
54
|
-
|
|
55
|
-
### valid
|
|
56
|
-
|
|
57
|
-
• **valid**: `boolean`
|
|
@@ -1,220 +0,0 @@
|
|
|
1
|
-
[@bigcommerce/checkout-sdk](../README.md) / AdyenV3CreditCardComponentOptions
|
|
2
|
-
|
|
3
|
-
# Interface: AdyenV3CreditCardComponentOptions
|
|
4
|
-
|
|
5
|
-
## Hierarchy
|
|
6
|
-
|
|
7
|
-
- [`AdyenBaseCardComponentOptions_2`](AdyenBaseCardComponentOptions_2.md)
|
|
8
|
-
|
|
9
|
-
- [`AdyenComponentEvents_2`](AdyenComponentEvents_2.md)
|
|
10
|
-
|
|
11
|
-
↳ **`AdyenV3CreditCardComponentOptions`**
|
|
12
|
-
|
|
13
|
-
## Table of contents
|
|
14
|
-
|
|
15
|
-
### Properties
|
|
16
|
-
|
|
17
|
-
- [brands](AdyenV3CreditCardComponentOptions.md#brands)
|
|
18
|
-
- [data](AdyenV3CreditCardComponentOptions.md#data)
|
|
19
|
-
- [details](AdyenV3CreditCardComponentOptions.md#details)
|
|
20
|
-
- [enableStoreDetails](AdyenV3CreditCardComponentOptions.md#enablestoredetails)
|
|
21
|
-
- [groupTypes](AdyenV3CreditCardComponentOptions.md#grouptypes)
|
|
22
|
-
- [hasHolderName](AdyenV3CreditCardComponentOptions.md#hasholdername)
|
|
23
|
-
- [holderNameRequired](AdyenV3CreditCardComponentOptions.md#holdernamerequired)
|
|
24
|
-
- [placeholders](AdyenV3CreditCardComponentOptions.md#placeholders)
|
|
25
|
-
- [showBrandsUnderCardNumber](AdyenV3CreditCardComponentOptions.md#showbrandsundercardnumber)
|
|
26
|
-
- [styles](AdyenV3CreditCardComponentOptions.md#styles)
|
|
27
|
-
|
|
28
|
-
### Methods
|
|
29
|
-
|
|
30
|
-
- [onChange](AdyenV3CreditCardComponentOptions.md#onchange)
|
|
31
|
-
- [onError](AdyenV3CreditCardComponentOptions.md#onerror)
|
|
32
|
-
- [onFieldValid](AdyenV3CreditCardComponentOptions.md#onfieldvalid)
|
|
33
|
-
- [onSubmit](AdyenV3CreditCardComponentOptions.md#onsubmit)
|
|
34
|
-
|
|
35
|
-
## Properties
|
|
36
|
-
|
|
37
|
-
### brands
|
|
38
|
-
|
|
39
|
-
• `Optional` **brands**: `string`[]
|
|
40
|
-
|
|
41
|
-
Array of card brands that will be recognized by the component.
|
|
42
|
-
|
|
43
|
-
#### Inherited from
|
|
44
|
-
|
|
45
|
-
[AdyenBaseCardComponentOptions_2](AdyenBaseCardComponentOptions_2.md).[brands](AdyenBaseCardComponentOptions_2.md#brands)
|
|
46
|
-
|
|
47
|
-
___
|
|
48
|
-
|
|
49
|
-
### data
|
|
50
|
-
|
|
51
|
-
• `Optional` **data**: [`AdyenPlaceholderData_2`](AdyenPlaceholderData_2.md)
|
|
52
|
-
|
|
53
|
-
Information to prefill fields.
|
|
54
|
-
|
|
55
|
-
___
|
|
56
|
-
|
|
57
|
-
### details
|
|
58
|
-
|
|
59
|
-
• `Optional` **details**: [`InputDetail_2`](InputDetail_2.md)[]
|
|
60
|
-
|
|
61
|
-
Set an object containing the details array for type: scheme from
|
|
62
|
-
the /paymentMethods response.
|
|
63
|
-
|
|
64
|
-
___
|
|
65
|
-
|
|
66
|
-
### enableStoreDetails
|
|
67
|
-
|
|
68
|
-
• `Optional` **enableStoreDetails**: `boolean`
|
|
69
|
-
|
|
70
|
-
Set to true to show the checkbox to save card details for the next payment.
|
|
71
|
-
|
|
72
|
-
___
|
|
73
|
-
|
|
74
|
-
### groupTypes
|
|
75
|
-
|
|
76
|
-
• `Optional` **groupTypes**: `string`[]
|
|
77
|
-
|
|
78
|
-
Defaults to ['mc','visa','amex']. Configure supported card types to
|
|
79
|
-
facilitate brand recognition used in the Secured Fields onBrand callback.
|
|
80
|
-
See list of available card types. If a shopper enters a card type not
|
|
81
|
-
specified in the GroupTypes configuration, the onBrand callback will not be invoked.
|
|
82
|
-
|
|
83
|
-
___
|
|
84
|
-
|
|
85
|
-
### hasHolderName
|
|
86
|
-
|
|
87
|
-
• `Optional` **hasHolderName**: `boolean`
|
|
88
|
-
|
|
89
|
-
Set to true to request the name of the card holder.
|
|
90
|
-
|
|
91
|
-
___
|
|
92
|
-
|
|
93
|
-
### holderNameRequired
|
|
94
|
-
|
|
95
|
-
• `Optional` **holderNameRequired**: `boolean`
|
|
96
|
-
|
|
97
|
-
Set to true to require the card holder name.
|
|
98
|
-
|
|
99
|
-
___
|
|
100
|
-
|
|
101
|
-
### placeholders
|
|
102
|
-
|
|
103
|
-
• `Optional` **placeholders**: [`CreditCardPlaceHolder_2`](CreditCardPlaceHolder_2.md) \| [`SepaPlaceHolder_2`](SepaPlaceHolder_2.md)
|
|
104
|
-
|
|
105
|
-
Specify the sample values you want to appear for card detail input fields.
|
|
106
|
-
|
|
107
|
-
___
|
|
108
|
-
|
|
109
|
-
### showBrandsUnderCardNumber
|
|
110
|
-
|
|
111
|
-
• `Optional` **showBrandsUnderCardNumber**: `boolean`
|
|
112
|
-
|
|
113
|
-
#### Inherited from
|
|
114
|
-
|
|
115
|
-
[AdyenBaseCardComponentOptions_2](AdyenBaseCardComponentOptions_2.md).[showBrandsUnderCardNumber](AdyenBaseCardComponentOptions_2.md#showbrandsundercardnumber)
|
|
116
|
-
|
|
117
|
-
___
|
|
118
|
-
|
|
119
|
-
### styles
|
|
120
|
-
|
|
121
|
-
• `Optional` **styles**: [`StyleOptions_2`](StyleOptions_2.md)
|
|
122
|
-
|
|
123
|
-
Set a style object to customize the input fields. See Styling Secured Fields
|
|
124
|
-
for a list of supported properties.
|
|
125
|
-
|
|
126
|
-
#### Inherited from
|
|
127
|
-
|
|
128
|
-
[AdyenBaseCardComponentOptions_2](AdyenBaseCardComponentOptions_2.md).[styles](AdyenBaseCardComponentOptions_2.md#styles)
|
|
129
|
-
|
|
130
|
-
## Methods
|
|
131
|
-
|
|
132
|
-
### onChange
|
|
133
|
-
|
|
134
|
-
▸ `Optional` **onChange**(`state`, `component`): `void`
|
|
135
|
-
|
|
136
|
-
Called when the shopper enters data in the card input fields.
|
|
137
|
-
Here you have the option to override your main Adyen Checkout configuration.
|
|
138
|
-
|
|
139
|
-
#### Parameters
|
|
140
|
-
|
|
141
|
-
| Name | Type |
|
|
142
|
-
| :------ | :------ |
|
|
143
|
-
| `state` | [`AdyenV3ComponentState`](../README.md#adyenv3componentstate) |
|
|
144
|
-
| `component` | [`AdyenComponent_2`](AdyenComponent_2.md) |
|
|
145
|
-
|
|
146
|
-
#### Returns
|
|
147
|
-
|
|
148
|
-
`void`
|
|
149
|
-
|
|
150
|
-
#### Inherited from
|
|
151
|
-
|
|
152
|
-
[AdyenComponentEvents_2](AdyenComponentEvents_2.md).[onChange](AdyenComponentEvents_2.md#onchange)
|
|
153
|
-
|
|
154
|
-
___
|
|
155
|
-
|
|
156
|
-
### onError
|
|
157
|
-
|
|
158
|
-
▸ `Optional` **onError**(`state`, `component`): `void`
|
|
159
|
-
|
|
160
|
-
Called in case of an invalid card number, invalid expiry date, or
|
|
161
|
-
incomplete field. Called again when errors are cleared.
|
|
162
|
-
|
|
163
|
-
#### Parameters
|
|
164
|
-
|
|
165
|
-
| Name | Type |
|
|
166
|
-
| :------ | :------ |
|
|
167
|
-
| `state` | [`AdyenV3ValidationState`](AdyenV3ValidationState.md) |
|
|
168
|
-
| `component` | [`AdyenComponent_2`](AdyenComponent_2.md) |
|
|
169
|
-
|
|
170
|
-
#### Returns
|
|
171
|
-
|
|
172
|
-
`void`
|
|
173
|
-
|
|
174
|
-
#### Inherited from
|
|
175
|
-
|
|
176
|
-
[AdyenComponentEvents_2](AdyenComponentEvents_2.md).[onError](AdyenComponentEvents_2.md#onerror)
|
|
177
|
-
|
|
178
|
-
___
|
|
179
|
-
|
|
180
|
-
### onFieldValid
|
|
181
|
-
|
|
182
|
-
▸ `Optional` **onFieldValid**(`state`, `component`): `void`
|
|
183
|
-
|
|
184
|
-
#### Parameters
|
|
185
|
-
|
|
186
|
-
| Name | Type |
|
|
187
|
-
| :------ | :------ |
|
|
188
|
-
| `state` | [`AdyenV3ValidationState`](AdyenV3ValidationState.md) |
|
|
189
|
-
| `component` | [`AdyenComponent_2`](AdyenComponent_2.md) |
|
|
190
|
-
|
|
191
|
-
#### Returns
|
|
192
|
-
|
|
193
|
-
`void`
|
|
194
|
-
|
|
195
|
-
#### Inherited from
|
|
196
|
-
|
|
197
|
-
[AdyenComponentEvents_2](AdyenComponentEvents_2.md).[onFieldValid](AdyenComponentEvents_2.md#onfieldvalid)
|
|
198
|
-
|
|
199
|
-
___
|
|
200
|
-
|
|
201
|
-
### onSubmit
|
|
202
|
-
|
|
203
|
-
▸ `Optional` **onSubmit**(`state`, `component`): `void`
|
|
204
|
-
|
|
205
|
-
Called when the shopper selects the Pay button and payment details are valid.
|
|
206
|
-
|
|
207
|
-
#### Parameters
|
|
208
|
-
|
|
209
|
-
| Name | Type |
|
|
210
|
-
| :------ | :------ |
|
|
211
|
-
| `state` | [`AdyenV3ComponentState`](../README.md#adyenv3componentstate) |
|
|
212
|
-
| `component` | [`AdyenComponent_2`](AdyenComponent_2.md) |
|
|
213
|
-
|
|
214
|
-
#### Returns
|
|
215
|
-
|
|
216
|
-
`void`
|
|
217
|
-
|
|
218
|
-
#### Inherited from
|
|
219
|
-
|
|
220
|
-
[AdyenComponentEvents_2](AdyenComponentEvents_2.md).[onSubmit](AdyenComponentEvents_2.md#onsubmit)
|