@primer-io/checkout-web 2.14.0 β 2.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/README.md +273 -77
- package/dist/Checkout.css +1 -1
- package/dist/index.d.ts +23 -0
- package/dist/loader.js +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @primer-io/checkout-web
|
|
2
2
|
|
|
3
|
+
## 2.16.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 26e9f9a7: Add Headless Universal Checkout
|
|
8
|
+
- c85821d2: Add Bancontact Card via Adyen
|
|
9
|
+
|
|
10
|
+
## 2.15.0
|
|
11
|
+
|
|
12
|
+
### Minor Changes
|
|
13
|
+
|
|
14
|
+
- 3ea62aa4: Add Bancontact Card via Adyen
|
|
15
|
+
|
|
3
16
|
## 2.14.0
|
|
4
17
|
|
|
5
18
|
### Minor Changes
|
package/README.md
CHANGED
|
@@ -51,11 +51,7 @@ For any support or integration related queries, feel free to [Contact Us](mailto
|
|
|
51
51
|
|
|
52
52
|
<br/>
|
|
53
53
|
|
|
54
|
-
## π Quick start
|
|
55
54
|
|
|
56
|
-
Take a look at our [Quick Start Guide](https://primer.io/docs/integration-builder/) for accepting your first payment with Universal Checkout.
|
|
57
|
-
|
|
58
|
-
<br/>
|
|
59
55
|
|
|
60
56
|
# π Prerequisites
|
|
61
57
|
|
|
@@ -65,6 +61,7 @@ Take a look at our [Quick Start Guide](https://primer.io/docs/integration-builde
|
|
|
65
61
|
|
|
66
62
|
<br/>
|
|
67
63
|
|
|
64
|
+
|
|
68
65
|
# π§± Installation
|
|
69
66
|
|
|
70
67
|
## With npm (recommended)
|
|
@@ -82,10 +79,12 @@ yarn add @primer-io/checkout-web
|
|
|
82
79
|
npm install --save @primer-io/checkout-web
|
|
83
80
|
|
|
84
81
|
```
|
|
82
|
+
Then import `Primer` in your application
|
|
85
83
|
|
|
86
84
|
```typescript
|
|
87
85
|
import { Primer } from '@primer-io/checkout-web';
|
|
88
86
|
|
|
87
|
+
// For example
|
|
89
88
|
Primer.showUniversalCheckout(clientToken, {
|
|
90
89
|
/* Options */
|
|
91
90
|
});
|
|
@@ -106,21 +105,37 @@ Ensure that you're providing the desired version in the script tag. In the case
|
|
|
106
105
|
></script>
|
|
107
106
|
```
|
|
108
107
|
|
|
109
|
-
`Primer.min.js` will add the Primer object to the global scope
|
|
108
|
+
`Primer.min.js` will add the `Primer` object to the global scope.
|
|
110
109
|
|
|
111
110
|
```typescript
|
|
112
111
|
const { Primer } = window;
|
|
113
112
|
|
|
113
|
+
// For example
|
|
114
114
|
Primer.showUniversalCheckout(clientToken, {
|
|
115
115
|
/* Options */
|
|
116
116
|
});
|
|
117
117
|
```
|
|
118
118
|
|
|
119
|
+
# π Ways of integrating the SDK
|
|
120
|
+
|
|
121
|
+
The simplest way to integrate with Primer is with our **Drop-In Universal Checkout**.
|
|
122
|
+
With just a few lines of code, you can display a fully in-context checkout UI with all your payment methods.
|
|
123
|
+
|
|
124
|
+
Where there is a need for more customization and control over the checkout experience, a headless version of Primerβs Universal Checkout is available.
|
|
125
|
+
You can use Headless Universal Checkout with your own UI, giving you more flexibility and allowing you to move faster when making design changes, while still having Primer capture sensitive PCI card data or other form data.
|
|
126
|
+
|
|
119
127
|
<br/>
|
|
120
128
|
|
|
129
|
+
# Drop-In Universal Checkout
|
|
130
|
+
|
|
131
|
+
## π Quick start
|
|
132
|
+
|
|
133
|
+
Take a look at our [Quick Start Guide](https://primer.io/docs/integration-builder/) for accepting your first payment with Universal Checkout.
|
|
134
|
+
|
|
135
|
+
|
|
121
136
|
## π©βπ» Usage
|
|
122
137
|
|
|
123
|
-
### π
|
|
138
|
+
### π Rendering the checkout
|
|
124
139
|
|
|
125
140
|
Availing Universal Checkout is as easy as implementing one line of code:
|
|
126
141
|
|
|
@@ -157,7 +172,7 @@ const universalCheckout = await Primer.showUniversalCheckout(
|
|
|
157
172
|
|
|
158
173
|
Note that there are more options which can be passed to Universal Checkout. Please refer to the section below for more information.
|
|
159
174
|
|
|
160
|
-
|
|
175
|
+
### Wait for Universal Checkout to be loaded
|
|
161
176
|
|
|
162
177
|
`Primer.showUniversalCheckout(clientToken, options)` returns a Promise that is resolved when Universal Checkout has been properly rendered on the page.
|
|
163
178
|
|
|
@@ -185,7 +200,7 @@ Primer.showUniversalCheckout(clientToken, options)
|
|
|
185
200
|
|
|
186
201
|
<br/>
|
|
187
202
|
|
|
188
|
-
## π§°
|
|
203
|
+
## π§° Checkout Options
|
|
189
204
|
|
|
190
205
|
When calling `showUniversalCheckout` you can provide Universal Checkout with some configuration options.
|
|
191
206
|
|
|
@@ -306,73 +321,6 @@ const options = {
|
|
|
306
321
|
|
|
307
322
|
Learn more about the [payment method specific options](https://www.notion.so/primerio/Checkout-Documentation-589aeae3387a4025917db6e29810ebaf).
|
|
308
323
|
|
|
309
|
-
<!--
|
|
310
|
-
#### βοΈ _Redirect Options_
|
|
311
|
-
|
|
312
|
-
Handling redirects is required for Payment Methods like iDeal that present a webpage for the customer to enter their credentials and validate their payment.
|
|
313
|
-
|
|
314
|
-
When the user selects such a Payment Method, Universal Checkout will first attempt to show the webpage in a popup or a browser tab to maintain the context, and will then safely bring the user back to the initial page to continue the flow.
|
|
315
|
-
|
|
316
|
-
This however does not work properly in some scenario involving third-party apps through deep linking.
|
|
317
|
-
|
|
318
|
-
| option | Type | Description | Default | |
|
|
319
|
-
| ------------------------ | ------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- |
|
|
320
|
-
| `redirect.returnUrl` | String | If creating a popup or tab is not possible, Universal Checkout will automatically redirect the user back to this URL. | | optional |
|
|
321
|
-
| `redirect.forceRedirect` | Boolean | Forces redirect instead of using popups. <br /> _This negatively affects the User Experience. We recommend to only use this option in your testing environment._ | false | optional |
|
|
322
|
-
|
|
323
|
-
#### βοΈ _Card Options_
|
|
324
|
-
|
|
325
|
-
These options only apply to the native Card implementation (`PAYMENT_CARD`).
|
|
326
|
-
|
|
327
|
-
| option | Type | Description | Default | |
|
|
328
|
-
| ----------------------------- | --------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | -------- |
|
|
329
|
-
| `card.preferredFlow` | `DEDICATED_SCENE` or `EMBEDDED_IN_HOME` | `DEDICATED_SCENE`<br />Attempt to display a card button in the home scene. Clicking on this button will show the card form. <br /> <br /> `EMBEDDED_IN_HOME`<br /> Attempt to display the entire card form within the home scene. | `EMBEDDED_IN_HOME` | optional |
|
|
330
|
-
| `card.cardNumber.placeholder` | String | Placeholder for the card number field. | `1234 1234 1234 1234` | optional |
|
|
331
|
-
| `card.expiryDate.placeholder` | String | Placeholder for the card number field. | Localized version of `MM/YY` | optional |
|
|
332
|
-
| `card.expiryDate.cvv` | String | Placeholder for the card number field. | `***` or `****` depending on the card scheme | optional |
|
|
333
|
-
|
|
334
|
-
---
|
|
335
|
-
|
|
336
|
-
#### βοΈ _Apple Pay Options_
|
|
337
|
-
|
|
338
|
-
These options only apply to the native Apple Pay implementation (`APPLE_PAY`).
|
|
339
|
-
|
|
340
|
-
| option | Type | Description | Default | |
|
|
341
|
-
| ---------------------- | ------------------------------------------------------------------- | -------------------------------------------- | ------- | -------- |
|
|
342
|
-
| `applePay.buttonType` | `plain`, `buy`, `set-up`, `donate`, `check-out`, `book`, `suscribe` | Control the content of the Apple Pay button. | `plain` | optional |
|
|
343
|
-
| `applePay.buttonStyle` | `white`, `white-outline`, `black` | Control the style of button. | `black` | optional |
|
|
344
|
-
|
|
345
|
-
#### βοΈ _Google Pay Options_
|
|
346
|
-
|
|
347
|
-
These options only apply to the native Google Pay implementation (`GOOGLE_PAY`).
|
|
348
|
-
|
|
349
|
-
| option | Type | Description | Default | |
|
|
350
|
-
| ---------------------- | --------------------------- | ------------------------------------------- | --------- | -------- |
|
|
351
|
-
| `googlePay.buttonType` | `long`, `short` | Control the size of the Google Pay button. | `long` | optional |
|
|
352
|
-
| `google.buttonColor` | `default`, `black`, `white` | Control the color of the Google Pay button. | `default` | optional |
|
|
353
|
-
|
|
354
|
-
#### βοΈ _PayPal Options_
|
|
355
|
-
|
|
356
|
-
These options only apply to the native PayPal implementation (`PAYPAL`).
|
|
357
|
-
|
|
358
|
-
| option | Type | Description | Default | |
|
|
359
|
-
| -------------------- | -------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- |
|
|
360
|
-
| `paypal.buttonColor` | `gold`, `blue`, `silver`, `white`, `black` | Control the color of the PayPal button. | `gold` | optional |
|
|
361
|
-
| `paypal.buttonLabel` | `checkout`, `credit`, `pay`, `buynow`, `paypal`, `installment` | Control the label written in the PayPal button. | `PayPal` | optional |
|
|
362
|
-
| `paypal.paymentFlow` | `DEFAULT`, `PREFER_VAULT` | `DEFAULT`<br />Prepare everything to make a payment with PayPal. <br /><br />`PREFER_VAULT`<br />Vaut PayPal before making a payment. <br />Make sure the [`customerId`](https://apiref.primer.io/reference/create_client_side_token_client_session_post#request.body.customerId) is set in the client session. | `DEFAULT` | optional |
|
|
363
|
-
|
|
364
|
-
#### βοΈ _Klarna Options_
|
|
365
|
-
|
|
366
|
-
These options only apply to the native Klarna implementation (`KLARNA`).
|
|
367
|
-
|
|
368
|
-
| option | Type | Description | Default | |
|
|
369
|
-
| ------------------------------------ | ------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------- | -------- |
|
|
370
|
-
| `klarna.recurringPaymentDescription` | String | Β Payment description used for recurring payments | | optional |
|
|
371
|
-
| `klarna.allowedPaymentCategories` | Array of categories <br /> `pay_now`, `pay_later`, `pay_over_time` | List of categories allowed to be presented to the customer | `['pay_now', 'pay_later', 'pay_over_time']` | optional |
|
|
372
|
-
| `klarna.paymentFlow` | `DEFAULT`, `PREFER_VAULT` | `DEFAULT`<br />Prepare everything to make a payment with Klarna. <br /><br />`PREFER_VAULT`<br />Vaut Klarna before making a payment. <br />Make sure the [`customerId`](https://apiref.primer.io/reference/create_client_side_token_client_session_post#request.body.customerId) is set in the client session. | `DEFAULT` | optional |
|
|
373
|
-
|
|
374
|
-
-->
|
|
375
|
-
|
|
376
324
|
---
|
|
377
325
|
|
|
378
326
|
### π¨ **Customization Options**
|
|
@@ -652,11 +600,11 @@ Payment methods that supports this flow
|
|
|
652
600
|
|
|
653
601
|
- Gift Cards with Mollie: `PAYMENT_CARD`
|
|
654
602
|
|
|
655
|
-
## π§
|
|
603
|
+
## π§ <a id="checkout-methods"></a> Checkout Methods
|
|
656
604
|
|
|
657
605
|
Universal Checkout exposes some methods which can be called to perform some specific actions:
|
|
658
606
|
|
|
659
|
-
### **
|
|
607
|
+
### **Updating the Client Session**
|
|
660
608
|
|
|
661
609
|
When updating the client session, after the checkout has been initialized, you will receive a client token in the response returned from `PATCH /client-session`.
|
|
662
610
|
|
|
@@ -713,3 +661,251 @@ universalCheckout.setTokenizationEnabled(false);
|
|
|
713
661
|
universalCheckout.setPaymentCreationEnabled(true);
|
|
714
662
|
universalCheckout.setTokenizationEnabled(true);
|
|
715
663
|
```
|
|
664
|
+
|
|
665
|
+
|
|
666
|
+
# Headless Universal Checkout
|
|
667
|
+
|
|
668
|
+
## π©βπ» Usage
|
|
669
|
+
|
|
670
|
+
### π Initialize the headless checkout
|
|
671
|
+
|
|
672
|
+
Once you have a client token, you can initialize Primerβs Headless Checkout with `Primer.createHeadless(clientToken)`.
|
|
673
|
+
|
|
674
|
+
You should then configure the `onAvailablePaymentMethodsLoad` listener. The listener will return the available payment methods for the client session.
|
|
675
|
+
|
|
676
|
+
Payment methods are added and configured through Primer's Dashboard. The listener will return the payment methods whose conditions match the current client session.
|
|
677
|
+
|
|
678
|
+
Below is an example of a basic implementation of Headless Universal Checkout:
|
|
679
|
+
|
|
680
|
+
```typescript
|
|
681
|
+
const clientToken = '...'; // client token retrieved from your backend
|
|
682
|
+
|
|
683
|
+
async function onAvailablePaymentMethodsLoad(paymentMethods) {
|
|
684
|
+
for (const paymentMethod of paymentMethods) {
|
|
685
|
+
switch (paymentMethod) {
|
|
686
|
+
case 'PAYMENT_CARD': {
|
|
687
|
+
// Configure your card form (see Step 3)
|
|
688
|
+
}
|
|
689
|
+
// More payment methods to follow
|
|
690
|
+
}
|
|
691
|
+
}
|
|
692
|
+
}
|
|
693
|
+
|
|
694
|
+
function onCheckoutComplete({ payment }) {
|
|
695
|
+
console.log('onCheckoutComplete', payment);
|
|
696
|
+
}
|
|
697
|
+
|
|
698
|
+
function onCheckoutFail(error, { payment }, handler) {
|
|
699
|
+
console.error('onCheckoutFail', error, payment);
|
|
700
|
+
|
|
701
|
+
handler?.showErrorMessage('fail');
|
|
702
|
+
}
|
|
703
|
+
|
|
704
|
+
const { Primer } = window;
|
|
705
|
+
|
|
706
|
+
const headless = await Primer.createHeadless(clientToken);
|
|
707
|
+
|
|
708
|
+
await headless.configure({
|
|
709
|
+
onAvailablePaymentMethodsLoad,
|
|
710
|
+
onCheckoutComplete,
|
|
711
|
+
onCheckoutFail
|
|
712
|
+
});
|
|
713
|
+
|
|
714
|
+
await headless.start();
|
|
715
|
+
|
|
716
|
+
console.log('Headless Universal Checkout is loaded!')
|
|
717
|
+
```
|
|
718
|
+
|
|
719
|
+
Note that there are more options which can be passed to Universal Checkout. Please refer to the section below for more information.
|
|
720
|
+
|
|
721
|
+
|
|
722
|
+
### π Create your UI
|
|
723
|
+
|
|
724
|
+
You can create any UI that suits your needs, using the provided inputs and components we provide.
|
|
725
|
+
|
|
726
|
+
Currently, the only supported payment method is card payments.
|
|
727
|
+
|
|
728
|
+
#### Create card form elements
|
|
729
|
+
|
|
730
|
+
When `PAYMENT_CARD` is available as a payment method, you should build your own card form using Primer input elements.
|
|
731
|
+
|
|
732
|
+
See our (documentation)[https://primer.io/docs/accept-payments/headless-universal-checkout/web/#step-3-create-your-ui] for further instructions.
|
|
733
|
+
|
|
734
|
+
### π§° Headless Options
|
|
735
|
+
|
|
736
|
+
|
|
737
|
+
| option | Type | Description | |
|
|
738
|
+
|-----------------------|------------|-------------------------------------------------------------------------------------------|----------|
|
|
739
|
+
| `paymentHandling` | `string` | Either `AUTO` (default) or `MANUAL` | optional |
|
|
740
|
+
| `locale` | `string` | This option forces the locale. By default, the locale will be set to the browser's locale | optional |
|
|
741
|
+
|
|
742
|
+
<br/>
|
|
743
|
+
|
|
744
|
+
### π§° Headless Methods
|
|
745
|
+
|
|
746
|
+
When you call `primer.createHeadless(clientToken)`, you get an instance of `PrimerHeadlessCheckout`:
|
|
747
|
+
```typescript
|
|
748
|
+
export interface PrimerHeadlessCheckout {
|
|
749
|
+
// Set the configuration of the headless checkout
|
|
750
|
+
configure: (options: HeadlessUniversalCheckoutOptions) => void;
|
|
751
|
+
// Start the headless checkout
|
|
752
|
+
start: () => void;
|
|
753
|
+
// Create a payment method manager
|
|
754
|
+
createPaymentMethodManager;
|
|
755
|
+
}
|
|
756
|
+
```
|
|
757
|
+
|
|
758
|
+
`createPaymentMethodManager` creates a manager based on the provided payment method type.
|
|
759
|
+
|
|
760
|
+
Currently, we support the following types:
|
|
761
|
+
|
|
762
|
+
- `PAYMENT_CARD`
|
|
763
|
+
|
|
764
|
+
And the following managers (with their methods):
|
|
765
|
+
|
|
766
|
+
`CardPaymentMethodManager`
|
|
767
|
+
|
|
768
|
+
| Method | Parameters | Output | Description |
|
|
769
|
+
|-----------------------|-----------------------------|-----------------------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------------|
|
|
770
|
+
| `createHostedInputs` | - | `{cardNumberInput: HeadlessHostedInput, expiryInput: HeadlessHostedInput, cvvInput: HeadlessHostedInput}` | Creates instances of the hosted inputs. |
|
|
771
|
+
| `createHostedInput` | `name: CreditCardFieldName` | `HeadlessHostedInput` | Creates a hosted input based on the type. |
|
|
772
|
+
| `removeHostedInputs` | - | - | Removes all of the hosted input fields from the DOM. |
|
|
773
|
+
| `setCardholderName` | `cardholderName: string` | - | Set the cardholder name. |
|
|
774
|
+
| `validate` | - | `Promise<Validation>` | Validates all the hosted inputs. |
|
|
775
|
+
| `submit` | - | - | Submits all the data from the hosted inputs, tokenizes the card data and creates the payment. |
|
|
776
|
+
| `reset` | - | - | Resets all the inputs. |
|
|
777
|
+
|
|
778
|
+
#### Values
|
|
779
|
+
|
|
780
|
+
Below are some types mentioned above:
|
|
781
|
+
|
|
782
|
+
| Type | Values |
|
|
783
|
+
|-----------------------|-----------------------------------|
|
|
784
|
+
| `CreditCardFieldName` | `cardNumber`, `expiryDate`, `cvv` |
|
|
785
|
+
|
|
786
|
+
|
|
787
|
+
#### Classes
|
|
788
|
+
|
|
789
|
+
Below are some classes mentioned above (and their methods):
|
|
790
|
+
|
|
791
|
+
`HeadlessHostedInput`
|
|
792
|
+
|
|
793
|
+
| Method | Parameters | Output | Description |
|
|
794
|
+
|---------------------|----------------------------------------------------------|------------------------------|:-------------------------------------------------------------|
|
|
795
|
+
| `getName` | - | `string` | Get the name of the hosted input |
|
|
796
|
+
| `getOptions` | - | `HeadlessHostedInputOptions` | Get all the available optons for the hosted input. |
|
|
797
|
+
| `setOptions` | `options: HeadlessHostedInputOptions` | - | Set options on the hosted input. |
|
|
798
|
+
| `addEventListener` | `event: string, callback: EventListener` | - | Add an event listener. |
|
|
799
|
+
| `render` | `container: string, options: HeadlessHostedInputOptions` | - | Render the hosted input in a container. |
|
|
800
|
+
| `focus` | - | - | Focus the hosted input UI. |
|
|
801
|
+
| `blur` | - | - | Blur the hosted input UI. |
|
|
802
|
+
| `setDisabled` | `status: boolean` | - | Disable the hosted input UI. |
|
|
803
|
+
|
|
804
|
+
`HeadlessHostedInputOptions`
|
|
805
|
+
|
|
806
|
+
| Field | Type | Description |
|
|
807
|
+
|----------------|--------------------------|:------------------------|
|
|
808
|
+
| `placeholder` | `string` | Placeholder text. |
|
|
809
|
+
| `ariaLabel` | `string` | Label |
|
|
810
|
+
| `style` | `Record<string, any>` | All the style to apply. |
|
|
811
|
+
|
|
812
|
+
`Validation`
|
|
813
|
+
|
|
814
|
+
| Field | Type | Description |
|
|
815
|
+
|--------------------|--------------------------|:-----------------------------------|
|
|
816
|
+
| `valid` | `boolean` | Whether the value is valid or not. |
|
|
817
|
+
| `validationErrors` | `[InputValidationError]` | A list of validation errors. |
|
|
818
|
+
| `error` | `string` | The raw error. |
|
|
819
|
+
|
|
820
|
+
`InputValidationError`
|
|
821
|
+
|
|
822
|
+
| Field | Type | Description |
|
|
823
|
+
|-----------|-----------|:------------------------------------------|
|
|
824
|
+
| `name` | `string` | A friendly name for the validation error. |
|
|
825
|
+
| `error` | `string` | The raw error. |
|
|
826
|
+
| `message` | `string` | The error message. |
|
|
827
|
+
|
|
828
|
+
`InputMetadata`
|
|
829
|
+
|
|
830
|
+
| Field | Type | Description |
|
|
831
|
+
|--------------|-----------|:---------------------------------------|
|
|
832
|
+
| `errorCode` | `string` | An error code in the case of an error. |
|
|
833
|
+
| `error` | `string` | The raw error. |
|
|
834
|
+
| `valid` | `boolean` | Is the input data valid. |
|
|
835
|
+
| `active` | `boolean` | Is the input active. |
|
|
836
|
+
| `dirty` | `boolean` | Is the input dirty. |
|
|
837
|
+
| `touched` | `boolean` | Is the input touched. |
|
|
838
|
+
| `submitted` | `boolean` | Has the input been submitted |
|
|
839
|
+
|
|
840
|
+
|
|
841
|
+
`Payment`
|
|
842
|
+
|
|
843
|
+
| Field | Type | Description |
|
|
844
|
+
|---------------------|---------------------|:--------------------------------------------------------------------------------------------------------------------------------------------------|
|
|
845
|
+
| `id` | `string` | The payment ID. Used to look up the payment on the [Primer API](https://apiref.primer.io/reference/create_client_side_token_client_session_post). |
|
|
846
|
+
| `orderId` | `string` | Your provided order ID. |
|
|
847
|
+
| `paymentMethodData` | `PaymentMethodData` | Additional payment method data. |
|
|
848
|
+
|
|
849
|
+
`PrimerClientError`
|
|
850
|
+
|
|
851
|
+
| Field | Type | Description |
|
|
852
|
+
|------------------|--------------|:---------------------------------------------|
|
|
853
|
+
| `code` | `ErrorCode` | A unique error identifier. |
|
|
854
|
+
| `message` | `string` | The raw error message. |
|
|
855
|
+
| `diagnosticsId` | `string` | A unique ID to give to Primer for support. |
|
|
856
|
+
|
|
857
|
+
|
|
858
|
+
### π§° Headless Events
|
|
859
|
+
|
|
860
|
+
#### Hosted Input Events
|
|
861
|
+
|
|
862
|
+
On a hosted input, you can listen to an event as follows:
|
|
863
|
+
|
|
864
|
+
```typescript
|
|
865
|
+
cardNumberInput.addEventListener('change', (...args) => {
|
|
866
|
+
console.log('cardNumberInput change', ...args);
|
|
867
|
+
});
|
|
868
|
+
```
|
|
869
|
+
|
|
870
|
+
And the following event types are supported:
|
|
871
|
+
|
|
872
|
+
```typescript
|
|
873
|
+
enum EventTypes {
|
|
874
|
+
CHANGE = 'change',
|
|
875
|
+
ERROR = 'error',
|
|
876
|
+
FOCUS = 'focus',
|
|
877
|
+
BLUR = 'blur',
|
|
878
|
+
}
|
|
879
|
+
```
|
|
880
|
+
|
|
881
|
+
#### Callbacks
|
|
882
|
+
|
|
883
|
+
You can register various callbacks on the headless checkout using `configure` as follows:
|
|
884
|
+
```typescript
|
|
885
|
+
...
|
|
886
|
+
// Create an instance of the headless checkout
|
|
887
|
+
const headless = await Primer.createHeadless(clientToken);
|
|
888
|
+
|
|
889
|
+
// Configure headless
|
|
890
|
+
await headless.configure({
|
|
891
|
+
onAvailablePaymentMethodsLoad,
|
|
892
|
+
onCheckoutComplete,
|
|
893
|
+
onCheckoutFail
|
|
894
|
+
});
|
|
895
|
+
```
|
|
896
|
+
|
|
897
|
+
The following callbacks are required:
|
|
898
|
+
|
|
899
|
+
| Callback | Parameters | Description |
|
|
900
|
+
|---------------------------------|----------------------------|:---------------------------------------------------|
|
|
901
|
+
| `onAvailablePaymentMethodsLoad` | `paymentMethods: string[]` | Get the list of payment methods you should handle. |
|
|
902
|
+
|
|
903
|
+
|
|
904
|
+
The following callbacks are optional:
|
|
905
|
+
|
|
906
|
+
| Callback | Parameters | Description |
|
|
907
|
+
|-------------------------------|---------------------------------------------------------|:-----------------------------------------------------------|
|
|
908
|
+
| `onBeforePaymentCreate` | `{payment: Payment}, handler` | Triggered before the payment is created. |
|
|
909
|
+
| `onCheckoutComplete` | `{payment: Payment}` | Triggered on a successful payment. |
|
|
910
|
+
| `onCheckoutFail` | `error: PrimerClientError, {payment: Payment}, handler` | Triggered if the payment fails for any reason. |
|
|
911
|
+
|
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__sceneElement{-webkit-flex:0 0 auto;flex:0 0 auto}.PrimerCheckout__sceneElement:not(:last-child){margin-bottom:32px}.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__textDivider{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-align:center}.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;transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1)}.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-width:1px;border-style:solid}.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{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-flex;display:flex}.PrimerCheckout__hostedInputContent{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:12px;height:100%;padding:11px 0px;-webkit-align-items:center;align-items:center}.PrimerCheckout__cardType{position:relative;width:24px;height:100%;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms cubic-bezier(0.4, 0, 0.2, 1)}.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__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.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{display:inline-block;margin-left:1px}.PrimerCheckout__formField .PrimerCheckout__checkbox+.PrimerCheckout__label{cursor:pointer;margin-left:8px}.PrimerCheckout__helperText{position:relative;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;margin-top:0px;-webkit-animation:none;animation:none}.PrimerCheckout__helperText.PrimerCheckout--entering{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}.PrimerCheckout__helperText.PrimerCheckout--entered{opacity:1;-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__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%)}#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__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__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__label.PrimerCheckout__label{min-width:0;margin-right:8px;font-size:.75rem;word-break:break-all}.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}button.PrimerCheckout__klarnaButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;border:1px solid #e0e0e0;border-radius:2px;display:-webkit-inline-flex;display:inline-flex;place-content:center;-webkit-align-items:center;align-items:center;cursor:pointer;width:100%;height:100%;background-color:#ffb3c7;border-radius:4px}button.PrimerCheckout__klarnaButton:disabled{cursor:auto}button.PrimerCheckout__klarnaButton:enabled:hover{opacity:.7}button.PrimerCheckout__klarnaButton>img{margin-right:20px}button.PrimerCheckout__klarnaButton>span{font-weight:600}button.PrimerCheckout__klarnaButton:disabled{color:inherit}.PrimerCheckout__klarnaPaymentOptions{width:100%;position:relative;overflow:hidden;transition:height 200ms ease-in-out;padding:0px 64px}.PrimerCheckout__klarnaPaymentCategory{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;border:1px solid #e0e0e0;border-radius:2px;display:grid;grid-auto-flow:column;place-content:center;-webkit-align-items:center;align-items:center;padding:8px 0px}.PrimerCheckout__klarnaPaymentCategory:disabled{cursor:auto}.PrimerCheckout__klarnaPaymentCategory>img{margin-right:12px}.PrimerCheckout__klarnaPaymentCategory:first-child{margin-top:20px}.PrimerCheckout__klarnaPaymentCategory+.PrimerCheckout__klarnaPaymentCategory{margin-top:12px}.PrimerCheckout__klarnaPaymentOptionButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;padding:6px 12px;width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.PrimerCheckout__klarnaPaymentOptionButton:disabled{cursor:auto}.PrimerCheckout__klarnaPaymentOptionButton>img{margin-right:12px}.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}#primer-checkout-scene-credit-card-form{padding-bottom:32px}.PrimerCheckout__creditCardButton_icon{height:81%}.PrimerCheckout__surcharge{text-align:right;background:#242a2f08;padding-top:2px;padding:5px;border-radius:5px}.PrimerCheckout__surcharge>.PrimerCheckout__label--surcharge-text{font-size:15px !important;font-weight:300}.PrimerCheckout__surcharge>.PrimerCheckout__label--surcharge-amount{font-size:15px !important;font-weight:300}.PrimerCheckout__surchargeItem{margin-top:15px}.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)}#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__sceneElement{-webkit-flex:0 0 auto;flex:0 0 auto}.PrimerCheckout__sceneElement:not(:last-child){margin-bottom:32px}.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__textDivider{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-align:center}.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;transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1)}.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-width:1px;border-style:solid}.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{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-flex;display:flex}.PrimerCheckout__hostedInputContent{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:12px;height:100%;padding:11px 0px;-webkit-align-items:center;align-items:center}.PrimerCheckout__cardType{position:relative;width:24px;height:100%;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms cubic-bezier(0.4, 0, 0.2, 1)}.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__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.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{display:inline-block;margin-left:1px}.PrimerCheckout__formField .PrimerCheckout__checkbox+.PrimerCheckout__label{cursor:pointer;margin-left:8px}.PrimerCheckout__helperText{position:relative;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;margin-top:0px;-webkit-animation:none;animation:none}.PrimerCheckout__helperText.PrimerCheckout--entering{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}.PrimerCheckout__helperText.PrimerCheckout--entered{opacity:1;-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__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%)}#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__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__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__label.PrimerCheckout__label{min-width:0;margin-right:8px;font-size:.75rem;word-break:break-all}.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}button.PrimerCheckout__klarnaButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;border:1px solid #e0e0e0;border-radius:2px;display:-webkit-inline-flex;display:inline-flex;place-content:center;-webkit-align-items:center;align-items:center;cursor:pointer;width:100%;height:100%;background-color:#ffb3c7;border-radius:4px}button.PrimerCheckout__klarnaButton:disabled{cursor:auto}button.PrimerCheckout__klarnaButton:enabled:hover{opacity:.7}button.PrimerCheckout__klarnaButton>img{margin-right:20px}button.PrimerCheckout__klarnaButton>span{font-weight:600}button.PrimerCheckout__klarnaButton:disabled{color:inherit}.PrimerCheckout__klarnaPaymentOptions{width:100%;position:relative;overflow:hidden;transition:height 200ms ease-in-out;padding:0px 64px}.PrimerCheckout__klarnaPaymentCategory{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;border:1px solid #e0e0e0;border-radius:2px;display:grid;grid-auto-flow:column;place-content:center;-webkit-align-items:center;align-items:center;padding:8px 0px}.PrimerCheckout__klarnaPaymentCategory:disabled{cursor:auto}.PrimerCheckout__klarnaPaymentCategory>img{margin-right:12px}.PrimerCheckout__klarnaPaymentCategory:first-child{margin-top:20px}.PrimerCheckout__klarnaPaymentCategory+.PrimerCheckout__klarnaPaymentCategory{margin-top:12px}.PrimerCheckout__klarnaPaymentOptionButton{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:inherit;outline-offset:2px;outline-color:#3447f4;padding:6px 12px;width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.PrimerCheckout__klarnaPaymentOptionButton:disabled{cursor:auto}.PrimerCheckout__klarnaPaymentOptionButton>img{margin-right:12px}.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}#primer-checkout-scene-credit-card-form{padding-bottom:32px}#primer-checkout-bancontact-scene-credit-card-form{padding-bottom:32px}.PrimerCheckout__creditCardButton_icon{height:81%}.PrimerCheckout__surcharge{text-align:right;background:#242a2f08;padding-top:2px;padding:5px;border-radius:5px}.PrimerCheckout__surcharge>.PrimerCheckout__label--surcharge-text{font-size:15px !important;font-weight:300}.PrimerCheckout__surcharge>.PrimerCheckout__label--surcharge-amount{font-size:15px !important;font-weight:300}.PrimerCheckout__surchargeItem{margin-top:15px}.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)}#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
|
@@ -23,6 +23,7 @@ export interface PayPalOptions extends PositionalConfig {
|
|
|
23
23
|
paymentFlow?: PaymentFlow;
|
|
24
24
|
}
|
|
25
25
|
export declare enum PaymentInstrumentType {
|
|
26
|
+
ADYEN_BANCONTACT_CARD = "ADYEN_BANCONTACT_CARD",
|
|
26
27
|
PAY_NL_KAARTDIRECT = "PAY_NL_KAARTDIRECT",
|
|
27
28
|
ADYEN_EPS = "ADYEN_EPS",
|
|
28
29
|
ADYEN_BANCONTACT_PAYCONIQ = "ADYEN_BANCONTACT_PAYCONIQ",
|
|
@@ -89,6 +90,7 @@ export declare enum PaymentInstrumentType {
|
|
|
89
90
|
ATOME = "ATOME"
|
|
90
91
|
}
|
|
91
92
|
export declare enum PaymentMethodType {
|
|
93
|
+
ADYEN_BANCONTACT_CARD = "ADYEN_BANCONTACT_CARD",
|
|
92
94
|
PAY_NL_KAARTDIRECT = "PAY_NL_KAARTDIRECT",
|
|
93
95
|
ADYEN_EPS = "ADYEN_EPS",
|
|
94
96
|
ADYEN_BANCONTACT_PAYCONIQ = "ADYEN_BANCONTACT_PAYCONIQ",
|
|
@@ -385,6 +387,7 @@ export interface CheckoutStyle {
|
|
|
385
387
|
}
|
|
386
388
|
export declare enum CheckoutUXFlow {
|
|
387
389
|
CHECKOUT = "CHECKOUT",
|
|
390
|
+
HEADLESS_CHECKOUT = "HEADLESS_CHECKOUT",
|
|
388
391
|
MANAGE_PAYMENT_METHODS = "MANAGE_PAYMENT_METHODS",
|
|
389
392
|
SINGLE_PAYMENT_METHOD_CHECKOUT = "SINGLE_PAYMENT_METHOD_CHECKOUT"
|
|
390
393
|
}
|
|
@@ -906,6 +909,21 @@ export interface UniversalCheckoutOptions extends TokenizationHandlers, PaymentH
|
|
|
906
909
|
paymentHandling?: PaymentHandling;
|
|
907
910
|
advanced?: AdvancedOptions;
|
|
908
911
|
}
|
|
912
|
+
export interface HeadlessUniversalCheckoutOptions extends TokenizationHandlers, PaymentHandlers, PaymentMethodHandlers, ClientSessionHandlers {
|
|
913
|
+
style?: CheckoutStyle;
|
|
914
|
+
paymentHandling?: PaymentHandling;
|
|
915
|
+
locale?: SupportedLocale;
|
|
916
|
+
allowedCardNetworks?: CardNetwork[];
|
|
917
|
+
card?: CheckoutCardOptions;
|
|
918
|
+
redirect?: RedirectOptions;
|
|
919
|
+
paypal?: Omit<PayPalOptions, "container">;
|
|
920
|
+
googlePay?: Omit<GooglePayOptions, "container">;
|
|
921
|
+
applePay?: Omit<ApplePayOptions, "container">;
|
|
922
|
+
klarna?: KlarnaOptions;
|
|
923
|
+
directDebit?: DirectDebitOptions;
|
|
924
|
+
giftCard?: CustomizablePaymentMethodButton;
|
|
925
|
+
onAvailablePaymentMethodsLoad: (paymentMethods: string[]) => void;
|
|
926
|
+
}
|
|
909
927
|
export interface PrimerCheckout {
|
|
910
928
|
teardown(): void;
|
|
911
929
|
submit(): void;
|
|
@@ -917,6 +935,11 @@ export interface PrimerCheckout {
|
|
|
917
935
|
*/
|
|
918
936
|
setClientToken(): Promise<boolean>;
|
|
919
937
|
}
|
|
938
|
+
export interface PrimerHeadlessCheckout {
|
|
939
|
+
createPaymentMethodManager: any;
|
|
940
|
+
configure: (options: HeadlessUniversalCheckoutOptions) => void;
|
|
941
|
+
start: () => void;
|
|
942
|
+
}
|
|
920
943
|
export interface PrimerSinglePaymentMethodCheckout {
|
|
921
944
|
submit(): void;
|
|
922
945
|
refreshClientSession(): Promise<boolean>;
|
package/dist/loader.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.loader=e():t.loader=e()}(this,(function(){return function(){var t={162:function(t,e,r){t.exports=r(47)},681:function(){},47:function(t){var e=function(t){"use strict";var e,r=Object.prototype,n=r.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",A=o.asyncIterator||"@@asyncIterator",u=o.toStringTag||"@@toStringTag";function E(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{E({},"")}catch(t){E=function(t,e,r){return t[e]=r}}function _(t,e,r,n){var o=e&&e.prototype instanceof R?e:R,i=Object.create(o.prototype),A=new S(n||[]);return i._invoke=function(t,e,r){var n=a;return function(o,i){if(n===O)throw new Error("Generator is already running");if(n===T){if("throw"===o)throw i;return M()}for(r.method=o,r.arg=i;;){var A=r.delegate;if(A){var u=p(A,r);if(u){if(u===N)continue;return u}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(n===a)throw n=T,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n=O;var E=c(t,e,r);if("normal"===E.type){if(n=r.done?T:P,E.arg===N)continue;return{value:E.arg,done:r.done}}"throw"===E.type&&(n=T,r.method="throw",r.arg=E.arg)}}}(t,r,A),i}function c(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=_;var a="suspendedStart",P="suspendedYield",O="executing",T="completed",N={};function R(){}function f(){}function s(){}var D={};D[i]=function(){return this};var Y=Object.getPrototypeOf,l=Y&&Y(Y(m([])));l&&l!==r&&n.call(l,i)&&(D=l);var h=s.prototype=R.prototype=Object.create(D);function I(t){["next","throw","return"].forEach((function(e){E(t,e,(function(t){return this._invoke(e,t)}))}))}function L(t,e){function r(o,i,A,u){var E=c(t[o],t,i);if("throw"!==E.type){var _=E.arg,a=_.value;return a&&"object"==typeof a&&n.call(a,"__await")?e.resolve(a.__await).then((function(t){r("next",t,A,u)}),(function(t){r("throw",t,A,u)})):e.resolve(a).then((function(t){_.value=t,A(_)}),(function(t){return r("throw",t,A,u)}))}u(E.arg)}var o;this._invoke=function(t,n){function i(){return new e((function(e,o){r(t,n,e,o)}))}return o=o?o.then(i,i):i()}}function p(t,r){var n=t.iterator[r.method];if(n===e){if(r.delegate=null,"throw"===r.method){if(t.iterator.return&&(r.method="return",r.arg=e,p(t,r),"throw"===r.method))return N;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return N}var o=c(n,t.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,N;var i=o.arg;return i?i.done?(r[t.resultName]=i.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,N):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,N)}function d(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function C(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function S(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(d,this),this.reset(!0)}function m(t){if(t){var r=t[i];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,A=function r(){for(;++o<t.length;)if(n.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return A.next=A}}return{next:M}}function M(){return{value:e,done:!0}}return f.prototype=h.constructor=s,s.constructor=f,f.displayName=E(s,u,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,s):(t.__proto__=s,E(t,u,"GeneratorFunction")),t.prototype=Object.create(h),t},t.awrap=function(t){return{__await:t}},I(L.prototype),L.prototype[A]=function(){return this},t.AsyncIterator=L,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var A=new L(_(e,r,n,o),i);return t.isGeneratorFunction(r)?A:A.next().then((function(t){return t.done?t.value:A.next()}))},I(h),E(h,u,"Generator"),h[i]=function(){return this},h.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=m,S.prototype={constructor:S,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(C),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function o(n,o){return u.type="throw",u.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var A=this.tryEntries[i],u=A.completion;if("root"===A.tryLoc)return o("end");if(A.tryLoc<=this.prev){var E=n.call(A,"catchLoc"),_=n.call(A,"finallyLoc");if(E&&_){if(this.prev<A.catchLoc)return o(A.catchLoc,!0);if(this.prev<A.finallyLoc)return o(A.finallyLoc)}else if(E){if(this.prev<A.catchLoc)return o(A.catchLoc,!0)}else{if(!_)throw new Error("try statement without catch or finally");if(this.prev<A.finallyLoc)return o(A.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var A=i?i.completion:{};return A.type=t,A.arg=e,i?(this.method="next",this.next=i.finallyLoc,N):this.complete(A)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),N},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),C(r),N}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;C(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:m(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),N}},t}(t.exports);try{regeneratorRuntime=e}catch(t){Function("r","regeneratorRuntime = r")(e)}}},e={};function r(n){var o=e[n];if(void 0!==o)return o.exports;var i=e[n]={exports:{}};return t[n](i,i.exports,r),i.exports}r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,{a:e}),e},r.d=function(t,e){for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};return function(){"use strict";var t,e,o,i,A,u;function E(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}r.r(n),r.d(n,{CheckoutUXFlow:function(){return I},ErrorCode:function(){return _},PaymentFlow:function(){return t},PaymentInstrumentType:function(){return i},PaymentMethodData:function(){return p.PaymentMethodData},PaymentMethodType:function(){return A},Primer:function(){return B},SuccessScreenType:function(){return L},ThreeDSecureStatus:function(){return o},TokenType:function(){return u},preloadPrimer:function(){return w}}),function(t){t.DEFAULT="DEFAULT",t.PREFER_VAULT="PREFER_VAULT"}(t||(t={})),function(t){t.TOKENIZE_STARTED="tokenize-started",t.TOKENIZE_ERROR="tokenize-error",t.TOKENIZE_SUCCESS="tokenize-success",t.TOKENIZE_DID_NOT_START="tokenize-did-not-start"}(e||(e={})),function(t){t.SUCCESS="AUTH_SUCCESS",t.FAILED="AUTH_FAILED",t.SKIPPED="SKIPPED",t.CHALLENGE="CHALLENGE"}(o||(o={})),function(t){t.PAY_NL_KAARTDIRECT="PAY_NL_KAARTDIRECT",t.ADYEN_EPS="ADYEN_EPS",t.ADYEN_BANCONTACT_PAYCONIQ="ADYEN_BANCONTACT_PAYCONIQ",t.OMISE_PROMPTPAY="OMISE_PROMPTPAY",t.OMISE_TRUEMONEY="OMISE_TRUEMONEY",t.ADYEN_MULTIBANCO="ADYEN_MULTIBANCO",t.PACYPAY_WECHAT="PACYPAY_WECHAT",t.PACYPAY_ALIPAY="PACYPAY_ALIPAY",t.ADYEN_MBWAY="ADYEN_MBWAY",t.XENDIT_DANA="XENDIT_DANA",t.XENDIT_SHOPEEPAY="XENDIT_SHOPEEPAY",t.ADYEN_PAYSHOP="ADYEN_PAYSHOP",t.ADYEN_PAYTRAIL="ADYEN_PAYTRAIL",t.CLEARPAY="CLEARPAY",t.RAPYD_FAST="RAPYD_FAST",t.RAPYD_PROMPTPAY="RAPYD_PROMPTPAY",t.RAPYD_GCASH="RAPYD_GCASH",t.RAPYD_POLI="RAPYD_POLI",t.RAPYD_GRABPAY="RAPYD_GRABPAY",t.PRIMER_PAYPAL="PRIMER_PAYPAL",t.TWOC2P="TWOC2P",t.NETS="NETS",t.STRIPE_GIROPAY="STRIPE_GIROPAY",t.MOLLIE_GIROPAY="MOLLIE_GIROPAY",t.MOLLIE_EPS="MOLLIE_EPS",t.PAY_NL_EPS="PAY_NL_EPS",t.PAY_NL_P24="PAY_NL_P24",t.MOLLIE_P24="MOLLIE_P24",t.MOLLIE_SOFORT="MOLLIE_SOFORT",t.COINBASE="COINBASE",t.OPENNODE="OPENNODE",t.MOLLIE_GIFT_CARD="MOLLIE_GIFTCARD",t.XFERS_PAYNOW="XFERS_PAYNOW",t.CARD="PAYMENT_CARD",t.APPLE_PAY="APPLE_PAY",t.GOOGLE_PAY="GOOGLE_PAY",t.PAYPAL="PAYPAL_ORDER",t.PAYPAL_VAULTED="PAYPAL_BILLING_AGREEMENT",t.GO_CARDLESS="GOCARDLESS",t.PAY_NL_IDEAL="PAY_NL_IDEAL",t.PAY_NL_SOFORT_BANKING="PAY_NL_SOFORT_BANKING",t.PAY_NL_BANCONTACT="PAY_NL_BANCONTACT",t.PAY_NL_PAYPAL="PAY_NL_PAYPAL",t.PAY_NL_CREDIT_TRANSFER="PAY_NL_CREDIT_TRANSFER",t.PAY_NL_DIRECT_DEBIT="PAY_NL_DIRECT_DEBIT",t.PAY_NL_GIROPAY="PAY_NL_GIROPAY",t.PAY_NL_PAYCONIQ="PAY_NL_PAYCONIQ",t.HOOLAH="HOOLAH",t.ADYEN_BLIK="ADYEN_BLIK",t.ADYEN_VIPPS="ADYEN_VIPPS",t.ADYEN_GIROPAY="ADYEN_GIROPAY",t.ADYEN_SOFORT="ADYEN_SOFORT",t.ADYEN_TRUSTLY="ADYEN_TRUSTLY",t.ADYEN_ALIPAY="ADYEN_ALIPAY",t.ADYEN_TWINT="ADYEN_TWINT",t.ADYEN_MOBILEPAY="ADYEN_MOBILEPAY",t.MOLLIE_BANCONTACT="MOLLIE_BANCONTACT",t.MOLLIE_IDEAL="MOLLIE_IDEAL",t.BUCKAROO_GIROPAY="BUCKAROO_GIROPAY",t.BUCKAROO_EPS="BUCKAROO_EPS",t.BUCKAROO_SOFORT="BUCKAROO_SOFORT",t.BUCKAROO_BANCONTACT="BUCKAROO_BANCONTACT",t.BUCKAROO_IDEAL="BUCKAROO_IDEAL",t.ATOME="ATOME"}(i||(i={})),function(t){t.PAY_NL_KAARTDIRECT="PAY_NL_KAARTDIRECT",t.ADYEN_EPS="ADYEN_EPS",t.ADYEN_BANCONTACT_PAYCONIQ="ADYEN_BANCONTACT_PAYCONIQ",t.OMISE_PROMPTPAY="OMISE_PROMPTPAY",t.OMISE_TRUEMONEY="OMISE_TRUEMONEY",t.ADYEN_MULTIBANCO="ADYEN_MULTIBANCO",t.PACYPAY_WECHAT="PACYPAY_WECHAT",t.PACYPAY_ALIPAY="PACYPAY_ALIPAY",t.ADYEN_MBWAY="ADYEN_MBWAY",t.XENDIT_DANA="XENDIT_DANA",t.XENDIT_SHOPEEPAY="XENDIT_SHOPEEPAY",t.ADYEN_PAYSHOP="ADYEN_PAYSHOP",t.ADYEN_PAYTRAIL="ADYEN_PAYTRAIL",t.CLEARPAY="CLEARPAY",t.RAPYD_FAST="RAPYD_FAST",t.RAPYD_PROMPTPAY="RAPYD_PROMPTPAY",t.RAPYD_GCASH="RAPYD_GCASH",t.RAPYD_POLI="RAPYD_POLI",t.RAPYD_GRABPAY="RAPYD_GRABPAY",t.PRIMER_PAYPAL="PRIMER_PAYPAL",t.TWOC2P="TWOC2P",t.NETS="NETS",t.STRIPE_GIROPAY="STRIPE_GIROPAY",t.MOLLIE_GIROPAY="MOLLIE_GIROPAY",t.MOLLIE_EPS="MOLLIE_EPS",t.PAY_NL_EPS="PAY_NL_EPS",t.PAY_NL_P24="PAY_NL_P24",t.MOLLIE_P24="MOLLIE_P24",t.MOLLIE_SOFORT="MOLLIE_SOFORT",t.COINBASE="COINBASE",t.OPENNODE="OPENNODE",t.MOLLIE_GIFT_CARD="MOLLIE_GIFTCARD",t.XFERS_PAYNOW="XFERS_PAYNOW",t.PAYMENT_CARD="PAYMENT_CARD",t.APPLE_PAY="APPLE_PAY",t.GOOGLE_PAY="GOOGLE_PAY",t.PAYPAL="PAYPAL",t.GO_CARDLESS="GOCARDLESS",t.KLARNA="KLARNA",t.PAY_NL_IDEAL="PAY_NL_IDEAL",t.PAY_NL_SOFORT_BANKING="PAY_NL_SOFORT_BANKING",t.PAY_NL_BANCONTACT="PAY_NL_BANCONTACT",t.PAY_NL_PAYPAL="PAY_NL_PAYPAL",t.PAY_NL_CREDIT_TRANSFER="PAY_NL_CREDIT_TRANSFER",t.PAY_NL_DIRECT_DEBIT="PAY_NL_DIRECT_DEBIT",t.PAY_NL_GIROPAY="PAY_NL_GIROPAY",t.PAY_NL_PAYCONIQ="PAY_NL_PAYCONIQ",t.HOOLAH="HOOLAH",t.ADYEN_BLIK="ADYEN_BLIK",t.ADYEN_MOBILEPAY="ADYEN_MOBILEPAY",t.ADYEN_VIPPS="ADYEN_VIPPS",t.ADYEN_GIROPAY="ADYEN_GIROPAY",t.ADYEN_SOFORT="ADYEN_SOFORT",t.ADYEN_TRUSTLY="ADYEN_TRUSTLY",t.ADYEN_ALIPAY="ADYEN_ALIPAY",t.ADYEN_TWINT="ADYEN_TWINT",t.ADYEN_BANK_TRANSFER="ADYEN_BANK_TRANSFER",t.MOLLIE_BANCONTACT="MOLLIE_BANCONTACT",t.MOLLIE_IDEAL="MOLLIE_IDEAL",t.BUCKAROO_GIROPAY="BUCKAROO_GIROPAY",t.BUCKAROO_EPS="BUCKAROO_EPS",t.BUCKAROO_SOFORT="BUCKAROO_SOFORT",t.BUCKAROO_BANCONTACT="BUCKAROO_BANCONTACT",t.BUCKAROO_IDEAL="BUCKAROO_IDEAL",t.ATOME="ATOME"}(A||(A={})),function(t){t.SINGLE_USE="SINGLE_USE",t.MULTI_USE="MULTI_USE"}(u||(u={}));var _;E({},i.PAYPAL_VAULTED,A.PAYPAL);function c(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function a(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function P(t,e){return(Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function O(t){return("function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function T(t,e){if(e&&("object"===O(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return a(t)}function N(t){return(Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function R(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}function f(t,e,r){return(R()?Reflect.construct:function(t,e,r){var n=[null];n.push.apply(n,e);var o=new(Function.bind.apply(t,n));return r&&P(o,r.prototype),o}).apply(null,arguments)}function s(t){var e="function"==typeof Map?new Map:void 0;return function(t){if(null===t||(t,-1===Function.toString.call(r).indexOf("[native code]")))return t;var r;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,n)}function n(){return f(t,arguments,N(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),P(n,t)}(t)}function D(t){var e=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(t){return!1}}();return function(){var r,n=N(t);if(e){var o=N(this).constructor;Reflect.construct(n,arguments,o)}else n.apply(this,arguments);return T(this,r)}}!function(t){t.INITIALIZATION_ERROR="INITIALIZATION_ERROR",t.NO_PAYMENT_METHODS="NO_PAYMENT_METHODS",t.PRIMER_TEARDOWN="PRIMER_TEARDOWN",t.PRIMER_SERVER_ERROR="PRIMER_SERVER_ERROR",t.THREE_DS_SETUP_ERROR="THREE_DS_SETUP_ERROR",t.THREE_DS_AUTH_FAILED="THREE_DS_AUTH_FAILED",t.THREE_DS_NEGOTIATION_ERROR="THREE_DS_NEGOTIATION_ERROR",t.TOKENIZATION_ERROR="TOKENIZATION_ERROR",t.DUPLICATE_PAYMENT_METHOD_ERROR="DUPLICATE_PAYMENT_METHOD_ERROR",t.CARD_NUMBER_ERROR="CARD_NUMBER_ERROR",t.PAYMENT_METHOD_NOT_SETUP="PAYMENT_METHOD_NOT_SETUP",t.PAYMENT_METHOD_NOT_PROVIDED="PAYMENT_METHOD_NOT_SETUP",t.PAYMENT_METHOD_NOT_COMPATIBLE="PAYMENT_METHOD_NOT_COMPATIBLE",t.RESUME_ERROR="RESUME_ERROR",t.TAX_ERROR="TAX_ERROR",t.VALIDATION_ERROR="VALIDATION_ERROR",t.PAYMENT_FAILED="PAYMENT_FAILED",t.PAYMENT_CREATION_ABORTED="PAYMENT_CREATION_ABORTED",t.PAYMENT_CREATION_DISABLED="PAYMENT_CREATION_DISABLED",t.CLIENT_SESSION_UPDATE_ERROR="CLIENT_SESSION_UPDATE_ERROR",t.INVALID_ARGUMENT="INVALID_ARGUMENT"}(_||(_={}));var Y,l,h,I;Error;!function(t){t.LOADING="Loading",t.THREE_DS="UniversalCheckout/3ds",t.CHOOSE_PAYMENT_METHOD="UniversalCheckout/Home",t.MANAGE_PAYMENT_METHODS="VaultManager/Home",t.DIRECT_DEBIT_FORM="DirectDebit/Form",t.DIRECT_DEBIT_MANDATE="DirectDebit/Mandate",t.CREDIT_CARD_FORM="CreditCard/Form",t.SUCCESS_PAYMENT_METHOD="UniversalCheckout/Success/PaymentMethod",t.SUCCESS_CHECK="UniversalCheckout/Success/Check"}(Y||(Y={})),function(t){t.ROOT="primer-checkout",t.ROOT_CONTENT="primer-checkout-content",t.SUBMIT_BUTTON="primer-checkout-submit-button",t.THREE_DS_MODAL="primer-checkout-3ds-modal",t.VAULT="primer-checkout-vault",t.VAULT_INLINE="primer-checkout-vault-inline",t.NAVIGATE_PAYMENT_METHODS="primer-checkout-navigate-to-payment-methods",t.DIVIDER="primer-checkout-payment-method-divider",t.APM_BUTTONS="primer-checkout-apm-button-container",t.CARDHOLDER_NAME="primer-checkout-cardholder-name",t.CARDHOLDER_NAME_INPUT="primer-checkout-cardholder-name-input",t.ACTIONS="primer-checkout-actions",t.ACTIONS_MENU="primer-checkout-actions-menu",t.SAVE_PAYMENT_METHOD_CHECKBOX="primer-checkout-save-payment-method-input",t.SAVE_PAYMENT_METHOD_FIELD="primer-checkout-save-payment-method-field",t.SAVED_PAYMENT_METHODS_EMPTY="primer-checkout-saved-payment-methods-empty-text",t.CARD_FORM="primer-checkout-card-form",t.DD_SWITCH="primer-checkout-switch-dd-inputs",t.DD_IBAN_FIELD="primer-checkout-dd-iban-field",t.DD_LOCAL_FIELD="primer-checkout-dd-local-fields",t.DD_CUSTOMER_NAME_INPUT="primer-checkout-dd-customer-name-input",t.DD_CUSTOMER_EMAIL_INPUT="primer-checkout-dd-customer-email-input",t.DD_CUSTOMER_ADDRESS_LINE1="primer-checkout-dd-customer-address-input",t.DD_CUSTOMER_ADDRESS_LINE2="primer-checkout-dd-customer-address-line2-input",t.DD_CUSTOMER_ADDRESS_CITY="primer-checkout-dd-customer-city-input",t.DD_CUSTOMER_ADDRESS_POSTAL_CODE="primer-checkout-dd-customer-postal-code-input",t.DD_IBAN_INPUT="primer-checkout-dd-iban-input",t.DD_ACCOUNT_NUMBER_INPUT="primer-checkout-dd-account-number-input",t.DD_BANK_CODE_INPUT="primer-checkout-dd-bank-code-input",t.DD_BRANCH_CODE_INPUT="primer-checkout-dd-branch-code-input",t.DD_MANDATE_SMALL_PRINT="primer-checkout-small-print",t.ERROR_MESSAGE="primer-checkout-error-message"}(l||(l={})),function(t){t.TOKEN="PrimerCheckout__token",t.HIDDEN="PrimerCheckout--hidden",t.FOCUSED="PrimerCheckout--focused",t.SELECTED="PrimerCheckout--selected",t.LOADING="PrimerCheckout--loading",t.ERROR="PrimerCheckout--error",t.CARD_TYPE="PrimerCheckout__cardType",t.SAVED_PAYMENT_METHOD="PrimerCheckout__savedPaymentMethod",t.SAVED_PAYMENT_METHOD_CONTAINER="PrimerCheckout__savedPaymentMethodContainer",t.APM_BUTTON="PrimerCheckout__apmButton",t.EDIT_BUTTON="PrimerCheckout__editButton",t.MENU="PrimerCheckout__dropDownMenu",t.MENU_ITEM="PrimerCheckout__dropDownMenuItem",t.PAYMENT_METHOD_MENU_ITEM="PrimerCheckout__paymentMethodDropDownMenuItem",t.DELETE_PAYMENT_METHOD_BUTTON="PrimerCheckout__paymentMethodDropDownMenuItem__deleteButton",t.ENTER="PrimerCheckout--enter",t.ENTERING="PrimerCheckout--entering",t.ENTERED="PrimerCheckout--entered",t.EXIT="PrimerCheckout--exit",t.EXITING="PrimerCheckout--exiting",t.EXITED="PrimerCheckout--exited"}(h||(h={})),function(t){t.CHECKOUT="CHECKOUT",t.MANAGE_PAYMENT_METHODS="MANAGE_PAYMENT_METHODS",t.SINGLE_PAYMENT_METHOD_CHECKOUT="SINGLE_PAYMENT_METHOD_CHECKOUT"}(I||(I={}));var L,p=r(681);!function(t){t.PAYMENT_METHOD="PAYMENT_METHOD",t.CHECK="CHECK"}(L||(L={}));var d=r(162),C=r.n(d);function S(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function m(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i=[],A=!0,u=!1;try{for(r=r.call(t);!(A=(n=r.next()).done)&&(i.push(n.value),!e||i.length!==e);A=!0);}catch(t){u=!0,o=t}finally{try{A||null==r.return||r.return()}finally{if(u)throw o}}return i}}(t,e)||function(t,e){if(t){if("string"==typeof t)return S(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?S(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function M(t,e,r,n,o,i,A){try{var u=t[i](A),E=u.value}catch(t){return void r(t)}u.done?e(E):Promise.resolve(E).then(n,o)}function y(t){return function(){var e=this,r=arguments;return new Promise((function(n,o){var i=t.apply(e,r);function A(t){M(i,n,o,A,u,"next",t)}function u(t){M(i,n,o,A,u,"throw",t)}A(void 0)}))}}var v=null,U=function(){var t=y(C().mark((function t(){var e,r;return C().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!v){t.next=2;break}return t.abrupt("return",v);case 2:if(!window.Primer){t.next=4;break}return t.abrupt("return",Promise.resolve(window.Primer));case 4:return e=new Promise((function(t,e){var r=window.document.querySelector('script[src^="'.concat("https://sdk.primer.io/web/v2.14.0/Primer.min.js",'"]'));r||((r=document.createElement("script")).setAttribute("src","https://sdk.primer.io/web/v2.14.0/Primer.min.js"),r.setAttribute("crossorigin","anonymous"),window.document.head.appendChild(r)),r.onload=function(){t(window.Primer)},r.onerror=function(){var t;v=null,null===(t=r)||void 0===t||t.remove(),e(new Error("Can't load Primer SDK"))}})),r=new Promise((function(t,e){var r=window.document.querySelector('link[href^="'.concat("https://sdk.primer.io/web/v2.14.0/Checkout.css",'"]'));r||((r=document.createElement("link")).setAttribute("rel","stylesheet"),r.setAttribute("href","https://sdk.primer.io/web/v2.14.0/Checkout.css"),window.document.head.appendChild(r)),r.onload=function(){t()},r.onerror=function(){var t;null===(t=r)||void 0===t||t.remove(),e(new Error("Can't load Primer SDK's Stylesheet"))}})),v=Promise.all([e,r]).then((function(t){return m(t,1)[0]})),t.abrupt("return",v);case 8:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}(),w=function(){var t=y(C().mark((function t(){return C().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.abrupt("return",U().then((function(){})));case 1:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}(),B={showUniversalCheckout:function(t,e){return y(C().mark((function r(){var n;return C().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,U();case 2:return n=r.sent,r.abrupt("return",n.showUniversalCheckout(t,e));case 4:case"end":return r.stop()}}),r)})))()},showVaultManager:function(t,e){return y(C().mark((function r(){var n;return C().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,U();case 2:return n=r.sent,r.abrupt("return",n.showVaultManager(t,e));case 4:case"end":return r.stop()}}),r)})))()}}}(),n}()}));
|
|
1
|
+
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.loader=e():t.loader=e()}(this,(function(){return function(){var t={162:function(t,e,r){t.exports=r(47)},681:function(){},47:function(t){var e=function(t){"use strict";var e,r=Object.prototype,n=r.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},A=o.iterator||"@@iterator",i=o.asyncIterator||"@@asyncIterator",_=o.toStringTag||"@@toStringTag";function E(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{E({},"")}catch(t){E=function(t,e,r){return t[e]=r}}function u(t,e,r,n){var o=e&&e.prototype instanceof R?e:R,A=Object.create(o.prototype),i=new S(n||[]);return A._invoke=function(t,e,r){var n=a;return function(o,A){if(n===O)throw new Error("Generator is already running");if(n===T){if("throw"===o)throw A;return M()}for(r.method=o,r.arg=A;;){var i=r.delegate;if(i){var _=p(i,r);if(_){if(_===N)continue;return _}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(n===a)throw n=T,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n=O;var E=c(t,e,r);if("normal"===E.type){if(n=r.done?T:P,E.arg===N)continue;return{value:E.arg,done:r.done}}"throw"===E.type&&(n=T,r.method="throw",r.arg=E.arg)}}}(t,r,i),A}function c(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=u;var a="suspendedStart",P="suspendedYield",O="executing",T="completed",N={};function R(){}function f(){}function D(){}var s={};s[A]=function(){return this};var Y=Object.getPrototypeOf,l=Y&&Y(Y(m([])));l&&l!==r&&n.call(l,A)&&(s=l);var h=D.prototype=R.prototype=Object.create(s);function I(t){["next","throw","return"].forEach((function(e){E(t,e,(function(t){return this._invoke(e,t)}))}))}function L(t,e){function r(o,A,i,_){var E=c(t[o],t,A);if("throw"!==E.type){var u=E.arg,a=u.value;return a&&"object"==typeof a&&n.call(a,"__await")?e.resolve(a.__await).then((function(t){r("next",t,i,_)}),(function(t){r("throw",t,i,_)})):e.resolve(a).then((function(t){u.value=t,i(u)}),(function(t){return r("throw",t,i,_)}))}_(E.arg)}var o;this._invoke=function(t,n){function A(){return new e((function(e,o){r(t,n,e,o)}))}return o=o?o.then(A,A):A()}}function p(t,r){var n=t.iterator[r.method];if(n===e){if(r.delegate=null,"throw"===r.method){if(t.iterator.return&&(r.method="return",r.arg=e,p(t,r),"throw"===r.method))return N;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return N}var o=c(n,t.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,N;var A=o.arg;return A?A.done?(r[t.resultName]=A.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,N):A:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,N)}function C(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function d(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function S(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(C,this),this.reset(!0)}function m(t){if(t){var r=t[A];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,i=function r(){for(;++o<t.length;)if(n.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return i.next=i}}return{next:M}}function M(){return{value:e,done:!0}}return f.prototype=h.constructor=D,D.constructor=f,f.displayName=E(D,_,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,D):(t.__proto__=D,E(t,_,"GeneratorFunction")),t.prototype=Object.create(h),t},t.awrap=function(t){return{__await:t}},I(L.prototype),L.prototype[i]=function(){return this},t.AsyncIterator=L,t.async=function(e,r,n,o,A){void 0===A&&(A=Promise);var i=new L(u(e,r,n,o),A);return t.isGeneratorFunction(r)?i:i.next().then((function(t){return t.done?t.value:i.next()}))},I(h),E(h,_,"Generator"),h[A]=function(){return this},h.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=m,S.prototype={constructor:S,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(d),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function o(n,o){return _.type="throw",_.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var A=this.tryEntries.length-1;A>=0;--A){var i=this.tryEntries[A],_=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var E=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(E&&u){if(this.prev<i.catchLoc)return o(i.catchLoc,!0);if(this.prev<i.finallyLoc)return o(i.finallyLoc)}else if(E){if(this.prev<i.catchLoc)return o(i.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return o(i.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var A=o;break}}A&&("break"===t||"continue"===t)&&A.tryLoc<=e&&e<=A.finallyLoc&&(A=null);var i=A?A.completion:{};return i.type=t,i.arg=e,A?(this.method="next",this.next=A.finallyLoc,N):this.complete(i)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),N},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),d(r),N}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;d(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:m(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),N}},t}(t.exports);try{regeneratorRuntime=e}catch(t){Function("r","regeneratorRuntime = r")(e)}}},e={};function r(n){var o=e[n];if(void 0!==o)return o.exports;var A=e[n]={exports:{}};return t[n](A,A.exports,r),A.exports}r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,{a:e}),e},r.d=function(t,e){for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};return function(){"use strict";var t,e,o,A,i,_,E;function u(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}r.r(n),r.d(n,{CheckoutUXFlow:function(){return L},ErrorCode:function(){return c},PaymentFlow:function(){return t},PaymentInstrumentType:function(){return A},PaymentMethodData:function(){return C.PaymentMethodData},PaymentMethodType:function(){return i},Primer:function(){return b},SuccessScreenType:function(){return p},ThreeDSecureStatus:function(){return o},TokenType:function(){return E},preloadPrimer:function(){return w}}),function(t){t.DEFAULT="DEFAULT",t.PREFER_VAULT="PREFER_VAULT"}(t||(t={})),function(t){t.TOKENIZE_STARTED="tokenize-started",t.TOKENIZE_ERROR="tokenize-error",t.TOKENIZE_SUCCESS="tokenize-success",t.TOKENIZE_DID_NOT_START="tokenize-did-not-start"}(e||(e={})),function(t){t.SUCCESS="AUTH_SUCCESS",t.FAILED="AUTH_FAILED",t.SKIPPED="SKIPPED",t.CHALLENGE="CHALLENGE"}(o||(o={})),function(t){t.ADYEN_BANCONTACT_CARD="ADYEN_BANCONTACT_CARD",t.PAY_NL_KAARTDIRECT="PAY_NL_KAARTDIRECT",t.ADYEN_EPS="ADYEN_EPS",t.ADYEN_BANCONTACT_PAYCONIQ="ADYEN_BANCONTACT_PAYCONIQ",t.OMISE_PROMPTPAY="OMISE_PROMPTPAY",t.OMISE_TRUEMONEY="OMISE_TRUEMONEY",t.ADYEN_MULTIBANCO="ADYEN_MULTIBANCO",t.PACYPAY_WECHAT="PACYPAY_WECHAT",t.PACYPAY_ALIPAY="PACYPAY_ALIPAY",t.ADYEN_MBWAY="ADYEN_MBWAY",t.XENDIT_DANA="XENDIT_DANA",t.XENDIT_SHOPEEPAY="XENDIT_SHOPEEPAY",t.ADYEN_PAYSHOP="ADYEN_PAYSHOP",t.ADYEN_PAYTRAIL="ADYEN_PAYTRAIL",t.CLEARPAY="CLEARPAY",t.RAPYD_FAST="RAPYD_FAST",t.RAPYD_PROMPTPAY="RAPYD_PROMPTPAY",t.RAPYD_GCASH="RAPYD_GCASH",t.RAPYD_POLI="RAPYD_POLI",t.RAPYD_GRABPAY="RAPYD_GRABPAY",t.PRIMER_PAYPAL="PRIMER_PAYPAL",t.TWOC2P="TWOC2P",t.NETS="NETS",t.STRIPE_GIROPAY="STRIPE_GIROPAY",t.MOLLIE_GIROPAY="MOLLIE_GIROPAY",t.MOLLIE_EPS="MOLLIE_EPS",t.PAY_NL_EPS="PAY_NL_EPS",t.PAY_NL_P24="PAY_NL_P24",t.MOLLIE_P24="MOLLIE_P24",t.MOLLIE_SOFORT="MOLLIE_SOFORT",t.COINBASE="COINBASE",t.OPENNODE="OPENNODE",t.MOLLIE_GIFT_CARD="MOLLIE_GIFTCARD",t.XFERS_PAYNOW="XFERS_PAYNOW",t.CARD="PAYMENT_CARD",t.APPLE_PAY="APPLE_PAY",t.GOOGLE_PAY="GOOGLE_PAY",t.PAYPAL="PAYPAL_ORDER",t.PAYPAL_VAULTED="PAYPAL_BILLING_AGREEMENT",t.GO_CARDLESS="GOCARDLESS",t.PAY_NL_IDEAL="PAY_NL_IDEAL",t.PAY_NL_SOFORT_BANKING="PAY_NL_SOFORT_BANKING",t.PAY_NL_BANCONTACT="PAY_NL_BANCONTACT",t.PAY_NL_PAYPAL="PAY_NL_PAYPAL",t.PAY_NL_CREDIT_TRANSFER="PAY_NL_CREDIT_TRANSFER",t.PAY_NL_DIRECT_DEBIT="PAY_NL_DIRECT_DEBIT",t.PAY_NL_GIROPAY="PAY_NL_GIROPAY",t.PAY_NL_PAYCONIQ="PAY_NL_PAYCONIQ",t.HOOLAH="HOOLAH",t.ADYEN_BLIK="ADYEN_BLIK",t.ADYEN_VIPPS="ADYEN_VIPPS",t.ADYEN_GIROPAY="ADYEN_GIROPAY",t.ADYEN_SOFORT="ADYEN_SOFORT",t.ADYEN_TRUSTLY="ADYEN_TRUSTLY",t.ADYEN_ALIPAY="ADYEN_ALIPAY",t.ADYEN_TWINT="ADYEN_TWINT",t.ADYEN_MOBILEPAY="ADYEN_MOBILEPAY",t.MOLLIE_BANCONTACT="MOLLIE_BANCONTACT",t.MOLLIE_IDEAL="MOLLIE_IDEAL",t.BUCKAROO_GIROPAY="BUCKAROO_GIROPAY",t.BUCKAROO_EPS="BUCKAROO_EPS",t.BUCKAROO_SOFORT="BUCKAROO_SOFORT",t.BUCKAROO_BANCONTACT="BUCKAROO_BANCONTACT",t.BUCKAROO_IDEAL="BUCKAROO_IDEAL",t.ATOME="ATOME"}(A||(A={})),function(t){t.ADYEN_BANCONTACT_CARD="ADYEN_BANCONTACT_CARD",t.PAY_NL_KAARTDIRECT="PAY_NL_KAARTDIRECT",t.ADYEN_EPS="ADYEN_EPS",t.ADYEN_BANCONTACT_PAYCONIQ="ADYEN_BANCONTACT_PAYCONIQ",t.OMISE_PROMPTPAY="OMISE_PROMPTPAY",t.OMISE_TRUEMONEY="OMISE_TRUEMONEY",t.ADYEN_MULTIBANCO="ADYEN_MULTIBANCO",t.PACYPAY_WECHAT="PACYPAY_WECHAT",t.PACYPAY_ALIPAY="PACYPAY_ALIPAY",t.ADYEN_MBWAY="ADYEN_MBWAY",t.XENDIT_DANA="XENDIT_DANA",t.XENDIT_SHOPEEPAY="XENDIT_SHOPEEPAY",t.ADYEN_PAYSHOP="ADYEN_PAYSHOP",t.ADYEN_PAYTRAIL="ADYEN_PAYTRAIL",t.CLEARPAY="CLEARPAY",t.RAPYD_FAST="RAPYD_FAST",t.RAPYD_PROMPTPAY="RAPYD_PROMPTPAY",t.RAPYD_GCASH="RAPYD_GCASH",t.RAPYD_POLI="RAPYD_POLI",t.RAPYD_GRABPAY="RAPYD_GRABPAY",t.PRIMER_PAYPAL="PRIMER_PAYPAL",t.TWOC2P="TWOC2P",t.NETS="NETS",t.STRIPE_GIROPAY="STRIPE_GIROPAY",t.MOLLIE_GIROPAY="MOLLIE_GIROPAY",t.MOLLIE_EPS="MOLLIE_EPS",t.PAY_NL_EPS="PAY_NL_EPS",t.PAY_NL_P24="PAY_NL_P24",t.MOLLIE_P24="MOLLIE_P24",t.MOLLIE_SOFORT="MOLLIE_SOFORT",t.COINBASE="COINBASE",t.OPENNODE="OPENNODE",t.MOLLIE_GIFT_CARD="MOLLIE_GIFTCARD",t.XFERS_PAYNOW="XFERS_PAYNOW",t.PAYMENT_CARD="PAYMENT_CARD",t.APPLE_PAY="APPLE_PAY",t.GOOGLE_PAY="GOOGLE_PAY",t.PAYPAL="PAYPAL",t.GO_CARDLESS="GOCARDLESS",t.KLARNA="KLARNA",t.PAY_NL_IDEAL="PAY_NL_IDEAL",t.PAY_NL_SOFORT_BANKING="PAY_NL_SOFORT_BANKING",t.PAY_NL_BANCONTACT="PAY_NL_BANCONTACT",t.PAY_NL_PAYPAL="PAY_NL_PAYPAL",t.PAY_NL_CREDIT_TRANSFER="PAY_NL_CREDIT_TRANSFER",t.PAY_NL_DIRECT_DEBIT="PAY_NL_DIRECT_DEBIT",t.PAY_NL_GIROPAY="PAY_NL_GIROPAY",t.PAY_NL_PAYCONIQ="PAY_NL_PAYCONIQ",t.HOOLAH="HOOLAH",t.ADYEN_BLIK="ADYEN_BLIK",t.ADYEN_MOBILEPAY="ADYEN_MOBILEPAY",t.ADYEN_VIPPS="ADYEN_VIPPS",t.ADYEN_GIROPAY="ADYEN_GIROPAY",t.ADYEN_SOFORT="ADYEN_SOFORT",t.ADYEN_TRUSTLY="ADYEN_TRUSTLY",t.ADYEN_ALIPAY="ADYEN_ALIPAY",t.ADYEN_TWINT="ADYEN_TWINT",t.ADYEN_BANK_TRANSFER="ADYEN_BANK_TRANSFER",t.MOLLIE_BANCONTACT="MOLLIE_BANCONTACT",t.MOLLIE_IDEAL="MOLLIE_IDEAL",t.BUCKAROO_GIROPAY="BUCKAROO_GIROPAY",t.BUCKAROO_EPS="BUCKAROO_EPS",t.BUCKAROO_SOFORT="BUCKAROO_SOFORT",t.BUCKAROO_BANCONTACT="BUCKAROO_BANCONTACT",t.BUCKAROO_IDEAL="BUCKAROO_IDEAL",t.ATOME="ATOME"}(i||(i={})),function(t){t.PAYMENT_CARD="PAYMENT_CARD",t.ADYEN_BANCONTACT_CARD="ADYEN_BANCONTACT_CARD"}(_||(_={})),function(t){t.SINGLE_USE="SINGLE_USE",t.MULTI_USE="MULTI_USE"}(E||(E={}));var c;u({},A.PAYPAL_VAULTED,i.PAYPAL);function a(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function P(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function O(t,e){return(Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function T(t){return("function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function N(t,e){if(e&&("object"===T(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return P(t)}function R(t){return(Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function f(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}function D(t,e,r){return(f()?Reflect.construct:function(t,e,r){var n=[null];n.push.apply(n,e);var o=new(Function.bind.apply(t,n));return r&&O(o,r.prototype),o}).apply(null,arguments)}function s(t){var e="function"==typeof Map?new Map:void 0;return function(t){if(null===t||(t,-1===Function.toString.call(r).indexOf("[native code]")))return t;var r;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,n)}function n(){return D(t,arguments,R(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),O(n,t)}(t)}function Y(t){var e=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(t){return!1}}();return function(){var r,n=R(t);if(e){var o=R(this).constructor;Reflect.construct(n,arguments,o)}else n.apply(this,arguments);return N(this,r)}}!function(t){t.INITIALIZATION_ERROR="INITIALIZATION_ERROR",t.NO_PAYMENT_METHODS="NO_PAYMENT_METHODS",t.PRIMER_TEARDOWN="PRIMER_TEARDOWN",t.PRIMER_SERVER_ERROR="PRIMER_SERVER_ERROR",t.THREE_DS_SETUP_ERROR="THREE_DS_SETUP_ERROR",t.THREE_DS_AUTH_FAILED="THREE_DS_AUTH_FAILED",t.THREE_DS_NEGOTIATION_ERROR="THREE_DS_NEGOTIATION_ERROR",t.TOKENIZATION_ERROR="TOKENIZATION_ERROR",t.DUPLICATE_PAYMENT_METHOD_ERROR="DUPLICATE_PAYMENT_METHOD_ERROR",t.CARD_NUMBER_ERROR="CARD_NUMBER_ERROR",t.PAYMENT_METHOD_NOT_SETUP="PAYMENT_METHOD_NOT_SETUP",t.PAYMENT_METHOD_NOT_PROVIDED="PAYMENT_METHOD_NOT_SETUP",t.PAYMENT_METHOD_NOT_COMPATIBLE="PAYMENT_METHOD_NOT_COMPATIBLE",t.RESUME_ERROR="RESUME_ERROR",t.TAX_ERROR="TAX_ERROR",t.VALIDATION_ERROR="VALIDATION_ERROR",t.PAYMENT_FAILED="PAYMENT_FAILED",t.PAYMENT_CREATION_ABORTED="PAYMENT_CREATION_ABORTED",t.PAYMENT_CREATION_DISABLED="PAYMENT_CREATION_DISABLED",t.CLIENT_SESSION_UPDATE_ERROR="CLIENT_SESSION_UPDATE_ERROR",t.INVALID_ARGUMENT="INVALID_ARGUMENT"}(c||(c={}));var l,h,I,L;Error;!function(t){t.LOADING="Loading",t.THREE_DS="UniversalCheckout/3ds",t.CHOOSE_PAYMENT_METHOD="UniversalCheckout/Home",t.MANAGE_PAYMENT_METHODS="VaultManager/Home",t.DIRECT_DEBIT_FORM="DirectDebit/Form",t.DIRECT_DEBIT_MANDATE="DirectDebit/Mandate",t.CREDIT_CARD_FORM="CreditCard/Form",t.SUCCESS_PAYMENT_METHOD="UniversalCheckout/Success/PaymentMethod",t.SUCCESS_CHECK="UniversalCheckout/Success/Check"}(l||(l={})),function(t){t.ROOT="primer-checkout",t.ROOT_CONTENT="primer-checkout-content",t.SUBMIT_BUTTON="primer-checkout-submit-button",t.THREE_DS_MODAL="primer-checkout-3ds-modal",t.VAULT="primer-checkout-vault",t.VAULT_INLINE="primer-checkout-vault-inline",t.NAVIGATE_PAYMENT_METHODS="primer-checkout-navigate-to-payment-methods",t.DIVIDER="primer-checkout-payment-method-divider",t.APM_BUTTONS="primer-checkout-apm-button-container",t.CARDHOLDER_NAME="primer-checkout-cardholder-name",t.CARDHOLDER_NAME_INPUT="primer-checkout-cardholder-name-input",t.ACTIONS="primer-checkout-actions",t.ACTIONS_MENU="primer-checkout-actions-menu",t.SAVE_PAYMENT_METHOD_CHECKBOX="primer-checkout-save-payment-method-input",t.SAVE_PAYMENT_METHOD_FIELD="primer-checkout-save-payment-method-field",t.SAVED_PAYMENT_METHODS_EMPTY="primer-checkout-saved-payment-methods-empty-text",t.CARD_FORM="primer-checkout-card-form",t.DD_SWITCH="primer-checkout-switch-dd-inputs",t.DD_IBAN_FIELD="primer-checkout-dd-iban-field",t.DD_LOCAL_FIELD="primer-checkout-dd-local-fields",t.DD_CUSTOMER_NAME_INPUT="primer-checkout-dd-customer-name-input",t.DD_CUSTOMER_EMAIL_INPUT="primer-checkout-dd-customer-email-input",t.DD_CUSTOMER_ADDRESS_LINE1="primer-checkout-dd-customer-address-input",t.DD_CUSTOMER_ADDRESS_LINE2="primer-checkout-dd-customer-address-line2-input",t.DD_CUSTOMER_ADDRESS_CITY="primer-checkout-dd-customer-city-input",t.DD_CUSTOMER_ADDRESS_POSTAL_CODE="primer-checkout-dd-customer-postal-code-input",t.DD_IBAN_INPUT="primer-checkout-dd-iban-input",t.DD_ACCOUNT_NUMBER_INPUT="primer-checkout-dd-account-number-input",t.DD_BANK_CODE_INPUT="primer-checkout-dd-bank-code-input",t.DD_BRANCH_CODE_INPUT="primer-checkout-dd-branch-code-input",t.DD_MANDATE_SMALL_PRINT="primer-checkout-small-print",t.ERROR_MESSAGE="primer-checkout-error-message"}(h||(h={})),function(t){t.TOKEN="PrimerCheckout__token",t.HIDDEN="PrimerCheckout--hidden",t.FOCUSED="PrimerCheckout--focused",t.SELECTED="PrimerCheckout--selected",t.LOADING="PrimerCheckout--loading",t.ERROR="PrimerCheckout--error",t.CARD_TYPE="PrimerCheckout__cardType",t.SAVED_PAYMENT_METHOD="PrimerCheckout__savedPaymentMethod",t.SAVED_PAYMENT_METHOD_CONTAINER="PrimerCheckout__savedPaymentMethodContainer",t.APM_BUTTON="PrimerCheckout__apmButton",t.EDIT_BUTTON="PrimerCheckout__editButton",t.MENU="PrimerCheckout__dropDownMenu",t.MENU_ITEM="PrimerCheckout__dropDownMenuItem",t.PAYMENT_METHOD_MENU_ITEM="PrimerCheckout__paymentMethodDropDownMenuItem",t.DELETE_PAYMENT_METHOD_BUTTON="PrimerCheckout__paymentMethodDropDownMenuItem__deleteButton",t.ENTER="PrimerCheckout--enter",t.ENTERING="PrimerCheckout--entering",t.ENTERED="PrimerCheckout--entered",t.EXIT="PrimerCheckout--exit",t.EXITING="PrimerCheckout--exiting",t.EXITED="PrimerCheckout--exited"}(I||(I={})),function(t){t.CHECKOUT="CHECKOUT",t.HEADLESS_CHECKOUT="HEADLESS_CHECKOUT",t.MANAGE_PAYMENT_METHODS="MANAGE_PAYMENT_METHODS",t.SINGLE_PAYMENT_METHOD_CHECKOUT="SINGLE_PAYMENT_METHOD_CHECKOUT"}(L||(L={}));var p,C=r(681);!function(t){t.PAYMENT_METHOD="PAYMENT_METHOD",t.CHECK="CHECK"}(p||(p={}));var d=r(162),S=r.n(d);function m(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function M(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,A=[],i=!0,_=!1;try{for(r=r.call(t);!(i=(n=r.next()).done)&&(A.push(n.value),!e||A.length!==e);i=!0);}catch(t){_=!0,o=t}finally{try{i||null==r.return||r.return()}finally{if(_)throw o}}return A}}(t,e)||function(t,e){if(t){if("string"==typeof t)return m(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?m(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(t,e,r,n,o,A,i){try{var _=t[A](i),E=_.value}catch(t){return void r(t)}_.done?e(E):Promise.resolve(E).then(n,o)}function v(t){return function(){var e=this,r=arguments;return new Promise((function(n,o){var A=t.apply(e,r);function i(t){y(A,n,o,i,_,"next",t)}function _(t){y(A,n,o,i,_,"throw",t)}i(void 0)}))}}var U=null,B=function(){var t=v(S().mark((function t(){var e,r;return S().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!U){t.next=2;break}return t.abrupt("return",U);case 2:if(!window.Primer){t.next=4;break}return t.abrupt("return",Promise.resolve(window.Primer));case 4:return e=new Promise((function(t,e){var r=window.document.querySelector('script[src^="'.concat("https://sdk.primer.io/web/v2.16.0/Primer.min.js",'"]'));r||((r=document.createElement("script")).setAttribute("src","https://sdk.primer.io/web/v2.16.0/Primer.min.js"),r.setAttribute("crossorigin","anonymous"),window.document.head.appendChild(r)),r.onload=function(){t(window.Primer)},r.onerror=function(){var t;U=null,null===(t=r)||void 0===t||t.remove(),e(new Error("Can't load Primer SDK"))}})),r=new Promise((function(t,e){var r=window.document.querySelector('link[href^="'.concat("https://sdk.primer.io/web/v2.16.0/Checkout.css",'"]'));r||((r=document.createElement("link")).setAttribute("rel","stylesheet"),r.setAttribute("href","https://sdk.primer.io/web/v2.16.0/Checkout.css"),window.document.head.appendChild(r)),r.onload=function(){t()},r.onerror=function(){var t;null===(t=r)||void 0===t||t.remove(),e(new Error("Can't load Primer SDK's Stylesheet"))}})),U=Promise.all([e,r]).then((function(t){return M(t,1)[0]})),t.abrupt("return",U);case 8:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}(),w=function(){var t=v(S().mark((function t(){return S().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.abrupt("return",B().then((function(){})));case 1:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}(),b={showUniversalCheckout:function(t,e){return v(S().mark((function r(){var n;return S().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,B();case 2:return n=r.sent,r.abrupt("return",n.showUniversalCheckout(t,e));case 4:case"end":return r.stop()}}),r)})))()},showVaultManager:function(t,e){return v(S().mark((function r(){var n;return S().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,B();case 2:return n=r.sent,r.abrupt("return",n.showVaultManager(t,e));case 4:case"end":return r.stop()}}),r)})))()}}}(),n}()}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer-io/checkout-web",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.16.0",
|
|
4
4
|
"description": "Primer.js for the web",
|
|
5
5
|
"author": "Will Knowles <will@primerapi.com>",
|
|
6
6
|
"homepage": "",
|
|
@@ -26,5 +26,5 @@
|
|
|
26
26
|
"lint": "run -T eslint ./src",
|
|
27
27
|
"check-types": "run -T tsc --noemit -p tsconfig.json"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "6ceaf52fb0903ad0813225b35a8fafb78e9a9b33"
|
|
30
30
|
}
|