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

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

@@ -1 +1 @@
-{"version":3,"file":"paypal-flow-handler.js","sourceRoot":"","sources":["../../../../src/payment-flow-handlers/handlers/paypal-flow-handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { createNanoEvents, Emitter, Unsubscribe } from 'nanoevents';\n\nimport {\n  PayPalButtonDataSourceInterface,\n  PayPalButtonDataSourceDelegate,\n} from '../../braintree-manager/payment-providers/paypal/paypal-button-datasource';\nimport {\n  DonationResponse,\n  DonationType,\n  DonationPaymentInfo,\n  SuccessResponse,\n  CustomerInfo,\n  BillingInfo,\n  PaymentProvider,\n  ErrorResponse,\n} from '@internetarchive/donation-form-data-models';\nimport { BraintreeManagerInterface } from '../../braintree-manager/braintree-interfaces';\n\nimport { UpsellModalCTAMode } from '../../modals/upsell-modal-content';\nimport {\n  DonationFlowModalManagerInterface,\n  DonationFlowModalManager,\n} from '../donation-flow-modal-manager';\n\nexport interface PayPalFlowHandlerInterface {\n  updateDonationInfo(donationInfo: DonationPaymentInfo): void;\n  updateUpsellDonationInfo(donationInfo: DonationPaymentInfo): void;\n  renderPayPalButton(donationInfo: DonationPaymentInfo): Promise<void>;\n  on<E extends keyof PayPalFlowHandlerEvents>(\n    event: E,\n    callback: PayPalFlowHandlerEvents[E],\n  ): Unsubscribe;\n}\n\n/**\n * This is a class to combine the data from the one-time purchase to the upsell\n *\n * @class UpsellDataSourceContainer\n */\nclass UpsellDataSourceContainer {\n  upsellButtonDataSource: PayPalButtonDataSourceInterface;\n  oneTimePayload: paypal.TokenizePayload;\n  oneTimeSuccessResponse: SuccessResponse;\n\n  constructor(options: {\n    upsellButtonDataSource: PayPalButtonDataSourceInterface;\n    oneTimePayload: paypal.TokenizePayload;\n    oneTimeSuccessResponse: SuccessResponse;\n  }) {\n    this.upsellButtonDataSource = options.upsellButtonDataSource;\n    this.oneTimePayload = options.oneTimePayload;\n    this.oneTimeSuccessResponse = options.oneTimeSuccessResponse;\n  }\n}\n\nexport interface PayPalFlowHandlerEvents {\n  payPalPaymentStarted: (dataSource: PayPalButtonDataSourceInterface, options: object) => void;\n  payPalPaymentCancelled: (dataSource: PayPalButtonDataSourceInterface, data: object) => void;\n  payPalPaymentError: (dataSource: PayPalButtonDataSourceInterface, error: string) => void;\n  payPalPaymentConfirmed: (dataSource: PayPalButtonDataSourceInterface, data: object) => void;\n}\n\n/**\n * This class manages the user-flow for PayPal.\n *\n * @export\n * @class PayPalFlowHandler\n * @implements {PayPalFlowHandlerInterface}\n * @implements {PayPalButtonDataSourceDelegate}\n */\nexport class PayPalFlowHandler\n  implements PayPalFlowHandlerInterface, PayPalButtonDataSourceDelegate {\n  private upsellButtonDataSourceContainer?: UpsellDataSourceContainer;\n\n  private buttonDataSource?: PayPalButtonDataSourceInterface;\n\n  private donationFlowModalManager: DonationFlowModalManagerInterface;\n\n  private braintreeManager: BraintreeManagerInterface;\n\n  private emitter: Emitter<PayPalFlowHandlerEvents> = createNanoEvents<PayPalFlowHandlerEvents>();\n\n  updateDonationInfo(donationInfo: DonationPaymentInfo): void {\n    if (this.buttonDataSource) {\n      this.buttonDataSource.donationInfo = donationInfo;\n    }\n  }\n\n  updateUpsellDonationInfo(donationInfo: DonationPaymentInfo): void {\n    if (this.upsellButtonDataSourceContainer) {\n      this.upsellButtonDataSourceContainer.upsellButtonDataSource.donationInfo = donationInfo;\n    }\n  }\n\n  constructor(options: {\n    braintreeManager: BraintreeManagerInterface;\n    donationFlowModalManager: DonationFlowModalManagerInterface;\n  }) {\n    this.braintreeManager = options.braintreeManager;\n    this.donationFlowModalManager = options.donationFlowModalManager;\n  }\n\n  on<E extends keyof PayPalFlowHandlerEvents>(\n    event: E,\n    callback: PayPalFlowHandlerEvents[E],\n  ): Unsubscribe {\n    return this.emitter.on(event, callback);\n  }\n\n  async payPalPaymentStarted(\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    dataSource: PayPalButtonDataSourceInterface,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    options: object,\n  ): Promise<void> {\n    this.emitter.emit('payPalPaymentStarted', dataSource, options);\n  }\n\n  /**\n   * Once we have the dataSource & payload, we ask patron to confirm donation.\n   * Once confirmed, we move forward to: `payPalPaymentConfirmed`\n   */\n  async payPalPaymentAuthorized(dataSource: PayPalButtonDataSourceInterface,\n    payload: paypal.TokenizePayload\n    ): Promise<void> {\n\n    const { donationType, total } = dataSource.donationInfo;\n    this.donationFlowModalManager.showConfirmationStepModal({\n      donationType,\n      amount: total,\n      currencyType: 'USD', // defaults to USD for now\n      confirmDonationCB: () => {\n        this.payPalPaymentConfirmed(dataSource, payload);\n      },\n      cancelDonationCB: () => {\n        this.donationFlowModalManager.closeModal();\n        this.payPalPaymentCancelled(dataSource, {});\n      }\n    });\n  }\n\n  async payPalPaymentConfirmed(\n    dataSource: PayPalButtonDataSourceInterface,\n    payload: paypal.TokenizePayload,\n  ): Promise<void> {\n    this.emitter.emit('payPalPaymentConfirmed', dataSource, {});\n    this.donationFlowModalManager.showProcessingModal();\n\n    const donationType = dataSource.donationInfo.donationType;\n\n    const details = payload?.details;\n\n    const customerInfo = new CustomerInfo({\n      email: details?.email,\n      firstName: details?.firstName,\n      lastName: details?.lastName,\n    });\n\n    const shippingAddress = details.shippingAddress;\n\n    const billingInfo = new BillingInfo({\n      streetAddress: shippingAddress?.line1,\n      extendedAddress: shippingAddress?.line2,\n      locality: shippingAddress?.city,\n      region: shippingAddress?.state,\n      postalCode: shippingAddress?.postalCode,\n      countryCodeAlpha2: shippingAddress?.countryCode,\n    });\n\n    const oneTimeTransaction = this.upsellButtonDataSourceContainer\n      ? this.upsellButtonDataSourceContainer.oneTimeSuccessResponse.transaction_id\n      : undefined;\n\n    const response: DonationResponse = await this.braintreeManager.submitDonation({\n      nonce: payload.nonce,\n      paymentProvider: PaymentProvider.PayPal,\n      donationInfo: dataSource.donationInfo,\n      customerInfo: customerInfo,\n      billingInfo: billingInfo,\n      upsellOnetimeTransactionId: oneTimeTransaction,\n    });\n\n    if (!response.success) {\n      const error = response.value as ErrorResponse;\n      this.donationFlowModalManager.showErrorModal({\n        message: error.message,\n      });\n      return;\n    }\n\n    const successResponse = response.value as SuccessResponse;\n\n    switch (donationType) {\n      case DonationType.OneTime:\n        this.showUpsellModal(payload, successResponse);\n        break;\n      case DonationType.Monthly:\n        // show thank you, redirect\n        this.donationFlowModalManager.showThankYouModal({ successResponse });\n        break;\n      case DonationType.Upsell:\n        if (this.upsellButtonDataSourceContainer) {\n          this.donationFlowModalManager.showThankYouModal({\n            successResponse: this.upsellButtonDataSourceContainer.oneTimeSuccessResponse,\n            upsellSuccessResponse: successResponse,\n          });\n        } else {\n          // we're in the upsell flow, but no upsell data source container.. this should not happen\n          this.donationFlowModalManager.showErrorModal({\n            message: 'Error setting up monthly donation',\n          });\n        }\n        break;\n    }\n  }\n\n  async payPalPaymentCancelled(\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    dataSource: PayPalButtonDataSourceInterface,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    data: object,\n  ): Promise<void> {\n    this.emitter.emit('payPalPaymentCancelled', dataSource, data);\n  }\n\n  async payPalPaymentError(\n    dataSource: PayPalButtonDataSourceInterface,\n    error: string,\n  ): Promise<void> {\n    this.emitter.emit('payPalPaymentError', dataSource, error);\n    console.error(\n      'PaymentSector:payPalPaymentError error:',\n      dataSource,\n      dataSource.donationInfo,\n      error,\n    );\n  }\n\n  async renderPayPalButton(donationInfo: DonationPaymentInfo): Promise<void> {\n    const handler = await this.braintreeManager?.paymentProviders.paypalHandler.get();\n\n    this.buttonDataSource = await handler?.renderPayPalButton({\n      selector: '#paypal-button',\n      style: {\n        color: 'blue' as paypal.ButtonColorOption, // I'm not sure why I can't access the enum directly here.. I get a UMD error\n        label: 'paypal' as paypal.ButtonLabelOption,\n        shape: 'rect' as paypal.ButtonShapeOption,\n        size: 'medium' as paypal.ButtonSizeOption,\n        tagline: false,\n      },\n      donationInfo: donationInfo,\n    });\n\n    if (this.buttonDataSource) {\n      this.buttonDataSource.delegate = this;\n    }\n  }\n\n  private async showUpsellModal(\n    oneTimePayload: paypal.TokenizePayload,\n    oneTimeSuccessResponse: SuccessResponse,\n  ): Promise<void> {\n    this.donationFlowModalManager.showUpsellModal({\n      oneTimeAmount: oneTimeSuccessResponse.amount,\n      amountChanged: this.upsellAmountChanged.bind(this),\n      noSelected: () => {\n        this.donationFlowModalManager.showThankYouModal({\n          successResponse: oneTimeSuccessResponse,\n        });\n      },\n      ctaMode: UpsellModalCTAMode.PayPalUpsellSlot,\n      userClosedModalCallback: () => {\n        this.donationFlowModalManager.showThankYouModal({\n          successResponse: oneTimeSuccessResponse,\n        });\n      },\n    });\n\n    const amount = DonationFlowModalManager.getDefaultUpsellAmount(oneTimeSuccessResponse.amount);\n\n    const upsellDonationInfo = new DonationPaymentInfo({\n      amount: amount,\n      donationType: DonationType.Upsell,\n      coverFees: false,\n    });\n\n    if (!this.upsellButtonDataSourceContainer) {\n      this.renderUpsellPayPalButton({\n        donationInfo: upsellDonationInfo,\n        oneTimePayload,\n        oneTimeSuccessResponse,\n      });\n    }\n  }\n\n  private upsellAmountChanged(amount: number): void {\n    if (this.upsellButtonDataSourceContainer) {\n      this.upsellButtonDataSourceContainer.upsellButtonDataSource.donationInfo.amount = amount;\n    }\n  }\n\n  private async renderUpsellPayPalButton(options: {\n    donationInfo: DonationPaymentInfo;\n    oneTimePayload: paypal.TokenizePayload;\n    oneTimeSuccessResponse: SuccessResponse;\n  }): Promise<void> {\n    const handler = await this.braintreeManager?.paymentProviders.paypalHandler.get();\n\n    const upsellButtonDataSource = await handler?.renderPayPalButton({\n      selector: '#paypal-upsell-button',\n      style: {\n        color: 'blue' as paypal.ButtonColorOption,\n        label: 'paypal' as paypal.ButtonLabelOption,\n        shape: 'rect' as paypal.ButtonShapeOption,\n        size: 'responsive' as paypal.ButtonSizeOption,\n        tagline: false,\n      },\n      donationInfo: options.donationInfo,\n    });\n\n    if (upsellButtonDataSource) {\n      upsellButtonDataSource.delegate = this;\n      this.upsellButtonDataSourceContainer = new UpsellDataSourceContainer({\n        upsellButtonDataSource: upsellButtonDataSource,\n        oneTimePayload: options.oneTimePayload,\n        oneTimeSuccessResponse: options.oneTimeSuccessResponse,\n      });\n    } else {\n      console.error('error rendering paypal upsell button');\n    }\n  }\n}\n"]}
+{"version":3,"file":"paypal-flow-handler.js","sourceRoot":"","sources":["../../../../src/payment-flow-handlers/handlers/paypal-flow-handler.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAwB,MAAM,YAAY,CAAC;AAMpE,OAAO,EAEL,YAAY,EACZ,mBAAmB,EAEnB,YAAY,EACZ,WAAW,EACX,eAAe,GAEhB,MAAM,4CAA4C,CAAC;AAGpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAEL,wBAAwB,GACzB,MAAM,gCAAgC,CAAC;AAYxC;;;;GAIG;AACH,MAAM,yBAAyB;IAK7B,YAAY,OAIX;QACC,IAAI,CAAC,sBAAsB,GAAG,OAAO,CAAC,sBAAsB,CAAC;QAC7D,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;QAC7C,IAAI,CAAC,sBAAsB,GAAG,OAAO,CAAC,sBAAsB,CAAC;IAC/D,CAAC;CACF;AASD;;;;;;;GAOG;AACH,MAAM,OAAO,iBAAiB;IAwB5B,YAAY,OAGX;QAjBO,YAAO,GAAqC,gBAAgB,EAA2B,CAAC;QAkB9F,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC;QACjD,IAAI,CAAC,wBAAwB,GAAG,OAAO,CAAC,wBAAwB,CAAC;IACnE,CAAC;IAlBD,kBAAkB,CAAC,YAAiC;QAClD,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,YAAY,CAAC;SACnD;IACH,CAAC;IAED,wBAAwB,CAAC,YAAiC;QACxD,IAAI,IAAI,CAAC,+BAA+B,EAAE;YACxC,IAAI,CAAC,+BAA+B,CAAC,sBAAsB,CAAC,YAAY,GAAG,YAAY,CAAC;SACzF;IACH,CAAC;IAUD,EAAE,CACA,KAAQ,EACR,QAAoC;QAEpC,OAAO,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC1C,CAAC;IAEK,oBAAoB;IACxB,6DAA6D;IAC7D,UAA2C;IAC3C,6DAA6D;IAC7D,OAAe;;YAEf,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;QACjE,CAAC;KAAA;IAED;;;OAGG;IACG,uBAAuB,CAAC,UAA2C,EACvE,OAA+B;;YAG/B,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;YACxD,IAAI,CAAC,wBAAwB,CAAC,yBAAyB,CAAC;gBACtD,YAAY;gBACZ,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,KAAK;gBACnB,iBAAiB,EAAE,GAAG,EAAE;oBACtB,IAAI,CAAC,sBAAsB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;gBACnD,CAAC;gBACD,gBAAgB,EAAE,GAAG,EAAE;oBACrB,IAAI,CAAC,wBAAwB,CAAC,UAAU,EAAE,CAAC;oBAC3C,IAAI,CAAC,sBAAsB,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;gBAC9C,CAAC;aACF,CAAC,CAAC;QACL,CAAC;KAAA;IAEK,sBAAsB,CAC1B,UAA2C,EAC3C,OAA+B;;YAE/B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,wBAAwB,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC;YAC5D,IAAI,CAAC,wBAAwB,CAAC,mBAAmB,EAAE,CAAC;YAEpD,MAAM,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC,YAAY,CAAC;YAE1D,MAAM,OAAO,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC;YAEjC,MAAM,YAAY,GAAG,IAAI,YAAY,CAAC;gBACpC,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK;gBACrB,SAAS,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS;gBAC7B,QAAQ,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ;aAC5B,CAAC,CAAC;YAEH,MAAM,eAAe,GAAG,OAAO,CAAC,eAAe,CAAC;YAEhD,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;gBAClC,aAAa,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK;gBACrC,eAAe,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK;gBACvC,QAAQ,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI;gBAC/B,MAAM,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK;gBAC9B,UAAU,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,UAAU;gBACvC,iBAAiB,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,WAAW;aAChD,CAAC,CAAC;YAEH,MAAM,kBAAkB,GAAG,IAAI,CAAC,+BAA+B;gBAC7D,CAAC,CAAC,IAAI,CAAC,+BAA+B,CAAC,sBAAsB,CAAC,cAAc;gBAC5E,CAAC,CAAC,SAAS,CAAC;YAEd,MAAM,QAAQ,GAAqB,MAAM,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC;gBAC5E,KAAK,EAAE,OAAO,CAAC,KAAK;gBACpB,eAAe,EAAE,eAAe,CAAC,MAAM;gBACvC,YAAY,EAAE,UAAU,CAAC,YAAY;gBACrC,YAAY,EAAE,YAAY;gBAC1B,WAAW,EAAE,WAAW;gBACxB,0BAA0B,EAAE,kBAAkB;aAC/C,CAAC,CAAC;YAEH,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;gBACrB,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAsB,CAAC;gBAC9C,IAAI,CAAC,wBAAwB,CAAC,cAAc,CAAC;oBAC3C,OAAO,EAAE,KAAK,CAAC,OAAO;iBACvB,CAAC,CAAC;gBACH,OAAO;aACR;YAED,MAAM,eAAe,GAAG,QAAQ,CAAC,KAAwB,CAAC;YAE1D,QAAQ,YAAY,EAAE;gBACpB,KAAK,YAAY,CAAC,OAAO;oBACvB,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;oBAC/C,MAAM;gBACR,KAAK,YAAY,CAAC,OAAO;oBACvB,2BAA2B;oBAC3B,IAAI,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC;oBACrE,MAAM;gBACR,KAAK,YAAY,CAAC,MAAM;oBACtB,IAAI,IAAI,CAAC,+BAA+B,EAAE;wBACxC,IAAI,CAAC,wBAAwB,CAAC,iBAAiB,CAAC;4BAC9C,eAAe,EAAE,IAAI,CAAC,+BAA+B,CAAC,sBAAsB;4BAC5E,qBAAqB,EAAE,eAAe;yBACvC,CAAC,CAAC;qBACJ;yBAAM;wBACL,yFAAyF;wBACzF,IAAI,CAAC,wBAAwB,CAAC,cAAc,CAAC;4BAC3C,OAAO,EAAE,mCAAmC;yBAC7C,CAAC,CAAC;qBACJ;oBACD,MAAM;aACT;QACH,CAAC;KAAA;IAEK,sBAAsB;IAC1B,6DAA6D;IAC7D,UAA2C;IAC3C,6DAA6D;IAC7D,IAAY;;YAEZ,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,wBAAwB,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;QAChE,CAAC;KAAA;IAEK,kBAAkB,CACtB,UAA2C,EAC3C,KAAa;;YAEb,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;YAC3D,OAAO,CAAC,KAAK,CACX,yCAAyC,EACzC,UAAU,EACV,UAAU,CAAC,YAAY,EACvB,KAAK,CACN,CAAC;QACJ,CAAC;KAAA;IAEK,kBAAkB,CAAC,YAAiC;;;YACxD,MAAM,OAAO,GAAG,aAAM,IAAI,CAAC,gBAAgB,0CAAE,gBAAgB,CAAC,aAAa,CAAC,GAAG,GAAE,CAAC;YAElF,IAAI,CAAC,gBAAgB,GAAG,OAAM,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,kBAAkB,CAAC;gBACxD,QAAQ,EAAE,gBAAgB;gBAC1B,KAAK,EAAE;oBACL,KAAK,EAAE,MAAkC;oBACzC,KAAK,EAAE,QAAoC;oBAC3C,KAAK,EAAE,MAAkC;oBACzC,IAAI,EAAE,QAAmC;oBACzC,OAAO,EAAE,KAAK;iBACf;gBACD,YAAY,EAAE,YAAY;aAC3B,EAAC,CAAC;YAEH,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBACzB,IAAI,CAAC,gBAAgB,CAAC,QAAQ,GAAG,IAAI,CAAC;aACvC;;KACF;IAEa,eAAe,CAC3B,cAAsC,EACtC,sBAAuC;;YAEvC,IAAI,CAAC,wBAAwB,CAAC,eAAe,CAAC;gBAC5C,aAAa,EAAE,sBAAsB,CAAC,MAAM;gBAC5C,aAAa,EAAE,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC;gBAClD,UAAU,EAAE,GAAG,EAAE;oBACf,IAAI,CAAC,wBAAwB,CAAC,iBAAiB,CAAC;wBAC9C,eAAe,EAAE,sBAAsB;qBACxC,CAAC,CAAC;gBACL,CAAC;gBACD,OAAO,EAAE,kBAAkB,CAAC,gBAAgB;gBAC5C,uBAAuB,EAAE,GAAG,EAAE;oBAC5B,IAAI,CAAC,wBAAwB,CAAC,iBAAiB,CAAC;wBAC9C,eAAe,EAAE,sBAAsB;qBACxC,CAAC,CAAC;gBACL,CAAC;aACF,CAAC,CAAC;YAEH,MAAM,MAAM,GAAG,wBAAwB,CAAC,sBAAsB,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;YAE9F,MAAM,kBAAkB,GAAG,IAAI,mBAAmB,CAAC;gBACjD,MAAM,EAAE,MAAM;gBACd,YAAY,EAAE,YAAY,CAAC,MAAM;gBACjC,SAAS,EAAE,KAAK;aACjB,CAAC,CAAC;YAEH,IAAI,CAAC,IAAI,CAAC,+BAA+B,EAAE;gBACzC,IAAI,CAAC,wBAAwB,CAAC;oBAC5B,YAAY,EAAE,kBAAkB;oBAChC,cAAc;oBACd,sBAAsB;iBACvB,CAAC,CAAC;aACJ;QACH,CAAC;KAAA;IAEO,mBAAmB,CAAC,MAAc;QACxC,IAAI,IAAI,CAAC,+BAA+B,EAAE;YACxC,IAAI,CAAC,+BAA+B,CAAC,sBAAsB,CAAC,YAAY,CAAC,MAAM,GAAG,MAAM,CAAC;SAC1F;IACH,CAAC;IAEa,wBAAwB,CAAC,OAItC;;;YACC,MAAM,OAAO,GAAG,aAAM,IAAI,CAAC,gBAAgB,0CAAE,gBAAgB,CAAC,aAAa,CAAC,GAAG,GAAE,CAAC;YAElF,MAAM,sBAAsB,GAAG,OAAM,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,kBAAkB,CAAC;gBAC/D,QAAQ,EAAE,uBAAuB;gBACjC,KAAK,EAAE;oBACL,KAAK,EAAE,MAAkC;oBACzC,KAAK,EAAE,QAAoC;oBAC3C,KAAK,EAAE,MAAkC;oBACzC,IAAI,EAAE,YAAuC;oBAC7C,OAAO,EAAE,KAAK;iBACf;gBACD,YAAY,EAAE,OAAO,CAAC,YAAY;aACnC,EAAC,CAAC;YAEH,IAAI,sBAAsB,EAAE;gBAC1B,sBAAsB,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACvC,IAAI,CAAC,+BAA+B,GAAG,IAAI,yBAAyB,CAAC;oBACnE,sBAAsB,EAAE,sBAAsB;oBAC9C,cAAc,EAAE,OAAO,CAAC,cAAc;oBACtC,sBAAsB,EAAE,OAAO,CAAC,sBAAsB;iBACvD,CAAC,CAAC;aACJ;iBAAM;gBACL,OAAO,CAAC,KAAK,CAAC,sCAAsC,CAAC,CAAC;aACvD;;KACF;CACF","sourcesContent":["import { createNanoEvents, Emitter, Unsubscribe } from 'nanoevents';\r\n\r\nimport {\r\n  PayPalButtonDataSourceInterface,\r\n  PayPalButtonDataSourceDelegate,\r\n} from '../../braintree-manager/payment-providers/paypal/paypal-button-datasource';\r\nimport {\r\n  DonationResponse,\r\n  DonationType,\r\n  DonationPaymentInfo,\r\n  SuccessResponse,\r\n  CustomerInfo,\r\n  BillingInfo,\r\n  PaymentProvider,\r\n  ErrorResponse,\r\n} from '@internetarchive/donation-form-data-models';\r\nimport { BraintreeManagerInterface } from '../../braintree-manager/braintree-interfaces';\r\n\r\nimport { UpsellModalCTAMode } from '../../modals/upsell-modal-content';\r\nimport {\r\n  DonationFlowModalManagerInterface,\r\n  DonationFlowModalManager,\r\n} from '../donation-flow-modal-manager';\r\n\r\nexport interface PayPalFlowHandlerInterface {\r\n  updateDonationInfo(donationInfo: DonationPaymentInfo): void;\r\n  updateUpsellDonationInfo(donationInfo: DonationPaymentInfo): void;\r\n  renderPayPalButton(donationInfo: DonationPaymentInfo): Promise<void>;\r\n  on<E extends keyof PayPalFlowHandlerEvents>(\r\n    event: E,\r\n    callback: PayPalFlowHandlerEvents[E],\r\n  ): Unsubscribe;\r\n}\r\n\r\n/**\r\n * This is a class to combine the data from the one-time purchase to the upsell\r\n *\r\n * @class UpsellDataSourceContainer\r\n */\r\nclass UpsellDataSourceContainer {\r\n  upsellButtonDataSource: PayPalButtonDataSourceInterface;\r\n  oneTimePayload: paypal.TokenizePayload;\r\n  oneTimeSuccessResponse: SuccessResponse;\r\n\r\n  constructor(options: {\r\n    upsellButtonDataSource: PayPalButtonDataSourceInterface;\r\n    oneTimePayload: paypal.TokenizePayload;\r\n    oneTimeSuccessResponse: SuccessResponse;\r\n  }) {\r\n    this.upsellButtonDataSource = options.upsellButtonDataSource;\r\n    this.oneTimePayload = options.oneTimePayload;\r\n    this.oneTimeSuccessResponse = options.oneTimeSuccessResponse;\r\n  }\r\n}\r\n\r\nexport interface PayPalFlowHandlerEvents {\r\n  payPalPaymentStarted: (dataSource: PayPalButtonDataSourceInterface, options: object) => void;\r\n  payPalPaymentCancelled: (dataSource: PayPalButtonDataSourceInterface, data: object) => void;\r\n  payPalPaymentError: (dataSource: PayPalButtonDataSourceInterface, error: string) => void;\r\n  payPalPaymentConfirmed: (dataSource: PayPalButtonDataSourceInterface, data: object) => void;\r\n}\r\n\r\n/**\r\n * This class manages the user-flow for PayPal.\r\n *\r\n * @export\r\n * @class PayPalFlowHandler\r\n * @implements {PayPalFlowHandlerInterface}\r\n * @implements {PayPalButtonDataSourceDelegate}\r\n */\r\nexport class PayPalFlowHandler\r\n  implements PayPalFlowHandlerInterface, PayPalButtonDataSourceDelegate {\r\n  private upsellButtonDataSourceContainer?: UpsellDataSourceContainer;\r\n\r\n  private buttonDataSource?: PayPalButtonDataSourceInterface;\r\n\r\n  private donationFlowModalManager: DonationFlowModalManagerInterface;\r\n\r\n  private braintreeManager: BraintreeManagerInterface;\r\n\r\n  private emitter: Emitter<PayPalFlowHandlerEvents> = createNanoEvents<PayPalFlowHandlerEvents>();\r\n\r\n  updateDonationInfo(donationInfo: DonationPaymentInfo): void {\r\n    if (this.buttonDataSource) {\r\n      this.buttonDataSource.donationInfo = donationInfo;\r\n    }\r\n  }\r\n\r\n  updateUpsellDonationInfo(donationInfo: DonationPaymentInfo): void {\r\n    if (this.upsellButtonDataSourceContainer) {\r\n      this.upsellButtonDataSourceContainer.upsellButtonDataSource.donationInfo = donationInfo;\r\n    }\r\n  }\r\n\r\n  constructor(options: {\r\n    braintreeManager: BraintreeManagerInterface;\r\n    donationFlowModalManager: DonationFlowModalManagerInterface;\r\n  }) {\r\n    this.braintreeManager = options.braintreeManager;\r\n    this.donationFlowModalManager = options.donationFlowModalManager;\r\n  }\r\n\r\n  on<E extends keyof PayPalFlowHandlerEvents>(\r\n    event: E,\r\n    callback: PayPalFlowHandlerEvents[E],\r\n  ): Unsubscribe {\r\n    return this.emitter.on(event, callback);\r\n  }\r\n\r\n  async payPalPaymentStarted(\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    dataSource: PayPalButtonDataSourceInterface,\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    options: object,\r\n  ): Promise<void> {\r\n    this.emitter.emit('payPalPaymentStarted', dataSource, options);\r\n  }\r\n\r\n  /**\r\n   * Once we have the dataSource & payload, we ask patron to confirm donation.\r\n   * Once confirmed, we move forward to: `payPalPaymentConfirmed`\r\n   */\r\n  async payPalPaymentAuthorized(dataSource: PayPalButtonDataSourceInterface,\r\n    payload: paypal.TokenizePayload\r\n    ): Promise<void> {\r\n\r\n    const { donationType, total } = dataSource.donationInfo;\r\n    this.donationFlowModalManager.showConfirmationStepModal({\r\n      donationType,\r\n      amount: total,\r\n      currencyType: 'USD', // defaults to USD for now\r\n      confirmDonationCB: () => {\r\n        this.payPalPaymentConfirmed(dataSource, payload);\r\n      },\r\n      cancelDonationCB: () => {\r\n        this.donationFlowModalManager.closeModal();\r\n        this.payPalPaymentCancelled(dataSource, {});\r\n      }\r\n    });\r\n  }\r\n\r\n  async payPalPaymentConfirmed(\r\n    dataSource: PayPalButtonDataSourceInterface,\r\n    payload: paypal.TokenizePayload,\r\n  ): Promise<void> {\r\n    this.emitter.emit('payPalPaymentConfirmed', dataSource, {});\r\n    this.donationFlowModalManager.showProcessingModal();\r\n\r\n    const donationType = dataSource.donationInfo.donationType;\r\n\r\n    const details = payload?.details;\r\n\r\n    const customerInfo = new CustomerInfo({\r\n      email: details?.email,\r\n      firstName: details?.firstName,\r\n      lastName: details?.lastName,\r\n    });\r\n\r\n    const shippingAddress = details.shippingAddress;\r\n\r\n    const billingInfo = new BillingInfo({\r\n      streetAddress: shippingAddress?.line1,\r\n      extendedAddress: shippingAddress?.line2,\r\n      locality: shippingAddress?.city,\r\n      region: shippingAddress?.state,\r\n      postalCode: shippingAddress?.postalCode,\r\n      countryCodeAlpha2: shippingAddress?.countryCode,\r\n    });\r\n\r\n    const oneTimeTransaction = this.upsellButtonDataSourceContainer\r\n      ? this.upsellButtonDataSourceContainer.oneTimeSuccessResponse.transaction_id\r\n      : undefined;\r\n\r\n    const response: DonationResponse = await this.braintreeManager.submitDonation({\r\n      nonce: payload.nonce,\r\n      paymentProvider: PaymentProvider.PayPal,\r\n      donationInfo: dataSource.donationInfo,\r\n      customerInfo: customerInfo,\r\n      billingInfo: billingInfo,\r\n      upsellOnetimeTransactionId: oneTimeTransaction,\r\n    });\r\n\r\n    if (!response.success) {\r\n      const error = response.value as ErrorResponse;\r\n      this.donationFlowModalManager.showErrorModal({\r\n        message: error.message,\r\n      });\r\n      return;\r\n    }\r\n\r\n    const successResponse = response.value as SuccessResponse;\r\n\r\n    switch (donationType) {\r\n      case DonationType.OneTime:\r\n        this.showUpsellModal(payload, successResponse);\r\n        break;\r\n      case DonationType.Monthly:\r\n        // show thank you, redirect\r\n        this.donationFlowModalManager.showThankYouModal({ successResponse });\r\n        break;\r\n      case DonationType.Upsell:\r\n        if (this.upsellButtonDataSourceContainer) {\r\n          this.donationFlowModalManager.showThankYouModal({\r\n            successResponse: this.upsellButtonDataSourceContainer.oneTimeSuccessResponse,\r\n            upsellSuccessResponse: successResponse,\r\n          });\r\n        } else {\r\n          // we're in the upsell flow, but no upsell data source container.. this should not happen\r\n          this.donationFlowModalManager.showErrorModal({\r\n            message: 'Error setting up monthly donation',\r\n          });\r\n        }\r\n        break;\r\n    }\r\n  }\r\n\r\n  async payPalPaymentCancelled(\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    dataSource: PayPalButtonDataSourceInterface,\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    data: object,\r\n  ): Promise<void> {\r\n    this.emitter.emit('payPalPaymentCancelled', dataSource, data);\r\n  }\r\n\r\n  async payPalPaymentError(\r\n    dataSource: PayPalButtonDataSourceInterface,\r\n    error: string,\r\n  ): Promise<void> {\r\n    this.emitter.emit('payPalPaymentError', dataSource, error);\r\n    console.error(\r\n      'PaymentSector:payPalPaymentError error:',\r\n      dataSource,\r\n      dataSource.donationInfo,\r\n      error,\r\n    );\r\n  }\r\n\r\n  async renderPayPalButton(donationInfo: DonationPaymentInfo): Promise<void> {\r\n    const handler = await this.braintreeManager?.paymentProviders.paypalHandler.get();\r\n\r\n    this.buttonDataSource = await handler?.renderPayPalButton({\r\n      selector: '#paypal-button',\r\n      style: {\r\n        color: 'blue' as paypal.ButtonColorOption, // I'm not sure why I can't access the enum directly here.. I get a UMD error\r\n        label: 'paypal' as paypal.ButtonLabelOption,\r\n        shape: 'rect' as paypal.ButtonShapeOption,\r\n        size: 'medium' as paypal.ButtonSizeOption,\r\n        tagline: false,\r\n      },\r\n      donationInfo: donationInfo,\r\n    });\r\n\r\n    if (this.buttonDataSource) {\r\n      this.buttonDataSource.delegate = this;\r\n    }\r\n  }\r\n\r\n  private async showUpsellModal(\r\n    oneTimePayload: paypal.TokenizePayload,\r\n    oneTimeSuccessResponse: SuccessResponse,\r\n  ): Promise<void> {\r\n    this.donationFlowModalManager.showUpsellModal({\r\n      oneTimeAmount: oneTimeSuccessResponse.amount,\r\n      amountChanged: this.upsellAmountChanged.bind(this),\r\n      noSelected: () => {\r\n        this.donationFlowModalManager.showThankYouModal({\r\n          successResponse: oneTimeSuccessResponse,\r\n        });\r\n      },\r\n      ctaMode: UpsellModalCTAMode.PayPalUpsellSlot,\r\n      userClosedModalCallback: () => {\r\n        this.donationFlowModalManager.showThankYouModal({\r\n          successResponse: oneTimeSuccessResponse,\r\n        });\r\n      },\r\n    });\r\n\r\n    const amount = DonationFlowModalManager.getDefaultUpsellAmount(oneTimeSuccessResponse.amount);\r\n\r\n    const upsellDonationInfo = new DonationPaymentInfo({\r\n      amount: amount,\r\n      donationType: DonationType.Upsell,\r\n      coverFees: false,\r\n    });\r\n\r\n    if (!this.upsellButtonDataSourceContainer) {\r\n      this.renderUpsellPayPalButton({\r\n        donationInfo: upsellDonationInfo,\r\n        oneTimePayload,\r\n        oneTimeSuccessResponse,\r\n      });\r\n    }\r\n  }\r\n\r\n  private upsellAmountChanged(amount: number): void {\r\n    if (this.upsellButtonDataSourceContainer) {\r\n      this.upsellButtonDataSourceContainer.upsellButtonDataSource.donationInfo.amount = amount;\r\n    }\r\n  }\r\n\r\n  private async renderUpsellPayPalButton(options: {\r\n    donationInfo: DonationPaymentInfo;\r\n    oneTimePayload: paypal.TokenizePayload;\r\n    oneTimeSuccessResponse: SuccessResponse;\r\n  }): Promise<void> {\r\n    const handler = await this.braintreeManager?.paymentProviders.paypalHandler.get();\r\n\r\n    const upsellButtonDataSource = await handler?.renderPayPalButton({\r\n      selector: '#paypal-upsell-button',\r\n      style: {\r\n        color: 'blue' as paypal.ButtonColorOption,\r\n        label: 'paypal' as paypal.ButtonLabelOption,\r\n        shape: 'rect' as paypal.ButtonShapeOption,\r\n        size: 'responsive' as paypal.ButtonSizeOption,\r\n        tagline: false,\r\n      },\r\n      donationInfo: options.donationInfo,\r\n    });\r\n\r\n    if (upsellButtonDataSource) {\r\n      upsellButtonDataSource.delegate = this;\r\n      this.upsellButtonDataSourceContainer = new UpsellDataSourceContainer({\r\n        upsellButtonDataSource: upsellButtonDataSource,\r\n        oneTimePayload: options.oneTimePayload,\r\n        oneTimeSuccessResponse: options.oneTimeSuccessResponse,\r\n      });\r\n    } else {\r\n      console.error('error rendering paypal upsell button');\r\n    }\r\n  }\r\n}\r\n"]}

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

@@ -1,30 +1,30 @@
-import { BraintreeManagerInterface } from '../../braintree-manager/braintree-interfaces';
-import { DonorContactInfo, DonationPaymentInfo } from '@internetarchive/donation-form-data-models';
-import { VenmoRestorationStateHandlerInterface } from './venmo-restoration-state-handler';
-import { DonationFlowModalManagerInterface } from '../donation-flow-modal-manager';
-export interface VenmoFlowHandlerInterface {
-    startup(): Promise<void>;
-    paymentInitiated(contactInfo: DonorContactInfo, donationInfo: DonationPaymentInfo): Promise<void>;
-}
-export declare class VenmoFlowHandler implements VenmoFlowHandlerInterface {
-    private donationFlowModalManager;
-    private braintreeManager;
-    private restorationStateHandler;
-    constructor(options: {
-        braintreeManager: BraintreeManagerInterface;
-        donationFlowModalManager: DonationFlowModalManagerInterface;
-        restorationStateHandler?: VenmoRestorationStateHandlerInterface;
-    });
-    /**
-     * Check if we have any results from Venmo on startup.
-     *
-     * This happens if the app redirects to us in a new tab so we can resume the session.
-     *
-     * @returns {Promise<void>}
-     * @memberof VenmoFlowHandler
-     */
-    startup(): Promise<void>;
-    paymentInitiated(contactInfo: DonorContactInfo, donationInfo: DonationPaymentInfo): Promise<void>;
-    private handleTokenizationResult;
-    private handleTokenizationError;
-}
+import { BraintreeManagerInterface } from '../../braintree-manager/braintree-interfaces';
+import { DonorContactInfo, DonationPaymentInfo } from '@internetarchive/donation-form-data-models';
+import { VenmoRestorationStateHandlerInterface } from './venmo-restoration-state-handler';
+import { DonationFlowModalManagerInterface } from '../donation-flow-modal-manager';
+export interface VenmoFlowHandlerInterface {
+    startup(): Promise<void>;
+    paymentInitiated(contactInfo: DonorContactInfo, donationInfo: DonationPaymentInfo): Promise<void>;
+}
+export declare class VenmoFlowHandler implements VenmoFlowHandlerInterface {
+    private donationFlowModalManager;
+    private braintreeManager;
+    private restorationStateHandler;
+    constructor(options: {
+        braintreeManager: BraintreeManagerInterface;
+        donationFlowModalManager: DonationFlowModalManagerInterface;
+        restorationStateHandler?: VenmoRestorationStateHandlerInterface;
+    });
+    /**
+     * Check if we have any results from Venmo on startup.
+     *
+     * This happens if the app redirects to us in a new tab so we can resume the session.
+     *
+     * @returns {Promise<void>}
+     * @memberof VenmoFlowHandler
+     */
+    startup(): Promise<void>;
+    paymentInitiated(contactInfo: DonorContactInfo, donationInfo: DonationPaymentInfo): Promise<void>;
+    private handleTokenizationResult;
+    private handleTokenizationError;
+}

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

@@ -1,90 +1,90 @@
-import { __awaiter } from "tslib";
-import { PaymentProvider, } from '@internetarchive/donation-form-data-models';
-import { VenmoRestorationStateHandler, } from './venmo-restoration-state-handler';
-export class VenmoFlowHandler {
-    constructor(options) {
-        var _a;
-        this.braintreeManager = options.braintreeManager;
-        this.donationFlowModalManager = options.donationFlowModalManager;
-        this.restorationStateHandler = (_a = options.restorationStateHandler) !== null && _a !== void 0 ? _a : new VenmoRestorationStateHandler();
-    }
-    /**
-     * Check if we have any results from Venmo on startup.
-     *
-     * This happens if the app redirects to us in a new tab so we can resume the session.
-     *
-     * @returns {Promise<void>}
-     * @memberof VenmoFlowHandler
-     */
-    startup() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const handler = yield this.braintreeManager.paymentProviders.venmoHandler.get();
-            const instance = yield (handler === null || handler === void 0 ? void 0 : handler.instance.get());
-            if (instance === null || instance === void 0 ? void 0 : instance.hasTokenizationResult()) {
-                // if we get redirected back from venmo in a different tab, we need to restore the data
-                // that was persisted when the payment was initiated
-                const restoredInfo = yield this.restorationStateHandler.getRestorationState();
-                if (restoredInfo) {
-                    this.paymentInitiated(restoredInfo.contactInfo, restoredInfo.donationInfo);
-                }
-                else {
-                    console.error('no restoration info');
-                    this.donationFlowModalManager.showErrorModal({
-                        message: 'Error restoring donation session',
-                    });
-                }
-            }
-        });
-    }
-    // VenmoFlowHandlerInterface conformance
-    paymentInitiated(contactInfo, donationInfo) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // if we get redirected back from venmo in a different tab, we need to restore the data
-            // that was persisted when the payment was initiated so persist it here
-            this.restorationStateHandler.persistState(contactInfo, donationInfo);
-            try {
-                const handler = yield this.braintreeManager.paymentProviders.venmoHandler.get();
-                const result = yield (handler === null || handler === void 0 ? void 0 : handler.startPayment());
-                if (!result) {
-                    this.restorationStateHandler.clearState();
-                    this.donationFlowModalManager.showErrorModal({
-                        message: 'Error setting up the donation',
-                    });
-                    return;
-                }
-                this.handleTokenizationResult(result, contactInfo, donationInfo);
-            }
-            catch (tokenizeError) {
-                this.restorationStateHandler.clearState();
-                this.handleTokenizationError(tokenizeError);
-                this.donationFlowModalManager.showErrorModal({
-                    message: `There was a problem loading your donation information. Please try again.`,
-                });
-            }
-        });
-    }
-    handleTokenizationResult(payload, contactInfo, donationInfo) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.restorationStateHandler.clearState();
-            this.donationFlowModalManager.startDonationSubmissionFlow({
-                nonce: payload.nonce,
-                paymentProvider: PaymentProvider.Venmo,
-                donationInfo: donationInfo,
-                customerInfo: contactInfo.customer,
-                billingInfo: contactInfo.billing,
-            });
-        });
-    }
-    handleTokenizationError(tokenizeError) {
-        // Handle flow errors or premature flow closure
-        switch (tokenizeError.code) {
-            case 'VENMO_APP_CANCELED':
-                break;
-            case 'VENMO_CANCELED':
-                break;
-            default:
-                console.error('Error!', tokenizeError);
-        }
-    }
-}
+import { __awaiter } from "tslib";
+import { PaymentProvider, } from '@internetarchive/donation-form-data-models';
+import { VenmoRestorationStateHandler, } from './venmo-restoration-state-handler';
+export class VenmoFlowHandler {
+    constructor(options) {
+        var _a;
+        this.braintreeManager = options.braintreeManager;
+        this.donationFlowModalManager = options.donationFlowModalManager;
+        this.restorationStateHandler = (_a = options.restorationStateHandler) !== null && _a !== void 0 ? _a : new VenmoRestorationStateHandler();
+    }
+    /**
+     * Check if we have any results from Venmo on startup.
+     *
+     * This happens if the app redirects to us in a new tab so we can resume the session.
+     *
+     * @returns {Promise<void>}
+     * @memberof VenmoFlowHandler
+     */
+    startup() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const handler = yield this.braintreeManager.paymentProviders.venmoHandler.get();
+            const instance = yield (handler === null || handler === void 0 ? void 0 : handler.instance.get());
+            if (instance === null || instance === void 0 ? void 0 : instance.hasTokenizationResult()) {
+                // if we get redirected back from venmo in a different tab, we need to restore the data
+                // that was persisted when the payment was initiated
+                const restoredInfo = yield this.restorationStateHandler.getRestorationState();
+                if (restoredInfo) {
+                    this.paymentInitiated(restoredInfo.contactInfo, restoredInfo.donationInfo);
+                }
+                else {
+                    console.error('no restoration info');
+                    this.donationFlowModalManager.showErrorModal({
+                        message: 'Error restoring donation session',
+                    });
+                }
+            }
+        });
+    }
+    // VenmoFlowHandlerInterface conformance
+    paymentInitiated(contactInfo, donationInfo) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // if we get redirected back from venmo in a different tab, we need to restore the data
+            // that was persisted when the payment was initiated so persist it here
+            this.restorationStateHandler.persistState(contactInfo, donationInfo);
+            try {
+                const handler = yield this.braintreeManager.paymentProviders.venmoHandler.get();
+                const result = yield (handler === null || handler === void 0 ? void 0 : handler.startPayment());
+                if (!result) {
+                    this.restorationStateHandler.clearState();
+                    this.donationFlowModalManager.showErrorModal({
+                        message: 'Error setting up the donation',
+                    });
+                    return;
+                }
+                this.handleTokenizationResult(result, contactInfo, donationInfo);
+            }
+            catch (tokenizeError) {
+                this.restorationStateHandler.clearState();
+                this.handleTokenizationError(tokenizeError);
+                this.donationFlowModalManager.showErrorModal({
+                    message: `There was a problem loading your donation information. Please try again.`,
+                });
+            }
+        });
+    }
+    handleTokenizationResult(payload, contactInfo, donationInfo) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.restorationStateHandler.clearState();
+            this.donationFlowModalManager.startDonationSubmissionFlow({
+                nonce: payload.nonce,
+                paymentProvider: PaymentProvider.Venmo,
+                donationInfo: donationInfo,
+                customerInfo: contactInfo.customer,
+                billingInfo: contactInfo.billing,
+            });
+        });
+    }
+    handleTokenizationError(tokenizeError) {
+        // Handle flow errors or premature flow closure
+        switch (tokenizeError.code) {
+            case 'VENMO_APP_CANCELED':
+                break;
+            case 'VENMO_CANCELED':
+                break;
+            default:
+                console.error('Error!', tokenizeError);
+        }
+    }
+}
 //# sourceMappingURL=venmo-flow-handler.js.map

package/dist/src/payment-flow-handlers/handlers/venmo-flow-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"venmo-flow-handler.js","sourceRoot":"","sources":["../../../../src/payment-flow-handlers/handlers/venmo-flow-handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { BraintreeManagerInterface } from '../../braintree-manager/braintree-interfaces';\nimport {\n  DonorContactInfo,\n  DonationPaymentInfo,\n  PaymentProvider,\n} from '@internetarchive/donation-form-data-models';\nimport {\n  VenmoRestorationStateHandlerInterface,\n  VenmoRestorationStateHandler,\n} from './venmo-restoration-state-handler';\nimport { DonationFlowModalManagerInterface } from '../donation-flow-modal-manager';\n\nexport interface VenmoFlowHandlerInterface {\n  startup(): Promise<void>;\n  paymentInitiated(contactInfo: DonorContactInfo, donationInfo: DonationPaymentInfo): Promise<void>;\n}\n\nexport class VenmoFlowHandler implements VenmoFlowHandlerInterface {\n  private donationFlowModalManager: DonationFlowModalManagerInterface;\n\n  private braintreeManager: BraintreeManagerInterface;\n\n  private restorationStateHandler: VenmoRestorationStateHandlerInterface;\n\n  constructor(options: {\n    braintreeManager: BraintreeManagerInterface;\n    donationFlowModalManager: DonationFlowModalManagerInterface;\n    restorationStateHandler?: VenmoRestorationStateHandlerInterface;\n  }) {\n    this.braintreeManager = options.braintreeManager;\n    this.donationFlowModalManager = options.donationFlowModalManager;\n    this.restorationStateHandler =\n      options.restorationStateHandler ?? new VenmoRestorationStateHandler();\n  }\n\n  /**\n   * Check if we have any results from Venmo on startup.\n   *\n   * This happens if the app redirects to us in a new tab so we can resume the session.\n   *\n   * @returns {Promise<void>}\n   * @memberof VenmoFlowHandler\n   */\n  async startup(): Promise<void> {\n    const handler = await this.braintreeManager.paymentProviders.venmoHandler.get();\n    const instance = await handler?.instance.get();\n    if (instance?.hasTokenizationResult()) {\n      // if we get redirected back from venmo in a different tab, we need to restore the data\n      // that was persisted when the payment was initiated\n      const restoredInfo = await this.restorationStateHandler.getRestorationState();\n      if (restoredInfo) {\n        this.paymentInitiated(restoredInfo.contactInfo, restoredInfo.donationInfo);\n      } else {\n        console.error('no restoration info');\n        this.donationFlowModalManager.showErrorModal({\n          message: 'Error restoring donation session',\n        });\n      }\n    }\n  }\n\n  // VenmoFlowHandlerInterface conformance\n  async paymentInitiated(\n    contactInfo: DonorContactInfo,\n    donationInfo: DonationPaymentInfo,\n  ): Promise<void> {\n    // if we get redirected back from venmo in a different tab, we need to restore the data\n    // that was persisted when the payment was initiated so persist it here\n    this.restorationStateHandler.persistState(contactInfo, donationInfo);\n\n    try {\n      const handler = await this.braintreeManager.paymentProviders.venmoHandler.get();\n      const result = await handler?.startPayment();\n      if (!result) {\n        this.restorationStateHandler.clearState();\n        this.donationFlowModalManager.showErrorModal({\n          message: 'Error setting up the donation',\n        });\n        return;\n      }\n      this.handleTokenizationResult(result, contactInfo, donationInfo);\n    } catch (tokenizeError) {\n      this.restorationStateHandler.clearState();\n      this.handleTokenizationError(tokenizeError);\n      this.donationFlowModalManager.showErrorModal({\n        message: `There was a problem loading your donation information. Please try again.`,\n      });\n    }\n  }\n\n  private async handleTokenizationResult(\n    payload: braintree.VenmoTokenizePayload,\n    contactInfo: DonorContactInfo,\n    donationInfo: DonationPaymentInfo,\n  ): Promise<void> {\n    this.restorationStateHandler.clearState();\n\n    this.donationFlowModalManager.startDonationSubmissionFlow({\n      nonce: payload.nonce,\n      paymentProvider: PaymentProvider.Venmo,\n      donationInfo: donationInfo,\n      customerInfo: contactInfo.customer,\n      billingInfo: contactInfo.billing,\n    });\n  }\n\n  private handleTokenizationError(tokenizeError: braintree.BraintreeError): void {\n    // Handle flow errors or premature flow closure\n    switch (tokenizeError.code) {\n      case 'VENMO_APP_CANCELED':\n        break;\n      case 'VENMO_CANCELED':\n        break;\n      default:\n        console.error('Error!', tokenizeError);\n    }\n  }\n}\n"]}
+{"version":3,"file":"venmo-flow-handler.js","sourceRoot":"","sources":["../../../../src/payment-flow-handlers/handlers/venmo-flow-handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { BraintreeManagerInterface } from '../../braintree-manager/braintree-interfaces';\r\nimport {\r\n  DonorContactInfo,\r\n  DonationPaymentInfo,\r\n  PaymentProvider,\r\n} from '@internetarchive/donation-form-data-models';\r\nimport {\r\n  VenmoRestorationStateHandlerInterface,\r\n  VenmoRestorationStateHandler,\r\n} from './venmo-restoration-state-handler';\r\nimport { DonationFlowModalManagerInterface } from '../donation-flow-modal-manager';\r\n\r\nexport interface VenmoFlowHandlerInterface {\r\n  startup(): Promise<void>;\r\n  paymentInitiated(contactInfo: DonorContactInfo, donationInfo: DonationPaymentInfo): Promise<void>;\r\n}\r\n\r\nexport class VenmoFlowHandler implements VenmoFlowHandlerInterface {\r\n  private donationFlowModalManager: DonationFlowModalManagerInterface;\r\n\r\n  private braintreeManager: BraintreeManagerInterface;\r\n\r\n  private restorationStateHandler: VenmoRestorationStateHandlerInterface;\r\n\r\n  constructor(options: {\r\n    braintreeManager: BraintreeManagerInterface;\r\n    donationFlowModalManager: DonationFlowModalManagerInterface;\r\n    restorationStateHandler?: VenmoRestorationStateHandlerInterface;\r\n  }) {\r\n    this.braintreeManager = options.braintreeManager;\r\n    this.donationFlowModalManager = options.donationFlowModalManager;\r\n    this.restorationStateHandler =\r\n      options.restorationStateHandler ?? new VenmoRestorationStateHandler();\r\n  }\r\n\r\n  /**\r\n   * Check if we have any results from Venmo on startup.\r\n   *\r\n   * This happens if the app redirects to us in a new tab so we can resume the session.\r\n   *\r\n   * @returns {Promise<void>}\r\n   * @memberof VenmoFlowHandler\r\n   */\r\n  async startup(): Promise<void> {\r\n    const handler = await this.braintreeManager.paymentProviders.venmoHandler.get();\r\n    const instance = await handler?.instance.get();\r\n    if (instance?.hasTokenizationResult()) {\r\n      // if we get redirected back from venmo in a different tab, we need to restore the data\r\n      // that was persisted when the payment was initiated\r\n      const restoredInfo = await this.restorationStateHandler.getRestorationState();\r\n      if (restoredInfo) {\r\n        this.paymentInitiated(restoredInfo.contactInfo, restoredInfo.donationInfo);\r\n      } else {\r\n        console.error('no restoration info');\r\n        this.donationFlowModalManager.showErrorModal({\r\n          message: 'Error restoring donation session',\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  // VenmoFlowHandlerInterface conformance\r\n  async paymentInitiated(\r\n    contactInfo: DonorContactInfo,\r\n    donationInfo: DonationPaymentInfo,\r\n  ): Promise<void> {\r\n    // if we get redirected back from venmo in a different tab, we need to restore the data\r\n    // that was persisted when the payment was initiated so persist it here\r\n    this.restorationStateHandler.persistState(contactInfo, donationInfo);\r\n\r\n    try {\r\n      const handler = await this.braintreeManager.paymentProviders.venmoHandler.get();\r\n      const result = await handler?.startPayment();\r\n      if (!result) {\r\n        this.restorationStateHandler.clearState();\r\n        this.donationFlowModalManager.showErrorModal({\r\n          message: 'Error setting up the donation',\r\n        });\r\n        return;\r\n      }\r\n      this.handleTokenizationResult(result, contactInfo, donationInfo);\r\n    } catch (tokenizeError) {\r\n      this.restorationStateHandler.clearState();\r\n      this.handleTokenizationError(tokenizeError);\r\n      this.donationFlowModalManager.showErrorModal({\r\n        message: `There was a problem loading your donation information. Please try again.`,\r\n      });\r\n    }\r\n  }\r\n\r\n  private async handleTokenizationResult(\r\n    payload: braintree.VenmoTokenizePayload,\r\n    contactInfo: DonorContactInfo,\r\n    donationInfo: DonationPaymentInfo,\r\n  ): Promise<void> {\r\n    this.restorationStateHandler.clearState();\r\n\r\n    this.donationFlowModalManager.startDonationSubmissionFlow({\r\n      nonce: payload.nonce,\r\n      paymentProvider: PaymentProvider.Venmo,\r\n      donationInfo: donationInfo,\r\n      customerInfo: contactInfo.customer,\r\n      billingInfo: contactInfo.billing,\r\n    });\r\n  }\r\n\r\n  private handleTokenizationError(tokenizeError: braintree.BraintreeError): void {\r\n    // Handle flow errors or premature flow closure\r\n    switch (tokenizeError.code) {\r\n      case 'VENMO_APP_CANCELED':\r\n        break;\r\n      case 'VENMO_CANCELED':\r\n        break;\r\n      default:\r\n        console.error('Error!', tokenizeError);\r\n    }\r\n  }\r\n}\r\n"]}

package/dist/src/payment-flow-handlers/handlers/venmo-restoration-state-handler.d.ts

@@ -1,75 +1,75 @@
-import { DonorContactInfo, DonationPaymentInfo } from '@internetarchive/donation-form-data-models';
-export interface VenmoRestorationStateHandlerInterface {
-    /**
-     * Persist the session state
-     *
-     * @param {DonorContactInfo} contactInfo
-     * @param {DonationPaymentInfo} donationInfo
-     * @memberof VenmoRestorationStateHandlerInterface
-     */
-    persistState(contactInfo: DonorContactInfo, donationInfo: DonationPaymentInfo): void;
-    /**
-     * Get the session restoration state
-     *
-     * @returns {(Promise<VenmoRestorationState | undefined>)}
-     * @memberof VenmoRestorationStateHandlerInterface
-     */
-    getRestorationState(): Promise<VenmoRestorationState | undefined>;
-    /**
-     * Clear the restoration state
-     *
-     * @memberof VenmoRestorationStateHandlerInterface
-     */
-    clearState(): void;
-}
-/**
- * Structure to store the session restoration state
- *
- * @export
- * @class VenmoRestorationState
- */
-export declare class VenmoRestorationState {
-    contactInfo: DonorContactInfo;
-    donationInfo: DonationPaymentInfo;
-    constructor(params: {
-        contactInfo: DonorContactInfo;
-        donationInfo: DonationPaymentInfo;
-    });
-}
-/**
- * The VenmoRestorationStateHandler is used to persist and restore a Venmo checkout session.
- *
- * Venmo takes the user out of the web browser and into their app to authorize the purchase.
- * It then redirects the user back to the website to finish the transaction. The problem is
- * it may open a new browser tab so it's like starting a new session. We need to persist
- * the session information from the start of the Venmo session and restore it when it resumes.
- *
- * This class stores the session information in localStorage when the Venmo session is started
- * and retrieves it when the session is restored.
- *
- * @export
- * @class VenmoRestorationStateHandler
- * @implements {VenmoRestorationStateHandlerInterface}
- */
-export declare class VenmoRestorationStateHandler implements VenmoRestorationStateHandlerInterface {
-    private persistanceKey;
-    private storageSystem?;
-    constructor(options?: {
-        storageSystem?: Storage;
-    });
-    /** @inheritdoc */
-    clearState(): void;
-    /** @inheritdoc */
-    persistState(contactInfo: DonorContactInfo, donationInfo: DonationPaymentInfo): void;
-    /** @inheritdoc */
-    getRestorationState(): Promise<VenmoRestorationState | undefined>;
-    /**
-     * Check if a particular storage system (localStorage/sessionStorage) is availble
-     *
-     * @private
-     * @param {Storage} system
-     * @returns {boolean}
-     * @memberof VenmoRestorationStateHandler
-     */
-    private storageSystemAvailable;
-}
+import { DonorContactInfo, DonationPaymentInfo } from '@internetarchive/donation-form-data-models';
+export interface VenmoRestorationStateHandlerInterface {
+    /**
+     * Persist the session state
+     *
+     * @param {DonorContactInfo} contactInfo
+     * @param {DonationPaymentInfo} donationInfo
+     * @memberof VenmoRestorationStateHandlerInterface
+     */
+    persistState(contactInfo: DonorContactInfo, donationInfo: DonationPaymentInfo): void;
+    /**
+     * Get the session restoration state
+     *
+     * @returns {(Promise<VenmoRestorationState | undefined>)}
+     * @memberof VenmoRestorationStateHandlerInterface
+     */
+    getRestorationState(): Promise<VenmoRestorationState | undefined>;
+    /**
+     * Clear the restoration state
+     *
+     * @memberof VenmoRestorationStateHandlerInterface
+     */
+    clearState(): void;
+}
+/**
+ * Structure to store the session restoration state
+ *
+ * @export
+ * @class VenmoRestorationState
+ */
+export declare class VenmoRestorationState {
+    contactInfo: DonorContactInfo;
+    donationInfo: DonationPaymentInfo;
+    constructor(params: {
+        contactInfo: DonorContactInfo;
+        donationInfo: DonationPaymentInfo;
+    });
+}
+/**
+ * The VenmoRestorationStateHandler is used to persist and restore a Venmo checkout session.
+ *
+ * Venmo takes the user out of the web browser and into their app to authorize the purchase.
+ * It then redirects the user back to the website to finish the transaction. The problem is
+ * it may open a new browser tab so it's like starting a new session. We need to persist
+ * the session information from the start of the Venmo session and restore it when it resumes.
+ *
+ * This class stores the session information in localStorage when the Venmo session is started
+ * and retrieves it when the session is restored.
+ *
+ * @export
+ * @class VenmoRestorationStateHandler
+ * @implements {VenmoRestorationStateHandlerInterface}
+ */
+export declare class VenmoRestorationStateHandler implements VenmoRestorationStateHandlerInterface {
+    private persistanceKey;
+    private storageSystem?;
+    constructor(options?: {
+        storageSystem?: Storage;
+    });
+    /** @inheritdoc */
+    clearState(): void;
+    /** @inheritdoc */
+    persistState(contactInfo: DonorContactInfo, donationInfo: DonationPaymentInfo): void;
+    /** @inheritdoc */
+    getRestorationState(): Promise<VenmoRestorationState | undefined>;
+    /**
+     * Check if a particular storage system (localStorage/sessionStorage) is availble
+     *
+     * @private
+     * @param {Storage} system
+     * @returns {boolean}
+     * @memberof VenmoRestorationStateHandler
+     */
+    private storageSystemAvailable;
+}