@primer-io/checkout-web 1.15.1 → 1.18.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,7 +3,128 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [1.15.1](https://github.com/primer-io/primer-sdk/compare/v1.15.0...v1.15.1) (2021-11-01)
6
+ # [1.18.0-beta.4](https://github.com/primer-io/primer-sdk/compare/v1.18.0-beta.3...v1.18.0-beta.4) (2021-11-24)
7
+
8
+ **Note:** Version bump only for package @primer-io/checkout-web
9
+
10
+
11
+
12
+
13
+
14
+ # [1.18.0-beta.3](https://github.com/primer-io/primer-sdk/compare/v1.18.0-beta.2...v1.18.0-beta.3) (2021-11-24)
15
+
16
+ **Note:** Version bump only for package @primer-io/checkout-web
17
+
18
+
19
+
20
+
21
+
22
+ # [1.18.0-beta.2](https://github.com/primer-io/primer-sdk/compare/v1.18.0-beta.1...v1.18.0-beta.2) (2021-11-24)
23
+
24
+ **Note:** Version bump only for package @primer-io/checkout-web
25
+
26
+
27
+
28
+
29
+
30
+ # [1.18.0-beta.1](https://github.com/primer-io/primer-sdk/compare/v1.18.0-beta.0...v1.18.0-beta.1) (2021-11-24)
31
+
32
+ **Note:** Version bump only for package @primer-io/checkout-web
33
+
34
+
35
+
36
+
37
+
38
+ # [1.17.0-beta.7](https://github.com/primer-io/primer-sdk/compare/v1.17.0-beta.6...v1.17.0-beta.7) (2021-11-23)
39
+
40
+ **Note:** Version bump only for package @primer-io/checkout-web
41
+
42
+
43
+
44
+
45
+
46
+ # [1.17.0-beta.6](https://github.com/primer-io/primer-sdk/compare/v1.17.0-beta.5...v1.17.0-beta.6) (2021-11-18)
47
+
48
+ **Note:** Version bump only for package @primer-io/checkout-web
49
+
50
+
51
+
52
+
53
+
54
+ # [1.17.0-beta.5](https://github.com/primer-io/primer-sdk/compare/v1.17.0-beta.4...v1.17.0-beta.5) (2021-11-17)
55
+
56
+ **Note:** Version bump only for package @primer-io/checkout-web
57
+
58
+
59
+
60
+
61
+
62
+ # [1.17.0-beta.4](https://github.com/primer-io/primer-sdk/compare/v1.17.0-beta.3...v1.17.0-beta.4) (2021-11-17)
63
+
64
+ **Note:** Version bump only for package @primer-io/checkout-web
65
+
66
+
67
+
68
+
69
+
70
+ # [1.17.0-beta.3](https://github.com/primer-io/primer-sdk/compare/v1.17.0-beta.2...v1.17.0-beta.3) (2021-11-16)
71
+
72
+ **Note:** Version bump only for package @primer-io/checkout-web
73
+
74
+
75
+
76
+
77
+
78
+ # [1.17.0-beta.2](https://github.com/primer-io/primer-sdk/compare/v1.17.0-beta.1...v1.17.0-beta.2) (2021-11-15)
79
+
80
+ **Note:** Version bump only for package @primer-io/checkout-web
81
+
82
+
83
+
84
+
85
+
86
+
87
+ # [1.17.0-beta.1](https://github.com/primer-io/primer-sdk/compare/v1.17.0-beta.0...v1.17.0-beta.1) (2021-11-15)
88
+
89
+ **Note:** Version bump only for package @primer-io/checkout-web
90
+
91
+
92
+
93
+
94
+
95
+ # [1.16.0-beta.5](https://github.com/primer-io/primer-sdk/compare/v1.16.0-beta.4...v1.16.0-beta.5) (2021-11-03)
96
+
97
+ **Note:** Version bump only for package @primer-io/checkout-web
98
+
99
+
100
+
101
+
102
+
103
+ # [1.16.0-beta.4](https://github.com/primer-io/primer-sdk/compare/v1.16.0-beta.3...v1.16.0-beta.4) (2021-11-03)
104
+
105
+ **Note:** Version bump only for package @primer-io/checkout-web
106
+
107
+
108
+
109
+
110
+
111
+ # [1.16.0-beta.3](https://github.com/primer-io/primer-sdk/compare/v1.16.0-beta.2...v1.16.0-beta.3) (2021-11-03)
112
+
113
+ **Note:** Version bump only for package @primer-io/checkout-web
114
+
115
+
116
+
117
+
118
+
119
+ # [1.16.0-beta.2](https://github.com/primer-io/primer-sdk/compare/v1.16.0-beta.1...v1.16.0-beta.2) (2021-11-03)
120
+
121
+ **Note:** Version bump only for package @primer-io/checkout-web
122
+
123
+
124
+
125
+
126
+
127
+ # [1.16.0-beta.1](https://github.com/primer-io/primer-sdk/compare/v1.16.0-beta.0...v1.16.0-beta.1) (2021-11-03)
7
128
 
8
129
  **Note:** Version bump only for package @primer-io/checkout-web
9
130
 
package/README.md CHANGED
@@ -72,10 +72,6 @@ Some options are common to all `uxFlow`.
72
72
  // By default translations will be provided for the browser's locale
73
73
  locale?: string;
74
74
 
75
- // Your alpha2 country code
76
- // [required for Google Pay, Apple Pay and PayPal]
77
- countryCode?: string;
78
-
79
75
  // 3DS options. These must be provided if you want to perform SCA
80
76
  // See the section on 3DS below for more info.
81
77
  threeDSecure?: ThreeDSecureVerifyOptions;
@@ -98,6 +94,9 @@ Some options are common to all `uxFlow`.
98
94
  // A callback for when an error occured while updating the totalAmount
99
95
  onAmountChangeError?: (message: PrimerError) => void;
100
96
 
97
+ // A callback for receiving changes made to data which can be used to update the client session
98
+ onDataChange?: (data: any) => void;
99
+
101
100
  // Options and callbacks relating to scenes
102
101
  scene?: SceneOptions;
103
102
 
@@ -199,36 +198,6 @@ type CheckoutOptions = {
199
198
  // This filters the payment methods available
200
199
  allowedPaymentMethods?: PaymentMethodType[];
201
200
 
202
- // Additional information about the order
203
- // [required for Google Pay, Apple Pay and PayPal]
204
- orderDetails: {
205
- totalAmount: number | string;
206
- currencyCode: string;
207
- totalTaxAmount?: number | string;
208
- items?: [
209
- {
210
- name: string;
211
- unitAmount: number | string;
212
- reference?: string;
213
- quantity?: number;
214
- discountAmount?: number | string;
215
- taxCode?: string;
216
- },
217
- ];
218
- shippingAmount?: number | string;
219
- taxExemptionType?: string;
220
- };
221
-
222
- // Deprecated since `v1.11.0-beta.0` in favor of orderDetails
223
- // orderDetails will be favored if both are provided
224
- purchaseInfo?: {
225
- totalAmount: {
226
- // The amount in the lowest unit
227
- value: number | string;
228
- currency: string;
229
- };
230
- };
231
-
232
201
  // Additional information relating to merchant operating address. Used for tax calculation
233
202
  businessDetails?: {
234
203
  address: {
@@ -320,23 +289,6 @@ type TransitionType =
320
289
  | 'SLIDE_HORIZONTAL
321
290
  ```
322
291
 
323
- ### PurchaseInfo deprecation
324
-
325
- Providing `purchaseInfo` as an option to checkout has been deprecated since `v1.11.0-beta.0`.
326
-
327
- ```typescript
328
- // Deprecated
329
- purchaseInfo?: {
330
- totalAmount: {
331
- // The amount in the lowest unit
332
- value: number | string;
333
- currency: string;
334
- };
335
- };
336
- ```
337
-
338
- Avoid using purchaseInfo in favor of providing orderDetails.
339
-
340
292
  #### Dynamic Checkout Flow: `onTokenizeSuccess` and `onResumeSuccess`
341
293
 
342
294
  When a payment method is chosen and the customer clicks 'Pay', the payment method is tokenized and you'll receive a payment method token in the `onTokenizeSuccess` callback. Send it to your server to **create a payment** using Primer's Payments API.
@@ -554,11 +506,7 @@ The checkout provides setter methods which can be called to update options after
554
506
  ```typescript
555
507
  const checkout = await primer.checkout(checkoutOptions);
556
508
 
557
- checkout.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__klarnaPaymentOptionLegal{min-height:340px;height:0px;margin-bottom:12px;transition:height 300ms ease;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.PrimerCheckout__klarnaPaymentOption{width:100%;margin-bottom:12px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.PrimerCheckout__klarnaPaymentOption>.PrimerCheckout__backButton{margin-right:12px}.PrimerCheckout__klarnaPaymentOptionButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;border:1px solid #e0e0e0;border-radius:2px;padding:6px 12px;width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.PrimerCheckout__klarnaPaymentOptionButton:disabled{cursor:auto}.PrimerCheckout__klarnaPaymentOptionButton>img{margin-right:12px}button.PrimerCheckout__payPayPalButton{border-radius:0px;background-color:#bee4fe}#primer-checkout-error-message{transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1)}#primer-checkout-error-message.PrimerCheckout--enter{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}#primer-checkout-error-message.PrimerCheckout--entering,#primer-checkout-error-message.PrimerCheckout--entered{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}#primer-checkout-error-message.PrimerCheckout--exit{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.PrimerCheckout__errorMessage{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-top:12px;padding:12px;background-color:#fce8e6;color:#ea4335;border-radius:2px}.PrimerCheckout__errorMessage>.icon{height:24px;width:24px;margin-right:12px}.PrimerCheckout__errorMessage>span{-webkit-flex:1;flex:1}.PrimerCheckout__scene.PrimerCheckout--entering{position:absolute;top:0px;left:0px;right:0px}.PrimerCheckout__scene.PrimerCheckout--entered{position:relative}.PrimerCheckout__scene.PrimerCheckout--exited{position:absolute;visibility:hidden;display:none;opacity:0}.PrimerCheckout__processingIndicatorOverlay{pointer-events:none;position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:100;display:grid;place-items:center;transition:opacity 300ms linear,-webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 500ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms linear;transition:transform 500ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms linear,-webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.PrimerCheckout__processingIndicatorOverlay.PrimerCheckout--entering,.PrimerCheckout__processingIndicatorOverlay.PrimerCheckout--entered{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.PrimerCheckout__processingIndicatorContainer{padding:32px}.PrimerCheckout__check{padding:0px 16px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;min-height:18rem}.PrimerCheckout__checkMarkIcon{width:3rem;padding-bottom:20px}.PrimerCheckout__popupOverlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:rgba(0,0,0,.8);opacity:0;transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1)}.PrimerCheckout__popupOverlay--visible{opacity:1}.PrimerCheckout__popupOverlayCloseButton{position:absolute;top:-20px;right:-20px;width:40px;height:40px;background:#565656;border-radius:20px;border:none;color:#fff;cursor:pointer}.PrimerCheckout__popupOverlayContent{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#fff;border-radius:8px;padding:24px;text-align:center;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.PrimerCheckout__popupOverlayContent--visible{-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);opacity:1}.PrimerCheckout__popupOverlayContent__logo{margin-bottom:32px;max-width:80px;max-height:80px}.PrimerCheckout__popupOverlayContent__description{color:#767676;max-width:280px}.PrimerCheckout__popupOverlayContent__focusButton{cursor:pointer;margin-top:32px;background-color:#000;padding:12px 24px;border-radius:100px;border:none;color:#fff}.PrimerCheckout__popupOverlayContent__focusButton:hover{opacity:.8}#primer-checkout-scene-credit-card-form{padding-bottom:32px}.PrimerCheckout__creditCardButton_icon{height:81%}.PrimerCheckout__iconTextButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:1px,6px;cursor:pointer;width:100%;height:100%;border-radius:0px;-webkit-justify-content:center;justify-content:center}.PrimerCheckout__iconTextButton:disabled{cursor:auto}.PrimerCheckout__iconTextButton:enabled:hover{opacity:.7}.PrimerCheckout__iconTextButtonLabel{margin-left:10px}.PrimerCheckout{box-sizing:border-box;background-color:transparent;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.PrimerCheckout *[hidden=true]{display:none}.PrimerCheckout dialog{margin:0;padding:0}.PrimerCheckout input{outline-color:#3447f4}.PrimerCheckout div{box-sizing:border-box}.PrimerCheckout--hidden{display:none !important}.PrimerCheckout--exited{display:none}.PrimerCheckout--centered{text-align:center}.PrimerCheckout__scene{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:relative;left:0;top:0;opacity:1}.PrimerCheckout__modalBody{display:grid;place-content:center;background-color:#fff;border-radius:3px;position:relative;box-shadow:1px 1px 5px 3px rgba(0,0,0,.05);overflow:hidden}.PrimerCheckout__modalBody>iframe{position:absolute;left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%}.PrimerCheckout__scene--3dsModal{position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:101;width:100%;height:100% !important;display:grid;place-content:center;background-color:rgba(0,0,0,.2);transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.PrimerCheckout__scene--3dsModal>.PrimerCheckout__modalBody{transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;-webkit-transform:translateY(100vh);transform:translateY(100vh)}.PrimerCheckout__scene--3dsModal.PrimerCheckout--enter{opacity:1}.PrimerCheckout__scene--3dsModal.PrimerCheckout--enter>.PrimerCheckout__modalBody{opacity:1;-webkit-transform:translateY(0vh);transform:translateY(0vh)}.PrimerCheckout__spinner{display:grid;place-content:center}.PrimerCheckout__spinner .spinner{-webkit-animation:rotate 1.2s linear infinite;animation:rotate 1.2s linear infinite;z-index:2;height:32px;width:32px;margin:24px 0px}.PrimerCheckout__spinner .path{stroke:#3447f4;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}#primer-checkout-scene-vault{padding-bottom:32px}#primer-checkout-other-payment-methods{height:0px;width:0px;opacity:0;transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1);visibility:hidden}#primer-checkout-other-payment-methods>*:last-child{height:32px}#primer-checkout-other-payment-methods.PrimerCheckout--entering,#primer-checkout-other-payment-methods.PrimerCheckout--entered{width:auto;opacity:1;visibility:visible}#primer-checkout-payment-method-divider{opacity:1;transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1)}#primer-checkout-payment-method-divider.PrimerCheckout--exit{opacity:0;height:0px;margin-bottom:0px}
1
+ @-webkit-keyframes PrimerCheckout__loadingSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes PrimerCheckout__loadingSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes blink{0%,100%{opacity:1}50%{opacity:.5}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.5}}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}100%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}100%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.PrimerCheckout__title{padding:0;margin:0;font-size:1.15rem;color:#262626;font-weight:500}.PrimerCheckout__label{font-size:1rem}.PrimerCheckout__label.PrimerCheckout__label--muted{color:#767676}.PrimerCheckout__label.PrimerCheckout__label--primary{color:#3447f4}.PrimerCheckout__label.PrimerCheckout__label--size-sm{font-size:.75rem}.PrimerCheckout__label.PrimerCheckout__label--size-xs{font-size:.625rem}.PrimerCheckout__label.PrimerCheckout__label--link{color:#3447f4;cursor:pointer}.PrimerCheckout__label.PrimerCheckout__label--hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.PrimerCheckout__helperText{color:#767676;font-size:.75rem}.PrimerCheckout__helperText--error{color:#ea4335}.PrimerCheckout__sceneElement{-webkit-flex:0 0 auto;flex:0 0 auto}.PrimerCheckout__sceneElement:not(:last-child){margin-bottom:32px}.PrimerCheckout__textButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;cursor:pointer;transition:background-color 100ms ease;text-align:center;color:#3447f4}.PrimerCheckout__textButton:disabled{cursor:auto}.PrimerCheckout__divider{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms}.PrimerCheckout__divider>.PrimerCheckout__label{display:inline-block;margin:0px 10px}.PrimerCheckout__divider>.PrimerCheckout__dividerLineSegment{background-color:#e0e0e0;-webkit-flex:1 1 auto;flex:1 1 auto;height:1px}.PrimerCheckout__divider--hidden{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}.PrimerCheckout__textButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;background:none;border:none;padding:0;margin:0}.PrimerCheckout__textButton:disabled{cursor:auto}.PrimerCheckout__textDivider{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-align:center}.PrimerCheckout__textDivider.PrimerCheckout__textButton{transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms}.PrimerCheckout__textDivider.PrimerCheckout__textButton>*{transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms}.PrimerCheckout__textDivider.PrimerCheckout__textButton:not(:disabled):hover>*{-webkit-transform:scale(1.02);transform:scale(1.02)}.PrimerCheckout__textDivider::before,.PrimerCheckout__textDivider::after{display:block;content:"";-webkit-flex:1;flex:1;height:1px;background:#e0e0e0;min-width:16px}.PrimerCheckout__textDivider::before{margin-right:8px}@media(max-width: 600px){.PrimerCheckout__textDivider::before{margin-right:2px}}.PrimerCheckout__textDivider::after{margin-left:8px}@media(max-width: 600px){.PrimerCheckout__textDivider::after{margin-left:2px}}.PrimerCheckout__apmButton{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;overflow:hidden;border-radius:4px;transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);height:40px}.PrimerCheckout__apmButton button{cursor:pointer;height:100%;width:100%;border:none;background:none}.PrimerCheckout__apmButton:focus-within{outline:2px solid #3447f4;outline-offset:2px}.PrimerCheckout__apmButton:not(:first-of-type){margin-top:8px}.PrimerCheckout__apmButton>.paypal-buttons{transition:none !important}.PrimerCheckout__apmButton>.gpay-card-info-container.long,.PrimerCheckout__apmButton>.gpay-button.long{width:100%}.PrimerCheckout__apmButton--logo{border:1px solid #e0e0e0;border-radius:2px;border-radius:4px}.PrimerCheckout__apmButton--logo:hover{opacity:.8}.PrimerCheckout__apmButton--logo img{max-height:calc(100% - 8px);max-width:calc(100% - 8px)}.PrimerCheckout__separator{margin:32px 0px;height:1px;background:#e0e0e0}.PrimerCheckout__emptyText{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms}.PrimerCheckout__emptyText.PrimerCheckout--exit{-webkit-transform:transalteY(-20px);transform:transalteY(-20px);opacity:0}.PrimerCheckout__cardTypes{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden;pointer-events:none;right:6px;height:100%;padding:11px 0px}.PrimerCheckout__cardType{position:relative;width:24px;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);margin-right:5px}@media(max-width: 600px){.PrimerCheckout__cardType{margin-right:3px}}.PrimerCheckout__cardType>*{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.PrimerCheckout__cardType.PrimerCheckout--hidden{display:inline-block !important;width:0px;margin-right:0px;opacity:0}.PrimerCheckout__cardType.PrimerCheckout--error::after{content:"";position:absolute;right:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background-color:#ea4335}.PrimerCheckout--error .PrimerCheckout__inputContainer{border-color:#ea4335}.PrimerCheckout__inputContainer{transition:box-shadow 100ms ease,border-color 100ms ease;border:1px solid #e0e0e0;height:40px;border-radius:2px;outline:none;width:100%;display:block;position:relative}.PrimerCheckout__inputContainer:not(:first-of-type){margin-top:16px}.PrimerCheckout__form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.PrimerCheckout__formHeader{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:32px}.PrimerCheckout__formField{position:relative;-webkit-flex:0;flex:0}.PrimerCheckout__formField:not(:first-of-type){margin-top:24px}.PrimerCheckout__formField.PrimerCheckout__formField--dual{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:baseline;align-items:baseline}.PrimerCheckout__formField.PrimerCheckout__formField--dual>.PrimerCheckout__formField{-webkit-flex:0 1 calc(50% - 8px);flex:0 1 calc(50% - 8px)}.PrimerCheckout__formField.PrimerCheckout__formField--dual>.PrimerCheckout__formField{margin-top:0px}@media(max-width: 600px){.PrimerCheckout__formField.PrimerCheckout__formField--dual{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:initial;align-items:initial}.PrimerCheckout__formField.PrimerCheckout__formField--dual>.PrimerCheckout__formField{-webkit-flex:unset;flex:unset}.PrimerCheckout__formField.PrimerCheckout__formField--dual>.PrimerCheckout__formField+.PrimerCheckout__formField{margin-top:inherit}}.PrimerCheckout__formField.PrimerCheckout__formField--orientation-horizontal{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.PrimerCheckout__formField>.PrimerCheckout__label{line-height:24px;display:inline-block;margin-bottom:2px;margin-left:1px}.PrimerCheckout__formField .PrimerCheckout__label+.PrimerCheckout__formInput,.PrimerCheckout__formField .PrimerCheckout__label+.PrimerCheckout__formInputs{margin-top:2px}.PrimerCheckout__formField .PrimerCheckout__checkbox+.PrimerCheckout__label{cursor:pointer;margin-left:8px}.PrimerCheckout__helperText{position:relative;margin-top:2px;text-align:right;z-index:0;transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms;-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}.PrimerCheckout__helperText.PrimerCheckout--enter{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0;-webkit-animation:none;animation:none}.PrimerCheckout__helperText.PrimerCheckout--entering{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}.PrimerCheckout__helperText.PrimerCheckout--entered{-webkit-animation:blink 2s infinite;animation:blink 2s infinite;-webkit-transform:translateY(0px);transform:translateY(0px)}.PrimerCheckout__helperText.PrimerCheckout--exit{opacity:1;-webkit-animation:none;animation:none}.PrimerCheckout__helperText.PrimerCheckout--exiting{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.PrimerCheckout__formFieldTitle{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.PrimerCheckout__formInputs .PrimerCheckout__formInput{position:relative;z-index:0}.PrimerCheckout__formInputs .PrimerCheckout__formInput:focus,.PrimerCheckout__formInputs .PrimerCheckout__formInput:hover{z-index:1}.PrimerCheckout__formInputs .PrimerCheckout__inputContainer{border-radius:0px}.PrimerCheckout__formInputs--horizontal{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.PrimerCheckout__formInput{-webkit-appearance:none;font-size:1rem;box-sizing:border-box;z-index:1;padding:8px 12px;height:100%;width:100%;border:none !important;outline:none;background:transparent}.PrimerCheckout__formInput--hosted{padding:0px}.PrimerCheckout__checkbox{-webkit-appearance:none;font-size:1rem;cursor:pointer;margin:0px;padding:8px;display:inline-block;position:relative;color:#fff;border-radius:4px;border:1px solid #bdbdbd}.PrimerCheckout__checkbox:checked{color:#fff;background-color:#3447f4;border-color:#3447f4}.PrimerCheckout__checkbox::after{content:"✓";font-size:16px;position:absolute;top:50%;left:55%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.PrimerCheckout__submitButtonContainer{position:relative;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1);height:0px;opacity:0}.PrimerCheckout__submitButtonContainer.PrimerCheckout--entering,.PrimerCheckout__submitButtonContainer.PrimerCheckout--entered{height:50px;opacity:1}.PrimerCheckout__submitButton{justify-self:flex-end;-webkit-flex:0 0 auto;flex:0 0 auto}.PrimerCheckout__submitButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;cursor:pointer;-webkit-flex:0 0 auto;flex:0 0 auto;width:100%;height:50px;z-index:1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:0px 12px;border:none;text-align:center;transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1),background-color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.PrimerCheckout__submitButton:disabled{cursor:auto}.PrimerCheckout__submitButton:not(:disabled):hover,.PrimerCheckout__submitButton:not(:disabled):focus{opacity:.75}.PrimerCheckout__submitButton .PrimerCheckout__loadingRing{position:absolute;right:0px;top:50%;width:20px;height:20px;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);opacity:0}.PrimerCheckout.PrimerCheckout--loading .PrimerCheckout__submitButton{pointer-events:none}.PrimerCheckout.PrimerCheckout--loading .PrimerCheckout__submitButton .PrimerCheckout__loadingRing{opacity:1;-webkit-transform:translate(calc(0% - 16px), -50%);transform:translate(calc(0% - 16px), -50%)}.PrimerCheckout__loadingRing .spinner{-webkit-animation:rotate 1.2s linear infinite;animation:rotate 1.2s linear infinite;z-index:2}.PrimerCheckout__loadingRing .path{stroke:#fff;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}#primer-checkout-actions{opacity:1;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1)}#primer-checkout-actions.PrimerCheckout--exit{opacity:0}#primer-checkout-vault-methods{opacity:1;-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:translateY(0px);transform:translateY(0px);transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1)}#primer-checkout-vault-methods.PrimerCheckout--exit{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}.PrimerCheckout__dropDownMenuContainer{position:absolute;z-index:1;right:0px;top:calc(28px + 4px);min-width:300px}.PrimerCheckout__dropDownMenu{border:1px solid #e0e0e0;border-radius:2px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:absolute;z-index:1000;top:0px;right:0px;width:100%;background-color:#fff;box-shadow:0px 1px 10px rgba(0,0,0,.1),0px 0px 20px rgba(52,71,244,.1);opacity:0;-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:translateY(-10px) scaleY(0.9);transform:translateY(-10px) scaleY(0.9);transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms;pointer-events:none}.PrimerCheckout__dropDownMenu>.PrimerCheckout__label{padding:12px 12px 6px}.PrimerCheckout__dropDownMenu--enter{pointer-events:all;opacity:1;-webkit-transform:translateY(0px) scaleY(1);transform:translateY(0px) scaleY(1)}.PrimerCheckout__dropDownMenuItem{transition:background-color 100ms ease;padding:6px 12px}.PrimerCheckout__dropDownMenuItem:hover,.PrimerCheckout__dropDownMenuItem:focus{background-color:#eaf1ff}.PrimerCheckout__dropDownMenuItem>.PrimerCheckout__label{white-space:nowrap;color:#3447f4}.PrimerCheckout__editButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;border-radius:100%;width:28px;height:28px;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:bottom center;transform-origin:bottom center;transition:opacity cubic-bezier(0.4, 0, 0.2, 1) 300ms,-webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 300ms;transition:opacity cubic-bezier(0.4, 0, 0.2, 1) 300ms,transform cubic-bezier(0.4, 0, 0.2, 1) 300ms;transition:opacity cubic-bezier(0.4, 0, 0.2, 1) 300ms,transform cubic-bezier(0.4, 0, 0.2, 1) 300ms,-webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 300ms}.PrimerCheckout__editButton:disabled{cursor:auto}.PrimerCheckout__editButton:hover{opacity:.7}.PrimerCheckout__editButton__icon{width:16px;height:16px}.PrimerCheckout__editButton--toggle{-webkit-transform:scale(1.2);transform:scale(1.2)}.PrimerCheckout__editButton--hidden{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);pointer-events:none}.PrimerCheckout__paymentMethodDropDownMenuItem{margin:0px 16px;transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms}.PrimerCheckout__paymentMethodDropDownMenuItem:not(:last-child){border-bottom:1px solid #e0e0e0}.PrimerCheckout__paymentMethodDropDownMenuItem--disabled{pointer-events:none;opacity:.3}.PrimerCheckout__paymentMethodDropDownMenuItem__content{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;padding:16px 0px}.PrimerCheckout__paymentMethodDropDownMenuItem__icon{width:30px;margin-right:8px}.PrimerCheckout__paymentMethodDropDownMenuItem__label.PrimerCheckout__label{min-width:0;margin-right:8px;font-size:.75rem;word-break:break-all}.PrimerCheckout__paymentMethodDropDownMenuItem__buttons{margin-left:auto}.PrimerCheckout__paymentMethodDropDownMenuItem__buttons>button{font-size:.75rem}.PrimerCheckout__paymentMethodDropDownMenuItem__confirmationContainer{pointer-events:none;position:relative;height:0;padding-bottom:0px;opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);transition:all cubic-bezier(0.4, 0, 0.2, 1) 300ms,opacity cubic-bezier(0.4, 0, 0.2, 1) 200ms}.PrimerCheckout__paymentMethodDropDownMenuItem__confirmationContainer--enter{pointer-events:all;-webkit-transform:translateY(0px);transform:translateY(0px);height:calc(40px + 16px);opacity:1;padding-bottom:16px}.PrimerCheckout__deleteButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4}.PrimerCheckout__deleteButton:disabled{cursor:auto}.PrimerCheckout__deleteConfirmation{height:30px}.PrimerCheckout__confirmButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;display:grid;width:100%;place-items:center;height:40px;border:1px solid #3447f4;border-radius:4px;text-align:center;color:#3447f4;font-size:.875rem}.PrimerCheckout__confirmButton:disabled{cursor:auto}.PrimerCheckout__savedPaymentMethods{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.PrimerCheckout__savedPaymentMethods__title{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;margin-bottom:15px}.PrimerCheckout__savedPaymentMethodContainer{transition:height cubic-bezier(0.4, 0, 0.2, 1) 300ms,opacity cubic-bezier(0.4, 0, 0.2, 1) 200ms,-webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 300ms;transition:height cubic-bezier(0.4, 0, 0.2, 1) 300ms,transform cubic-bezier(0.4, 0, 0.2, 1) 300ms,opacity cubic-bezier(0.4, 0, 0.2, 1) 200ms;transition:height cubic-bezier(0.4, 0, 0.2, 1) 300ms,transform cubic-bezier(0.4, 0, 0.2, 1) 300ms,opacity cubic-bezier(0.4, 0, 0.2, 1) 200ms,-webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 300ms;-webkit-transform-origin:top center;transform-origin:top center}.PrimerCheckout__savedPaymentMethodContainer--exiting{opacity:0;-webkit-transform:translateY(-30px) scaleY(0.9);transform:translateY(-30px) scaleY(0.9);height:0px}.PrimerCheckout__savedPaymentMethodContainer:not(:last-child) .PrimerCheckout__savedPaymentMethod{margin-bottom:16px}.PrimerCheckout__savedPaymentMethod{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;border:1px solid #e0e0e0;border-radius:2px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;transition:box-shadow 100ms ease,border-color 100ms ease;cursor:pointer;transition:background-color 100ms ease;transition:background-color 100ms ease;outline:none;padding:8px 16px;-webkit-align-items:center;align-items:center;position:relative;text-align:left}.PrimerCheckout__savedPaymentMethod:disabled{cursor:auto}.PrimerCheckout__savedPaymentMethod:hover,.PrimerCheckout__savedPaymentMethod:focus{background-color:#eaf1ff}.PrimerCheckout__savedPaymentMethod .PrimerCheckout__savedPaymentMethodContent{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex:1 1 auto;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}@media(max-width: 600px){.PrimerCheckout__savedPaymentMethod .PrimerCheckout__savedPaymentMethodContent{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;display:inline-grid}.PrimerCheckout__savedPaymentMethod .PrimerCheckout__savedPaymentMethodContent .PrimerCheckout__savedPaymentMethodLabel{margin-left:0px;width:100%;text-align:left}}.PrimerCheckout__savedPaymentMethod .PrimerCheckout__savedPaymentMethodIcon{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:0 0 auto;flex:0 0 auto;width:30px;max-width:30px;margin-right:24px;transition:width 100ms ease}.PrimerCheckout__savedPaymentMethod .PrimerCheckout__savedPaymentMethodLabel{font-size:17px;margin-left:.5em;white-space:pre}.PrimerCheckout__savedPaymentMethod .PrimerCheckout__savedPaymentMethodDetail{white-space:pre;overflow:hidden;text-overflow:ellipsis}.PrimerCheckout__savedPaymentMethodActions{margin-left:auto;font-size:.75rem}.PrimerCheckout__mandateItems{margin-bottom:48px !important}.PrimerCheckout__mandateItem{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.PrimerCheckout__mandateItem>.icon{width:20px;height:20px;-webkit-flex:0 0 20px;flex:0 0 20px;margin:0px 10px}.PrimerCheckout__mandateDetail{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.PrimerCheckout__mandateDetail>.PrimerCheckout__label:first-of-type{margin-bottom:2px;font-weight:500}.PrimerCheckout__backButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;width:auto;z-index:1;padding:8px;margin:-8px}.PrimerCheckout__backButton:disabled{cursor:auto}#primer-checkout-dd-creditor-details{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;margin:0;padding:16px 0px}#primer-checkout-scene-direct-debit-form{padding-bottom:32px}#primer-checkout-scene-direct-debit-mandate{padding-bottom:24px}#primer-checkout-small-print{transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:0}#primer-checkout-small-print.PrimerCheckout--enter{opacity:0;margin-top:0em}#primer-checkout-small-print.PrimerCheckout--entering,#primer-checkout-small-print.PrimerCheckout--entered{opacity:1;margin-top:1em}#primer-checkout-small-print.PrimerCheckout--exit{opacity:0;margin-top:0em}.PrimerCheckout__directDebitSuccess{padding:40px 16px;text-align:center;display:grid;place-items:center}.PrimerCheckout__directDebitSuccessContainer{max-width:260px}.PrimerCheckout__directDebitSuccessIcon{display:grid;place-items:center;margin-bottom:16px}.PrimerCheckout__directDebitSuccessIcon>.PrimerCheckout__icon{width:40px;height:40px;color:#3447f4}.PrimerCheckout__directDebitSuccessTitle{margin-bottom:16px;font-weight:500}.PrimerCheckout__directDebitSuccessReference{margin-top:32px}.PrimerCheckout__directDebitSuccessReferenceId{font-weight:500}button.PrimerCheckout__klarnaButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;border:1px solid #e0e0e0;border-radius:2px;display:-webkit-inline-flex;display:inline-flex;place-content:center;-webkit-align-items:center;align-items:center;cursor:pointer;width:100%;height:100%;background-color:#ffb3c7;border-radius:4px}button.PrimerCheckout__klarnaButton:disabled{cursor:auto}button.PrimerCheckout__klarnaButton:enabled:hover{opacity:.7}button.PrimerCheckout__klarnaButton>img{margin-right:20px}button.PrimerCheckout__klarnaButton>span{font-weight:600}.PrimerCheckout__klarnaPaymentOptions{width:100%;position:relative;overflow:hidden;transition:height 200ms ease-in-out;padding:0px 64px}.PrimerCheckout__klarnaPaymentCategory{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;border:1px solid #e0e0e0;border-radius:2px;display:grid;grid-auto-flow:column;place-content:center;-webkit-align-items:center;align-items:center;padding:8px 0px}.PrimerCheckout__klarnaPaymentCategory:disabled{cursor:auto}.PrimerCheckout__klarnaPaymentCategory>img{margin-right:12px}.PrimerCheckout__klarnaPaymentCategory:first-child{margin-top:20px}.PrimerCheckout__klarnaPaymentCategory+.PrimerCheckout__klarnaPaymentCategory{margin-top:12px}.PrimerCheckout__klarnaPaymentOption{width:100%;margin-bottom:12px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.PrimerCheckout__klarnaPaymentOption>.PrimerCheckout__backButton{margin-right:12px}.PrimerCheckout__klarnaPaymentOptionButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;border:1px solid #e0e0e0;border-radius:2px;padding:6px 12px;width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.PrimerCheckout__klarnaPaymentOptionButton:disabled{cursor:auto}.PrimerCheckout__klarnaPaymentOptionButton>img{margin-right:12px}#primer-checkout-error-message{transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1)}#primer-checkout-error-message.PrimerCheckout--enter{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}#primer-checkout-error-message.PrimerCheckout--entering,#primer-checkout-error-message.PrimerCheckout--entered{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}#primer-checkout-error-message.PrimerCheckout--exit{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.PrimerCheckout__errorMessage{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-top:12px;padding:12px;background-color:#fce8e6;color:#ea4335;border-radius:2px}.PrimerCheckout__errorMessage>.icon{height:24px;width:24px;margin-right:12px}.PrimerCheckout__errorMessage>span{-webkit-flex:1;flex:1}.PrimerCheckout__scene.PrimerCheckout--entering{position:absolute;top:0px;left:0px;right:0px}.PrimerCheckout__scene.PrimerCheckout--entered{position:relative}.PrimerCheckout__scene.PrimerCheckout--exited{position:absolute;visibility:hidden;display:none;opacity:0}.PrimerCheckout__processingIndicatorOverlay{pointer-events:none;position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:100;display:grid;place-items:center;transition:opacity 300ms linear,-webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 500ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms linear;transition:transform 500ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms linear,-webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.PrimerCheckout__processingIndicatorOverlay.PrimerCheckout--entering,.PrimerCheckout__processingIndicatorOverlay.PrimerCheckout--entered{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.PrimerCheckout__processingIndicatorContainer{padding:32px}.PrimerCheckout__check{padding:0px 16px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;min-height:18rem}.PrimerCheckout__checkMarkIcon{width:3rem;padding-bottom:20px}.PrimerCheckout__popupOverlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:rgba(0,0,0,.8);opacity:0;transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1)}.PrimerCheckout__popupOverlay--visible{opacity:1}.PrimerCheckout__popupOverlayCloseButton{position:absolute;top:-20px;right:-20px;width:40px;height:40px;background:#565656;border-radius:20px;border:none;color:#fff;cursor:pointer}.PrimerCheckout__popupOverlayContent{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#fff;border-radius:8px;text-align:center;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.PrimerCheckout__popupOverlayContent--visible{-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);opacity:1}.PrimerCheckout__popupOverlayContent__logo{max-width:100px;max-height:80px}.PrimerCheckout__popupOverlayContent__description{color:#767676;max-width:280px}.PrimerCheckout__popupOverlayContent__focusButton{cursor:pointer;margin-top:32px;background-color:#000;padding:12px 24px;border-radius:100px;border:none;color:#fff}.PrimerCheckout__popupOverlayContent__focusButton:hover{opacity:.8}#primer-checkout-scene-credit-card-form{padding-bottom:32px}.PrimerCheckout__creditCardButton_icon{height:81%}.PrimerCheckout__iconTextButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:1px,6px;cursor:pointer;width:100%;height:100%;border-radius:0px;-webkit-justify-content:center;justify-content:center}.PrimerCheckout__iconTextButton:disabled{cursor:auto}.PrimerCheckout__iconTextButton:enabled:hover{opacity:.7}.PrimerCheckout__iconTextButtonLabel{margin-left:10px}.PrimerCheckout{box-sizing:border-box;background-color:transparent;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.PrimerCheckout *[hidden=true]{display:none}.PrimerCheckout dialog{margin:0;padding:0}.PrimerCheckout input{outline-color:#3447f4}.PrimerCheckout div{box-sizing:border-box}.PrimerCheckout--hidden{display:none !important}.PrimerCheckout--exited{display:none}.PrimerCheckout--centered{text-align:center}.PrimerCheckout__scene{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:relative;left:0;top:0;opacity:1}.PrimerCheckout__modalBody{display:grid;place-content:center;background-color:#fff;border-radius:3px;position:relative;box-shadow:1px 1px 5px 3px rgba(0,0,0,.05);overflow:hidden}.PrimerCheckout__modalBody>iframe{position:absolute;left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%}.PrimerCheckout__scene--3dsModal{position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:101;width:100%;height:100% !important;display:grid;place-content:center;background-color:rgba(0,0,0,.2);transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.PrimerCheckout__scene--3dsModal>.PrimerCheckout__modalBody{transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;-webkit-transform:translateY(100vh);transform:translateY(100vh)}.PrimerCheckout__scene--3dsModal.PrimerCheckout--enter{opacity:1}.PrimerCheckout__scene--3dsModal.PrimerCheckout--enter>.PrimerCheckout__modalBody{opacity:1;-webkit-transform:translateY(0vh);transform:translateY(0vh)}.PrimerCheckout__spinner{display:grid;place-content:center}.PrimerCheckout__spinner .spinner{-webkit-animation:rotate 1.2s linear infinite;animation:rotate 1.2s linear infinite;z-index:2;height:32px;width:32px;margin:24px 0px}.PrimerCheckout__spinner .path{stroke:#3447f4;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}#primer-checkout-scene-vault{padding-bottom:32px}#primer-checkout-other-payment-methods{height:0px;width:0px;opacity:0;transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1);visibility:hidden}#primer-checkout-other-payment-methods>*:last-child{height:32px}#primer-checkout-other-payment-methods.PrimerCheckout--entering,#primer-checkout-other-payment-methods.PrimerCheckout--entered{width:auto;opacity:1;visibility:visible}#primer-checkout-payment-method-divider{opacity:1;transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1)}#primer-checkout-payment-method-divider.PrimerCheckout--exit{opacity:0;height:0px;margin-bottom:0px}
package/dist/index.d.ts CHANGED
@@ -35,7 +35,18 @@ export declare enum PaymentInstrumentType {
35
35
  PAY_NL_PAYPAL = "PAY_NL_PAYPAL",
36
36
  PAY_NL_CREDIT_TRANSFER = "PAY_NL_CREDIT_TRANSFER",
37
37
  PAY_NL_DIRECT_DEBIT = "PAY_NL_DIRECT_DEBIT",
38
- HOOLAH = "HOOLAH"
38
+ PAY_NL_GIROPAY = "PAY_NL_GIROPAY",
39
+ PAY_NL_PAYCONIQ = "PAY_NL_PAYCONIQ",
40
+ HOOLAH = "HOOLAH",
41
+ ADYEN_VIPPS = "ADYEN_VIPPS",
42
+ ADYEN_GIROPAY = "ADYEN_GIROPAY",
43
+ ADYEN_SOFORT = "ADYEN_SOFORT",
44
+ ADYEN_TRUSTLY = "ADYEN_TRUSTLY",
45
+ ADYEN_ALIPAY = "ADYEN_ALIPAY",
46
+ ADYEN_TWINT = "ADYEN_TWINT",
47
+ ADYEN_MOBILEPAY = "ADYEN_MOBILEPAY",
48
+ MOLLIE_BANCONTACT = "MOLLIE_BANCONTACT",
49
+ MOLLIE_IDEAL = "MOLLIE_IDEAL"
39
50
  }
40
51
  export declare enum PaymentMethodType {
41
52
  PAYMENT_CARD = "PAYMENT_CARD",
@@ -50,7 +61,18 @@ export declare enum PaymentMethodType {
50
61
  PAY_NL_PAYPAL = "PAY_NL_PAYPAL",
51
62
  PAY_NL_CREDIT_TRANSFER = "PAY_NL_CREDIT_TRANSFER",
52
63
  PAY_NL_DIRECT_DEBIT = "PAY_NL_DIRECT_DEBIT",
53
- HOOLAH = "HOOLAH"
64
+ PAY_NL_GIROPAY = "PAY_NL_GIROPAY",
65
+ PAY_NL_PAYCONIQ = "PAY_NL_PAYCONIQ",
66
+ HOOLAH = "HOOLAH",
67
+ ADYEN_MOBILEPAY = "ADYEN_MOBILEPAY",
68
+ ADYEN_VIPPS = "ADYEN_VIPPS",
69
+ ADYEN_GIROPAY = "ADYEN_GIROPAY",
70
+ ADYEN_SOFORT = "ADYEN_SOFORT",
71
+ ADYEN_TRUSTLY = "ADYEN_TRUSTLY",
72
+ ADYEN_ALIPAY = "ADYEN_ALIPAY",
73
+ ADYEN_TWINT = "ADYEN_TWINT",
74
+ MOLLIE_BANCONTACT = "MOLLIE_BANCONTACT",
75
+ MOLLIE_IDEAL = "MOLLIE_IDEAL"
54
76
  }
55
77
  export declare enum TokenType {
56
78
  SINGLE_USE = "SINGLE_USE",
@@ -257,6 +279,11 @@ export interface SceneTransitionStyle extends SceneTransitionEventStyle {
257
279
  export interface InternalStyle {
258
280
  scene?: SceneTransitionStyle;
259
281
  }
282
+ export interface NetworkErrorStyles {
283
+ button?: {
284
+ base: BlockStyle & TextStyle;
285
+ };
286
+ }
260
287
  export interface CheckoutStyle {
261
288
  fontFaces?: Array<FontFace>;
262
289
  stylesheets?: Array<Stylesheet>;
@@ -266,6 +293,7 @@ export interface CheckoutStyle {
266
293
  inputErrorText?: TextStyle & TextAlignmentStyle;
267
294
  formSpacings?: FormSpacings;
268
295
  showMorePaymentMethodsButton?: ShowMorePaymentMethodsButtonStyles;
296
+ networkError?: NetworkErrorStyles;
269
297
  submitButton?: SubmitButtonStyles;
270
298
  vaultTitle?: TextStyle;
271
299
  savedPaymentMethodButton?: SavedPaymentMethodButtonStyles;
@@ -322,7 +350,7 @@ export interface KlarnaOptions {
322
350
  shippingAddress?: KlarnaAddress;
323
351
  }
324
352
  export declare type SupportedLocale = "de" | "de-DE" | "en" | "en-GB" | "es" | "es-ES" | "fr" | "fr-FR" | "it" | "it-IT";
325
- export declare type Alpha2CountryCode = "ES" | "FR" | "GB" | "DE" | "PL" | "IT";
353
+ export declare type Alpha2CountryCode = "ES" | "FR" | "GB" | "DE" | "PL" | "IT" | "US";
326
354
  export declare type Alpha3CurrencyCode = "EUR" | "GBP" | "USD";
327
355
  export declare type ElementOrID = Nullable<string | HTMLElement>;
328
356
  export declare type ValidationErrorType = "required" | "invalid";
@@ -376,15 +404,15 @@ export interface ExternalPayerInfo {
376
404
  email?: string;
377
405
  }
378
406
  export interface BillingAddress {
379
- firstName: string;
380
- lastName: string;
381
- addressLine1: string;
407
+ firstName?: string;
408
+ lastName?: string;
409
+ addressLine1?: string;
382
410
  addressLine2?: string;
383
411
  addressLine3?: string;
384
- city: string;
412
+ city?: string;
385
413
  state?: string;
386
- countryCode: Alpha2CountryCode;
387
- postalCode: string;
414
+ countryCode?: Alpha2CountryCode;
415
+ postalCode?: string;
388
416
  }
389
417
  export interface CustomerDetails {
390
418
  customerTaxId?: string;
@@ -615,6 +643,9 @@ export interface SinglePaymentMethodCheckoutOptions {
615
643
  onAmountChange?: (data: AmountChange) => void;
616
644
  onAmountChanging?: (isChanging: boolean) => void;
617
645
  onAmountChangeError?: (error: PrimerClientError) => void;
646
+ onDataChange?: (data: any) => Promise<{
647
+ clientToken: string;
648
+ } | false>;
618
649
  threeDSecure?: ThreeDSVerificationOptions;
619
650
  card?: CheckoutCardOptions;
620
651
  paypal?: Omit<PayPalOptions, "container">;
@@ -628,8 +659,17 @@ export interface SinglePaymentMethodCheckoutOptions {
628
659
  errorMessage?: ErrorMessageOptions;
629
660
  successScreen?: SuccessScreenOptions;
630
661
  form?: FormOptions;
662
+ /**
663
+ * @deprecated Use setClientToken with new client token instead
664
+ */
631
665
  customerDetails?: CustomerDetails;
666
+ /**
667
+ * @deprecated Use setClientToken with new client token instead
668
+ */
632
669
  businessDetails?: BusinessDetails;
670
+ /**
671
+ * @deprecated Use setClientToken with new client token instead
672
+ */
633
673
  orderDetails?: OrderDetails;
634
674
  }
635
675
  export interface VaultManagerOptions {
@@ -644,6 +684,9 @@ export interface VaultManagerOptions {
644
684
  onTokenizeStart?: () => void;
645
685
  onTokenizeSuccess: (data: PaymentMethodToken) => void;
646
686
  onTokenizeError?: (message: PrimerClientError) => void;
687
+ onDataChange?: (data: any) => Promise<{
688
+ clientToken: string;
689
+ } | false>;
647
690
  style?: CheckoutStyle;
648
691
  directDebit?: DirectDebitOptions;
649
692
  errorMessage?: ErrorMessageOptions;
@@ -656,6 +699,9 @@ export interface VaultManagerOptions {
656
699
  * @deprecated Use `orderDetails` instead
657
700
  */
658
701
  purchaseInfo?: VaultInformation;
702
+ /**
703
+ * @deprecated Provide details in call to /client-session instead
704
+ */
659
705
  orderDetails?: VaultDetails;
660
706
  paypal?: Omit<PayPalOptions, "container">;
661
707
  deletionDisabled?: boolean;
@@ -688,6 +734,9 @@ export interface CheckoutOptions {
688
734
  onAmountChange?: (data: AmountChange) => void;
689
735
  onAmountChanging?: (isChanging: boolean) => void;
690
736
  onAmountChangeError?: (error: PrimerClientError) => void;
737
+ onDataChange?: (data: any) => Promise<{
738
+ clientToken: string;
739
+ } | false>;
691
740
  threeDSecure?: ThreeDSVerificationOptions;
692
741
  card?: CheckoutCardOptions;
693
742
  paypal?: Omit<PayPalOptions, "container">;
@@ -701,8 +750,17 @@ export interface CheckoutOptions {
701
750
  errorMessage?: ErrorMessageOptions;
702
751
  successScreen?: SuccessScreenOptions;
703
752
  form?: FormOptions;
753
+ /**
754
+ * @deprecated Provide details in call to /client-session instead
755
+ */
704
756
  customerDetails?: CustomerDetails;
757
+ /**
758
+ * @deprecated Provide details in call to /client-session instead
759
+ */
705
760
  businessDetails?: BusinessDetails;
761
+ /**
762
+ * @deprecated Provide details in call to /client-session instead
763
+ */
706
764
  orderDetails?: OrderDetails;
707
765
  }
708
766
  export declare type FieldMetadata = {
@@ -729,8 +787,17 @@ export interface RenderOptions {
729
787
  * @deprecated Use `orderDetails` instead
730
788
  */
731
789
  purchaseInfo?: PurchaseInformation;
790
+ /**
791
+ * @deprecated Use setClientToken with new client token instead
792
+ */
732
793
  customerDetails?: CustomerDetails;
794
+ /**
795
+ * @deprecated Use setClientToken with new client token instead
796
+ */
733
797
  businessDetails?: BusinessDetails;
798
+ /**
799
+ * @deprecated Use setClientToken with new client token instead
800
+ */
734
801
  orderDetails?: OrderDetails;
735
802
  onTokenizeStart?: () => void;
736
803
  onTokenizeSuccess: (data: PaymentMethodToken) => void;
@@ -738,6 +805,9 @@ export interface RenderOptions {
738
805
  onTokenizeProgress?: (evt: {
739
806
  type: string;
740
807
  }) => void;
808
+ onDataChange?: (data: any) => Promise<{
809
+ clientToken: string;
810
+ } | false>;
741
811
  card?: {
742
812
  cardholderName?: MaybeThunk<string>;
743
813
  onChange?: (state: FormState) => void;
@@ -777,9 +847,19 @@ export interface PrimerCheckout {
777
847
  * @deprecated Use `setOrderDetails` instead
778
848
  */
779
849
  setPurchaseInfo(purchaseInfo: PurchaseInformation): Promise<void>;
850
+ /**
851
+ * @deprecated Use setClientToken with new client token instead
852
+ */
780
853
  setCustomerDetails(customerDetails: CustomerDetails | null): Promise<void>;
854
+ /**
855
+ * @deprecated Use setClientToken with new client token instead
856
+ */
781
857
  setBusinessDetails(businessDetails: BusinessDetails | null): Promise<void>;
858
+ /**
859
+ * @deprecated Use setClientToken with new client token instead
860
+ */
782
861
  setOrderDetails(orderDetails: OrderDetails | null, orderDetailsInitiator: string | null): Promise<void>;
862
+ setClientToken(clientToken: string): Promise<boolean>;
783
863
  }
784
864
  export interface PrimerSinglePaymentMethodCheckout {
785
865
  /**
@@ -791,6 +871,7 @@ export interface PrimerSinglePaymentMethodCheckout {
791
871
  */
792
872
  tokenize(): void;
793
873
  submit(): void;
874
+ setClientToken(clientToken: string): Promise<boolean>;
794
875
  }
795
876
  export interface PrimerVaultManager {
796
877
  teardown(): void;
@@ -897,6 +978,63 @@ declare class Analytics {
897
978
  setSessionId(id: string): void;
898
979
  getAnalyticsAction(action: AnalyticsAction): AnalyticsAction;
899
980
  }
981
+ export interface ClientSession {
982
+ clientSessionId: string;
983
+ order: ClientSessionOrder;
984
+ customer: ClientSessionCustomer;
985
+ paymentMethod: ClientSessionPaymentMethodOptions;
986
+ }
987
+ export interface ClientSessionLineItem {
988
+ itemId: string;
989
+ description: string;
990
+ amount: number;
991
+ quantity: number;
992
+ discountAmount?: number;
993
+ taxCode?: string;
994
+ taxAmount?: number;
995
+ }
996
+ export interface ClientSessionOrder {
997
+ orderId?: string;
998
+ currencyCode?: Alpha3CurrencyCode;
999
+ countryCode?: Alpha2CountryCode;
1000
+ totalOrderAmount?: number;
1001
+ merchantAmount?: number;
1002
+ lineItems?: ClientSessionLineItem[];
1003
+ shipping?: ClientSessionShipping;
1004
+ fees?: ClientSessionFeeItem[];
1005
+ }
1006
+ export interface ClientSessionShipping {
1007
+ amount: number;
1008
+ }
1009
+ export interface ClientSessionFeeItem {
1010
+ type?: string;
1011
+ description?: string;
1012
+ amount: number;
1013
+ }
1014
+ export interface ClientSessionCustomer {
1015
+ customerId?: string;
1016
+ emailAddress?: string;
1017
+ mobileNumber?: string;
1018
+ firstName?: string;
1019
+ lastName?: string;
1020
+ billingAddress?: ClientSessionAddress;
1021
+ shippingAddress?: ClientSessionAddress;
1022
+ taxId?: string;
1023
+ nationalDocumentId?: string;
1024
+ }
1025
+ export interface ClientSessionAddress {
1026
+ firstName?: string;
1027
+ lastName?: string;
1028
+ addressLine1?: string;
1029
+ addressLine2?: string;
1030
+ city?: string;
1031
+ state?: string;
1032
+ countryCode?: Alpha2CountryCode;
1033
+ postalCode?: string;
1034
+ }
1035
+ export interface ClientSessionPaymentMethodOptions {
1036
+ vaultOnSuccess: boolean;
1037
+ }
900
1038
  export interface PackageDeclaration {
901
1039
  type: string;
902
1040
  version: string;
@@ -1075,6 +1213,7 @@ export interface APIServices {
1075
1213
  }
1076
1214
  export interface RequestOptions {
1077
1215
  maxAttempts?: number;
1216
+ apiVersion?: string;
1078
1217
  }
1079
1218
  export interface APIRequestOptions {
1080
1219
  method: HttpMethod;
@@ -1142,6 +1281,33 @@ export interface IClientTokenHandler {
1142
1281
  addNewClientTokenListener(listener: NewClientTokenListener): any;
1143
1282
  removeNewClientTokenListener(listener: NewClientTokenListener): any;
1144
1283
  }
1284
+ declare class ClientTokenHandler implements IClientTokenHandler {
1285
+ private newClientTokenListeners;
1286
+ private currentClientToken;
1287
+ private currentDecodedClientToken;
1288
+ constructor();
1289
+ getCurrentClientToken(): string | undefined;
1290
+ getCurrentDecodedClientToken(): (CommonClientToken & {
1291
+ intent: ClientTokenIntent.CHECKOUT | undefined;
1292
+ }) | (CommonClientToken & {
1293
+ intent: ClientTokenIntent.THREEDS_AUTHENTICATION;
1294
+ tokenId: string;
1295
+ threeDSProvider: string;
1296
+ threeDSToken: string;
1297
+ threeDSInitUrl: string;
1298
+ }) | (CommonClientToken & {
1299
+ intent: string;
1300
+ } & Record<string, unknown>) | undefined;
1301
+ setClientToken(clientToken: string): void;
1302
+ addNewClientTokenListener(listener: NewClientTokenListener): void;
1303
+ removeNewClientTokenListener(listener: NewClientTokenListener): void;
1304
+ }
1305
+ declare class ClientConfigurationHandler {
1306
+ private api;
1307
+ private clientTokenHandler;
1308
+ constructor(api: Api, clientTokenHandler: ClientTokenHandler);
1309
+ getClientConfiguration(clientToken: string): Promise<ClientConfiguration>;
1310
+ }
1145
1311
  export interface LongPollServices {
1146
1312
  api: Api;
1147
1313
  }
@@ -1190,9 +1356,11 @@ export interface ClientSessionInfo {
1190
1356
  threeDSecureEnabled: boolean;
1191
1357
  accessToken: string;
1192
1358
  isTeardown: boolean;
1359
+ clientSession: ClientSession;
1193
1360
  }
1194
1361
  export interface ClientContext {
1195
1362
  clientTokenHandler: IClientTokenHandler;
1363
+ clientConfigurationHandler: ClientConfigurationHandler;
1196
1364
  iframes: IFrameFactory;
1197
1365
  messageBus: IFrameMessageBus;
1198
1366
  api: Api;
@@ -1203,6 +1371,14 @@ export interface ClientContext {
1203
1371
  moduleFactory: ModuleFactory;
1204
1372
  packages: Package[];
1205
1373
  }
1374
+ export interface ClientConfiguration {
1375
+ coreUrl: string;
1376
+ pciUrl: string;
1377
+ env: string;
1378
+ paymentMethods: PaymentMethodConfig[];
1379
+ checkoutModules: CheckoutModuleConfig[];
1380
+ clientSession: ClientSession;
1381
+ }
1206
1382
  declare class ThreeDSecure {
1207
1383
  private context;
1208
1384
  private provider;
@@ -1216,6 +1392,7 @@ declare class ThreeDSecure {
1216
1392
  }
1217
1393
  export interface IStyleManager {
1218
1394
  setStyle(style?: CheckoutStyle, internalStyle?: InternalStyle): void;
1395
+ getStyle(): CheckoutStyle | undefined;
1219
1396
  getHostedFieldStyle(): string | null;
1220
1397
  getApmButtonStyle(): PaymentMethodButtonStyle | null;
1221
1398
  }
@@ -1230,6 +1407,7 @@ declare class BasePaymentMethod {
1230
1407
  readonly type: PaymentMethodType;
1231
1408
  displayName: string;
1232
1409
  container: Element | null;
1410
+ remoteConfig: any;
1233
1411
  protected constructor(type: PaymentMethodType, name: string);
1234
1412
  static create: (_context: any, _options: Record<string, any>, _remoteConfig: any, _styleManager?: IStyleManager | undefined) => BasePaymentMethod;
1235
1413
  get specs(): PaymentMethodSpecs;
package/dist/loader.js CHANGED
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.loader=t():e.loader=t()}(this,(function(){return function(){var e={111:function(e){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},85:function(e){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},61:function(e,t,r){var n=r(742),o=r(549);function c(t,r,u){return o()?e.exports=c=Reflect.construct:e.exports=c=function(e,t,r){var o=[null];o.push.apply(o,t);var c=new(Function.bind.apply(e,o));return r&&n(c,r.prototype),c},c.apply(null,arguments)}e.exports=c},198:function(e){function t(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}e.exports=function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}},260:function(e){e.exports=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},588:function(e){function t(r){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},t(r)}e.exports=t},270:function(e,t,r){var n=r(742);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&n(e,t)}},477:function(e){e.exports=function(e){return-1!==Function.toString.call(e).indexOf("[native code]")}},549:function(e){e.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}},983:function(e,t,r){var n=r(921),o=r(111);e.exports=function(e,t){return!t||"object"!==n(t)&&"function"!=typeof t?o(e):t}},742:function(e){function t(r,n){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(r,n)}e.exports=t},921:function(e){function t(r){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=t=function(e){return typeof e}:e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(r)}e.exports=t},240:function(e,t,r){var n=r(588),o=r(742),c=r(477),u=r(61);function i(t){var r="function"==typeof Map?new Map:void 0;return e.exports=i=function(e){if(null===e||!c(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(e))return r.get(e);r.set(e,t)}function t(){return u(e,arguments,n(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),o(t,e)},i(t)}e.exports=i},558:function(e,t,r){"use strict";var n,o,c,u,i,E;r.r(t),r.d(t,{CheckoutUXFlow:function(){return y},ErrorCode:function(){return _},PaymentFlow:function(){return n},PaymentInstrumentType:function(){return u},PaymentMethodType:function(){return i},SuccessScreenType:function(){return k},ThreeDSecureStatus:function(){return c},TokenType:function(){return E},loadPrimer:function(){return U}}),function(e){e.DEFAULT="DEFAULT",e.PREFER_VAULT="PREFER_VAULT"}(n||(n={})),function(e){e.TOKENIZE_STARTED="tokenize-started",e.TOKENIZE_ERROR="tokenize-error",e.TOKENIZE_SUCCESS="tokenize-success",e.TOKENIZE_DID_NOT_START="tokenize-did-not-start"}(o||(o={})),function(e){e.SUCCESS="AUTH_SUCCESS",e.FAILED="AUTH_FAILED",e.SKIPPED="SKIPPED",e.CHALLENGE="CHALLENGE"}(c||(c={})),function(e){e.CARD="PAYMENT_CARD",e.APPLE_PAY="APPLE_PAY",e.GOOGLE_PAY="GOOGLE_PAY",e.PAYPAL="PAYPAL_ORDER",e.PAYPAL_VAULTED="PAYPAL_BILLING_AGREEMENT",e.GO_CARDLESS="GOCARDLESS",e.PAY_NL_IDEAL="PAY_NL_IDEAL",e.PAY_NL_SOFORT_BANKING="PAY_NL_SOFORT_BANKING",e.PAY_NL_BANCONTACT="PAY_NL_BANCONTACT",e.PAY_NL_PAYPAL="PAY_NL_PAYPAL",e.PAY_NL_CREDIT_TRANSFER="PAY_NL_CREDIT_TRANSFER",e.PAY_NL_DIRECT_DEBIT="PAY_NL_DIRECT_DEBIT",e.HOOLAH="HOOLAH"}(u||(u={})),function(e){e.PAYMENT_CARD="PAYMENT_CARD",e.APPLE_PAY="APPLE_PAY",e.GOOGLE_PAY="GOOGLE_PAY",e.PAYPAL="PAYPAL",e.GO_CARDLESS="GOCARDLESS",e.KLARNA="KLARNA",e.PAY_NL_IDEAL="PAY_NL_IDEAL",e.PAY_NL_SOFORT_BANKING="PAY_NL_SOFORT_BANKING",e.PAY_NL_BANCONTACT="PAY_NL_BANCONTACT",e.PAY_NL_PAYPAL="PAY_NL_PAYPAL",e.PAY_NL_CREDIT_TRANSFER="PAY_NL_CREDIT_TRANSFER",e.PAY_NL_DIRECT_DEBIT="PAY_NL_DIRECT_DEBIT",e.HOOLAH="HOOLAH"}(i||(i={})),function(e){e.SINGLE_USE="SINGLE_USE",e.MULTI_USE="MULTI_USE"}(E||(E={}));var _,A=r(85),T=r.n(A),R=r(198),p=r.n(R),P=r(111),D=r.n(P),f=r(270),a=r.n(f),O=r(983),N=r.n(O),m=r(588),s=r.n(m),d=r(240),C=r.n(d),l=r(260),S=r.n(l);function M(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=s()(e);if(t){var o=s()(this).constructor;Reflect.construct(n,arguments,o)}else n.apply(this,arguments);return N()(this,r)}}!function(e){e.PRIMER_TEARDOWN="PRIMER_TEARDOWN",e.PRIMER_SERVER_ERROR="PRIMER_SERVER_ERROR",e.THREE_DS_SETUP_ERROR="THREE_DS_SETUP_ERROR",e.THREE_DS_AUTH_FAILED="THREE_DS_AUTH_FAILED",e.THREE_DS_NEGOTIATION_ERROR="THREE_DS_NEGOTIATION_ERROR",e.TOKENIZATION_ERROR="TOKENIZATION_ERROR",e.DUPLICATE_PAYMENT_METHOD_ERROR="DUPLICATE_PAYMENT_METHOD_ERROR",e.CARD_NUMBER_ERROR="CARD_NUMBER_ERROR",e.PAYMENT_METHOD_NOT_SETUP="PAYMENT_METHOD_NOT_SETUP",e.RESUME_ERROR="RESUME_ERROR",e.TAX_ERROR="TAX_ERROR",e.VALIDATION_ERROR="VALIDATION_ERROR"}(_||(_={}));var h,I,L,y,k;Error;!function(e){e.LOADING="Loading",e.THREE_DS="UniversalCheckout/3ds",e.CHOOSE_PAYMENT_METHOD="UniversalCheckout/Home",e.MANAGE_PAYMENT_METHODS="VaultManager/Home",e.DIRECT_DEBIT_FORM="DirectDebit/Form",e.DIRECT_DEBIT_MANDATE="DirectDebit/Mandate",e.CREDIT_CARD_FORM="CreditCard/Form",e.SUCCESS_PAYMENT_METHOD="UniversalCheckout/Success/PaymentMethod",e.SUCCESS_CHECK="UniversalCheckout/Success/Check"}(h||(h={})),function(e){e.ROOT="primer-checkout",e.ROOT_CONTENT="primer-checkout-content",e.SUBMIT_BUTTON="primer-checkout-submit-button",e.THREE_DS_MODAL="primer-checkout-3ds-modal",e.VAULT="primer-checkout-vault",e.VAULT_INLINE="primer-checkout-vault-inline",e.NAVIGATE_PAYMENT_METHODS="primer-checkout-navigate-to-payment-methods",e.DIVIDER="primer-checkout-payment-method-divider",e.APM_BUTTONS="primer-checkout-apm-button-container",e.CARDHOLDER_NAME="primer-checkout-cardholder-name",e.CARDHOLDER_NAME_INPUT="primer-checkout-cardholder-name-input",e.ACTIONS="primer-checkout-actions",e.ACTIONS_MENU="primer-checkout-actions-menu",e.SAVE_PAYMENT_METHOD_CHECKBOX="primer-checkout-save-payment-method-input",e.SAVE_PAYMENT_METHOD_FIELD="primer-checkout-save-payment-method-field",e.SAVED_PAYMENT_METHODS_EMPTY="primer-checkout-saved-payment-methods-empty-text",e.CARD_FORM="primer-checkout-card-form",e.DD_SWITCH="primer-checkout-switch-dd-inputs",e.DD_IBAN_FIELD="primer-checkout-dd-iban-field",e.DD_LOCAL_FIELD="primer-checkout-dd-local-fields",e.DD_CUSTOMER_NAME_INPUT="primer-checkout-dd-customer-name-input",e.DD_CUSTOMER_EMAIL_INPUT="primer-checkout-dd-customer-email-input",e.DD_CUSTOMER_ADDRESS_LINE1="primer-checkout-dd-customer-address-input",e.DD_CUSTOMER_ADDRESS_LINE2="primer-checkout-dd-customer-address-line2-input",e.DD_CUSTOMER_ADDRESS_CITY="primer-checkout-dd-customer-city-input",e.DD_CUSTOMER_ADDRESS_POSTAL_CODE="primer-checkout-dd-customer-postal-code-input",e.DD_IBAN_INPUT="primer-checkout-dd-iban-input",e.DD_ACCOUNT_NUMBER_INPUT="primer-checkout-dd-account-number-input",e.DD_BANK_CODE_INPUT="primer-checkout-dd-bank-code-input",e.DD_BRANCH_CODE_INPUT="primer-checkout-dd-branch-code-input",e.DD_MANDATE_SMALL_PRINT="primer-checkout-small-print",e.ERROR_MESSAGE="primer-checkout-error-message"}(I||(I={})),function(e){e.TOKEN="PrimerCheckout__token",e.HIDDEN="PrimerCheckout--hidden",e.FOCUSED="PrimerCheckout--focused",e.SELECTED="PrimerCheckout--selected",e.LOADING="PrimerCheckout--loading",e.ERROR="PrimerCheckout--error",e.CARD_TYPE="PrimerCheckout__cardType",e.SAVED_PAYMENT_METHOD="PrimerCheckout__savedPaymentMethod",e.SAVED_PAYMENT_METHOD_CONTAINER="PrimerCheckout__savedPaymentMethodContainer",e.APM_BUTTON="PrimerCheckout__apmButton",e.EDIT_BUTTON="PrimerCheckout__editButton",e.MENU="PrimerCheckout__dropDownMenu",e.MENU_ITEM="PrimerCheckout__dropDownMenuItem",e.PAYMENT_METHOD_MENU_ITEM="PrimerCheckout__paymentMethodDropDownMenuItem",e.DELETE_PAYMENT_METHOD_BUTTON="PrimerCheckout__paymentMethodDropDownMenuItem__deleteButton",e.ENTER="PrimerCheckout--enter",e.ENTERING="PrimerCheckout--entering",e.ENTERED="PrimerCheckout--entered",e.EXIT="PrimerCheckout--exit",e.EXITING="PrimerCheckout--exiting",e.EXITED="PrimerCheckout--exited"}(L||(L={})),function(e){e.CHECKOUT="CHECKOUT",e.MANAGE_PAYMENT_METHODS="MANAGE_PAYMENT_METHODS",e.SINGLE_PAYMENT_METHOD_CHECKOUT="SINGLE_PAYMENT_METHOD_CHECKOUT"}(y||(y={})),function(e){e.PaymentMethod="PaymentMethod",e.PAYMENT_METHOD="PAYMENT_METHOD",e.CHECK="CHECK"}(k||(k={}));var Y=null,U=function(){return Y||(window.Primer?Promise.resolve(window.Primer):Y=new Promise((function(e,t){var r=window.document.querySelector('script[src^="'.concat("https://sdk.primer.io/web/v1.15.1/Primer.min.js",'"]'));r||((r=document.createElement("script")).setAttribute("src","https://sdk.primer.io/web/v1.15.1/Primer.min.js"),r.setAttribute("crossorigin","anonymous")),r.onload=function(){e(window.Primer)},r.onerror=function(){var e;Y=null,null===(e=r)||void 0===e||e.remove(),t(new Error("Can't load Primer"))},window.document.head.appendChild(r)})))}}},t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={exports:{}};return e[n](o,o.exports,r),o.exports}return r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r(558)}()}));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.loader=t():e.loader=t()}(this,(function(){return function(){var e={111:function(e){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},85:function(e){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},61:function(e,t,r){var n=r(742),o=r(549);function _(t,r,E){return o()?e.exports=_=Reflect.construct:e.exports=_=function(e,t,r){var o=[null];o.push.apply(o,t);var _=new(Function.bind.apply(e,o));return r&&n(_,r.prototype),_},_.apply(null,arguments)}e.exports=_},198:function(e){function t(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}e.exports=function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}},260:function(e){e.exports=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},588:function(e){function t(r){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},t(r)}e.exports=t},270:function(e,t,r){var n=r(742);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&n(e,t)}},477:function(e){e.exports=function(e){return-1!==Function.toString.call(e).indexOf("[native code]")}},549:function(e){e.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}},983:function(e,t,r){var n=r(921),o=r(111);e.exports=function(e,t){return!t||"object"!==n(t)&&"function"!=typeof t?o(e):t}},742:function(e){function t(r,n){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(r,n)}e.exports=t},921:function(e){function t(r){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=t=function(e){return typeof e}:e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(r)}e.exports=t},240:function(e,t,r){var n=r(588),o=r(742),_=r(477),E=r(61);function c(t){var r="function"==typeof Map?new Map:void 0;return e.exports=c=function(e){if(null===e||!_(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(e))return r.get(e);r.set(e,t)}function t(){return E(e,arguments,n(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),o(t,e)},c(t)}e.exports=c},558:function(e,t,r){"use strict";var n,o,_,E,c,u;r.r(t),r.d(t,{CheckoutUXFlow:function(){return h},ErrorCode:function(){return i},PaymentFlow:function(){return n},PaymentInstrumentType:function(){return E},PaymentMethodType:function(){return c},SuccessScreenType:function(){return y},ThreeDSecureStatus:function(){return _},TokenType:function(){return u},loadPrimer:function(){return k}}),function(e){e.DEFAULT="DEFAULT",e.PREFER_VAULT="PREFER_VAULT"}(n||(n={})),function(e){e.TOKENIZE_STARTED="tokenize-started",e.TOKENIZE_ERROR="tokenize-error",e.TOKENIZE_SUCCESS="tokenize-success",e.TOKENIZE_DID_NOT_START="tokenize-did-not-start"}(o||(o={})),function(e){e.SUCCESS="AUTH_SUCCESS",e.FAILED="AUTH_FAILED",e.SKIPPED="SKIPPED",e.CHALLENGE="CHALLENGE"}(_||(_={})),function(e){e.CARD="PAYMENT_CARD",e.APPLE_PAY="APPLE_PAY",e.GOOGLE_PAY="GOOGLE_PAY",e.PAYPAL="PAYPAL_ORDER",e.PAYPAL_VAULTED="PAYPAL_BILLING_AGREEMENT",e.GO_CARDLESS="GOCARDLESS",e.PAY_NL_IDEAL="PAY_NL_IDEAL",e.PAY_NL_SOFORT_BANKING="PAY_NL_SOFORT_BANKING",e.PAY_NL_BANCONTACT="PAY_NL_BANCONTACT",e.PAY_NL_PAYPAL="PAY_NL_PAYPAL",e.PAY_NL_CREDIT_TRANSFER="PAY_NL_CREDIT_TRANSFER",e.PAY_NL_DIRECT_DEBIT="PAY_NL_DIRECT_DEBIT",e.PAY_NL_GIROPAY="PAY_NL_GIROPAY",e.PAY_NL_PAYCONIQ="PAY_NL_PAYCONIQ",e.HOOLAH="HOOLAH",e.ADYEN_VIPPS="ADYEN_VIPPS",e.ADYEN_GIROPAY="ADYEN_GIROPAY",e.ADYEN_SOFORT="ADYEN_SOFORT",e.ADYEN_TRUSTLY="ADYEN_TRUSTLY",e.ADYEN_ALIPAY="ADYEN_ALIPAY",e.ADYEN_TWINT="ADYEN_TWINT",e.ADYEN_MOBILEPAY="ADYEN_MOBILEPAY",e.MOLLIE_BANCONTACT="MOLLIE_BANCONTACT",e.MOLLIE_IDEAL="MOLLIE_IDEAL"}(E||(E={})),function(e){e.PAYMENT_CARD="PAYMENT_CARD",e.APPLE_PAY="APPLE_PAY",e.GOOGLE_PAY="GOOGLE_PAY",e.PAYPAL="PAYPAL",e.GO_CARDLESS="GOCARDLESS",e.KLARNA="KLARNA",e.PAY_NL_IDEAL="PAY_NL_IDEAL",e.PAY_NL_SOFORT_BANKING="PAY_NL_SOFORT_BANKING",e.PAY_NL_BANCONTACT="PAY_NL_BANCONTACT",e.PAY_NL_PAYPAL="PAY_NL_PAYPAL",e.PAY_NL_CREDIT_TRANSFER="PAY_NL_CREDIT_TRANSFER",e.PAY_NL_DIRECT_DEBIT="PAY_NL_DIRECT_DEBIT",e.PAY_NL_GIROPAY="PAY_NL_GIROPAY",e.PAY_NL_PAYCONIQ="PAY_NL_PAYCONIQ",e.HOOLAH="HOOLAH",e.ADYEN_MOBILEPAY="ADYEN_MOBILEPAY",e.ADYEN_VIPPS="ADYEN_VIPPS",e.ADYEN_GIROPAY="ADYEN_GIROPAY",e.ADYEN_SOFORT="ADYEN_SOFORT",e.ADYEN_TRUSTLY="ADYEN_TRUSTLY",e.ADYEN_ALIPAY="ADYEN_ALIPAY",e.ADYEN_TWINT="ADYEN_TWINT",e.MOLLIE_BANCONTACT="MOLLIE_BANCONTACT",e.MOLLIE_IDEAL="MOLLIE_IDEAL"}(c||(c={})),function(e){e.SINGLE_USE="SINGLE_USE",e.MULTI_USE="MULTI_USE"}(u||(u={}));var i,A=r(85),T=r.n(A),N=r(198),P=r.n(N),D=r(111),O=r.n(D),R=r(270),p=r.n(R),a=r(983),f=r.n(a),I=r(588),L=r.n(I),m=r(240),s=r.n(m),d=r(260),C=r.n(d);function S(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=L()(e);if(t){var o=L()(this).constructor;Reflect.construct(n,arguments,o)}else n.apply(this,arguments);return f()(this,r)}}!function(e){e.PRIMER_TEARDOWN="PRIMER_TEARDOWN",e.PRIMER_SERVER_ERROR="PRIMER_SERVER_ERROR",e.THREE_DS_SETUP_ERROR="THREE_DS_SETUP_ERROR",e.THREE_DS_AUTH_FAILED="THREE_DS_AUTH_FAILED",e.THREE_DS_NEGOTIATION_ERROR="THREE_DS_NEGOTIATION_ERROR",e.TOKENIZATION_ERROR="TOKENIZATION_ERROR",e.DUPLICATE_PAYMENT_METHOD_ERROR="DUPLICATE_PAYMENT_METHOD_ERROR",e.CARD_NUMBER_ERROR="CARD_NUMBER_ERROR",e.PAYMENT_METHOD_NOT_SETUP="PAYMENT_METHOD_NOT_SETUP",e.RESUME_ERROR="RESUME_ERROR",e.TAX_ERROR="TAX_ERROR",e.VALIDATION_ERROR="VALIDATION_ERROR"}(i||(i={}));var Y,M,l,h,y;Error;!function(e){e.LOADING="Loading",e.THREE_DS="UniversalCheckout/3ds",e.CHOOSE_PAYMENT_METHOD="UniversalCheckout/Home",e.MANAGE_PAYMENT_METHODS="VaultManager/Home",e.DIRECT_DEBIT_FORM="DirectDebit/Form",e.DIRECT_DEBIT_MANDATE="DirectDebit/Mandate",e.CREDIT_CARD_FORM="CreditCard/Form",e.SUCCESS_PAYMENT_METHOD="UniversalCheckout/Success/PaymentMethod",e.SUCCESS_CHECK="UniversalCheckout/Success/Check"}(Y||(Y={})),function(e){e.ROOT="primer-checkout",e.ROOT_CONTENT="primer-checkout-content",e.SUBMIT_BUTTON="primer-checkout-submit-button",e.THREE_DS_MODAL="primer-checkout-3ds-modal",e.VAULT="primer-checkout-vault",e.VAULT_INLINE="primer-checkout-vault-inline",e.NAVIGATE_PAYMENT_METHODS="primer-checkout-navigate-to-payment-methods",e.DIVIDER="primer-checkout-payment-method-divider",e.APM_BUTTONS="primer-checkout-apm-button-container",e.CARDHOLDER_NAME="primer-checkout-cardholder-name",e.CARDHOLDER_NAME_INPUT="primer-checkout-cardholder-name-input",e.ACTIONS="primer-checkout-actions",e.ACTIONS_MENU="primer-checkout-actions-menu",e.SAVE_PAYMENT_METHOD_CHECKBOX="primer-checkout-save-payment-method-input",e.SAVE_PAYMENT_METHOD_FIELD="primer-checkout-save-payment-method-field",e.SAVED_PAYMENT_METHODS_EMPTY="primer-checkout-saved-payment-methods-empty-text",e.CARD_FORM="primer-checkout-card-form",e.DD_SWITCH="primer-checkout-switch-dd-inputs",e.DD_IBAN_FIELD="primer-checkout-dd-iban-field",e.DD_LOCAL_FIELD="primer-checkout-dd-local-fields",e.DD_CUSTOMER_NAME_INPUT="primer-checkout-dd-customer-name-input",e.DD_CUSTOMER_EMAIL_INPUT="primer-checkout-dd-customer-email-input",e.DD_CUSTOMER_ADDRESS_LINE1="primer-checkout-dd-customer-address-input",e.DD_CUSTOMER_ADDRESS_LINE2="primer-checkout-dd-customer-address-line2-input",e.DD_CUSTOMER_ADDRESS_CITY="primer-checkout-dd-customer-city-input",e.DD_CUSTOMER_ADDRESS_POSTAL_CODE="primer-checkout-dd-customer-postal-code-input",e.DD_IBAN_INPUT="primer-checkout-dd-iban-input",e.DD_ACCOUNT_NUMBER_INPUT="primer-checkout-dd-account-number-input",e.DD_BANK_CODE_INPUT="primer-checkout-dd-bank-code-input",e.DD_BRANCH_CODE_INPUT="primer-checkout-dd-branch-code-input",e.DD_MANDATE_SMALL_PRINT="primer-checkout-small-print",e.ERROR_MESSAGE="primer-checkout-error-message"}(M||(M={})),function(e){e.TOKEN="PrimerCheckout__token",e.HIDDEN="PrimerCheckout--hidden",e.FOCUSED="PrimerCheckout--focused",e.SELECTED="PrimerCheckout--selected",e.LOADING="PrimerCheckout--loading",e.ERROR="PrimerCheckout--error",e.CARD_TYPE="PrimerCheckout__cardType",e.SAVED_PAYMENT_METHOD="PrimerCheckout__savedPaymentMethod",e.SAVED_PAYMENT_METHOD_CONTAINER="PrimerCheckout__savedPaymentMethodContainer",e.APM_BUTTON="PrimerCheckout__apmButton",e.EDIT_BUTTON="PrimerCheckout__editButton",e.MENU="PrimerCheckout__dropDownMenu",e.MENU_ITEM="PrimerCheckout__dropDownMenuItem",e.PAYMENT_METHOD_MENU_ITEM="PrimerCheckout__paymentMethodDropDownMenuItem",e.DELETE_PAYMENT_METHOD_BUTTON="PrimerCheckout__paymentMethodDropDownMenuItem__deleteButton",e.ENTER="PrimerCheckout--enter",e.ENTERING="PrimerCheckout--entering",e.ENTERED="PrimerCheckout--entered",e.EXIT="PrimerCheckout--exit",e.EXITING="PrimerCheckout--exiting",e.EXITED="PrimerCheckout--exited"}(l||(l={})),function(e){e.CHECKOUT="CHECKOUT",e.MANAGE_PAYMENT_METHODS="MANAGE_PAYMENT_METHODS",e.SINGLE_PAYMENT_METHOD_CHECKOUT="SINGLE_PAYMENT_METHOD_CHECKOUT"}(h||(h={})),function(e){e.PaymentMethod="PaymentMethod",e.PAYMENT_METHOD="PAYMENT_METHOD",e.CHECK="CHECK"}(y||(y={}));var U=null,k=function(){return U||(window.Primer?Promise.resolve(window.Primer):U=new Promise((function(e,t){var r=window.document.querySelector('script[src^="'.concat("https://sdk.primer.io/web/v1.18.0-beta.4/Primer.min.js",'"]'));r||((r=document.createElement("script")).setAttribute("src","https://sdk.primer.io/web/v1.18.0-beta.4/Primer.min.js"),r.setAttribute("crossorigin","anonymous")),r.onload=function(){e(window.Primer)},r.onerror=function(){var e;U=null,null===(e=r)||void 0===e||e.remove(),t(new Error("Can't load Primer"))},window.document.head.appendChild(r)})))}}},t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={exports:{}};return e[n](o,o.exports,r),o.exports}return r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r(558)}()}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer-io/checkout-web",
3
- "version": "1.15.1",
3
+ "version": "1.18.0-beta.4",
4
4
  "description": "Primer.js for the web",
5
5
  "author": "Will Knowles <will@primerapi.com>",
6
6
  "homepage": "",
@@ -26,5 +26,5 @@
26
26
  "lint": "eslint ./src",
27
27
  "check-types": "tsc --noemit -p tsconfig.json"
28
28
  },
29
- "gitHead": "4938cc95f642acd637512646ff84507991c11067"
29
+ "gitHead": "d763d3ef77626fc9fec2ee73291b8d9d2b80ed99"
30
30
  }