@internetarchive/elements 1.1.7-webdev-9378.0 → 1.1.7-webdev-9054.0

package/dist/src/elements/ia-donation-form/braintree/payment-providers/venmo/venmo.js

@@ -0,0 +1,42 @@
+import { PromisedSingleton } from '@internetarchive/promised-singleton';
+export class VenmoHandler {
+    constructor(options) {
+        this.braintreeManager = options.braintreeManager;
+        this.venmoClient = options.venmoClient;
+        this.venmoProfileId = options.venmoProfileId;
+        this.instance =
+            options.instancePromisedSingleton ??
+                new PromisedSingleton({
+                    generator: async () => {
+                        const braintreeInstance = await this.braintreeManager.instance.get();
+                        return this.venmoClient.create({
+                            client: braintreeInstance,
+                            profileId: this.venmoProfileId,
+                        });
+                    },
+                });
+    }
+    async isBrowserSupported() {
+        if (this.isMobileFirefox()) {
+            return false;
+        }
+        const instance = await this.instance.get();
+        return instance?.isBrowserSupported() ?? false;
+    }
+    async startPayment() {
+        const instance = await this.instance.get();
+        return instance.tokenize();
+    }
+    /**
+     * Venmo doesn't work in mobile Firefox, but Braintree's browser detection
+     * says it does. On iOS it opens the Venmo app and returns to Safari, and on
+     * Android it lands on the "Download Venmo" page.
+     */
+    isMobileFirefox() {
+        const isFirefoxIos = navigator.userAgent.indexOf('FxiOS') !== -1;
+        const isFirefox = navigator.userAgent.indexOf('Firefox') !== -1;
+        const isMobile = navigator.userAgent.indexOf('Mobile') !== -1;
+        return (isFirefox || isFirefoxIos) && isMobile;
+    }
+}
+//# sourceMappingURL=venmo.js.map

package/dist/src/elements/ia-donation-form/braintree/payment-providers/venmo/venmo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"venmo.js","sourceRoot":"","sources":["../../../../../../../src/elements/ia-donation-form/braintree/payment-providers/venmo/venmo.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAKxE,MAAM,OAAO,YAAY;IAGvB,YAAY,OAKX;QACC,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC;QACjD,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;QACvC,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;QAE7C,IAAI,CAAC,QAAQ;YACX,OAAO,CAAC,yBAAyB;gBACjC,IAAI,iBAAiB,CAAkB;oBACrC,SAAS,EAAE,KAAK,IAAI,EAAE;wBACpB,MAAM,iBAAiB,GAAG,MAAM,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;wBACrE,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;4BAC7B,MAAM,EAAE,iBAAiB;4BACzB,SAAS,EAAE,IAAI,CAAC,cAAc;yBAC/B,CAAC,CAAC;oBACL,CAAC;iBACF,CAAC,CAAC;IACP,CAAC;IAQD,KAAK,CAAC,kBAAkB;QACtB,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE,CAAC;YAC3B,OAAO,KAAK,CAAC;QACf,CAAC;QACD,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;QAC3C,OAAO,QAAQ,EAAE,kBAAkB,EAAE,IAAI,KAAK,CAAC;IACjD,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;QAC3C,OAAO,QAAQ,CAAC,QAAQ,EAAE,CAAC;IAC7B,CAAC;IAED;;;;OAIG;IACK,eAAe;QACrB,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;QACjE,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;QAChE,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QAC9D,OAAO,CAAC,SAAS,IAAI,YAAY,CAAC,IAAI,QAAQ,CAAC;IACjD,CAAC;CACF","sourcesContent":["import type * as braintree from 'braintree-web';\nimport { PromisedSingleton } from '@internetarchive/promised-singleton';\n\nimport type { BraintreeManagerInterface } from '../../braintree-manager-interface';\nimport type { VenmoHandlerInterface } from './venmo-interface';\n\nexport class VenmoHandler implements VenmoHandlerInterface {\n  instance: PromisedSingleton<braintree.Venmo>;\n\n  constructor(options: {\n    braintreeManager: BraintreeManagerInterface;\n    venmoClient: typeof braintree.venmo;\n    venmoProfileId: string;\n    instancePromisedSingleton?: PromisedSingleton<braintree.Venmo>;\n  }) {\n    this.braintreeManager = options.braintreeManager;\n    this.venmoClient = options.venmoClient;\n    this.venmoProfileId = options.venmoProfileId;\n\n    this.instance =\n      options.instancePromisedSingleton ??\n      new PromisedSingleton<braintree.Venmo>({\n        generator: async () => {\n          const braintreeInstance = await this.braintreeManager.instance.get();\n          return this.venmoClient.create({\n            client: braintreeInstance,\n            profileId: this.venmoProfileId,\n          });\n        },\n      });\n  }\n\n  private braintreeManager: BraintreeManagerInterface;\n\n  private venmoClient: typeof braintree.venmo;\n\n  private venmoProfileId: string;\n\n  async isBrowserSupported(): Promise<boolean> {\n    if (this.isMobileFirefox()) {\n      return false;\n    }\n    const instance = await this.instance.get();\n    return instance?.isBrowserSupported() ?? false;\n  }\n\n  async startPayment(): Promise<braintree.VenmoTokenizePayload> {\n    const instance = await this.instance.get();\n    return instance.tokenize();\n  }\n\n  /**\n   * Venmo doesn't work in mobile Firefox, but Braintree's browser detection\n   * says it does. On iOS it opens the Venmo app and returns to Safari, and on\n   * Android it lands on the \"Download Venmo\" page.\n   */\n  private isMobileFirefox(): boolean {\n    const isFirefoxIos = navigator.userAgent.indexOf('FxiOS') !== -1;\n    const isFirefox = navigator.userAgent.indexOf('Firefox') !== -1;\n    const isMobile = navigator.userAgent.indexOf('Mobile') !== -1;\n    return (isFirefox || isFirefoxIos) && isMobile;\n  }\n}\n"]}

package/dist/src/elements/ia-donation-form/braintree/payment-providers-interface.d.ts

@@ -0,0 +1,18 @@
+import type { PromisedSingleton } from '@internetarchive/promised-singleton';
+import type { Unsubscribe } from 'nanoevents';
+import type { ApplePayHandlerInterface } from './payment-providers/apple-pay/apple-pay-interface.js';
+import type { CreditCardHandlerEvents, CreditCardHandlerInterface } from './payment-providers/credit-card/credit-card-interface.js';
+import type { GooglePayHandlerInterface } from './payment-providers/google-pay/google-pay-interface.js';
+import type { PayPalHandlerInterface } from './payment-providers/paypal/paypal-interface.js';
+import type { VenmoHandlerInterface } from './payment-providers/venmo/venmo-interface.js';
+/** The child handler events that bubble up through the providers. */
+export type PaymentProvidersEvents = CreditCardHandlerEvents;
+export interface PaymentProvidersInterface {
+    on<E extends keyof PaymentProvidersEvents>(event: E, callback: PaymentProvidersEvents[E]): Unsubscribe;
+    creditCardHandler: PromisedSingleton<CreditCardHandlerInterface>;
+    applePayHandler: PromisedSingleton<ApplePayHandlerInterface>;
+    venmoHandler: PromisedSingleton<VenmoHandlerInterface | undefined>;
+    paypalHandler: PromisedSingleton<PayPalHandlerInterface>;
+    googlePayHandler: PromisedSingleton<GooglePayHandlerInterface>;
+}
+//# sourceMappingURL=payment-providers-interface.d.ts.map

package/dist/src/elements/ia-donation-form/braintree/payment-providers-interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"payment-providers-interface.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/braintree/payment-providers-interface.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mDAAmD,CAAC;AAClG,OAAO,KAAK,EACV,uBAAuB,EACvB,0BAA0B,EAC3B,MAAM,uDAAuD,CAAC;AAC/D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,qDAAqD,CAAC;AACrG,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AAC1F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAEvF,qEAAqE;AACrE,MAAM,MAAM,sBAAsB,GAAG,uBAAuB,CAAC;AAE7D,MAAM,WAAW,yBAAyB;IACxC,EAAE,CAAC,CAAC,SAAS,MAAM,sBAAsB,EACvC,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAClC,WAAW,CAAC;IACf,iBAAiB,EAAE,iBAAiB,CAAC,0BAA0B,CAAC,CAAC;IACjE,eAAe,EAAE,iBAAiB,CAAC,wBAAwB,CAAC,CAAC;IAC7D,YAAY,EAAE,iBAAiB,CAAC,qBAAqB,GAAG,SAAS,CAAC,CAAC;IACnE,aAAa,EAAE,iBAAiB,CAAC,sBAAsB,CAAC,CAAC;IACzD,gBAAgB,EAAE,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;CAChE"}

package/dist/src/elements/ia-donation-form/braintree/payment-providers-interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=payment-providers-interface.js.map

package/dist/src/elements/ia-donation-form/braintree/payment-providers-interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"payment-providers-interface.js","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/braintree/payment-providers-interface.ts"],"names":[],"mappings":"","sourcesContent":["import type { PromisedSingleton } from '@internetarchive/promised-singleton';\nimport type { Unsubscribe } from 'nanoevents';\n\nimport type { ApplePayHandlerInterface } from './payment-providers/apple-pay/apple-pay-interface';\nimport type {\n  CreditCardHandlerEvents,\n  CreditCardHandlerInterface,\n} from './payment-providers/credit-card/credit-card-interface';\nimport type { GooglePayHandlerInterface } from './payment-providers/google-pay/google-pay-interface';\nimport type { PayPalHandlerInterface } from './payment-providers/paypal/paypal-interface';\nimport type { VenmoHandlerInterface } from './payment-providers/venmo/venmo-interface';\n\n/** The child handler events that bubble up through the providers. */\nexport type PaymentProvidersEvents = CreditCardHandlerEvents;\n\nexport interface PaymentProvidersInterface {\n  on<E extends keyof PaymentProvidersEvents>(\n    event: E,\n    callback: PaymentProvidersEvents[E],\n  ): Unsubscribe;\n  creditCardHandler: PromisedSingleton<CreditCardHandlerInterface>;\n  applePayHandler: PromisedSingleton<ApplePayHandlerInterface>;\n  venmoHandler: PromisedSingleton<VenmoHandlerInterface | undefined>;\n  paypalHandler: PromisedSingleton<PayPalHandlerInterface>;\n  googlePayHandler: PromisedSingleton<GooglePayHandlerInterface>;\n}\n"]}

package/dist/src/elements/ia-donation-form/braintree/payment-providers.d.ts

@@ -0,0 +1,42 @@
+import { PromisedSingleton } from '@internetarchive/promised-singleton';
+import { type Unsubscribe } from 'nanoevents';
+import type { BraintreeManagerInterface } from './braintree-manager-interface.js';
+import { HostingEnvironment } from './hosting-environment.js';
+import type { PaymentClientsInterface } from './payment-clients.js';
+import type { PaymentProvidersEvents, PaymentProvidersInterface } from './payment-providers-interface.js';
+import type { ApplePayHandlerInterface } from './payment-providers/apple-pay/apple-pay-interface.js';
+import type { CreditCardHandlerInterface } from './payment-providers/credit-card/credit-card-interface.js';
+import type { HostedFieldConfiguration } from './payment-providers/credit-card/hosted-field-configuration.js';
+import type { GooglePayHandlerInterface } from './payment-providers/google-pay/google-pay-interface.js';
+import type { PayPalHandlerInterface } from './payment-providers/paypal/paypal-interface.js';
+import type { VenmoHandlerInterface } from './payment-providers/venmo/venmo-interface.js';
+/**
+ * The IA-specific handlers for each payment provider, each created on first
+ * request. They're data-focused rather than UI-focused, though there's some
+ * overlap with the flow handlers.
+ */
+export declare class PaymentProviders implements PaymentProvidersInterface {
+    on<E extends keyof PaymentProvidersEvents>(event: E, callback: PaymentProvidersEvents[E]): Unsubscribe;
+    creditCardHandler: PromisedSingleton<CreditCardHandlerInterface>;
+    applePayHandler: PromisedSingleton<ApplePayHandlerInterface>;
+    /** Undefined when no Venmo profile id was configured, so Venmo isn't offered. */
+    venmoHandler: PromisedSingleton<VenmoHandlerInterface | undefined>;
+    paypalHandler: PromisedSingleton<PayPalHandlerInterface>;
+    googlePayHandler: PromisedSingleton<GooglePayHandlerInterface>;
+    private braintreeManager;
+    private venmoProfileId?;
+    private googlePayMerchantId?;
+    private hostedFieldConfig;
+    private hostingEnvironment;
+    private paymentClients;
+    private emitter;
+    constructor(options: {
+        braintreeManager: BraintreeManagerInterface;
+        paymentClients: PaymentClientsInterface;
+        venmoProfileId?: string;
+        googlePayMerchantId?: string;
+        hostingEnvironment: HostingEnvironment;
+        hostedFieldConfig: HostedFieldConfiguration;
+    });
+}
+//# sourceMappingURL=payment-providers.d.ts.map

package/dist/src/elements/ia-donation-form/braintree/payment-providers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"payment-providers.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/braintree/payment-providers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAEhE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,KAAK,EACV,sBAAsB,EACtB,yBAAyB,EAC1B,MAAM,+BAA+B,CAAC;AAEvC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mDAAmD,CAAC;AAGlG,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uDAAuD,CAAC;AACxG,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4DAA4D,CAAC;AAE3G,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,qDAAqD,CAAC;AAErG,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AAE1F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAEvF;;;;GAIG;AACH,qBAAa,gBAAiB,YAAW,yBAAyB;IAChE,EAAE,CAAC,CAAC,SAAS,MAAM,sBAAsB,EACvC,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAClC,WAAW;IAId,iBAAiB,gDAmBd;IAEH,eAAe,8CASZ;IAEH,iFAAiF;IACjF,YAAY,uDAYT;IAEH,aAAa,4CAaV;IAEH,gBAAgB,+CAab;IAEH,OAAO,CAAC,gBAAgB,CAA4B;IAEpD,OAAO,CAAC,cAAc,CAAC,CAAS;IAEhC,OAAO,CAAC,mBAAmB,CAAC,CAAS;IAErC,OAAO,CAAC,iBAAiB,CAA2B;IAEpD,OAAO,CAAC,kBAAkB,CACO;IAEjC,OAAO,CAAC,cAAc,CAA0B;IAEhD,OAAO,CAAC,OAAO,CAA8C;gBAEjD,OAAO,EAAE;QACnB,gBAAgB,EAAE,yBAAyB,CAAC;QAC5C,cAAc,EAAE,uBAAuB,CAAC;QACxC,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,kBAAkB,EAAE,kBAAkB,CAAC;QACvC,iBAAiB,EAAE,wBAAwB,CAAC;KAC7C;CAQF"}

package/dist/src/elements/ia-donation-form/braintree/payment-providers.js

@@ -0,0 +1,99 @@
+import { PromisedSingleton } from '@internetarchive/promised-singleton';
+import { createNanoEvents } from 'nanoevents';
+import { HostingEnvironment } from './hosting-environment.js';
+import { ApplePayHandler } from './payment-providers/apple-pay/apple-pay.js';
+import { ApplePaySessionManager } from './payment-providers/apple-pay/apple-pay-session-manager.js';
+import { CreditCardHandler } from './payment-providers/credit-card/credit-card.js';
+import { GooglePayHandler } from './payment-providers/google-pay/google-pay.js';
+import { PayPalHandler } from './payment-providers/paypal/paypal.js';
+import { VenmoHandler } from './payment-providers/venmo/venmo.js';
+/**
+ * The IA-specific handlers for each payment provider, each created on first
+ * request. They're data-focused rather than UI-focused, though there's some
+ * overlap with the flow handlers.
+ */
+export class PaymentProviders {
+    on(event, callback) {
+        return this.emitter.on(event, callback);
+    }
+    constructor(options) {
+        this.creditCardHandler = new PromisedSingleton({
+            generator: async () => {
+                const client = await this.paymentClients.hostedFields.get();
+                const handler = new CreditCardHandler({
+                    braintreeManager: this.braintreeManager,
+                    hostedFieldClient: client,
+                    hostedFieldConfig: this.hostedFieldConfig,
+                });
+                handler.on('hostedFieldsRetry', (retryNumber) => {
+                    this.emitter.emit('hostedFieldsRetry', retryNumber);
+                });
+                handler.on('hostedFieldsFailed', (error) => {
+                    this.emitter.emit('hostedFieldsFailed', error);
+                });
+                return handler;
+            },
+        });
+        this.applePayHandler = new PromisedSingleton({
+            generator: async () => {
+                const client = await this.paymentClients.applePay.get();
+                return new ApplePayHandler({
+                    braintreeManager: this.braintreeManager,
+                    applePayClient: client,
+                    applePaySessionManager: new ApplePaySessionManager(),
+                });
+            },
+        });
+        /** Undefined when no Venmo profile id was configured, so Venmo isn't offered. */
+        this.venmoHandler = new PromisedSingleton({
+            generator: async () => {
+                const client = await this.paymentClients.venmo.get();
+                if (!this.venmoProfileId) {
+                    return undefined;
+                }
+                return new VenmoHandler({
+                    braintreeManager: this.braintreeManager,
+                    venmoClient: client,
+                    venmoProfileId: this.venmoProfileId,
+                });
+            },
+        });
+        this.paypalHandler = new PromisedSingleton({
+            generator: async () => {
+                const [client, paypalLibrary] = await Promise.all([
+                    this.paymentClients.payPal.get(),
+                    this.paymentClients.paypalLibrary.get(),
+                ]);
+                return new PayPalHandler({
+                    braintreeManager: this.braintreeManager,
+                    paypalClient: client,
+                    paypalButton: paypalLibrary.Button,
+                    hostingEnvironment: this.hostingEnvironment,
+                });
+            },
+        });
+        this.googlePayHandler = new PromisedSingleton({
+            generator: async () => {
+                const [braintreeClient, googlePaymentsClient] = await Promise.all([
+                    this.paymentClients.googlePayBraintreeClient.get(),
+                    this.paymentClients.googlePaymentsClient.get(),
+                ]);
+                return new GooglePayHandler({
+                    braintreeManager: this.braintreeManager,
+                    googlePayMerchantId: this.googlePayMerchantId,
+                    googlePayBraintreeClient: braintreeClient,
+                    googlePaymentsClient,
+                });
+            },
+        });
+        this.hostingEnvironment = HostingEnvironment.Development;
+        this.emitter = createNanoEvents();
+        this.braintreeManager = options.braintreeManager;
+        this.venmoProfileId = options.venmoProfileId;
+        this.googlePayMerchantId = options.googlePayMerchantId;
+        this.paymentClients = options.paymentClients;
+        this.hostingEnvironment = options.hostingEnvironment;
+        this.hostedFieldConfig = options.hostedFieldConfig;
+    }
+}
+//# sourceMappingURL=payment-providers.js.map

package/dist/src/elements/ia-donation-form/braintree/payment-providers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"payment-providers.js","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/braintree/payment-providers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAoB,MAAM,YAAY,CAAC;AAGhE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAM3D,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAE1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,yDAAyD,CAAC;AACjG,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAGhF,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAE7E,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAG/D;;;;GAIG;AACH,MAAM,OAAO,gBAAgB;IAC3B,EAAE,CACA,KAAQ,EACR,QAAmC;QAEnC,OAAO,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC1C,CAAC;IA8FD,YAAY,OAOX;QAnGD,sBAAiB,GAAG,IAAI,iBAAiB,CAA6B;YACpE,SAAS,EAAE,KAAK,IAAI,EAAE;gBACpB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC;gBAC5D,MAAM,OAAO,GAAG,IAAI,iBAAiB,CAAC;oBACpC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;oBACvC,iBAAiB,EAAE,MAAM;oBACzB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;iBAC1C,CAAC,CAAC;gBAEH,OAAO,CAAC,EAAE,CAAC,mBAAmB,EAAE,CAAC,WAAmB,EAAE,EAAE;oBACtD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;gBACtD,CAAC,CAAC,CAAC;gBAEH,OAAO,CAAC,EAAE,CAAC,oBAAoB,EAAE,CAAC,KAAc,EAAE,EAAE;oBAClD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC;gBACjD,CAAC,CAAC,CAAC;gBAEH,OAAO,OAAO,CAAC;YACjB,CAAC;SACF,CAAC,CAAC;QAEH,oBAAe,GAAG,IAAI,iBAAiB,CAA2B;YAChE,SAAS,EAAE,KAAK,IAAI,EAAE;gBACpB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;gBACxD,OAAO,IAAI,eAAe,CAAC;oBACzB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;oBACvC,cAAc,EAAE,MAAM;oBACtB,sBAAsB,EAAE,IAAI,sBAAsB,EAAE;iBACrD,CAAC,CAAC;YACL,CAAC;SACF,CAAC,CAAC;QAEH,iFAAiF;QACjF,iBAAY,GAAG,IAAI,iBAAiB,CAAoC;YACtE,SAAS,EAAE,KAAK,IAAI,EAAE;gBACpB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;gBACrD,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;oBACzB,OAAO,SAAS,CAAC;gBACnB,CAAC;gBACD,OAAO,IAAI,YAAY,CAAC;oBACtB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;oBACvC,WAAW,EAAE,MAAM;oBACnB,cAAc,EAAE,IAAI,CAAC,cAAc;iBACpC,CAAC,CAAC;YACL,CAAC;SACF,CAAC,CAAC;QAEH,kBAAa,GAAG,IAAI,iBAAiB,CAAyB;YAC5D,SAAS,EAAE,KAAK,IAAI,EAAE;gBACpB,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;oBAChD,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE;oBAChC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,GAAG,EAAE;iBACxC,CAAC,CAAC;gBACH,OAAO,IAAI,aAAa,CAAC;oBACvB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;oBACvC,YAAY,EAAE,MAAM;oBACpB,YAAY,EAAE,aAAa,CAAC,MAAM;oBAClC,kBAAkB,EAAE,IAAI,CAAC,kBAAkB;iBAC5C,CAAC,CAAC;YACL,CAAC;SACF,CAAC,CAAC;QAEH,qBAAgB,GAAG,IAAI,iBAAiB,CAA4B;YAClE,SAAS,EAAE,KAAK,IAAI,EAAE;gBACpB,MAAM,CAAC,eAAe,EAAE,oBAAoB,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;oBAChE,IAAI,CAAC,cAAc,CAAC,wBAAwB,CAAC,GAAG,EAAE;oBAClD,IAAI,CAAC,cAAc,CAAC,oBAAoB,CAAC,GAAG,EAAE;iBAC/C,CAAC,CAAC;gBACH,OAAO,IAAI,gBAAgB,CAAC;oBAC1B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;oBACvC,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;oBAC7C,wBAAwB,EAAE,eAAe;oBACzC,oBAAoB;iBACrB,CAAC,CAAC;YACL,CAAC;SACF,CAAC,CAAC;QAUK,uBAAkB,GACxB,kBAAkB,CAAC,WAAW,CAAC;QAIzB,YAAO,GAAG,gBAAgB,EAA0B,CAAC;QAU3D,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC;QACjD,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;QAC7C,IAAI,CAAC,mBAAmB,GAAG,OAAO,CAAC,mBAAmB,CAAC;QACvD,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;QAC7C,IAAI,CAAC,kBAAkB,GAAG,OAAO,CAAC,kBAAkB,CAAC;QACrD,IAAI,CAAC,iBAAiB,GAAG,OAAO,CAAC,iBAAiB,CAAC;IACrD,CAAC;CACF","sourcesContent":["import { PromisedSingleton } from '@internetarchive/promised-singleton';\nimport { createNanoEvents, type Unsubscribe } from 'nanoevents';\n\nimport type { BraintreeManagerInterface } from './braintree-manager-interface';\nimport { HostingEnvironment } from './hosting-environment';\nimport type { PaymentClientsInterface } from './payment-clients';\nimport type {\n  PaymentProvidersEvents,\n  PaymentProvidersInterface,\n} from './payment-providers-interface';\nimport { ApplePayHandler } from './payment-providers/apple-pay/apple-pay';\nimport type { ApplePayHandlerInterface } from './payment-providers/apple-pay/apple-pay-interface';\nimport { ApplePaySessionManager } from './payment-providers/apple-pay/apple-pay-session-manager';\nimport { CreditCardHandler } from './payment-providers/credit-card/credit-card';\nimport type { CreditCardHandlerInterface } from './payment-providers/credit-card/credit-card-interface';\nimport type { HostedFieldConfiguration } from './payment-providers/credit-card/hosted-field-configuration';\nimport { GooglePayHandler } from './payment-providers/google-pay/google-pay';\nimport type { GooglePayHandlerInterface } from './payment-providers/google-pay/google-pay-interface';\nimport { PayPalHandler } from './payment-providers/paypal/paypal';\nimport type { PayPalHandlerInterface } from './payment-providers/paypal/paypal-interface';\nimport { VenmoHandler } from './payment-providers/venmo/venmo';\nimport type { VenmoHandlerInterface } from './payment-providers/venmo/venmo-interface';\n\n/**\n * The IA-specific handlers for each payment provider, each created on first\n * request. They're data-focused rather than UI-focused, though there's some\n * overlap with the flow handlers.\n */\nexport class PaymentProviders implements PaymentProvidersInterface {\n  on<E extends keyof PaymentProvidersEvents>(\n    event: E,\n    callback: PaymentProvidersEvents[E],\n  ): Unsubscribe {\n    return this.emitter.on(event, callback);\n  }\n\n  creditCardHandler = new PromisedSingleton<CreditCardHandlerInterface>({\n    generator: async () => {\n      const client = await this.paymentClients.hostedFields.get();\n      const handler = new CreditCardHandler({\n        braintreeManager: this.braintreeManager,\n        hostedFieldClient: client,\n        hostedFieldConfig: this.hostedFieldConfig,\n      });\n\n      handler.on('hostedFieldsRetry', (retryNumber: number) => {\n        this.emitter.emit('hostedFieldsRetry', retryNumber);\n      });\n\n      handler.on('hostedFieldsFailed', (error: unknown) => {\n        this.emitter.emit('hostedFieldsFailed', error);\n      });\n\n      return handler;\n    },\n  });\n\n  applePayHandler = new PromisedSingleton<ApplePayHandlerInterface>({\n    generator: async () => {\n      const client = await this.paymentClients.applePay.get();\n      return new ApplePayHandler({\n        braintreeManager: this.braintreeManager,\n        applePayClient: client,\n        applePaySessionManager: new ApplePaySessionManager(),\n      });\n    },\n  });\n\n  /** Undefined when no Venmo profile id was configured, so Venmo isn't offered. */\n  venmoHandler = new PromisedSingleton<VenmoHandlerInterface | undefined>({\n    generator: async () => {\n      const client = await this.paymentClients.venmo.get();\n      if (!this.venmoProfileId) {\n        return undefined;\n      }\n      return new VenmoHandler({\n        braintreeManager: this.braintreeManager,\n        venmoClient: client,\n        venmoProfileId: this.venmoProfileId,\n      });\n    },\n  });\n\n  paypalHandler = new PromisedSingleton<PayPalHandlerInterface>({\n    generator: async () => {\n      const [client, paypalLibrary] = await Promise.all([\n        this.paymentClients.payPal.get(),\n        this.paymentClients.paypalLibrary.get(),\n      ]);\n      return new PayPalHandler({\n        braintreeManager: this.braintreeManager,\n        paypalClient: client,\n        paypalButton: paypalLibrary.Button,\n        hostingEnvironment: this.hostingEnvironment,\n      });\n    },\n  });\n\n  googlePayHandler = new PromisedSingleton<GooglePayHandlerInterface>({\n    generator: async () => {\n      const [braintreeClient, googlePaymentsClient] = await Promise.all([\n        this.paymentClients.googlePayBraintreeClient.get(),\n        this.paymentClients.googlePaymentsClient.get(),\n      ]);\n      return new GooglePayHandler({\n        braintreeManager: this.braintreeManager,\n        googlePayMerchantId: this.googlePayMerchantId,\n        googlePayBraintreeClient: braintreeClient,\n        googlePaymentsClient,\n      });\n    },\n  });\n\n  private braintreeManager: BraintreeManagerInterface;\n\n  private venmoProfileId?: string;\n\n  private googlePayMerchantId?: string;\n\n  private hostedFieldConfig: HostedFieldConfiguration;\n\n  private hostingEnvironment: HostingEnvironment =\n    HostingEnvironment.Development;\n\n  private paymentClients: PaymentClientsInterface;\n\n  private emitter = createNanoEvents<PaymentProvidersEvents>();\n\n  constructor(options: {\n    braintreeManager: BraintreeManagerInterface;\n    paymentClients: PaymentClientsInterface;\n    venmoProfileId?: string;\n    googlePayMerchantId?: string;\n    hostingEnvironment: HostingEnvironment;\n    hostedFieldConfig: HostedFieldConfiguration;\n  }) {\n    this.braintreeManager = options.braintreeManager;\n    this.venmoProfileId = options.venmoProfileId;\n    this.googlePayMerchantId = options.googlePayMerchantId;\n    this.paymentClients = options.paymentClients;\n    this.hostingEnvironment = options.hostingEnvironment;\n    this.hostedFieldConfig = options.hostedFieldConfig;\n  }\n}\n"]}

package/dist/src/elements/ia-donation-form/donation-form-error.d.ts

@@ -0,0 +1,5 @@
+/** An error raised by the donation form itself, as opposed to one from a payment library. */
+export declare class DonationFormError extends Error {
+    constructor(message: string);
+}
+//# sourceMappingURL=donation-form-error.d.ts.map

package/dist/src/elements/ia-donation-form/donation-form-error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"donation-form-error.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-donation-form/donation-form-error.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,qBAAa,iBAAkB,SAAQ,KAAK;gBAC9B,OAAO,EAAE,MAAM;CAI5B"}

package/dist/src/elements/ia-donation-form/donation-form-error.js

@@ -0,0 +1,8 @@
+/** An error raised by the donation form itself, as opposed to one from a payment library. */
+export class DonationFormError extends Error {
+    constructor(message) {
+        super(message);
+        this.name = 'DonationFormError';
+    }
+}
+//# sourceMappingURL=donation-form-error.js.map

package/dist/src/elements/ia-donation-form/donation-form-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"donation-form-error.js","sourceRoot":"","sources":["../../../../src/elements/ia-donation-form/donation-form-error.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,MAAM,OAAO,iBAAkB,SAAQ,KAAK;IAC1C,YAAY,OAAe;QACzB,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,IAAI,GAAG,mBAAmB,CAAC;IAClC,CAAC;CACF","sourcesContent":["/** An error raised by the donation form itself, as opposed to one from a payment library. */\nexport class DonationFormError extends Error {\n  constructor(message: string) {\n    super(message);\n    this.name = 'DonationFormError';\n  }\n}\n"]}

package/dist/src/elements/ia-donation-form/flow-handlers/donation-flow-modal-manager.d.ts

@@ -0,0 +1,118 @@
+import { type ModalManagerInterface } from '@internetarchive/modal-manager';
+import type { DonationEventLoggerInterface } from '../analytics.js';
+import type { BraintreeManagerInterface } from '../braintree/braintree-manager-interface.js';
+import type { DonationPaymentInfo } from '../models/donation-payment-info.js';
+import { type DonationResponse, type SuccessResponse } from '../models/donation-response.js';
+import { DonationType } from '../models/donation-type.js';
+import type { BillingInfo, CustomerInfo } from '../models/donor-contact-info.js';
+import type { PaymentProvider } from '../models/payment-provider.js';
+import { UpsellModalCTAMode } from '../modals/ia-donation-upsell-modal-content.js';
+import '../modals/ia-donation-confirm-modal.js';
+import '../modals/ia-donation-error-modal-content.js';
+import '../modals/ia-donation-upsell-modal-content.js';
+/**
+ * The high-level modal flow. Each payment provider gets the donor to a nonce
+ * differently (PayPal button, Apple Pay sheet, the Venmo app), but from there
+ * the modals are the same: processing, upsell, thank you, error. The flow
+ * handlers call this to take the donor through them.
+ */
+export interface DonationFlowModalManagerInterface {
+    showConfirmationStepModal(options: {
+        amount: number;
+        donationType: DonationType;
+        currencyType: string;
+        confirmDonationCB: () => void;
+        cancelDonationCB: () => void;
+    }): Promise<void>;
+    closeModal(): void;
+    showProcessingModal(): void;
+    showThankYouModal(options: {
+        successResponse: SuccessResponse;
+        upsellSuccessResponse?: SuccessResponse;
+    }): void;
+    showErrorModal(options: {
+        message: string;
+        userClosedModalCallback?: () => void;
+    }): void;
+    showUpsellModal(options: {
+        oneTimeAmount: number;
+        ctaMode?: UpsellModalCTAMode;
+        yesSelected?: (amount: number) => void;
+        noSelected?: () => void;
+        amountChanged?: (amount: number) => void;
+        userClosedModalCallback?: () => void;
+    }): Promise<void>;
+    /**
+     * The main flow, once the provider has handed back a nonce: show
+     * processing, submit, then the upsell or thank you or error.
+     */
+    startDonationSubmissionFlow(options: {
+        nonce: string;
+        paymentProvider: PaymentProvider;
+        donationInfo: DonationPaymentInfo;
+        billingInfo: BillingInfo;
+        customerInfo: CustomerInfo;
+        upsellOnetimeTransactionId?: string;
+        customerId?: string;
+        recaptchaToken?: string;
+        bin?: string;
+        binName?: string;
+    }): Promise<DonationResponse | undefined>;
+    /**
+     * What happens after a successful donation depends on its type: a one-time
+     * donation gets the monthly upsell, a monthly one goes straight to thanks.
+     */
+    handleSuccessfulDonationResponse(donationInfo: DonationPaymentInfo, response: SuccessResponse): void;
+}
+export declare class DonationFlowModalManager implements DonationFlowModalManagerInterface {
+    private braintreeManager;
+    private modalManager;
+    private analytics;
+    constructor(options: {
+        braintreeManager: BraintreeManagerInterface;
+        modalManager: ModalManagerInterface;
+        analytics: DonationEventLoggerInterface;
+    });
+    closeModal(): void;
+    showProcessingModal(): void;
+    showThankYouModal(options: {
+        successResponse: SuccessResponse;
+        upsellSuccessResponse?: SuccessResponse;
+    }): void;
+    showErrorModal(options: {
+        message: string;
+        userClosedModalCallback?: () => void;
+    }): void;
+    showConfirmationStepModal(options: {
+        amount: number;
+        donationType: DonationType;
+        currencyType: string;
+        confirmDonationCB: () => void;
+        cancelDonationCB: () => void;
+    }): Promise<void>;
+    showUpsellModal(options: {
+        oneTimeAmount: number;
+        yesSelected?: (amount: number) => void;
+        noSelected?: () => void;
+        amountChanged?: (amount: number) => void;
+        userClosedModalCallback?: () => void;
+        ctaMode?: UpsellModalCTAMode;
+    }): Promise<void>;
+    startDonationSubmissionFlow(options: {
+        nonce: string;
+        paymentProvider: PaymentProvider;
+        donationInfo: DonationPaymentInfo;
+        billingInfo: BillingInfo;
+        customerInfo: CustomerInfo;
+        upsellOnetimeTransactionId?: string;
+        customerId?: string;
+        recaptchaToken?: string;
+        bin?: string;
+        binName?: string;
+    }): Promise<DonationResponse | undefined>;
+    private upsellModalYesSelected;
+    /** The monthly amount the upsell suggests, stepped up with the one-time gift. */
+    static getDefaultUpsellAmount(oneTimeAmount: number): number;
+    handleSuccessfulDonationResponse(donationInfo: DonationPaymentInfo, response: SuccessResponse): void;
+}
+//# sourceMappingURL=donation-flow-modal-manager.d.ts.map

package/dist/src/elements/ia-donation-form/flow-handlers/donation-flow-modal-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"donation-flow-modal-manager.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/flow-handlers/donation-flow-modal-manager.ts"],"names":[],"mappings":"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"}

package/dist/src/elements/ia-donation-form/flow-handlers/donation-flow-modal-manager.js

@@ -0,0 +1,194 @@
+import { html } from 'lit';
+import { msg } from '@lit/localize';
+import { ModalConfig, } from '@internetarchive/modal-manager';
+import { DonationType } from '../models/donation-type.js';
+import { UpsellModalCTAMode } from '../modals/ia-donation-upsell-modal-content.js';
+import '../modals/ia-donation-confirm-modal.js';
+import '../modals/ia-donation-error-modal-content.js';
+import '../modals/ia-donation-upsell-modal-content.js';
+const ModalHeaderColor = {
+    Blue: '#497fbf',
+    Green: '#55A183',
+    Red: '#691916',
+};
+export class DonationFlowModalManager {
+    constructor(options) {
+        this.modalManager = options.modalManager;
+        this.braintreeManager = options.braintreeManager;
+        this.analytics = options.analytics;
+    }
+    closeModal() {
+        this.modalManager.closeModal();
+    }
+    showProcessingModal() {
+        const modalConfig = new ModalConfig({
+            headerColor: ModalHeaderColor.Blue,
+            showProcessingIndicator: true,
+            closeOnBackdropClick: false,
+            showCloseButton: false,
+            processingImageMode: 'processing',
+            title: html `${msg('Processing...')}`,
+        });
+        this.modalManager.showModal({ config: modalConfig });
+    }
+    showThankYouModal(options) {
+        const modalConfig = new ModalConfig({
+            showProcessingIndicator: true,
+            processingImageMode: 'complete',
+            headerColor: ModalHeaderColor.Green,
+            title: html `${msg('Thank You!')}`,
+        });
+        this.modalManager.showModal({ config: modalConfig });
+        const selectedPayment = options.successResponse.paymentProvider.replace(/\s+/g, '');
+        let action = `Donated-${selectedPayment}`;
+        if (options.upsellSuccessResponse) {
+            action += `-upsell`;
+        }
+        const label = options.successResponse.donationType;
+        this.analytics.logDonationFlowEvent(action, label);
+        this.braintreeManager.donationSuccessful(options);
+    }
+    showErrorModal(options) {
+        const modalConfig = new ModalConfig({
+            headerColor: ModalHeaderColor.Red,
+            title: html `${msg('Processing error')}`,
+            headline: html `${msg("There's been a problem completing your donation.")}`,
+            message: html `${options.message}`,
+        });
+        this.modalManager.showModal({
+            config: modalConfig,
+            userClosedModalCallback: options.userClosedModalCallback,
+            customModalContent: html `
+        <ia-donation-error-modal-content></ia-donation-error-modal-content>
+      `,
+        });
+    }
+    showConfirmationStepModal(options) {
+        const modalTitle = options.donationType === DonationType.Upsell
+            ? msg('Confirm monthly donation')
+            : msg('Complete donation');
+        const modalConfig = new ModalConfig({
+            closeOnBackdropClick: false,
+            headerColor: ModalHeaderColor.Green,
+            title: html `${modalTitle}`,
+            message: html `
+        <ia-donation-confirm-modal
+          .amount=${options.amount}
+          .currencyType=${options.currencyType}
+          .donationType=${options.donationType}
+          .confirmDonation=${options.confirmDonationCB}
+          .cancelDonation=${options.cancelDonationCB}
+        ></ia-donation-confirm-modal>
+      `,
+        });
+        return this.modalManager.showModal({
+            config: modalConfig,
+            userClosedModalCallback: options.cancelDonationCB,
+        });
+    }
+    showUpsellModal(options) {
+        const modalConfig = new ModalConfig({
+            headerColor: ModalHeaderColor.Green,
+            title: html `${msg('Donation received')}`,
+            processingImageMode: 'complete',
+            showProcessingIndicator: true,
+        });
+        const upsellAmount = DonationFlowModalManager.getDefaultUpsellAmount(options.oneTimeAmount);
+        options.amountChanged?.(upsellAmount);
+        const modalContent = html `
+      <ia-donation-upsell-modal-content
+        .amount=${upsellAmount}
+        .yesButtonMode=${options.ctaMode ?? UpsellModalCTAMode.YesButton}
+        @yesSelected=${(e) => options.yesSelected?.(e.detail.amount)}
+        @noThanksSelected=${options.noSelected}
+        @amountChanged=${(e) => options.amountChanged?.(e.detail.amount)}
+      >
+        <slot name="paypal-upsell-button"></slot>
+      </ia-donation-upsell-modal-content>
+    `;
+        return this.modalManager.showModal({
+            config: modalConfig,
+            customModalContent: modalContent,
+            userClosedModalCallback: options.userClosedModalCallback,
+        });
+    }
+    async startDonationSubmissionFlow(options) {
+        this.showProcessingModal();
+        try {
+            const response = await this.braintreeManager.submitDonation(options);
+            if (response.success) {
+                this.handleSuccessfulDonationResponse(options.donationInfo, response.value);
+            }
+            else {
+                const error = response.value;
+                this.showErrorModal({ message: error.message });
+            }
+            return response;
+        }
+        catch (error) {
+            this.showErrorModal({ message: `${error}` });
+            console.error('error getting a response', error);
+            return undefined;
+        }
+    }
+    async upsellModalYesSelected(oneTimeDonationResponse, amount) {
+        this.showProcessingModal();
+        try {
+            const response = await this.braintreeManager.submitUpsellDonation({
+                oneTimeDonationResponse,
+                amount,
+            });
+            if (response.success) {
+                this.showThankYouModal({
+                    successResponse: oneTimeDonationResponse,
+                    upsellSuccessResponse: response.value,
+                });
+            }
+            else {
+                const error = response.value;
+                this.showErrorModal({ message: error.message });
+            }
+            return response;
+        }
+        catch (error) {
+            this.showErrorModal({ message: `${error}` });
+            console.error('error getting a response', error);
+            return undefined;
+        }
+    }
+    /** The monthly amount the upsell suggests, stepped up with the one-time gift. */
+    static getDefaultUpsellAmount(oneTimeAmount) {
+        if (oneTimeAmount <= 10)
+            return 8;
+        if (oneTimeAmount <= 25)
+            return 10;
+        if (oneTimeAmount <= 100)
+            return 25;
+        return 50;
+    }
+    handleSuccessfulDonationResponse(donationInfo, response) {
+        switch (donationInfo.donationType) {
+            case DonationType.OneTime:
+                this.showUpsellModal({
+                    oneTimeAmount: response.amount,
+                    yesSelected: (amount) => {
+                        this.upsellModalYesSelected(response, amount);
+                    },
+                    noSelected: () => {
+                        this.showThankYouModal({ successResponse: response });
+                    },
+                    userClosedModalCallback: () => {
+                        this.showThankYouModal({ successResponse: response });
+                    },
+                });
+                break;
+            case DonationType.Monthly:
+                this.showThankYouModal({ successResponse: response });
+                break;
+            // The upsell itself is completed in `upsellModalYesSelected`
+            case DonationType.Upsell:
+                break;
+        }
+    }
+}
+//# sourceMappingURL=donation-flow-modal-manager.js.map