@internetarchive/donation-form 0.5.20 → 0.5.21-a2

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

@@ -1 +1 @@
-{"version":3,"file":"paypal-button-datasource.js","sourceRoot":"","sources":["../../../../../src/braintree-manager/payment-providers/paypal/paypal-button-datasource.ts"],"names":[],"mappings":";AAAA,OAAO,EAAuB,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAE/F,OAAO,QAAQ,MAAM,aAAa,CAAC;AA0InC,kBAAkB;AAClB,MAAM,OAAO,sBAAsB;IAgBjC,YAAY,OAGX;QACC,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;QACzC,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;IAC/C,CAAC;IAED,kBAAkB;IACZ,OAAO;;;YACX,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC;YACpD,MAAM,IAAI,GAAG,YAAY,KAAK,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;YAE1E,MAAM,OAAO,GAAiD;gBAC5D,IAAI,EAAE,IAAuB;gBAC7B,MAAM,EAAE,SAAS;aAClB,CAAC;YACF,OAAO,CAAC,qBAAqB,GAAG,IAAI,CAAC;YAErC,IAAI,IAAI,KAAK,UAAU,EAAE;gBACvB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;gBACzC,OAAO,CAAC,QAAQ,GAAG,KAAK,CAAC;aAC1B;iBAAM;gBACL,OAAO,CAAC,2BAA2B,GAAG,uBAAuB,QAAQ,CACnE,IAAI,CAAC,YAAY,CAAC,KAAK,EACvB,EAAE,MAAM,EAAE,GAAG,EAAE,CAChB,CAAC,MAAM,EAAE,UAAU,CAAC;aACtB;YAED,MAAA,IAAI,CAAC,QAAQ,0CAAE,oBAAoB,CAAC,IAAI,EAAE,OAAO,EAAE;YAEnD,OAAO,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;;KACnD;IAED,kBAAkB;IACZ,WAAW,CAAC,IAA8B;;;YAC9C,MAAM,OAAO,GAA2B,MAAM,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAExF,MAAA,IAAI,CAAC,QAAQ,0CAAE,uBAAuB,CAAC,IAAI,EAAE,OAAO,EAAE;YAEtD,OAAO,OAAO,CAAC;;KAChB;IAEK,SAAS,CAAC,IAA8B;;;YAC5C,MAAM,OAAO,GAA2B,MAAM,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YACxF,MAAA,IAAI,CAAC,QAAQ,0CAAE,sBAAsB,CAAC,IAAI,EAAE,OAAO,EAAE;YAErD,OAAO,OAAO,CAAC;;KAChB;IAED,kBAAkB;IAClB,QAAQ,CAAC,IAAY;;QACnB,MAAA,IAAI,CAAC,QAAQ,0CAAE,sBAAsB,CAAC,IAAI,EAAE,IAAI,EAAE;IACpD,CAAC;IAED,kBAAkB;IAClB,OAAO,CAAC,KAAa;;QACnB,OAAO,CAAC,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;QACrC,MAAA,IAAI,CAAC,QAAQ,0CAAE,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE;IACjD,CAAC;CACF","sourcesContent":["import { DonationPaymentInfo, DonationType } from '@internetarchive/donation-form-data-models';\n\nimport currency from 'currency.js';\n\n/**\n * PayPayButtonDataSource is responsible for communicating with the PayPal button.\n *\n * The PayPal button cannot live in the ShadowDOM so we have to instantiate it at the\n * top of the DOM and it lives in the global sphere. This makes it difficult to communicate\n * with it directly. The PayPalButtonDataSource provides an object that we can pass around\n * that hooks into all of the PayPal button's callbacks and provides callbacks to its\n * delegate that is interested in the various events.\n *\n * @export\n * @interface PayPalButtonDataSourceInterface\n */\nexport interface PayPalButtonDataSourceInterface {\n  /**\n   * The delegate to inform about button events\n   *\n   * @type {PayPalButtonDataSourceDelegate}\n   * @memberof PayPalButtonDataSourceInterface\n   */\n  delegate?: PayPalButtonDataSourceDelegate;\n\n  /**\n   * The Donation Info associated with this button.\n   *\n   * Since the user initiates the checkout flow from the button itself (not programatically by us),\n   * we need to have up-to-date donation information so whenever the user updates donation info\n   * from the form, we update this.\n   *\n   * @type {DonationPaymentInfo}\n   * @memberof PayPalButtonDataSourceInterface\n   */\n  donationInfo: DonationPaymentInfo;\n\n  /**\n   * The payment has been started by the user (they clicked the PayPal button)\n   *\n   * @returns {Promise<string>}\n   * @memberof PayPalButtonDataSourceInterface\n   */\n  payment(): Promise<string>;\n\n  /**\n   * The user has authorized the donation\n   *\n   * @param {paypal.AuthorizationData} data\n   * @param {object} actions\n   * @returns {(Promise<paypal.TokenizePayload | undefined>)}\n   * @memberof PayPalButtonDataSourceInterface\n   */\n  onAuthorize(\n    data: paypal.AuthorizationData,\n    actions: object,\n  ): Promise<paypal.TokenizePayload | undefined>;\n\n  /**\n   * The user cancelled the donation\n   *\n   * @param {paypal.CancellationData} data\n   * @memberof PayPalButtonDataSourceInterface\n   */\n  onCancel(data: paypal.CancellationData): void;\n\n  /**\n   * An error occurred\n   *\n   * @param {string} error\n   * @memberof PayPalButtonDataSourceInterface\n   */\n  onError(error: string): void;\n}\n\n/**\n * The PayPalButtonDataSourceDelegate is an interface for any object interested\n * in events emitted by the paypal button.\n *\n * @export\n * @interface PayPalButtonDataSourceDelegate\n */\nexport interface PayPalButtonDataSourceDelegate {\n  /**\n   * Payment has been started\n   *\n   * @param {PayPalButtonDataSourceInterface} dataSource\n   * @param {object} options\n   * @returns {Promise<void>}\n   * @memberof PayPalButtonDataSourceDelegate\n   */\n  payPalPaymentStarted(dataSource: PayPalButtonDataSourceInterface, options: object): Promise<void>;\n\n  /**\n   * Payment has been authorized by patron and submits to PayPal\n   *\n   * @param {PayPalButtonDataSourceInterface} dataSource\n   * @param {paypal.TokenizePayload} payload\n   * @returns {Promise<void>}\n   * @memberof PayPalButtonDataSourceDelegate\n   */\n  payPalPaymentAuthorized(\n    dataSource: PayPalButtonDataSourceInterface,\n    payload: paypal.TokenizePayload,\n  ): Promise<void>;\n\n  /**\n   * Payment has been authorized\n   *\n   * @param {PayPalButtonDataSourceInterface} dataSource\n   * @param {paypal.TokenizePayload} payload\n   * @returns {Promise<void>}\n   * @memberof PayPalButtonDataSourceDelegate\n   */\n   payPalPaymentConfirmed(\n    dataSource: PayPalButtonDataSourceInterface,\n    payload: paypal.TokenizePayload,\n  ): Promise<void>;\n\n  /**\n   * Payment has been cancelled\n   *\n   * @param {PayPalButtonDataSourceInterface} dataSource\n   * @param {object} data\n   * @returns {Promise<void>}\n   * @memberof PayPalButtonDataSourceDelegate\n   */\n  payPalPaymentCancelled(dataSource: PayPalButtonDataSourceInterface, data: object): Promise<void>;\n\n  /**\n   * There was a payment error\n   *\n   * @param {PayPalButtonDataSourceInterface} dataSource\n   * @param {string} error\n   * @returns {Promise<void>}\n   * @memberof PayPalButtonDataSourceDelegate\n   */\n  payPalPaymentError(dataSource: PayPalButtonDataSourceInterface, error: string): Promise<void>;\n}\n\n/** @inheritdoc */\nexport class PayPalButtonDataSource implements PayPalButtonDataSourceInterface {\n  /** @inheritdoc */\n  delegate?: PayPalButtonDataSourceDelegate;\n\n  /** @inheritdoc */\n  donationInfo: DonationPaymentInfo;\n\n  /**\n   * The PayPal instance\n   *\n   * @private\n   * @type {braintree.PayPalCheckout}\n   * @memberof PayPalButtonDataSource\n   */\n  private paypalInstance: braintree.PayPalCheckout;\n\n  constructor(options: {\n    donationInfo: DonationPaymentInfo;\n    paypalInstance: braintree.PayPalCheckout;\n  }) {\n    this.donationInfo = options.donationInfo;\n    this.paypalInstance = options.paypalInstance;\n  }\n\n  /** @inheritdoc */\n  async payment(): Promise<string> {\n    const donationType = this.donationInfo.donationType;\n    const flow = donationType === DonationType.OneTime ? 'checkout' : 'vault';\n\n    const options: braintree.PayPalCheckoutCreatePaymentOptions = {\n      flow: flow as paypal.FlowType,\n      intent: 'capture',\n    };\n    options.enableShippingAddress = true;\n\n    if (flow === 'checkout') {\n      options.amount = this.donationInfo.total;\n      options.currency = 'USD';\n    } else {\n      options.billingAgreementDescription = `Subscribe to donate ${currency(\n        this.donationInfo.total,\n        { symbol: '$' },\n      ).format()} monthly`;\n    }\n\n    this.delegate?.payPalPaymentStarted(this, options);\n\n    return this.paypalInstance.createPayment(options);\n  }\n\n  /** @inheritdoc */\n  async onAuthorize(data: paypal.AuthorizationData): Promise<paypal.TokenizePayload> {\n    const payload: paypal.TokenizePayload = await this.paypalInstance.tokenizePayment(data);\n\n    this.delegate?.payPalPaymentAuthorized(this, payload);\n\n    return payload;\n  }\n\n  async onConfirm(data: paypal.AuthorizationData): Promise<paypal.TokenizePayload> {\n    const payload: paypal.TokenizePayload = await this.paypalInstance.tokenizePayment(data);\n    this.delegate?.payPalPaymentConfirmed(this, payload);\n\n    return payload;\n  }\n\n  /** @inheritdoc */\n  onCancel(data: object): void {\n    this.delegate?.payPalPaymentCancelled(this, data);\n  }\n\n  /** @inheritdoc */\n  onError(error: string): void {\n    console.error('PayPal error', error);\n    this.delegate?.payPalPaymentError(this, error);\n  }\n}\n"]}
+{"version":3,"file":"paypal-button-datasource.js","sourceRoot":"","sources":["../../../../../src/braintree-manager/payment-providers/paypal/paypal-button-datasource.ts"],"names":[],"mappings":";AAAA,OAAO,EAAuB,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAE/F,OAAO,QAAQ,MAAM,aAAa,CAAC;AA0InC,kBAAkB;AAClB,MAAM,OAAO,sBAAsB;IAgBjC,YAAY,OAGX;QACC,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;QACzC,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;IAC/C,CAAC;IAED,kBAAkB;IACZ,OAAO;;;YACX,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC;YACpD,MAAM,IAAI,GAAG,YAAY,KAAK,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;YAE1E,MAAM,OAAO,GAAiD;gBAC5D,IAAI,EAAE,IAAuB;gBAC7B,MAAM,EAAE,SAAS;aAClB,CAAC;YACF,OAAO,CAAC,qBAAqB,GAAG,IAAI,CAAC;YAErC,IAAI,IAAI,KAAK,UAAU,EAAE;gBACvB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;gBACzC,OAAO,CAAC,QAAQ,GAAG,KAAK,CAAC;aAC1B;iBAAM;gBACL,OAAO,CAAC,2BAA2B,GAAG,uBAAuB,QAAQ,CACnE,IAAI,CAAC,YAAY,CAAC,KAAK,EACvB,EAAE,MAAM,EAAE,GAAG,EAAE,CAChB,CAAC,MAAM,EAAE,UAAU,CAAC;aACtB;YAED,MAAA,IAAI,CAAC,QAAQ,0CAAE,oBAAoB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAEnD,OAAO,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;;KACnD;IAED,kBAAkB;IACZ,WAAW,CAAC,IAA8B;;;YAC9C,MAAM,OAAO,GAA2B,MAAM,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAExF,MAAA,IAAI,CAAC,QAAQ,0CAAE,uBAAuB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAEtD,OAAO,OAAO,CAAC;;KAChB;IAEK,SAAS,CAAC,IAA8B;;;YAC5C,MAAM,OAAO,GAA2B,MAAM,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YACxF,MAAA,IAAI,CAAC,QAAQ,0CAAE,sBAAsB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAErD,OAAO,OAAO,CAAC;;KAChB;IAED,kBAAkB;IAClB,QAAQ,CAAC,IAAY;;QACnB,MAAA,IAAI,CAAC,QAAQ,0CAAE,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACpD,CAAC;IAED,kBAAkB;IAClB,OAAO,CAAC,KAAa;;QACnB,OAAO,CAAC,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;QACrC,MAAA,IAAI,CAAC,QAAQ,0CAAE,kBAAkB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACjD,CAAC;CACF","sourcesContent":["import { DonationPaymentInfo, DonationType } from '@internetarchive/donation-form-data-models';\n\nimport currency from 'currency.js';\n\n/**\n * PayPayButtonDataSource is responsible for communicating with the PayPal button.\n *\n * The PayPal button cannot live in the ShadowDOM so we have to instantiate it at the\n * top of the DOM and it lives in the global sphere. This makes it difficult to communicate\n * with it directly. The PayPalButtonDataSource provides an object that we can pass around\n * that hooks into all of the PayPal button's callbacks and provides callbacks to its\n * delegate that is interested in the various events.\n *\n * @export\n * @interface PayPalButtonDataSourceInterface\n */\nexport interface PayPalButtonDataSourceInterface {\n  /**\n   * The delegate to inform about button events\n   *\n   * @type {PayPalButtonDataSourceDelegate}\n   * @memberof PayPalButtonDataSourceInterface\n   */\n  delegate?: PayPalButtonDataSourceDelegate;\n\n  /**\n   * The Donation Info associated with this button.\n   *\n   * Since the user initiates the checkout flow from the button itself (not programatically by us),\n   * we need to have up-to-date donation information so whenever the user updates donation info\n   * from the form, we update this.\n   *\n   * @type {DonationPaymentInfo}\n   * @memberof PayPalButtonDataSourceInterface\n   */\n  donationInfo: DonationPaymentInfo;\n\n  /**\n   * The payment has been started by the user (they clicked the PayPal button)\n   *\n   * @returns {Promise<string>}\n   * @memberof PayPalButtonDataSourceInterface\n   */\n  payment(): Promise<string>;\n\n  /**\n   * The user has authorized the donation\n   *\n   * @param {paypal.AuthorizationData} data\n   * @param {object} actions\n   * @returns {(Promise<paypal.TokenizePayload | undefined>)}\n   * @memberof PayPalButtonDataSourceInterface\n   */\n  onAuthorize(\n    data: paypal.AuthorizationData,\n    actions: object,\n  ): Promise<paypal.TokenizePayload | undefined>;\n\n  /**\n   * The user cancelled the donation\n   *\n   * @param {paypal.CancellationData} data\n   * @memberof PayPalButtonDataSourceInterface\n   */\n  onCancel(data: paypal.CancellationData): void;\n\n  /**\n   * An error occurred\n   *\n   * @param {string} error\n   * @memberof PayPalButtonDataSourceInterface\n   */\n  onError(error: string): void;\n}\n\n/**\n * The PayPalButtonDataSourceDelegate is an interface for any object interested\n * in events emitted by the paypal button.\n *\n * @export\n * @interface PayPalButtonDataSourceDelegate\n */\nexport interface PayPalButtonDataSourceDelegate {\n  /**\n   * Payment has been started\n   *\n   * @param {PayPalButtonDataSourceInterface} dataSource\n   * @param {object} options\n   * @returns {Promise<void>}\n   * @memberof PayPalButtonDataSourceDelegate\n   */\n  payPalPaymentStarted(dataSource: PayPalButtonDataSourceInterface, options: object): Promise<void>;\n\n  /**\n   * Payment has been authorized by patron and submits to PayPal\n   *\n   * @param {PayPalButtonDataSourceInterface} dataSource\n   * @param {paypal.TokenizePayload} payload\n   * @returns {Promise<void>}\n   * @memberof PayPalButtonDataSourceDelegate\n   */\n  payPalPaymentAuthorized(\n    dataSource: PayPalButtonDataSourceInterface,\n    payload: paypal.TokenizePayload,\n  ): Promise<void>;\n\n  /**\n   * Payment has been authorized\n   *\n   * @param {PayPalButtonDataSourceInterface} dataSource\n   * @param {paypal.TokenizePayload} payload\n   * @returns {Promise<void>}\n   * @memberof PayPalButtonDataSourceDelegate\n   */\n  payPalPaymentConfirmed(\n    dataSource: PayPalButtonDataSourceInterface,\n    payload: paypal.TokenizePayload,\n  ): Promise<void>;\n\n  /**\n   * Payment has been cancelled\n   *\n   * @param {PayPalButtonDataSourceInterface} dataSource\n   * @param {object} data\n   * @returns {Promise<void>}\n   * @memberof PayPalButtonDataSourceDelegate\n   */\n  payPalPaymentCancelled(dataSource: PayPalButtonDataSourceInterface, data: object): Promise<void>;\n\n  /**\n   * There was a payment error\n   *\n   * @param {PayPalButtonDataSourceInterface} dataSource\n   * @param {string} error\n   * @returns {Promise<void>}\n   * @memberof PayPalButtonDataSourceDelegate\n   */\n  payPalPaymentError(dataSource: PayPalButtonDataSourceInterface, error: string): Promise<void>;\n}\n\n/** @inheritdoc */\nexport class PayPalButtonDataSource implements PayPalButtonDataSourceInterface {\n  /** @inheritdoc */\n  delegate?: PayPalButtonDataSourceDelegate;\n\n  /** @inheritdoc */\n  donationInfo: DonationPaymentInfo;\n\n  /**\n   * The PayPal instance\n   *\n   * @private\n   * @type {braintree.PayPalCheckout}\n   * @memberof PayPalButtonDataSource\n   */\n  private paypalInstance: braintree.PayPalCheckout;\n\n  constructor(options: {\n    donationInfo: DonationPaymentInfo;\n    paypalInstance: braintree.PayPalCheckout;\n  }) {\n    this.donationInfo = options.donationInfo;\n    this.paypalInstance = options.paypalInstance;\n  }\n\n  /** @inheritdoc */\n  async payment(): Promise<string> {\n    const donationType = this.donationInfo.donationType;\n    const flow = donationType === DonationType.OneTime ? 'checkout' : 'vault';\n\n    const options: braintree.PayPalCheckoutCreatePaymentOptions = {\n      flow: flow as paypal.FlowType,\n      intent: 'capture',\n    };\n    options.enableShippingAddress = true;\n\n    if (flow === 'checkout') {\n      options.amount = this.donationInfo.total;\n      options.currency = 'USD';\n    } else {\n      options.billingAgreementDescription = `Subscribe to donate ${currency(\n        this.donationInfo.total,\n        { symbol: '$' },\n      ).format()} monthly`;\n    }\n\n    this.delegate?.payPalPaymentStarted(this, options);\n\n    return this.paypalInstance.createPayment(options);\n  }\n\n  /** @inheritdoc */\n  async onAuthorize(data: paypal.AuthorizationData): Promise<paypal.TokenizePayload> {\n    const payload: paypal.TokenizePayload = await this.paypalInstance.tokenizePayment(data);\n\n    this.delegate?.payPalPaymentAuthorized(this, payload);\n\n    return payload;\n  }\n\n  async onConfirm(data: paypal.AuthorizationData): Promise<paypal.TokenizePayload> {\n    const payload: paypal.TokenizePayload = await this.paypalInstance.tokenizePayment(data);\n    this.delegate?.payPalPaymentConfirmed(this, payload);\n\n    return payload;\n  }\n\n  /** @inheritdoc */\n  onCancel(data: object): void {\n    this.delegate?.payPalPaymentCancelled(this, data);\n  }\n\n  /** @inheritdoc */\n  onError(error: string): void {\n    console.error('PayPal error', error);\n    this.delegate?.payPalPaymentError(this, error);\n  }\n}\n"]}

package/dist/src/braintree-manager/payment-providers/paypal/paypal-interface.js

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

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

@@ -18,9 +18,7 @@ export class PayPalHandler {
     }
     renderPayPalButton(params) {
         return __awaiter(this, void 0, void 0, function* () {
-            const env = (this.hostingEnvironment === HostingEnvironment.Development
-                ? 'sandbox'
-                : 'production');
+            const env = (this.hostingEnvironment === HostingEnvironment.Development ? 'sandbox' : 'production');
             const paypalInstance = yield this.instance.get();
             if (!paypalInstance) {
                 return;

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

@@ -1 +1 @@
-{"version":3,"file":"paypal.js","sourceRoot":"","sources":["../../../../../src/braintree-manager/payment-providers/paypal/paypal.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAA6B,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAE3F,OAAO,EAEL,sBAAsB,GACvB,MAAM,4BAA4B,CAAC;AAGpC,MAAM,OAAO,aAAa;IAGxB,YAAY,OAKX;QACC,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC;QACjD,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;QACzC,IAAI,CAAC,qBAAqB,GAAG,OAAO,CAAC,YAAY,CAAC;QAClD,IAAI,CAAC,kBAAkB,GAAG,OAAO,CAAC,kBAAkB,CAAC;QAErD,IAAI,CAAC,QAAQ,GAAG,IAAI,iBAAiB,CAAuC;YAC1E,SAAS,EAAE,GAAsC,EAAE,CACjD,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE;gBAC1D,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;oBAC9B,MAAM,EAAE,eAAe;iBACxB,CAAC,CAAC;YACL,CAAC,CAAC;SACL,CAAC,CAAC;IACL,CAAC;IAUK,kBAAkB,CAAC,MAIxB;;YACC,MAAM,GAAG,GAAuB,CAAC,IAAI,CAAC,kBAAkB,KAAK,kBAAkB,CAAC,WAAW;gBACzF,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,YAAY,CAAuB,CAAC;YAExC,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;YACjD,IAAI,CAAC,cAAc,EAAE;gBACnB,OAAO;aACR;YAED,MAAM,UAAU,GAAG,IAAI,sBAAsB,CAAC;gBAC5C,YAAY,EAAE,MAAM,CAAC,YAAY;gBACjC,cAAc,EAAE,cAAc;aAC/B,CAAC,CAAC;YAEH,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAC/B;gBACE,GAAG;gBACH,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC;gBAC5C,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;gBACpD,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC;gBAC9C,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC;gBAC5C,OAAO,EAAE;oBACP,UAAU,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;iBACnC;aACF,EACD,MAAM,CAAC,QAAQ,CAChB,CAAC;YAEF,OAAO,UAAU,CAAC;QACpB,CAAC;KAAA;CACF","sourcesContent":["import { PromisedSingleton } from '@internetarchive/promised-singleton';\nimport { BraintreeManagerInterface, HostingEnvironment } from '../../braintree-interfaces';\nimport { DonationPaymentInfo } from '@internetarchive/donation-form-data-models';\nimport {\n  PayPalButtonDataSourceInterface,\n  PayPalButtonDataSource,\n} from './paypal-button-datasource';\nimport { PayPalHandlerInterface } from './paypal-interface';\n\nexport class PayPalHandler implements PayPalHandlerInterface {\n  instance: PromisedSingleton<braintree.PayPalCheckout | undefined>;\n\n  constructor(options: {\n    braintreeManager: BraintreeManagerInterface;\n    paypalClient: braintree.PayPalCheckout;\n    paypalButton: paypal.ButtonRenderer;\n    hostingEnvironment: HostingEnvironment;\n  }) {\n    this.braintreeManager = options.braintreeManager;\n    this.paypalClient = options.paypalClient;\n    this.paypalButtonGenerator = options.paypalButton;\n    this.hostingEnvironment = options.hostingEnvironment;\n\n    this.instance = new PromisedSingleton<braintree.PayPalCheckout | undefined>({\n      generator: (): Promise<braintree.PayPalCheckout> =>\n        this.braintreeManager.instance.get().then(braintreeClient => {\n          return this.paypalClient.create({\n            client: braintreeClient,\n          });\n        }),\n    });\n  }\n\n  private braintreeManager: BraintreeManagerInterface;\n\n  private paypalClient: braintree.PayPalCheckout;\n\n  private paypalButtonGenerator: paypal.ButtonRenderer;\n\n  private hostingEnvironment: HostingEnvironment;\n\n  async renderPayPalButton(params: {\n    selector: string;\n    style: paypal.ButtonStyle;\n    donationInfo: DonationPaymentInfo;\n  }): Promise<PayPalButtonDataSourceInterface | undefined> {\n    const env: paypal.Environment = (this.hostingEnvironment === HostingEnvironment.Development\n      ? 'sandbox'\n      : 'production') as paypal.Environment;\n\n    const paypalInstance = await this.instance.get();\n    if (!paypalInstance) {\n      return;\n    }\n\n    const dataSource = new PayPalButtonDataSource({\n      donationInfo: params.donationInfo,\n      paypalInstance: paypalInstance,\n    });\n\n    this.paypalButtonGenerator.render(\n      {\n        env,\n        style: params.style,\n        payment: dataSource.payment.bind(dataSource),\n        onAuthorize: dataSource.onAuthorize.bind(dataSource),\n        onCancel: dataSource.onCancel.bind(dataSource),\n        onError: dataSource.onError.bind(dataSource),\n        funding: {\n          disallowed: [paypal.FUNDING.VENMO],\n        },\n      },\n      params.selector,\n    );\n\n    return dataSource;\n  }\n}\n"]}
+{"version":3,"file":"paypal.js","sourceRoot":"","sources":["../../../../../src/braintree-manager/payment-providers/paypal/paypal.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAA6B,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAE3F,OAAO,EAEL,sBAAsB,GACvB,MAAM,4BAA4B,CAAC;AAGpC,MAAM,OAAO,aAAa;IAGxB,YAAY,OAKX;QACC,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC;QACjD,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;QACzC,IAAI,CAAC,qBAAqB,GAAG,OAAO,CAAC,YAAY,CAAC;QAClD,IAAI,CAAC,kBAAkB,GAAG,OAAO,CAAC,kBAAkB,CAAC;QAErD,IAAI,CAAC,QAAQ,GAAG,IAAI,iBAAiB,CAAuC;YAC1E,SAAS,EAAE,GAAsC,EAAE,CACjD,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE;gBAC1D,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;oBAC9B,MAAM,EAAE,eAAe;iBACxB,CAAC,CAAC;YACL,CAAC,CAAC;SACL,CAAC,CAAC;IACL,CAAC;IAUK,kBAAkB,CAAC,MAIxB;;YACC,MAAM,GAAG,GAAuB,CAC9B,IAAI,CAAC,kBAAkB,KAAK,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAChE,CAAC;YAExB,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;YACjD,IAAI,CAAC,cAAc,EAAE;gBACnB,OAAO;aACR;YAED,MAAM,UAAU,GAAG,IAAI,sBAAsB,CAAC;gBAC5C,YAAY,EAAE,MAAM,CAAC,YAAY;gBACjC,cAAc,EAAE,cAAc;aAC/B,CAAC,CAAC;YAEH,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAC/B;gBACE,GAAG;gBACH,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC;gBAC5C,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;gBACpD,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC;gBAC9C,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC;gBAC5C,OAAO,EAAE;oBACP,UAAU,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;iBACnC;aACF,EACD,MAAM,CAAC,QAAQ,CAChB,CAAC;YAEF,OAAO,UAAU,CAAC;QACpB,CAAC;KAAA;CACF","sourcesContent":["import { PromisedSingleton } from '@internetarchive/promised-singleton';\nimport { BraintreeManagerInterface, HostingEnvironment } from '../../braintree-interfaces';\nimport { DonationPaymentInfo } from '@internetarchive/donation-form-data-models';\nimport {\n  PayPalButtonDataSourceInterface,\n  PayPalButtonDataSource,\n} from './paypal-button-datasource';\nimport { PayPalHandlerInterface } from './paypal-interface';\n\nexport class PayPalHandler implements PayPalHandlerInterface {\n  instance: PromisedSingleton<braintree.PayPalCheckout | undefined>;\n\n  constructor(options: {\n    braintreeManager: BraintreeManagerInterface;\n    paypalClient: braintree.PayPalCheckout;\n    paypalButton: paypal.ButtonRenderer;\n    hostingEnvironment: HostingEnvironment;\n  }) {\n    this.braintreeManager = options.braintreeManager;\n    this.paypalClient = options.paypalClient;\n    this.paypalButtonGenerator = options.paypalButton;\n    this.hostingEnvironment = options.hostingEnvironment;\n\n    this.instance = new PromisedSingleton<braintree.PayPalCheckout | undefined>({\n      generator: (): Promise<braintree.PayPalCheckout> =>\n        this.braintreeManager.instance.get().then(braintreeClient => {\n          return this.paypalClient.create({\n            client: braintreeClient,\n          });\n        }),\n    });\n  }\n\n  private braintreeManager: BraintreeManagerInterface;\n\n  private paypalClient: braintree.PayPalCheckout;\n\n  private paypalButtonGenerator: paypal.ButtonRenderer;\n\n  private hostingEnvironment: HostingEnvironment;\n\n  async renderPayPalButton(params: {\n    selector: string;\n    style: paypal.ButtonStyle;\n    donationInfo: DonationPaymentInfo;\n  }): Promise<PayPalButtonDataSourceInterface | undefined> {\n    const env: paypal.Environment = (\n      this.hostingEnvironment === HostingEnvironment.Development ? 'sandbox' : 'production'\n    ) as paypal.Environment;\n\n    const paypalInstance = await this.instance.get();\n    if (!paypalInstance) {\n      return;\n    }\n\n    const dataSource = new PayPalButtonDataSource({\n      donationInfo: params.donationInfo,\n      paypalInstance: paypalInstance,\n    });\n\n    this.paypalButtonGenerator.render(\n      {\n        env,\n        style: params.style,\n        payment: dataSource.payment.bind(dataSource),\n        onAuthorize: dataSource.onAuthorize.bind(dataSource),\n        onCancel: dataSource.onCancel.bind(dataSource),\n        onError: dataSource.onError.bind(dataSource),\n        funding: {\n          disallowed: [paypal.FUNDING.VENMO],\n        },\n      },\n      params.selector,\n    );\n\n    return dataSource;\n  }\n}\n"]}

package/dist/src/braintree-manager/payment-providers/venmo-interface.js

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

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

@@ -6,14 +6,15 @@ export class VenmoHandler {
         this.braintreeManager = options.braintreeManager;
         this.venmoClient = options.venmoClient;
         this.venmoProfileId = options.venmoProfileId;
-        this.instance = (_a = options.instancePromisedSingleton) !== null && _a !== void 0 ? _a : new PromisedSingleton({
-            generator: () => this.braintreeManager.instance.get().then(braintreeInstance => {
-                return this.venmoClient.create({
-                    client: braintreeInstance,
-                    profileId: this.venmoProfileId,
-                });
-            }),
-        });
+        this.instance =
+            (_a = options.instancePromisedSingleton) !== null && _a !== void 0 ? _a : new PromisedSingleton({
+                generator: () => this.braintreeManager.instance.get().then(braintreeInstance => {
+                    return this.venmoClient.create({
+                        client: braintreeInstance,
+                        profileId: this.venmoProfileId,
+                    });
+                }),
+            });
     }
     isBrowserSupported() {
         var _a;

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

@@ -1 +1 @@
-{"version":3,"file":"venmo.js","sourceRoot":"","sources":["../../../../src/braintree-manager/payment-providers/venmo.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAKxE,MAAM,OAAO,YAAY;IAGvB,YAAY,OAKX;;QACC,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC;QACjD,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;QACvC,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;QAE7C,IAAI,CAAC,QAAQ,SACX,OAAO,CAAC,yBAAyB,mCACjC,IAAI,iBAAiB,CAAkB;YACrC,SAAS,EAAE,GAA6B,EAAE,CACxC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,EAAE;gBAC5D,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;oBAC7B,MAAM,EAAE,iBAAiB;oBACzB,SAAS,EAAE,IAAI,CAAC,cAAc;iBAC/B,CAAC,CAAC;YACL,CAAC,CAAC;SACL,CAAC,CAAC;IACP,CAAC;IAQK,kBAAkB;;;YACtB,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE;gBAC1B,OAAO,KAAK,CAAC;aACd;YACD,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;YAC3C,aAAO,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,kBAAkB,qCAAM,KAAK,CAAC;;KAChD;IAEK,YAAY;;YAChB,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;YAC3C,OAAO,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,GAAG;QAC9B,CAAC;KAAA;IAED;;;;;;;;;OASG;IACK,eAAe;QACrB,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;QACjE,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;QAChE,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QAC9D,OAAO,CAAC,SAAS,IAAI,YAAY,CAAC,IAAI,QAAQ,CAAC;IACjD,CAAC;CACF","sourcesContent":["import { PromisedSingleton } from '@internetarchive/promised-singleton';\n\nimport { BraintreeManagerInterface } from '../braintree-interfaces';\nimport { VenmoHandlerInterface } from './venmo-interface';\n\nexport class VenmoHandler implements VenmoHandlerInterface {\n  instance: PromisedSingleton<braintree.Venmo>;\n\n  constructor(options: {\n    braintreeManager: BraintreeManagerInterface;\n    venmoClient: braintree.Venmo;\n    venmoProfileId: string;\n    instancePromisedSingleton?: PromisedSingleton<braintree.Venmo>;\n  }) {\n    this.braintreeManager = options.braintreeManager;\n    this.venmoClient = options.venmoClient;\n    this.venmoProfileId = options.venmoProfileId;\n\n    this.instance =\n      options.instancePromisedSingleton ??\n      new PromisedSingleton<braintree.Venmo>({\n        generator: (): Promise<braintree.Venmo> =>\n          this.braintreeManager.instance.get().then(braintreeInstance => {\n            return this.venmoClient.create({\n              client: braintreeInstance,\n              profileId: this.venmoProfileId,\n            });\n          }),\n      });\n  }\n\n  private braintreeManager: BraintreeManagerInterface;\n\n  private venmoClient: braintree.Venmo;\n\n  private venmoProfileId: string;\n\n  async isBrowserSupported(): Promise<boolean> {\n    if (this.isMobileFirefox()) {\n      return false;\n    }\n    const instance = await this.instance.get();\n    return instance?.isBrowserSupported() ?? false;\n  }\n\n  async startPayment(): Promise<braintree.VenmoTokenizePayload> {\n    const instance = await this.instance.get();\n    return instance?.tokenize();\n  }\n\n  /**\n   * Venmo does not work in mobile Firefox, but their browser detector returns supported for it.\n   *\n   * On iOS, it opens the Venmo app, but returns you to Safari.\n   * On Android, it takes you to the \"Download Venmo\" page.\n   *\n   * @private\n   * @returns {boolean}\n   * @memberof VenmoHandler\n   */\n  private isMobileFirefox(): boolean {\n    const isFirefoxIos = navigator.userAgent.indexOf('FxiOS') !== -1;\n    const isFirefox = navigator.userAgent.indexOf('Firefox') !== -1;\n    const isMobile = navigator.userAgent.indexOf('Mobile') !== -1;\n    return (isFirefox || isFirefoxIos) && isMobile;\n  }\n}\n"]}
+{"version":3,"file":"venmo.js","sourceRoot":"","sources":["../../../../src/braintree-manager/payment-providers/venmo.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAKxE,MAAM,OAAO,YAAY;IAGvB,YAAY,OAKX;;QACC,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC;QACjD,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;QACvC,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;QAE7C,IAAI,CAAC,QAAQ;YACX,MAAA,OAAO,CAAC,yBAAyB,mCACjC,IAAI,iBAAiB,CAAkB;gBACrC,SAAS,EAAE,GAA6B,EAAE,CACxC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,EAAE;oBAC5D,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;wBAC7B,MAAM,EAAE,iBAAiB;wBACzB,SAAS,EAAE,IAAI,CAAC,cAAc;qBAC/B,CAAC,CAAC;gBACL,CAAC,CAAC;aACL,CAAC,CAAC;IACP,CAAC;IAQK,kBAAkB;;;YACtB,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE;gBAC1B,OAAO,KAAK,CAAC;aACd;YACD,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;YAC3C,OAAO,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,kBAAkB,EAAE,mCAAI,KAAK,CAAC;;KAChD;IAEK,YAAY;;YAChB,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;YAC3C,OAAO,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,EAAE,CAAC;QAC9B,CAAC;KAAA;IAED;;;;;;;;;OASG;IACK,eAAe;QACrB,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;QACjE,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;QAChE,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QAC9D,OAAO,CAAC,SAAS,IAAI,YAAY,CAAC,IAAI,QAAQ,CAAC;IACjD,CAAC;CACF","sourcesContent":["import { PromisedSingleton } from '@internetarchive/promised-singleton';\n\nimport { BraintreeManagerInterface } from '../braintree-interfaces';\nimport { VenmoHandlerInterface } from './venmo-interface';\n\nexport class VenmoHandler implements VenmoHandlerInterface {\n  instance: PromisedSingleton<braintree.Venmo>;\n\n  constructor(options: {\n    braintreeManager: BraintreeManagerInterface;\n    venmoClient: braintree.Venmo;\n    venmoProfileId: string;\n    instancePromisedSingleton?: PromisedSingleton<braintree.Venmo>;\n  }) {\n    this.braintreeManager = options.braintreeManager;\n    this.venmoClient = options.venmoClient;\n    this.venmoProfileId = options.venmoProfileId;\n\n    this.instance =\n      options.instancePromisedSingleton ??\n      new PromisedSingleton<braintree.Venmo>({\n        generator: (): Promise<braintree.Venmo> =>\n          this.braintreeManager.instance.get().then(braintreeInstance => {\n            return this.venmoClient.create({\n              client: braintreeInstance,\n              profileId: this.venmoProfileId,\n            });\n          }),\n      });\n  }\n\n  private braintreeManager: BraintreeManagerInterface;\n\n  private venmoClient: braintree.Venmo;\n\n  private venmoProfileId: string;\n\n  async isBrowserSupported(): Promise<boolean> {\n    if (this.isMobileFirefox()) {\n      return false;\n    }\n    const instance = await this.instance.get();\n    return instance?.isBrowserSupported() ?? false;\n  }\n\n  async startPayment(): Promise<braintree.VenmoTokenizePayload> {\n    const instance = await this.instance.get();\n    return instance?.tokenize();\n  }\n\n  /**\n   * Venmo does not work in mobile Firefox, but their browser detector returns supported for it.\n   *\n   * On iOS, it opens the Venmo app, but returns you to Safari.\n   * On Android, it takes you to the \"Download Venmo\" page.\n   *\n   * @private\n   * @returns {boolean}\n   * @memberof VenmoHandler\n   */\n  private isMobileFirefox(): boolean {\n    const isFirefoxIos = navigator.userAgent.indexOf('FxiOS') !== -1;\n    const isFirefox = navigator.userAgent.indexOf('Firefox') !== -1;\n    const isMobile = navigator.userAgent.indexOf('Mobile') !== -1;\n    return (isFirefox || isFirefoxIos) && isMobile;\n  }\n}\n"]}

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

@@ -5,7 +5,7 @@ import { VenmoHandlerInterface } from './payment-providers/venmo-interface';
 import { PayPalHandlerInterface } from './payment-providers/paypal/paypal-interface';
 import { GooglePayHandlerInterface } from './payment-providers/google-pay-interface';
 import { Unsubscribe } from 'nanoevents';
-export declare type PaymentProvidersEvents = CreditCardHandlerEvents;
+export type PaymentProvidersEvents = CreditCardHandlerEvents;
 export interface PaymentProvidersInterface {
     on<E extends keyof PaymentProvidersEvents>(event: E, callback: PaymentProvidersEvents[E]): Unsubscribe;
     creditCardHandler: PromisedSingleton<CreditCardHandlerInterface>;

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

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

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

@@ -20,6 +20,9 @@ import { createNanoEvents } from 'nanoevents';
  * @implements {PaymentProvidersInterface}
  */
 export class PaymentProviders {
+    on(event, callback) {
+        return this.emitter.on(event, callback);
+    }
     constructor(options) {
         this.creditCardHandler = new PromisedSingleton({
             generator: () => __awaiter(this, void 0, void 0, function* () {
@@ -99,8 +102,5 @@ export class PaymentProviders {
         this.hostingEnvironment = options.hostingEnvironment;
         this.hostedFieldConfig = options.hostedFieldConfig;
     }
-    on(event, callback) {
-        return this.emitter.on(event, callback);
-    }
 }
 //# sourceMappingURL=payment-providers.js.map

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, 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-controller.js

@@ -1,4 +1,5 @@
 import { __awaiter, __decorate } from "tslib";
+/* eslint-disable @typescript-eslint/ban-types */
 import { LitElement, html } from 'lit';
 import { customElement, property, query } from 'lit/decorators.js';
 import currency from 'currency.js';
@@ -11,9 +12,9 @@ import { HostedFieldConfiguration } from './braintree-manager/payment-providers/
 import { HostedFieldContainer, } from './braintree-manager/payment-providers/credit-card/hosted-field-container';
 import './form-elements/badged-input';
 import './form-elements/contact-form/contact-form';
-import creditCardImg from '@internetarchive/icon-credit-card';
-import calendarImg from '@internetarchive/icon-calendar';
-import lockImg from '@internetarchive/icon-lock';
+import creditCardImg from '@internetarchive/icon-credit-card/index.js';
+import calendarImg from '@internetarchive/icon-calendar/index.js';
+import lockImg from '@internetarchive/icon-lock/index.js';
 import { EditDonationAmountSelectionLayout, EditDonationFrequencySelectionMode, } from '@internetarchive/donation-form-edit-donation';
 import { DonationPaymentInfo, DonationType, defaultDonationAmounts, defaultSelectedDonationInfo, } from '@internetarchive/donation-form-data-models';
 /**
@@ -204,7 +205,7 @@ let DonationFormController = class DonationFormController extends LitElement {
                     logEvent: this.logEvent.bind(this),
                     logDonationFlowEvent: this.logDonationFlowEvent.bind(this),
                 },
-            }
+            },
         });
         this.donationForm.braintreeManager = this.braintreeManager;
         this.donationForm.paymentFlowHandlers = this.paymentFlowHandlers;
@@ -465,7 +466,7 @@ let DonationFormController = class DonationFormController extends LitElement {
           margin-bottom: 0.6rem;
         }
 
-        .donation-form-controller-container div[slot="braintree-hosted-fields"] {
+        .donation-form-controller-container div[slot='braintree-hosted-fields'] {
           background-color: white;
         }
       </style>

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

@@ -1 +1 @@
-{"version":3,"file":"donation-form-controller.js","sourceRoot":"","sources":["../../src/donation-form-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, PropertyValues, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\n\nimport currency from 'currency.js';\nimport {\n  LazyLoaderService,\n  LazyLoaderServiceInterface,\n} from '@internetarchive/lazy-loader-service';\nimport { ModalManagerInterface } from '@internetarchive/modal-manager';\n\nimport { DonationForm } from './donation-form';\nimport { PaymentClients, PaymentClientsInterface } from './braintree-manager/payment-clients';\nimport { BraintreeManager } from './braintree-manager/braintree-manager';\nimport {\n  BraintreeEndpointManagerInterface,\n  BraintreeManagerInterface,\n  HostingEnvironment,\n} from './braintree-manager/braintree-interfaces';\nimport {\n  PaymentFlowHandlers,\n  PaymentFlowHandlersInterface,\n} from './payment-flow-handlers/payment-flow-handlers';\n\nimport { RecaptchaManager, RecaptchaManagerInterface } from './recaptcha-manager/recaptcha-manager';\nimport { HostedFieldConfiguration } from './braintree-manager/payment-providers/credit-card/hosted-field-configuration';\nimport {\n  HostedFieldContainerInterface,\n  HostedFieldContainer,\n} from './braintree-manager/payment-providers/credit-card/hosted-field-container';\n\nimport './form-elements/badged-input';\nimport { ContactForm } from './form-elements/contact-form/contact-form';\nimport './form-elements/contact-form/contact-form';\n\nimport creditCardImg from '@internetarchive/icon-credit-card';\nimport calendarImg from '@internetarchive/icon-calendar';\nimport lockImg from '@internetarchive/icon-lock';\nimport { DonationControllerEventLoggerInterface } from './@types/analytics-handler';\nimport { AnalyticsManagerInterface, AnalyticsEvent } from '@internetarchive/analytics-manager';\nimport {\n  EditDonationAmountSelectionLayout,\n  EditDonationFrequencySelectionMode,\n} from '@internetarchive/donation-form-edit-donation';\n\nimport {\n  DonationPaymentInfo,\n  PaymentProvider,\n  DonationType,\n  defaultDonationAmounts,\n  defaultSelectedDonationInfo,\n} from '@internetarchive/donation-form-data-models';\nimport { UpsellModalCTAMode } from './modals/upsell-modal-content';\n\n/**\n * The DonationFormController orchestrates several of the interactions between\n * the various pieces of the donation form like modals, braintree, paypal, and recaptcha\n *\n * @export\n * @class RadioPlayerController\n * @extends {LitElement}\n */\n@customElement('donation-form-controller')\nexport class DonationFormController extends LitElement {\n  @property({ type: String }) environment?: HostingEnvironment;\n\n  @property({ type: String }) braintreeAuthToken?: string;\n\n  @property({ type: String }) recaptchaSiteKey?: string;\n\n  @property({ type: String }) venmoProfileId?: string;\n\n  @property({ type: String }) googlePayMerchantId?: string;\n\n  @property({ type: String }) analyticsCategory = 'DonationForm';\n\n  @property({ type: Array }) amountOptions: number[] = defaultDonationAmounts;\n\n  @property({ type: Object }) donationInfo: DonationPaymentInfo = defaultSelectedDonationInfo;\n\n  @property({ type: String }) amountSelectionLayout: EditDonationAmountSelectionLayout =\n    EditDonationAmountSelectionLayout.MultiLine;\n\n  @property({ type: String }) frequencySelectionMode: EditDonationFrequencySelectionMode =\n    EditDonationFrequencySelectionMode.Button;\n\n  @property({ type: String }) referrer?: string;\n\n  @property({ type: String }) loggedInUser?: string;\n\n  @property({ type: String }) origin?: string;\n\n  @property({ type: Object }) endpointManager?: BraintreeEndpointManagerInterface;\n\n  @property({ type: Object }) analyticsHandler?: AnalyticsManagerInterface;\n\n  @property({ type: Object }) modalManager?: ModalManagerInterface;\n\n  @property({ type: Object }) recaptchaElement?: HTMLElement;\n\n  @property({ type: Object }) braintreeManager?: BraintreeManagerInterface;\n\n  @property({ type: Object }) recaptchaManager?: RecaptchaManagerInterface;\n\n  @property({ type: Object }) paymentFlowHandlers?: PaymentFlowHandlersInterface;\n\n  @property({ type: Object }) paymentClients?: PaymentClientsInterface;\n\n  @property({ type: Object })\n  lazyLoaderService: LazyLoaderServiceInterface = new LazyLoaderService();\n\n  @query('donation-form') private donationForm!: DonationForm;\n\n  @query('#braintree-creditcard') private braintreeNumberInput!: HTMLDivElement;\n\n  @query('#braintree-cvv') private braintreeCVVInput!: HTMLDivElement;\n\n  @query('#braintree-expiration') private braintreeExpirationDateInput!: HTMLDivElement;\n\n  @query('#braintree-error-message') private braintreeErrorMessage!: HTMLDivElement;\n\n  @query('contact-form') private contactForm?: ContactForm;\n\n  /** @inheritdoc */\n  updated(changedProperties: PropertyValues): void {\n    if (changedProperties.has('referrer') && this.referrer) {\n      this.braintreeManager?.setReferrer(this.referrer);\n      this.logDonationFlowEvent('referrer', this.referrer);\n    }\n\n    if (changedProperties.has('loggedInUser') && this.loggedInUser) {\n      this.braintreeManager?.setLoggedInUser(this.loggedInUser);\n    }\n\n    if (changedProperties.has('origin') && this.origin) {\n      this.braintreeManager?.setOrigin(this.origin);\n      this.logDonationFlowEvent('origin', this.origin);\n    }\n\n    if (\n      changedProperties.has('paymentClients') ||\n      changedProperties.has('braintreeAuthToken') ||\n      changedProperties.has('endpointManager') ||\n      changedProperties.has('environment')\n    ) {\n      this.setupBraintreeManager();\n      this.setupRecaptchaManager();\n    }\n\n    if (changedProperties.has('recaptchaSiteKey')) {\n      this.setupRecaptchaManager();\n    }\n\n    if (\n      changedProperties.has('braintreeManager') ||\n      changedProperties.has('recaptchaManager') ||\n      changedProperties.has('modalManager') ||\n      changedProperties.has('recaptchaElement')\n    ) {\n      this.setupPaymentFlowHandlers();\n    }\n\n    if (\n      (changedProperties.has('environment') || changedProperties.has('lazyLoaderService')) &&\n      this.environment\n    ) {\n      this.paymentClients = new PaymentClients(this.lazyLoaderService, this.environment);\n    }\n  }\n\n  async showConfirmationStepDev(options: {\n    donationType: DonationType;\n    amount: number;\n    currencyType: string;\n    cancelDonationCB: Function;\n    confirmDonationCB: Function;\n  }): Promise<void> {\n    this.donationForm.showConfirmationModalDev(options);\n  }\n\n  async showUpsellModalDev(options: {\n    oneTimeAmount: number;\n    ctaMode?: UpsellModalCTAMode;\n    yesSelected?: (amount: number) => void;\n    noSelected?: () => void;\n    amountChanged?: (amount: number) => void;\n    userClosedModalCallback?: () => void;\n  }): Promise<void> {\n    this.donationForm.showUpsellModalDev(options);\n  }\n\n  private setupBraintreeManager(): void {\n    if (\n      this.braintreeManager === undefined &&\n      this.braintreeAuthToken &&\n      this.endpointManager &&\n      this.paymentClients &&\n      this.environment\n    ) {\n      this.braintreeManager = new BraintreeManager({\n        paymentClients: this.paymentClients,\n        endpointManager: this.endpointManager,\n        authorizationToken: this.braintreeAuthToken,\n        venmoProfileId: this.venmoProfileId,\n        googlePayMerchantId: this.googlePayMerchantId,\n        hostedFieldConfig: this.hostedFieldConfig,\n        hostingEnvironment: this.environment,\n        referrer: this.referrer,\n        loggedInUser: this.loggedInUser,\n        origin: this.origin,\n      });\n\n      this.braintreeManager.on('paymentProvidersHostedFieldsRetry', (retryNumber: number) => {\n        const event = new CustomEvent('paymentProvidersHostedFieldsRetry', {\n          detail: { retryNumber },\n        });\n        this.dispatchEvent(event);\n      });\n\n      this.braintreeManager.on('paymentProvidersHostedFieldsFailed', (error: unknown) => {\n        const event = new CustomEvent('paymentProvidersHostedFieldsFailed', {\n          detail: { error },\n        });\n        this.dispatchEvent(event);\n      });\n    }\n  }\n\n  private recaptchaManagerSetup = false;\n\n  private async setupRecaptchaManager(): Promise<void> {\n    if (!this.recaptchaSiteKey || !this.paymentClients || this.recaptchaManagerSetup) {\n      return;\n    }\n    this.recaptchaManagerSetup = true;\n    const grecaptchaLibrary = await this.paymentClients.recaptchaLibrary.get();\n    this.recaptchaManager = new RecaptchaManager({\n      grecaptchaLibrary: grecaptchaLibrary,\n      siteKey: this.recaptchaSiteKey,\n    });\n  }\n\n  /** @inheritdoc */\n  firstUpdated(): void {\n    this.configureFromQueryParams();\n    this.trackViewedEvent();\n  }\n\n  private configureFromQueryParams(): void {\n    const urlParams = new URLSearchParams(window.location.search);\n\n    let amountOptions = this.amountOptions;\n    const amountOptionsParam = urlParams.get('dollarAmounts');\n    if (amountOptionsParam) {\n      const stripBrackets = amountOptionsParam.slice(1, -1);\n      const splitValues = stripBrackets.split(',');\n      const numberArray = splitValues\n        .map(value => parseFloat(value))\n        .filter(value => !isNaN(value));\n      amountOptions = numberArray;\n    }\n\n    let coverFees = this.donationInfo.coverFees;\n    const coverFeesParam = urlParams.get('coverFees');\n    if (coverFeesParam) {\n      coverFees = coverFeesParam === 'true';\n    }\n\n    let frequency = this.donationInfo.donationType;\n    const frequencyParam = urlParams.get('contrib_type');\n    if (frequencyParam === 'monthly') {\n      frequency = DonationType.Monthly;\n    }\n\n    let amount = this.donationInfo.amount;\n    const amountParam = urlParams.get('amt');\n    if (amountParam) {\n      const parsedAmount = currency(amountParam).value;\n      if (parsedAmount > 0) {\n        amount = parsedAmount;\n      }\n    }\n\n    const amountLayoutParam = urlParams.get('amountLayout');\n    if (amountLayoutParam) {\n      const amountLayout = amountLayoutParam as EditDonationAmountSelectionLayout;\n      if (Object.values(EditDonationAmountSelectionLayout).includes(amountLayout)) {\n        this.amountSelectionLayout = amountLayout;\n      }\n    }\n\n    const frequencyModeParam = urlParams.get('frequencyMode');\n    if (frequencyModeParam) {\n      const frequencyMode = frequencyModeParam as EditDonationFrequencySelectionMode;\n      if (Object.values(EditDonationFrequencySelectionMode).includes(frequencyMode)) {\n        this.frequencySelectionMode = frequencyMode;\n      }\n    }\n\n    const donationInfo = new DonationPaymentInfo({\n      donationType: frequency,\n      amount: amount,\n      coverFees: coverFees,\n    });\n\n    this.amountOptions = amountOptions;\n    this.donationInfo = donationInfo;\n  }\n\n  private setupPaymentFlowHandlers(): void {\n    // only set up once\n    if (this.paymentFlowHandlers) {\n      return;\n    }\n\n    // verify we have all of the dependencies\n    if (\n      !this.braintreeManager ||\n      !this.recaptchaManager ||\n      !this.modalManager ||\n      !this.recaptchaElement\n    ) {\n      return;\n    }\n\n    this.paymentFlowHandlers = new PaymentFlowHandlers({\n      braintreeManager: this.braintreeManager,\n      modalManager: this.modalManager,\n      recaptchaManager: this.recaptchaManager,\n      resources: {\n        analytics: {\n          logEvent: this.logEvent.bind(this),\n          logDonationFlowEvent: this.logDonationFlowEvent.bind(this),\n        } as DonationControllerEventLoggerInterface,\n      }\n    });\n\n    this.donationForm.braintreeManager = this.braintreeManager;\n    this.donationForm.paymentFlowHandlers = this.paymentFlowHandlers;\n\n    this.braintreeManager.startup();\n    this.paymentFlowHandlers?.startup();\n    this.recaptchaManager.setup(this.recaptchaElement, 1, 'light', 'image');\n  }\n\n  private get hostedFieldConfig(): HostedFieldConfiguration {\n    const hostedFieldStyle: Record<string, Record<string, string>> = {\n      input: {\n        'font-size': '16px',\n        'font-family': '\"Helvetica Neue\", Helvetica, Arial, sans-serif',\n        'font-weight': '700',\n        color: '#333',\n      },\n      ':focus': {\n        color: '#333',\n      },\n      '.valid': {},\n      '.invalid': {\n        color: '#b00b00',\n      },\n    };\n\n    const hostedFieldFieldOptions: braintree.HostedFieldFieldOptions = {\n      number: {\n        selector: '#braintree-creditcard',\n        placeholder: 'Card number',\n      },\n      cvv: {\n        selector: '#braintree-cvv',\n        placeholder: 'CVC',\n      },\n      expirationDate: {\n        selector: '#braintree-expiration',\n        placeholder: 'MM / YY',\n      },\n    };\n\n    const hostedFieldContainer: HostedFieldContainerInterface = new HostedFieldContainer({\n      number: this.braintreeNumberInput,\n      cvv: this.braintreeCVVInput,\n      expirationDate: this.braintreeExpirationDateInput,\n      errorContainer: this.braintreeErrorMessage,\n    });\n\n    const config: HostedFieldConfiguration = new HostedFieldConfiguration({\n      hostedFieldStyle,\n      hostedFieldFieldOptions,\n      hostedFieldContainer,\n    });\n\n    return config;\n  }\n\n  /** @inheritdoc */\n  render(): TemplateResult {\n    return html`\n      <div class=\"donation-form-controller-container\">\n        <donation-form\n          .environment=${this.environment}\n          .braintreeManager=${this.braintreeManager}\n          .contactForm=${this.contactForm}\n          .amountOptions=${this.amountOptions}\n          .donationInfo=${this.donationInfo}\n          .amountSelectionLayout=${this.amountSelectionLayout}\n          .frequencySelectionMode=${this.frequencySelectionMode}\n          @donationInfoChanged=${this.donationInfoChanged}\n          @paymentProviderSelected=${this.paymentProviderSelected}\n          @paymentFlowStarted=${this.paymentFlowStarted}\n          @paymentFlowConfirmed=${this.paymentFlowConfirmed}\n          @paymentFlowCancelled=${this.paymentFlowCancelled}\n          @paymentFlowError=${this.paymentFlowError}\n        >\n          <!--\n            Why are these slots here?\n\n            Due to the way Braintree, PayPal, and Recaptcha work, they cannot exist\n            in the shadowDOM so must exist in the clearDOM and get passed\n            in through a <slot>.\n\n            Braintree / PayPal are working on a solution to this. See:\n            - https://github.com/braintree/braintree-web-drop-in/issues/614#issuecomment-616796104\n            - https://github.com/braintree/braintree-web-drop-in/issues/296#issuecomment-616749307\n            - https://github.com/paypal/paypal-checkout-components/issues/353#issuecomment-595956216\n          -->\n          <div slot=\"braintree-hosted-fields\">\n            <div id=\"braintree-error-message\"></div>\n            <div class=\"braintree-row\">\n              <badged-input .icon=${creditCardImg} ?required=${true} class=\"creditcard\">\n                <div class=\"braintree-input\" id=\"braintree-creditcard\"></div>\n              </badged-input>\n            </div>\n            <div class=\"braintree-row\">\n              <badged-input .icon=${calendarImg} ?required=${true} class=\"expiration\">\n                <div class=\"braintree-input\" id=\"braintree-expiration\"></div>\n              </badged-input>\n              <badged-input .icon=${lockImg} ?required=${true} class=\"cvv\">\n                <div class=\"braintree-input\" id=\"braintree-cvv\"></div>\n              </badged-input>\n            </div>\n          </div>\n\n          <!--\n            Form autocompletion does not work in the shadowDOM so\n            we slot the contact form in from the lightDOM and pass\n            in a reference to it in the <donation-form> tag above\n          -->\n          <div slot=\"contact-form\">\n            <contact-form></contact-form>\n          </div>\n\n          <div slot=\"paypal-button\">\n            <div id=\"paypal-button\"></div>\n          </div>\n\n          <slot name=\"recaptcha\" slot=\"recaptcha\"> </slot>\n        </donation-form>\n      </div>\n\n      ${this.getStyles}\n    `;\n  }\n\n  /** @inheritdoc */\n  createRenderRoot(): this {\n    // Render template without shadow DOM. Note that shadow DOM features like\n    // encapsulated CSS and slots are unavailable.\n    // We have to do this to accomodate the PayPal buttons and HostedFields,\n    // which do not work in the shadow DOM\n    return this;\n  }\n\n  private donationInfoChanged(): void {\n    this.logEvent('DonationInfoChanged');\n  }\n\n  private trackViewedEvent(): void {\n    this.logEvent('Viewed');\n  }\n\n  private paymentProviderSelected(e: CustomEvent): void {\n    const paymentProvider = e.detail.paymentProvider as PaymentProvider;\n    const previousPaymentProvider = e.detail.previousPaymentProvider;\n    const providerNoSpaces = this.removeSpaces(paymentProvider);\n    let eventName = `ProviderFirstSelected-${providerNoSpaces}`;\n    let previousProviderInfo;\n    if (previousPaymentProvider !== undefined) {\n      eventName = `ProviderChangedTo-${providerNoSpaces}`;\n      previousProviderInfo = `ProviderChangedFrom-${this.removeSpaces(previousPaymentProvider)}`;\n    }\n    this.logEvent(eventName, previousProviderInfo);\n  }\n\n  private paymentFlowConfirmed(e: CustomEvent): void {\n    const selectedProvider = e.detail.paymentProvider as PaymentProvider;\n    const providerNoSpaces = this.removeSpaces(selectedProvider);\n    this.logEvent('PaymentFlowConfirmed', providerNoSpaces);\n  }\n\n  private paymentFlowStarted(e: CustomEvent): void {\n    const selectedProvider = e.detail.paymentProvider as PaymentProvider;\n    const providerNoSpaces = this.removeSpaces(selectedProvider);\n    this.logEvent('PaymentFlowStarted', providerNoSpaces);\n  }\n\n  private paymentFlowCancelled(e: CustomEvent): void {\n    const selectedProvider = e.detail.paymentProvider as PaymentProvider;\n    const providerNoSpaces = this.removeSpaces(selectedProvider);\n    this.logEvent('PaymentFlowCancelled', providerNoSpaces);\n  }\n\n  private paymentFlowError(e: CustomEvent): void {\n    const selectedProvider = e.detail.paymentProvider as PaymentProvider;\n    const providerNoSpaces = this.removeSpaces(selectedProvider);\n    const error = e.detail.error;\n    const detail = `${providerNoSpaces}-${error}`;\n    this.logEvent('PaymentFlowError', detail);\n  }\n\n  private removeSpaces(original: string): string {\n    return original.replace(/\\s+/g, '');\n  }\n\n  /**\n   * Log an event\n   *\n   * @param {string} action Name of event\n   * @param {string} label Event label, optional\n   */\n  private logEvent(action: string, label?: string): void {\n    const analyticEvent = { action, label, category: this.analyticsCategory } as AnalyticsEvent;\n    this.analyticsHandler?.sendEvent(analyticEvent);\n  }\n\n  /**\n   * Logs `DonationFlow` Event category into no sample bucket\n   *\n   * @param {string} action Name of event\n   * @param {string} label Event label, optional\n   */\n    private logDonationFlowEvent(action: string, label?: string): void {\n      const analyticEvent = { action, label, category: 'DonationFlow' } as AnalyticsEvent;\n      this.analyticsHandler?.sendEventNoSampling(analyticEvent);\n    }\n\n  /**\n   * This is not the normal LitElement styles block.\n   *\n   * This element uses the clear DOM instead of the shadow DOM, it can't use\n   * the shadowRoot's isolated styling. This is a bit of a workaround to keep all of\n   * the styling local by writing out our own <style> tag and just be careful about\n   * the selectors since they will leak outside of this component.\n   *\n   * @readonly\n   * @private\n   * @type {TemplateResult}\n   * @memberof IADonationFormController\n   */\n  private get getStyles(): TemplateResult {\n    return html`\n      <style>\n        .donation-form-controller-container {\n          color: var(--donateFormTextColor, #333);\n          background-color: var(--donateFormBgColor, transparent);\n\n          --formSectionContentBackgroundColor: var(--donateFormBgColor, transparent);\n\n          --editFormBadgeBgColor: var(--donateFormBadgeBgColor, #333);\n          --formSectionBadgeBackgroundColor: var(--donateFormBadgeBgColor, #333);\n\n          --editFormBadgeFontColor: var(--donateFormBadgeTextColor, #fff);\n          --formSectionBadgeFontColor: var(--donateFormBadgeTextColor, #fff);\n\n          --paymentButtonFontColor: var(--donateFormPaymentOptionTextColor);\n          --paymentButtonColor: var(--donateFormPaymentOptionBgColor);\n\n          --paymentButtonSelectedColor: var(--donateFormSelectedOptionBgColor);\n          --paymentButtonSelectedFontColor: var(--donateFormSelectedOptionTextColor);\n        }\n        .donation-form-controller-container donation-form:focus {\n          outline: none;\n        }\n\n        .donation-form-controller-container #paypal-button {\n          opacity: 0.001;\n          width: 5rem;\n          height: 3rem;\n          overflow: hidden;\n        }\n\n        .donation-form-controller-container .braintree-row {\n          display: flex;\n          margin-top: -1px;\n        }\n\n        .donation-form-controller-container badged-input {\n          width: 100%;\n        }\n\n        .donation-form-controller-container badged-input.cvv {\n          margin-left: -1px;\n        }\n\n        .donation-form-controller-container .braintree-input {\n          width: 100%;\n          height: 100%;\n        }\n\n        .donation-form-controller-container #braintree-error-message {\n          color: red;\n          font-size: 1.4rem;\n          margin-bottom: 0.6rem;\n        }\n\n        .donation-form-controller-container div[slot=\"braintree-hosted-fields\"] {\n          background-color: white;\n        }\n      </style>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"donation-form-controller.js","sourceRoot":"","sources":["../../src/donation-form-controller.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\nimport { LitElement, html, PropertyValues, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\n\nimport currency from 'currency.js';\nimport {\n  LazyLoaderService,\n  LazyLoaderServiceInterface,\n} from '@internetarchive/lazy-loader-service';\nimport { ModalManagerInterface } from '@internetarchive/modal-manager';\n\nimport { DonationForm } from './donation-form';\nimport { PaymentClients, PaymentClientsInterface } from './braintree-manager/payment-clients';\nimport { BraintreeManager } from './braintree-manager/braintree-manager';\nimport {\n  BraintreeEndpointManagerInterface,\n  BraintreeManagerInterface,\n  HostingEnvironment,\n} from './braintree-manager/braintree-interfaces';\nimport {\n  PaymentFlowHandlers,\n  PaymentFlowHandlersInterface,\n} from './payment-flow-handlers/payment-flow-handlers';\n\nimport { RecaptchaManager, RecaptchaManagerInterface } from './recaptcha-manager/recaptcha-manager';\nimport { HostedFieldConfiguration } from './braintree-manager/payment-providers/credit-card/hosted-field-configuration';\nimport {\n  HostedFieldContainerInterface,\n  HostedFieldContainer,\n} from './braintree-manager/payment-providers/credit-card/hosted-field-container';\n\nimport './form-elements/badged-input';\nimport { ContactForm } from './form-elements/contact-form/contact-form';\nimport './form-elements/contact-form/contact-form';\n\nimport creditCardImg from '@internetarchive/icon-credit-card/index.js';\nimport calendarImg from '@internetarchive/icon-calendar/index.js';\nimport lockImg from '@internetarchive/icon-lock/index.js';\nimport { DonationControllerEventLoggerInterface } from './@types/analytics-handler';\nimport { AnalyticsManagerInterface, AnalyticsEvent } from '@internetarchive/analytics-manager';\nimport {\n  EditDonationAmountSelectionLayout,\n  EditDonationFrequencySelectionMode,\n} from '@internetarchive/donation-form-edit-donation';\n\nimport {\n  DonationPaymentInfo,\n  PaymentProvider,\n  DonationType,\n  defaultDonationAmounts,\n  defaultSelectedDonationInfo,\n} from '@internetarchive/donation-form-data-models';\nimport { UpsellModalCTAMode } from './modals/upsell-modal-content';\n\n/**\n * The DonationFormController orchestrates several of the interactions between\n * the various pieces of the donation form like modals, braintree, paypal, and recaptcha\n *\n * @export\n * @class RadioPlayerController\n * @extends {LitElement}\n */\n@customElement('donation-form-controller')\nexport class DonationFormController extends LitElement {\n  @property({ type: String }) environment?: HostingEnvironment;\n\n  @property({ type: String }) braintreeAuthToken?: string;\n\n  @property({ type: String }) recaptchaSiteKey?: string;\n\n  @property({ type: String }) venmoProfileId?: string;\n\n  @property({ type: String }) googlePayMerchantId?: string;\n\n  @property({ type: String }) analyticsCategory = 'DonationForm';\n\n  @property({ type: Array }) amountOptions: number[] = defaultDonationAmounts;\n\n  @property({ type: Object }) donationInfo: DonationPaymentInfo = defaultSelectedDonationInfo;\n\n  @property({ type: String }) amountSelectionLayout: EditDonationAmountSelectionLayout =\n    EditDonationAmountSelectionLayout.MultiLine;\n\n  @property({ type: String }) frequencySelectionMode: EditDonationFrequencySelectionMode =\n    EditDonationFrequencySelectionMode.Button;\n\n  @property({ type: String }) referrer?: string;\n\n  @property({ type: String }) loggedInUser?: string;\n\n  @property({ type: String }) origin?: string;\n\n  @property({ type: Object }) endpointManager?: BraintreeEndpointManagerInterface;\n\n  @property({ type: Object }) analyticsHandler?: AnalyticsManagerInterface;\n\n  @property({ type: Object }) modalManager?: ModalManagerInterface;\n\n  @property({ type: Object }) recaptchaElement?: HTMLElement;\n\n  @property({ type: Object }) braintreeManager?: BraintreeManagerInterface;\n\n  @property({ type: Object }) recaptchaManager?: RecaptchaManagerInterface;\n\n  @property({ type: Object }) paymentFlowHandlers?: PaymentFlowHandlersInterface;\n\n  @property({ type: Object }) paymentClients?: PaymentClientsInterface;\n\n  @property({ type: Object })\n  lazyLoaderService: LazyLoaderServiceInterface = new LazyLoaderService();\n\n  @query('donation-form') private donationForm!: DonationForm;\n\n  @query('#braintree-creditcard') private braintreeNumberInput!: HTMLDivElement;\n\n  @query('#braintree-cvv') private braintreeCVVInput!: HTMLDivElement;\n\n  @query('#braintree-expiration') private braintreeExpirationDateInput!: HTMLDivElement;\n\n  @query('#braintree-error-message') private braintreeErrorMessage!: HTMLDivElement;\n\n  @query('contact-form') private contactForm?: ContactForm;\n\n  /** @inheritdoc */\n  updated(changedProperties: PropertyValues): void {\n    if (changedProperties.has('referrer') && this.referrer) {\n      this.braintreeManager?.setReferrer(this.referrer);\n      this.logDonationFlowEvent('referrer', this.referrer);\n    }\n\n    if (changedProperties.has('loggedInUser') && this.loggedInUser) {\n      this.braintreeManager?.setLoggedInUser(this.loggedInUser);\n    }\n\n    if (changedProperties.has('origin') && this.origin) {\n      this.braintreeManager?.setOrigin(this.origin);\n      this.logDonationFlowEvent('origin', this.origin);\n    }\n\n    if (\n      changedProperties.has('paymentClients') ||\n      changedProperties.has('braintreeAuthToken') ||\n      changedProperties.has('endpointManager') ||\n      changedProperties.has('environment')\n    ) {\n      this.setupBraintreeManager();\n      this.setupRecaptchaManager();\n    }\n\n    if (changedProperties.has('recaptchaSiteKey')) {\n      this.setupRecaptchaManager();\n    }\n\n    if (\n      changedProperties.has('braintreeManager') ||\n      changedProperties.has('recaptchaManager') ||\n      changedProperties.has('modalManager') ||\n      changedProperties.has('recaptchaElement')\n    ) {\n      this.setupPaymentFlowHandlers();\n    }\n\n    if (\n      (changedProperties.has('environment') || changedProperties.has('lazyLoaderService')) &&\n      this.environment\n    ) {\n      this.paymentClients = new PaymentClients(this.lazyLoaderService, this.environment);\n    }\n  }\n\n  async showConfirmationStepDev(options: {\n    donationType: DonationType;\n    amount: number;\n    currencyType: string;\n    cancelDonationCB: Function;\n    confirmDonationCB: Function;\n  }): Promise<void> {\n    this.donationForm.showConfirmationModalDev(options);\n  }\n\n  async showUpsellModalDev(options: {\n    oneTimeAmount: number;\n    ctaMode?: UpsellModalCTAMode;\n    yesSelected?: (amount: number) => void;\n    noSelected?: () => void;\n    amountChanged?: (amount: number) => void;\n    userClosedModalCallback?: () => void;\n  }): Promise<void> {\n    this.donationForm.showUpsellModalDev(options);\n  }\n\n  private setupBraintreeManager(): void {\n    if (\n      this.braintreeManager === undefined &&\n      this.braintreeAuthToken &&\n      this.endpointManager &&\n      this.paymentClients &&\n      this.environment\n    ) {\n      this.braintreeManager = new BraintreeManager({\n        paymentClients: this.paymentClients,\n        endpointManager: this.endpointManager,\n        authorizationToken: this.braintreeAuthToken,\n        venmoProfileId: this.venmoProfileId,\n        googlePayMerchantId: this.googlePayMerchantId,\n        hostedFieldConfig: this.hostedFieldConfig,\n        hostingEnvironment: this.environment,\n        referrer: this.referrer,\n        loggedInUser: this.loggedInUser,\n        origin: this.origin,\n      });\n\n      this.braintreeManager.on('paymentProvidersHostedFieldsRetry', (retryNumber: number) => {\n        const event = new CustomEvent('paymentProvidersHostedFieldsRetry', {\n          detail: { retryNumber },\n        });\n        this.dispatchEvent(event);\n      });\n\n      this.braintreeManager.on('paymentProvidersHostedFieldsFailed', (error: unknown) => {\n        const event = new CustomEvent('paymentProvidersHostedFieldsFailed', {\n          detail: { error },\n        });\n        this.dispatchEvent(event);\n      });\n    }\n  }\n\n  private recaptchaManagerSetup = false;\n\n  private async setupRecaptchaManager(): Promise<void> {\n    if (!this.recaptchaSiteKey || !this.paymentClients || this.recaptchaManagerSetup) {\n      return;\n    }\n    this.recaptchaManagerSetup = true;\n    const grecaptchaLibrary = await this.paymentClients.recaptchaLibrary.get();\n    this.recaptchaManager = new RecaptchaManager({\n      grecaptchaLibrary: grecaptchaLibrary,\n      siteKey: this.recaptchaSiteKey,\n    });\n  }\n\n  /** @inheritdoc */\n  firstUpdated(): void {\n    this.configureFromQueryParams();\n    this.trackViewedEvent();\n  }\n\n  private configureFromQueryParams(): void {\n    const urlParams = new URLSearchParams(window.location.search);\n\n    let amountOptions = this.amountOptions;\n    const amountOptionsParam = urlParams.get('dollarAmounts');\n    if (amountOptionsParam) {\n      const stripBrackets = amountOptionsParam.slice(1, -1);\n      const splitValues = stripBrackets.split(',');\n      const numberArray = splitValues\n        .map(value => parseFloat(value))\n        .filter(value => !isNaN(value));\n      amountOptions = numberArray;\n    }\n\n    let coverFees = this.donationInfo.coverFees;\n    const coverFeesParam = urlParams.get('coverFees');\n    if (coverFeesParam) {\n      coverFees = coverFeesParam === 'true';\n    }\n\n    let frequency = this.donationInfo.donationType;\n    const frequencyParam = urlParams.get('contrib_type');\n    if (frequencyParam === 'monthly') {\n      frequency = DonationType.Monthly;\n    }\n\n    let amount = this.donationInfo.amount;\n    const amountParam = urlParams.get('amt');\n    if (amountParam) {\n      const parsedAmount = currency(amountParam).value;\n      if (parsedAmount > 0) {\n        amount = parsedAmount;\n      }\n    }\n\n    const amountLayoutParam = urlParams.get('amountLayout');\n    if (amountLayoutParam) {\n      const amountLayout = amountLayoutParam as EditDonationAmountSelectionLayout;\n      if (Object.values(EditDonationAmountSelectionLayout).includes(amountLayout)) {\n        this.amountSelectionLayout = amountLayout;\n      }\n    }\n\n    const frequencyModeParam = urlParams.get('frequencyMode');\n    if (frequencyModeParam) {\n      const frequencyMode = frequencyModeParam as EditDonationFrequencySelectionMode;\n      if (Object.values(EditDonationFrequencySelectionMode).includes(frequencyMode)) {\n        this.frequencySelectionMode = frequencyMode;\n      }\n    }\n\n    const donationInfo = new DonationPaymentInfo({\n      donationType: frequency,\n      amount: amount,\n      coverFees: coverFees,\n    });\n\n    this.amountOptions = amountOptions;\n    this.donationInfo = donationInfo;\n  }\n\n  private setupPaymentFlowHandlers(): void {\n    // only set up once\n    if (this.paymentFlowHandlers) {\n      return;\n    }\n\n    // verify we have all of the dependencies\n    if (\n      !this.braintreeManager ||\n      !this.recaptchaManager ||\n      !this.modalManager ||\n      !this.recaptchaElement\n    ) {\n      return;\n    }\n\n    this.paymentFlowHandlers = new PaymentFlowHandlers({\n      braintreeManager: this.braintreeManager,\n      modalManager: this.modalManager,\n      recaptchaManager: this.recaptchaManager,\n      resources: {\n        analytics: {\n          logEvent: this.logEvent.bind(this),\n          logDonationFlowEvent: this.logDonationFlowEvent.bind(this),\n        } as DonationControllerEventLoggerInterface,\n      },\n    });\n\n    this.donationForm.braintreeManager = this.braintreeManager;\n    this.donationForm.paymentFlowHandlers = this.paymentFlowHandlers;\n\n    this.braintreeManager.startup();\n    this.paymentFlowHandlers?.startup();\n    this.recaptchaManager.setup(this.recaptchaElement, 1, 'light', 'image');\n  }\n\n  private get hostedFieldConfig(): HostedFieldConfiguration {\n    const hostedFieldStyle: Record<string, Record<string, string>> = {\n      input: {\n        'font-size': '16px',\n        'font-family': '\"Helvetica Neue\", Helvetica, Arial, sans-serif',\n        'font-weight': '700',\n        color: '#333',\n      },\n      ':focus': {\n        color: '#333',\n      },\n      '.valid': {},\n      '.invalid': {\n        color: '#b00b00',\n      },\n    };\n\n    const hostedFieldFieldOptions: braintree.HostedFieldFieldOptions = {\n      number: {\n        selector: '#braintree-creditcard',\n        placeholder: 'Card number',\n      },\n      cvv: {\n        selector: '#braintree-cvv',\n        placeholder: 'CVC',\n      },\n      expirationDate: {\n        selector: '#braintree-expiration',\n        placeholder: 'MM / YY',\n      },\n    };\n\n    const hostedFieldContainer: HostedFieldContainerInterface = new HostedFieldContainer({\n      number: this.braintreeNumberInput,\n      cvv: this.braintreeCVVInput,\n      expirationDate: this.braintreeExpirationDateInput,\n      errorContainer: this.braintreeErrorMessage,\n    });\n\n    const config: HostedFieldConfiguration = new HostedFieldConfiguration({\n      hostedFieldStyle,\n      hostedFieldFieldOptions,\n      hostedFieldContainer,\n    });\n\n    return config;\n  }\n\n  /** @inheritdoc */\n  render(): TemplateResult {\n    return html`\n      <div class=\"donation-form-controller-container\">\n        <donation-form\n          .environment=${this.environment}\n          .braintreeManager=${this.braintreeManager}\n          .contactForm=${this.contactForm}\n          .amountOptions=${this.amountOptions}\n          .donationInfo=${this.donationInfo}\n          .amountSelectionLayout=${this.amountSelectionLayout}\n          .frequencySelectionMode=${this.frequencySelectionMode}\n          @donationInfoChanged=${this.donationInfoChanged}\n          @paymentProviderSelected=${this.paymentProviderSelected}\n          @paymentFlowStarted=${this.paymentFlowStarted}\n          @paymentFlowConfirmed=${this.paymentFlowConfirmed}\n          @paymentFlowCancelled=${this.paymentFlowCancelled}\n          @paymentFlowError=${this.paymentFlowError}\n        >\n          <!--\n            Why are these slots here?\n\n            Due to the way Braintree, PayPal, and Recaptcha work, they cannot exist\n            in the shadowDOM so must exist in the clearDOM and get passed\n            in through a <slot>.\n\n            Braintree / PayPal are working on a solution to this. See:\n            - https://github.com/braintree/braintree-web-drop-in/issues/614#issuecomment-616796104\n            - https://github.com/braintree/braintree-web-drop-in/issues/296#issuecomment-616749307\n            - https://github.com/paypal/paypal-checkout-components/issues/353#issuecomment-595956216\n          -->\n          <div slot=\"braintree-hosted-fields\">\n            <div id=\"braintree-error-message\"></div>\n            <div class=\"braintree-row\">\n              <badged-input .icon=${creditCardImg} ?required=${true} class=\"creditcard\">\n                <div class=\"braintree-input\" id=\"braintree-creditcard\"></div>\n              </badged-input>\n            </div>\n            <div class=\"braintree-row\">\n              <badged-input .icon=${calendarImg} ?required=${true} class=\"expiration\">\n                <div class=\"braintree-input\" id=\"braintree-expiration\"></div>\n              </badged-input>\n              <badged-input .icon=${lockImg} ?required=${true} class=\"cvv\">\n                <div class=\"braintree-input\" id=\"braintree-cvv\"></div>\n              </badged-input>\n            </div>\n          </div>\n\n          <!--\n            Form autocompletion does not work in the shadowDOM so\n            we slot the contact form in from the lightDOM and pass\n            in a reference to it in the <donation-form> tag above\n          -->\n          <div slot=\"contact-form\">\n            <contact-form></contact-form>\n          </div>\n\n          <div slot=\"paypal-button\">\n            <div id=\"paypal-button\"></div>\n          </div>\n\n          <slot name=\"recaptcha\" slot=\"recaptcha\"> </slot>\n        </donation-form>\n      </div>\n\n      ${this.getStyles}\n    `;\n  }\n\n  /** @inheritdoc */\n  createRenderRoot(): this {\n    // Render template without shadow DOM. Note that shadow DOM features like\n    // encapsulated CSS and slots are unavailable.\n    // We have to do this to accomodate the PayPal buttons and HostedFields,\n    // which do not work in the shadow DOM\n    return this;\n  }\n\n  private donationInfoChanged(): void {\n    this.logEvent('DonationInfoChanged');\n  }\n\n  private trackViewedEvent(): void {\n    this.logEvent('Viewed');\n  }\n\n  private paymentProviderSelected(e: CustomEvent): void {\n    const paymentProvider = e.detail.paymentProvider as PaymentProvider;\n    const previousPaymentProvider = e.detail.previousPaymentProvider;\n    const providerNoSpaces = this.removeSpaces(paymentProvider);\n    let eventName = `ProviderFirstSelected-${providerNoSpaces}`;\n    let previousProviderInfo;\n    if (previousPaymentProvider !== undefined) {\n      eventName = `ProviderChangedTo-${providerNoSpaces}`;\n      previousProviderInfo = `ProviderChangedFrom-${this.removeSpaces(previousPaymentProvider)}`;\n    }\n    this.logEvent(eventName, previousProviderInfo);\n  }\n\n  private paymentFlowConfirmed(e: CustomEvent): void {\n    const selectedProvider = e.detail.paymentProvider as PaymentProvider;\n    const providerNoSpaces = this.removeSpaces(selectedProvider);\n    this.logEvent('PaymentFlowConfirmed', providerNoSpaces);\n  }\n\n  private paymentFlowStarted(e: CustomEvent): void {\n    const selectedProvider = e.detail.paymentProvider as PaymentProvider;\n    const providerNoSpaces = this.removeSpaces(selectedProvider);\n    this.logEvent('PaymentFlowStarted', providerNoSpaces);\n  }\n\n  private paymentFlowCancelled(e: CustomEvent): void {\n    const selectedProvider = e.detail.paymentProvider as PaymentProvider;\n    const providerNoSpaces = this.removeSpaces(selectedProvider);\n    this.logEvent('PaymentFlowCancelled', providerNoSpaces);\n  }\n\n  private paymentFlowError(e: CustomEvent): void {\n    const selectedProvider = e.detail.paymentProvider as PaymentProvider;\n    const providerNoSpaces = this.removeSpaces(selectedProvider);\n    const error = e.detail.error;\n    const detail = `${providerNoSpaces}-${error}`;\n    this.logEvent('PaymentFlowError', detail);\n  }\n\n  private removeSpaces(original: string): string {\n    return original.replace(/\\s+/g, '');\n  }\n\n  /**\n   * Log an event\n   *\n   * @param {string} action Name of event\n   * @param {string} label Event label, optional\n   */\n  private logEvent(action: string, label?: string): void {\n    const analyticEvent = { action, label, category: this.analyticsCategory } as AnalyticsEvent;\n    this.analyticsHandler?.sendEvent(analyticEvent);\n  }\n\n  /**\n   * Logs `DonationFlow` Event category into no sample bucket\n   *\n   * @param {string} action Name of event\n   * @param {string} label Event label, optional\n   */\n  private logDonationFlowEvent(action: string, label?: string): void {\n    const analyticEvent = { action, label, category: 'DonationFlow' } as AnalyticsEvent;\n    this.analyticsHandler?.sendEventNoSampling(analyticEvent);\n  }\n\n  /**\n   * This is not the normal LitElement styles block.\n   *\n   * This element uses the clear DOM instead of the shadow DOM, it can't use\n   * the shadowRoot's isolated styling. This is a bit of a workaround to keep all of\n   * the styling local by writing out our own <style> tag and just be careful about\n   * the selectors since they will leak outside of this component.\n   *\n   * @readonly\n   * @private\n   * @type {TemplateResult}\n   * @memberof IADonationFormController\n   */\n  private get getStyles(): TemplateResult {\n    return html`\n      <style>\n        .donation-form-controller-container {\n          color: var(--donateFormTextColor, #333);\n          background-color: var(--donateFormBgColor, transparent);\n\n          --formSectionContentBackgroundColor: var(--donateFormBgColor, transparent);\n\n          --editFormBadgeBgColor: var(--donateFormBadgeBgColor, #333);\n          --formSectionBadgeBackgroundColor: var(--donateFormBadgeBgColor, #333);\n\n          --editFormBadgeFontColor: var(--donateFormBadgeTextColor, #fff);\n          --formSectionBadgeFontColor: var(--donateFormBadgeTextColor, #fff);\n\n          --paymentButtonFontColor: var(--donateFormPaymentOptionTextColor);\n          --paymentButtonColor: var(--donateFormPaymentOptionBgColor);\n\n          --paymentButtonSelectedColor: var(--donateFormSelectedOptionBgColor);\n          --paymentButtonSelectedFontColor: var(--donateFormSelectedOptionTextColor);\n        }\n        .donation-form-controller-container donation-form:focus {\n          outline: none;\n        }\n\n        .donation-form-controller-container #paypal-button {\n          opacity: 0.001;\n          width: 5rem;\n          height: 3rem;\n          overflow: hidden;\n        }\n\n        .donation-form-controller-container .braintree-row {\n          display: flex;\n          margin-top: -1px;\n        }\n\n        .donation-form-controller-container badged-input {\n          width: 100%;\n        }\n\n        .donation-form-controller-container badged-input.cvv {\n          margin-left: -1px;\n        }\n\n        .donation-form-controller-container .braintree-input {\n          width: 100%;\n          height: 100%;\n        }\n\n        .donation-form-controller-container #braintree-error-message {\n          color: red;\n          font-size: 1.4rem;\n          margin-bottom: 0.6rem;\n        }\n\n        .donation-form-controller-container div[slot='braintree-hosted-fields'] {\n          background-color: white;\n        }\n      </style>\n    `;\n  }\n}\n"]}

package/dist/src/donation-form.js

@@ -1,7 +1,8 @@
 import { __awaiter, __decorate } from "tslib";
+/* eslint-disable @typescript-eslint/ban-types */
 import { LitElement, html, css } from 'lit';
 import { customElement, property, query } from 'lit/decorators.js';
-import lockImg from '@internetarchive/icon-lock';
+import lockImg from '@internetarchive/icon-lock/index.js';
 // we have to import the registered component independently from the definition below
 // because inside each of these files, we're registering the custom element inside
 // these files and by simply importing the class name, you lose that behavior
@@ -134,13 +135,9 @@ let DonationForm = class DonationForm extends LitElement {
 
       <donation-form-section .sectionBadge=${this.paymentSelectorNumberingStart + 2}>
         <slot name="recaptcha"></slot>
-        <button id="donate-button" @click=${this.donateClicked}>
-          Donate
-        </button>
+        <button id="donate-button" @click=${this.donateClicked}>Donate</button>
 
-        <div class="secure-process-note">
-          ${lockImg} Your payment will be securely processed
-        </div>
+        <div class="secure-process-note">${lockImg} Your payment will be securely processed</div>
       </donation-form-section>
     `;
     }
@@ -194,7 +191,8 @@ let DonationForm = class DonationForm extends LitElement {
             return;
         }
         const originalEvent = e.detail.originalEvent;
-        this.donationInfo && ((_b = (_a = this.paymentFlowHandlers) === null || _a === void 0 ? void 0 : _a.applePayHandler) === null || _b === void 0 ? void 0 : _b.paymentInitiated(this.donationInfo, originalEvent));
+        this.donationInfo &&
+            ((_b = (_a = this.paymentFlowHandlers) === null || _a === void 0 ? void 0 : _a.applePayHandler) === null || _b === void 0 ? void 0 : _b.paymentInitiated(this.donationInfo, originalEvent));
         this.emitPaymentFlowStartedEvent();
     }
     googlePaySelected() {
@@ -206,7 +204,8 @@ let DonationForm = class DonationForm extends LitElement {
             this.showInvalidDonationInfoAlert();
         }
         else {
-            this.donationInfo && ((_b = (_a = this.paymentFlowHandlers) === null || _a === void 0 ? void 0 : _a.googlePayHandler) === null || _b === void 0 ? void 0 : _b.paymentInitiated(this.donationInfo));
+            this.donationInfo &&
+                ((_b = (_a = this.paymentFlowHandlers) === null || _a === void 0 ? void 0 : _a.googlePayHandler) === null || _b === void 0 ? void 0 : _b.paymentInitiated(this.donationInfo));
             this.emitPaymentFlowStartedEvent();
         }
     }
@@ -379,7 +378,8 @@ let DonationForm = class DonationForm extends LitElement {
         this.flowHandlersConfigured = true;
         this.bindFlowListenerEvents();
         this.renderPayPalButtonIfNeeded();
-        this.donationInfo && ((_b = (_a = this.paymentFlowHandlers) === null || _a === void 0 ? void 0 : _a.paypalHandler) === null || _b === void 0 ? void 0 : _b.updateDonationInfo(this.donationInfo));
+        this.donationInfo &&
+            ((_b = (_a = this.paymentFlowHandlers) === null || _a === void 0 ? void 0 : _a.paypalHandler) === null || _b === void 0 ? void 0 : _b.updateDonationInfo(this.donationInfo));
     }
     bindFlowListenerEvents() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;