@primer-io/checkout-web 1.15.1 → 1.18.0-beta.4
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 +122 -1
- package/README.md +7 -80
- package/dist/Checkout.css +1 -1
- package/dist/index.d.ts +187 -9
- package/dist/loader.js +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,128 @@
|
|
|
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
|
-
|
|
6
|
+
# [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)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# [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)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
# [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)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
# [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)
|
|
31
|
+
|
|
32
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
# [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)
|
|
39
|
+
|
|
40
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
# [1.17.0-beta.6](https://github.com/primer-io/primer-sdk/compare/v1.17.0-beta.5...v1.17.0-beta.6) (2021-11-18)
|
|
47
|
+
|
|
48
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
# [1.17.0-beta.5](https://github.com/primer-io/primer-sdk/compare/v1.17.0-beta.4...v1.17.0-beta.5) (2021-11-17)
|
|
55
|
+
|
|
56
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
# [1.17.0-beta.4](https://github.com/primer-io/primer-sdk/compare/v1.17.0-beta.3...v1.17.0-beta.4) (2021-11-17)
|
|
63
|
+
|
|
64
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
# [1.17.0-beta.3](https://github.com/primer-io/primer-sdk/compare/v1.17.0-beta.2...v1.17.0-beta.3) (2021-11-16)
|
|
71
|
+
|
|
72
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
# [1.17.0-beta.2](https://github.com/primer-io/primer-sdk/compare/v1.17.0-beta.1...v1.17.0-beta.2) (2021-11-15)
|
|
79
|
+
|
|
80
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
# [1.17.0-beta.1](https://github.com/primer-io/primer-sdk/compare/v1.17.0-beta.0...v1.17.0-beta.1) (2021-11-15)
|
|
88
|
+
|
|
89
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
# [1.16.0-beta.5](https://github.com/primer-io/primer-sdk/compare/v1.16.0-beta.4...v1.16.0-beta.5) (2021-11-03)
|
|
96
|
+
|
|
97
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
# [1.16.0-beta.4](https://github.com/primer-io/primer-sdk/compare/v1.16.0-beta.3...v1.16.0-beta.4) (2021-11-03)
|
|
104
|
+
|
|
105
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
# [1.16.0-beta.3](https://github.com/primer-io/primer-sdk/compare/v1.16.0-beta.2...v1.16.0-beta.3) (2021-11-03)
|
|
112
|
+
|
|
113
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
# [1.16.0-beta.2](https://github.com/primer-io/primer-sdk/compare/v1.16.0-beta.1...v1.16.0-beta.2) (2021-11-03)
|
|
120
|
+
|
|
121
|
+
**Note:** Version bump only for package @primer-io/checkout-web
|
|
122
|
+
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
|
|
127
|
+
# [1.16.0-beta.1](https://github.com/primer-io/primer-sdk/compare/v1.16.0-beta.0...v1.16.0-beta.1) (2021-11-03)
|
|
7
128
|
|
|
8
129
|
**Note:** Version bump only for package @primer-io/checkout-web
|
|
9
130
|
|
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__klarnaPaymentOptionLegal{min-height:340px;height:0px;margin-bottom:12px;transition:height 300ms ease;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.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}.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}#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,7 +35,18 @@ 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
|
-
|
|
38
|
+
PAY_NL_GIROPAY = "PAY_NL_GIROPAY",
|
|
39
|
+
PAY_NL_PAYCONIQ = "PAY_NL_PAYCONIQ",
|
|
40
|
+
HOOLAH = "HOOLAH",
|
|
41
|
+
ADYEN_VIPPS = "ADYEN_VIPPS",
|
|
42
|
+
ADYEN_GIROPAY = "ADYEN_GIROPAY",
|
|
43
|
+
ADYEN_SOFORT = "ADYEN_SOFORT",
|
|
44
|
+
ADYEN_TRUSTLY = "ADYEN_TRUSTLY",
|
|
45
|
+
ADYEN_ALIPAY = "ADYEN_ALIPAY",
|
|
46
|
+
ADYEN_TWINT = "ADYEN_TWINT",
|
|
47
|
+
ADYEN_MOBILEPAY = "ADYEN_MOBILEPAY",
|
|
48
|
+
MOLLIE_BANCONTACT = "MOLLIE_BANCONTACT",
|
|
49
|
+
MOLLIE_IDEAL = "MOLLIE_IDEAL"
|
|
39
50
|
}
|
|
40
51
|
export declare enum PaymentMethodType {
|
|
41
52
|
PAYMENT_CARD = "PAYMENT_CARD",
|
|
@@ -50,7 +61,18 @@ export declare enum PaymentMethodType {
|
|
|
50
61
|
PAY_NL_PAYPAL = "PAY_NL_PAYPAL",
|
|
51
62
|
PAY_NL_CREDIT_TRANSFER = "PAY_NL_CREDIT_TRANSFER",
|
|
52
63
|
PAY_NL_DIRECT_DEBIT = "PAY_NL_DIRECT_DEBIT",
|
|
53
|
-
|
|
64
|
+
PAY_NL_GIROPAY = "PAY_NL_GIROPAY",
|
|
65
|
+
PAY_NL_PAYCONIQ = "PAY_NL_PAYCONIQ",
|
|
66
|
+
HOOLAH = "HOOLAH",
|
|
67
|
+
ADYEN_MOBILEPAY = "ADYEN_MOBILEPAY",
|
|
68
|
+
ADYEN_VIPPS = "ADYEN_VIPPS",
|
|
69
|
+
ADYEN_GIROPAY = "ADYEN_GIROPAY",
|
|
70
|
+
ADYEN_SOFORT = "ADYEN_SOFORT",
|
|
71
|
+
ADYEN_TRUSTLY = "ADYEN_TRUSTLY",
|
|
72
|
+
ADYEN_ALIPAY = "ADYEN_ALIPAY",
|
|
73
|
+
ADYEN_TWINT = "ADYEN_TWINT",
|
|
74
|
+
MOLLIE_BANCONTACT = "MOLLIE_BANCONTACT",
|
|
75
|
+
MOLLIE_IDEAL = "MOLLIE_IDEAL"
|
|
54
76
|
}
|
|
55
77
|
export declare enum TokenType {
|
|
56
78
|
SINGLE_USE = "SINGLE_USE",
|
|
@@ -257,6 +279,11 @@ export interface SceneTransitionStyle extends SceneTransitionEventStyle {
|
|
|
257
279
|
export interface InternalStyle {
|
|
258
280
|
scene?: SceneTransitionStyle;
|
|
259
281
|
}
|
|
282
|
+
export interface NetworkErrorStyles {
|
|
283
|
+
button?: {
|
|
284
|
+
base: BlockStyle & TextStyle;
|
|
285
|
+
};
|
|
286
|
+
}
|
|
260
287
|
export interface CheckoutStyle {
|
|
261
288
|
fontFaces?: Array<FontFace>;
|
|
262
289
|
stylesheets?: Array<Stylesheet>;
|
|
@@ -266,6 +293,7 @@ export interface CheckoutStyle {
|
|
|
266
293
|
inputErrorText?: TextStyle & TextAlignmentStyle;
|
|
267
294
|
formSpacings?: FormSpacings;
|
|
268
295
|
showMorePaymentMethodsButton?: ShowMorePaymentMethodsButtonStyles;
|
|
296
|
+
networkError?: NetworkErrorStyles;
|
|
269
297
|
submitButton?: SubmitButtonStyles;
|
|
270
298
|
vaultTitle?: TextStyle;
|
|
271
299
|
savedPaymentMethodButton?: SavedPaymentMethodButtonStyles;
|
|
@@ -322,7 +350,7 @@ export interface KlarnaOptions {
|
|
|
322
350
|
shippingAddress?: KlarnaAddress;
|
|
323
351
|
}
|
|
324
352
|
export declare type SupportedLocale = "de" | "de-DE" | "en" | "en-GB" | "es" | "es-ES" | "fr" | "fr-FR" | "it" | "it-IT";
|
|
325
|
-
export declare type Alpha2CountryCode = "ES" | "FR" | "GB" | "DE" | "PL" | "IT";
|
|
353
|
+
export declare type Alpha2CountryCode = "ES" | "FR" | "GB" | "DE" | "PL" | "IT" | "US";
|
|
326
354
|
export declare type Alpha3CurrencyCode = "EUR" | "GBP" | "USD";
|
|
327
355
|
export declare type ElementOrID = Nullable<string | HTMLElement>;
|
|
328
356
|
export declare type ValidationErrorType = "required" | "invalid";
|
|
@@ -376,15 +404,15 @@ export interface ExternalPayerInfo {
|
|
|
376
404
|
email?: string;
|
|
377
405
|
}
|
|
378
406
|
export interface BillingAddress {
|
|
379
|
-
firstName
|
|
380
|
-
lastName
|
|
381
|
-
addressLine1
|
|
407
|
+
firstName?: string;
|
|
408
|
+
lastName?: string;
|
|
409
|
+
addressLine1?: string;
|
|
382
410
|
addressLine2?: string;
|
|
383
411
|
addressLine3?: string;
|
|
384
|
-
city
|
|
412
|
+
city?: string;
|
|
385
413
|
state?: string;
|
|
386
|
-
countryCode
|
|
387
|
-
postalCode
|
|
414
|
+
countryCode?: Alpha2CountryCode;
|
|
415
|
+
postalCode?: string;
|
|
388
416
|
}
|
|
389
417
|
export interface CustomerDetails {
|
|
390
418
|
customerTaxId?: string;
|
|
@@ -615,6 +643,9 @@ export interface SinglePaymentMethodCheckoutOptions {
|
|
|
615
643
|
onAmountChange?: (data: AmountChange) => void;
|
|
616
644
|
onAmountChanging?: (isChanging: boolean) => void;
|
|
617
645
|
onAmountChangeError?: (error: PrimerClientError) => void;
|
|
646
|
+
onDataChange?: (data: any) => Promise<{
|
|
647
|
+
clientToken: string;
|
|
648
|
+
} | false>;
|
|
618
649
|
threeDSecure?: ThreeDSVerificationOptions;
|
|
619
650
|
card?: CheckoutCardOptions;
|
|
620
651
|
paypal?: Omit<PayPalOptions, "container">;
|
|
@@ -628,8 +659,17 @@ export interface SinglePaymentMethodCheckoutOptions {
|
|
|
628
659
|
errorMessage?: ErrorMessageOptions;
|
|
629
660
|
successScreen?: SuccessScreenOptions;
|
|
630
661
|
form?: FormOptions;
|
|
662
|
+
/**
|
|
663
|
+
* @deprecated Use setClientToken with new client token instead
|
|
664
|
+
*/
|
|
631
665
|
customerDetails?: CustomerDetails;
|
|
666
|
+
/**
|
|
667
|
+
* @deprecated Use setClientToken with new client token instead
|
|
668
|
+
*/
|
|
632
669
|
businessDetails?: BusinessDetails;
|
|
670
|
+
/**
|
|
671
|
+
* @deprecated Use setClientToken with new client token instead
|
|
672
|
+
*/
|
|
633
673
|
orderDetails?: OrderDetails;
|
|
634
674
|
}
|
|
635
675
|
export interface VaultManagerOptions {
|
|
@@ -644,6 +684,9 @@ export interface VaultManagerOptions {
|
|
|
644
684
|
onTokenizeStart?: () => void;
|
|
645
685
|
onTokenizeSuccess: (data: PaymentMethodToken) => void;
|
|
646
686
|
onTokenizeError?: (message: PrimerClientError) => void;
|
|
687
|
+
onDataChange?: (data: any) => Promise<{
|
|
688
|
+
clientToken: string;
|
|
689
|
+
} | false>;
|
|
647
690
|
style?: CheckoutStyle;
|
|
648
691
|
directDebit?: DirectDebitOptions;
|
|
649
692
|
errorMessage?: ErrorMessageOptions;
|
|
@@ -656,6 +699,9 @@ export interface VaultManagerOptions {
|
|
|
656
699
|
* @deprecated Use `orderDetails` instead
|
|
657
700
|
*/
|
|
658
701
|
purchaseInfo?: VaultInformation;
|
|
702
|
+
/**
|
|
703
|
+
* @deprecated Provide details in call to /client-session instead
|
|
704
|
+
*/
|
|
659
705
|
orderDetails?: VaultDetails;
|
|
660
706
|
paypal?: Omit<PayPalOptions, "container">;
|
|
661
707
|
deletionDisabled?: boolean;
|
|
@@ -688,6 +734,9 @@ export interface CheckoutOptions {
|
|
|
688
734
|
onAmountChange?: (data: AmountChange) => void;
|
|
689
735
|
onAmountChanging?: (isChanging: boolean) => void;
|
|
690
736
|
onAmountChangeError?: (error: PrimerClientError) => void;
|
|
737
|
+
onDataChange?: (data: any) => Promise<{
|
|
738
|
+
clientToken: string;
|
|
739
|
+
} | false>;
|
|
691
740
|
threeDSecure?: ThreeDSVerificationOptions;
|
|
692
741
|
card?: CheckoutCardOptions;
|
|
693
742
|
paypal?: Omit<PayPalOptions, "container">;
|
|
@@ -701,8 +750,17 @@ export interface CheckoutOptions {
|
|
|
701
750
|
errorMessage?: ErrorMessageOptions;
|
|
702
751
|
successScreen?: SuccessScreenOptions;
|
|
703
752
|
form?: FormOptions;
|
|
753
|
+
/**
|
|
754
|
+
* @deprecated Provide details in call to /client-session instead
|
|
755
|
+
*/
|
|
704
756
|
customerDetails?: CustomerDetails;
|
|
757
|
+
/**
|
|
758
|
+
* @deprecated Provide details in call to /client-session instead
|
|
759
|
+
*/
|
|
705
760
|
businessDetails?: BusinessDetails;
|
|
761
|
+
/**
|
|
762
|
+
* @deprecated Provide details in call to /client-session instead
|
|
763
|
+
*/
|
|
706
764
|
orderDetails?: OrderDetails;
|
|
707
765
|
}
|
|
708
766
|
export declare type FieldMetadata = {
|
|
@@ -729,8 +787,17 @@ export interface RenderOptions {
|
|
|
729
787
|
* @deprecated Use `orderDetails` instead
|
|
730
788
|
*/
|
|
731
789
|
purchaseInfo?: PurchaseInformation;
|
|
790
|
+
/**
|
|
791
|
+
* @deprecated Use setClientToken with new client token instead
|
|
792
|
+
*/
|
|
732
793
|
customerDetails?: CustomerDetails;
|
|
794
|
+
/**
|
|
795
|
+
* @deprecated Use setClientToken with new client token instead
|
|
796
|
+
*/
|
|
733
797
|
businessDetails?: BusinessDetails;
|
|
798
|
+
/**
|
|
799
|
+
* @deprecated Use setClientToken with new client token instead
|
|
800
|
+
*/
|
|
734
801
|
orderDetails?: OrderDetails;
|
|
735
802
|
onTokenizeStart?: () => void;
|
|
736
803
|
onTokenizeSuccess: (data: PaymentMethodToken) => void;
|
|
@@ -738,6 +805,9 @@ export interface RenderOptions {
|
|
|
738
805
|
onTokenizeProgress?: (evt: {
|
|
739
806
|
type: string;
|
|
740
807
|
}) => void;
|
|
808
|
+
onDataChange?: (data: any) => Promise<{
|
|
809
|
+
clientToken: string;
|
|
810
|
+
} | false>;
|
|
741
811
|
card?: {
|
|
742
812
|
cardholderName?: MaybeThunk<string>;
|
|
743
813
|
onChange?: (state: FormState) => void;
|
|
@@ -777,9 +847,19 @@ export interface PrimerCheckout {
|
|
|
777
847
|
* @deprecated Use `setOrderDetails` instead
|
|
778
848
|
*/
|
|
779
849
|
setPurchaseInfo(purchaseInfo: PurchaseInformation): Promise<void>;
|
|
850
|
+
/**
|
|
851
|
+
* @deprecated Use setClientToken with new client token instead
|
|
852
|
+
*/
|
|
780
853
|
setCustomerDetails(customerDetails: CustomerDetails | null): Promise<void>;
|
|
854
|
+
/**
|
|
855
|
+
* @deprecated Use setClientToken with new client token instead
|
|
856
|
+
*/
|
|
781
857
|
setBusinessDetails(businessDetails: BusinessDetails | null): Promise<void>;
|
|
858
|
+
/**
|
|
859
|
+
* @deprecated Use setClientToken with new client token instead
|
|
860
|
+
*/
|
|
782
861
|
setOrderDetails(orderDetails: OrderDetails | null, orderDetailsInitiator: string | null): Promise<void>;
|
|
862
|
+
setClientToken(clientToken: string): Promise<boolean>;
|
|
783
863
|
}
|
|
784
864
|
export interface PrimerSinglePaymentMethodCheckout {
|
|
785
865
|
/**
|
|
@@ -791,6 +871,7 @@ export interface PrimerSinglePaymentMethodCheckout {
|
|
|
791
871
|
*/
|
|
792
872
|
tokenize(): void;
|
|
793
873
|
submit(): void;
|
|
874
|
+
setClientToken(clientToken: string): Promise<boolean>;
|
|
794
875
|
}
|
|
795
876
|
export interface PrimerVaultManager {
|
|
796
877
|
teardown(): void;
|
|
@@ -897,6 +978,63 @@ declare class Analytics {
|
|
|
897
978
|
setSessionId(id: string): void;
|
|
898
979
|
getAnalyticsAction(action: AnalyticsAction): AnalyticsAction;
|
|
899
980
|
}
|
|
981
|
+
export interface ClientSession {
|
|
982
|
+
clientSessionId: string;
|
|
983
|
+
order: ClientSessionOrder;
|
|
984
|
+
customer: ClientSessionCustomer;
|
|
985
|
+
paymentMethod: ClientSessionPaymentMethodOptions;
|
|
986
|
+
}
|
|
987
|
+
export interface ClientSessionLineItem {
|
|
988
|
+
itemId: string;
|
|
989
|
+
description: string;
|
|
990
|
+
amount: number;
|
|
991
|
+
quantity: number;
|
|
992
|
+
discountAmount?: number;
|
|
993
|
+
taxCode?: string;
|
|
994
|
+
taxAmount?: number;
|
|
995
|
+
}
|
|
996
|
+
export interface ClientSessionOrder {
|
|
997
|
+
orderId?: string;
|
|
998
|
+
currencyCode?: Alpha3CurrencyCode;
|
|
999
|
+
countryCode?: Alpha2CountryCode;
|
|
1000
|
+
totalOrderAmount?: number;
|
|
1001
|
+
merchantAmount?: number;
|
|
1002
|
+
lineItems?: ClientSessionLineItem[];
|
|
1003
|
+
shipping?: ClientSessionShipping;
|
|
1004
|
+
fees?: ClientSessionFeeItem[];
|
|
1005
|
+
}
|
|
1006
|
+
export interface ClientSessionShipping {
|
|
1007
|
+
amount: number;
|
|
1008
|
+
}
|
|
1009
|
+
export interface ClientSessionFeeItem {
|
|
1010
|
+
type?: string;
|
|
1011
|
+
description?: string;
|
|
1012
|
+
amount: number;
|
|
1013
|
+
}
|
|
1014
|
+
export interface ClientSessionCustomer {
|
|
1015
|
+
customerId?: string;
|
|
1016
|
+
emailAddress?: string;
|
|
1017
|
+
mobileNumber?: string;
|
|
1018
|
+
firstName?: string;
|
|
1019
|
+
lastName?: string;
|
|
1020
|
+
billingAddress?: ClientSessionAddress;
|
|
1021
|
+
shippingAddress?: ClientSessionAddress;
|
|
1022
|
+
taxId?: string;
|
|
1023
|
+
nationalDocumentId?: string;
|
|
1024
|
+
}
|
|
1025
|
+
export interface ClientSessionAddress {
|
|
1026
|
+
firstName?: string;
|
|
1027
|
+
lastName?: string;
|
|
1028
|
+
addressLine1?: string;
|
|
1029
|
+
addressLine2?: string;
|
|
1030
|
+
city?: string;
|
|
1031
|
+
state?: string;
|
|
1032
|
+
countryCode?: Alpha2CountryCode;
|
|
1033
|
+
postalCode?: string;
|
|
1034
|
+
}
|
|
1035
|
+
export interface ClientSessionPaymentMethodOptions {
|
|
1036
|
+
vaultOnSuccess: boolean;
|
|
1037
|
+
}
|
|
900
1038
|
export interface PackageDeclaration {
|
|
901
1039
|
type: string;
|
|
902
1040
|
version: string;
|
|
@@ -1075,6 +1213,7 @@ export interface APIServices {
|
|
|
1075
1213
|
}
|
|
1076
1214
|
export interface RequestOptions {
|
|
1077
1215
|
maxAttempts?: number;
|
|
1216
|
+
apiVersion?: string;
|
|
1078
1217
|
}
|
|
1079
1218
|
export interface APIRequestOptions {
|
|
1080
1219
|
method: HttpMethod;
|
|
@@ -1142,6 +1281,33 @@ export interface IClientTokenHandler {
|
|
|
1142
1281
|
addNewClientTokenListener(listener: NewClientTokenListener): any;
|
|
1143
1282
|
removeNewClientTokenListener(listener: NewClientTokenListener): any;
|
|
1144
1283
|
}
|
|
1284
|
+
declare class ClientTokenHandler implements IClientTokenHandler {
|
|
1285
|
+
private newClientTokenListeners;
|
|
1286
|
+
private currentClientToken;
|
|
1287
|
+
private currentDecodedClientToken;
|
|
1288
|
+
constructor();
|
|
1289
|
+
getCurrentClientToken(): string | undefined;
|
|
1290
|
+
getCurrentDecodedClientToken(): (CommonClientToken & {
|
|
1291
|
+
intent: ClientTokenIntent.CHECKOUT | undefined;
|
|
1292
|
+
}) | (CommonClientToken & {
|
|
1293
|
+
intent: ClientTokenIntent.THREEDS_AUTHENTICATION;
|
|
1294
|
+
tokenId: string;
|
|
1295
|
+
threeDSProvider: string;
|
|
1296
|
+
threeDSToken: string;
|
|
1297
|
+
threeDSInitUrl: string;
|
|
1298
|
+
}) | (CommonClientToken & {
|
|
1299
|
+
intent: string;
|
|
1300
|
+
} & Record<string, unknown>) | undefined;
|
|
1301
|
+
setClientToken(clientToken: string): void;
|
|
1302
|
+
addNewClientTokenListener(listener: NewClientTokenListener): void;
|
|
1303
|
+
removeNewClientTokenListener(listener: NewClientTokenListener): void;
|
|
1304
|
+
}
|
|
1305
|
+
declare class ClientConfigurationHandler {
|
|
1306
|
+
private api;
|
|
1307
|
+
private clientTokenHandler;
|
|
1308
|
+
constructor(api: Api, clientTokenHandler: ClientTokenHandler);
|
|
1309
|
+
getClientConfiguration(clientToken: string): Promise<ClientConfiguration>;
|
|
1310
|
+
}
|
|
1145
1311
|
export interface LongPollServices {
|
|
1146
1312
|
api: Api;
|
|
1147
1313
|
}
|
|
@@ -1190,9 +1356,11 @@ export interface ClientSessionInfo {
|
|
|
1190
1356
|
threeDSecureEnabled: boolean;
|
|
1191
1357
|
accessToken: string;
|
|
1192
1358
|
isTeardown: boolean;
|
|
1359
|
+
clientSession: ClientSession;
|
|
1193
1360
|
}
|
|
1194
1361
|
export interface ClientContext {
|
|
1195
1362
|
clientTokenHandler: IClientTokenHandler;
|
|
1363
|
+
clientConfigurationHandler: ClientConfigurationHandler;
|
|
1196
1364
|
iframes: IFrameFactory;
|
|
1197
1365
|
messageBus: IFrameMessageBus;
|
|
1198
1366
|
api: Api;
|
|
@@ -1203,6 +1371,14 @@ export interface ClientContext {
|
|
|
1203
1371
|
moduleFactory: ModuleFactory;
|
|
1204
1372
|
packages: Package[];
|
|
1205
1373
|
}
|
|
1374
|
+
export interface ClientConfiguration {
|
|
1375
|
+
coreUrl: string;
|
|
1376
|
+
pciUrl: string;
|
|
1377
|
+
env: string;
|
|
1378
|
+
paymentMethods: PaymentMethodConfig[];
|
|
1379
|
+
checkoutModules: CheckoutModuleConfig[];
|
|
1380
|
+
clientSession: ClientSession;
|
|
1381
|
+
}
|
|
1206
1382
|
declare class ThreeDSecure {
|
|
1207
1383
|
private context;
|
|
1208
1384
|
private provider;
|
|
@@ -1216,6 +1392,7 @@ declare class ThreeDSecure {
|
|
|
1216
1392
|
}
|
|
1217
1393
|
export interface IStyleManager {
|
|
1218
1394
|
setStyle(style?: CheckoutStyle, internalStyle?: InternalStyle): void;
|
|
1395
|
+
getStyle(): CheckoutStyle | undefined;
|
|
1219
1396
|
getHostedFieldStyle(): string | null;
|
|
1220
1397
|
getApmButtonStyle(): PaymentMethodButtonStyle | null;
|
|
1221
1398
|
}
|
|
@@ -1230,6 +1407,7 @@ declare class BasePaymentMethod {
|
|
|
1230
1407
|
readonly type: PaymentMethodType;
|
|
1231
1408
|
displayName: string;
|
|
1232
1409
|
container: Element | null;
|
|
1410
|
+
remoteConfig: any;
|
|
1233
1411
|
protected constructor(type: PaymentMethodType, name: string);
|
|
1234
1412
|
static create: (_context: any, _options: Record<string, any>, _remoteConfig: any, _styleManager?: IStyleManager | undefined) => BasePaymentMethod;
|
|
1235
1413
|
get specs(): PaymentMethodSpecs;
|
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 c(t,r,u){return o()?e.exports=c=Reflect.construct:e.exports=c=function(e,t,r){var o=[null];o.push.apply(o,t);var c=new(Function.bind.apply(e,o));return r&&n(c,r.prototype),c},c.apply(null,arguments)}e.exports=c},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),c=r(477),u=r(61);function i(t){var r="function"==typeof Map?new Map:void 0;return e.exports=i=function(e){if(null===e||!c(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 u(e,arguments,n(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),o(t,e)},i(t)}e.exports=i},558:function(e,t,r){"use strict";var n,o,c,u,i,E;r.r(t),r.d(t,{CheckoutUXFlow:function(){return y},ErrorCode:function(){return _},PaymentFlow:function(){return n},PaymentInstrumentType:function(){return u},PaymentMethodType:function(){return i},SuccessScreenType:function(){return k},ThreeDSecureStatus:function(){return c},TokenType:function(){return E},loadPrimer:function(){return U}}),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"}(c||(c={})),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"}(u||(u={})),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"}(i||(i={})),function(e){e.SINGLE_USE="SINGLE_USE",e.MULTI_USE="MULTI_USE"}(E||(E={}));var _,A=r(85),T=r.n(A),R=r(198),p=r.n(R),P=r(111),D=r.n(P),f=r(270),a=r.n(f),O=r(983),N=r.n(O),m=r(588),s=r.n(m),d=r(240),C=r.n(d),l=r(260),S=r.n(l);function M(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 N()(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"}(_||(_={}));var h,I,L,y,k;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"}(h||(h={})),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"}(I||(I={})),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"}(y||(y={})),function(e){e.PaymentMethod="PaymentMethod",e.PAYMENT_METHOD="PAYMENT_METHOD",e.CHECK="CHECK"}(k||(k={}));var Y=null,U=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.15.1/Primer.min.js",'"]'));r||((r=document.createElement("script")).setAttribute("src","https://sdk.primer.io/web/v1.15.1/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)}()}));
|
|
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 c(t){var r="function"==typeof Map?new Map:void 0;return e.exports=c=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)},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 E},PaymentMethodType:function(){return c},SuccessScreenType:function(){return y},ThreeDSecureStatus:function(){return _},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"}(_||(_={})),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||(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"}(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),N=r(198),P=r.n(N),D=r(111),O=r.n(D),R=r(270),p=r.n(R),a=r(983),f=r.n(a),I=r(588),L=r.n(I),m=r(240),s=r.n(m),d=r(260),C=r.n(d);function S(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=L()(e);if(t){var o=L()(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"}(i||(i={}));var Y,M,l,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"}(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"}(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.18.0-beta.4/Primer.min.js",'"]'));r||((r=document.createElement("script")).setAttribute("src","https://sdk.primer.io/web/v1.18.0-beta.4/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)}()}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer-io/checkout-web",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.18.0-beta.4",
|
|
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": "d763d3ef77626fc9fec2ee73291b8d9d2b80ed99"
|
|
30
30
|
}
|