@internetarchive/elements 1.1.2 → 1.1.3-l10n-demo.1

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":"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","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/currency-validator.d.ts

@@ -0,0 +1,16 @@
+/** Something that can veto a keystroke in a text field. */
+export interface FieldValidatorInterface {
+    keydown(e: KeyboardEvent): void;
+}
+/**
+ * Keeps a text field to a currency amount: digits with an optional decimal
+ * point and up to two decimal places. Attach it as the field's `keydown`
+ * handler; it cancels any keystroke that would make the value invalid.
+ *
+ * Because it checks the value the keystroke *would* produce, it accounts for
+ * the cursor position and any selected text being replaced.
+ */
+export declare class CurrencyValidator implements FieldValidatorInterface {
+    keydown(e: KeyboardEvent): void;
+}
+//# sourceMappingURL=currency-validator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"currency-validator.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-donation-form/currency-validator.ts"],"names":[],"mappings":"AAAA,2DAA2D;AAC3D,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CACjC;AAED;;;;;;;GAOG;AACH,qBAAa,iBAAkB,YAAW,uBAAuB;IAC/D,OAAO,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;CA6BhC"}

package/dist/src/elements/ia-donation-form/currency-validator.js

@@ -0,0 +1,37 @@
+/**
+ * Keeps a text field to a currency amount: digits with an optional decimal
+ * point and up to two decimal places. Attach it as the field's `keydown`
+ * handler; it cancels any keystroke that would make the value invalid.
+ *
+ * Because it checks the value the keystroke *would* produce, it accounts for
+ * the cursor position and any selected text being replaced.
+ */
+export class CurrencyValidator {
+    keydown(e) {
+        const char = e.key;
+        // Shortcuts like select-all go through
+        if (e.metaKey)
+            return;
+        switch (char) {
+            case 'Tab':
+            case 'Delete':
+            case 'Backspace':
+            case 'ArrowLeft':
+            case 'ArrowRight':
+            case 'ArrowUp':
+            case 'ArrowDown':
+                return;
+        }
+        const input = e.target;
+        const value = input.value;
+        const prefix = value.slice(0, input.selectionStart ?? 0);
+        const suffix = value.slice(input.selectionEnd ?? 0);
+        const newValue = `${prefix}${char}${suffix}`;
+        const regex = /^[0-9]+(\.[0-9]{0,2})?$/; // xxxxx.xx
+        const valid = regex.test(newValue);
+        if (!valid) {
+            e.preventDefault();
+        }
+    }
+}
+//# sourceMappingURL=currency-validator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"currency-validator.js","sourceRoot":"","sources":["../../../../src/elements/ia-donation-form/currency-validator.ts"],"names":[],"mappings":"AAKA;;;;;;;GAOG;AACH,MAAM,OAAO,iBAAiB;IAC5B,OAAO,CAAC,CAAgB;QACtB,MAAM,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC;QAEnB,uCAAuC;QACvC,IAAI,CAAC,CAAC,OAAO;YAAE,OAAO;QAEtB,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,KAAK,CAAC;YACX,KAAK,QAAQ,CAAC;YACd,KAAK,WAAW,CAAC;YACjB,KAAK,WAAW,CAAC;YACjB,KAAK,YAAY,CAAC;YAClB,KAAK,SAAS,CAAC;YACf,KAAK,WAAW;gBACd,OAAO;QACX,CAAC;QAED,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAC;QAC3C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QAC1B,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,IAAI,CAAC,CAAC,CAAC;QACzD,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC;QACpD,MAAM,QAAQ,GAAG,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,EAAE,CAAC;QAC7C,MAAM,KAAK,GAAG,yBAAyB,CAAC,CAAC,WAAW;QACpD,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAEnC,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;CACF","sourcesContent":["/** Something that can veto a keystroke in a text field. */\nexport interface FieldValidatorInterface {\n  keydown(e: KeyboardEvent): void;\n}\n\n/**\n * Keeps a text field to a currency amount: digits with an optional decimal\n * point and up to two decimal places. Attach it as the field's `keydown`\n * handler; it cancels any keystroke that would make the value invalid.\n *\n * Because it checks the value the keystroke *would* produce, it accounts for\n * the cursor position and any selected text being replaced.\n */\nexport class CurrencyValidator implements FieldValidatorInterface {\n  keydown(e: KeyboardEvent): void {\n    const char = e.key;\n\n    // Shortcuts like select-all go through\n    if (e.metaKey) return;\n\n    switch (char) {\n      case 'Tab':\n      case 'Delete':\n      case 'Backspace':\n      case 'ArrowLeft':\n      case 'ArrowRight':\n      case 'ArrowUp':\n      case 'ArrowDown':\n        return;\n    }\n\n    const input = e.target as HTMLInputElement;\n    const value = input.value;\n    const prefix = value.slice(0, input.selectionStart ?? 0);\n    const suffix = value.slice(input.selectionEnd ?? 0);\n    const newValue = `${prefix}${char}${suffix}`;\n    const regex = /^[0-9]+(\\.[0-9]{0,2})?$/; // xxxxx.xx\n    const valid = regex.test(newValue);\n\n    if (!valid) {\n      e.preventDefault();\n    }\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

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

@@ -0,0 +1 @@
+{"version":3,"file":"donation-flow-modal-manager.js","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/flow-handlers/donation-flow-modal-manager.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { msg } from '@lit/localize';\nimport {\n  ModalConfig,\n  type ModalManagerInterface,\n} from '@internetarchive/modal-manager';\n\nimport type { DonationEventLoggerInterface } from '../analytics';\nimport type { BraintreeManagerInterface } from '../braintree/braintree-manager-interface';\nimport type { DonationPaymentInfo } from '../models/donation-payment-info';\nimport {\n  type DonationResponse,\n  type ErrorResponse,\n  type SuccessResponse,\n} from '../models/donation-response';\nimport { DonationType } from '../models/donation-type';\nimport type { BillingInfo, CustomerInfo } from '../models/donor-contact-info';\nimport type { PaymentProvider } from '../models/payment-provider';\nimport { UpsellModalCTAMode } from '../modals/ia-donation-upsell-modal-content';\nimport '../modals/ia-donation-confirm-modal';\nimport '../modals/ia-donation-error-modal-content';\nimport '../modals/ia-donation-upsell-modal-content';\n\nconst ModalHeaderColor = {\n  Blue: '#497fbf',\n  Green: '#55A183',\n  Red: '#691916',\n} as const;\n\n/**\n * The high-level modal flow. Each payment provider gets the donor to a nonce\n * differently (PayPal button, Apple Pay sheet, the Venmo app), but from there\n * the modals are the same: processing, upsell, thank you, error. The flow\n * handlers call this to take the donor through them.\n */\nexport interface DonationFlowModalManagerInterface {\n  showConfirmationStepModal(options: {\n    amount: number;\n    donationType: DonationType;\n    currencyType: string;\n    confirmDonationCB: () => void;\n    cancelDonationCB: () => void;\n  }): Promise<void>;\n\n  closeModal(): void;\n\n  showProcessingModal(): void;\n\n  showThankYouModal(options: {\n    successResponse: SuccessResponse;\n    upsellSuccessResponse?: SuccessResponse;\n  }): void;\n\n  showErrorModal(options: {\n    message: string;\n    userClosedModalCallback?: () => void;\n  }): void;\n\n  showUpsellModal(options: {\n    oneTimeAmount: number;\n    ctaMode?: UpsellModalCTAMode;\n    yesSelected?: (amount: number) => void;\n    noSelected?: () => void;\n    amountChanged?: (amount: number) => void;\n    userClosedModalCallback?: () => void;\n  }): Promise<void>;\n\n  /**\n   * The main flow, once the provider has handed back a nonce: show\n   * processing, submit, then the upsell or thank you or error.\n   */\n  startDonationSubmissionFlow(options: {\n    nonce: string;\n    paymentProvider: PaymentProvider;\n    donationInfo: DonationPaymentInfo;\n    billingInfo: BillingInfo;\n    customerInfo: CustomerInfo;\n    upsellOnetimeTransactionId?: string;\n    customerId?: string;\n    recaptchaToken?: string;\n    bin?: string;\n    binName?: string;\n  }): Promise<DonationResponse | undefined>;\n\n  /**\n   * What happens after a successful donation depends on its type: a one-time\n   * donation gets the monthly upsell, a monthly one goes straight to thanks.\n   */\n  handleSuccessfulDonationResponse(\n    donationInfo: DonationPaymentInfo,\n    response: SuccessResponse,\n  ): void;\n}\n\nexport class DonationFlowModalManager\n  implements DonationFlowModalManagerInterface\n{\n  private braintreeManager: BraintreeManagerInterface;\n\n  private modalManager: ModalManagerInterface;\n\n  private analytics: DonationEventLoggerInterface;\n\n  constructor(options: {\n    braintreeManager: BraintreeManagerInterface;\n    modalManager: ModalManagerInterface;\n    analytics: DonationEventLoggerInterface;\n  }) {\n    this.modalManager = options.modalManager;\n    this.braintreeManager = options.braintreeManager;\n    this.analytics = options.analytics;\n  }\n\n  closeModal(): void {\n    this.modalManager.closeModal();\n  }\n\n  showProcessingModal(): void {\n    const modalConfig = new ModalConfig({\n      headerColor: ModalHeaderColor.Blue,\n      showProcessingIndicator: true,\n      closeOnBackdropClick: false,\n      showCloseButton: false,\n      processingImageMode: 'processing',\n      title: html`${msg('Processing...')}`,\n    });\n    this.modalManager.showModal({ config: modalConfig });\n  }\n\n  showThankYouModal(options: {\n    successResponse: SuccessResponse;\n    upsellSuccessResponse?: SuccessResponse;\n  }): void {\n    const modalConfig = new ModalConfig({\n      showProcessingIndicator: true,\n      processingImageMode: 'complete',\n      headerColor: ModalHeaderColor.Green,\n      title: html`${msg('Thank You!')}`,\n    });\n    this.modalManager.showModal({ config: modalConfig });\n\n    const selectedPayment = options.successResponse.paymentProvider.replace(\n      /\\s+/g,\n      '',\n    );\n    let action = `Donated-${selectedPayment}`;\n    if (options.upsellSuccessResponse) {\n      action += `-upsell`;\n    }\n    const label = options.successResponse.donationType;\n    this.analytics.logDonationFlowEvent(action, label);\n\n    this.braintreeManager.donationSuccessful(options);\n  }\n\n  showErrorModal(options: {\n    message: string;\n    userClosedModalCallback?: () => void;\n  }): void {\n    const modalConfig = new ModalConfig({\n      headerColor: ModalHeaderColor.Red,\n      title: html`${msg('Processing error')}`,\n      headline: html`${msg(\"There's been a problem completing your donation.\")}`,\n      message: html`${options.message}`,\n    });\n\n    this.modalManager.showModal({\n      config: modalConfig,\n      userClosedModalCallback: options.userClosedModalCallback,\n      customModalContent: html`\n        <ia-donation-error-modal-content></ia-donation-error-modal-content>\n      `,\n    });\n  }\n\n  showConfirmationStepModal(options: {\n    amount: number;\n    donationType: DonationType;\n    currencyType: string;\n    confirmDonationCB: () => void;\n    cancelDonationCB: () => void;\n  }): Promise<void> {\n    const modalTitle =\n      options.donationType === DonationType.Upsell\n        ? msg('Confirm monthly donation')\n        : msg('Complete donation');\n\n    const modalConfig = new ModalConfig({\n      closeOnBackdropClick: false,\n      headerColor: ModalHeaderColor.Green,\n      title: html`${modalTitle}`,\n      message: html`\n        <ia-donation-confirm-modal\n          .amount=${options.amount}\n          .currencyType=${options.currencyType}\n          .donationType=${options.donationType}\n          .confirmDonation=${options.confirmDonationCB}\n          .cancelDonation=${options.cancelDonationCB}\n        ></ia-donation-confirm-modal>\n      `,\n    });\n    return this.modalManager.showModal({\n      config: modalConfig,\n      userClosedModalCallback: options.cancelDonationCB,\n    });\n  }\n\n  showUpsellModal(options: {\n    oneTimeAmount: number;\n    yesSelected?: (amount: number) => void;\n    noSelected?: () => void;\n    amountChanged?: (amount: number) => void;\n    userClosedModalCallback?: () => void;\n    ctaMode?: UpsellModalCTAMode;\n  }): Promise<void> {\n    const modalConfig = new ModalConfig({\n      headerColor: ModalHeaderColor.Green,\n      title: html`${msg('Donation received')}`,\n      processingImageMode: 'complete',\n      showProcessingIndicator: true,\n    });\n\n    const upsellAmount = DonationFlowModalManager.getDefaultUpsellAmount(\n      options.oneTimeAmount,\n    );\n    options.amountChanged?.(upsellAmount);\n\n    const modalContent = html`\n      <ia-donation-upsell-modal-content\n        .amount=${upsellAmount}\n        .yesButtonMode=${options.ctaMode ?? UpsellModalCTAMode.YesButton}\n        @yesSelected=${(e: CustomEvent): void =>\n          options.yesSelected?.(e.detail.amount)}\n        @noThanksSelected=${options.noSelected}\n        @amountChanged=${(e: CustomEvent): void =>\n          options.amountChanged?.(e.detail.amount)}\n      >\n        <slot name=\"paypal-upsell-button\"></slot>\n      </ia-donation-upsell-modal-content>\n    `;\n    return this.modalManager.showModal({\n      config: modalConfig,\n      customModalContent: modalContent,\n      userClosedModalCallback: options.userClosedModalCallback,\n    });\n  }\n\n  async startDonationSubmissionFlow(options: {\n    nonce: string;\n    paymentProvider: PaymentProvider;\n    donationInfo: DonationPaymentInfo;\n    billingInfo: BillingInfo;\n    customerInfo: CustomerInfo;\n    upsellOnetimeTransactionId?: string;\n    customerId?: string;\n    recaptchaToken?: string;\n    bin?: string;\n    binName?: string;\n  }): Promise<DonationResponse | undefined> {\n    this.showProcessingModal();\n\n    try {\n      const response = await this.braintreeManager.submitDonation(options);\n\n      if (response.success) {\n        this.handleSuccessfulDonationResponse(\n          options.donationInfo,\n          response.value as SuccessResponse,\n        );\n      } else {\n        const error = response.value as ErrorResponse;\n        this.showErrorModal({ message: error.message });\n      }\n      return response;\n    } catch (error) {\n      this.showErrorModal({ message: `${error}` });\n      console.error('error getting a response', error);\n      return undefined;\n    }\n  }\n\n  private async upsellModalYesSelected(\n    oneTimeDonationResponse: SuccessResponse,\n    amount: number,\n  ): Promise<DonationResponse | undefined> {\n    this.showProcessingModal();\n\n    try {\n      const response = await this.braintreeManager.submitUpsellDonation({\n        oneTimeDonationResponse,\n        amount,\n      });\n\n      if (response.success) {\n        this.showThankYouModal({\n          successResponse: oneTimeDonationResponse,\n          upsellSuccessResponse: response.value as SuccessResponse,\n        });\n      } else {\n        const error = response.value as ErrorResponse;\n        this.showErrorModal({ message: error.message });\n      }\n\n      return response;\n    } catch (error) {\n      this.showErrorModal({ message: `${error}` });\n      console.error('error getting a response', error);\n      return undefined;\n    }\n  }\n\n  /** The monthly amount the upsell suggests, stepped up with the one-time gift. */\n  static getDefaultUpsellAmount(oneTimeAmount: number): number {\n    if (oneTimeAmount <= 10) return 8;\n    if (oneTimeAmount <= 25) return 10;\n    if (oneTimeAmount <= 100) return 25;\n    return 50;\n  }\n\n  handleSuccessfulDonationResponse(\n    donationInfo: DonationPaymentInfo,\n    response: SuccessResponse,\n  ): void {\n    switch (donationInfo.donationType) {\n      case DonationType.OneTime:\n        this.showUpsellModal({\n          oneTimeAmount: response.amount,\n          yesSelected: (amount: number) => {\n            this.upsellModalYesSelected(response, amount);\n          },\n          noSelected: () => {\n            this.showThankYouModal({ successResponse: response });\n          },\n          userClosedModalCallback: () => {\n            this.showThankYouModal({ successResponse: response });\n          },\n        });\n        break;\n      case DonationType.Monthly:\n        this.showThankYouModal({ successResponse: response });\n        break;\n      // The upsell itself is completed in `upsellModalYesSelected`\n      case DonationType.Upsell:\n        break;\n    }\n  }\n}\n"]}

package/dist/src/elements/ia-donation-form/flow-handlers/handlers/apple-pay-flow-handler.d.ts

@@ -0,0 +1,24 @@
+import type { BraintreeManagerInterface } from '../../braintree/braintree-manager-interface.js';
+import type { ApplePaySessionDataSourceDelegate } from '../../braintree/payment-providers/apple-pay/apple-pay-session-datasource-interface.js';
+import type { DonationPaymentInfo } from '../../models/donation-payment-info.js';
+import type { DonationResponse } from '../../models/donation-response.js';
+import type { DonationFlowModalManagerInterface } from '../donation-flow-modal-manager.js';
+export interface ApplePayFlowHandlerInterface {
+    paymentInitiated(donationInfo: DonationPaymentInfo, e: Event): Promise<void>;
+}
+/** The Apple Pay flow: the sheet does the collecting, this handles what comes back. */
+export declare class ApplePayFlowHandler implements ApplePayFlowHandlerInterface, ApplePaySessionDataSourceDelegate {
+    private donationFlowModalManager;
+    private braintreeManager;
+    constructor(options: {
+        braintreeManager: BraintreeManagerInterface;
+        donationFlowModalManager: DonationFlowModalManagerInterface;
+    });
+    private applePayDataSource?;
+    paymentInitiated(donationInfo: DonationPaymentInfo, e: Event): Promise<void>;
+    private modalYesSelected;
+    paymentComplete(response: DonationResponse): void;
+    paymentFailed(): void;
+    paymentCancelled(): void;
+}
+//# sourceMappingURL=apple-pay-flow-handler.d.ts.map