@internetarchive/donation-form 0.5.9-alpha.1 → 0.5.11-alpha.1

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 export { BraintreeManagerInterface, BraintreeEndpointManagerInterface, HostingEnvironment, } from './src/braintree-manager/braintree-interfaces';
 export { DonationFormController } from './src/donation-form-controller';
 export { DonationForm } from './src/donation-form';
-export { RecaptchaManager, RecaptchaManagerInterface, } from './src/recaptcha-manager/recaptcha-manager';
 export { PaymentFlowHandlers, PaymentFlowHandlersInterface, } from './src/payment-flow-handlers/payment-flow-handlers';
 export { PaymentClients, PaymentClientsInterface } from './src/braintree-manager/payment-clients';
 export { BraintreeManager } from './src/braintree-manager/braintree-manager';

package/dist/index.js

@@ -1,7 +1,6 @@
 export { HostingEnvironment, } from './src/braintree-manager/braintree-interfaces';
 export { DonationFormController } from './src/donation-form-controller';
 export { DonationForm } from './src/donation-form';
-export { RecaptchaManager, } from './src/recaptcha-manager/recaptcha-manager';
 export { PaymentFlowHandlers, } from './src/payment-flow-handlers/payment-flow-handlers';
 export { PaymentClients } from './src/braintree-manager/payment-clients';
 export { BraintreeManager } from './src/braintree-manager/braintree-manager';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,kBAAkB,GACnB,MAAM,8CAA8C,CAAC;AAEtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EACL,gBAAgB,GAEjB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,mBAAmB,GAEpB,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAE,cAAc,EAA2B,MAAM,yCAAyC,CAAC;AAClG,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC","sourcesContent":["export {\n  BraintreeManagerInterface,\n  BraintreeEndpointManagerInterface,\n  HostingEnvironment,\n} from './src/braintree-manager/braintree-interfaces';\n\nexport { DonationFormController } from './src/donation-form-controller';\nexport { DonationForm } from './src/donation-form';\nexport {\n  RecaptchaManager,\n  RecaptchaManagerInterface,\n} from './src/recaptcha-manager/recaptcha-manager';\nexport {\n  PaymentFlowHandlers,\n  PaymentFlowHandlersInterface,\n} from './src/payment-flow-handlers/payment-flow-handlers';\nexport { PaymentClients, PaymentClientsInterface } from './src/braintree-manager/payment-clients';\nexport { BraintreeManager } from './src/braintree-manager/braintree-manager';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,kBAAkB,GACnB,MAAM,8CAA8C,CAAC;AAEtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EACL,mBAAmB,GAEpB,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAE,cAAc,EAA2B,MAAM,yCAAyC,CAAC;AAClG,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC","sourcesContent":["export {\n  BraintreeManagerInterface,\n  BraintreeEndpointManagerInterface,\n  HostingEnvironment,\n} from './src/braintree-manager/braintree-interfaces';\n\nexport { DonationFormController } from './src/donation-form-controller';\nexport { DonationForm } from './src/donation-form';\nexport {\n  PaymentFlowHandlers,\n  PaymentFlowHandlersInterface,\n} from './src/payment-flow-handlers/payment-flow-handlers';\nexport { PaymentClients, PaymentClientsInterface } from './src/braintree-manager/payment-clients';\nexport { BraintreeManager } from './src/braintree-manager/braintree-manager';\n"]}

package/dist/src/braintree-manager/braintree-manager.js.map

@@ -1 +1 @@
-{"version":3,"file":"braintree-manager.js","sourceRoot":"","sources":["../../../src/braintree-manager/braintree-manager.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  DonationResponse,\n  DonationRequest,\n  DonationRequestCustomFields,\n  DonationType,\n  CustomerInfo,\n  BillingInfo,\n  DonationPaymentInfo,\n  PaymentProvider,\n  SuccessResponse,\n} from '@internetarchive/donation-form-data-models';\n\nimport { PaymentProviders } from './payment-providers';\nimport { PaymentClientsInterface } from './payment-clients';\nimport {\n  BraintreeManagerInterface,\n  BraintreeEndpointManagerInterface,\n  HostingEnvironment,\n  BraintreeManagerEvents,\n} from './braintree-interfaces';\nimport { HostedFieldConfiguration } from './payment-providers/credit-card/hosted-field-configuration';\nimport { PromisedSingleton } from '@internetarchive/promised-singleton';\nimport { PaymentProvidersInterface } from './payment-providers-interface';\nimport { createNanoEvents, Emitter, Unsubscribe } from 'nanoevents';\n\n/** @inheritdoc */\nexport class BraintreeManager implements BraintreeManagerInterface {\n  private referrer?: string;\n\n  /**\n   * The origin is made up of campaign / ABTest information that the user originated from.\n   *\n   * The field is a freeform string so it can be anything, but make sure it's something\n   * identifiable so it can be queried in CiviCRM.\n   *\n   * For instance, we use this format for the Donation Banner:\n   * - `{Source}-{Test Name}-{Variant Name}`, eg:\n   * - `DonateBanner-Campaign Start 2020-IADefault`\n   * - `DonateBanner-Mid Campaign-IAThermometer`\n   *\n   * For additional specificity, you could add additional info, ie.\n   * - `DonateBanner-MidJuly2020 Campaign-VariantA-Button1`\n   *\n   * @private\n   * @type {string}\n   * @memberof BraintreeManager\n   */\n  private origin?: string;\n\n  private loggedInUser?: string;\n\n  /**\n   * The Device Data token generated by the DataCollector.\n   *\n   * This gets submitted for several of the payment providers as an anti-fraud mechanism.\n   *\n   * @private\n   * @type {string}\n   * @memberof BraintreeManager\n   */\n  private deviceData?: string;\n\n  private emitter = createNanoEvents<BraintreeManagerEvents>();\n\n  on<E extends keyof BraintreeManagerEvents>(\n    event: E,\n    callback: BraintreeManagerEvents[E],\n  ): Unsubscribe {\n    return this.emitter.on(event, callback);\n  }\n\n  /** @inheritdoc */\n  paymentProviders: PaymentProvidersInterface;\n\n  /** @inheritdoc */\n  async startup(): Promise<void> {\n    return this.collectDeviceData();\n  }\n\n  /** @inheritdoc */\n  instance = new PromisedSingleton<braintree.Client>({\n    generator: async (): Promise<braintree.Client> => {\n      const client = await this.paymentClients.braintreeClient.get();\n      return client?.create({ authorization: this.authorizationToken });\n    },\n  });\n\n  /** @inheritdoc */\n  async submitDonation(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; // first 6 digits of CC\n    binName?: string; // credit card bank name\n  }): Promise<DonationResponse> {\n    const customFields = new DonationRequestCustomFields();\n    // eslint-disable-next-line @typescript-eslint/camelcase\n    customFields.fee_amount_covered = options.donationInfo.feeAmountCovered;\n    // eslint-disable-next-line @typescript-eslint/camelcase\n    customFields.logged_in_user = this.loggedInUser;\n    customFields.referrer = this.referrer;\n    customFields.origin = this.origin;\n\n    // This is interesting and applies only to Venmo, but will work for other providers as well.\n    // In Safari, `donationInfo` actually comes through as a DonationPaymentInfo object,\n    // but in Chrome, it comes through as a plain object so you can't call `.total()` on it to\n    // get the total amount and instead have to calculate the total\n    const total = DonationPaymentInfo.calculateTotal(\n      options.donationInfo.amount,\n      options.donationInfo.coverFees,\n    );\n\n    const donationRequest = new DonationRequest({\n      deviceData: this.deviceData,\n      paymentProvider: options.paymentProvider,\n      paymentMethodNonce: options.nonce,\n      amount: total,\n      donationType: options.donationInfo.donationType,\n      customer: options.customerInfo,\n      billing: options.billingInfo,\n      customFields: customFields,\n      upsellOnetimeTransactionId: options.upsellOnetimeTransactionId,\n      customerId: options.customerId,\n      recaptchaToken: options.recaptchaToken,\n      bin: options.bin,\n      binName: options.binName,\n    });\n\n    const jsonResponse = await this.endpointManager.submitData(donationRequest);\n    const modeledResponse = new DonationResponse(jsonResponse);\n    return modeledResponse;\n  }\n\n  /** @inheritdoc */\n  async submitUpsellDonation(options: {\n    oneTimeDonationResponse: SuccessResponse;\n    amount: number;\n  }): Promise<DonationResponse> {\n    const response = options.oneTimeDonationResponse;\n\n    const donationInfo = new DonationPaymentInfo({\n      amount: options.amount,\n      donationType: DonationType.Upsell,\n      coverFees: false,\n    });\n\n    return this.submitDonation({\n      nonce: response.paymentMethodNonce,\n      paymentProvider: response.paymentProvider,\n      customerId: response.customer_id,\n      donationInfo: donationInfo,\n      customerInfo: response.customer,\n      billingInfo: response.billing,\n      upsellOnetimeTransactionId: response.transaction_id,\n    });\n  }\n\n  /** @inheritdoc */\n  donationSuccessful(options: {\n    successResponse: SuccessResponse;\n    upsellSuccessResponse?: SuccessResponse;\n  }): void {\n    this.endpointManager.donationSuccessful(options);\n  }\n\n  private deviceDataCollectionStarted = false;\n\n  /**\n   * Collect Braintree device data. This is used to help fraud detection.\n   *\n   * @private\n   * @returns {Promise<void>}\n   * @memberof BraintreeManager\n   */\n  private async collectDeviceData(): Promise<void> {\n    if (this.deviceDataCollectionStarted) {\n      return;\n    }\n    this.deviceDataCollectionStarted = true;\n\n    const instance = await this.instance.get();\n    if (!instance) {\n      return;\n    }\n\n    return this.paymentClients.dataCollector\n      .get()\n      .then((collector?: braintree.DataCollector) => {\n        return collector?.create({ client: instance, kount: false, paypal: true });\n      })\n      .then(instance => {\n        this.deviceData = instance?.deviceData;\n      });\n  }\n\n  /**\n   * Braintree Authorization Token\n   *\n   * @private\n   * @type {string}\n   * @memberof BraintreeManager\n   */\n  private authorizationToken: string;\n\n  /**\n   * The endpoint manager for network communications\n   *\n   * @private\n   * @type {BraintreeEndpointManagerInterface}\n   * @memberof BraintreeManager\n   */\n  private endpointManager: BraintreeEndpointManagerInterface;\n\n  /**\n   * The payment clients container containing the braintree, paypal, and google clients\n   *\n   * @private\n   * @type {PaymentClientsInterface}\n   * @memberof BraintreeManager\n   */\n  private paymentClients: PaymentClientsInterface;\n\n  private hostingEnvironment: HostingEnvironment = HostingEnvironment.Development;\n\n  constructor(options: {\n    authorizationToken: string;\n    paymentClients: PaymentClientsInterface;\n    endpointManager: BraintreeEndpointManagerInterface;\n    hostedFieldConfig: HostedFieldConfiguration;\n    hostingEnvironment: HostingEnvironment;\n    venmoProfileId?: string;\n    googlePayMerchantId?: string;\n    referrer?: string;\n    loggedInUser?: string;\n    origin?: string;\n  }) {\n    this.authorizationToken = options.authorizationToken;\n    this.endpointManager = options.endpointManager;\n    this.hostingEnvironment = options.hostingEnvironment;\n    this.paymentClients = options.paymentClients;\n\n    this.referrer = options.referrer;\n    this.loggedInUser = options.loggedInUser;\n    this.origin = options.origin;\n\n    this.paymentProviders = new PaymentProviders({\n      braintreeManager: this,\n      paymentClients: this.paymentClients,\n      venmoProfileId: options.venmoProfileId,\n      googlePayMerchantId: options.googlePayMerchantId,\n      hostingEnvironment: options.hostingEnvironment,\n      hostedFieldConfig: options.hostedFieldConfig,\n    });\n\n    this.paymentProviders.on('hostedFieldsRetry', (retryNumber: number) => {\n      this.emitter.emit('paymentProvidersHostedFieldsRetry', retryNumber);\n    });\n\n    this.paymentProviders.on('hostedFieldsFailed', (error: unknown) => {\n      this.emitter.emit('paymentProvidersHostedFieldsFailed', error);\n    });\n  }\n\n  /** @inheritdoc */\n  setReferrer(referrer: string): void {\n    this.referrer = referrer;\n  }\n\n  /** @inheritdoc */\n  setLoggedInUser(loggedInUser: string): void {\n    this.loggedInUser = loggedInUser;\n  }\n\n  /** @inheritdoc */\n  setOrigin(origin: string): void {\n    this.origin = origin;\n  }\n}\n"]}
+{"version":3,"file":"braintree-manager.js","sourceRoot":"","sources":["../../../src/braintree-manager/braintree-manager.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  DonationResponse,\n  DonationRequest,\n  DonationRequestCustomFields,\n  DonationType,\n  CustomerInfo,\n  BillingInfo,\n  DonationPaymentInfo,\n  PaymentProvider,\n  SuccessResponse,\n} from '@internetarchive/donation-form-data-models';\n\nimport { PaymentProviders } from './payment-providers';\nimport { PaymentClientsInterface } from './payment-clients';\nimport {\n  BraintreeManagerInterface,\n  BraintreeEndpointManagerInterface,\n  HostingEnvironment,\n  BraintreeManagerEvents,\n} from './braintree-interfaces';\nimport { HostedFieldConfiguration } from './payment-providers/credit-card/hosted-field-configuration';\nimport { PromisedSingleton } from '@internetarchive/promised-singleton';\nimport { PaymentProvidersInterface } from './payment-providers-interface';\nimport { createNanoEvents, Unsubscribe } from 'nanoevents';\n\n/** @inheritdoc */\nexport class BraintreeManager implements BraintreeManagerInterface {\n  private referrer?: string;\n\n  /**\n   * The origin is made up of campaign / ABTest information that the user originated from.\n   *\n   * The field is a freeform string so it can be anything, but make sure it's something\n   * identifiable so it can be queried in CiviCRM.\n   *\n   * For instance, we use this format for the Donation Banner:\n   * - `{Source}-{Test Name}-{Variant Name}`, eg:\n   * - `DonateBanner-Campaign Start 2020-IADefault`\n   * - `DonateBanner-Mid Campaign-IAThermometer`\n   *\n   * For additional specificity, you could add additional info, ie.\n   * - `DonateBanner-MidJuly2020 Campaign-VariantA-Button1`\n   *\n   * @private\n   * @type {string}\n   * @memberof BraintreeManager\n   */\n  private origin?: string;\n\n  private loggedInUser?: string;\n\n  /**\n   * The Device Data token generated by the DataCollector.\n   *\n   * This gets submitted for several of the payment providers as an anti-fraud mechanism.\n   *\n   * @private\n   * @type {string}\n   * @memberof BraintreeManager\n   */\n  private deviceData?: string;\n\n  private emitter = createNanoEvents<BraintreeManagerEvents>();\n\n  on<E extends keyof BraintreeManagerEvents>(\n    event: E,\n    callback: BraintreeManagerEvents[E],\n  ): Unsubscribe {\n    return this.emitter.on(event, callback);\n  }\n\n  /** @inheritdoc */\n  paymentProviders: PaymentProvidersInterface;\n\n  /** @inheritdoc */\n  async startup(): Promise<void> {\n    return this.collectDeviceData();\n  }\n\n  /** @inheritdoc */\n  instance = new PromisedSingleton<braintree.Client>({\n    generator: async (): Promise<braintree.Client> => {\n      const client = await this.paymentClients.braintreeClient.get();\n      return client?.create({ authorization: this.authorizationToken });\n    },\n  });\n\n  /** @inheritdoc */\n  async submitDonation(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; // first 6 digits of CC\n    binName?: string; // credit card bank name\n  }): Promise<DonationResponse> {\n    const customFields = new DonationRequestCustomFields();\n    // eslint-disable-next-line @typescript-eslint/camelcase\n    customFields.fee_amount_covered = options.donationInfo.feeAmountCovered;\n    // eslint-disable-next-line @typescript-eslint/camelcase\n    customFields.logged_in_user = this.loggedInUser;\n    customFields.referrer = this.referrer;\n    customFields.origin = this.origin;\n\n    // This is interesting and applies only to Venmo, but will work for other providers as well.\n    // In Safari, `donationInfo` actually comes through as a DonationPaymentInfo object,\n    // but in Chrome, it comes through as a plain object so you can't call `.total()` on it to\n    // get the total amount and instead have to calculate the total\n    const total = DonationPaymentInfo.calculateTotal(\n      options.donationInfo.amount,\n      options.donationInfo.coverFees,\n    );\n\n    const donationRequest = new DonationRequest({\n      deviceData: this.deviceData,\n      paymentProvider: options.paymentProvider,\n      paymentMethodNonce: options.nonce,\n      amount: total,\n      donationType: options.donationInfo.donationType,\n      customer: options.customerInfo,\n      billing: options.billingInfo,\n      customFields: customFields,\n      upsellOnetimeTransactionId: options.upsellOnetimeTransactionId,\n      customerId: options.customerId,\n      recaptchaToken: options.recaptchaToken,\n      bin: options.bin,\n      binName: options.binName,\n    });\n\n    const jsonResponse = await this.endpointManager.submitData(donationRequest);\n    const modeledResponse = new DonationResponse(jsonResponse);\n    return modeledResponse;\n  }\n\n  /** @inheritdoc */\n  async submitUpsellDonation(options: {\n    oneTimeDonationResponse: SuccessResponse;\n    amount: number;\n  }): Promise<DonationResponse> {\n    const response = options.oneTimeDonationResponse;\n\n    const donationInfo = new DonationPaymentInfo({\n      amount: options.amount,\n      donationType: DonationType.Upsell,\n      coverFees: false,\n    });\n\n    return this.submitDonation({\n      nonce: response.paymentMethodNonce,\n      paymentProvider: response.paymentProvider,\n      customerId: response.customer_id,\n      donationInfo: donationInfo,\n      customerInfo: response.customer,\n      billingInfo: response.billing,\n      upsellOnetimeTransactionId: response.transaction_id,\n    });\n  }\n\n  /** @inheritdoc */\n  donationSuccessful(options: {\n    successResponse: SuccessResponse;\n    upsellSuccessResponse?: SuccessResponse;\n  }): void {\n    this.endpointManager.donationSuccessful(options);\n  }\n\n  private deviceDataCollectionStarted = false;\n\n  /**\n   * Collect Braintree device data. This is used to help fraud detection.\n   *\n   * @private\n   * @returns {Promise<void>}\n   * @memberof BraintreeManager\n   */\n  private async collectDeviceData(): Promise<void> {\n    if (this.deviceDataCollectionStarted) {\n      return;\n    }\n    this.deviceDataCollectionStarted = true;\n\n    const instance = await this.instance.get();\n    if (!instance) {\n      return;\n    }\n\n    return this.paymentClients.dataCollector\n      .get()\n      .then((collector?: braintree.DataCollector) => {\n        return collector?.create({ client: instance, kount: false, paypal: true });\n      })\n      .then(instance => {\n        this.deviceData = instance?.deviceData;\n      });\n  }\n\n  /**\n   * Braintree Authorization Token\n   *\n   * @private\n   * @type {string}\n   * @memberof BraintreeManager\n   */\n  private authorizationToken: string;\n\n  /**\n   * The endpoint manager for network communications\n   *\n   * @private\n   * @type {BraintreeEndpointManagerInterface}\n   * @memberof BraintreeManager\n   */\n  private endpointManager: BraintreeEndpointManagerInterface;\n\n  /**\n   * The payment clients container containing the braintree, paypal, and google clients\n   *\n   * @private\n   * @type {PaymentClientsInterface}\n   * @memberof BraintreeManager\n   */\n  private paymentClients: PaymentClientsInterface;\n\n  private hostingEnvironment: HostingEnvironment = HostingEnvironment.Development;\n\n  constructor(options: {\n    authorizationToken: string;\n    paymentClients: PaymentClientsInterface;\n    endpointManager: BraintreeEndpointManagerInterface;\n    hostedFieldConfig: HostedFieldConfiguration;\n    hostingEnvironment: HostingEnvironment;\n    venmoProfileId?: string;\n    googlePayMerchantId?: string;\n    referrer?: string;\n    loggedInUser?: string;\n    origin?: string;\n  }) {\n    this.authorizationToken = options.authorizationToken;\n    this.endpointManager = options.endpointManager;\n    this.hostingEnvironment = options.hostingEnvironment;\n    this.paymentClients = options.paymentClients;\n\n    this.referrer = options.referrer;\n    this.loggedInUser = options.loggedInUser;\n    this.origin = options.origin;\n\n    this.paymentProviders = new PaymentProviders({\n      braintreeManager: this,\n      paymentClients: this.paymentClients,\n      venmoProfileId: options.venmoProfileId,\n      googlePayMerchantId: options.googlePayMerchantId,\n      hostingEnvironment: options.hostingEnvironment,\n      hostedFieldConfig: options.hostedFieldConfig,\n    });\n\n    this.paymentProviders.on('hostedFieldsRetry', (retryNumber: number) => {\n      this.emitter.emit('paymentProvidersHostedFieldsRetry', retryNumber);\n    });\n\n    this.paymentProviders.on('hostedFieldsFailed', (error: unknown) => {\n      this.emitter.emit('paymentProvidersHostedFieldsFailed', error);\n    });\n  }\n\n  /** @inheritdoc */\n  setReferrer(referrer: string): void {\n    this.referrer = referrer;\n  }\n\n  /** @inheritdoc */\n  setLoggedInUser(loggedInUser: string): void {\n    this.loggedInUser = loggedInUser;\n  }\n\n  /** @inheritdoc */\n  setOrigin(origin: string): void {\n    this.origin = origin;\n  }\n}\n"]}

package/dist/src/braintree-manager/payment-providers/credit-card/credit-card.d.ts

@@ -9,14 +9,12 @@ export declare class CreditCardHandler implements CreditCardHandlerInterface {
     instance: PromisedSingleton<import("../../../@types/braintree-web").HostedFields | undefined>;
     private emitter;
     private maxRetryCount;
-    private retryInverval;
     private loadTimeout;
     constructor(options: {
         braintreeManager: BraintreeManagerInterface;
         hostedFieldClient: braintree.HostedFields;
         hostedFieldConfig: HostedFieldConfiguration;
         maxRetryCount?: number;
-        retryInverval?: number;
         loadTimeout?: number;
     });
     private braintreeManager;

package/dist/src/braintree-manager/payment-providers/credit-card/credit-card.js

@@ -1,10 +1,10 @@
 import { __awaiter } from "tslib";
 import { PromisedSingleton } from '@internetarchive/promised-singleton';
-import { promisedSleep } from '../../../util/promisedSleep';
 import { createNanoEvents } from 'nanoevents';
+import { DonationFormError } from '../../../donation-form-error';
 export class CreditCardHandler {
     constructor(options) {
-        var _a, _b, _c;
+        var _a, _b;
         this.instance = new PromisedSingleton({
             generator: () => __awaiter(this, void 0, void 0, function* () {
                 const braintreeClient = yield this.braintreeManager.instance.get();
@@ -17,8 +17,7 @@ export class CreditCardHandler {
         this.hostedFieldClient = options.hostedFieldClient;
         this.hostedFieldConfig = options.hostedFieldConfig;
         this.maxRetryCount = (_a = options.maxRetryCount) !== null && _a !== void 0 ? _a : 2;
-        this.retryInverval = ((_b = options.retryInverval) !== null && _b !== void 0 ? _b : 1) * 1000;
-        this.loadTimeout = ((_c = options.loadTimeout) !== null && _c !== void 0 ? _c : 6) * 1000;
+        this.loadTimeout = ((_b = options.loadTimeout) !== null && _b !== void 0 ? _b : 6) * 1000;
     }
     on(event, callback) {
         return this.emitter.on(event, callback);
@@ -31,7 +30,7 @@ export class CreditCardHandler {
             try {
                 // The hosted fields have a 60 second timeout internally, but braintree
                 // support recommended setting a shorter timeout because 99% of users
-                // load the hosted fields in under 4 seconds.
+                // load the hosted fields in under 4 seconds and 99.9% with 18 seconds.
                 // What we're doing here is creating a "timeout" promise
                 // and a "create hosted fields" promise and doing a `Promise.race()` to
                 // resolve when the first one finishes. If the timeout finishes first,
@@ -40,18 +39,30 @@ export class CreditCardHandler {
                 let timeout;
                 const timeoutPromise = new Promise((resolve, reject) => {
                     timeout = window.setTimeout(() => {
-                        reject(new Error('Timeout loading Hosted Fields'));
+                        const error = new DonationFormError('Timeout loading Hosted Fields');
+                        reject(error);
                     }, this.loadTimeout);
                 });
-                const hostedFieldsPromise = new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
-                    const fields = yield this.hostedFieldClient.create({
-                        client: braintreeClient,
-                        styles: this.hostedFieldConfig.hostedFieldStyle,
-                        fields: this.hostedFieldConfig.hostedFieldFieldOptions,
-                    });
-                    // clear the timeout when this finishes so we don't also get the timeout rejection
-                    window.clearTimeout(timeout);
-                    resolve(fields);
+                const hostedFieldsPromise = new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
+                    try {
+                        const fields = yield this.hostedFieldClient.create({
+                            client: braintreeClient,
+                            styles: this.hostedFieldConfig.hostedFieldStyle,
+                            fields: this.hostedFieldConfig.hostedFieldFieldOptions,
+                        });
+                        // clear the timeout when this finishes so we don't also get the timeout rejection
+                        window.clearTimeout(timeout);
+                        resolve(fields);
+                    }
+                    catch (error) {
+                        if (error instanceof Error && error.message.includes('Hosted Fields timed out')) {
+                            // this is the timeout error, so we don't need to do anything
+                        }
+                        else {
+                            // this is some other error. reject so it bubbles up to Sentry
+                            reject(error);
+                        }
+                    }
                 }));
                 const result = yield Promise.race([timeoutPromise, hostedFieldsPromise]);
                 return result;
@@ -61,7 +72,6 @@ export class CreditCardHandler {
                     this.emitter.emit('hostedFieldsFailed', error);
                     throw error;
                 }
-                yield promisedSleep(this.retryInverval); // wait before retrying
                 const newRetryCount = retryCount + 1;
                 this.emitter.emit('hostedFieldsRetry', newRetryCount);
                 return this.createHostedFields(braintreeClient, newRetryCount);

package/dist/src/braintree-manager/payment-providers/credit-card/credit-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"credit-card.js","sourceRoot":"","sources":["../../../../../src/braintree-manager/payment-providers/credit-card/credit-card.ts"],"names":[],"mappings":"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","sourcesContent":["import { PromisedSingleton } from '@internetarchive/promised-singleton';\nimport { BraintreeManagerInterface } from '../../braintree-interfaces';\nimport { HostedFieldConfiguration } from './hosted-field-configuration';\nimport { HostedFieldName } from './hosted-field-container';\nimport { CreditCardHandlerEvents, CreditCardHandlerInterface } from './credit-card-interface';\nimport { promisedSleep } from '../../../util/promisedSleep';\nimport { createNanoEvents, Unsubscribe } from 'nanoevents';\n\nexport class CreditCardHandler implements CreditCardHandlerInterface {\n  on<E extends keyof CreditCardHandlerEvents>(\n    event: E,\n    callback: CreditCardHandlerEvents[E],\n  ): Unsubscribe {\n    return this.emitter.on(event, callback);\n  }\n\n  instance = new PromisedSingleton<braintree.HostedFields | undefined>({\n    generator: async (): Promise<braintree.HostedFields | undefined> => {\n      const braintreeClient = await this.braintreeManager.instance.get();\n      const hostedFields = await this.createHostedFields(braintreeClient);\n      return hostedFields;\n    },\n  });\n\n  private emitter = createNanoEvents<CreditCardHandlerEvents>();\n\n  private maxRetryCount: number;\n\n  private retryInverval: number;\n\n  private loadTimeout: number;\n\n  constructor(options: {\n    braintreeManager: BraintreeManagerInterface;\n    hostedFieldClient: braintree.HostedFields;\n    hostedFieldConfig: HostedFieldConfiguration;\n    maxRetryCount?: number;\n    retryInverval?: number;\n    loadTimeout?: number;\n  }) {\n    this.braintreeManager = options.braintreeManager;\n    this.hostedFieldClient = options.hostedFieldClient;\n    this.hostedFieldConfig = options.hostedFieldConfig;\n    this.maxRetryCount = options.maxRetryCount ?? 2;\n    this.retryInverval = (options.retryInverval ?? 1) * 1000;\n    this.loadTimeout = (options.loadTimeout ?? 6) * 1000;\n  }\n\n  private braintreeManager: BraintreeManagerInterface;\n  private hostedFieldClient: braintree.HostedFields;\n  private hostedFieldConfig: HostedFieldConfiguration;\n\n  private async createHostedFields(\n    braintreeClient: braintree.Client,\n    retryCount = 0,\n  ): Promise<braintree.HostedFields | undefined> {\n    // we mainly want to do this for retry events, but it doesn't\n    // hurt to do it on the first try\n    this.hostedFieldConfig.hostedFieldContainer.resetHostedFields();\n    try {\n      // The hosted fields have a 60 second timeout internally, but braintree\n      // support recommended setting a shorter timeout because 99% of users\n      // load the hosted fields in under 4 seconds.\n      // What we're doing here is creating a \"timeout\" promise\n      // and a \"create hosted fields\" promise and doing a `Promise.race()` to\n      // resolve when the first one finishes. If the timeout finishes first,\n      // we throw an error to trigger the retry logic. If the hosted fields\n      // finishes first, we cancel the timeout promise since we're done.\n      let timeout: number;\n      const timeoutPromise = new Promise<void>((resolve, reject) => {\n        timeout = window.setTimeout(() => {\n          reject(new Error('Timeout loading Hosted Fields'));\n        }, this.loadTimeout);\n      });\n\n      const hostedFieldsPromise = new Promise<braintree.HostedFields | undefined>(async resolve => {\n        const fields = await this.hostedFieldClient.create({\n          client: braintreeClient,\n          styles: this.hostedFieldConfig.hostedFieldStyle,\n          fields: this.hostedFieldConfig.hostedFieldFieldOptions,\n        });\n        // clear the timeout when this finishes so we don't also get the timeout rejection\n        window.clearTimeout(timeout);\n        resolve(fields);\n      });\n\n      const result = await Promise.race([timeoutPromise, hostedFieldsPromise]);\n\n      return result as braintree.HostedFields;\n    } catch (error) {\n      if (retryCount >= this.maxRetryCount) {\n        this.emitter.emit('hostedFieldsFailed', error);\n        throw error;\n      }\n      await promisedSleep(this.retryInverval); // wait before retrying\n      const newRetryCount = retryCount + 1;\n      this.emitter.emit('hostedFieldsRetry', newRetryCount);\n      return this.createHostedFields(braintreeClient, newRetryCount);\n    }\n  }\n\n  async tokenizeHostedFields(): Promise<braintree.HostedFieldsTokenizePayload | undefined> {\n    const hostedFields = await this.instance.get();\n    return hostedFields?.tokenize();\n  }\n\n  markFieldErrors(fields: HostedFieldName[]): void {\n    this.hostedFieldConfig.hostedFieldContainer.markFieldErrors(fields);\n  }\n\n  removeFieldErrors(fields: HostedFieldName[]): void {\n    this.hostedFieldConfig.hostedFieldContainer.removeFieldErrors(fields);\n  }\n\n  showErrorMessage(message?: string): void {\n    this.hostedFieldConfig.hostedFieldContainer.showErrorMessage(message);\n  }\n\n  hideErrorMessage(): void {\n    this.hostedFieldConfig.hostedFieldContainer.hideErrorMessage();\n  }\n}\n"]}
+{"version":3,"file":"credit-card.js","sourceRoot":"","sources":["../../../../../src/braintree-manager/payment-providers/credit-card/credit-card.ts"],"names":[],"mappings":"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","sourcesContent":["import { PromisedSingleton } from '@internetarchive/promised-singleton';\nimport { BraintreeManagerInterface } from '../../braintree-interfaces';\nimport { HostedFieldConfiguration } from './hosted-field-configuration';\nimport { HostedFieldName } from './hosted-field-container';\nimport { CreditCardHandlerEvents, CreditCardHandlerInterface } from './credit-card-interface';\nimport { createNanoEvents, Unsubscribe } from 'nanoevents';\nimport { DonationFormError } from '../../../donation-form-error';\n\nexport class CreditCardHandler implements CreditCardHandlerInterface {\n  on<E extends keyof CreditCardHandlerEvents>(\n    event: E,\n    callback: CreditCardHandlerEvents[E],\n  ): Unsubscribe {\n    return this.emitter.on(event, callback);\n  }\n\n  instance = new PromisedSingleton<braintree.HostedFields | undefined>({\n    generator: async (): Promise<braintree.HostedFields | undefined> => {\n      const braintreeClient = await this.braintreeManager.instance.get();\n      const hostedFields = await this.createHostedFields(braintreeClient);\n      return hostedFields;\n    },\n  });\n\n  private emitter = createNanoEvents<CreditCardHandlerEvents>();\n\n  private maxRetryCount: number;\n\n  private loadTimeout: number;\n\n  constructor(options: {\n    braintreeManager: BraintreeManagerInterface;\n    hostedFieldClient: braintree.HostedFields;\n    hostedFieldConfig: HostedFieldConfiguration;\n    maxRetryCount?: number;\n    loadTimeout?: number;\n  }) {\n    this.braintreeManager = options.braintreeManager;\n    this.hostedFieldClient = options.hostedFieldClient;\n    this.hostedFieldConfig = options.hostedFieldConfig;\n    this.maxRetryCount = options.maxRetryCount ?? 2;\n    this.loadTimeout = (options.loadTimeout ?? 6) * 1000;\n  }\n\n  private braintreeManager: BraintreeManagerInterface;\n  private hostedFieldClient: braintree.HostedFields;\n  private hostedFieldConfig: HostedFieldConfiguration;\n\n  private async createHostedFields(\n    braintreeClient: braintree.Client,\n    retryCount = 0,\n  ): Promise<braintree.HostedFields | undefined> {\n    // we mainly want to do this for retry events, but it doesn't\n    // hurt to do it on the first try\n    this.hostedFieldConfig.hostedFieldContainer.resetHostedFields();\n    try {\n      // The hosted fields have a 60 second timeout internally, but braintree\n      // support recommended setting a shorter timeout because 99% of users\n      // load the hosted fields in under 4 seconds and 99.9% with 18 seconds.\n      // What we're doing here is creating a \"timeout\" promise\n      // and a \"create hosted fields\" promise and doing a `Promise.race()` to\n      // resolve when the first one finishes. If the timeout finishes first,\n      // we throw an error to trigger the retry logic. If the hosted fields\n      // finishes first, we cancel the timeout promise since we're done.\n      let timeout: number;\n\n      const timeoutPromise = new Promise<void>((resolve, reject) => {\n        timeout = window.setTimeout(() => {\n          const error = new DonationFormError('Timeout loading Hosted Fields');\n          reject(error);\n        }, this.loadTimeout);\n      });\n\n      const hostedFieldsPromise = new Promise<braintree.HostedFields | undefined>(\n        async (resolve, reject) => {\n          try {\n            const fields = await this.hostedFieldClient.create({\n              client: braintreeClient,\n              styles: this.hostedFieldConfig.hostedFieldStyle,\n              fields: this.hostedFieldConfig.hostedFieldFieldOptions,\n            });\n            // clear the timeout when this finishes so we don't also get the timeout rejection\n            window.clearTimeout(timeout);\n            resolve(fields);\n          } catch (error) {\n            if (error instanceof Error && error.message.includes('Hosted Fields timed out')) {\n              // this is the timeout error, so we don't need to do anything\n            } else {\n              // this is some other error. reject so it bubbles up to Sentry\n              reject(error);\n            }\n          }\n        },\n      );\n\n      const result = await Promise.race([timeoutPromise, hostedFieldsPromise]);\n\n      return result as braintree.HostedFields;\n    } catch (error) {\n      if (retryCount >= this.maxRetryCount) {\n        this.emitter.emit('hostedFieldsFailed', error);\n        throw error;\n      }\n      const newRetryCount = retryCount + 1;\n      this.emitter.emit('hostedFieldsRetry', newRetryCount);\n      return this.createHostedFields(braintreeClient, newRetryCount);\n    }\n  }\n\n  async tokenizeHostedFields(): Promise<braintree.HostedFieldsTokenizePayload | undefined> {\n    const hostedFields = await this.instance.get();\n    return hostedFields?.tokenize();\n  }\n\n  markFieldErrors(fields: HostedFieldName[]): void {\n    this.hostedFieldConfig.hostedFieldContainer.markFieldErrors(fields);\n  }\n\n  removeFieldErrors(fields: HostedFieldName[]): void {\n    this.hostedFieldConfig.hostedFieldContainer.removeFieldErrors(fields);\n  }\n\n  showErrorMessage(message?: string): void {\n    this.hostedFieldConfig.hostedFieldContainer.showErrorMessage(message);\n  }\n\n  hideErrorMessage(): void {\n    this.hostedFieldConfig.hostedFieldContainer.hideErrorMessage();\n  }\n}\n"]}

package/dist/src/braintree-manager/payment-providers/credit-card/hosted-field-container.d.ts

@@ -9,12 +9,6 @@ export interface HostedFieldContainerInterface {
     removeFieldErrors(fields: HostedFieldName[]): void;
     showErrorMessage(message?: string): void;
     hideErrorMessage(): void;
-    /**
-     * Determine if the hosted fields have loaded.
-     *
-     * This is used to detect timeouts on the credit card hosted fields.
-     */
-    allHostedFieldsAreLoaded(): boolean;
     /**
      * Reset the hosted fields to retry in case of timeout
      */
@@ -30,8 +24,6 @@ export declare class HostedFieldContainer implements HostedFieldContainerInterfa
     removeFieldErrors(fields: HostedFieldName[]): void;
     showErrorMessage(message?: string): void;
     hideErrorMessage(): void;
-    /** @inheritdoc */
-    allHostedFieldsAreLoaded(): boolean;
     resetHostedFields(): void;
     constructor(options: {
         number: HTMLDivElement;

package/dist/src/braintree-manager/payment-providers/credit-card/hosted-field-container.js

@@ -41,13 +41,6 @@ export class HostedFieldContainer {
     hideErrorMessage() {
         this.errorContainer.style.display = 'none';
     }
-    /** @inheritdoc */
-    allHostedFieldsAreLoaded() {
-        const elements = [this.number, this.cvv, this.expirationDate];
-        return elements.every(element => {
-            return element.firstChild !== null;
-        });
-    }
     resetHostedFields() {
         const elements = [this.number, this.cvv, this.expirationDate];
         elements.forEach(element => {

package/dist/src/braintree-manager/payment-providers/credit-card/hosted-field-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"hosted-field-container.js","sourceRoot":"","sources":["../../../../../src/braintree-manager/payment-providers/credit-card/hosted-field-container.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,oCAAiB,CAAA;IACjB,8BAAW,CAAA;IACX,oDAAiC,CAAA;AACnC,CAAC,EAJW,eAAe,KAAf,eAAe,QAI1B;AAoBD,MAAM,OAAO,oBAAoB;IA6D/B,YAAY,OAKX;QACC,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;QAC7B,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC;QACvB,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;QAC7C,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;IAC/C,CAAC;IA9DD,QAAQ,CAAC,KAAsB;QAC7B,QAAQ,KAAK,EAAE;YACb,KAAK,eAAe,CAAC,MAAM;gBACzB,OAAO,IAAI,CAAC,MAAM,CAAC;YACrB,KAAK,eAAe,CAAC,GAAG;gBACtB,OAAO,IAAI,CAAC,GAAG,CAAC;YAClB,KAAK,eAAe,CAAC,cAAc;gBACjC,OAAO,IAAI,CAAC,cAAc,CAAC;SAC9B;IACH,CAAC;IAED,eAAe,CAAC,MAAyB;QACvC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAClC,KAAK,CAAC,aAA6B,CAAC,KAAK,GAAG,IAAI,CAAC;QACpD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB,CAAC,MAAyB;QACzC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAClC,KAAK,CAAC,aAA6B,CAAC,KAAK,GAAG,KAAK,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB,CAAC,OAAgB;QAC/B,MAAM,KAAK,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,yDAAyD,CAAC;QACnF,IAAI,CAAC,cAAc,CAAC,SAAS,GAAG,KAAK,CAAC;QACtC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IAC9C,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7C,CAAC;IAED,kBAAkB;IAClB,wBAAwB;QACtB,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC9D,OAAO,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;YAC9B,OAAO,OAAO,CAAC,UAAU,KAAK,IAAI,CAAC;QACrC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB;QACf,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC9D,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YACzB,OAAO,OAAO,CAAC,UAAU,EAAE;gBACzB,OAAO,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;aAC7B;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CAaF","sourcesContent":["import { BadgedInput } from '../../../form-elements/badged-input';\n\nexport enum HostedFieldName {\n  Number = 'number',\n  CVV = 'cvv',\n  ExpirationDate = 'expirationDate',\n}\n\nexport interface HostedFieldContainerInterface {\n  fieldFor(field: HostedFieldName): HTMLDivElement;\n  markFieldErrors(fields: HostedFieldName[]): void;\n  removeFieldErrors(fields: HostedFieldName[]): void;\n  showErrorMessage(message?: string): void;\n  hideErrorMessage(): void;\n  /**\n   * Determine if the hosted fields have loaded.\n   *\n   * This is used to detect timeouts on the credit card hosted fields.\n   */\n  allHostedFieldsAreLoaded(): boolean;\n  /**\n   * Reset the hosted fields to retry in case of timeout\n   */\n  resetHostedFields(): void;\n}\n\nexport class HostedFieldContainer implements HostedFieldContainerInterface {\n  private number: HTMLDivElement;\n\n  private cvv: HTMLDivElement;\n\n  private expirationDate: HTMLDivElement;\n\n  private errorContainer: HTMLDivElement;\n\n  fieldFor(field: HostedFieldName): HTMLDivElement {\n    switch (field) {\n      case HostedFieldName.Number:\n        return this.number;\n      case HostedFieldName.CVV:\n        return this.cvv;\n      case HostedFieldName.ExpirationDate:\n        return this.expirationDate;\n    }\n  }\n\n  markFieldErrors(fields: HostedFieldName[]): void {\n    fields.forEach(field => {\n      const input = this.fieldFor(field);\n      (input.parentElement as BadgedInput).error = true;\n    });\n  }\n\n  removeFieldErrors(fields: HostedFieldName[]): void {\n    fields.forEach(field => {\n      const input = this.fieldFor(field);\n      (input.parentElement as BadgedInput).error = false;\n    });\n  }\n\n  showErrorMessage(message?: string): void {\n    const error = message ?? 'Some payment information below is missing or incorrect.';\n    this.errorContainer.innerHTML = error;\n    this.errorContainer.style.display = 'block';\n  }\n\n  hideErrorMessage(): void {\n    this.errorContainer.style.display = 'none';\n  }\n\n  /** @inheritdoc */\n  allHostedFieldsAreLoaded(): boolean {\n    const elements = [this.number, this.cvv, this.expirationDate];\n    return elements.every(element => {\n      return element.firstChild !== null;\n    });\n  }\n\n  resetHostedFields(): void {\n    const elements = [this.number, this.cvv, this.expirationDate];\n    elements.forEach(element => {\n      while (element.firstChild) {\n        element.firstChild.remove();\n      }\n    });\n  }\n\n  constructor(options: {\n    number: HTMLDivElement;\n    cvv: HTMLDivElement;\n    expirationDate: HTMLDivElement;\n    errorContainer: HTMLDivElement;\n  }) {\n    this.number = options.number;\n    this.cvv = options.cvv;\n    this.expirationDate = options.expirationDate;\n    this.errorContainer = options.errorContainer;\n  }\n}\n"]}
+{"version":3,"file":"hosted-field-container.js","sourceRoot":"","sources":["../../../../../src/braintree-manager/payment-providers/credit-card/hosted-field-container.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,oCAAiB,CAAA;IACjB,8BAAW,CAAA;IACX,oDAAiC,CAAA;AACnC,CAAC,EAJW,eAAe,KAAf,eAAe,QAI1B;AAcD,MAAM,OAAO,oBAAoB;IAqD/B,YAAY,OAKX;QACC,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;QAC7B,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC;QACvB,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;QAC7C,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;IAC/C,CAAC;IAtDD,QAAQ,CAAC,KAAsB;QAC7B,QAAQ,KAAK,EAAE;YACb,KAAK,eAAe,CAAC,MAAM;gBACzB,OAAO,IAAI,CAAC,MAAM,CAAC;YACrB,KAAK,eAAe,CAAC,GAAG;gBACtB,OAAO,IAAI,CAAC,GAAG,CAAC;YAClB,KAAK,eAAe,CAAC,cAAc;gBACjC,OAAO,IAAI,CAAC,cAAc,CAAC;SAC9B;IACH,CAAC;IAED,eAAe,CAAC,MAAyB;QACvC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAClC,KAAK,CAAC,aAA6B,CAAC,KAAK,GAAG,IAAI,CAAC;QACpD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB,CAAC,MAAyB;QACzC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAClC,KAAK,CAAC,aAA6B,CAAC,KAAK,GAAG,KAAK,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB,CAAC,OAAgB;QAC/B,MAAM,KAAK,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,yDAAyD,CAAC;QACnF,IAAI,CAAC,cAAc,CAAC,SAAS,GAAG,KAAK,CAAC;QACtC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IAC9C,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7C,CAAC;IAED,iBAAiB;QACf,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC9D,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YACzB,OAAO,OAAO,CAAC,UAAU,EAAE;gBACzB,OAAO,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;aAC7B;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CAaF","sourcesContent":["import { BadgedInput } from '../../../form-elements/badged-input';\n\nexport enum HostedFieldName {\n  Number = 'number',\n  CVV = 'cvv',\n  ExpirationDate = 'expirationDate',\n}\n\nexport interface HostedFieldContainerInterface {\n  fieldFor(field: HostedFieldName): HTMLDivElement;\n  markFieldErrors(fields: HostedFieldName[]): void;\n  removeFieldErrors(fields: HostedFieldName[]): void;\n  showErrorMessage(message?: string): void;\n  hideErrorMessage(): void;\n  /**\n   * Reset the hosted fields to retry in case of timeout\n   */\n  resetHostedFields(): void;\n}\n\nexport class HostedFieldContainer implements HostedFieldContainerInterface {\n  private number: HTMLDivElement;\n\n  private cvv: HTMLDivElement;\n\n  private expirationDate: HTMLDivElement;\n\n  private errorContainer: HTMLDivElement;\n\n  fieldFor(field: HostedFieldName): HTMLDivElement {\n    switch (field) {\n      case HostedFieldName.Number:\n        return this.number;\n      case HostedFieldName.CVV:\n        return this.cvv;\n      case HostedFieldName.ExpirationDate:\n        return this.expirationDate;\n    }\n  }\n\n  markFieldErrors(fields: HostedFieldName[]): void {\n    fields.forEach(field => {\n      const input = this.fieldFor(field);\n      (input.parentElement as BadgedInput).error = true;\n    });\n  }\n\n  removeFieldErrors(fields: HostedFieldName[]): void {\n    fields.forEach(field => {\n      const input = this.fieldFor(field);\n      (input.parentElement as BadgedInput).error = false;\n    });\n  }\n\n  showErrorMessage(message?: string): void {\n    const error = message ?? 'Some payment information below is missing or incorrect.';\n    this.errorContainer.innerHTML = error;\n    this.errorContainer.style.display = 'block';\n  }\n\n  hideErrorMessage(): void {\n    this.errorContainer.style.display = 'none';\n  }\n\n  resetHostedFields(): void {\n    const elements = [this.number, this.cvv, this.expirationDate];\n    elements.forEach(element => {\n      while (element.firstChild) {\n        element.firstChild.remove();\n      }\n    });\n  }\n\n  constructor(options: {\n    number: HTMLDivElement;\n    cvv: HTMLDivElement;\n    expirationDate: HTMLDivElement;\n    errorContainer: HTMLDivElement;\n  }) {\n    this.number = options.number;\n    this.cvv = options.cvv;\n    this.expirationDate = options.expirationDate;\n    this.errorContainer = options.errorContainer;\n  }\n}\n"]}

package/dist/src/braintree-manager/payment-providers.js.map

@@ -1 +1 @@
-{"version":3,"file":"payment-providers.js","sourceRoot":"","sources":["../../../src/braintree-manager/payment-providers.ts"],"names":[],"mappings":"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","sourcesContent":["import { PromisedSingleton } from '@internetarchive/promised-singleton';\n\nimport { CreditCardHandler } from './payment-providers/credit-card/credit-card';\nimport { ApplePayHandler } from './payment-providers/apple-pay/apple-pay';\nimport { VenmoHandler } from './payment-providers/venmo';\nimport { PayPalHandler } from './payment-providers/paypal/paypal';\nimport { ApplePaySessionManager } from './payment-providers/apple-pay/apple-pay-session-manager';\nimport { PaymentClientsInterface } from './payment-clients';\nimport { GooglePayHandler } from './payment-providers/google-pay';\nimport { BraintreeManagerInterface, HostingEnvironment } from './braintree-interfaces';\nimport { HostedFieldConfiguration } from './payment-providers/credit-card/hosted-field-configuration';\nimport { PaymentProvidersEvents, PaymentProvidersInterface } from './payment-providers-interface';\nimport { ApplePayHandlerInterface } from './payment-providers/apple-pay/apple-pay-interface';\nimport { CreditCardHandlerInterface } from './payment-providers/credit-card/credit-card-interface';\nimport { VenmoHandlerInterface } from './payment-providers/venmo-interface';\nimport { PayPalHandlerInterface } from './payment-providers/paypal/paypal-interface';\nimport { GooglePayHandlerInterface } from './payment-providers/google-pay-interface';\nimport { createNanoEvents, Emitter, Unsubscribe } from 'nanoevents';\n\n/**\n * The PaymentProviders class contains the IA-specific handlers for each of the\n * different payment providers.\n *\n * They are generally data-focused, as opposed to UI-focused, but there\n * is some cross-polination between PaymentProviders and FlowHandlers.\n *\n * @export\n * @class PaymentProviders\n * @implements {PaymentProvidersInterface}\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 (): Promise<CreditCardHandlerInterface> => {\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 (): Promise<ApplePayHandlerInterface> => {\n      const client = await this.paymentClients.applePay.get();\n      const applePaySessionManager = new ApplePaySessionManager();\n      return new ApplePayHandler({\n        braintreeManager: this.braintreeManager,\n        applePayClient: client,\n        applePaySessionManager: applePaySessionManager,\n      });\n    },\n  });\n\n  venmoHandler = new PromisedSingleton<VenmoHandlerInterface | undefined>({\n    generator: async (): Promise<VenmoHandlerInterface | undefined> => {\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 (): Promise<PayPalHandlerInterface> => {\n      const paypalLibrary = this.paymentClients.paypalLibrary.get();\n      const client = this.paymentClients.payPal.get();\n\n      const values = await Promise.all([client, paypalLibrary]);\n      const handler = new PayPalHandler({\n        braintreeManager: this.braintreeManager,\n        paypalClient: values[0],\n        paypalButton: values[1].Button,\n        hostingEnvironment: this.hostingEnvironment,\n      });\n      return handler;\n    },\n  });\n\n  googlePayHandler = new PromisedSingleton<GooglePayHandlerInterface>({\n    generator: async (): Promise<GooglePayHandlerInterface> => {\n      const googlePaymentsClient = this.paymentClients.googlePaymentsClient.get();\n      const braintreeClient = this.paymentClients.googlePayBraintreeClient.get();\n\n      const values = await Promise.all([braintreeClient, googlePaymentsClient]);\n      const handler = new GooglePayHandler({\n        braintreeManager: this.braintreeManager,\n        googlePayMerchantId: this.googlePayMerchantId,\n        googlePayBraintreeClient: values[0],\n        googlePaymentsClient: values[1],\n      });\n      return handler;\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 = 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"]}
+{"version":3,"file":"payment-providers.js","sourceRoot":"","sources":["../../../src/braintree-manager/payment-providers.ts"],"names":[],"mappings":"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","sourcesContent":["import { PromisedSingleton } from '@internetarchive/promised-singleton';\n\nimport { CreditCardHandler } from './payment-providers/credit-card/credit-card';\nimport { ApplePayHandler } from './payment-providers/apple-pay/apple-pay';\nimport { VenmoHandler } from './payment-providers/venmo';\nimport { PayPalHandler } from './payment-providers/paypal/paypal';\nimport { ApplePaySessionManager } from './payment-providers/apple-pay/apple-pay-session-manager';\nimport { PaymentClientsInterface } from './payment-clients';\nimport { GooglePayHandler } from './payment-providers/google-pay';\nimport { BraintreeManagerInterface, HostingEnvironment } from './braintree-interfaces';\nimport { HostedFieldConfiguration } from './payment-providers/credit-card/hosted-field-configuration';\nimport { PaymentProvidersEvents, PaymentProvidersInterface } from './payment-providers-interface';\nimport { ApplePayHandlerInterface } from './payment-providers/apple-pay/apple-pay-interface';\nimport { CreditCardHandlerInterface } from './payment-providers/credit-card/credit-card-interface';\nimport { VenmoHandlerInterface } from './payment-providers/venmo-interface';\nimport { PayPalHandlerInterface } from './payment-providers/paypal/paypal-interface';\nimport { GooglePayHandlerInterface } from './payment-providers/google-pay-interface';\nimport { createNanoEvents, Unsubscribe } from 'nanoevents';\n\n/**\n * The PaymentProviders class contains the IA-specific handlers for each of the\n * different payment providers.\n *\n * They are generally data-focused, as opposed to UI-focused, but there\n * is some cross-polination between PaymentProviders and FlowHandlers.\n *\n * @export\n * @class PaymentProviders\n * @implements {PaymentProvidersInterface}\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 (): Promise<CreditCardHandlerInterface> => {\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 (): Promise<ApplePayHandlerInterface> => {\n      const client = await this.paymentClients.applePay.get();\n      const applePaySessionManager = new ApplePaySessionManager();\n      return new ApplePayHandler({\n        braintreeManager: this.braintreeManager,\n        applePayClient: client,\n        applePaySessionManager: applePaySessionManager,\n      });\n    },\n  });\n\n  venmoHandler = new PromisedSingleton<VenmoHandlerInterface | undefined>({\n    generator: async (): Promise<VenmoHandlerInterface | undefined> => {\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 (): Promise<PayPalHandlerInterface> => {\n      const paypalLibrary = this.paymentClients.paypalLibrary.get();\n      const client = this.paymentClients.payPal.get();\n\n      const values = await Promise.all([client, paypalLibrary]);\n      const handler = new PayPalHandler({\n        braintreeManager: this.braintreeManager,\n        paypalClient: values[0],\n        paypalButton: values[1].Button,\n        hostingEnvironment: this.hostingEnvironment,\n      });\n      return handler;\n    },\n  });\n\n  googlePayHandler = new PromisedSingleton<GooglePayHandlerInterface>({\n    generator: async (): Promise<GooglePayHandlerInterface> => {\n      const googlePaymentsClient = this.paymentClients.googlePaymentsClient.get();\n      const braintreeClient = this.paymentClients.googlePayBraintreeClient.get();\n\n      const values = await Promise.all([braintreeClient, googlePaymentsClient]);\n      const handler = new GooglePayHandler({\n        braintreeManager: this.braintreeManager,\n        googlePayMerchantId: this.googlePayMerchantId,\n        googlePayBraintreeClient: values[0],\n        googlePaymentsClient: values[1],\n      });\n      return handler;\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 = 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/donation-form-error.d.ts

@@ -0,0 +1,3 @@
+export declare class DonationFormError extends Error {
+    constructor(message: string);
+}

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

@@ -0,0 +1,7 @@
+export class DonationFormError extends Error {
+    constructor(message) {
+        super(message);
+        this.name = 'DonationFormError';
+    }
+}
+//# sourceMappingURL=donation-form-error.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"donation-form-error.js","sourceRoot":"","sources":["../../src/donation-form-error.ts"],"names":[],"mappings":"AAAA,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":["export class DonationFormError extends Error {\n  constructor(message: string) {\n    super(message);\n    this.name = 'DonationFormError';\n  }\n}\n"]}

package/dist/test/mocks/mock-hosted-fields-container.d.ts

@@ -4,7 +4,6 @@ export declare class MockHostedFieldContainer implements HostedFieldContainerInt
     removeErrorsCalled: boolean;
     showErrorMessageCalled: boolean;
     hideErrorMessageCalled: boolean;
-    allHostedFieldsAreLoaded(): boolean;
     resetHostedFields(): void;
     fieldFor(field: HostedFieldName): HTMLInputElement;
     markFieldErrors(fields: HostedFieldName[]): void;

package/dist/test/mocks/mock-hosted-fields-container.js

@@ -5,9 +5,6 @@ export class MockHostedFieldContainer {
         this.showErrorMessageCalled = false;
         this.hideErrorMessageCalled = false;
     }
-    allHostedFieldsAreLoaded() {
-        return true;
-    }
     resetHostedFields() {
         // noop
     }

package/dist/test/mocks/mock-hosted-fields-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"mock-hosted-fields-container.js","sourceRoot":"","sources":["../../../test/mocks/mock-hosted-fields-container.ts"],"names":[],"mappings":"AAMA,MAAM,OAAO,wBAAwB;IAArC;QACE,qBAAgB,GAAG,KAAK,CAAC;QACzB,uBAAkB,GAAG,KAAK,CAAC;QAC3B,2BAAsB,GAAG,KAAK,CAAC;QAC/B,2BAAsB,GAAG,KAAK,CAAC;IA8BjC,CAAC;IA5BC,wBAAwB;QACtB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,iBAAiB;QACf,OAAO;IACT,CAAC;IAED,QAAQ,CAAC,KAAsB;QAC7B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAqB,CAAC;QAClE,OAAO,KAAK,CAAC;IACf,CAAC;IAED,eAAe,CAAC,MAAyB;QACvC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IAC/B,CAAC;IAED,iBAAiB,CAAC,MAAyB;QACzC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;IACjC,CAAC;IAED,gBAAgB,CAAC,OAA4B;QAC3C,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;IACrC,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;IACrC,CAAC;CACF","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport {\n  HostedFieldContainerInterface,\n  HostedFieldName,\n} from '../../src/braintree-manager/payment-providers/credit-card/hosted-field-container';\n\nexport class MockHostedFieldContainer implements HostedFieldContainerInterface {\n  markErrorsCalled = false;\n  removeErrorsCalled = false;\n  showErrorMessageCalled = false;\n  hideErrorMessageCalled = false;\n\n  allHostedFieldsAreLoaded(): boolean {\n    return true;\n  }\n\n  resetHostedFields(): void {\n    // noop\n  }\n\n  fieldFor(field: HostedFieldName): HTMLInputElement {\n    const input = document.createElement('input') as HTMLInputElement;\n    return input;\n  }\n\n  markFieldErrors(fields: HostedFieldName[]): void {\n    this.markErrorsCalled = true;\n  }\n\n  removeFieldErrors(fields: HostedFieldName[]): void {\n    this.removeErrorsCalled = true;\n  }\n\n  showErrorMessage(message?: string | undefined): void {\n    this.showErrorMessageCalled = true;\n  }\n\n  hideErrorMessage(): void {\n    this.hideErrorMessageCalled = true;\n  }\n}\n"]}
+{"version":3,"file":"mock-hosted-fields-container.js","sourceRoot":"","sources":["../../../test/mocks/mock-hosted-fields-container.ts"],"names":[],"mappings":"AAMA,MAAM,OAAO,wBAAwB;IAArC;QACE,qBAAgB,GAAG,KAAK,CAAC;QACzB,uBAAkB,GAAG,KAAK,CAAC;QAC3B,2BAAsB,GAAG,KAAK,CAAC;QAC/B,2BAAsB,GAAG,KAAK,CAAC;IA0BjC,CAAC;IAxBC,iBAAiB;QACf,OAAO;IACT,CAAC;IAED,QAAQ,CAAC,KAAsB;QAC7B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAqB,CAAC;QAClE,OAAO,KAAK,CAAC;IACf,CAAC;IAED,eAAe,CAAC,MAAyB;QACvC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IAC/B,CAAC;IAED,iBAAiB,CAAC,MAAyB;QACzC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;IACjC,CAAC;IAED,gBAAgB,CAAC,OAA4B;QAC3C,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;IACrC,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;IACrC,CAAC;CACF","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport {\n  HostedFieldContainerInterface,\n  HostedFieldName,\n} from '../../src/braintree-manager/payment-providers/credit-card/hosted-field-container';\n\nexport class MockHostedFieldContainer implements HostedFieldContainerInterface {\n  markErrorsCalled = false;\n  removeErrorsCalled = false;\n  showErrorMessageCalled = false;\n  hideErrorMessageCalled = false;\n\n  resetHostedFields(): void {\n    // noop\n  }\n\n  fieldFor(field: HostedFieldName): HTMLInputElement {\n    const input = document.createElement('input') as HTMLInputElement;\n    return input;\n  }\n\n  markFieldErrors(fields: HostedFieldName[]): void {\n    this.markErrorsCalled = true;\n  }\n\n  removeFieldErrors(fields: HostedFieldName[]): void {\n    this.removeErrorsCalled = true;\n  }\n\n  showErrorMessage(message?: string | undefined): void {\n    this.showErrorMessageCalled = true;\n  }\n\n  hideErrorMessage(): void {\n    this.hideErrorMessageCalled = true;\n  }\n}\n"]}

package/dist/test/tests/payment-providers/creditcard.test.js

@@ -113,7 +113,6 @@ describe('CreditCardHandler', () => {
             braintreeManager: braintreeManager,
             hostedFieldClient: client,
             hostedFieldConfig: mockHostedFieldConfig,
-            retryInverval: 0.01,
             maxRetryCount: 3,
             loadTimeout: 0.01,
         });
@@ -147,7 +146,6 @@ describe('CreditCardHandler', () => {
             braintreeManager: braintreeManager,
             hostedFieldClient: client,
             hostedFieldConfig: mockHostedFieldConfig,
-            retryInverval: 0.01,
             maxRetryCount: 3,
             loadTimeout: 0.01,
         });
@@ -171,7 +169,6 @@ describe('CreditCardHandler', () => {
             braintreeManager: braintreeManager,
             hostedFieldClient: client,
             hostedFieldConfig: mockHostedFieldConfig,
-            retryInverval: 0.01,
             maxRetryCount: 3,
             loadTimeout: 0.01,
         });

package/dist/test/tests/payment-providers/creditcard.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"creditcard.test.js","sourceRoot":"","sources":["../../../../test/tests/payment-providers/creditcard.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { MockBraintreeManager } from '../../mocks/mock-braintree-manager';\nimport { MockHostedFieldsClient } from '../../mocks/payment-clients/mock-hostedfields-client';\nimport { mockHostedFieldTokenizePayload } from '../../mocks/payment-clients/mock-hostedfieldtokenizepayload';\nimport { CreditCardHandler } from '../../../src/braintree-manager/payment-providers/credit-card/credit-card';\nimport { MockHostedFieldContainer } from '../../mocks/mock-hosted-fields-container';\nimport { HostedFieldConfiguration } from '../../../src/braintree-manager/payment-providers/credit-card/hosted-field-configuration';\nimport Sinon from 'sinon';\nimport {\n  mockHostedFieldStyle,\n  mockHostedFieldFieldOptions,\n  mockHostedFieldConfig,\n} from '../../mocks/mock-hosted-fields-config';\n\nconst sandbox = Sinon.createSandbox();\n\ndescribe('CreditCardHandler', () => {\n  afterEach(() => {\n    sandbox.restore();\n  });\n\n  it('can tokenize the hosted fields', async () => {\n    const braintreeManager = new MockBraintreeManager();\n    const client = new MockHostedFieldsClient({\n      mockHostedFieldTokenizePayload: mockHostedFieldTokenizePayload,\n    });\n\n    const handler = new CreditCardHandler({\n      braintreeManager: braintreeManager,\n      hostedFieldClient: client,\n      hostedFieldConfig: mockHostedFieldConfig,\n    });\n\n    const payload = await handler.tokenizeHostedFields();\n\n    expect(payload?.nonce).to.equal(mockHostedFieldTokenizePayload.nonce);\n  });\n\n  it('can mark field errors', async () => {\n    const braintreeManager = new MockBraintreeManager();\n    const client = new MockHostedFieldsClient();\n    const mockHostedFieldContainer = new MockHostedFieldContainer();\n    const mockHostedFieldConfig: HostedFieldConfiguration = new HostedFieldConfiguration({\n      hostedFieldStyle: mockHostedFieldStyle,\n      hostedFieldFieldOptions: mockHostedFieldFieldOptions,\n      hostedFieldContainer: mockHostedFieldContainer,\n    });\n    const handler = new CreditCardHandler({\n      braintreeManager: braintreeManager,\n      hostedFieldClient: client,\n      hostedFieldConfig: mockHostedFieldConfig,\n    });\n    handler.markFieldErrors([]);\n    expect(mockHostedFieldContainer.markErrorsCalled).to.be.true;\n  });\n\n  it('can remove field errors', async () => {\n    const braintreeManager = new MockBraintreeManager();\n    const client = new MockHostedFieldsClient();\n    const mockHostedFieldContainer = new MockHostedFieldContainer();\n    const mockHostedFieldConfig: HostedFieldConfiguration = new HostedFieldConfiguration({\n      hostedFieldStyle: mockHostedFieldStyle,\n      hostedFieldFieldOptions: mockHostedFieldFieldOptions,\n      hostedFieldContainer: mockHostedFieldContainer,\n    });\n    const handler = new CreditCardHandler({\n      braintreeManager: braintreeManager,\n      hostedFieldClient: client,\n      hostedFieldConfig: mockHostedFieldConfig,\n    });\n    handler.removeFieldErrors([]);\n    expect(mockHostedFieldContainer.removeErrorsCalled).to.be.true;\n  });\n\n  it('can show the error message', async () => {\n    const braintreeManager = new MockBraintreeManager();\n    const client = new MockHostedFieldsClient();\n    const mockHostedFieldContainer = new MockHostedFieldContainer();\n    const mockHostedFieldConfig: HostedFieldConfiguration = new HostedFieldConfiguration({\n      hostedFieldStyle: mockHostedFieldStyle,\n      hostedFieldFieldOptions: mockHostedFieldFieldOptions,\n      hostedFieldContainer: mockHostedFieldContainer,\n    });\n    const handler = new CreditCardHandler({\n      braintreeManager: braintreeManager,\n      hostedFieldClient: client,\n      hostedFieldConfig: mockHostedFieldConfig,\n    });\n    handler.showErrorMessage();\n    expect(mockHostedFieldContainer.showErrorMessageCalled).to.be.true;\n  });\n\n  it('can hide the error message', async () => {\n    const braintreeManager = new MockBraintreeManager();\n    const client = new MockHostedFieldsClient();\n    const mockHostedFieldContainer = new MockHostedFieldContainer();\n    const mockHostedFieldConfig: HostedFieldConfiguration = new HostedFieldConfiguration({\n      hostedFieldStyle: mockHostedFieldStyle,\n      hostedFieldFieldOptions: mockHostedFieldFieldOptions,\n      hostedFieldContainer: mockHostedFieldContainer,\n    });\n    const handler = new CreditCardHandler({\n      braintreeManager: braintreeManager,\n      hostedFieldClient: client,\n      hostedFieldConfig: mockHostedFieldConfig,\n    });\n    handler.hideErrorMessage();\n    expect(mockHostedFieldContainer.hideErrorMessageCalled).to.be.true;\n  });\n\n  it('retries the expected number of times before failure', async () => {\n    const braintreeManager = new MockBraintreeManager();\n    const client = new MockHostedFieldsClient();\n\n    let retryCount = 0;\n    Sinon.stub(client, 'create').callsFake(() => {\n      retryCount++;\n      throw new Error('Error');\n    });\n\n    const mockHostedFieldContainer = new MockHostedFieldContainer();\n    const hostedFieldsSpy = Sinon.spy(mockHostedFieldContainer, 'resetHostedFields');\n\n    const mockHostedFieldConfig: HostedFieldConfiguration = new HostedFieldConfiguration({\n      hostedFieldStyle: mockHostedFieldStyle,\n      hostedFieldFieldOptions: mockHostedFieldFieldOptions,\n      hostedFieldContainer: mockHostedFieldContainer,\n    });\n    const handler = new CreditCardHandler({\n      braintreeManager: braintreeManager,\n      hostedFieldClient: client,\n      hostedFieldConfig: mockHostedFieldConfig,\n      retryInverval: 0.01,\n      maxRetryCount: 3,\n      loadTimeout: 0.01,\n    });\n\n    try {\n      await handler.instance.get();\n      expect.fail('Should have thrown an error');\n    } catch (e) {}\n\n    // initial call + 3 retries\n    expect(retryCount).to.equal(4);\n    expect(hostedFieldsSpy.callCount).to.equal(4);\n  });\n\n  it('retries creating the hosted fields if they fail', async () => {\n    const braintreeManager = new MockBraintreeManager();\n    const client = new MockHostedFieldsClient();\n\n    let retryCount = 0;\n    Sinon.stub(client, 'create').callsFake(() => {\n      if (retryCount < 2) {\n        retryCount++;\n        throw new Error('Error');\n      }\n      return Promise.resolve(client);\n    });\n\n    const mockHostedFieldContainer = new MockHostedFieldContainer();\n    const mockHostedFieldConfig: HostedFieldConfiguration = new HostedFieldConfiguration({\n      hostedFieldStyle: mockHostedFieldStyle,\n      hostedFieldFieldOptions: mockHostedFieldFieldOptions,\n      hostedFieldContainer: mockHostedFieldContainer,\n    });\n    const handler = new CreditCardHandler({\n      braintreeManager: braintreeManager,\n      hostedFieldClient: client,\n      hostedFieldConfig: mockHostedFieldConfig,\n      retryInverval: 0.01,\n      maxRetryCount: 3,\n      loadTimeout: 0.01,\n    });\n\n    const instance = await handler.instance.get();\n    expect(instance).to.not.be.null;\n    expect(retryCount).to.equal(2);\n  });\n\n  it('emits an event when retrying or failing', async () => {\n    const braintreeManager = new MockBraintreeManager();\n    const client = new MockHostedFieldsClient();\n\n    Sinon.stub(client, 'create').callsFake(() => {\n      throw new Error('Error');\n    });\n\n    const mockHostedFieldContainer = new MockHostedFieldContainer();\n    const mockHostedFieldConfig: HostedFieldConfiguration = new HostedFieldConfiguration({\n      hostedFieldStyle: mockHostedFieldStyle,\n      hostedFieldFieldOptions: mockHostedFieldFieldOptions,\n      hostedFieldContainer: mockHostedFieldContainer,\n    });\n    const handler = new CreditCardHandler({\n      braintreeManager: braintreeManager,\n      hostedFieldClient: client,\n      hostedFieldConfig: mockHostedFieldConfig,\n      retryInverval: 0.01,\n      maxRetryCount: 3,\n      loadTimeout: 0.01,\n    });\n\n    let retryCountEvent = 0;\n    let retryFailedEvent = 0;\n    handler.on('hostedFieldsRetry', () => {\n      retryCountEvent++;\n    });\n    handler.on('hostedFieldsFailed', () => {\n      retryFailedEvent++;\n    });\n\n    try {\n      await handler.instance.get();\n    } catch (e) {}\n\n    expect(retryCountEvent).to.equal(3);\n    expect(retryFailedEvent).to.equal(1);\n  });\n});\n"]}
+{"version":3,"file":"creditcard.test.js","sourceRoot":"","sources":["../../../../test/tests/payment-providers/creditcard.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { MockBraintreeManager } from '../../mocks/mock-braintree-manager';\nimport { MockHostedFieldsClient } from '../../mocks/payment-clients/mock-hostedfields-client';\nimport { mockHostedFieldTokenizePayload } from '../../mocks/payment-clients/mock-hostedfieldtokenizepayload';\nimport { CreditCardHandler } from '../../../src/braintree-manager/payment-providers/credit-card/credit-card';\nimport { MockHostedFieldContainer } from '../../mocks/mock-hosted-fields-container';\nimport { HostedFieldConfiguration } from '../../../src/braintree-manager/payment-providers/credit-card/hosted-field-configuration';\nimport Sinon from 'sinon';\nimport {\n  mockHostedFieldStyle,\n  mockHostedFieldFieldOptions,\n  mockHostedFieldConfig,\n} from '../../mocks/mock-hosted-fields-config';\n\nconst sandbox = Sinon.createSandbox();\n\ndescribe('CreditCardHandler', () => {\n  afterEach(() => {\n    sandbox.restore();\n  });\n\n  it('can tokenize the hosted fields', async () => {\n    const braintreeManager = new MockBraintreeManager();\n    const client = new MockHostedFieldsClient({\n      mockHostedFieldTokenizePayload: mockHostedFieldTokenizePayload,\n    });\n\n    const handler = new CreditCardHandler({\n      braintreeManager: braintreeManager,\n      hostedFieldClient: client,\n      hostedFieldConfig: mockHostedFieldConfig,\n    });\n\n    const payload = await handler.tokenizeHostedFields();\n\n    expect(payload?.nonce).to.equal(mockHostedFieldTokenizePayload.nonce);\n  });\n\n  it('can mark field errors', async () => {\n    const braintreeManager = new MockBraintreeManager();\n    const client = new MockHostedFieldsClient();\n    const mockHostedFieldContainer = new MockHostedFieldContainer();\n    const mockHostedFieldConfig: HostedFieldConfiguration = new HostedFieldConfiguration({\n      hostedFieldStyle: mockHostedFieldStyle,\n      hostedFieldFieldOptions: mockHostedFieldFieldOptions,\n      hostedFieldContainer: mockHostedFieldContainer,\n    });\n    const handler = new CreditCardHandler({\n      braintreeManager: braintreeManager,\n      hostedFieldClient: client,\n      hostedFieldConfig: mockHostedFieldConfig,\n    });\n    handler.markFieldErrors([]);\n    expect(mockHostedFieldContainer.markErrorsCalled).to.be.true;\n  });\n\n  it('can remove field errors', async () => {\n    const braintreeManager = new MockBraintreeManager();\n    const client = new MockHostedFieldsClient();\n    const mockHostedFieldContainer = new MockHostedFieldContainer();\n    const mockHostedFieldConfig: HostedFieldConfiguration = new HostedFieldConfiguration({\n      hostedFieldStyle: mockHostedFieldStyle,\n      hostedFieldFieldOptions: mockHostedFieldFieldOptions,\n      hostedFieldContainer: mockHostedFieldContainer,\n    });\n    const handler = new CreditCardHandler({\n      braintreeManager: braintreeManager,\n      hostedFieldClient: client,\n      hostedFieldConfig: mockHostedFieldConfig,\n    });\n    handler.removeFieldErrors([]);\n    expect(mockHostedFieldContainer.removeErrorsCalled).to.be.true;\n  });\n\n  it('can show the error message', async () => {\n    const braintreeManager = new MockBraintreeManager();\n    const client = new MockHostedFieldsClient();\n    const mockHostedFieldContainer = new MockHostedFieldContainer();\n    const mockHostedFieldConfig: HostedFieldConfiguration = new HostedFieldConfiguration({\n      hostedFieldStyle: mockHostedFieldStyle,\n      hostedFieldFieldOptions: mockHostedFieldFieldOptions,\n      hostedFieldContainer: mockHostedFieldContainer,\n    });\n    const handler = new CreditCardHandler({\n      braintreeManager: braintreeManager,\n      hostedFieldClient: client,\n      hostedFieldConfig: mockHostedFieldConfig,\n    });\n    handler.showErrorMessage();\n    expect(mockHostedFieldContainer.showErrorMessageCalled).to.be.true;\n  });\n\n  it('can hide the error message', async () => {\n    const braintreeManager = new MockBraintreeManager();\n    const client = new MockHostedFieldsClient();\n    const mockHostedFieldContainer = new MockHostedFieldContainer();\n    const mockHostedFieldConfig: HostedFieldConfiguration = new HostedFieldConfiguration({\n      hostedFieldStyle: mockHostedFieldStyle,\n      hostedFieldFieldOptions: mockHostedFieldFieldOptions,\n      hostedFieldContainer: mockHostedFieldContainer,\n    });\n    const handler = new CreditCardHandler({\n      braintreeManager: braintreeManager,\n      hostedFieldClient: client,\n      hostedFieldConfig: mockHostedFieldConfig,\n    });\n    handler.hideErrorMessage();\n    expect(mockHostedFieldContainer.hideErrorMessageCalled).to.be.true;\n  });\n\n  it('retries the expected number of times before failure', async () => {\n    const braintreeManager = new MockBraintreeManager();\n    const client = new MockHostedFieldsClient();\n\n    let retryCount = 0;\n    Sinon.stub(client, 'create').callsFake(() => {\n      retryCount++;\n      throw new Error('Error');\n    });\n\n    const mockHostedFieldContainer = new MockHostedFieldContainer();\n    const hostedFieldsSpy = Sinon.spy(mockHostedFieldContainer, 'resetHostedFields');\n\n    const mockHostedFieldConfig: HostedFieldConfiguration = new HostedFieldConfiguration({\n      hostedFieldStyle: mockHostedFieldStyle,\n      hostedFieldFieldOptions: mockHostedFieldFieldOptions,\n      hostedFieldContainer: mockHostedFieldContainer,\n    });\n    const handler = new CreditCardHandler({\n      braintreeManager: braintreeManager,\n      hostedFieldClient: client,\n      hostedFieldConfig: mockHostedFieldConfig,\n      maxRetryCount: 3,\n      loadTimeout: 0.01,\n    });\n\n    try {\n      await handler.instance.get();\n      expect.fail('Should have thrown an error');\n    } catch (e) {}\n\n    // initial call + 3 retries\n    expect(retryCount).to.equal(4);\n    expect(hostedFieldsSpy.callCount).to.equal(4);\n  });\n\n  it('retries creating the hosted fields if they fail', async () => {\n    const braintreeManager = new MockBraintreeManager();\n    const client = new MockHostedFieldsClient();\n\n    let retryCount = 0;\n    Sinon.stub(client, 'create').callsFake(() => {\n      if (retryCount < 2) {\n        retryCount++;\n        throw new Error('Error');\n      }\n      return Promise.resolve(client);\n    });\n\n    const mockHostedFieldContainer = new MockHostedFieldContainer();\n    const mockHostedFieldConfig: HostedFieldConfiguration = new HostedFieldConfiguration({\n      hostedFieldStyle: mockHostedFieldStyle,\n      hostedFieldFieldOptions: mockHostedFieldFieldOptions,\n      hostedFieldContainer: mockHostedFieldContainer,\n    });\n    const handler = new CreditCardHandler({\n      braintreeManager: braintreeManager,\n      hostedFieldClient: client,\n      hostedFieldConfig: mockHostedFieldConfig,\n      maxRetryCount: 3,\n      loadTimeout: 0.01,\n    });\n\n    const instance = await handler.instance.get();\n    expect(instance).to.not.be.null;\n    expect(retryCount).to.equal(2);\n  });\n\n  it('emits an event when retrying or failing', async () => {\n    const braintreeManager = new MockBraintreeManager();\n    const client = new MockHostedFieldsClient();\n\n    Sinon.stub(client, 'create').callsFake(() => {\n      throw new Error('Error');\n    });\n\n    const mockHostedFieldContainer = new MockHostedFieldContainer();\n    const mockHostedFieldConfig: HostedFieldConfiguration = new HostedFieldConfiguration({\n      hostedFieldStyle: mockHostedFieldStyle,\n      hostedFieldFieldOptions: mockHostedFieldFieldOptions,\n      hostedFieldContainer: mockHostedFieldContainer,\n    });\n    const handler = new CreditCardHandler({\n      braintreeManager: braintreeManager,\n      hostedFieldClient: client,\n      hostedFieldConfig: mockHostedFieldConfig,\n      maxRetryCount: 3,\n      loadTimeout: 0.01,\n    });\n\n    let retryCountEvent = 0;\n    let retryFailedEvent = 0;\n    handler.on('hostedFieldsRetry', () => {\n      retryCountEvent++;\n    });\n    handler.on('hostedFieldsFailed', () => {\n      retryFailedEvent++;\n    });\n\n    try {\n      await handler.instance.get();\n    } catch (e) {}\n\n    expect(retryCountEvent).to.equal(3);\n    expect(retryFailedEvent).to.equal(1);\n  });\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/donation-form",
-  "version": "0.5.9-alpha.1",
+  "version": "0.5.11-alpha.1",
   "description": "The Internet Archive Donation Form",
   "license": "AGPL-3.0-only",
   "main": "dist/index.js",

package/src/braintree-manager/braintree-manager.ts

@@ -21,7 +21,7 @@ import {
 import { HostedFieldConfiguration } from './payment-providers/credit-card/hosted-field-configuration';
 import { PromisedSingleton } from '@internetarchive/promised-singleton';
 import { PaymentProvidersInterface } from './payment-providers-interface';
-import { createNanoEvents, Emitter, Unsubscribe } from 'nanoevents';
+import { createNanoEvents, Unsubscribe } from 'nanoevents';
 
 /** @inheritdoc */
 export class BraintreeManager implements BraintreeManagerInterface {

package/src/braintree-manager/payment-providers/credit-card/credit-card.ts

@@ -3,8 +3,8 @@ import { BraintreeManagerInterface } from '../../braintree-interfaces';
 import { HostedFieldConfiguration } from './hosted-field-configuration';
 import { HostedFieldName } from './hosted-field-container';
 import { CreditCardHandlerEvents, CreditCardHandlerInterface } from './credit-card-interface';
-import { promisedSleep } from '../../../util/promisedSleep';
 import { createNanoEvents, Unsubscribe } from 'nanoevents';
+import { DonationFormError } from '../../../donation-form-error';
 
 export class CreditCardHandler implements CreditCardHandlerInterface {
   on<E extends keyof CreditCardHandlerEvents>(
@@ -26,8 +26,6 @@ export class CreditCardHandler implements CreditCardHandlerInterface {
 
   private maxRetryCount: number;
 
-  private retryInverval: number;
-
   private loadTimeout: number;
 
   constructor(options: {
@@ -35,14 +33,12 @@ export class CreditCardHandler implements CreditCardHandlerInterface {
     hostedFieldClient: braintree.HostedFields;
     hostedFieldConfig: HostedFieldConfiguration;
     maxRetryCount?: number;
-    retryInverval?: number;
     loadTimeout?: number;
   }) {
     this.braintreeManager = options.braintreeManager;
     this.hostedFieldClient = options.hostedFieldClient;
     this.hostedFieldConfig = options.hostedFieldConfig;
     this.maxRetryCount = options.maxRetryCount ?? 2;
-    this.retryInverval = (options.retryInverval ?? 1) * 1000;
     this.loadTimeout = (options.loadTimeout ?? 6) * 1000;
   }
 
@@ -60,29 +56,42 @@ export class CreditCardHandler implements CreditCardHandlerInterface {
     try {
       // The hosted fields have a 60 second timeout internally, but braintree
       // support recommended setting a shorter timeout because 99% of users
-      // load the hosted fields in under 4 seconds.
+      // load the hosted fields in under 4 seconds and 99.9% with 18 seconds.
       // What we're doing here is creating a "timeout" promise
       // and a "create hosted fields" promise and doing a `Promise.race()` to
       // resolve when the first one finishes. If the timeout finishes first,
       // we throw an error to trigger the retry logic. If the hosted fields
       // finishes first, we cancel the timeout promise since we're done.
       let timeout: number;
+
       const timeoutPromise = new Promise<void>((resolve, reject) => {
         timeout = window.setTimeout(() => {
-          reject(new Error('Timeout loading Hosted Fields'));
+          const error = new DonationFormError('Timeout loading Hosted Fields');
+          reject(error);
         }, this.loadTimeout);
       });
 
-      const hostedFieldsPromise = new Promise<braintree.HostedFields | undefined>(async resolve => {
-        const fields = await this.hostedFieldClient.create({
-          client: braintreeClient,
-          styles: this.hostedFieldConfig.hostedFieldStyle,
-          fields: this.hostedFieldConfig.hostedFieldFieldOptions,
-        });
-        // clear the timeout when this finishes so we don't also get the timeout rejection
-        window.clearTimeout(timeout);
-        resolve(fields);
-      });
+      const hostedFieldsPromise = new Promise<braintree.HostedFields | undefined>(
+        async (resolve, reject) => {
+          try {
+            const fields = await this.hostedFieldClient.create({
+              client: braintreeClient,
+              styles: this.hostedFieldConfig.hostedFieldStyle,
+              fields: this.hostedFieldConfig.hostedFieldFieldOptions,
+            });
+            // clear the timeout when this finishes so we don't also get the timeout rejection
+            window.clearTimeout(timeout);
+            resolve(fields);
+          } catch (error) {
+            if (error instanceof Error && error.message.includes('Hosted Fields timed out')) {
+              // this is the timeout error, so we don't need to do anything
+            } else {
+              // this is some other error. reject so it bubbles up to Sentry
+              reject(error);
+            }
+          }
+        },
+      );
 
       const result = await Promise.race([timeoutPromise, hostedFieldsPromise]);
 
@@ -92,7 +101,6 @@ export class CreditCardHandler implements CreditCardHandlerInterface {
         this.emitter.emit('hostedFieldsFailed', error);
         throw error;
       }
-      await promisedSleep(this.retryInverval); // wait before retrying
       const newRetryCount = retryCount + 1;
       this.emitter.emit('hostedFieldsRetry', newRetryCount);
       return this.createHostedFields(braintreeClient, newRetryCount);

package/src/braintree-manager/payment-providers/credit-card/hosted-field-container.ts

@@ -12,12 +12,6 @@ export interface HostedFieldContainerInterface {
   removeFieldErrors(fields: HostedFieldName[]): void;
   showErrorMessage(message?: string): void;
   hideErrorMessage(): void;
-  /**
-   * Determine if the hosted fields have loaded.
-   *
-   * This is used to detect timeouts on the credit card hosted fields.
-   */
-  allHostedFieldsAreLoaded(): boolean;
   /**
    * Reset the hosted fields to retry in case of timeout
    */
@@ -68,14 +62,6 @@ export class HostedFieldContainer implements HostedFieldContainerInterface {
     this.errorContainer.style.display = 'none';
   }
 
-  /** @inheritdoc */
-  allHostedFieldsAreLoaded(): boolean {
-    const elements = [this.number, this.cvv, this.expirationDate];
-    return elements.every(element => {
-      return element.firstChild !== null;
-    });
-  }
-
   resetHostedFields(): void {
     const elements = [this.number, this.cvv, this.expirationDate];
     elements.forEach(element => {

package/src/braintree-manager/payment-providers.ts

@@ -15,7 +15,7 @@ import { CreditCardHandlerInterface } from './payment-providers/credit-card/cred
 import { VenmoHandlerInterface } from './payment-providers/venmo-interface';
 import { PayPalHandlerInterface } from './payment-providers/paypal/paypal-interface';
 import { GooglePayHandlerInterface } from './payment-providers/google-pay-interface';
-import { createNanoEvents, Emitter, Unsubscribe } from 'nanoevents';
+import { createNanoEvents, Unsubscribe } from 'nanoevents';
 
 /**
  * The PaymentProviders class contains the IA-specific handlers for each of the

package/src/donation-form-error.ts

@@ -0,0 +1,6 @@
+export class DonationFormError extends Error {
+  constructor(message: string) {
+    super(message);
+    this.name = 'DonationFormError';
+  }
+}