@primer-io/checkout-web 1.17.0 → 1.20.0-beta.0

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