@primer-io/checkout-web 1.17.0 → 1.20.0-beta.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 +106 -1
- package/README.md +7 -80
- package/dist/Checkout.css +1 -1
- package/dist/index.d.ts +182 -16
- package/dist/loader.js +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,112 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
# [1.
|
|
6
|
+
# [1.19.0-beta.8](https://github.com/primer-io/primer-sdk/compare/v1.19.0-beta.7...v1.19.0-beta.8) (2021-11-30)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# [1.19.0-beta.7](https://github.com/primer-io/primer-sdk/compare/v1.19.0-beta.6...v1.19.0-beta.7) (2021-11-30)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
# [1.19.0-beta.6](https://github.com/primer-io/primer-sdk/compare/v1.19.0-beta.5...v1.19.0-beta.6) (2021-11-30)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
# [1.19.0-beta.5](https://github.com/primer-io/primer-sdk/compare/v1.19.0-beta.4...v1.19.0-beta.5) (2021-11-30)
|
|
31
|
+
|
|
32
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
# [1.19.0-beta.4](https://github.com/primer-io/primer-sdk/compare/v1.19.0-beta.3...v1.19.0-beta.4) (2021-11-30)
|
|
39
|
+
|
|
40
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
# [1.19.0-beta.3](https://github.com/primer-io/primer-sdk/compare/v1.19.0-beta.2...v1.19.0-beta.3) (2021-11-30)
|
|
47
|
+
|
|
48
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
# [1.19.0-beta.2](https://github.com/primer-io/primer-sdk/compare/v1.19.0-beta.1...v1.19.0-beta.2) (2021-11-30)
|
|
55
|
+
|
|
56
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
# [1.19.0-beta.1](https://github.com/primer-io/primer-sdk/compare/v1.19.0-beta.0...v1.19.0-beta.1) (2021-11-30)
|
|
63
|
+
|
|
64
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
# [1.18.0-beta.6](https://github.com/primer-io/primer-sdk/compare/v1.18.0-beta.5...v1.18.0-beta.6) (2021-11-24)
|
|
71
|
+
|
|
72
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
# [1.18.0-beta.4](https://github.com/primer-io/primer-sdk/compare/v1.18.0-beta.3...v1.18.0-beta.4) (2021-11-24)
|
|
80
|
+
|
|
81
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
# [1.18.0-beta.3](https://github.com/primer-io/primer-sdk/compare/v1.18.0-beta.2...v1.18.0-beta.3) (2021-11-24)
|
|
88
|
+
|
|
89
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
# [1.18.0-beta.2](https://github.com/primer-io/primer-sdk/compare/v1.18.0-beta.1...v1.18.0-beta.2) (2021-11-24)
|
|
96
|
+
|
|
97
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
# [1.18.0-beta.1](https://github.com/primer-io/primer-sdk/compare/v1.18.0-beta.0...v1.18.0-beta.1) (2021-11-24)
|
|
104
|
+
|
|
105
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
# [1.17.0-beta.7](https://github.com/primer-io/primer-sdk/compare/v1.17.0-beta.6...v1.17.0-beta.7) (2021-11-23)
|
|
7
112
|
|
|
8
113
|
**Note:** Version bump only for package @primer-io/checkout-web
|
|
9
114
|
|
package/README.md
CHANGED
|
@@ -72,10 +72,6 @@ Some options are common to all `uxFlow`.
|
|
|
72
72
|
// By default translations will be provided for the browser's locale
|
|
73
73
|
locale?: string;
|
|
74
74
|
|
|
75
|
-
// Your alpha2 country code
|
|
76
|
-
// [required for Google Pay, Apple Pay and PayPal]
|
|
77
|
-
countryCode?: string;
|
|
78
|
-
|
|
79
75
|
// 3DS options. These must be provided if you want to perform SCA
|
|
80
76
|
// See the section on 3DS below for more info.
|
|
81
77
|
threeDSecure?: ThreeDSecureVerifyOptions;
|
|
@@ -98,6 +94,9 @@ Some options are common to all `uxFlow`.
|
|
|
98
94
|
// A callback for when an error occured while updating the totalAmount
|
|
99
95
|
onAmountChangeError?: (message: PrimerError) => void;
|
|
100
96
|
|
|
97
|
+
// A callback for receiving changes made to data which can be used to update the client session
|
|
98
|
+
onDataChange?: (data: any) => void;
|
|
99
|
+
|
|
101
100
|
// Options and callbacks relating to scenes
|
|
102
101
|
scene?: SceneOptions;
|
|
103
102
|
|
|
@@ -199,36 +198,6 @@ type CheckoutOptions = {
|
|
|
199
198
|
// This filters the payment methods available
|
|
200
199
|
allowedPaymentMethods?: PaymentMethodType[];
|
|
201
200
|
|
|
202
|
-
// Additional information about the order
|
|
203
|
-
// [required for Google Pay, Apple Pay and PayPal]
|
|
204
|
-
orderDetails: {
|
|
205
|
-
totalAmount: number | string;
|
|
206
|
-
currencyCode: string;
|
|
207
|
-
totalTaxAmount?: number | string;
|
|
208
|
-
items?: [
|
|
209
|
-
{
|
|
210
|
-
name: string;
|
|
211
|
-
unitAmount: number | string;
|
|
212
|
-
reference?: string;
|
|
213
|
-
quantity?: number;
|
|
214
|
-
discountAmount?: number | string;
|
|
215
|
-
taxCode?: string;
|
|
216
|
-
},
|
|
217
|
-
];
|
|
218
|
-
shippingAmount?: number | string;
|
|
219
|
-
taxExemptionType?: string;
|
|
220
|
-
};
|
|
221
|
-
|
|
222
|
-
// Deprecated since `v1.11.0-beta.0` in favor of orderDetails
|
|
223
|
-
// orderDetails will be favored if both are provided
|
|
224
|
-
purchaseInfo?: {
|
|
225
|
-
totalAmount: {
|
|
226
|
-
// The amount in the lowest unit
|
|
227
|
-
value: number | string;
|
|
228
|
-
currency: string;
|
|
229
|
-
};
|
|
230
|
-
};
|
|
231
|
-
|
|
232
201
|
// Additional information relating to merchant operating address. Used for tax calculation
|
|
233
202
|
businessDetails?: {
|
|
234
203
|
address: {
|
|
@@ -320,23 +289,6 @@ type TransitionType =
|
|
|
320
289
|
| 'SLIDE_HORIZONTAL
|
|
321
290
|
```
|
|
322
291
|
|
|
323
|
-
### PurchaseInfo deprecation
|
|
324
|
-
|
|
325
|
-
Providing `purchaseInfo` as an option to checkout has been deprecated since `v1.11.0-beta.0`.
|
|
326
|
-
|
|
327
|
-
```typescript
|
|
328
|
-
// Deprecated
|
|
329
|
-
purchaseInfo?: {
|
|
330
|
-
totalAmount: {
|
|
331
|
-
// The amount in the lowest unit
|
|
332
|
-
value: number | string;
|
|
333
|
-
currency: string;
|
|
334
|
-
};
|
|
335
|
-
};
|
|
336
|
-
```
|
|
337
|
-
|
|
338
|
-
Avoid using purchaseInfo in favor of providing orderDetails.
|
|
339
|
-
|
|
340
292
|
#### Dynamic Checkout Flow: `onTokenizeSuccess` and `onResumeSuccess`
|
|
341
293
|
|
|
342
294
|
When a payment method is chosen and the customer clicks 'Pay', the payment method is tokenized and you'll receive a payment method token in the `onTokenizeSuccess` callback. Send it to your server to **create a payment** using Primer's Payments API.
|
|
@@ -554,11 +506,7 @@ The checkout provides setter methods which can be called to update options after
|
|
|
554
506
|
```typescript
|
|
555
507
|
const checkout = await primer.checkout(checkoutOptions);
|
|
556
508
|
|
|
557
|
-
checkout.
|
|
558
|
-
|
|
559
|
-
checkout.setCustomerDetails(customerDetails);
|
|
560
|
-
|
|
561
|
-
checkout.setBusinessDetails(businessDetails);
|
|
509
|
+
checkout.setClientToken(clientToken);
|
|
562
510
|
```
|
|
563
511
|
|
|
564
512
|
### Manual Form Submission
|
|
@@ -805,30 +753,6 @@ type PrimerClientRenderOptions {
|
|
|
805
753
|
// By default translations will be provided for the browser's locale
|
|
806
754
|
locale?: string;
|
|
807
755
|
|
|
808
|
-
// Your alpha2 country code
|
|
809
|
-
// [required for Google Pay, Apple Pay and PayPal]
|
|
810
|
-
countryCode?: string;
|
|
811
|
-
|
|
812
|
-
// Additional information about the purchase
|
|
813
|
-
// [required for Google Pay, Apple Pay and PayPal]
|
|
814
|
-
orderDetails: {
|
|
815
|
-
totalAmount: number | string;
|
|
816
|
-
currencyCode: string;
|
|
817
|
-
totalTaxAmount?: number | string;
|
|
818
|
-
items?: [
|
|
819
|
-
{
|
|
820
|
-
name: string;
|
|
821
|
-
unitAmount: number | string;
|
|
822
|
-
reference?: string;
|
|
823
|
-
quantity?: number;
|
|
824
|
-
discountAmount?: number | string;
|
|
825
|
-
taxCode?: string
|
|
826
|
-
};
|
|
827
|
-
];
|
|
828
|
-
shippingAmount?: number | string;
|
|
829
|
-
taxExemptionType?: string
|
|
830
|
-
};
|
|
831
|
-
|
|
832
756
|
// Additional information relating to merchant operating address
|
|
833
757
|
// [required for tax calculation via TaxJar]
|
|
834
758
|
businessDetails?: {
|
|
@@ -884,6 +808,9 @@ type PrimerClientRenderOptions {
|
|
|
884
808
|
// A callback for when an error occured while updating the totalAmount
|
|
885
809
|
onAmountChangeError?: (message: PrimerError) => void;
|
|
886
810
|
|
|
811
|
+
// A callback for receiving changes made to data which can be used to update the client session
|
|
812
|
+
onDataChange?: (data: any) => void;
|
|
813
|
+
|
|
887
814
|
// Configuration for a credit card form
|
|
888
815
|
card?: {
|
|
889
816
|
// The name of the cardholder
|
package/dist/Checkout.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@-webkit-keyframes PrimerCheckout__loadingSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes PrimerCheckout__loadingSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes blink{0%,100%{opacity:1}50%{opacity:.5}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.5}}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}100%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}100%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.PrimerCheckout__title{padding:0;margin:0;font-size:1.15rem;color:#262626;font-weight:500}.PrimerCheckout__label{font-size:1rem}.PrimerCheckout__label.PrimerCheckout__label--muted{color:#767676}.PrimerCheckout__label.PrimerCheckout__label--primary{color:#3447f4}.PrimerCheckout__label.PrimerCheckout__label--size-sm{font-size:.75rem}.PrimerCheckout__label.PrimerCheckout__label--size-xs{font-size:.625rem}.PrimerCheckout__label.PrimerCheckout__label--link{color:#3447f4;cursor:pointer}.PrimerCheckout__label.PrimerCheckout__label--hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.PrimerCheckout__helperText{color:#767676;font-size:.75rem}.PrimerCheckout__helperText--error{color:#ea4335}.PrimerCheckout__sceneElement{-webkit-flex:0 0 auto;flex:0 0 auto}.PrimerCheckout__sceneElement:not(:last-child){margin-bottom:32px}.PrimerCheckout__textButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;cursor:pointer;transition:background-color 100ms ease;text-align:center;color:#3447f4}.PrimerCheckout__textButton:disabled{cursor:auto}.PrimerCheckout__divider{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms}.PrimerCheckout__divider>.PrimerCheckout__label{display:inline-block;margin:0px 10px}.PrimerCheckout__divider>.PrimerCheckout__dividerLineSegment{background-color:#e0e0e0;-webkit-flex:1 1 auto;flex:1 1 auto;height:1px}.PrimerCheckout__divider--hidden{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}.PrimerCheckout__textButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;background:none;border:none;padding:0;margin:0}.PrimerCheckout__textButton:disabled{cursor:auto}.PrimerCheckout__textDivider{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-align:center}.PrimerCheckout__textDivider.PrimerCheckout__textButton{transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms}.PrimerCheckout__textDivider.PrimerCheckout__textButton>*{transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms}.PrimerCheckout__textDivider.PrimerCheckout__textButton:not(:disabled):hover>*{-webkit-transform:scale(1.02);transform:scale(1.02)}.PrimerCheckout__textDivider::before,.PrimerCheckout__textDivider::after{display:block;content:"";-webkit-flex:1;flex:1;height:1px;background:#e0e0e0;min-width:16px}.PrimerCheckout__textDivider::before{margin-right:8px}@media(max-width: 600px){.PrimerCheckout__textDivider::before{margin-right:2px}}.PrimerCheckout__textDivider::after{margin-left:8px}@media(max-width: 600px){.PrimerCheckout__textDivider::after{margin-left:2px}}.PrimerCheckout__apmButton{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;overflow:hidden;border-radius:4px;transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);height:40px}.PrimerCheckout__apmButton button{cursor:pointer;height:100%;width:100%;border:none;background:none}.PrimerCheckout__apmButton:focus-within{outline:2px solid #3447f4;outline-offset:2px}.PrimerCheckout__apmButton:not(:first-of-type){margin-top:8px}.PrimerCheckout__apmButton>.paypal-buttons{transition:none !important}.PrimerCheckout__apmButton>.gpay-card-info-container.long,.PrimerCheckout__apmButton>.gpay-button.long{width:100%}.PrimerCheckout__apmButton--logo{border:1px solid #e0e0e0;border-radius:2px;border-radius:4px}.PrimerCheckout__apmButton--logo:hover{opacity:.8}.PrimerCheckout__apmButton--logo img{max-height:calc(100% - 8px);max-width:calc(100% - 8px)}.PrimerCheckout__separator{margin:32px 0px;height:1px;background:#e0e0e0}.PrimerCheckout__emptyText{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms}.PrimerCheckout__emptyText.PrimerCheckout--exit{-webkit-transform:transalteY(-20px);transform:transalteY(-20px);opacity:0}.PrimerCheckout__cardTypes{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden;pointer-events:none;right:6px;height:100%;padding:11px 0px}.PrimerCheckout__cardType{position:relative;width:24px;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);margin-right:5px}@media(max-width: 600px){.PrimerCheckout__cardType{margin-right:3px}}.PrimerCheckout__cardType>*{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.PrimerCheckout__cardType.PrimerCheckout--hidden{display:inline-block !important;width:0px;margin-right:0px;opacity:0}.PrimerCheckout__cardType.PrimerCheckout--error::after{content:"";position:absolute;right:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background-color:#ea4335}.PrimerCheckout--error .PrimerCheckout__inputContainer{border-color:#ea4335}.PrimerCheckout__inputContainer{transition:box-shadow 100ms ease,border-color 100ms ease;border:1px solid #e0e0e0;height:40px;border-radius:2px;outline:none;width:100%;display:block;position:relative}.PrimerCheckout__inputContainer:not(:first-of-type){margin-top:16px}.PrimerCheckout__form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.PrimerCheckout__formHeader{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:32px}.PrimerCheckout__formField{position:relative;-webkit-flex:0;flex:0}.PrimerCheckout__formField:not(:first-of-type){margin-top:24px}.PrimerCheckout__formField.PrimerCheckout__formField--dual{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:baseline;align-items:baseline}.PrimerCheckout__formField.PrimerCheckout__formField--dual>.PrimerCheckout__formField{-webkit-flex:0 1 calc(50% - 8px);flex:0 1 calc(50% - 8px)}.PrimerCheckout__formField.PrimerCheckout__formField--dual>.PrimerCheckout__formField{margin-top:0px}@media(max-width: 600px){.PrimerCheckout__formField.PrimerCheckout__formField--dual{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:initial;align-items:initial}.PrimerCheckout__formField.PrimerCheckout__formField--dual>.PrimerCheckout__formField{-webkit-flex:unset;flex:unset}.PrimerCheckout__formField.PrimerCheckout__formField--dual>.PrimerCheckout__formField+.PrimerCheckout__formField{margin-top:inherit}}.PrimerCheckout__formField.PrimerCheckout__formField--orientation-horizontal{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.PrimerCheckout__formField>.PrimerCheckout__label{line-height:24px;display:inline-block;margin-bottom:2px;margin-left:1px}.PrimerCheckout__formField .PrimerCheckout__label+.PrimerCheckout__formInput,.PrimerCheckout__formField .PrimerCheckout__label+.PrimerCheckout__formInputs{margin-top:2px}.PrimerCheckout__formField .PrimerCheckout__checkbox+.PrimerCheckout__label{cursor:pointer;margin-left:8px}.PrimerCheckout__helperText{position:relative;margin-top:2px;text-align:right;z-index:0;transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms;-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}.PrimerCheckout__helperText.PrimerCheckout--enter{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0;-webkit-animation:none;animation:none}.PrimerCheckout__helperText.PrimerCheckout--entering{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}.PrimerCheckout__helperText.PrimerCheckout--entered{-webkit-animation:blink 2s infinite;animation:blink 2s infinite;-webkit-transform:translateY(0px);transform:translateY(0px)}.PrimerCheckout__helperText.PrimerCheckout--exit{opacity:1;-webkit-animation:none;animation:none}.PrimerCheckout__helperText.PrimerCheckout--exiting{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.PrimerCheckout__formFieldTitle{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.PrimerCheckout__formInputs .PrimerCheckout__formInput{position:relative;z-index:0}.PrimerCheckout__formInputs .PrimerCheckout__formInput:focus,.PrimerCheckout__formInputs .PrimerCheckout__formInput:hover{z-index:1}.PrimerCheckout__formInputs .PrimerCheckout__inputContainer{border-radius:0px}.PrimerCheckout__formInputs--horizontal{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.PrimerCheckout__formInput{-webkit-appearance:none;font-size:1rem;box-sizing:border-box;z-index:1;padding:8px 12px;height:100%;width:100%;border:none !important;outline:none;background:transparent}.PrimerCheckout__formInput--hosted{padding:0px}.PrimerCheckout__checkbox{-webkit-appearance:none;font-size:1rem;cursor:pointer;margin:0px;padding:8px;display:inline-block;position:relative;color:#fff;border-radius:4px;border:1px solid #bdbdbd}.PrimerCheckout__checkbox:checked{color:#fff;background-color:#3447f4;border-color:#3447f4}.PrimerCheckout__checkbox::after{content:"✓";font-size:16px;position:absolute;top:50%;left:55%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.PrimerCheckout__submitButtonContainer{position:relative;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1);height:0px;opacity:0}.PrimerCheckout__submitButtonContainer.PrimerCheckout--entering,.PrimerCheckout__submitButtonContainer.PrimerCheckout--entered{height:50px;opacity:1}.PrimerCheckout__submitButton{justify-self:flex-end;-webkit-flex:0 0 auto;flex:0 0 auto}.PrimerCheckout__submitButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;cursor:pointer;-webkit-flex:0 0 auto;flex:0 0 auto;width:100%;height:50px;z-index:1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:0px 12px;border:none;text-align:center;transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1),background-color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.PrimerCheckout__submitButton:disabled{cursor:auto}.PrimerCheckout__submitButton:not(:disabled):hover,.PrimerCheckout__submitButton:not(:disabled):focus{opacity:.75}.PrimerCheckout__submitButton .PrimerCheckout__loadingRing{position:absolute;right:0px;top:50%;width:20px;height:20px;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);opacity:0}.PrimerCheckout.PrimerCheckout--loading .PrimerCheckout__submitButton{pointer-events:none}.PrimerCheckout.PrimerCheckout--loading .PrimerCheckout__submitButton .PrimerCheckout__loadingRing{opacity:1;-webkit-transform:translate(calc(0% - 16px), -50%);transform:translate(calc(0% - 16px), -50%)}.PrimerCheckout__loadingRing .spinner{-webkit-animation:rotate 1.2s linear infinite;animation:rotate 1.2s linear infinite;z-index:2}.PrimerCheckout__loadingRing .path{stroke:#fff;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}#primer-checkout-actions{opacity:1;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1)}#primer-checkout-actions.PrimerCheckout--exit{opacity:0}#primer-checkout-vault-methods{opacity:1;-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:translateY(0px);transform:translateY(0px);transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1)}#primer-checkout-vault-methods.PrimerCheckout--exit{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}.PrimerCheckout__dropDownMenuContainer{position:absolute;z-index:1;right:0px;top:calc(28px + 4px);min-width:300px}.PrimerCheckout__dropDownMenu{border:1px solid #e0e0e0;border-radius:2px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:absolute;z-index:1000;top:0px;right:0px;width:100%;background-color:#fff;box-shadow:0px 1px 10px rgba(0,0,0,.1),0px 0px 20px rgba(52,71,244,.1);opacity:0;-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:translateY(-10px) scaleY(0.9);transform:translateY(-10px) scaleY(0.9);transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms;pointer-events:none}.PrimerCheckout__dropDownMenu>.PrimerCheckout__label{padding:12px 12px 6px}.PrimerCheckout__dropDownMenu--enter{pointer-events:all;opacity:1;-webkit-transform:translateY(0px) scaleY(1);transform:translateY(0px) scaleY(1)}.PrimerCheckout__dropDownMenuItem{transition:background-color 100ms ease;padding:6px 12px}.PrimerCheckout__dropDownMenuItem:hover,.PrimerCheckout__dropDownMenuItem:focus{background-color:#eaf1ff}.PrimerCheckout__dropDownMenuItem>.PrimerCheckout__label{white-space:nowrap;color:#3447f4}.PrimerCheckout__editButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;border-radius:100%;width:28px;height:28px;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:bottom center;transform-origin:bottom center;transition:opacity cubic-bezier(0.4, 0, 0.2, 1) 300ms,-webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 300ms;transition:opacity cubic-bezier(0.4, 0, 0.2, 1) 300ms,transform cubic-bezier(0.4, 0, 0.2, 1) 300ms;transition:opacity cubic-bezier(0.4, 0, 0.2, 1) 300ms,transform cubic-bezier(0.4, 0, 0.2, 1) 300ms,-webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 300ms}.PrimerCheckout__editButton:disabled{cursor:auto}.PrimerCheckout__editButton:hover{opacity:.7}.PrimerCheckout__editButton__icon{width:16px;height:16px}.PrimerCheckout__editButton--toggle{-webkit-transform:scale(1.2);transform:scale(1.2)}.PrimerCheckout__editButton--hidden{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);pointer-events:none}.PrimerCheckout__paymentMethodDropDownMenuItem{margin:0px 16px;transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms}.PrimerCheckout__paymentMethodDropDownMenuItem:not(:last-child){border-bottom:1px solid #e0e0e0}.PrimerCheckout__paymentMethodDropDownMenuItem--disabled{pointer-events:none;opacity:.3}.PrimerCheckout__paymentMethodDropDownMenuItem__content{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;padding:16px 0px}.PrimerCheckout__paymentMethodDropDownMenuItem__icon{width:30px;margin-right:8px}.PrimerCheckout__paymentMethodDropDownMenuItem__label.PrimerCheckout__label{min-width:0;margin-right:8px;font-size:.75rem;word-break:break-all}.PrimerCheckout__paymentMethodDropDownMenuItem__buttons{margin-left:auto}.PrimerCheckout__paymentMethodDropDownMenuItem__buttons>button{font-size:.75rem}.PrimerCheckout__paymentMethodDropDownMenuItem__confirmationContainer{pointer-events:none;position:relative;height:0;padding-bottom:0px;opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms,opacity cubic-bezier(0.4, 0, 0.2, 1) 200ms}.PrimerCheckout__paymentMethodDropDownMenuItem__confirmationContainer--enter{pointer-events:all;-webkit-transform:translateY(0px);transform:translateY(0px);height:calc(40px + 16px);opacity:1;padding-bottom:16px}.PrimerCheckout__deleteButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4}.PrimerCheckout__deleteButton:disabled{cursor:auto}.PrimerCheckout__deleteConfirmation{height:30px}.PrimerCheckout__confirmButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;display:grid;width:100%;place-items:center;height:40px;border:1px solid #3447f4;border-radius:4px;text-align:center;color:#3447f4;font-size:.875rem}.PrimerCheckout__confirmButton:disabled{cursor:auto}.PrimerCheckout__savedPaymentMethods{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.PrimerCheckout__savedPaymentMethods__title{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;margin-bottom:15px}.PrimerCheckout__savedPaymentMethodContainer{transition:height cubic-bezier(0.4, 0, 0.2, 1) 300ms,opacity cubic-bezier(0.4, 0, 0.2, 1) 200ms,-webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 300ms;transition:height cubic-bezier(0.4, 0, 0.2, 1) 300ms,transform cubic-bezier(0.4, 0, 0.2, 1) 300ms,opacity cubic-bezier(0.4, 0, 0.2, 1) 200ms;transition:height cubic-bezier(0.4, 0, 0.2, 1) 300ms,transform cubic-bezier(0.4, 0, 0.2, 1) 300ms,opacity cubic-bezier(0.4, 0, 0.2, 1) 200ms,-webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 300ms;-webkit-transform-origin:top center;transform-origin:top center}.PrimerCheckout__savedPaymentMethodContainer--exiting{opacity:0;-webkit-transform:translateY(-30px) scaleY(0.9);transform:translateY(-30px) scaleY(0.9);height:0px}.PrimerCheckout__savedPaymentMethodContainer:not(:last-child) .PrimerCheckout__savedPaymentMethod{margin-bottom:16px}.PrimerCheckout__savedPaymentMethod{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;border:1px solid #e0e0e0;border-radius:2px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;transition:box-shadow 100ms ease,border-color 100ms ease;cursor:pointer;transition:background-color 100ms ease;transition:background-color 100ms ease;outline:none;padding:8px 16px;-webkit-align-items:center;align-items:center;position:relative;text-align:left}.PrimerCheckout__savedPaymentMethod:disabled{cursor:auto}.PrimerCheckout__savedPaymentMethod:hover,.PrimerCheckout__savedPaymentMethod:focus{background-color:#eaf1ff}.PrimerCheckout__savedPaymentMethod .PrimerCheckout__savedPaymentMethodContent{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex:1 1 auto;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}@media(max-width: 600px){.PrimerCheckout__savedPaymentMethod .PrimerCheckout__savedPaymentMethodContent{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;display:inline-grid}.PrimerCheckout__savedPaymentMethod .PrimerCheckout__savedPaymentMethodContent .PrimerCheckout__savedPaymentMethodLabel{margin-left:0px;width:100%;text-align:left}}.PrimerCheckout__savedPaymentMethod .PrimerCheckout__savedPaymentMethodIcon{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:0 0 auto;flex:0 0 auto;width:30px;max-width:30px;margin-right:24px;transition:width 100ms ease}.PrimerCheckout__savedPaymentMethod .PrimerCheckout__savedPaymentMethodLabel{font-size:17px;margin-left:.5em;white-space:pre}.PrimerCheckout__savedPaymentMethod .PrimerCheckout__savedPaymentMethodDetail{white-space:pre;overflow:hidden;text-overflow:ellipsis}.PrimerCheckout__savedPaymentMethodActions{margin-left:auto;font-size:.75rem}.PrimerCheckout__mandateItems{margin-bottom:48px !important}.PrimerCheckout__mandateItem{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.PrimerCheckout__mandateItem>.icon{width:20px;height:20px;-webkit-flex:0 0 20px;flex:0 0 20px;margin:0px 10px}.PrimerCheckout__mandateDetail{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.PrimerCheckout__mandateDetail>.PrimerCheckout__label:first-of-type{margin-bottom:2px;font-weight:500}.PrimerCheckout__backButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;width:auto;z-index:1;padding:8px;margin:-8px}.PrimerCheckout__backButton:disabled{cursor:auto}#primer-checkout-dd-creditor-details{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;margin:0;padding:16px 0px}#primer-checkout-scene-direct-debit-form{padding-bottom:32px}#primer-checkout-scene-direct-debit-mandate{padding-bottom:24px}#primer-checkout-small-print{transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:0}#primer-checkout-small-print.PrimerCheckout--enter{opacity:0;margin-top:0em}#primer-checkout-small-print.PrimerCheckout--entering,#primer-checkout-small-print.PrimerCheckout--entered{opacity:1;margin-top:1em}#primer-checkout-small-print.PrimerCheckout--exit{opacity:0;margin-top:0em}.PrimerCheckout__directDebitSuccess{padding:40px 16px;text-align:center;display:grid;place-items:center}.PrimerCheckout__directDebitSuccessContainer{max-width:260px}.PrimerCheckout__directDebitSuccessIcon{display:grid;place-items:center;margin-bottom:16px}.PrimerCheckout__directDebitSuccessIcon>.PrimerCheckout__icon{width:40px;height:40px;color:#3447f4}.PrimerCheckout__directDebitSuccessTitle{margin-bottom:16px;font-weight:500}.PrimerCheckout__directDebitSuccessReference{margin-top:32px}.PrimerCheckout__directDebitSuccessReferenceId{font-weight:500}button.PrimerCheckout__klarnaButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;border:1px solid #e0e0e0;border-radius:2px;display:grid;place-content:center;-webkit-align-items:center;align-items:center;grid-auto-flow:column;cursor:pointer;width:100%;height:100%;background-color:#ffb3c7;border-radius:4px}button.PrimerCheckout__klarnaButton:disabled{cursor:auto}button.PrimerCheckout__klarnaButton:enabled:hover{opacity:.7}button.PrimerCheckout__klarnaButton>img{margin-right:20px}button.PrimerCheckout__klarnaButton>span{font-weight:600}.PrimerCheckout__klarnaPaymentOptions{width:100%;position:relative;overflow:hidden;transition:height 200ms ease-in-out;padding:0px 64px}.PrimerCheckout__klarnaPaymentCategory{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;border:1px solid #e0e0e0;border-radius:2px;display:grid;grid-auto-flow:column;place-content:center;-webkit-align-items:center;align-items:center;padding:8px 0px}.PrimerCheckout__klarnaPaymentCategory:disabled{cursor:auto}.PrimerCheckout__klarnaPaymentCategory>img{margin-right:12px}.PrimerCheckout__klarnaPaymentCategory:first-child{margin-top:20px}.PrimerCheckout__klarnaPaymentCategory+.PrimerCheckout__klarnaPaymentCategory{margin-top:12px}.PrimerCheckout__klarnaPaymentOption{width:100%;margin-bottom:12px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.PrimerCheckout__klarnaPaymentOption>.PrimerCheckout__backButton{margin-right:12px}.PrimerCheckout__klarnaPaymentOptionButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;border:1px solid #e0e0e0;border-radius:2px;padding:6px 12px;width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.PrimerCheckout__klarnaPaymentOptionButton:disabled{cursor:auto}.PrimerCheckout__klarnaPaymentOptionButton>img{margin-right:12px}button.PrimerCheckout__payPayPalButton{border-radius:0px;background-color:#bee4fe}#primer-checkout-error-message{transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1)}#primer-checkout-error-message.PrimerCheckout--enter{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}#primer-checkout-error-message.PrimerCheckout--entering,#primer-checkout-error-message.PrimerCheckout--entered{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}#primer-checkout-error-message.PrimerCheckout--exit{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.PrimerCheckout__errorMessage{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-top:12px;padding:12px;background-color:#fce8e6;color:#ea4335;border-radius:2px}.PrimerCheckout__errorMessage>.icon{height:24px;width:24px;margin-right:12px}.PrimerCheckout__errorMessage>span{-webkit-flex:1;flex:1}.PrimerCheckout__scene.PrimerCheckout--entering{position:absolute;top:0px;left:0px;right:0px}.PrimerCheckout__scene.PrimerCheckout--entered{position:relative}.PrimerCheckout__scene.PrimerCheckout--exited{position:absolute;visibility:hidden;display:none;opacity:0}.PrimerCheckout__processingIndicatorOverlay{pointer-events:none;position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:100;display:grid;place-items:center;transition:opacity 300ms linear,-webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 500ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms linear;transition:transform 500ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms linear,-webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.PrimerCheckout__processingIndicatorOverlay.PrimerCheckout--entering,.PrimerCheckout__processingIndicatorOverlay.PrimerCheckout--entered{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.PrimerCheckout__processingIndicatorContainer{padding:32px}.PrimerCheckout__check{padding:0px 16px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;min-height:18rem}.PrimerCheckout__checkMarkIcon{width:3rem;padding-bottom:20px}.PrimerCheckout__popupOverlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:rgba(0,0,0,.8);opacity:0;transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1)}.PrimerCheckout__popupOverlay--visible{opacity:1}.PrimerCheckout__popupOverlayCloseButton{position:absolute;top:-20px;right:-20px;width:40px;height:40px;background:#565656;border-radius:20px;border:none;color:#fff;cursor:pointer}.PrimerCheckout__popupOverlayContent{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#fff;border-radius:8px;padding:24px;text-align:center;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.PrimerCheckout__popupOverlayContent--visible{-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);opacity:1}.PrimerCheckout__popupOverlayContent__logo{margin-bottom:32px;max-width:80px;max-height:80px}.PrimerCheckout__popupOverlayContent__description{color:#767676;max-width:280px}.PrimerCheckout__popupOverlayContent__focusButton{cursor:pointer;margin-top:32px;background-color:#000;padding:12px 24px;border-radius:100px;border:none;color:#fff}.PrimerCheckout__popupOverlayContent__focusButton:hover{opacity:.8}#primer-checkout-scene-credit-card-form{padding-bottom:32px}.PrimerCheckout__creditCardButton_icon{height:81%}.PrimerCheckout__iconTextButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:1px,6px;cursor:pointer;width:100%;height:100%;border-radius:0px;-webkit-justify-content:center;justify-content:center}.PrimerCheckout__iconTextButton:disabled{cursor:auto}.PrimerCheckout__iconTextButton:enabled:hover{opacity:.7}.PrimerCheckout__iconTextButtonLabel{margin-left:10px}.PrimerCheckout{box-sizing:border-box;background-color:transparent;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.PrimerCheckout *[hidden=true]{display:none}.PrimerCheckout dialog{margin:0;padding:0}.PrimerCheckout input{outline-color:#3447f4}.PrimerCheckout div{box-sizing:border-box}.PrimerCheckout--hidden{display:none !important}.PrimerCheckout--exited{display:none}.PrimerCheckout--centered{text-align:center}.PrimerCheckout__scene{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:relative;left:0;top:0;opacity:1}.PrimerCheckout__modalBody{display:grid;place-content:center;background-color:#fff;border-radius:3px;position:relative;box-shadow:1px 1px 5px 3px rgba(0,0,0,.05);overflow:hidden}.PrimerCheckout__modalBody>iframe{position:absolute;left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%}.PrimerCheckout__scene--3dsModal{position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:101;width:100%;height:100% !important;display:grid;place-content:center;background-color:rgba(0,0,0,.2);transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.PrimerCheckout__scene--3dsModal>.PrimerCheckout__modalBody{transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;-webkit-transform:translateY(100vh);transform:translateY(100vh)}.PrimerCheckout__scene--3dsModal.PrimerCheckout--enter{opacity:1}.PrimerCheckout__scene--3dsModal.PrimerCheckout--enter>.PrimerCheckout__modalBody{opacity:1;-webkit-transform:translateY(0vh);transform:translateY(0vh)}.PrimerCheckout__spinner{display:grid;place-content:center}.PrimerCheckout__spinner .spinner{-webkit-animation:rotate 1.2s linear infinite;animation:rotate 1.2s linear infinite;z-index:2;height:32px;width:32px;margin:24px 0px}.PrimerCheckout__spinner .path{stroke:#3447f4;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}#primer-checkout-scene-vault{padding-bottom:32px}#primer-checkout-other-payment-methods{height:0px;width:0px;opacity:0;transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1);visibility:hidden}#primer-checkout-other-payment-methods>*:last-child{height:32px}#primer-checkout-other-payment-methods.PrimerCheckout--entering,#primer-checkout-other-payment-methods.PrimerCheckout--entered{width:auto;opacity:1;visibility:visible}#primer-checkout-payment-method-divider{opacity:1;transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1)}#primer-checkout-payment-method-divider.PrimerCheckout--exit{opacity:0;height:0px;margin-bottom:0px}
|
|
1
|
+
@-webkit-keyframes PrimerCheckout__loadingSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes PrimerCheckout__loadingSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes blink{0%,100%{opacity:1}50%{opacity:.5}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.5}}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}100%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}100%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.PrimerCheckout__title{padding:0;margin:0;font-size:1.15rem;color:#262626;font-weight:500}.PrimerCheckout__label{font-size:1rem}.PrimerCheckout__label.PrimerCheckout__label--muted{color:#767676}.PrimerCheckout__label.PrimerCheckout__label--primary{color:#3447f4}.PrimerCheckout__label.PrimerCheckout__label--size-sm{font-size:.75rem}.PrimerCheckout__label.PrimerCheckout__label--size-xs{font-size:.625rem}.PrimerCheckout__label.PrimerCheckout__label--link{color:#3447f4;cursor:pointer}.PrimerCheckout__label.PrimerCheckout__label--hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.PrimerCheckout__helperText{color:#767676;font-size:.75rem}.PrimerCheckout__helperText--error{color:#ea4335}.PrimerCheckout__sceneElement{-webkit-flex:0 0 auto;flex:0 0 auto}.PrimerCheckout__sceneElement:not(:last-child){margin-bottom:32px}.PrimerCheckout__textButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;cursor:pointer;transition:background-color 100ms ease;text-align:center;color:#3447f4}.PrimerCheckout__textButton:disabled{cursor:auto}.PrimerCheckout__divider{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms}.PrimerCheckout__divider>.PrimerCheckout__label{display:inline-block;margin:0px 10px}.PrimerCheckout__divider>.PrimerCheckout__dividerLineSegment{background-color:#e0e0e0;-webkit-flex:1 1 auto;flex:1 1 auto;height:1px}.PrimerCheckout__divider--hidden{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}.PrimerCheckout__textButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;background:none;border:none;padding:0;margin:0}.PrimerCheckout__textButton:disabled{cursor:auto}.PrimerCheckout__textDivider{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-align:center}.PrimerCheckout__textDivider.PrimerCheckout__textButton{transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms}.PrimerCheckout__textDivider.PrimerCheckout__textButton>*{transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms}.PrimerCheckout__textDivider.PrimerCheckout__textButton:not(:disabled):hover>*{-webkit-transform:scale(1.02);transform:scale(1.02)}.PrimerCheckout__textDivider::before,.PrimerCheckout__textDivider::after{display:block;content:"";-webkit-flex:1;flex:1;height:1px;background:#e0e0e0;min-width:16px}.PrimerCheckout__textDivider::before{margin-right:8px}@media(max-width: 600px){.PrimerCheckout__textDivider::before{margin-right:2px}}.PrimerCheckout__textDivider::after{margin-left:8px}@media(max-width: 600px){.PrimerCheckout__textDivider::after{margin-left:2px}}.PrimerCheckout__apmButton{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;overflow:hidden;border-radius:4px;transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);height:40px}.PrimerCheckout__apmButton button{cursor:pointer;height:100%;width:100%;border:none;background:none}.PrimerCheckout__apmButton:focus-within{outline:2px solid #3447f4;outline-offset:2px}.PrimerCheckout__apmButton:not(:first-of-type){margin-top:8px}.PrimerCheckout__apmButton>.paypal-buttons{transition:none !important}.PrimerCheckout__apmButton>.gpay-card-info-container.long,.PrimerCheckout__apmButton>.gpay-button.long{width:100%}.PrimerCheckout__apmButton--logo{border:1px solid #e0e0e0;border-radius:2px;border-radius:4px}.PrimerCheckout__apmButton--logo:hover{opacity:.8}.PrimerCheckout__apmButton--logo img{max-height:calc(100% - 8px);max-width:calc(100% - 8px)}.PrimerCheckout__separator{margin:32px 0px;height:1px;background:#e0e0e0}.PrimerCheckout__emptyText{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms}.PrimerCheckout__emptyText.PrimerCheckout--exit{-webkit-transform:transalteY(-20px);transform:transalteY(-20px);opacity:0}.PrimerCheckout__cardTypes{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden;pointer-events:none;right:6px;height:100%;padding:11px 0px}.PrimerCheckout__cardType{position:relative;width:24px;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);margin-right:5px}@media(max-width: 600px){.PrimerCheckout__cardType{margin-right:3px}}.PrimerCheckout__cardType>*{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.PrimerCheckout__cardType.PrimerCheckout--hidden{display:inline-block !important;width:0px;margin-right:0px;opacity:0}.PrimerCheckout__cardType.PrimerCheckout--error::after{content:"";position:absolute;right:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background-color:#ea4335}.PrimerCheckout--error .PrimerCheckout__inputContainer{border-color:#ea4335}.PrimerCheckout__inputContainer{transition:box-shadow 100ms ease,border-color 100ms ease;border:1px solid #e0e0e0;height:40px;border-radius:2px;outline:none;width:100%;display:block;position:relative}.PrimerCheckout__inputContainer:not(:first-of-type){margin-top:16px}.PrimerCheckout__form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.PrimerCheckout__formHeader{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:32px}.PrimerCheckout__formField{position:relative;-webkit-flex:0;flex:0}.PrimerCheckout__formField:not(:first-of-type){margin-top:24px}.PrimerCheckout__formField.PrimerCheckout__formField--dual{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:baseline;align-items:baseline}.PrimerCheckout__formField.PrimerCheckout__formField--dual>.PrimerCheckout__formField{-webkit-flex:0 1 calc(50% - 8px);flex:0 1 calc(50% - 8px)}.PrimerCheckout__formField.PrimerCheckout__formField--dual>.PrimerCheckout__formField{margin-top:0px}@media(max-width: 600px){.PrimerCheckout__formField.PrimerCheckout__formField--dual{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:initial;align-items:initial}.PrimerCheckout__formField.PrimerCheckout__formField--dual>.PrimerCheckout__formField{-webkit-flex:unset;flex:unset}.PrimerCheckout__formField.PrimerCheckout__formField--dual>.PrimerCheckout__formField+.PrimerCheckout__formField{margin-top:inherit}}.PrimerCheckout__formField.PrimerCheckout__formField--orientation-horizontal{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.PrimerCheckout__formField>.PrimerCheckout__label{line-height:24px;display:inline-block;margin-bottom:2px;margin-left:1px}.PrimerCheckout__formField .PrimerCheckout__label+.PrimerCheckout__formInput,.PrimerCheckout__formField .PrimerCheckout__label+.PrimerCheckout__formInputs{margin-top:2px}.PrimerCheckout__formField .PrimerCheckout__checkbox+.PrimerCheckout__label{cursor:pointer;margin-left:8px}.PrimerCheckout__helperText{position:relative;margin-top:2px;text-align:right;z-index:0;transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms;-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}.PrimerCheckout__helperText.PrimerCheckout--enter{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0;-webkit-animation:none;animation:none}.PrimerCheckout__helperText.PrimerCheckout--entering{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}.PrimerCheckout__helperText.PrimerCheckout--entered{-webkit-animation:blink 2s infinite;animation:blink 2s infinite;-webkit-transform:translateY(0px);transform:translateY(0px)}.PrimerCheckout__helperText.PrimerCheckout--exit{opacity:1;-webkit-animation:none;animation:none}.PrimerCheckout__helperText.PrimerCheckout--exiting{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.PrimerCheckout__formFieldTitle{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.PrimerCheckout__formInputs .PrimerCheckout__formInput{position:relative;z-index:0}.PrimerCheckout__formInputs .PrimerCheckout__formInput:focus,.PrimerCheckout__formInputs .PrimerCheckout__formInput:hover{z-index:1}.PrimerCheckout__formInputs .PrimerCheckout__inputContainer{border-radius:0px}.PrimerCheckout__formInputs--horizontal{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.PrimerCheckout__formInput{-webkit-appearance:none;font-size:1rem;box-sizing:border-box;z-index:1;padding:8px 12px;height:100%;width:100%;border:none !important;outline:none;background:transparent}.PrimerCheckout__formInput--hosted{padding:0px}.PrimerCheckout__checkbox{-webkit-appearance:none;font-size:1rem;cursor:pointer;margin:0px;padding:8px;display:inline-block;position:relative;color:#fff;border-radius:4px;border:1px solid #bdbdbd}.PrimerCheckout__checkbox:checked{color:#fff;background-color:#3447f4;border-color:#3447f4}.PrimerCheckout__checkbox::after{content:"✓";font-size:16px;position:absolute;top:50%;left:55%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.PrimerCheckout__submitButtonContainer{position:relative;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1);height:0px;opacity:0}.PrimerCheckout__submitButtonContainer.PrimerCheckout--entering,.PrimerCheckout__submitButtonContainer.PrimerCheckout--entered{height:50px;opacity:1}.PrimerCheckout__submitButton{justify-self:flex-end;-webkit-flex:0 0 auto;flex:0 0 auto}.PrimerCheckout__submitButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;cursor:pointer;-webkit-flex:0 0 auto;flex:0 0 auto;width:100%;height:50px;z-index:1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:0px 12px;border:none;text-align:center;transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1),background-color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.PrimerCheckout__submitButton:disabled{cursor:auto}.PrimerCheckout__submitButton:not(:disabled):hover,.PrimerCheckout__submitButton:not(:disabled):focus{opacity:.75}.PrimerCheckout__submitButton .PrimerCheckout__loadingRing{position:absolute;right:0px;top:50%;width:20px;height:20px;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);opacity:0}.PrimerCheckout.PrimerCheckout--loading .PrimerCheckout__submitButton{pointer-events:none}.PrimerCheckout.PrimerCheckout--loading .PrimerCheckout__submitButton .PrimerCheckout__loadingRing{opacity:1;-webkit-transform:translate(calc(0% - 16px), -50%);transform:translate(calc(0% - 16px), -50%)}.PrimerCheckout__loadingRing .spinner{-webkit-animation:rotate 1.2s linear infinite;animation:rotate 1.2s linear infinite;z-index:2}.PrimerCheckout__loadingRing .path{stroke:#fff;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}#primer-checkout-actions{opacity:1;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1)}#primer-checkout-actions.PrimerCheckout--exit{opacity:0}#primer-checkout-vault-methods{opacity:1;-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:translateY(0px);transform:translateY(0px);transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1)}#primer-checkout-vault-methods.PrimerCheckout--exit{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}.PrimerCheckout__dropDownMenuContainer{position:absolute;z-index:1;right:0px;top:calc(28px + 4px);min-width:300px}.PrimerCheckout__dropDownMenu{border:1px solid #e0e0e0;border-radius:2px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:absolute;z-index:1000;top:0px;right:0px;width:100%;background-color:#fff;box-shadow:0px 1px 10px rgba(0,0,0,.1),0px 0px 20px rgba(52,71,244,.1);opacity:0;-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:translateY(-10px) scaleY(0.9);transform:translateY(-10px) scaleY(0.9);transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms;pointer-events:none}.PrimerCheckout__dropDownMenu>.PrimerCheckout__label{padding:12px 12px 6px}.PrimerCheckout__dropDownMenu--enter{pointer-events:all;opacity:1;-webkit-transform:translateY(0px) scaleY(1);transform:translateY(0px) scaleY(1)}.PrimerCheckout__dropDownMenuItem{transition:background-color 100ms ease;padding:6px 12px}.PrimerCheckout__dropDownMenuItem:hover,.PrimerCheckout__dropDownMenuItem:focus{background-color:#eaf1ff}.PrimerCheckout__dropDownMenuItem>.PrimerCheckout__label{white-space:nowrap;color:#3447f4}.PrimerCheckout__editButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;border-radius:100%;width:28px;height:28px;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:bottom center;transform-origin:bottom center;transition:opacity cubic-bezier(0.4, 0, 0.2, 1) 300ms,-webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 300ms;transition:opacity cubic-bezier(0.4, 0, 0.2, 1) 300ms,transform cubic-bezier(0.4, 0, 0.2, 1) 300ms;transition:opacity cubic-bezier(0.4, 0, 0.2, 1) 300ms,transform cubic-bezier(0.4, 0, 0.2, 1) 300ms,-webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 300ms}.PrimerCheckout__editButton:disabled{cursor:auto}.PrimerCheckout__editButton:hover{opacity:.7}.PrimerCheckout__editButton__icon{width:16px;height:16px}.PrimerCheckout__editButton--toggle{-webkit-transform:scale(1.2);transform:scale(1.2)}.PrimerCheckout__editButton--hidden{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);pointer-events:none}.PrimerCheckout__paymentMethodDropDownMenuItem{margin:0px 16px;transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms}.PrimerCheckout__paymentMethodDropDownMenuItem:not(:last-child){border-bottom:1px solid #e0e0e0}.PrimerCheckout__paymentMethodDropDownMenuItem--disabled{pointer-events:none;opacity:.3}.PrimerCheckout__paymentMethodDropDownMenuItem__content{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;padding:16px 0px}.PrimerCheckout__paymentMethodDropDownMenuItem__icon{width:30px;margin-right:8px}.PrimerCheckout__paymentMethodDropDownMenuItem__label.PrimerCheckout__label{min-width:0;margin-right:8px;font-size:.75rem;word-break:break-all}.PrimerCheckout__paymentMethodDropDownMenuItem__buttons{margin-left:auto}.PrimerCheckout__paymentMethodDropDownMenuItem__buttons>button{font-size:.75rem}.PrimerCheckout__paymentMethodDropDownMenuItem__confirmationContainer{pointer-events:none;position:relative;height:0;padding-bottom:0px;opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms,opacity cubic-bezier(0.4, 0, 0.2, 1) 200ms}.PrimerCheckout__paymentMethodDropDownMenuItem__confirmationContainer--enter{pointer-events:all;-webkit-transform:translateY(0px);transform:translateY(0px);height:calc(40px + 16px);opacity:1;padding-bottom:16px}.PrimerCheckout__deleteButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4}.PrimerCheckout__deleteButton:disabled{cursor:auto}.PrimerCheckout__deleteConfirmation{height:30px}.PrimerCheckout__confirmButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;display:grid;width:100%;place-items:center;height:40px;border:1px solid #3447f4;border-radius:4px;text-align:center;color:#3447f4;font-size:.875rem}.PrimerCheckout__confirmButton:disabled{cursor:auto}.PrimerCheckout__savedPaymentMethods{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.PrimerCheckout__savedPaymentMethods__title{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;margin-bottom:15px}.PrimerCheckout__savedPaymentMethodContainer{transition:height cubic-bezier(0.4, 0, 0.2, 1) 300ms,opacity cubic-bezier(0.4, 0, 0.2, 1) 200ms,-webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 300ms;transition:height cubic-bezier(0.4, 0, 0.2, 1) 300ms,transform cubic-bezier(0.4, 0, 0.2, 1) 300ms,opacity cubic-bezier(0.4, 0, 0.2, 1) 200ms;transition:height cubic-bezier(0.4, 0, 0.2, 1) 300ms,transform cubic-bezier(0.4, 0, 0.2, 1) 300ms,opacity cubic-bezier(0.4, 0, 0.2, 1) 200ms,-webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 300ms;-webkit-transform-origin:top center;transform-origin:top center}.PrimerCheckout__savedPaymentMethodContainer--exiting{opacity:0;-webkit-transform:translateY(-30px) scaleY(0.9);transform:translateY(-30px) scaleY(0.9);height:0px}.PrimerCheckout__savedPaymentMethodContainer:not(:last-child) .PrimerCheckout__savedPaymentMethod{margin-bottom:16px}.PrimerCheckout__savedPaymentMethod{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;border:1px solid #e0e0e0;border-radius:2px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;transition:box-shadow 100ms ease,border-color 100ms ease;cursor:pointer;transition:background-color 100ms ease;transition:background-color 100ms ease;outline:none;padding:8px 16px;-webkit-align-items:center;align-items:center;position:relative;text-align:left}.PrimerCheckout__savedPaymentMethod:disabled{cursor:auto}.PrimerCheckout__savedPaymentMethod:hover,.PrimerCheckout__savedPaymentMethod:focus{background-color:#eaf1ff}.PrimerCheckout__savedPaymentMethod .PrimerCheckout__savedPaymentMethodContent{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex:1 1 auto;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}@media(max-width: 600px){.PrimerCheckout__savedPaymentMethod .PrimerCheckout__savedPaymentMethodContent{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;display:inline-grid}.PrimerCheckout__savedPaymentMethod .PrimerCheckout__savedPaymentMethodContent .PrimerCheckout__savedPaymentMethodLabel{margin-left:0px;width:100%;text-align:left}}.PrimerCheckout__savedPaymentMethod .PrimerCheckout__savedPaymentMethodIcon{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:0 0 auto;flex:0 0 auto;width:30px;max-width:30px;margin-right:24px;transition:width 100ms ease}.PrimerCheckout__savedPaymentMethod .PrimerCheckout__savedPaymentMethodLabel{font-size:17px;margin-left:.5em;white-space:pre}.PrimerCheckout__savedPaymentMethod .PrimerCheckout__savedPaymentMethodDetail{white-space:pre;overflow:hidden;text-overflow:ellipsis}.PrimerCheckout__savedPaymentMethodActions{margin-left:auto;font-size:.75rem}.PrimerCheckout__mandateItems{margin-bottom:48px !important}.PrimerCheckout__mandateItem{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.PrimerCheckout__mandateItem>.icon{width:20px;height:20px;-webkit-flex:0 0 20px;flex:0 0 20px;margin:0px 10px}.PrimerCheckout__mandateDetail{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.PrimerCheckout__mandateDetail>.PrimerCheckout__label:first-of-type{margin-bottom:2px;font-weight:500}.PrimerCheckout__backButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;width:auto;z-index:1;padding:8px;margin:-8px}.PrimerCheckout__backButton:disabled{cursor:auto}#primer-checkout-dd-creditor-details{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;margin:0;padding:16px 0px}#primer-checkout-scene-direct-debit-form{padding-bottom:32px}#primer-checkout-scene-direct-debit-mandate{padding-bottom:24px}#primer-checkout-small-print{transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:0}#primer-checkout-small-print.PrimerCheckout--enter{opacity:0;margin-top:0em}#primer-checkout-small-print.PrimerCheckout--entering,#primer-checkout-small-print.PrimerCheckout--entered{opacity:1;margin-top:1em}#primer-checkout-small-print.PrimerCheckout--exit{opacity:0;margin-top:0em}.PrimerCheckout__directDebitSuccess{padding:40px 16px;text-align:center;display:grid;place-items:center}.PrimerCheckout__directDebitSuccessContainer{max-width:260px}.PrimerCheckout__directDebitSuccessIcon{display:grid;place-items:center;margin-bottom:16px}.PrimerCheckout__directDebitSuccessIcon>.PrimerCheckout__icon{width:40px;height:40px;color:#3447f4}.PrimerCheckout__directDebitSuccessTitle{margin-bottom:16px;font-weight:500}.PrimerCheckout__directDebitSuccessReference{margin-top:32px}.PrimerCheckout__directDebitSuccessReferenceId{font-weight:500}button.PrimerCheckout__klarnaButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;border:1px solid #e0e0e0;border-radius:2px;display:-webkit-inline-flex;display:inline-flex;place-content:center;-webkit-align-items:center;align-items:center;cursor:pointer;width:100%;height:100%;background-color:#ffb3c7;border-radius:4px}button.PrimerCheckout__klarnaButton:disabled{cursor:auto}button.PrimerCheckout__klarnaButton:enabled:hover{opacity:.7}button.PrimerCheckout__klarnaButton>img{margin-right:20px}button.PrimerCheckout__klarnaButton>span{font-weight:600}button.PrimerCheckout__klarnaButton:disabled{color:inherit}.PrimerCheckout__klarnaPaymentOptions{width:100%;position:relative;overflow:hidden;transition:height 200ms ease-in-out;padding:0px 64px}.PrimerCheckout__klarnaPaymentCategory{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;border:1px solid #e0e0e0;border-radius:2px;display:grid;grid-auto-flow:column;place-content:center;-webkit-align-items:center;align-items:center;padding:8px 0px}.PrimerCheckout__klarnaPaymentCategory:disabled{cursor:auto}.PrimerCheckout__klarnaPaymentCategory>img{margin-right:12px}.PrimerCheckout__klarnaPaymentCategory:first-child{margin-top:20px}.PrimerCheckout__klarnaPaymentCategory+.PrimerCheckout__klarnaPaymentCategory{margin-top:12px}.PrimerCheckout__klarnaPaymentOptionButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;padding:6px 12px;width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.PrimerCheckout__klarnaPaymentOptionButton:disabled{cursor:auto}.PrimerCheckout__klarnaPaymentOptionButton>img{margin-right:12px}#primer-checkout-error-message{transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1)}#primer-checkout-error-message.PrimerCheckout--enter{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}#primer-checkout-error-message.PrimerCheckout--entering,#primer-checkout-error-message.PrimerCheckout--entered{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}#primer-checkout-error-message.PrimerCheckout--exit{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.PrimerCheckout__errorMessage{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-top:12px;padding:12px;background-color:#fce8e6;color:#ea4335;border-radius:2px}.PrimerCheckout__errorMessage>.icon{height:24px;width:24px;margin-right:12px}.PrimerCheckout__errorMessage>span{-webkit-flex:1;flex:1}.PrimerCheckout__scene.PrimerCheckout--entering{position:absolute;top:0px;left:0px;right:0px}.PrimerCheckout__scene.PrimerCheckout--entered{position:relative}.PrimerCheckout__scene.PrimerCheckout--exited{position:absolute;visibility:hidden;display:none;opacity:0}.PrimerCheckout__processingIndicatorOverlay{pointer-events:none;position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:100;display:grid;place-items:center;transition:opacity 300ms linear,-webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 500ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms linear;transition:transform 500ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms linear,-webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.PrimerCheckout__processingIndicatorOverlay.PrimerCheckout--entering,.PrimerCheckout__processingIndicatorOverlay.PrimerCheckout--entered{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.PrimerCheckout__processingIndicatorContainer{padding:32px}.PrimerCheckout__check{padding:0px 16px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;min-height:18rem}.PrimerCheckout__checkMarkIcon{width:3rem;padding-bottom:20px}.PrimerCheckout__popupOverlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:rgba(0,0,0,.8);opacity:0;transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1)}.PrimerCheckout__popupOverlay--visible{opacity:1}.PrimerCheckout__popupOverlayCloseButton{position:absolute;top:-20px;right:-20px;width:40px;height:40px;background:#565656;border-radius:20px;border:none;color:#fff;cursor:pointer}.PrimerCheckout__popupOverlayContent{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#fff;border-radius:8px;text-align:center;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.PrimerCheckout__popupOverlayContent--visible{-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);opacity:1}.PrimerCheckout__popupOverlayContent__logo{max-width:100px;max-height:80px}.PrimerCheckout__popupOverlayContent__description{color:#767676;max-width:280px}.PrimerCheckout__popupOverlayContent__focusButton{cursor:pointer;margin-top:32px;background-color:#000;padding:12px 24px;border-radius:100px;border:none;color:#fff}.PrimerCheckout__popupOverlayContent__focusButton:hover{opacity:.8}#primer-checkout-scene-credit-card-form{padding-bottom:32px}.PrimerCheckout__creditCardButton_icon{height:81%}.PrimerCheckout__iconTextButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:1px,6px;cursor:pointer;width:100%;height:100%;border-radius:0px;-webkit-justify-content:center;justify-content:center}.PrimerCheckout__iconTextButton:disabled{cursor:auto}.PrimerCheckout__iconTextButton:enabled:hover{opacity:.7}.PrimerCheckout__iconTextButtonLabel{margin-left:10px}.PrimerCheckout{box-sizing:border-box;background-color:transparent;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.PrimerCheckout *[hidden=true]{display:none}.PrimerCheckout dialog{margin:0;padding:0}.PrimerCheckout input{outline-color:#3447f4}.PrimerCheckout div{box-sizing:border-box}.PrimerCheckout--hidden{display:none !important}.PrimerCheckout--exited{display:none}.PrimerCheckout--centered{text-align:center}.PrimerCheckout__scene{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:relative;left:0;top:0;opacity:1}.PrimerCheckout__modalBody{display:grid;place-content:center;background-color:#fff;border-radius:3px;position:relative;box-shadow:1px 1px 5px 3px rgba(0,0,0,.05);overflow:hidden}.PrimerCheckout__modalBody>iframe{position:absolute;left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%}.PrimerCheckout__scene--3dsModal{position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:101;width:100%;height:100% !important;display:grid;place-content:center;background-color:rgba(0,0,0,.2);transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.PrimerCheckout__scene--3dsModal>.PrimerCheckout__modalBody{transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;-webkit-transform:translateY(100vh);transform:translateY(100vh)}.PrimerCheckout__scene--3dsModal.PrimerCheckout--enter{opacity:1}.PrimerCheckout__scene--3dsModal.PrimerCheckout--enter>.PrimerCheckout__modalBody{opacity:1;-webkit-transform:translateY(0vh);transform:translateY(0vh)}.PrimerCheckout__spinner{display:grid;place-content:center}.PrimerCheckout__spinner .spinner{-webkit-animation:rotate 1.2s linear infinite;animation:rotate 1.2s linear infinite;z-index:2;height:32px;width:32px;margin:24px 0px}.PrimerCheckout__spinner .path{stroke:#3447f4;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}#primer-checkout-scene-vault{padding-bottom:32px}#primer-checkout-other-payment-methods{height:0px;width:0px;opacity:0;transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1);visibility:hidden}#primer-checkout-other-payment-methods>*:last-child{height:32px}#primer-checkout-other-payment-methods.PrimerCheckout--entering,#primer-checkout-other-payment-methods.PrimerCheckout--entered{width:auto;opacity:1;visibility:visible}#primer-checkout-payment-method-divider{opacity:1;transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1)}#primer-checkout-payment-method-divider.PrimerCheckout--exit{opacity:0;height:0px;margin-bottom:0px}
|
package/dist/index.d.ts
CHANGED
|
@@ -35,6 +35,8 @@ export declare enum PaymentInstrumentType {
|
|
|
35
35
|
PAY_NL_PAYPAL = "PAY_NL_PAYPAL",
|
|
36
36
|
PAY_NL_CREDIT_TRANSFER = "PAY_NL_CREDIT_TRANSFER",
|
|
37
37
|
PAY_NL_DIRECT_DEBIT = "PAY_NL_DIRECT_DEBIT",
|
|
38
|
+
PAY_NL_GIROPAY = "PAY_NL_GIROPAY",
|
|
39
|
+
PAY_NL_PAYCONIQ = "PAY_NL_PAYCONIQ",
|
|
38
40
|
HOOLAH = "HOOLAH",
|
|
39
41
|
ADYEN_VIPPS = "ADYEN_VIPPS",
|
|
40
42
|
ADYEN_GIROPAY = "ADYEN_GIROPAY",
|
|
@@ -42,7 +44,14 @@ export declare enum PaymentInstrumentType {
|
|
|
42
44
|
ADYEN_TRUSTLY = "ADYEN_TRUSTLY",
|
|
43
45
|
ADYEN_ALIPAY = "ADYEN_ALIPAY",
|
|
44
46
|
ADYEN_TWINT = "ADYEN_TWINT",
|
|
45
|
-
ADYEN_MOBILEPAY = "ADYEN_MOBILEPAY"
|
|
47
|
+
ADYEN_MOBILEPAY = "ADYEN_MOBILEPAY",
|
|
48
|
+
MOLLIE_BANCONTACT = "MOLLIE_BANCONTACT",
|
|
49
|
+
MOLLIE_IDEAL = "MOLLIE_IDEAL",
|
|
50
|
+
BUCKAROO_GIROPAY = "BUCKAROO_GIROPAY",
|
|
51
|
+
BUCKAROO_EPS = "BUCKAROO_EPS",
|
|
52
|
+
BUCKAROO_SOFORT = "BUCKAROO_SOFORT",
|
|
53
|
+
BUCKAROO_BANCONTACT = "BUCKAROO_BANCONTACT",
|
|
54
|
+
BUCKAROO_IDEAL = "BUCKAROO_IDEAL"
|
|
46
55
|
}
|
|
47
56
|
export declare enum PaymentMethodType {
|
|
48
57
|
PAYMENT_CARD = "PAYMENT_CARD",
|
|
@@ -57,6 +66,8 @@ export declare enum PaymentMethodType {
|
|
|
57
66
|
PAY_NL_PAYPAL = "PAY_NL_PAYPAL",
|
|
58
67
|
PAY_NL_CREDIT_TRANSFER = "PAY_NL_CREDIT_TRANSFER",
|
|
59
68
|
PAY_NL_DIRECT_DEBIT = "PAY_NL_DIRECT_DEBIT",
|
|
69
|
+
PAY_NL_GIROPAY = "PAY_NL_GIROPAY",
|
|
70
|
+
PAY_NL_PAYCONIQ = "PAY_NL_PAYCONIQ",
|
|
60
71
|
HOOLAH = "HOOLAH",
|
|
61
72
|
ADYEN_MOBILEPAY = "ADYEN_MOBILEPAY",
|
|
62
73
|
ADYEN_VIPPS = "ADYEN_VIPPS",
|
|
@@ -64,7 +75,14 @@ export declare enum PaymentMethodType {
|
|
|
64
75
|
ADYEN_SOFORT = "ADYEN_SOFORT",
|
|
65
76
|
ADYEN_TRUSTLY = "ADYEN_TRUSTLY",
|
|
66
77
|
ADYEN_ALIPAY = "ADYEN_ALIPAY",
|
|
67
|
-
ADYEN_TWINT = "ADYEN_TWINT"
|
|
78
|
+
ADYEN_TWINT = "ADYEN_TWINT",
|
|
79
|
+
MOLLIE_BANCONTACT = "MOLLIE_BANCONTACT",
|
|
80
|
+
MOLLIE_IDEAL = "MOLLIE_IDEAL",
|
|
81
|
+
BUCKAROO_GIROPAY = "BUCKAROO_GIROPAY",
|
|
82
|
+
BUCKAROO_EPS = "BUCKAROO_EPS",
|
|
83
|
+
BUCKAROO_SOFORT = "BUCKAROO_SOFORT",
|
|
84
|
+
BUCKAROO_BANCONTACT = "BUCKAROO_BANCONTACT",
|
|
85
|
+
BUCKAROO_IDEAL = "BUCKAROO_IDEAL"
|
|
68
86
|
}
|
|
69
87
|
export declare enum TokenType {
|
|
70
88
|
SINGLE_USE = "SINGLE_USE",
|
|
@@ -321,7 +339,7 @@ export interface KlarnaAddress {
|
|
|
321
339
|
postalCode?: string;
|
|
322
340
|
addressLine1?: string;
|
|
323
341
|
addressLine2?: string;
|
|
324
|
-
|
|
342
|
+
countryCode?: Alpha2CountryCode;
|
|
325
343
|
city?: string;
|
|
326
344
|
email?: string;
|
|
327
345
|
}
|
|
@@ -334,15 +352,12 @@ export interface KlarnaCustomerDetails {
|
|
|
334
352
|
export interface KlarnaOptions {
|
|
335
353
|
paymentFlow?: PaymentFlow;
|
|
336
354
|
recurringPaymentDescription?: string;
|
|
337
|
-
locale?: KlarnaSupportedLocale;
|
|
338
355
|
allowedPaymentCategories?: KlarnaPaymentCategoryType[];
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
billingAddress?: KlarnaAddress;
|
|
342
|
-
shippingAddress?: KlarnaAddress;
|
|
356
|
+
shippingAddress: KlarnaAddress;
|
|
357
|
+
billingAddress: KlarnaAddress;
|
|
343
358
|
}
|
|
344
359
|
export declare type SupportedLocale = "de" | "de-DE" | "en" | "en-GB" | "es" | "es-ES" | "fr" | "fr-FR" | "it" | "it-IT";
|
|
345
|
-
export declare type Alpha2CountryCode = "ES" | "FR" | "GB" | "DE" | "PL" | "IT";
|
|
360
|
+
export declare type Alpha2CountryCode = "ES" | "FR" | "GB" | "DE" | "PL" | "IT" | "US";
|
|
346
361
|
export declare type Alpha3CurrencyCode = "EUR" | "GBP" | "USD";
|
|
347
362
|
export declare type ElementOrID = Nullable<string | HTMLElement>;
|
|
348
363
|
export declare type ValidationErrorType = "required" | "invalid";
|
|
@@ -396,15 +411,15 @@ export interface ExternalPayerInfo {
|
|
|
396
411
|
email?: string;
|
|
397
412
|
}
|
|
398
413
|
export interface BillingAddress {
|
|
399
|
-
firstName
|
|
400
|
-
lastName
|
|
401
|
-
addressLine1
|
|
414
|
+
firstName?: string;
|
|
415
|
+
lastName?: string;
|
|
416
|
+
addressLine1?: string;
|
|
402
417
|
addressLine2?: string;
|
|
403
418
|
addressLine3?: string;
|
|
404
|
-
city
|
|
419
|
+
city?: string;
|
|
405
420
|
state?: string;
|
|
406
|
-
countryCode
|
|
407
|
-
postalCode
|
|
421
|
+
countryCode?: Alpha2CountryCode;
|
|
422
|
+
postalCode?: string;
|
|
408
423
|
}
|
|
409
424
|
export interface CustomerDetails {
|
|
410
425
|
customerTaxId?: string;
|
|
@@ -433,7 +448,6 @@ export interface OrderDetails {
|
|
|
433
448
|
totalAmount?: number | string;
|
|
434
449
|
totalTaxAmount?: number | string;
|
|
435
450
|
currencyCode?: Alpha3CurrencyCode;
|
|
436
|
-
countryCode?: Alpha2CountryCode;
|
|
437
451
|
items?: OrderItem[];
|
|
438
452
|
shippingAmount?: number | string;
|
|
439
453
|
taxExemptionType?: string;
|
|
@@ -635,6 +649,9 @@ export interface SinglePaymentMethodCheckoutOptions {
|
|
|
635
649
|
onAmountChange?: (data: AmountChange) => void;
|
|
636
650
|
onAmountChanging?: (isChanging: boolean) => void;
|
|
637
651
|
onAmountChangeError?: (error: PrimerClientError) => void;
|
|
652
|
+
onDataChange?: (data: any) => Promise<{
|
|
653
|
+
clientToken: string;
|
|
654
|
+
} | false>;
|
|
638
655
|
threeDSecure?: ThreeDSVerificationOptions;
|
|
639
656
|
card?: CheckoutCardOptions;
|
|
640
657
|
paypal?: Omit<PayPalOptions, "container">;
|
|
@@ -648,8 +665,17 @@ export interface SinglePaymentMethodCheckoutOptions {
|
|
|
648
665
|
errorMessage?: ErrorMessageOptions;
|
|
649
666
|
successScreen?: SuccessScreenOptions;
|
|
650
667
|
form?: FormOptions;
|
|
668
|
+
/**
|
|
669
|
+
* @deprecated Use setClientToken with new client token instead
|
|
670
|
+
*/
|
|
651
671
|
customerDetails?: CustomerDetails;
|
|
672
|
+
/**
|
|
673
|
+
* @deprecated Use setClientToken with new client token instead
|
|
674
|
+
*/
|
|
652
675
|
businessDetails?: BusinessDetails;
|
|
676
|
+
/**
|
|
677
|
+
* @deprecated Use setClientToken with new client token instead
|
|
678
|
+
*/
|
|
653
679
|
orderDetails?: OrderDetails;
|
|
654
680
|
}
|
|
655
681
|
export interface VaultManagerOptions {
|
|
@@ -664,6 +690,9 @@ export interface VaultManagerOptions {
|
|
|
664
690
|
onTokenizeStart?: () => void;
|
|
665
691
|
onTokenizeSuccess: (data: PaymentMethodToken) => void;
|
|
666
692
|
onTokenizeError?: (message: PrimerClientError) => void;
|
|
693
|
+
onDataChange?: (data: any) => Promise<{
|
|
694
|
+
clientToken: string;
|
|
695
|
+
} | false>;
|
|
667
696
|
style?: CheckoutStyle;
|
|
668
697
|
directDebit?: DirectDebitOptions;
|
|
669
698
|
errorMessage?: ErrorMessageOptions;
|
|
@@ -676,6 +705,9 @@ export interface VaultManagerOptions {
|
|
|
676
705
|
* @deprecated Use `orderDetails` instead
|
|
677
706
|
*/
|
|
678
707
|
purchaseInfo?: VaultInformation;
|
|
708
|
+
/**
|
|
709
|
+
* @deprecated Provide details in call to /client-session instead
|
|
710
|
+
*/
|
|
679
711
|
orderDetails?: VaultDetails;
|
|
680
712
|
paypal?: Omit<PayPalOptions, "container">;
|
|
681
713
|
deletionDisabled?: boolean;
|
|
@@ -708,6 +740,9 @@ export interface CheckoutOptions {
|
|
|
708
740
|
onAmountChange?: (data: AmountChange) => void;
|
|
709
741
|
onAmountChanging?: (isChanging: boolean) => void;
|
|
710
742
|
onAmountChangeError?: (error: PrimerClientError) => void;
|
|
743
|
+
onDataChange?: (data: any) => Promise<{
|
|
744
|
+
clientToken: string;
|
|
745
|
+
} | false>;
|
|
711
746
|
threeDSecure?: ThreeDSVerificationOptions;
|
|
712
747
|
card?: CheckoutCardOptions;
|
|
713
748
|
paypal?: Omit<PayPalOptions, "container">;
|
|
@@ -721,8 +756,17 @@ export interface CheckoutOptions {
|
|
|
721
756
|
errorMessage?: ErrorMessageOptions;
|
|
722
757
|
successScreen?: SuccessScreenOptions;
|
|
723
758
|
form?: FormOptions;
|
|
759
|
+
/**
|
|
760
|
+
* @deprecated Provide details in call to /client-session instead
|
|
761
|
+
*/
|
|
724
762
|
customerDetails?: CustomerDetails;
|
|
763
|
+
/**
|
|
764
|
+
* @deprecated Provide details in call to /client-session instead
|
|
765
|
+
*/
|
|
725
766
|
businessDetails?: BusinessDetails;
|
|
767
|
+
/**
|
|
768
|
+
* @deprecated Provide details in call to /client-session instead
|
|
769
|
+
*/
|
|
726
770
|
orderDetails?: OrderDetails;
|
|
727
771
|
}
|
|
728
772
|
export declare type FieldMetadata = {
|
|
@@ -749,8 +793,17 @@ export interface RenderOptions {
|
|
|
749
793
|
* @deprecated Use `orderDetails` instead
|
|
750
794
|
*/
|
|
751
795
|
purchaseInfo?: PurchaseInformation;
|
|
796
|
+
/**
|
|
797
|
+
* @deprecated Use setClientToken with new client token instead
|
|
798
|
+
*/
|
|
752
799
|
customerDetails?: CustomerDetails;
|
|
800
|
+
/**
|
|
801
|
+
* @deprecated Use setClientToken with new client token instead
|
|
802
|
+
*/
|
|
753
803
|
businessDetails?: BusinessDetails;
|
|
804
|
+
/**
|
|
805
|
+
* @deprecated Use setClientToken with new client token instead
|
|
806
|
+
*/
|
|
754
807
|
orderDetails?: OrderDetails;
|
|
755
808
|
onTokenizeStart?: () => void;
|
|
756
809
|
onTokenizeSuccess: (data: PaymentMethodToken) => void;
|
|
@@ -758,6 +811,9 @@ export interface RenderOptions {
|
|
|
758
811
|
onTokenizeProgress?: (evt: {
|
|
759
812
|
type: string;
|
|
760
813
|
}) => void;
|
|
814
|
+
onDataChange?: (data: any) => Promise<{
|
|
815
|
+
clientToken: string;
|
|
816
|
+
} | false>;
|
|
761
817
|
card?: {
|
|
762
818
|
cardholderName?: MaybeThunk<string>;
|
|
763
819
|
onChange?: (state: FormState) => void;
|
|
@@ -797,9 +853,19 @@ export interface PrimerCheckout {
|
|
|
797
853
|
* @deprecated Use `setOrderDetails` instead
|
|
798
854
|
*/
|
|
799
855
|
setPurchaseInfo(purchaseInfo: PurchaseInformation): Promise<void>;
|
|
856
|
+
/**
|
|
857
|
+
* @deprecated Use setClientToken with new client token instead
|
|
858
|
+
*/
|
|
800
859
|
setCustomerDetails(customerDetails: CustomerDetails | null): Promise<void>;
|
|
860
|
+
/**
|
|
861
|
+
* @deprecated Use setClientToken with new client token instead
|
|
862
|
+
*/
|
|
801
863
|
setBusinessDetails(businessDetails: BusinessDetails | null): Promise<void>;
|
|
864
|
+
/**
|
|
865
|
+
* @deprecated Use setClientToken with new client token instead
|
|
866
|
+
*/
|
|
802
867
|
setOrderDetails(orderDetails: OrderDetails | null, orderDetailsInitiator: string | null): Promise<void>;
|
|
868
|
+
setClientToken(clientToken: string): Promise<boolean>;
|
|
803
869
|
}
|
|
804
870
|
export interface PrimerSinglePaymentMethodCheckout {
|
|
805
871
|
/**
|
|
@@ -811,6 +877,7 @@ export interface PrimerSinglePaymentMethodCheckout {
|
|
|
811
877
|
*/
|
|
812
878
|
tokenize(): void;
|
|
813
879
|
submit(): void;
|
|
880
|
+
setClientToken(clientToken: string): Promise<boolean>;
|
|
814
881
|
}
|
|
815
882
|
export interface PrimerVaultManager {
|
|
816
883
|
teardown(): void;
|
|
@@ -844,6 +911,9 @@ export interface RemotePaymentMethodConfiguration<T> {
|
|
|
844
911
|
id: string;
|
|
845
912
|
options: T;
|
|
846
913
|
}
|
|
914
|
+
export interface ErrorMonitoring {
|
|
915
|
+
captureException(error: Error): any;
|
|
916
|
+
}
|
|
847
917
|
declare enum ApiEvent {
|
|
848
918
|
startedCheckout = "STARTED_CHECKOUT",
|
|
849
919
|
loadedCheckoutUi = "LOADED_CHECKOUT_UI",
|
|
@@ -917,6 +987,63 @@ declare class Analytics {
|
|
|
917
987
|
setSessionId(id: string): void;
|
|
918
988
|
getAnalyticsAction(action: AnalyticsAction): AnalyticsAction;
|
|
919
989
|
}
|
|
990
|
+
export interface ClientSession {
|
|
991
|
+
clientSessionId: string;
|
|
992
|
+
order: ClientSessionOrder;
|
|
993
|
+
customer: ClientSessionCustomer;
|
|
994
|
+
paymentMethod: ClientSessionPaymentMethodOptions;
|
|
995
|
+
}
|
|
996
|
+
export interface ClientSessionLineItem {
|
|
997
|
+
itemId: string;
|
|
998
|
+
description: string;
|
|
999
|
+
amount: number;
|
|
1000
|
+
quantity: number;
|
|
1001
|
+
discountAmount?: number;
|
|
1002
|
+
taxCode?: string;
|
|
1003
|
+
taxAmount?: number;
|
|
1004
|
+
}
|
|
1005
|
+
export interface ClientSessionOrder {
|
|
1006
|
+
orderId?: string;
|
|
1007
|
+
currencyCode?: Alpha3CurrencyCode;
|
|
1008
|
+
countryCode?: Alpha2CountryCode;
|
|
1009
|
+
totalOrderAmount?: number;
|
|
1010
|
+
merchantAmount?: number;
|
|
1011
|
+
lineItems?: ClientSessionLineItem[];
|
|
1012
|
+
shipping?: ClientSessionShipping;
|
|
1013
|
+
fees?: ClientSessionFeeItem[];
|
|
1014
|
+
}
|
|
1015
|
+
export interface ClientSessionShipping {
|
|
1016
|
+
amount: number;
|
|
1017
|
+
}
|
|
1018
|
+
export interface ClientSessionFeeItem {
|
|
1019
|
+
type?: string;
|
|
1020
|
+
description?: string;
|
|
1021
|
+
amount: number;
|
|
1022
|
+
}
|
|
1023
|
+
export interface ClientSessionCustomer {
|
|
1024
|
+
customerId?: string;
|
|
1025
|
+
emailAddress?: string;
|
|
1026
|
+
mobileNumber?: string;
|
|
1027
|
+
firstName?: string;
|
|
1028
|
+
lastName?: string;
|
|
1029
|
+
billingAddress?: ClientSessionAddress;
|
|
1030
|
+
shippingAddress?: ClientSessionAddress;
|
|
1031
|
+
taxId?: string;
|
|
1032
|
+
nationalDocumentId?: string;
|
|
1033
|
+
}
|
|
1034
|
+
export interface ClientSessionAddress {
|
|
1035
|
+
firstName?: string;
|
|
1036
|
+
lastName?: string;
|
|
1037
|
+
addressLine1?: string;
|
|
1038
|
+
addressLine2?: string;
|
|
1039
|
+
city?: string;
|
|
1040
|
+
state?: string;
|
|
1041
|
+
countryCode?: Alpha2CountryCode;
|
|
1042
|
+
postalCode?: string;
|
|
1043
|
+
}
|
|
1044
|
+
export interface ClientSessionPaymentMethodOptions {
|
|
1045
|
+
vaultOnSuccess: boolean;
|
|
1046
|
+
}
|
|
920
1047
|
export interface PackageDeclaration {
|
|
921
1048
|
type: string;
|
|
922
1049
|
version: string;
|
|
@@ -1095,6 +1222,7 @@ export interface APIServices {
|
|
|
1095
1222
|
}
|
|
1096
1223
|
export interface RequestOptions {
|
|
1097
1224
|
maxAttempts?: number;
|
|
1225
|
+
apiVersion?: string;
|
|
1098
1226
|
}
|
|
1099
1227
|
export interface APIRequestOptions {
|
|
1100
1228
|
method: HttpMethod;
|
|
@@ -1162,6 +1290,33 @@ export interface IClientTokenHandler {
|
|
|
1162
1290
|
addNewClientTokenListener(listener: NewClientTokenListener): any;
|
|
1163
1291
|
removeNewClientTokenListener(listener: NewClientTokenListener): any;
|
|
1164
1292
|
}
|
|
1293
|
+
declare class ClientTokenHandler implements IClientTokenHandler {
|
|
1294
|
+
private newClientTokenListeners;
|
|
1295
|
+
private currentClientToken;
|
|
1296
|
+
private currentDecodedClientToken;
|
|
1297
|
+
constructor();
|
|
1298
|
+
getCurrentClientToken(): string | undefined;
|
|
1299
|
+
getCurrentDecodedClientToken(): (CommonClientToken & {
|
|
1300
|
+
intent: ClientTokenIntent.CHECKOUT | undefined;
|
|
1301
|
+
}) | (CommonClientToken & {
|
|
1302
|
+
intent: ClientTokenIntent.THREEDS_AUTHENTICATION;
|
|
1303
|
+
tokenId: string;
|
|
1304
|
+
threeDSProvider: string;
|
|
1305
|
+
threeDSToken: string;
|
|
1306
|
+
threeDSInitUrl: string;
|
|
1307
|
+
}) | (CommonClientToken & {
|
|
1308
|
+
intent: string;
|
|
1309
|
+
} & Record<string, unknown>) | undefined;
|
|
1310
|
+
setClientToken(clientToken: string): void;
|
|
1311
|
+
addNewClientTokenListener(listener: NewClientTokenListener): void;
|
|
1312
|
+
removeNewClientTokenListener(listener: NewClientTokenListener): void;
|
|
1313
|
+
}
|
|
1314
|
+
declare class ClientConfigurationHandler {
|
|
1315
|
+
private api;
|
|
1316
|
+
private clientTokenHandler;
|
|
1317
|
+
constructor(api: Api, clientTokenHandler: ClientTokenHandler);
|
|
1318
|
+
getClientConfiguration(clientToken: string): Promise<ClientConfiguration>;
|
|
1319
|
+
}
|
|
1165
1320
|
export interface LongPollServices {
|
|
1166
1321
|
api: Api;
|
|
1167
1322
|
}
|
|
@@ -1210,19 +1365,30 @@ export interface ClientSessionInfo {
|
|
|
1210
1365
|
threeDSecureEnabled: boolean;
|
|
1211
1366
|
accessToken: string;
|
|
1212
1367
|
isTeardown: boolean;
|
|
1368
|
+
clientSession: ClientSession;
|
|
1213
1369
|
}
|
|
1214
1370
|
export interface ClientContext {
|
|
1215
1371
|
clientTokenHandler: IClientTokenHandler;
|
|
1372
|
+
clientConfigurationHandler: ClientConfigurationHandler;
|
|
1216
1373
|
iframes: IFrameFactory;
|
|
1217
1374
|
messageBus: IFrameMessageBus;
|
|
1218
1375
|
api: Api;
|
|
1219
1376
|
longPoll: LongPoll;
|
|
1220
1377
|
analytics: Analytics;
|
|
1378
|
+
errorMonitoring: ErrorMonitoring;
|
|
1221
1379
|
scriptLoader: ScriptLoader;
|
|
1222
1380
|
session: ClientSessionInfo;
|
|
1223
1381
|
moduleFactory: ModuleFactory;
|
|
1224
1382
|
packages: Package[];
|
|
1225
1383
|
}
|
|
1384
|
+
export interface ClientConfiguration {
|
|
1385
|
+
coreUrl: string;
|
|
1386
|
+
pciUrl: string;
|
|
1387
|
+
env: string;
|
|
1388
|
+
paymentMethods: PaymentMethodConfig[];
|
|
1389
|
+
checkoutModules: CheckoutModuleConfig[];
|
|
1390
|
+
clientSession: ClientSession;
|
|
1391
|
+
}
|
|
1226
1392
|
declare class ThreeDSecure {
|
|
1227
1393
|
private context;
|
|
1228
1394
|
private provider;
|
package/dist/loader.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.loader=t():e.loader=t()}(this,(function(){return function(){var e={111:function(e){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},85:function(e){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},61:function(e,t,r){var n=r(742),o=r(549);function E(t,r,_){return o()?e.exports=E=Reflect.construct:e.exports=E=function(e,t,r){var o=[null];o.push.apply(o,t);var E=new(Function.bind.apply(e,o));return r&&n(E,r.prototype),E},E.apply(null,arguments)}e.exports=E},198:function(e){function t(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}e.exports=function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}},260:function(e){e.exports=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},588:function(e){function t(r){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},t(r)}e.exports=t},270:function(e,t,r){var n=r(742);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&n(e,t)}},477:function(e){e.exports=function(e){return-1!==Function.toString.call(e).indexOf("[native code]")}},549:function(e){e.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}},983:function(e,t,r){var n=r(921),o=r(111);e.exports=function(e,t){return!t||"object"!==n(t)&&"function"!=typeof t?o(e):t}},742:function(e){function t(r,n){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(r,n)}e.exports=t},921:function(e){function t(r){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=t=function(e){return typeof e}:e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(r)}e.exports=t},240:function(e,t,r){var n=r(588),o=r(742),E=r(477),_=r(61);function c(t){var r="function"==typeof Map?new Map:void 0;return e.exports=c=function(e){if(null===e||!E(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(e))return r.get(e);r.set(e,t)}function t(){return _(e,arguments,n(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),o(t,e)},c(t)}e.exports=c},558:function(e,t,r){"use strict";var n,o,E,_,c,u;r.r(t),r.d(t,{CheckoutUXFlow:function(){return h},ErrorCode:function(){return i},PaymentFlow:function(){return n},PaymentInstrumentType:function(){return _},PaymentMethodType:function(){return c},SuccessScreenType:function(){return y},ThreeDSecureStatus:function(){return E},TokenType:function(){return u},loadPrimer:function(){return k}}),function(e){e.DEFAULT="DEFAULT",e.PREFER_VAULT="PREFER_VAULT"}(n||(n={})),function(e){e.TOKENIZE_STARTED="tokenize-started",e.TOKENIZE_ERROR="tokenize-error",e.TOKENIZE_SUCCESS="tokenize-success",e.TOKENIZE_DID_NOT_START="tokenize-did-not-start"}(o||(o={})),function(e){e.SUCCESS="AUTH_SUCCESS",e.FAILED="AUTH_FAILED",e.SKIPPED="SKIPPED",e.CHALLENGE="CHALLENGE"}(E||(E={})),function(e){e.CARD="PAYMENT_CARD",e.APPLE_PAY="APPLE_PAY",e.GOOGLE_PAY="GOOGLE_PAY",e.PAYPAL="PAYPAL_ORDER",e.PAYPAL_VAULTED="PAYPAL_BILLING_AGREEMENT",e.GO_CARDLESS="GOCARDLESS",e.PAY_NL_IDEAL="PAY_NL_IDEAL",e.PAY_NL_SOFORT_BANKING="PAY_NL_SOFORT_BANKING",e.PAY_NL_BANCONTACT="PAY_NL_BANCONTACT",e.PAY_NL_PAYPAL="PAY_NL_PAYPAL",e.PAY_NL_CREDIT_TRANSFER="PAY_NL_CREDIT_TRANSFER",e.PAY_NL_DIRECT_DEBIT="PAY_NL_DIRECT_DEBIT",e.HOOLAH="HOOLAH",e.ADYEN_VIPPS="ADYEN_VIPPS",e.ADYEN_GIROPAY="ADYEN_GIROPAY",e.ADYEN_SOFORT="ADYEN_SOFORT",e.ADYEN_TRUSTLY="ADYEN_TRUSTLY",e.ADYEN_ALIPAY="ADYEN_ALIPAY",e.ADYEN_TWINT="ADYEN_TWINT",e.ADYEN_MOBILEPAY="ADYEN_MOBILEPAY"}(_||(_={})),function(e){e.PAYMENT_CARD="PAYMENT_CARD",e.APPLE_PAY="APPLE_PAY",e.GOOGLE_PAY="GOOGLE_PAY",e.PAYPAL="PAYPAL",e.GO_CARDLESS="GOCARDLESS",e.KLARNA="KLARNA",e.PAY_NL_IDEAL="PAY_NL_IDEAL",e.PAY_NL_SOFORT_BANKING="PAY_NL_SOFORT_BANKING",e.PAY_NL_BANCONTACT="PAY_NL_BANCONTACT",e.PAY_NL_PAYPAL="PAY_NL_PAYPAL",e.PAY_NL_CREDIT_TRANSFER="PAY_NL_CREDIT_TRANSFER",e.PAY_NL_DIRECT_DEBIT="PAY_NL_DIRECT_DEBIT",e.HOOLAH="HOOLAH",e.ADYEN_MOBILEPAY="ADYEN_MOBILEPAY",e.ADYEN_VIPPS="ADYEN_VIPPS",e.ADYEN_GIROPAY="ADYEN_GIROPAY",e.ADYEN_SOFORT="ADYEN_SOFORT",e.ADYEN_TRUSTLY="ADYEN_TRUSTLY",e.ADYEN_ALIPAY="ADYEN_ALIPAY",e.ADYEN_TWINT="ADYEN_TWINT"}(c||(c={})),function(e){e.SINGLE_USE="SINGLE_USE",e.MULTI_USE="MULTI_USE"}(u||(u={}));var i,A=r(85),T=r.n(A),D=r(198),R=r.n(D),P=r(111),N=r.n(P),p=r(270),O=r.n(p),f=r(983),a=r.n(f),m=r(588),s=r.n(m),d=r(240),S=r.n(d),I=r(260),C=r.n(I);function l(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=s()(e);if(t){var o=s()(this).constructor;Reflect.construct(n,arguments,o)}else n.apply(this,arguments);return a()(this,r)}}!function(e){e.PRIMER_TEARDOWN="PRIMER_TEARDOWN",e.PRIMER_SERVER_ERROR="PRIMER_SERVER_ERROR",e.THREE_DS_SETUP_ERROR="THREE_DS_SETUP_ERROR",e.THREE_DS_AUTH_FAILED="THREE_DS_AUTH_FAILED",e.THREE_DS_NEGOTIATION_ERROR="THREE_DS_NEGOTIATION_ERROR",e.TOKENIZATION_ERROR="TOKENIZATION_ERROR",e.DUPLICATE_PAYMENT_METHOD_ERROR="DUPLICATE_PAYMENT_METHOD_ERROR",e.CARD_NUMBER_ERROR="CARD_NUMBER_ERROR",e.PAYMENT_METHOD_NOT_SETUP="PAYMENT_METHOD_NOT_SETUP",e.RESUME_ERROR="RESUME_ERROR",e.TAX_ERROR="TAX_ERROR",e.VALIDATION_ERROR="VALIDATION_ERROR"}(i||(i={}));var L,Y,M,h,y;Error;!function(e){e.LOADING="Loading",e.THREE_DS="UniversalCheckout/3ds",e.CHOOSE_PAYMENT_METHOD="UniversalCheckout/Home",e.MANAGE_PAYMENT_METHODS="VaultManager/Home",e.DIRECT_DEBIT_FORM="DirectDebit/Form",e.DIRECT_DEBIT_MANDATE="DirectDebit/Mandate",e.CREDIT_CARD_FORM="CreditCard/Form",e.SUCCESS_PAYMENT_METHOD="UniversalCheckout/Success/PaymentMethod",e.SUCCESS_CHECK="UniversalCheckout/Success/Check"}(L||(L={})),function(e){e.ROOT="primer-checkout",e.ROOT_CONTENT="primer-checkout-content",e.SUBMIT_BUTTON="primer-checkout-submit-button",e.THREE_DS_MODAL="primer-checkout-3ds-modal",e.VAULT="primer-checkout-vault",e.VAULT_INLINE="primer-checkout-vault-inline",e.NAVIGATE_PAYMENT_METHODS="primer-checkout-navigate-to-payment-methods",e.DIVIDER="primer-checkout-payment-method-divider",e.APM_BUTTONS="primer-checkout-apm-button-container",e.CARDHOLDER_NAME="primer-checkout-cardholder-name",e.CARDHOLDER_NAME_INPUT="primer-checkout-cardholder-name-input",e.ACTIONS="primer-checkout-actions",e.ACTIONS_MENU="primer-checkout-actions-menu",e.SAVE_PAYMENT_METHOD_CHECKBOX="primer-checkout-save-payment-method-input",e.SAVE_PAYMENT_METHOD_FIELD="primer-checkout-save-payment-method-field",e.SAVED_PAYMENT_METHODS_EMPTY="primer-checkout-saved-payment-methods-empty-text",e.CARD_FORM="primer-checkout-card-form",e.DD_SWITCH="primer-checkout-switch-dd-inputs",e.DD_IBAN_FIELD="primer-checkout-dd-iban-field",e.DD_LOCAL_FIELD="primer-checkout-dd-local-fields",e.DD_CUSTOMER_NAME_INPUT="primer-checkout-dd-customer-name-input",e.DD_CUSTOMER_EMAIL_INPUT="primer-checkout-dd-customer-email-input",e.DD_CUSTOMER_ADDRESS_LINE1="primer-checkout-dd-customer-address-input",e.DD_CUSTOMER_ADDRESS_LINE2="primer-checkout-dd-customer-address-line2-input",e.DD_CUSTOMER_ADDRESS_CITY="primer-checkout-dd-customer-city-input",e.DD_CUSTOMER_ADDRESS_POSTAL_CODE="primer-checkout-dd-customer-postal-code-input",e.DD_IBAN_INPUT="primer-checkout-dd-iban-input",e.DD_ACCOUNT_NUMBER_INPUT="primer-checkout-dd-account-number-input",e.DD_BANK_CODE_INPUT="primer-checkout-dd-bank-code-input",e.DD_BRANCH_CODE_INPUT="primer-checkout-dd-branch-code-input",e.DD_MANDATE_SMALL_PRINT="primer-checkout-small-print",e.ERROR_MESSAGE="primer-checkout-error-message"}(Y||(Y={})),function(e){e.TOKEN="PrimerCheckout__token",e.HIDDEN="PrimerCheckout--hidden",e.FOCUSED="PrimerCheckout--focused",e.SELECTED="PrimerCheckout--selected",e.LOADING="PrimerCheckout--loading",e.ERROR="PrimerCheckout--error",e.CARD_TYPE="PrimerCheckout__cardType",e.SAVED_PAYMENT_METHOD="PrimerCheckout__savedPaymentMethod",e.SAVED_PAYMENT_METHOD_CONTAINER="PrimerCheckout__savedPaymentMethodContainer",e.APM_BUTTON="PrimerCheckout__apmButton",e.EDIT_BUTTON="PrimerCheckout__editButton",e.MENU="PrimerCheckout__dropDownMenu",e.MENU_ITEM="PrimerCheckout__dropDownMenuItem",e.PAYMENT_METHOD_MENU_ITEM="PrimerCheckout__paymentMethodDropDownMenuItem",e.DELETE_PAYMENT_METHOD_BUTTON="PrimerCheckout__paymentMethodDropDownMenuItem__deleteButton",e.ENTER="PrimerCheckout--enter",e.ENTERING="PrimerCheckout--entering",e.ENTERED="PrimerCheckout--entered",e.EXIT="PrimerCheckout--exit",e.EXITING="PrimerCheckout--exiting",e.EXITED="PrimerCheckout--exited"}(M||(M={})),function(e){e.CHECKOUT="CHECKOUT",e.MANAGE_PAYMENT_METHODS="MANAGE_PAYMENT_METHODS",e.SINGLE_PAYMENT_METHOD_CHECKOUT="SINGLE_PAYMENT_METHOD_CHECKOUT"}(h||(h={})),function(e){e.PaymentMethod="PaymentMethod",e.PAYMENT_METHOD="PAYMENT_METHOD",e.CHECK="CHECK"}(y||(y={}));var U=null,k=function(){return U||(window.Primer?Promise.resolve(window.Primer):U=new Promise((function(e,t){var r=window.document.querySelector('script[src^="'.concat("https://sdk.primer.io/web/v1.17.0/Primer.min.js",'"]'));r||((r=document.createElement("script")).setAttribute("src","https://sdk.primer.io/web/v1.17.0/Primer.min.js"),r.setAttribute("crossorigin","anonymous")),r.onload=function(){e(window.Primer)},r.onerror=function(){var e;U=null,null===(e=r)||void 0===e||e.remove(),t(new Error("Can't load Primer"))},window.document.head.appendChild(r)})))}}},t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={exports:{}};return e[n](o,o.exports,r),o.exports}return r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r(558)}()}));
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.loader=t():e.loader=t()}(this,(function(){return function(){var e={111:function(e){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},85:function(e){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},61:function(e,t,r){var n=r(742),o=r(549);function _(t,r,E){return o()?e.exports=_=Reflect.construct:e.exports=_=function(e,t,r){var o=[null];o.push.apply(o,t);var _=new(Function.bind.apply(e,o));return r&&n(_,r.prototype),_},_.apply(null,arguments)}e.exports=_},198:function(e){function t(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}e.exports=function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}},260:function(e){e.exports=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},588:function(e){function t(r){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},t(r)}e.exports=t},270:function(e,t,r){var n=r(742);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&n(e,t)}},477:function(e){e.exports=function(e){return-1!==Function.toString.call(e).indexOf("[native code]")}},549:function(e){e.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}},983:function(e,t,r){var n=r(921),o=r(111);e.exports=function(e,t){return!t||"object"!==n(t)&&"function"!=typeof t?o(e):t}},742:function(e){function t(r,n){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(r,n)}e.exports=t},921:function(e){function t(r){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=t=function(e){return typeof e}:e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(r)}e.exports=t},240:function(e,t,r){var n=r(588),o=r(742),_=r(477),E=r(61);function A(t){var r="function"==typeof Map?new Map:void 0;return e.exports=A=function(e){if(null===e||!_(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(e))return r.get(e);r.set(e,t)}function t(){return E(e,arguments,n(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),o(t,e)},A(t)}e.exports=A},558:function(e,t,r){"use strict";var n,o,_,E,A,c;r.r(t),r.d(t,{CheckoutUXFlow:function(){return h},ErrorCode:function(){return u},PaymentFlow:function(){return n},PaymentInstrumentType:function(){return E},PaymentMethodType:function(){return A},SuccessScreenType:function(){return U},ThreeDSecureStatus:function(){return _},TokenType:function(){return c},loadPrimer:function(){return k}}),function(e){e.DEFAULT="DEFAULT",e.PREFER_VAULT="PREFER_VAULT"}(n||(n={})),function(e){e.TOKENIZE_STARTED="tokenize-started",e.TOKENIZE_ERROR="tokenize-error",e.TOKENIZE_SUCCESS="tokenize-success",e.TOKENIZE_DID_NOT_START="tokenize-did-not-start"}(o||(o={})),function(e){e.SUCCESS="AUTH_SUCCESS",e.FAILED="AUTH_FAILED",e.SKIPPED="SKIPPED",e.CHALLENGE="CHALLENGE"}(_||(_={})),function(e){e.CARD="PAYMENT_CARD",e.APPLE_PAY="APPLE_PAY",e.GOOGLE_PAY="GOOGLE_PAY",e.PAYPAL="PAYPAL_ORDER",e.PAYPAL_VAULTED="PAYPAL_BILLING_AGREEMENT",e.GO_CARDLESS="GOCARDLESS",e.PAY_NL_IDEAL="PAY_NL_IDEAL",e.PAY_NL_SOFORT_BANKING="PAY_NL_SOFORT_BANKING",e.PAY_NL_BANCONTACT="PAY_NL_BANCONTACT",e.PAY_NL_PAYPAL="PAY_NL_PAYPAL",e.PAY_NL_CREDIT_TRANSFER="PAY_NL_CREDIT_TRANSFER",e.PAY_NL_DIRECT_DEBIT="PAY_NL_DIRECT_DEBIT",e.PAY_NL_GIROPAY="PAY_NL_GIROPAY",e.PAY_NL_PAYCONIQ="PAY_NL_PAYCONIQ",e.HOOLAH="HOOLAH",e.ADYEN_VIPPS="ADYEN_VIPPS",e.ADYEN_GIROPAY="ADYEN_GIROPAY",e.ADYEN_SOFORT="ADYEN_SOFORT",e.ADYEN_TRUSTLY="ADYEN_TRUSTLY",e.ADYEN_ALIPAY="ADYEN_ALIPAY",e.ADYEN_TWINT="ADYEN_TWINT",e.ADYEN_MOBILEPAY="ADYEN_MOBILEPAY",e.MOLLIE_BANCONTACT="MOLLIE_BANCONTACT",e.MOLLIE_IDEAL="MOLLIE_IDEAL",e.BUCKAROO_GIROPAY="BUCKAROO_GIROPAY",e.BUCKAROO_EPS="BUCKAROO_EPS",e.BUCKAROO_SOFORT="BUCKAROO_SOFORT",e.BUCKAROO_BANCONTACT="BUCKAROO_BANCONTACT",e.BUCKAROO_IDEAL="BUCKAROO_IDEAL"}(E||(E={})),function(e){e.PAYMENT_CARD="PAYMENT_CARD",e.APPLE_PAY="APPLE_PAY",e.GOOGLE_PAY="GOOGLE_PAY",e.PAYPAL="PAYPAL",e.GO_CARDLESS="GOCARDLESS",e.KLARNA="KLARNA",e.PAY_NL_IDEAL="PAY_NL_IDEAL",e.PAY_NL_SOFORT_BANKING="PAY_NL_SOFORT_BANKING",e.PAY_NL_BANCONTACT="PAY_NL_BANCONTACT",e.PAY_NL_PAYPAL="PAY_NL_PAYPAL",e.PAY_NL_CREDIT_TRANSFER="PAY_NL_CREDIT_TRANSFER",e.PAY_NL_DIRECT_DEBIT="PAY_NL_DIRECT_DEBIT",e.PAY_NL_GIROPAY="PAY_NL_GIROPAY",e.PAY_NL_PAYCONIQ="PAY_NL_PAYCONIQ",e.HOOLAH="HOOLAH",e.ADYEN_MOBILEPAY="ADYEN_MOBILEPAY",e.ADYEN_VIPPS="ADYEN_VIPPS",e.ADYEN_GIROPAY="ADYEN_GIROPAY",e.ADYEN_SOFORT="ADYEN_SOFORT",e.ADYEN_TRUSTLY="ADYEN_TRUSTLY",e.ADYEN_ALIPAY="ADYEN_ALIPAY",e.ADYEN_TWINT="ADYEN_TWINT",e.MOLLIE_BANCONTACT="MOLLIE_BANCONTACT",e.MOLLIE_IDEAL="MOLLIE_IDEAL",e.BUCKAROO_GIROPAY="BUCKAROO_GIROPAY",e.BUCKAROO_EPS="BUCKAROO_EPS",e.BUCKAROO_SOFORT="BUCKAROO_SOFORT",e.BUCKAROO_BANCONTACT="BUCKAROO_BANCONTACT",e.BUCKAROO_IDEAL="BUCKAROO_IDEAL"}(A||(A={})),function(e){e.SINGLE_USE="SINGLE_USE",e.MULTI_USE="MULTI_USE"}(c||(c={}));var u,i=r(85),O=r.n(i),T=r(198),R=r.n(T),N=r(111),P=r.n(N),D=r(270),p=r.n(D),a=r(983),f=r.n(a),C=r(588),I=r.n(C),L=r(240),m=r.n(L),s=r(260),S=r.n(s);function d(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=I()(e);if(t){var o=I()(this).constructor;Reflect.construct(n,arguments,o)}else n.apply(this,arguments);return f()(this,r)}}!function(e){e.PRIMER_TEARDOWN="PRIMER_TEARDOWN",e.PRIMER_SERVER_ERROR="PRIMER_SERVER_ERROR",e.THREE_DS_SETUP_ERROR="THREE_DS_SETUP_ERROR",e.THREE_DS_AUTH_FAILED="THREE_DS_AUTH_FAILED",e.THREE_DS_NEGOTIATION_ERROR="THREE_DS_NEGOTIATION_ERROR",e.TOKENIZATION_ERROR="TOKENIZATION_ERROR",e.DUPLICATE_PAYMENT_METHOD_ERROR="DUPLICATE_PAYMENT_METHOD_ERROR",e.CARD_NUMBER_ERROR="CARD_NUMBER_ERROR",e.PAYMENT_METHOD_NOT_SETUP="PAYMENT_METHOD_NOT_SETUP",e.RESUME_ERROR="RESUME_ERROR",e.TAX_ERROR="TAX_ERROR",e.VALIDATION_ERROR="VALIDATION_ERROR"}(u||(u={}));var Y,M,l,h,U;Error;!function(e){e.LOADING="Loading",e.THREE_DS="UniversalCheckout/3ds",e.CHOOSE_PAYMENT_METHOD="UniversalCheckout/Home",e.MANAGE_PAYMENT_METHODS="VaultManager/Home",e.DIRECT_DEBIT_FORM="DirectDebit/Form",e.DIRECT_DEBIT_MANDATE="DirectDebit/Mandate",e.CREDIT_CARD_FORM="CreditCard/Form",e.SUCCESS_PAYMENT_METHOD="UniversalCheckout/Success/PaymentMethod",e.SUCCESS_CHECK="UniversalCheckout/Success/Check"}(Y||(Y={})),function(e){e.ROOT="primer-checkout",e.ROOT_CONTENT="primer-checkout-content",e.SUBMIT_BUTTON="primer-checkout-submit-button",e.THREE_DS_MODAL="primer-checkout-3ds-modal",e.VAULT="primer-checkout-vault",e.VAULT_INLINE="primer-checkout-vault-inline",e.NAVIGATE_PAYMENT_METHODS="primer-checkout-navigate-to-payment-methods",e.DIVIDER="primer-checkout-payment-method-divider",e.APM_BUTTONS="primer-checkout-apm-button-container",e.CARDHOLDER_NAME="primer-checkout-cardholder-name",e.CARDHOLDER_NAME_INPUT="primer-checkout-cardholder-name-input",e.ACTIONS="primer-checkout-actions",e.ACTIONS_MENU="primer-checkout-actions-menu",e.SAVE_PAYMENT_METHOD_CHECKBOX="primer-checkout-save-payment-method-input",e.SAVE_PAYMENT_METHOD_FIELD="primer-checkout-save-payment-method-field",e.SAVED_PAYMENT_METHODS_EMPTY="primer-checkout-saved-payment-methods-empty-text",e.CARD_FORM="primer-checkout-card-form",e.DD_SWITCH="primer-checkout-switch-dd-inputs",e.DD_IBAN_FIELD="primer-checkout-dd-iban-field",e.DD_LOCAL_FIELD="primer-checkout-dd-local-fields",e.DD_CUSTOMER_NAME_INPUT="primer-checkout-dd-customer-name-input",e.DD_CUSTOMER_EMAIL_INPUT="primer-checkout-dd-customer-email-input",e.DD_CUSTOMER_ADDRESS_LINE1="primer-checkout-dd-customer-address-input",e.DD_CUSTOMER_ADDRESS_LINE2="primer-checkout-dd-customer-address-line2-input",e.DD_CUSTOMER_ADDRESS_CITY="primer-checkout-dd-customer-city-input",e.DD_CUSTOMER_ADDRESS_POSTAL_CODE="primer-checkout-dd-customer-postal-code-input",e.DD_IBAN_INPUT="primer-checkout-dd-iban-input",e.DD_ACCOUNT_NUMBER_INPUT="primer-checkout-dd-account-number-input",e.DD_BANK_CODE_INPUT="primer-checkout-dd-bank-code-input",e.DD_BRANCH_CODE_INPUT="primer-checkout-dd-branch-code-input",e.DD_MANDATE_SMALL_PRINT="primer-checkout-small-print",e.ERROR_MESSAGE="primer-checkout-error-message"}(M||(M={})),function(e){e.TOKEN="PrimerCheckout__token",e.HIDDEN="PrimerCheckout--hidden",e.FOCUSED="PrimerCheckout--focused",e.SELECTED="PrimerCheckout--selected",e.LOADING="PrimerCheckout--loading",e.ERROR="PrimerCheckout--error",e.CARD_TYPE="PrimerCheckout__cardType",e.SAVED_PAYMENT_METHOD="PrimerCheckout__savedPaymentMethod",e.SAVED_PAYMENT_METHOD_CONTAINER="PrimerCheckout__savedPaymentMethodContainer",e.APM_BUTTON="PrimerCheckout__apmButton",e.EDIT_BUTTON="PrimerCheckout__editButton",e.MENU="PrimerCheckout__dropDownMenu",e.MENU_ITEM="PrimerCheckout__dropDownMenuItem",e.PAYMENT_METHOD_MENU_ITEM="PrimerCheckout__paymentMethodDropDownMenuItem",e.DELETE_PAYMENT_METHOD_BUTTON="PrimerCheckout__paymentMethodDropDownMenuItem__deleteButton",e.ENTER="PrimerCheckout--enter",e.ENTERING="PrimerCheckout--entering",e.ENTERED="PrimerCheckout--entered",e.EXIT="PrimerCheckout--exit",e.EXITING="PrimerCheckout--exiting",e.EXITED="PrimerCheckout--exited"}(l||(l={})),function(e){e.CHECKOUT="CHECKOUT",e.MANAGE_PAYMENT_METHODS="MANAGE_PAYMENT_METHODS",e.SINGLE_PAYMENT_METHOD_CHECKOUT="SINGLE_PAYMENT_METHOD_CHECKOUT"}(h||(h={})),function(e){e.PaymentMethod="PaymentMethod",e.PAYMENT_METHOD="PAYMENT_METHOD",e.CHECK="CHECK"}(U||(U={}));var y=null,k=function(){return y||(window.Primer?Promise.resolve(window.Primer):y=new Promise((function(e,t){var r=window.document.querySelector('script[src^="'.concat("https://sdk.primer.io/web/v1.20.0-beta.0/Primer.min.js",'"]'));r||((r=document.createElement("script")).setAttribute("src","https://sdk.primer.io/web/v1.20.0-beta.0/Primer.min.js"),r.setAttribute("crossorigin","anonymous")),r.onload=function(){e(window.Primer)},r.onerror=function(){var e;y=null,null===(e=r)||void 0===e||e.remove(),t(new Error("Can't load Primer"))},window.document.head.appendChild(r)})))}}},t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={exports:{}};return e[n](o,o.exports,r),o.exports}return r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r(558)}()}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer-io/checkout-web",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.20.0-beta.0",
|
|
4
4
|
"description": "Primer.js for the web",
|
|
5
5
|
"author": "Will Knowles <will@primerapi.com>",
|
|
6
6
|
"homepage": "",
|
|
@@ -26,5 +26,5 @@
|
|
|
26
26
|
"lint": "eslint ./src",
|
|
27
27
|
"check-types": "tsc --noemit -p tsconfig.json"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "0aa4785ae51aa5e9678d0d792d9d6903d118eeb0"
|
|
30
30
|
}
|