@internetarchive/donation-form 1.0.3-alpha-webdev7960.1 → 1.0.3-webdev-8114.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.d.ts +1 -1
- package/dist/src/form-elements/contact-form/contact-form.js +174 -179
- 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.map +1 -1
- 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.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 +14 -14
- package/dist/test/tests/flow-handlers/donation-flow-modal-manager.test.js.map +1 -1
- package/dist/test/tests/form-elements/contact-form.test.d.ts +1 -0
- package/dist/test/tests/form-elements/contact-form.test.js +132 -0
- package/dist/test/tests/form-elements/contact-form.test.js.map +1 -0
- 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 +432 -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 +111 -111
- package/src/payment-flow-handlers/handlers/paypal-flow-handler.ts +331 -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,111 +1,111 @@
|
|
|
1
|
-
import { BraintreeManagerInterface } from '../../braintree-manager/braintree-interfaces';
|
|
2
|
-
import {
|
|
3
|
-
DonationPaymentInfo,
|
|
4
|
-
PaymentProvider,
|
|
5
|
-
CustomerInfo,
|
|
6
|
-
BillingInfo,
|
|
7
|
-
} from '@internetarchive/donation-form-data-models';
|
|
8
|
-
import { DonationFlowModalManagerInterface } from '../donation-flow-modal-manager';
|
|
9
|
-
import { Emitter, createNanoEvents, Unsubscribe } from 'nanoevents';
|
|
10
|
-
|
|
11
|
-
export interface GooglePayFlowHandlerInterface {
|
|
12
|
-
paymentInitiated(donationInfo: DonationPaymentInfo): Promise<void>;
|
|
13
|
-
on<E extends keyof GooglePayFlowHandlerEvents>(
|
|
14
|
-
event: E,
|
|
15
|
-
callback: GooglePayFlowHandlerEvents[E],
|
|
16
|
-
): Unsubscribe;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export interface GooglePayFlowHandlerEvents {
|
|
20
|
-
paymentCancelled: () => void;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export class GooglePayFlowHandler implements GooglePayFlowHandlerInterface {
|
|
24
|
-
private donationFlowModalManager: DonationFlowModalManagerInterface;
|
|
25
|
-
|
|
26
|
-
private braintreeManager: BraintreeManagerInterface;
|
|
27
|
-
|
|
28
|
-
private emitter: Emitter<GooglePayFlowHandlerEvents> =
|
|
29
|
-
createNanoEvents<GooglePayFlowHandlerEvents>();
|
|
30
|
-
|
|
31
|
-
constructor(options: {
|
|
32
|
-
braintreeManager: BraintreeManagerInterface;
|
|
33
|
-
donationFlowModalManager: DonationFlowModalManagerInterface;
|
|
34
|
-
}) {
|
|
35
|
-
this.braintreeManager = options.braintreeManager;
|
|
36
|
-
this.donationFlowModalManager = options.donationFlowModalManager;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
on<E extends keyof GooglePayFlowHandlerEvents>(
|
|
40
|
-
event: E,
|
|
41
|
-
callback: GooglePayFlowHandlerEvents[E],
|
|
42
|
-
): Unsubscribe {
|
|
43
|
-
return this.emitter.on(event, callback);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
// GooglePayFlowHandlerInterface conformance
|
|
47
|
-
async paymentInitiated(donationInfo: DonationPaymentInfo): Promise<void> {
|
|
48
|
-
const handler = await this.braintreeManager?.paymentProviders.googlePayHandler.get();
|
|
49
|
-
const instance = await handler.instance.get();
|
|
50
|
-
|
|
51
|
-
const paymentDataRequest = await instance.createPaymentDataRequest({
|
|
52
|
-
emailRequired: true,
|
|
53
|
-
transactionInfo: {
|
|
54
|
-
currencyCode: 'USD',
|
|
55
|
-
totalPriceStatus: 'FINAL',
|
|
56
|
-
totalPrice: `${donationInfo.total}`,
|
|
57
|
-
},
|
|
58
|
-
});
|
|
59
|
-
|
|
60
|
-
const cardPaymentMethod = paymentDataRequest.allowedPaymentMethods[0];
|
|
61
|
-
cardPaymentMethod.parameters.billingAddressRequired = true;
|
|
62
|
-
cardPaymentMethod.parameters.billingAddressParameters = {
|
|
63
|
-
format: 'FULL',
|
|
64
|
-
phoneNumberRequired: false,
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
try {
|
|
68
|
-
const paymentData = await handler.paymentsClient.loadPaymentData(paymentDataRequest);
|
|
69
|
-
const result: braintree.GooglePaymentTokenizePayload =
|
|
70
|
-
await instance.parseResponse(paymentData);
|
|
71
|
-
|
|
72
|
-
const billingInfo = paymentData.paymentMethodData.info?.billingAddress;
|
|
73
|
-
const name = billingInfo?.name;
|
|
74
|
-
let firstName: string | undefined = name;
|
|
75
|
-
let lastName: string | undefined = '';
|
|
76
|
-
const lastSpace = name?.lastIndexOf(' ');
|
|
77
|
-
if (lastSpace && lastSpace !== -1) {
|
|
78
|
-
firstName = name?.substr(0, lastSpace);
|
|
79
|
-
lastName = name?.substr(lastSpace);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
const customer = new CustomerInfo({
|
|
83
|
-
email: paymentData.email,
|
|
84
|
-
firstName,
|
|
85
|
-
lastName,
|
|
86
|
-
});
|
|
87
|
-
|
|
88
|
-
const billing = new BillingInfo({
|
|
89
|
-
streetAddress: billingInfo?.address1,
|
|
90
|
-
extendedAddress: billingInfo?.address2,
|
|
91
|
-
locality: billingInfo?.locality,
|
|
92
|
-
region: billingInfo?.administrativeArea,
|
|
93
|
-
postalCode: billingInfo?.postalCode,
|
|
94
|
-
countryCodeAlpha2: billingInfo?.countryCode,
|
|
95
|
-
});
|
|
96
|
-
|
|
97
|
-
this.donationFlowModalManager.startDonationSubmissionFlow({
|
|
98
|
-
nonce: result.nonce,
|
|
99
|
-
paymentProvider: PaymentProvider.GooglePay,
|
|
100
|
-
bin: result.details.bin,
|
|
101
|
-
binName: result.binData.issuingBank,
|
|
102
|
-
donationInfo: donationInfo,
|
|
103
|
-
customerInfo: customer,
|
|
104
|
-
billingInfo: billing,
|
|
105
|
-
});
|
|
106
|
-
} catch {
|
|
107
|
-
this.emitter.emit('paymentCancelled');
|
|
108
|
-
this.donationFlowModalManager.closeModal();
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
}
|
|
1
|
+
import { BraintreeManagerInterface } from '../../braintree-manager/braintree-interfaces';
|
|
2
|
+
import {
|
|
3
|
+
DonationPaymentInfo,
|
|
4
|
+
PaymentProvider,
|
|
5
|
+
CustomerInfo,
|
|
6
|
+
BillingInfo,
|
|
7
|
+
} from '@internetarchive/donation-form-data-models';
|
|
8
|
+
import { DonationFlowModalManagerInterface } from '../donation-flow-modal-manager';
|
|
9
|
+
import { Emitter, createNanoEvents, Unsubscribe } from 'nanoevents';
|
|
10
|
+
|
|
11
|
+
export interface GooglePayFlowHandlerInterface {
|
|
12
|
+
paymentInitiated(donationInfo: DonationPaymentInfo): Promise<void>;
|
|
13
|
+
on<E extends keyof GooglePayFlowHandlerEvents>(
|
|
14
|
+
event: E,
|
|
15
|
+
callback: GooglePayFlowHandlerEvents[E],
|
|
16
|
+
): Unsubscribe;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export interface GooglePayFlowHandlerEvents {
|
|
20
|
+
paymentCancelled: () => void;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export class GooglePayFlowHandler implements GooglePayFlowHandlerInterface {
|
|
24
|
+
private donationFlowModalManager: DonationFlowModalManagerInterface;
|
|
25
|
+
|
|
26
|
+
private braintreeManager: BraintreeManagerInterface;
|
|
27
|
+
|
|
28
|
+
private emitter: Emitter<GooglePayFlowHandlerEvents> =
|
|
29
|
+
createNanoEvents<GooglePayFlowHandlerEvents>();
|
|
30
|
+
|
|
31
|
+
constructor(options: {
|
|
32
|
+
braintreeManager: BraintreeManagerInterface;
|
|
33
|
+
donationFlowModalManager: DonationFlowModalManagerInterface;
|
|
34
|
+
}) {
|
|
35
|
+
this.braintreeManager = options.braintreeManager;
|
|
36
|
+
this.donationFlowModalManager = options.donationFlowModalManager;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
on<E extends keyof GooglePayFlowHandlerEvents>(
|
|
40
|
+
event: E,
|
|
41
|
+
callback: GooglePayFlowHandlerEvents[E],
|
|
42
|
+
): Unsubscribe {
|
|
43
|
+
return this.emitter.on(event, callback);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
// GooglePayFlowHandlerInterface conformance
|
|
47
|
+
async paymentInitiated(donationInfo: DonationPaymentInfo): Promise<void> {
|
|
48
|
+
const handler = await this.braintreeManager?.paymentProviders.googlePayHandler.get();
|
|
49
|
+
const instance = await handler.instance.get();
|
|
50
|
+
|
|
51
|
+
const paymentDataRequest = await instance.createPaymentDataRequest({
|
|
52
|
+
emailRequired: true,
|
|
53
|
+
transactionInfo: {
|
|
54
|
+
currencyCode: 'USD',
|
|
55
|
+
totalPriceStatus: 'FINAL',
|
|
56
|
+
totalPrice: `${donationInfo.total}`,
|
|
57
|
+
},
|
|
58
|
+
});
|
|
59
|
+
|
|
60
|
+
const cardPaymentMethod = paymentDataRequest.allowedPaymentMethods[0];
|
|
61
|
+
cardPaymentMethod.parameters.billingAddressRequired = true;
|
|
62
|
+
cardPaymentMethod.parameters.billingAddressParameters = {
|
|
63
|
+
format: 'FULL',
|
|
64
|
+
phoneNumberRequired: false,
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
try {
|
|
68
|
+
const paymentData = await handler.paymentsClient.loadPaymentData(paymentDataRequest);
|
|
69
|
+
const result: braintree.GooglePaymentTokenizePayload =
|
|
70
|
+
await instance.parseResponse(paymentData);
|
|
71
|
+
|
|
72
|
+
const billingInfo = paymentData.paymentMethodData.info?.billingAddress;
|
|
73
|
+
const name = billingInfo?.name;
|
|
74
|
+
let firstName: string | undefined = name;
|
|
75
|
+
let lastName: string | undefined = '';
|
|
76
|
+
const lastSpace = name?.lastIndexOf(' ');
|
|
77
|
+
if (lastSpace && lastSpace !== -1) {
|
|
78
|
+
firstName = name?.substr(0, lastSpace);
|
|
79
|
+
lastName = name?.substr(lastSpace);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
const customer = new CustomerInfo({
|
|
83
|
+
email: paymentData.email,
|
|
84
|
+
firstName,
|
|
85
|
+
lastName,
|
|
86
|
+
});
|
|
87
|
+
|
|
88
|
+
const billing = new BillingInfo({
|
|
89
|
+
streetAddress: billingInfo?.address1,
|
|
90
|
+
extendedAddress: billingInfo?.address2,
|
|
91
|
+
locality: billingInfo?.locality,
|
|
92
|
+
region: billingInfo?.administrativeArea,
|
|
93
|
+
postalCode: billingInfo?.postalCode,
|
|
94
|
+
countryCodeAlpha2: billingInfo?.countryCode,
|
|
95
|
+
});
|
|
96
|
+
|
|
97
|
+
this.donationFlowModalManager.startDonationSubmissionFlow({
|
|
98
|
+
nonce: result.nonce,
|
|
99
|
+
paymentProvider: PaymentProvider.GooglePay,
|
|
100
|
+
bin: result.details.bin,
|
|
101
|
+
binName: result.binData.issuingBank,
|
|
102
|
+
donationInfo: donationInfo,
|
|
103
|
+
customerInfo: customer,
|
|
104
|
+
billingInfo: billing,
|
|
105
|
+
});
|
|
106
|
+
} catch {
|
|
107
|
+
this.emitter.emit('paymentCancelled');
|
|
108
|
+
this.donationFlowModalManager.closeModal();
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|