@internetarchive/donation-form 1.0.3-alpha-webdev7960.1 → 1.0.3-webdev-8122.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/LICENSE +661 -661
- package/README.md +115 -115
- package/dist/demo/braintree-endpoint-manager.js.map +1 -1
- package/dist/demo/demo-analytics-handler.js.map +1 -1
- package/dist/demo/submit-form-with.js.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/src/braintree-manager/braintree-interfaces.js.map +1 -1
- package/dist/src/braintree-manager/braintree-manager.js.map +1 -1
- package/dist/src/braintree-manager/payment-clients.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/apple-pay/apple-pay-interface.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-datasource-delegate.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-datasource-interface.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-datasource.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-manager.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/apple-pay/apple-pay.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/credit-card/credit-card-interface.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/credit-card/credit-card.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/credit-card/hosted-field-configuration.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/credit-card/hosted-field-container.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/google-pay-interface.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/google-pay.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/paypal/paypal-button-datasource.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/paypal/paypal-interface.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/paypal/paypal.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/venmo-interface.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/venmo.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers-interface.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers.js.map +1 -1
- package/dist/src/donation-form-controller.js +123 -123
- package/dist/src/donation-form-controller.js.map +1 -1
- package/dist/src/donation-form-error.js.map +1 -1
- package/dist/src/donation-form.js +107 -107
- package/dist/src/donation-form.js.map +1 -1
- package/dist/src/form-elements/badged-input.js +47 -47
- package/dist/src/form-elements/badged-input.js.map +1 -1
- package/dist/src/form-elements/contact-form/autocomplete-field-options.js.map +1 -1
- package/dist/src/form-elements/contact-form/contact-form.js +159 -157
- package/dist/src/form-elements/contact-form/contact-form.js.map +1 -1
- package/dist/src/form-elements/contact-form/countries.js.map +1 -1
- package/dist/src/form-elements/header/donation-form-header.js +14 -14
- package/dist/src/form-elements/header/donation-form-header.js.map +1 -1
- package/dist/src/form-elements/header/donation-summary.js +15 -15
- package/dist/src/form-elements/header/donation-summary.js.map +1 -1
- package/dist/src/form-elements/payment-selector.js +164 -164
- package/dist/src/form-elements/payment-selector.js.map +1 -1
- package/dist/src/form-elements/total-amount.js +16 -16
- package/dist/src/form-elements/total-amount.js.map +1 -1
- package/dist/src/modals/confirm-donation-modal-content.js +51 -51
- package/dist/src/modals/confirm-donation-modal-content.js.map +1 -1
- package/dist/src/modals/error-modal-content.js +22 -22
- package/dist/src/modals/error-modal-content.js.map +1 -1
- package/dist/src/modals/upsell-modal-content.js +182 -182
- package/dist/src/modals/upsell-modal-content.js.map +1 -1
- package/dist/src/payment-flow-handlers/donation-flow-modal-manager.js +20 -20
- package/dist/src/payment-flow-handlers/donation-flow-modal-manager.js.map +1 -1
- package/dist/src/payment-flow-handlers/handlers/applepay-flow-handler.js.map +1 -1
- package/dist/src/payment-flow-handlers/handlers/creditcard-flow-handler.js.map +1 -1
- package/dist/src/payment-flow-handlers/handlers/googlepay-flow-handler.js +2 -0
- package/dist/src/payment-flow-handlers/handlers/googlepay-flow-handler.js.map +1 -1
- package/dist/src/payment-flow-handlers/handlers/paypal-flow-handler.js +2 -0
- package/dist/src/payment-flow-handlers/handlers/paypal-flow-handler.js.map +1 -1
- package/dist/src/payment-flow-handlers/handlers/venmo-flow-handler.js.map +1 -1
- package/dist/src/payment-flow-handlers/handlers/venmo-restoration-state-handler.js.map +1 -1
- package/dist/src/payment-flow-handlers/payment-flow-handlers.js.map +1 -1
- package/dist/src/recaptcha-manager/recaptcha-manager.js.map +1 -1
- package/dist/src/util/promisedSleep.js.map +1 -1
- package/dist/test/helpers/fillInContactForm.js.map +1 -1
- package/dist/test/mocks/flow-handlers/individual-handlers/mock-applepay-flow-handler.js.map +1 -1
- package/dist/test/mocks/flow-handlers/individual-handlers/mock-creditcard-flow-handler.js.map +1 -1
- package/dist/test/mocks/flow-handlers/individual-handlers/mock-googlepay-flow-handler.js.map +1 -1
- package/dist/test/mocks/flow-handlers/individual-handlers/mock-paypal-flow-handler.js.map +1 -1
- package/dist/test/mocks/flow-handlers/individual-handlers/mock-venmo-flow-handler.js.map +1 -1
- package/dist/test/mocks/flow-handlers/mock-payment-flow-handlers.js.map +1 -1
- package/dist/test/mocks/mock-braintree-manager.js.map +1 -1
- package/dist/test/mocks/mock-donation-info.js.map +1 -1
- package/dist/test/mocks/mock-endpoint-manager.js.map +1 -1
- package/dist/test/mocks/mock-hosted-fields-config.js.map +1 -1
- package/dist/test/mocks/mock-hosted-fields-container.js.map +1 -1
- package/dist/test/mocks/mock-lazy-loader.js.map +1 -1
- package/dist/test/mocks/mock-modal-manager.js.map +1 -1
- package/dist/test/mocks/mock-payment-clients.js.map +1 -1
- package/dist/test/mocks/mock-paypal-button-renderer.js.map +1 -1
- package/dist/test/mocks/mock-recaptcha-manager.js.map +1 -1
- package/dist/test/mocks/models/mock-billing-info.js +2 -0
- package/dist/test/mocks/models/mock-billing-info.js.map +1 -1
- package/dist/test/mocks/models/mock-custom-fields.js.map +1 -1
- package/dist/test/mocks/models/mock-customer-info.js.map +1 -1
- package/dist/test/mocks/models/mock-donation-request.js.map +1 -1
- package/dist/test/mocks/models/mock-success-response.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-applepay-client.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-applepay-payment.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-applepay-paymentauthorizedevent.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-applepay-session.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-applepay-sessionmanager.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-applepay-validatemerchantevent.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-braintree-client.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-data-collector.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-googlepay-client.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-googlepay-library.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-grecaptcha.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-hostedfields-client.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-hostedfieldstateobject-generator.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-hostedfieldtokenizepayload.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-paypal-client.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-paypal-library.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-venmo-client.js.map +1 -1
- package/dist/test/mocks/payment-providers/individual-providers/mock-applepay-datasource-delegate.js.map +1 -1
- package/dist/test/mocks/payment-providers/individual-providers/mock-applepay-handler.js.map +1 -1
- package/dist/test/mocks/payment-providers/individual-providers/mock-creditcard-handler.js.map +1 -1
- package/dist/test/mocks/payment-providers/individual-providers/mock-googlepay-handler.js.map +1 -1
- package/dist/test/mocks/payment-providers/individual-providers/mock-paypal-button-datasource-delegate.js.map +1 -1
- package/dist/test/mocks/payment-providers/individual-providers/mock-paypal-button-datasource.js.map +1 -1
- package/dist/test/mocks/payment-providers/individual-providers/mock-paypal-handler.js.map +1 -1
- package/dist/test/mocks/payment-providers/individual-providers/mock-venmo-handler.js.map +1 -1
- package/dist/test/mocks/payment-providers/mock-payment-providers.js.map +1 -1
- package/dist/test/tests/braintree-manager.test.js.map +1 -1
- package/dist/test/tests/donation-form-controller.test.js +39 -39
- package/dist/test/tests/donation-form-controller.test.js.map +1 -1
- package/dist/test/tests/donation-form.test.js +4 -4
- package/dist/test/tests/donation-form.test.js.map +1 -1
- package/dist/test/tests/flow-handlers/donation-flow-modal-manager.test.js +16 -14
- package/dist/test/tests/flow-handlers/donation-flow-modal-manager.test.js.map +1 -1
- package/dist/test/tests/form-elements/donation-summary.test.js.map +1 -1
- package/dist/test/tests/form-elements/payment-selector.test.js.map +1 -1
- package/dist/test/tests/modals/error-modal-content.test.js +2 -2
- package/dist/test/tests/modals/error-modal-content.test.js.map +1 -1
- package/dist/test/tests/modals/upsell-modal-content.test.js +31 -31
- package/dist/test/tests/modals/upsell-modal-content.test.js.map +1 -1
- package/dist/test/tests/models/donation-payment-info.test.js.map +1 -1
- package/dist/test/tests/payment-clients.test.js.map +1 -1
- package/dist/test/tests/payment-providers/applepay-sessiondatasource.test.js.map +1 -1
- package/dist/test/tests/payment-providers/applepay-sessionmanager.test.js.map +1 -1
- package/dist/test/tests/payment-providers/applepay.test.js.map +1 -1
- package/dist/test/tests/payment-providers/creditcard.test.js.map +1 -1
- package/dist/test/tests/payment-providers/googlepay.test.js.map +1 -1
- package/dist/test/tests/payment-providers/payment-providers.test.js.map +1 -1
- package/dist/test/tests/payment-providers/paypal-button-datasource.test.js.map +1 -1
- package/dist/test/tests/payment-providers/paypal.test.js.map +1 -1
- package/dist/test/tests/payment-providers/venmo.test.js.map +1 -1
- package/dist/test/tests/recaptcha-manager.test.js.map +1 -1
- package/package.json +107 -107
- package/src/@types/analytics-handler/index.d.ts +8 -8
- package/src/@types/braintree-web/LICENSE +21 -21
- package/src/@types/braintree-web/index.d.ts +93 -93
- package/src/@types/braintree-web/modules/american-express.d.ts +50 -50
- package/src/@types/braintree-web/modules/apple-pay.d.ts +213 -213
- package/src/@types/braintree-web/modules/client.d.ts +103 -103
- package/src/@types/braintree-web/modules/core.d.ts +34 -34
- package/src/@types/braintree-web/modules/data-collector.d.ts +13 -13
- package/src/@types/braintree-web/modules/google-payment.d.ts +269 -269
- package/src/@types/braintree-web/modules/hosted-fields.d.ts +366 -366
- package/src/@types/braintree-web/modules/paypal-checkout.d.ts +262 -262
- package/src/@types/braintree-web/modules/paypal.d.ts +177 -177
- package/src/@types/braintree-web/modules/three-d-secure.d.ts +141 -141
- package/src/@types/braintree-web/modules/unionpay.d.ts +224 -224
- package/src/@types/braintree-web/modules/us-bank-account.d.ts +81 -81
- package/src/@types/braintree-web/modules/venmo.d.ts +110 -110
- package/src/@types/braintree-web/package.json +64 -64
- package/src/@types/paypal-checkout-components/LICENSE +21 -21
- package/src/@types/paypal-checkout-components/index.d.ts +67 -67
- package/src/@types/paypal-checkout-components/modules/button.d.ts +50 -50
- package/src/@types/paypal-checkout-components/modules/callback-data.d.ts +244 -244
- package/src/@types/paypal-checkout-components/modules/configuration.d.ts +114 -114
- package/src/@types/paypal-checkout-components/package.json +58 -58
- package/src/braintree-manager/braintree-interfaces.ts +172 -172
- package/src/braintree-manager/braintree-manager.ts +281 -281
- package/src/braintree-manager/payment-clients.ts +146 -146
- package/src/braintree-manager/payment-providers/apple-pay/apple-pay-interface.ts +13 -13
- package/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-datasource-delegate.ts +8 -8
- package/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-datasource-interface.ts +10 -10
- package/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-datasource.ts +119 -119
- package/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-manager.ts +21 -21
- package/src/braintree-manager/payment-providers/apple-pay/apple-pay.ts +97 -97
- package/src/braintree-manager/payment-providers/credit-card/credit-card-interface.ts +21 -21
- package/src/braintree-manager/payment-providers/credit-card/credit-card.ts +130 -130
- package/src/braintree-manager/payment-providers/credit-card/hosted-field-configuration.ts +19 -19
- package/src/braintree-manager/payment-providers/credit-card/hosted-field-container.ts +85 -85
- package/src/braintree-manager/payment-providers/google-pay-interface.ts +8 -8
- package/src/braintree-manager/payment-providers/google-pay.ts +59 -59
- package/src/braintree-manager/payment-providers/paypal/paypal-button-datasource.ts +218 -218
- package/src/braintree-manager/payment-providers/paypal/paypal-interface.ts +13 -13
- package/src/braintree-manager/payment-providers/paypal/paypal.ts +78 -78
- package/src/braintree-manager/payment-providers/venmo-interface.ts +8 -8
- package/src/braintree-manager/payment-providers/venmo.ts +67 -67
- package/src/braintree-manager/payment-providers-interface.ts +25 -25
- package/src/braintree-manager/payment-providers.ts +147 -147
- package/src/donation-form-controller.ts +623 -623
- package/src/donation-form-error.ts +6 -6
- package/src/donation-form.ts +576 -576
- package/src/form-elements/badged-input.ts +109 -109
- package/src/form-elements/contact-form/autocomplete-field-options.ts +63 -63
- package/src/form-elements/contact-form/contact-form.ts +436 -434
- package/src/form-elements/contact-form/countries.ts +252 -252
- package/src/form-elements/header/donation-form-header.ts +98 -98
- package/src/form-elements/header/donation-summary.ts +61 -61
- package/src/form-elements/payment-selector.ts +365 -365
- package/src/form-elements/total-amount.ts +46 -46
- package/src/modals/confirm-donation-modal-content.ts +168 -168
- package/src/modals/error-modal-content.ts +48 -48
- package/src/modals/upsell-modal-content.ts +284 -284
- package/src/payment-flow-handlers/donation-flow-modal-manager.ts +439 -439
- package/src/payment-flow-handlers/handlers/applepay-flow-handler.ts +109 -109
- package/src/payment-flow-handlers/handlers/creditcard-flow-handler.ts +232 -232
- package/src/payment-flow-handlers/handlers/googlepay-flow-handler.ts +113 -111
- package/src/payment-flow-handlers/handlers/paypal-flow-handler.ts +333 -331
- package/src/payment-flow-handlers/handlers/venmo-flow-handler.ts +119 -119
- package/src/payment-flow-handlers/handlers/venmo-restoration-state-handler.ts +127 -127
- package/src/payment-flow-handlers/payment-flow-handlers.ts +218 -218
- package/src/recaptcha-manager/recaptcha-manager.ts +123 -123
- package/src/util/promisedSleep.ts +3 -3
|
@@ -1,114 +1,114 @@
|
|
|
1
|
-
export enum Environment {
|
|
2
|
-
Production = 'production',
|
|
3
|
-
Sandbox = 'sandbox',
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
export enum ButtonColorOption {
|
|
7
|
-
/**
|
|
8
|
-
* Recommended
|
|
9
|
-
* People around the world know us for the color gold and research confirms it.
|
|
10
|
-
* Extensive testing determined just the right shade and shape that help increase conversion.
|
|
11
|
-
* Use it on your website to leverage PayPal’s recognition and preference.
|
|
12
|
-
*/
|
|
13
|
-
Gold = 'gold',
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* First alternate
|
|
17
|
-
* If gold is not an option for your site, try the PayPal blue button.
|
|
18
|
-
* Research shows that people know it is our brand color,
|
|
19
|
-
* which provides a halo of trust and security to your experience.
|
|
20
|
-
*/
|
|
21
|
-
Blue = 'blue',
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* Second alternate
|
|
25
|
-
* If gold or blue do not work for your site design or aesthetic, try the silver button.
|
|
26
|
-
* Because this color is a bit recessive and less capable of drawing people’s attention,
|
|
27
|
-
* we recommend this button color as a second alternative.
|
|
28
|
-
*/
|
|
29
|
-
Silver = 'silver',
|
|
30
|
-
|
|
31
|
-
/**
|
|
32
|
-
* Third alternate
|
|
33
|
-
* If your website demands a monochromatic button experience, try the black button.
|
|
34
|
-
* Because black is a common website color and less capable of drawing people's attention,
|
|
35
|
-
* we recommend this button as a third alternative.
|
|
36
|
-
*/
|
|
37
|
-
Black = 'black',
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
export enum ButtonShapeOption {
|
|
41
|
-
/**
|
|
42
|
-
* Recommended
|
|
43
|
-
* Whenever possible, use the pill-shaped button.
|
|
44
|
-
* Its unique and powerful shape signifies PayPal in people’s minds.
|
|
45
|
-
*/
|
|
46
|
-
Pill = 'pill',
|
|
47
|
-
|
|
48
|
-
/**
|
|
49
|
-
* Use the rectangular button as an alternative for media such as mobile
|
|
50
|
-
* where pill-shaped buttons might pose design challenges.
|
|
51
|
-
*/
|
|
52
|
-
Rect = 'rect',
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
export enum ButtonSizeOption {
|
|
56
|
-
/**
|
|
57
|
-
* Recommended. Default.
|
|
58
|
-
* 150 pixels by 25 pixels
|
|
59
|
-
*/
|
|
60
|
-
Small = 'small',
|
|
61
|
-
|
|
62
|
-
/**
|
|
63
|
-
* 250 pixels by 35 pixels
|
|
64
|
-
*/
|
|
65
|
-
Medium = 'medium',
|
|
66
|
-
|
|
67
|
-
/**
|
|
68
|
-
* 350 pixels by 40 pixels
|
|
69
|
-
*/
|
|
70
|
-
Large = 'large',
|
|
71
|
-
|
|
72
|
-
/**
|
|
73
|
-
* Dynamic
|
|
74
|
-
* Matches the width of the container element, height is decided dynamically based on width.
|
|
75
|
-
* Minimum width is 150px, maximum width is 500px.
|
|
76
|
-
*/
|
|
77
|
-
Responsive = 'responsive',
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
export enum ButtonLabelOption {
|
|
81
|
-
/**
|
|
82
|
-
* The PayPal Checkout button. The default button.
|
|
83
|
-
*/
|
|
84
|
-
Checkout = 'checkout',
|
|
85
|
-
|
|
86
|
-
/**
|
|
87
|
-
* The PayPal Credit button. Initializes the credit flow. Cannot be used with any custom color option.
|
|
88
|
-
*/
|
|
89
|
-
Credit = 'credit',
|
|
90
|
-
|
|
91
|
-
/**
|
|
92
|
-
* The Pay With PayPal button. Initializes the checkout flow.
|
|
93
|
-
*/
|
|
94
|
-
Pay = 'pay',
|
|
95
|
-
|
|
96
|
-
/**
|
|
97
|
-
* The Buy Now button. Initializes the checkout flow.
|
|
98
|
-
* The default Buy Now button is unbranded. To include PayPal branding, set branding: true.
|
|
99
|
-
*/
|
|
100
|
-
BuyNow = 'buynow',
|
|
101
|
-
|
|
102
|
-
/**
|
|
103
|
-
* The generic PayPal button. Initializes the checkout flow. This button contains only the PayPal brand logo.
|
|
104
|
-
*/
|
|
105
|
-
PayPal = 'paypal',
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
export interface ButtonStyle {
|
|
109
|
-
color: ButtonColorOption;
|
|
110
|
-
label: ButtonLabelOption;
|
|
111
|
-
shape: ButtonShapeOption;
|
|
112
|
-
size: ButtonSizeOption;
|
|
113
|
-
tagline: boolean;
|
|
114
|
-
}
|
|
1
|
+
export enum Environment {
|
|
2
|
+
Production = 'production',
|
|
3
|
+
Sandbox = 'sandbox',
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
export enum ButtonColorOption {
|
|
7
|
+
/**
|
|
8
|
+
* Recommended
|
|
9
|
+
* People around the world know us for the color gold and research confirms it.
|
|
10
|
+
* Extensive testing determined just the right shade and shape that help increase conversion.
|
|
11
|
+
* Use it on your website to leverage PayPal’s recognition and preference.
|
|
12
|
+
*/
|
|
13
|
+
Gold = 'gold',
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* First alternate
|
|
17
|
+
* If gold is not an option for your site, try the PayPal blue button.
|
|
18
|
+
* Research shows that people know it is our brand color,
|
|
19
|
+
* which provides a halo of trust and security to your experience.
|
|
20
|
+
*/
|
|
21
|
+
Blue = 'blue',
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* Second alternate
|
|
25
|
+
* If gold or blue do not work for your site design or aesthetic, try the silver button.
|
|
26
|
+
* Because this color is a bit recessive and less capable of drawing people’s attention,
|
|
27
|
+
* we recommend this button color as a second alternative.
|
|
28
|
+
*/
|
|
29
|
+
Silver = 'silver',
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* Third alternate
|
|
33
|
+
* If your website demands a monochromatic button experience, try the black button.
|
|
34
|
+
* Because black is a common website color and less capable of drawing people's attention,
|
|
35
|
+
* we recommend this button as a third alternative.
|
|
36
|
+
*/
|
|
37
|
+
Black = 'black',
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
export enum ButtonShapeOption {
|
|
41
|
+
/**
|
|
42
|
+
* Recommended
|
|
43
|
+
* Whenever possible, use the pill-shaped button.
|
|
44
|
+
* Its unique and powerful shape signifies PayPal in people’s minds.
|
|
45
|
+
*/
|
|
46
|
+
Pill = 'pill',
|
|
47
|
+
|
|
48
|
+
/**
|
|
49
|
+
* Use the rectangular button as an alternative for media such as mobile
|
|
50
|
+
* where pill-shaped buttons might pose design challenges.
|
|
51
|
+
*/
|
|
52
|
+
Rect = 'rect',
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
export enum ButtonSizeOption {
|
|
56
|
+
/**
|
|
57
|
+
* Recommended. Default.
|
|
58
|
+
* 150 pixels by 25 pixels
|
|
59
|
+
*/
|
|
60
|
+
Small = 'small',
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* 250 pixels by 35 pixels
|
|
64
|
+
*/
|
|
65
|
+
Medium = 'medium',
|
|
66
|
+
|
|
67
|
+
/**
|
|
68
|
+
* 350 pixels by 40 pixels
|
|
69
|
+
*/
|
|
70
|
+
Large = 'large',
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* Dynamic
|
|
74
|
+
* Matches the width of the container element, height is decided dynamically based on width.
|
|
75
|
+
* Minimum width is 150px, maximum width is 500px.
|
|
76
|
+
*/
|
|
77
|
+
Responsive = 'responsive',
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
export enum ButtonLabelOption {
|
|
81
|
+
/**
|
|
82
|
+
* The PayPal Checkout button. The default button.
|
|
83
|
+
*/
|
|
84
|
+
Checkout = 'checkout',
|
|
85
|
+
|
|
86
|
+
/**
|
|
87
|
+
* The PayPal Credit button. Initializes the credit flow. Cannot be used with any custom color option.
|
|
88
|
+
*/
|
|
89
|
+
Credit = 'credit',
|
|
90
|
+
|
|
91
|
+
/**
|
|
92
|
+
* The Pay With PayPal button. Initializes the checkout flow.
|
|
93
|
+
*/
|
|
94
|
+
Pay = 'pay',
|
|
95
|
+
|
|
96
|
+
/**
|
|
97
|
+
* The Buy Now button. Initializes the checkout flow.
|
|
98
|
+
* The default Buy Now button is unbranded. To include PayPal branding, set branding: true.
|
|
99
|
+
*/
|
|
100
|
+
BuyNow = 'buynow',
|
|
101
|
+
|
|
102
|
+
/**
|
|
103
|
+
* The generic PayPal button. Initializes the checkout flow. This button contains only the PayPal brand logo.
|
|
104
|
+
*/
|
|
105
|
+
PayPal = 'paypal',
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
export interface ButtonStyle {
|
|
109
|
+
color: ButtonColorOption;
|
|
110
|
+
label: ButtonLabelOption;
|
|
111
|
+
shape: ButtonShapeOption;
|
|
112
|
+
size: ButtonSizeOption;
|
|
113
|
+
tagline: boolean;
|
|
114
|
+
}
|
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
{
|
|
2
|
-
"_args": [
|
|
3
|
-
[
|
|
4
|
-
"@types/paypal-checkout-components@4.0.0",
|
|
5
|
-
"/Users/jason/Projects/IA/iaux/iaux-donation-form"
|
|
6
|
-
]
|
|
7
|
-
],
|
|
8
|
-
"_development": true,
|
|
9
|
-
"_from": "@types/paypal-checkout-components@4.0.0",
|
|
10
|
-
"_id": "@types/paypal-checkout-components@4.0.0",
|
|
11
|
-
"_inBundle": false,
|
|
12
|
-
"_integrity": "sha512-nEIK2mFkXFpzI2Osss47DOhxgasgkvEGG3nyw+IAe/rk7CmKmRsW8CDoW2qCyFF1eSjsnEbLILxeUcGB9c7xgg==",
|
|
13
|
-
"_location": "/@types/paypal-checkout-components",
|
|
14
|
-
"_phantomChildren": {},
|
|
15
|
-
"_requested": {
|
|
16
|
-
"type": "version",
|
|
17
|
-
"registry": true,
|
|
18
|
-
"raw": "@types/paypal-checkout-components@4.0.0",
|
|
19
|
-
"name": "@types/paypal-checkout-components",
|
|
20
|
-
"escapedName": "@types%2fpaypal-checkout-components",
|
|
21
|
-
"scope": "@types",
|
|
22
|
-
"rawSpec": "4.0.0",
|
|
23
|
-
"saveSpec": null,
|
|
24
|
-
"fetchSpec": "4.0.0"
|
|
25
|
-
},
|
|
26
|
-
"_requiredBy": [
|
|
27
|
-
"#DEV:/",
|
|
28
|
-
"/@types/braintree-web"
|
|
29
|
-
],
|
|
30
|
-
"_resolved": "https://registry.npmjs.org/@types/paypal-checkout-components/-/paypal-checkout-components-4.0.0.tgz",
|
|
31
|
-
"_spec": "4.0.0",
|
|
32
|
-
"_where": "/Users/jason/Projects/IA/iaux/iaux-donation-form",
|
|
33
|
-
"bugs": {
|
|
34
|
-
"url": "https://github.com/DefinitelyTyped/DefinitelyTyped/issues"
|
|
35
|
-
},
|
|
36
|
-
"contributors": [
|
|
37
|
-
{
|
|
38
|
-
"name": "Jason Buckner",
|
|
39
|
-
"url": "https://github.com/jbuckner"
|
|
40
|
-
}
|
|
41
|
-
],
|
|
42
|
-
"dependencies": {},
|
|
43
|
-
"description": "TypeScript definitions for paypal-checkout-components",
|
|
44
|
-
"homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped#readme",
|
|
45
|
-
"license": "MIT",
|
|
46
|
-
"main": "",
|
|
47
|
-
"name": "@types/paypal-checkout-components",
|
|
48
|
-
"repository": {
|
|
49
|
-
"type": "git",
|
|
50
|
-
"url": "git+https://github.com/DefinitelyTyped/DefinitelyTyped.git",
|
|
51
|
-
"directory": "types/paypal-checkout-components"
|
|
52
|
-
},
|
|
53
|
-
"scripts": {},
|
|
54
|
-
"typeScriptVersion": "3.1",
|
|
55
|
-
"types": "index.d.ts",
|
|
56
|
-
"typesPublisherContentHash": "5583d512b996851d10cc8b59bacbdc5c19ed8d2ee715c6f95f9ffa0d5f1bdc6c",
|
|
57
|
-
"version": "4.0.0"
|
|
58
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"_args": [
|
|
3
|
+
[
|
|
4
|
+
"@types/paypal-checkout-components@4.0.0",
|
|
5
|
+
"/Users/jason/Projects/IA/iaux/iaux-donation-form"
|
|
6
|
+
]
|
|
7
|
+
],
|
|
8
|
+
"_development": true,
|
|
9
|
+
"_from": "@types/paypal-checkout-components@4.0.0",
|
|
10
|
+
"_id": "@types/paypal-checkout-components@4.0.0",
|
|
11
|
+
"_inBundle": false,
|
|
12
|
+
"_integrity": "sha512-nEIK2mFkXFpzI2Osss47DOhxgasgkvEGG3nyw+IAe/rk7CmKmRsW8CDoW2qCyFF1eSjsnEbLILxeUcGB9c7xgg==",
|
|
13
|
+
"_location": "/@types/paypal-checkout-components",
|
|
14
|
+
"_phantomChildren": {},
|
|
15
|
+
"_requested": {
|
|
16
|
+
"type": "version",
|
|
17
|
+
"registry": true,
|
|
18
|
+
"raw": "@types/paypal-checkout-components@4.0.0",
|
|
19
|
+
"name": "@types/paypal-checkout-components",
|
|
20
|
+
"escapedName": "@types%2fpaypal-checkout-components",
|
|
21
|
+
"scope": "@types",
|
|
22
|
+
"rawSpec": "4.0.0",
|
|
23
|
+
"saveSpec": null,
|
|
24
|
+
"fetchSpec": "4.0.0"
|
|
25
|
+
},
|
|
26
|
+
"_requiredBy": [
|
|
27
|
+
"#DEV:/",
|
|
28
|
+
"/@types/braintree-web"
|
|
29
|
+
],
|
|
30
|
+
"_resolved": "https://registry.npmjs.org/@types/paypal-checkout-components/-/paypal-checkout-components-4.0.0.tgz",
|
|
31
|
+
"_spec": "4.0.0",
|
|
32
|
+
"_where": "/Users/jason/Projects/IA/iaux/iaux-donation-form",
|
|
33
|
+
"bugs": {
|
|
34
|
+
"url": "https://github.com/DefinitelyTyped/DefinitelyTyped/issues"
|
|
35
|
+
},
|
|
36
|
+
"contributors": [
|
|
37
|
+
{
|
|
38
|
+
"name": "Jason Buckner",
|
|
39
|
+
"url": "https://github.com/jbuckner"
|
|
40
|
+
}
|
|
41
|
+
],
|
|
42
|
+
"dependencies": {},
|
|
43
|
+
"description": "TypeScript definitions for paypal-checkout-components",
|
|
44
|
+
"homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped#readme",
|
|
45
|
+
"license": "MIT",
|
|
46
|
+
"main": "",
|
|
47
|
+
"name": "@types/paypal-checkout-components",
|
|
48
|
+
"repository": {
|
|
49
|
+
"type": "git",
|
|
50
|
+
"url": "git+https://github.com/DefinitelyTyped/DefinitelyTyped.git",
|
|
51
|
+
"directory": "types/paypal-checkout-components"
|
|
52
|
+
},
|
|
53
|
+
"scripts": {},
|
|
54
|
+
"typeScriptVersion": "3.1",
|
|
55
|
+
"types": "index.d.ts",
|
|
56
|
+
"typesPublisherContentHash": "5583d512b996851d10cc8b59bacbdc5c19ed8d2ee715c6f95f9ffa0d5f1bdc6c",
|
|
57
|
+
"version": "4.0.0"
|
|
58
|
+
}
|