@internetarchive/donation-form 0.5.18-alpha.1 → 0.5.18

package/dist/src/payment-flow-handlers/handlers/paypal-flow-handler.d.ts

@@ -1,52 +1,52 @@
-import { Unsubscribe } from 'nanoevents';
-import { PayPalButtonDataSourceInterface, PayPalButtonDataSourceDelegate } from '../../braintree-manager/payment-providers/paypal/paypal-button-datasource';
-import { DonationPaymentInfo } from '@internetarchive/donation-form-data-models';
-import { BraintreeManagerInterface } from '../../braintree-manager/braintree-interfaces';
-import { DonationFlowModalManagerInterface } from '../donation-flow-modal-manager';
-export interface PayPalFlowHandlerInterface {
-    updateDonationInfo(donationInfo: DonationPaymentInfo): void;
-    updateUpsellDonationInfo(donationInfo: DonationPaymentInfo): void;
-    renderPayPalButton(donationInfo: DonationPaymentInfo): Promise<void>;
-    on<E extends keyof PayPalFlowHandlerEvents>(event: E, callback: PayPalFlowHandlerEvents[E]): Unsubscribe;
-}
-export interface PayPalFlowHandlerEvents {
-    payPalPaymentStarted: (dataSource: PayPalButtonDataSourceInterface, options: object) => void;
-    payPalPaymentCancelled: (dataSource: PayPalButtonDataSourceInterface, data: object) => void;
-    payPalPaymentError: (dataSource: PayPalButtonDataSourceInterface, error: string) => void;
-    payPalPaymentConfirmed: (dataSource: PayPalButtonDataSourceInterface, data: object) => void;
-}
-/**
- * This class manages the user-flow for PayPal.
- *
- * @export
- * @class PayPalFlowHandler
- * @implements {PayPalFlowHandlerInterface}
- * @implements {PayPalButtonDataSourceDelegate}
- */
-export declare class PayPalFlowHandler implements PayPalFlowHandlerInterface, PayPalButtonDataSourceDelegate {
-    private upsellButtonDataSourceContainer?;
-    private buttonDataSource?;
-    private donationFlowModalManager;
-    private braintreeManager;
-    private emitter;
-    updateDonationInfo(donationInfo: DonationPaymentInfo): void;
-    updateUpsellDonationInfo(donationInfo: DonationPaymentInfo): void;
-    constructor(options: {
-        braintreeManager: BraintreeManagerInterface;
-        donationFlowModalManager: DonationFlowModalManagerInterface;
-    });
-    on<E extends keyof PayPalFlowHandlerEvents>(event: E, callback: PayPalFlowHandlerEvents[E]): Unsubscribe;
-    payPalPaymentStarted(dataSource: PayPalButtonDataSourceInterface, options: object): Promise<void>;
-    /**
-     * Once we have the dataSource & payload, we ask patron to confirm donation.
-     * Once confirmed, we move forward to: `payPalPaymentConfirmed`
-     */
-    payPalPaymentAuthorized(dataSource: PayPalButtonDataSourceInterface, payload: paypal.TokenizePayload): Promise<void>;
-    payPalPaymentConfirmed(dataSource: PayPalButtonDataSourceInterface, payload: paypal.TokenizePayload): Promise<void>;
-    payPalPaymentCancelled(dataSource: PayPalButtonDataSourceInterface, data: object): Promise<void>;
-    payPalPaymentError(dataSource: PayPalButtonDataSourceInterface, error: string): Promise<void>;
-    renderPayPalButton(donationInfo: DonationPaymentInfo): Promise<void>;
-    private showUpsellModal;
-    private upsellAmountChanged;
-    private renderUpsellPayPalButton;
-}
+import { Unsubscribe } from 'nanoevents';
+import { PayPalButtonDataSourceInterface, PayPalButtonDataSourceDelegate } from '../../braintree-manager/payment-providers/paypal/paypal-button-datasource';
+import { DonationPaymentInfo } from '@internetarchive/donation-form-data-models';
+import { BraintreeManagerInterface } from '../../braintree-manager/braintree-interfaces';
+import { DonationFlowModalManagerInterface } from '../donation-flow-modal-manager';
+export interface PayPalFlowHandlerInterface {
+    updateDonationInfo(donationInfo: DonationPaymentInfo): void;
+    updateUpsellDonationInfo(donationInfo: DonationPaymentInfo): void;
+    renderPayPalButton(donationInfo: DonationPaymentInfo): Promise<void>;
+    on<E extends keyof PayPalFlowHandlerEvents>(event: E, callback: PayPalFlowHandlerEvents[E]): Unsubscribe;
+}
+export interface PayPalFlowHandlerEvents {
+    payPalPaymentStarted: (dataSource: PayPalButtonDataSourceInterface, options: object) => void;
+    payPalPaymentCancelled: (dataSource: PayPalButtonDataSourceInterface, data: object) => void;
+    payPalPaymentError: (dataSource: PayPalButtonDataSourceInterface, error: string) => void;
+    payPalPaymentConfirmed: (dataSource: PayPalButtonDataSourceInterface, data: object) => void;
+}
+/**
+ * This class manages the user-flow for PayPal.
+ *
+ * @export
+ * @class PayPalFlowHandler
+ * @implements {PayPalFlowHandlerInterface}
+ * @implements {PayPalButtonDataSourceDelegate}
+ */
+export declare class PayPalFlowHandler implements PayPalFlowHandlerInterface, PayPalButtonDataSourceDelegate {
+    private upsellButtonDataSourceContainer?;
+    private buttonDataSource?;
+    private donationFlowModalManager;
+    private braintreeManager;
+    private emitter;
+    updateDonationInfo(donationInfo: DonationPaymentInfo): void;
+    updateUpsellDonationInfo(donationInfo: DonationPaymentInfo): void;
+    constructor(options: {
+        braintreeManager: BraintreeManagerInterface;
+        donationFlowModalManager: DonationFlowModalManagerInterface;
+    });
+    on<E extends keyof PayPalFlowHandlerEvents>(event: E, callback: PayPalFlowHandlerEvents[E]): Unsubscribe;
+    payPalPaymentStarted(dataSource: PayPalButtonDataSourceInterface, options: object): Promise<void>;
+    /**
+     * Once we have the dataSource & payload, we ask patron to confirm donation.
+     * Once confirmed, we move forward to: `payPalPaymentConfirmed`
+     */
+    payPalPaymentAuthorized(dataSource: PayPalButtonDataSourceInterface, payload: paypal.TokenizePayload): Promise<void>;
+    payPalPaymentConfirmed(dataSource: PayPalButtonDataSourceInterface, payload: paypal.TokenizePayload): Promise<void>;
+    payPalPaymentCancelled(dataSource: PayPalButtonDataSourceInterface, data: object): Promise<void>;
+    payPalPaymentError(dataSource: PayPalButtonDataSourceInterface, error: string): Promise<void>;
+    renderPayPalButton(donationInfo: DonationPaymentInfo): Promise<void>;
+    private showUpsellModal;
+    private upsellAmountChanged;
+    private renderUpsellPayPalButton;
+}

package/dist/src/payment-flow-handlers/handlers/paypal-flow-handler.js

@@ -1,240 +1,240 @@
-import { __awaiter } from "tslib";
-import { createNanoEvents } from 'nanoevents';
-import { DonationType, DonationPaymentInfo, CustomerInfo, BillingInfo, PaymentProvider, } from '@internetarchive/donation-form-data-models';
-import { UpsellModalCTAMode } from '../../modals/upsell-modal-content';
-import { DonationFlowModalManager, } from '../donation-flow-modal-manager';
-/**
- * This is a class to combine the data from the one-time purchase to the upsell
- *
- * @class UpsellDataSourceContainer
- */
-class UpsellDataSourceContainer {
-    constructor(options) {
-        this.upsellButtonDataSource = options.upsellButtonDataSource;
-        this.oneTimePayload = options.oneTimePayload;
-        this.oneTimeSuccessResponse = options.oneTimeSuccessResponse;
-    }
-}
-/**
- * This class manages the user-flow for PayPal.
- *
- * @export
- * @class PayPalFlowHandler
- * @implements {PayPalFlowHandlerInterface}
- * @implements {PayPalButtonDataSourceDelegate}
- */
-export class PayPalFlowHandler {
-    constructor(options) {
-        this.emitter = createNanoEvents();
-        this.braintreeManager = options.braintreeManager;
-        this.donationFlowModalManager = options.donationFlowModalManager;
-    }
-    updateDonationInfo(donationInfo) {
-        if (this.buttonDataSource) {
-            this.buttonDataSource.donationInfo = donationInfo;
-        }
-    }
-    updateUpsellDonationInfo(donationInfo) {
-        if (this.upsellButtonDataSourceContainer) {
-            this.upsellButtonDataSourceContainer.upsellButtonDataSource.donationInfo = donationInfo;
-        }
-    }
-    on(event, callback) {
-        return this.emitter.on(event, callback);
-    }
-    payPalPaymentStarted(
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    dataSource, 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.emitter.emit('payPalPaymentStarted', dataSource, options);
-        });
-    }
-    /**
-     * Once we have the dataSource & payload, we ask patron to confirm donation.
-     * Once confirmed, we move forward to: `payPalPaymentConfirmed`
-     */
-    payPalPaymentAuthorized(dataSource, payload) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const { donationType, total } = dataSource.donationInfo;
-            this.donationFlowModalManager.showConfirmationStepModal({
-                donationType,
-                amount: total,
-                currencyType: 'USD',
-                confirmDonationCB: () => {
-                    this.payPalPaymentConfirmed(dataSource, payload);
-                },
-                cancelDonationCB: () => {
-                    this.donationFlowModalManager.closeModal();
-                    this.payPalPaymentCancelled(dataSource, {});
-                }
-            });
-        });
-    }
-    payPalPaymentConfirmed(dataSource, payload) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.emitter.emit('payPalPaymentConfirmed', dataSource, {});
-            this.donationFlowModalManager.showProcessingModal();
-            const donationType = dataSource.donationInfo.donationType;
-            const details = payload === null || payload === void 0 ? void 0 : payload.details;
-            const customerInfo = new CustomerInfo({
-                email: details === null || details === void 0 ? void 0 : details.email,
-                firstName: details === null || details === void 0 ? void 0 : details.firstName,
-                lastName: details === null || details === void 0 ? void 0 : details.lastName,
-            });
-            const shippingAddress = details.shippingAddress;
-            const billingInfo = new BillingInfo({
-                streetAddress: shippingAddress === null || shippingAddress === void 0 ? void 0 : shippingAddress.line1,
-                extendedAddress: shippingAddress === null || shippingAddress === void 0 ? void 0 : shippingAddress.line2,
-                locality: shippingAddress === null || shippingAddress === void 0 ? void 0 : shippingAddress.city,
-                region: shippingAddress === null || shippingAddress === void 0 ? void 0 : shippingAddress.state,
-                postalCode: shippingAddress === null || shippingAddress === void 0 ? void 0 : shippingAddress.postalCode,
-                countryCodeAlpha2: shippingAddress === null || shippingAddress === void 0 ? void 0 : shippingAddress.countryCode,
-            });
-            const oneTimeTransaction = this.upsellButtonDataSourceContainer
-                ? this.upsellButtonDataSourceContainer.oneTimeSuccessResponse.transaction_id
-                : undefined;
-            const response = yield this.braintreeManager.submitDonation({
-                nonce: payload.nonce,
-                paymentProvider: PaymentProvider.PayPal,
-                donationInfo: dataSource.donationInfo,
-                customerInfo: customerInfo,
-                billingInfo: billingInfo,
-                upsellOnetimeTransactionId: oneTimeTransaction,
-            });
-            if (!response.success) {
-                const error = response.value;
-                this.donationFlowModalManager.showErrorModal({
-                    message: error.message,
-                });
-                return;
-            }
-            const successResponse = response.value;
-            switch (donationType) {
-                case DonationType.OneTime:
-                    this.showUpsellModal(payload, successResponse);
-                    break;
-                case DonationType.Monthly:
-                    // show thank you, redirect
-                    this.donationFlowModalManager.showThankYouModal({ successResponse });
-                    break;
-                case DonationType.Upsell:
-                    if (this.upsellButtonDataSourceContainer) {
-                        this.donationFlowModalManager.showThankYouModal({
-                            successResponse: this.upsellButtonDataSourceContainer.oneTimeSuccessResponse,
-                            upsellSuccessResponse: successResponse,
-                        });
-                    }
-                    else {
-                        // we're in the upsell flow, but no upsell data source container.. this should not happen
-                        this.donationFlowModalManager.showErrorModal({
-                            message: 'Error setting up monthly donation',
-                        });
-                    }
-                    break;
-            }
-        });
-    }
-    payPalPaymentCancelled(
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    dataSource, 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.emitter.emit('payPalPaymentCancelled', dataSource, data);
-        });
-    }
-    payPalPaymentError(dataSource, error) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.emitter.emit('payPalPaymentError', dataSource, error);
-            console.error('PaymentSector:payPalPaymentError error:', dataSource, dataSource.donationInfo, error);
-        });
-    }
-    renderPayPalButton(donationInfo) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            const handler = yield ((_a = this.braintreeManager) === null || _a === void 0 ? void 0 : _a.paymentProviders.paypalHandler.get());
-            this.buttonDataSource = yield (handler === null || handler === void 0 ? void 0 : handler.renderPayPalButton({
-                selector: '#paypal-button',
-                style: {
-                    color: 'blue',
-                    label: 'paypal',
-                    shape: 'rect',
-                    size: 'medium',
-                    tagline: false,
-                },
-                donationInfo: donationInfo,
-            }));
-            if (this.buttonDataSource) {
-                this.buttonDataSource.delegate = this;
-            }
-        });
-    }
-    showUpsellModal(oneTimePayload, oneTimeSuccessResponse) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.donationFlowModalManager.showUpsellModal({
-                oneTimeAmount: oneTimeSuccessResponse.amount,
-                amountChanged: this.upsellAmountChanged.bind(this),
-                noSelected: () => {
-                    this.donationFlowModalManager.showThankYouModal({
-                        successResponse: oneTimeSuccessResponse,
-                    });
-                },
-                ctaMode: UpsellModalCTAMode.PayPalUpsellSlot,
-                userClosedModalCallback: () => {
-                    this.donationFlowModalManager.showThankYouModal({
-                        successResponse: oneTimeSuccessResponse,
-                    });
-                },
-            });
-            const amount = DonationFlowModalManager.getDefaultUpsellAmount(oneTimeSuccessResponse.amount);
-            const upsellDonationInfo = new DonationPaymentInfo({
-                amount: amount,
-                donationType: DonationType.Upsell,
-                coverFees: false,
-            });
-            if (!this.upsellButtonDataSourceContainer) {
-                this.renderUpsellPayPalButton({
-                    donationInfo: upsellDonationInfo,
-                    oneTimePayload,
-                    oneTimeSuccessResponse,
-                });
-            }
-        });
-    }
-    upsellAmountChanged(amount) {
-        if (this.upsellButtonDataSourceContainer) {
-            this.upsellButtonDataSourceContainer.upsellButtonDataSource.donationInfo.amount = amount;
-        }
-    }
-    renderUpsellPayPalButton(options) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            const handler = yield ((_a = this.braintreeManager) === null || _a === void 0 ? void 0 : _a.paymentProviders.paypalHandler.get());
-            const upsellButtonDataSource = yield (handler === null || handler === void 0 ? void 0 : handler.renderPayPalButton({
-                selector: '#paypal-upsell-button',
-                style: {
-                    color: 'blue',
-                    label: 'paypal',
-                    shape: 'rect',
-                    size: 'responsive',
-                    tagline: false,
-                },
-                donationInfo: options.donationInfo,
-            }));
-            if (upsellButtonDataSource) {
-                upsellButtonDataSource.delegate = this;
-                this.upsellButtonDataSourceContainer = new UpsellDataSourceContainer({
-                    upsellButtonDataSource: upsellButtonDataSource,
-                    oneTimePayload: options.oneTimePayload,
-                    oneTimeSuccessResponse: options.oneTimeSuccessResponse,
-                });
-            }
-            else {
-                console.error('error rendering paypal upsell button');
-            }
-        });
-    }
-}
+import { __awaiter } from "tslib";
+import { createNanoEvents } from 'nanoevents';
+import { DonationType, DonationPaymentInfo, CustomerInfo, BillingInfo, PaymentProvider, } from '@internetarchive/donation-form-data-models';
+import { UpsellModalCTAMode } from '../../modals/upsell-modal-content';
+import { DonationFlowModalManager, } from '../donation-flow-modal-manager';
+/**
+ * This is a class to combine the data from the one-time purchase to the upsell
+ *
+ * @class UpsellDataSourceContainer
+ */
+class UpsellDataSourceContainer {
+    constructor(options) {
+        this.upsellButtonDataSource = options.upsellButtonDataSource;
+        this.oneTimePayload = options.oneTimePayload;
+        this.oneTimeSuccessResponse = options.oneTimeSuccessResponse;
+    }
+}
+/**
+ * This class manages the user-flow for PayPal.
+ *
+ * @export
+ * @class PayPalFlowHandler
+ * @implements {PayPalFlowHandlerInterface}
+ * @implements {PayPalButtonDataSourceDelegate}
+ */
+export class PayPalFlowHandler {
+    constructor(options) {
+        this.emitter = createNanoEvents();
+        this.braintreeManager = options.braintreeManager;
+        this.donationFlowModalManager = options.donationFlowModalManager;
+    }
+    updateDonationInfo(donationInfo) {
+        if (this.buttonDataSource) {
+            this.buttonDataSource.donationInfo = donationInfo;
+        }
+    }
+    updateUpsellDonationInfo(donationInfo) {
+        if (this.upsellButtonDataSourceContainer) {
+            this.upsellButtonDataSourceContainer.upsellButtonDataSource.donationInfo = donationInfo;
+        }
+    }
+    on(event, callback) {
+        return this.emitter.on(event, callback);
+    }
+    payPalPaymentStarted(
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    dataSource, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.emitter.emit('payPalPaymentStarted', dataSource, options);
+        });
+    }
+    /**
+     * Once we have the dataSource & payload, we ask patron to confirm donation.
+     * Once confirmed, we move forward to: `payPalPaymentConfirmed`
+     */
+    payPalPaymentAuthorized(dataSource, payload) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { donationType, total } = dataSource.donationInfo;
+            this.donationFlowModalManager.showConfirmationStepModal({
+                donationType,
+                amount: total,
+                currencyType: 'USD',
+                confirmDonationCB: () => {
+                    this.payPalPaymentConfirmed(dataSource, payload);
+                },
+                cancelDonationCB: () => {
+                    this.donationFlowModalManager.closeModal();
+                    this.payPalPaymentCancelled(dataSource, {});
+                }
+            });
+        });
+    }
+    payPalPaymentConfirmed(dataSource, payload) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.emitter.emit('payPalPaymentConfirmed', dataSource, {});
+            this.donationFlowModalManager.showProcessingModal();
+            const donationType = dataSource.donationInfo.donationType;
+            const details = payload === null || payload === void 0 ? void 0 : payload.details;
+            const customerInfo = new CustomerInfo({
+                email: details === null || details === void 0 ? void 0 : details.email,
+                firstName: details === null || details === void 0 ? void 0 : details.firstName,
+                lastName: details === null || details === void 0 ? void 0 : details.lastName,
+            });
+            const shippingAddress = details.shippingAddress;
+            const billingInfo = new BillingInfo({
+                streetAddress: shippingAddress === null || shippingAddress === void 0 ? void 0 : shippingAddress.line1,
+                extendedAddress: shippingAddress === null || shippingAddress === void 0 ? void 0 : shippingAddress.line2,
+                locality: shippingAddress === null || shippingAddress === void 0 ? void 0 : shippingAddress.city,
+                region: shippingAddress === null || shippingAddress === void 0 ? void 0 : shippingAddress.state,
+                postalCode: shippingAddress === null || shippingAddress === void 0 ? void 0 : shippingAddress.postalCode,
+                countryCodeAlpha2: shippingAddress === null || shippingAddress === void 0 ? void 0 : shippingAddress.countryCode,
+            });
+            const oneTimeTransaction = this.upsellButtonDataSourceContainer
+                ? this.upsellButtonDataSourceContainer.oneTimeSuccessResponse.transaction_id
+                : undefined;
+            const response = yield this.braintreeManager.submitDonation({
+                nonce: payload.nonce,
+                paymentProvider: PaymentProvider.PayPal,
+                donationInfo: dataSource.donationInfo,
+                customerInfo: customerInfo,
+                billingInfo: billingInfo,
+                upsellOnetimeTransactionId: oneTimeTransaction,
+            });
+            if (!response.success) {
+                const error = response.value;
+                this.donationFlowModalManager.showErrorModal({
+                    message: error.message,
+                });
+                return;
+            }
+            const successResponse = response.value;
+            switch (donationType) {
+                case DonationType.OneTime:
+                    this.showUpsellModal(payload, successResponse);
+                    break;
+                case DonationType.Monthly:
+                    // show thank you, redirect
+                    this.donationFlowModalManager.showThankYouModal({ successResponse });
+                    break;
+                case DonationType.Upsell:
+                    if (this.upsellButtonDataSourceContainer) {
+                        this.donationFlowModalManager.showThankYouModal({
+                            successResponse: this.upsellButtonDataSourceContainer.oneTimeSuccessResponse,
+                            upsellSuccessResponse: successResponse,
+                        });
+                    }
+                    else {
+                        // we're in the upsell flow, but no upsell data source container.. this should not happen
+                        this.donationFlowModalManager.showErrorModal({
+                            message: 'Error setting up monthly donation',
+                        });
+                    }
+                    break;
+            }
+        });
+    }
+    payPalPaymentCancelled(
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    dataSource, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.emitter.emit('payPalPaymentCancelled', dataSource, data);
+        });
+    }
+    payPalPaymentError(dataSource, error) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.emitter.emit('payPalPaymentError', dataSource, error);
+            console.error('PaymentSector:payPalPaymentError error:', dataSource, dataSource.donationInfo, error);
+        });
+    }
+    renderPayPalButton(donationInfo) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            const handler = yield ((_a = this.braintreeManager) === null || _a === void 0 ? void 0 : _a.paymentProviders.paypalHandler.get());
+            this.buttonDataSource = yield (handler === null || handler === void 0 ? void 0 : handler.renderPayPalButton({
+                selector: '#paypal-button',
+                style: {
+                    color: 'blue',
+                    label: 'paypal',
+                    shape: 'rect',
+                    size: 'medium',
+                    tagline: false,
+                },
+                donationInfo: donationInfo,
+            }));
+            if (this.buttonDataSource) {
+                this.buttonDataSource.delegate = this;
+            }
+        });
+    }
+    showUpsellModal(oneTimePayload, oneTimeSuccessResponse) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.donationFlowModalManager.showUpsellModal({
+                oneTimeAmount: oneTimeSuccessResponse.amount,
+                amountChanged: this.upsellAmountChanged.bind(this),
+                noSelected: () => {
+                    this.donationFlowModalManager.showThankYouModal({
+                        successResponse: oneTimeSuccessResponse,
+                    });
+                },
+                ctaMode: UpsellModalCTAMode.PayPalUpsellSlot,
+                userClosedModalCallback: () => {
+                    this.donationFlowModalManager.showThankYouModal({
+                        successResponse: oneTimeSuccessResponse,
+                    });
+                },
+            });
+            const amount = DonationFlowModalManager.getDefaultUpsellAmount(oneTimeSuccessResponse.amount);
+            const upsellDonationInfo = new DonationPaymentInfo({
+                amount: amount,
+                donationType: DonationType.Upsell,
+                coverFees: false,
+            });
+            if (!this.upsellButtonDataSourceContainer) {
+                this.renderUpsellPayPalButton({
+                    donationInfo: upsellDonationInfo,
+                    oneTimePayload,
+                    oneTimeSuccessResponse,
+                });
+            }
+        });
+    }
+    upsellAmountChanged(amount) {
+        if (this.upsellButtonDataSourceContainer) {
+            this.upsellButtonDataSourceContainer.upsellButtonDataSource.donationInfo.amount = amount;
+        }
+    }
+    renderUpsellPayPalButton(options) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            const handler = yield ((_a = this.braintreeManager) === null || _a === void 0 ? void 0 : _a.paymentProviders.paypalHandler.get());
+            const upsellButtonDataSource = yield (handler === null || handler === void 0 ? void 0 : handler.renderPayPalButton({
+                selector: '#paypal-upsell-button',
+                style: {
+                    color: 'blue',
+                    label: 'paypal',
+                    shape: 'rect',
+                    size: 'responsive',
+                    tagline: false,
+                },
+                donationInfo: options.donationInfo,
+            }));
+            if (upsellButtonDataSource) {
+                upsellButtonDataSource.delegate = this;
+                this.upsellButtonDataSourceContainer = new UpsellDataSourceContainer({
+                    upsellButtonDataSource: upsellButtonDataSource,
+                    oneTimePayload: options.oneTimePayload,
+                    oneTimeSuccessResponse: options.oneTimeSuccessResponse,
+                });
+            }
+            else {
+                console.error('error rendering paypal upsell button');
+            }
+        });
+    }
+}
 //# sourceMappingURL=paypal-flow-handler.js.map