@bigcommerce/checkout-sdk 1.215.1 → 1.219.0
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/CHANGELOG.md +28 -0
- package/dist/checkout-button.js +1 -1
- package/dist/checkout-button.js.map +1 -1
- package/dist/checkout-button.umd.js +2 -2
- package/dist/checkout-button.umd.js.map +1 -1
- package/dist/checkout-sdk.d.ts +56 -62
- package/dist/checkout-sdk.js +1 -1
- package/dist/checkout-sdk.js.map +1 -1
- package/dist/checkout-sdk.umd.js +5 -5
- package/dist/checkout-sdk.umd.js.map +1 -1
- package/dist/internal-mappers.d.ts +5 -1
- package/docs/README.md +1 -0
- package/docs/interfaces/gatewayorderpayment.md +16 -0
- package/docs/interfaces/giftcertificateorderpayment.md +9 -0
- package/docs/interfaces/opypaymentinitializeoptions.md +44 -0
- package/docs/interfaces/order.md +0 -7
- package/docs/interfaces/orderpayment.md +7 -0
- package/docs/interfaces/paymentinitializeoptions.md +10 -0
- package/docs/interfaces/paypalfieldsstyleoptions.md +6 -20
- package/docs/interfaces/squarepaymentinitializeoptions.md +0 -48
- package/package.json +1 -1
|
@@ -201,6 +201,10 @@ declare interface GatewayOrderPayment extends OrderPayment {
|
|
|
201
201
|
step: string;
|
|
202
202
|
instructions: string;
|
|
203
203
|
};
|
|
204
|
+
mandate?: {
|
|
205
|
+
id: string;
|
|
206
|
+
url?: string;
|
|
207
|
+
};
|
|
204
208
|
}
|
|
205
209
|
|
|
206
210
|
declare interface GiftCertificate {
|
|
@@ -584,7 +588,6 @@ declare interface Order {
|
|
|
584
588
|
status: string;
|
|
585
589
|
taxes: Tax[];
|
|
586
590
|
taxTotal: number;
|
|
587
|
-
mandateUrl?: string;
|
|
588
591
|
}
|
|
589
592
|
|
|
590
593
|
declare interface OrderConsignment {
|
|
@@ -601,6 +604,7 @@ declare interface OrderMetaState extends InternalOrderMeta {
|
|
|
601
604
|
declare interface OrderPayment {
|
|
602
605
|
providerId: string;
|
|
603
606
|
gatewayId?: string;
|
|
607
|
+
methodId?: string;
|
|
604
608
|
paymentId?: string;
|
|
605
609
|
description: string;
|
|
606
610
|
amount: number;
|
package/docs/README.md
CHANGED
|
@@ -225,6 +225,7 @@
|
|
|
225
225
|
* [NonceGenerationError](interfaces/noncegenerationerror.md)
|
|
226
226
|
* [NonceInstrument](interfaces/nonceinstrument.md)
|
|
227
227
|
* [OptionsResponse](interfaces/optionsresponse.md)
|
|
228
|
+
* [OpyPaymentInitializeOptions](interfaces/opypaymentinitializeoptions.md)
|
|
228
229
|
* [Order](interfaces/order.md)
|
|
229
230
|
* [OrderConsignment](interfaces/orderconsignment.md)
|
|
230
231
|
* [OrderPayment](interfaces/orderpayment.md)
|
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
* [description](gatewayorderpayment.md#description)
|
|
17
17
|
* [detail](gatewayorderpayment.md#detail)
|
|
18
18
|
* [gatewayId](gatewayorderpayment.md#optional-gatewayid)
|
|
19
|
+
* [mandate](gatewayorderpayment.md#optional-mandate)
|
|
20
|
+
* [methodId](gatewayorderpayment.md#optional-methodid)
|
|
19
21
|
* [paymentId](gatewayorderpayment.md#optional-paymentid)
|
|
20
22
|
* [providerId](gatewayorderpayment.md#providerid)
|
|
21
23
|
|
|
@@ -57,6 +59,20 @@ ___
|
|
|
57
59
|
|
|
58
60
|
___
|
|
59
61
|
|
|
62
|
+
### `Optional` mandate
|
|
63
|
+
|
|
64
|
+
• **mandate**? : *undefined | object*
|
|
65
|
+
|
|
66
|
+
___
|
|
67
|
+
|
|
68
|
+
### `Optional` methodId
|
|
69
|
+
|
|
70
|
+
• **methodId**? : *undefined | string*
|
|
71
|
+
|
|
72
|
+
*Inherited from [GatewayOrderPayment](gatewayorderpayment.md).[methodId](gatewayorderpayment.md#optional-methodid)*
|
|
73
|
+
|
|
74
|
+
___
|
|
75
|
+
|
|
60
76
|
### `Optional` paymentId
|
|
61
77
|
|
|
62
78
|
• **paymentId**? : *undefined | string*
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
* [description](giftcertificateorderpayment.md#description)
|
|
17
17
|
* [detail](giftcertificateorderpayment.md#detail)
|
|
18
18
|
* [gatewayId](giftcertificateorderpayment.md#optional-gatewayid)
|
|
19
|
+
* [methodId](giftcertificateorderpayment.md#optional-methodid)
|
|
19
20
|
* [paymentId](giftcertificateorderpayment.md#optional-paymentid)
|
|
20
21
|
* [providerId](giftcertificateorderpayment.md#providerid)
|
|
21
22
|
|
|
@@ -57,6 +58,14 @@ ___
|
|
|
57
58
|
|
|
58
59
|
___
|
|
59
60
|
|
|
61
|
+
### `Optional` methodId
|
|
62
|
+
|
|
63
|
+
• **methodId**? : *undefined | string*
|
|
64
|
+
|
|
65
|
+
*Inherited from [GatewayOrderPayment](gatewayorderpayment.md).[methodId](gatewayorderpayment.md#optional-methodid)*
|
|
66
|
+
|
|
67
|
+
___
|
|
68
|
+
|
|
60
69
|
### `Optional` paymentId
|
|
61
70
|
|
|
62
71
|
• **paymentId**? : *undefined | string*
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
[@bigcommerce/checkout-sdk](../README.md) › [OpyPaymentInitializeOptions](opypaymentinitializeoptions.md)
|
|
2
|
+
|
|
3
|
+
# Interface: OpyPaymentInitializeOptions
|
|
4
|
+
|
|
5
|
+
A set of options that are required to initialize the payment step of
|
|
6
|
+
checkout in order to support Opy.
|
|
7
|
+
|
|
8
|
+
When Opy is initialized, a widget will be inserted into the DOM. The
|
|
9
|
+
widget will open a modal that will show more information about Opy when
|
|
10
|
+
clicking it.
|
|
11
|
+
|
|
12
|
+
**`example`**
|
|
13
|
+
|
|
14
|
+
```html
|
|
15
|
+
<!-- This is where the Opy widget will be inserted -->
|
|
16
|
+
<div id="opy-widget"></div>
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
```js
|
|
20
|
+
service.initializePayment({
|
|
21
|
+
methodId: 'opy',
|
|
22
|
+
opy: {
|
|
23
|
+
containerId: 'opy-widget',
|
|
24
|
+
},
|
|
25
|
+
});
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
## Hierarchy
|
|
29
|
+
|
|
30
|
+
* **OpyPaymentInitializeOptions**
|
|
31
|
+
|
|
32
|
+
## Index
|
|
33
|
+
|
|
34
|
+
### Properties
|
|
35
|
+
|
|
36
|
+
* [containerId](opypaymentinitializeoptions.md#containerid)
|
|
37
|
+
|
|
38
|
+
## Properties
|
|
39
|
+
|
|
40
|
+
### containerId
|
|
41
|
+
|
|
42
|
+
• **containerId**: *string*
|
|
43
|
+
|
|
44
|
+
The ID of a container which the payment widget should insert into.
|
package/docs/interfaces/order.md
CHANGED
|
@@ -27,7 +27,6 @@
|
|
|
27
27
|
* [isDownloadable](order.md#isdownloadable)
|
|
28
28
|
* [isTaxIncluded](order.md#istaxincluded)
|
|
29
29
|
* [lineItems](order.md#lineitems)
|
|
30
|
-
* [mandateUrl](order.md#optional-mandateurl)
|
|
31
30
|
* [orderAmount](order.md#orderamount)
|
|
32
31
|
* [orderAmountAsInteger](order.md#orderamountasinteger)
|
|
33
32
|
* [orderId](order.md#orderid)
|
|
@@ -142,12 +141,6 @@ ___
|
|
|
142
141
|
|
|
143
142
|
___
|
|
144
143
|
|
|
145
|
-
### `Optional` mandateUrl
|
|
146
|
-
|
|
147
|
-
• **mandateUrl**? : *undefined | string*
|
|
148
|
-
|
|
149
|
-
___
|
|
150
|
-
|
|
151
144
|
### orderAmount
|
|
152
145
|
|
|
153
146
|
• **orderAmount**: *number*
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
* [amount](orderpayment.md#amount)
|
|
18
18
|
* [description](orderpayment.md#description)
|
|
19
19
|
* [gatewayId](orderpayment.md#optional-gatewayid)
|
|
20
|
+
* [methodId](orderpayment.md#optional-methodid)
|
|
20
21
|
* [paymentId](orderpayment.md#optional-paymentid)
|
|
21
22
|
* [providerId](orderpayment.md#providerid)
|
|
22
23
|
|
|
@@ -40,6 +41,12 @@ ___
|
|
|
40
41
|
|
|
41
42
|
___
|
|
42
43
|
|
|
44
|
+
### `Optional` methodId
|
|
45
|
+
|
|
46
|
+
• **methodId**? : *undefined | string*
|
|
47
|
+
|
|
48
|
+
___
|
|
49
|
+
|
|
43
50
|
### `Optional` paymentId
|
|
44
51
|
|
|
45
52
|
• **paymentId**? : *undefined | string*
|
|
@@ -44,6 +44,7 @@ current checkout flow.
|
|
|
44
44
|
* [methodId](paymentinitializeoptions.md#methodid)
|
|
45
45
|
* [mollie](paymentinitializeoptions.md#optional-mollie)
|
|
46
46
|
* [moneris](paymentinitializeoptions.md#optional-moneris)
|
|
47
|
+
* [opy](paymentinitializeoptions.md#optional-opy)
|
|
47
48
|
* [params](paymentinitializeoptions.md#optional-params)
|
|
48
49
|
* [paypalcommerce](paymentinitializeoptions.md#optional-paypalcommerce)
|
|
49
50
|
* [paypalexpress](paymentinitializeoptions.md#optional-paypalexpress)
|
|
@@ -286,6 +287,15 @@ They can be omitted unless you need to support Moneris.
|
|
|
286
287
|
|
|
287
288
|
___
|
|
288
289
|
|
|
290
|
+
### `Optional` opy
|
|
291
|
+
|
|
292
|
+
• **opy**? : *[OpyPaymentInitializeOptions](opypaymentinitializeoptions.md)*
|
|
293
|
+
|
|
294
|
+
The options that are required to initialize the Opy payment
|
|
295
|
+
method. They can be omitted unless you need to support Opy.
|
|
296
|
+
|
|
297
|
+
___
|
|
298
|
+
|
|
289
299
|
### `Optional` params
|
|
290
300
|
|
|
291
301
|
• **params**? : *TParams*
|
|
@@ -10,31 +10,17 @@
|
|
|
10
10
|
|
|
11
11
|
### Properties
|
|
12
12
|
|
|
13
|
-
* [
|
|
14
|
-
* [
|
|
15
|
-
* [input](paypalfieldsstyleoptions.md#optional-input)
|
|
16
|
-
* [invalid](paypalfieldsstyleoptions.md#optional-invalid)
|
|
13
|
+
* [rules](paypalfieldsstyleoptions.md#optional-rules)
|
|
14
|
+
* [variables](paypalfieldsstyleoptions.md#optional-variables)
|
|
17
15
|
|
|
18
16
|
## Properties
|
|
19
17
|
|
|
20
|
-
### `Optional`
|
|
18
|
+
### `Optional` rules
|
|
21
19
|
|
|
22
|
-
• **
|
|
20
|
+
• **rules**? : *undefined | object*
|
|
23
21
|
|
|
24
22
|
___
|
|
25
23
|
|
|
26
|
-
### `Optional`
|
|
24
|
+
### `Optional` variables
|
|
27
25
|
|
|
28
|
-
• **
|
|
29
|
-
|
|
30
|
-
___
|
|
31
|
-
|
|
32
|
-
### `Optional` input
|
|
33
|
-
|
|
34
|
-
• **input**? : *undefined | object*
|
|
35
|
-
|
|
36
|
-
___
|
|
37
|
-
|
|
38
|
-
### `Optional` invalid
|
|
39
|
-
|
|
40
|
-
• **invalid**? : *undefined | object*
|
|
26
|
+
• **variables**? : *undefined | object*
|
|
@@ -36,45 +36,6 @@ service.initializePayment({
|
|
|
36
36
|
});
|
|
37
37
|
```
|
|
38
38
|
|
|
39
|
-
Additional options can be passed in to enable Masterpass (if configured for
|
|
40
|
-
the account) and customize the fields.
|
|
41
|
-
|
|
42
|
-
```html
|
|
43
|
-
<!-- This container is where Masterpass button will be inserted -->
|
|
44
|
-
<div id="masterpass"></div>
|
|
45
|
-
```
|
|
46
|
-
|
|
47
|
-
```js
|
|
48
|
-
service.initializePayment({
|
|
49
|
-
methodId: 'squarev2',
|
|
50
|
-
square: {
|
|
51
|
-
cardNumber: {
|
|
52
|
-
elementId: 'card-number',
|
|
53
|
-
},
|
|
54
|
-
cvv: {
|
|
55
|
-
elementId: 'card-code',
|
|
56
|
-
},
|
|
57
|
-
expirationDate: {
|
|
58
|
-
elementId: 'card-expiry',
|
|
59
|
-
},
|
|
60
|
-
postalCode: {
|
|
61
|
-
elementId: 'card-code',
|
|
62
|
-
},
|
|
63
|
-
inputClass: 'form-input',
|
|
64
|
-
inputStyles: [
|
|
65
|
-
{
|
|
66
|
-
color: '#333',
|
|
67
|
-
fontSize: '13px',
|
|
68
|
-
lineHeight: '20px',
|
|
69
|
-
},
|
|
70
|
-
],
|
|
71
|
-
masterpass: {
|
|
72
|
-
elementId: 'masterpass',
|
|
73
|
-
},
|
|
74
|
-
},
|
|
75
|
-
});
|
|
76
|
-
```
|
|
77
|
-
|
|
78
39
|
## Hierarchy
|
|
79
40
|
|
|
80
41
|
* **SquarePaymentInitializeOptions**
|
|
@@ -88,7 +49,6 @@ service.initializePayment({
|
|
|
88
49
|
* [expirationDate](squarepaymentinitializeoptions.md#expirationdate)
|
|
89
50
|
* [inputClass](squarepaymentinitializeoptions.md#optional-inputclass)
|
|
90
51
|
* [inputStyles](squarepaymentinitializeoptions.md#optional-inputstyles)
|
|
91
|
-
* [masterpass](squarepaymentinitializeoptions.md#optional-masterpass)
|
|
92
52
|
* [postalCode](squarepaymentinitializeoptions.md#postalcode)
|
|
93
53
|
|
|
94
54
|
### Methods
|
|
@@ -138,14 +98,6 @@ The set of CSS styles to apply to all form fields.
|
|
|
138
98
|
|
|
139
99
|
___
|
|
140
100
|
|
|
141
|
-
### `Optional` masterpass
|
|
142
|
-
|
|
143
|
-
• **masterpass**? : *[SquareFormElement](squareformelement.md)*
|
|
144
|
-
|
|
145
|
-
Initialize Masterpass placeholder ID
|
|
146
|
-
|
|
147
|
-
___
|
|
148
|
-
|
|
149
101
|
### postalCode
|
|
150
102
|
|
|
151
103
|
• **postalCode**: *[SquareFormElement](squareformelement.md)*
|