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

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

@@ -1,141 +1,141 @@
-import { __awaiter } from "tslib";
-import { createNanoEvents } from 'nanoevents';
-import { PaymentProvider, } from '@internetarchive/donation-form-data-models';
-import { HostedFieldName } from '../../braintree-manager/payment-providers/credit-card/hosted-field-container';
-export class CreditCardFlowHandler {
-    constructor(options) {
-        this.started = false;
-        this.braintreeManager = options.braintreeManager;
-        this.donationFlowModalManager = options.donationFlowModalManager;
-        this.recaptchaManager = options.recaptchaManager;
-        this.emitter = createNanoEvents();
-    }
-    /** @inheritdoc */
-    on(event, callback) {
-        return this.emitter.on(event, callback);
-    }
-    /** @inheritdoc */
-    startup() {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.started) {
-                return;
-            }
-            this.started = true;
-            const handler = yield ((_a = this.braintreeManager) === null || _a === void 0 ? void 0 : _a.paymentProviders.creditCardHandler.get());
-            const instance = yield (handler === null || handler === void 0 ? void 0 : handler.instance.get());
-            // NOTE: The `focus` and `blur` callback logic must work in conjunction with
-            // the `HostedFieldContainer` class. We use the `HostedFieldContainer` for
-            // managing the hosted field error state in other parts of the form, but
-            // since we can only get event callbacks from the hosted fields like this,
-            // this has to operate independently and modify the CSS styles by itself
-            instance === null || instance === void 0 ? void 0 : instance.on('focus', (event) => {
-                const { emittedBy, fields } = event;
-                const fieldInFocus = fields[emittedBy];
-                const { container } = fieldInFocus;
-                container.parentElement.error = false;
-                handler.hideErrorMessage();
-            });
-            instance === null || instance === void 0 ? void 0 : instance.on('blur', (event) => {
-                const { emittedBy, fields } = event;
-                const fieldInFocus = fields[emittedBy];
-                const { container, isEmpty, isValid } = fieldInFocus;
-                if (isEmpty || !isValid) {
-                    container.parentElement.error = true;
-                }
-            });
-            instance === null || instance === void 0 ? void 0 : instance.on('validityChange', (event) => {
-                const { fields } = event;
-                const isValid = fields.cvv.isValid && fields.expirationDate.isValid && fields.number.isValid;
-                this.emitter.emit('validityChanged', isValid);
-            });
-        });
-    }
-    /** @inheritdoc */
-    tokenizeFields() {
-        return __awaiter(this, void 0, void 0, function* () {
-            let hostedFieldsResponse;
-            const handler = yield this.braintreeManager.paymentProviders.creditCardHandler.get();
-            try {
-                hostedFieldsResponse = yield (handler === null || handler === void 0 ? void 0 : handler.tokenizeHostedFields());
-            }
-            catch (error) {
-                this.handleHostedFieldTokenizationError(error);
-                return;
-            }
-            return hostedFieldsResponse;
-        });
-    }
-    /** @inheritdoc */
-    paymentInitiated(hostedFieldsResponse, donationInfo, donorContactInfo) {
-        return __awaiter(this, void 0, void 0, function* () {
-            let recaptchaToken;
-            try {
-                recaptchaToken = yield this.recaptchaManager.execute();
-            }
-            catch (error) {
-                this.donationFlowModalManager.showErrorModal({
-                    message: `Recaptcha failure`,
-                });
-                return;
-            }
-            this.donationFlowModalManager.startDonationSubmissionFlow({
-                nonce: hostedFieldsResponse.nonce,
-                paymentProvider: PaymentProvider.CreditCard,
-                recaptchaToken: recaptchaToken,
-                bin: hostedFieldsResponse.details.bin,
-                donationInfo: donationInfo,
-                customerInfo: donorContactInfo.customer,
-                billingInfo: donorContactInfo.billing,
-            });
-        });
-    }
-    handleHostedFieldTokenizationError(error) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const handler = yield this.braintreeManager.paymentProviders.creditCardHandler.get();
-            handler.showErrorMessage();
-            switch (error.code) {
-                case 'HOSTED_FIELDS_FIELDS_EMPTY':
-                    // occurs when none of the fields are filled in
-                    handler.markFieldErrors([
-                        HostedFieldName.Number,
-                        HostedFieldName.CVV,
-                        HostedFieldName.ExpirationDate,
-                    ]);
-                    break;
-                case 'HOSTED_FIELDS_FIELDS_INVALID':
-                    // occurs when certain fields do not pass client side validation
-                    Object.keys(error.details.invalidFields).forEach(key => {
-                        handler.markFieldErrors([key]);
-                    });
-                    break;
-                case 'HOSTED_FIELDS_TOKENIZATION_FAIL_ON_DUPLICATE':
-                    // occurs when:
-                    //   * the client token used for client authorization was generated
-                    //     with a customer ID and the fail on duplicate payment method
-                    //     option is set to true
-                    //   * the card being tokenized has previously been vaulted (with any customer)
-                    break;
-                case 'HOSTED_FIELDS_TOKENIZATION_CVV_VERIFICATION_FAILED':
-                    // occurs when:
-                    //   * the client token used for client authorization was generated
-                    //     with a customer ID and the verify card option is set to true
-                    //     and you have credit card verification turned on in the Braintree
-                    //     control panel
-                    //   * the cvv does not pass verfication
-                    handler.markFieldErrors([HostedFieldName.CVV]);
-                    break;
-                case 'HOSTED_FIELDS_FAILED_TOKENIZATION':
-                    // occurs for any other tokenization error on the server
-                    break;
-                case 'HOSTED_FIELDS_TOKENIZATION_NETWORK_ERROR':
-                    // occurs when the Braintree gateway cannot be contacted
-                    break;
-                default:
-                    // something else happened
-                    break;
-            }
-        });
-    }
-}
+import { __awaiter } from "tslib";
+import { createNanoEvents } from 'nanoevents';
+import { PaymentProvider, } from '@internetarchive/donation-form-data-models';
+import { HostedFieldName } from '../../braintree-manager/payment-providers/credit-card/hosted-field-container';
+export class CreditCardFlowHandler {
+    constructor(options) {
+        this.started = false;
+        this.braintreeManager = options.braintreeManager;
+        this.donationFlowModalManager = options.donationFlowModalManager;
+        this.recaptchaManager = options.recaptchaManager;
+        this.emitter = createNanoEvents();
+    }
+    /** @inheritdoc */
+    on(event, callback) {
+        return this.emitter.on(event, callback);
+    }
+    /** @inheritdoc */
+    startup() {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.started) {
+                return;
+            }
+            this.started = true;
+            const handler = yield ((_a = this.braintreeManager) === null || _a === void 0 ? void 0 : _a.paymentProviders.creditCardHandler.get());
+            const instance = yield (handler === null || handler === void 0 ? void 0 : handler.instance.get());
+            // NOTE: The `focus` and `blur` callback logic must work in conjunction with
+            // the `HostedFieldContainer` class. We use the `HostedFieldContainer` for
+            // managing the hosted field error state in other parts of the form, but
+            // since we can only get event callbacks from the hosted fields like this,
+            // this has to operate independently and modify the CSS styles by itself
+            instance === null || instance === void 0 ? void 0 : instance.on('focus', (event) => {
+                const { emittedBy, fields } = event;
+                const fieldInFocus = fields[emittedBy];
+                const { container } = fieldInFocus;
+                container.parentElement.error = false;
+                handler.hideErrorMessage();
+            });
+            instance === null || instance === void 0 ? void 0 : instance.on('blur', (event) => {
+                const { emittedBy, fields } = event;
+                const fieldInFocus = fields[emittedBy];
+                const { container, isEmpty, isValid } = fieldInFocus;
+                if (isEmpty || !isValid) {
+                    container.parentElement.error = true;
+                }
+            });
+            instance === null || instance === void 0 ? void 0 : instance.on('validityChange', (event) => {
+                const { fields } = event;
+                const isValid = fields.cvv.isValid && fields.expirationDate.isValid && fields.number.isValid;
+                this.emitter.emit('validityChanged', isValid);
+            });
+        });
+    }
+    /** @inheritdoc */
+    tokenizeFields() {
+        return __awaiter(this, void 0, void 0, function* () {
+            let hostedFieldsResponse;
+            const handler = yield this.braintreeManager.paymentProviders.creditCardHandler.get();
+            try {
+                hostedFieldsResponse = yield (handler === null || handler === void 0 ? void 0 : handler.tokenizeHostedFields());
+            }
+            catch (error) {
+                this.handleHostedFieldTokenizationError(error);
+                return;
+            }
+            return hostedFieldsResponse;
+        });
+    }
+    /** @inheritdoc */
+    paymentInitiated(hostedFieldsResponse, donationInfo, donorContactInfo) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let recaptchaToken;
+            try {
+                recaptchaToken = yield this.recaptchaManager.execute();
+            }
+            catch (error) {
+                this.donationFlowModalManager.showErrorModal({
+                    message: `Recaptcha failure`,
+                });
+                return;
+            }
+            this.donationFlowModalManager.startDonationSubmissionFlow({
+                nonce: hostedFieldsResponse.nonce,
+                paymentProvider: PaymentProvider.CreditCard,
+                recaptchaToken: recaptchaToken,
+                bin: hostedFieldsResponse.details.bin,
+                donationInfo: donationInfo,
+                customerInfo: donorContactInfo.customer,
+                billingInfo: donorContactInfo.billing,
+            });
+        });
+    }
+    handleHostedFieldTokenizationError(error) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const handler = yield this.braintreeManager.paymentProviders.creditCardHandler.get();
+            handler.showErrorMessage();
+            switch (error.code) {
+                case 'HOSTED_FIELDS_FIELDS_EMPTY':
+                    // occurs when none of the fields are filled in
+                    handler.markFieldErrors([
+                        HostedFieldName.Number,
+                        HostedFieldName.CVV,
+                        HostedFieldName.ExpirationDate,
+                    ]);
+                    break;
+                case 'HOSTED_FIELDS_FIELDS_INVALID':
+                    // occurs when certain fields do not pass client side validation
+                    Object.keys(error.details.invalidFields).forEach(key => {
+                        handler.markFieldErrors([key]);
+                    });
+                    break;
+                case 'HOSTED_FIELDS_TOKENIZATION_FAIL_ON_DUPLICATE':
+                    // occurs when:
+                    //   * the client token used for client authorization was generated
+                    //     with a customer ID and the fail on duplicate payment method
+                    //     option is set to true
+                    //   * the card being tokenized has previously been vaulted (with any customer)
+                    break;
+                case 'HOSTED_FIELDS_TOKENIZATION_CVV_VERIFICATION_FAILED':
+                    // occurs when:
+                    //   * the client token used for client authorization was generated
+                    //     with a customer ID and the verify card option is set to true
+                    //     and you have credit card verification turned on in the Braintree
+                    //     control panel
+                    //   * the cvv does not pass verfication
+                    handler.markFieldErrors([HostedFieldName.CVV]);
+                    break;
+                case 'HOSTED_FIELDS_FAILED_TOKENIZATION':
+                    // occurs for any other tokenization error on the server
+                    break;
+                case 'HOSTED_FIELDS_TOKENIZATION_NETWORK_ERROR':
+                    // occurs when the Braintree gateway cannot be contacted
+                    break;
+                default:
+                    // something else happened
+                    break;
+            }
+        });
+    }
+}
 //# sourceMappingURL=creditcard-flow-handler.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"creditcard-flow-handler.js","sourceRoot":"","sources":["../../../../src/payment-flow-handlers/handlers/creditcard-flow-handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { createNanoEvents, Emitter, Unsubscribe } from 'nanoevents';\n\nimport { BraintreeManagerInterface } from '../../braintree-manager/braintree-interfaces';\nimport { RecaptchaManagerInterface } from '../../recaptcha-manager/recaptcha-manager';\n\nimport {\n  DonorContactInfo,\n  DonationPaymentInfo,\n  PaymentProvider,\n} from '@internetarchive/donation-form-data-models';\nimport { DonationFlowModalManagerInterface } from '../donation-flow-modal-manager';\nimport { HostedFieldName } from '../../braintree-manager/payment-providers/credit-card/hosted-field-container';\nimport { BadgedInput } from '../../form-elements/badged-input';\n\nexport interface CreditCardFlowHandlerInterface {\n  /**\n   * Set up the hosted fields with event bindings\n   *\n   * @returns {Promise<void>}\n   * @memberof CreditCardFlowHandlerInterface\n   */\n  startup(): Promise<void>;\n\n  /**\n   * Tokenize the hosted fields.\n   *\n   * This also performs validation so we can call this before initiating the payment to\n   * display any error messaging.\n   *\n   * @returns {(Promise<braintree.HostedFieldsTokenizePayload | undefined>)}\n   * @memberof CreditCardFlowHandlerInterface\n   */\n  tokenizeFields(): Promise<braintree.HostedFieldsTokenizePayload | undefined>;\n\n  /**\n   * Initiate the payment flow.\n   *\n   * You must get the response from `tokenizeFields()` first before this to validate the hosted fields.\n   *\n   * @param {braintree.HostedFieldsTokenizePayload} hostedFieldsResponse\n   * @param {DonationPaymentInfo} donationInfo\n   * @param {DonorContactInfo} donorContactInfo\n   * @returns {Promise<void>}\n   * @memberof CreditCardFlowHandlerInterface\n   */\n  paymentInitiated(\n    hostedFieldsResponse: braintree.HostedFieldsTokenizePayload,\n    donationInfo: DonationPaymentInfo,\n    donorContactInfo: DonorContactInfo,\n  ): Promise<void>;\n\n  /**\n   * Bind to receive credit card flow handler events\n   *\n   * @template E\n   * @param {E} event\n   * @param {CreditCardFlowHandlerEvents[E]} callback\n   * @returns {Unsubscribe}\n   * @memberof CreditCardFlowHandlerInterface\n   */\n  on<E extends keyof CreditCardFlowHandlerEvents>(\n    event: E,\n    callback: CreditCardFlowHandlerEvents[E],\n  ): Unsubscribe;\n}\n\nexport interface CreditCardFlowHandlerEvents {\n  validityChanged: (isValid: boolean) => void;\n}\n\nexport class CreditCardFlowHandler implements CreditCardFlowHandlerInterface {\n  private donationFlowModalManager: DonationFlowModalManagerInterface;\n\n  private braintreeManager: BraintreeManagerInterface;\n\n  private recaptchaManager: RecaptchaManagerInterface;\n\n  private emitter: Emitter<CreditCardFlowHandlerEvents>;\n\n  constructor(options: {\n    braintreeManager: BraintreeManagerInterface;\n    donationFlowModalManager: DonationFlowModalManagerInterface;\n    recaptchaManager: RecaptchaManagerInterface;\n  }) {\n    this.braintreeManager = options.braintreeManager;\n    this.donationFlowModalManager = options.donationFlowModalManager;\n    this.recaptchaManager = options.recaptchaManager;\n    this.emitter = createNanoEvents<CreditCardFlowHandlerEvents>();\n  }\n\n  /** @inheritdoc */\n  on<E extends keyof CreditCardFlowHandlerEvents>(\n    event: E,\n    callback: CreditCardFlowHandlerEvents[E],\n  ): Unsubscribe {\n    return this.emitter.on(event, callback);\n  }\n\n  private started = false;\n\n  /** @inheritdoc */\n  async startup(): Promise<void> {\n    if (this.started) {\n      return;\n    }\n    this.started = true;\n\n    const handler = await this.braintreeManager?.paymentProviders.creditCardHandler.get();\n    const instance = await handler?.instance.get();\n\n    // NOTE: The `focus` and `blur` callback logic must work in conjunction with\n    // the `HostedFieldContainer` class. We use the `HostedFieldContainer` for\n    // managing the hosted field error state in other parts of the form, but\n    // since we can only get event callbacks from the hosted fields like this,\n    // this has to operate independently and modify the CSS styles by itself\n    instance?.on('focus', (event: braintree.HostedFieldsStateObject): void => {\n      const { emittedBy, fields } = event;\n      const fieldInFocus = fields[emittedBy];\n      const { container } = fieldInFocus;\n      (container.parentElement as BadgedInput).error = false;\n      handler.hideErrorMessage();\n    });\n\n    instance?.on('blur', (event: braintree.HostedFieldsStateObject): void => {\n      const { emittedBy, fields } = event;\n      const fieldInFocus = fields[emittedBy];\n      const { container, isEmpty, isValid } = fieldInFocus;\n      if (isEmpty || !isValid) {\n        (container.parentElement as BadgedInput).error = true;\n      }\n    });\n\n    instance?.on('validityChange', (event: braintree.HostedFieldsStateObject): void => {\n      const { fields } = event;\n      const isValid = fields.cvv.isValid && fields.expirationDate.isValid && fields.number.isValid;\n      this.emitter.emit('validityChanged', isValid);\n    });\n  }\n\n  /** @inheritdoc */\n  async tokenizeFields(): Promise<braintree.HostedFieldsTokenizePayload | undefined> {\n    let hostedFieldsResponse: braintree.HostedFieldsTokenizePayload | undefined;\n\n    const handler = await this.braintreeManager.paymentProviders.creditCardHandler.get();\n\n    try {\n      hostedFieldsResponse = await handler?.tokenizeHostedFields();\n    } catch (error) {\n      this.handleHostedFieldTokenizationError(error);\n      return;\n    }\n\n    return hostedFieldsResponse;\n  }\n\n  /** @inheritdoc */\n  async paymentInitiated(\n    hostedFieldsResponse: braintree.HostedFieldsTokenizePayload,\n    donationInfo: DonationPaymentInfo,\n    donorContactInfo: DonorContactInfo,\n  ): Promise<void> {\n    let recaptchaToken: string | undefined;\n\n    try {\n      recaptchaToken = await this.recaptchaManager.execute();\n    } catch (error) {\n      this.donationFlowModalManager.showErrorModal({\n        message: `Recaptcha failure`,\n      });\n      return;\n    }\n\n    this.donationFlowModalManager.startDonationSubmissionFlow({\n      nonce: hostedFieldsResponse.nonce,\n      paymentProvider: PaymentProvider.CreditCard,\n      recaptchaToken: recaptchaToken,\n      bin: hostedFieldsResponse.details.bin,\n      donationInfo: donationInfo,\n      customerInfo: donorContactInfo.customer,\n      billingInfo: donorContactInfo.billing,\n    });\n  }\n\n  private async handleHostedFieldTokenizationError(error: braintree.BraintreeError): Promise<void> {\n    const handler = await this.braintreeManager.paymentProviders.creditCardHandler.get();\n\n    handler.showErrorMessage();\n\n    switch (error.code) {\n      case 'HOSTED_FIELDS_FIELDS_EMPTY':\n        // occurs when none of the fields are filled in\n        handler.markFieldErrors([\n          HostedFieldName.Number,\n          HostedFieldName.CVV,\n          HostedFieldName.ExpirationDate,\n        ]);\n        break;\n      case 'HOSTED_FIELDS_FIELDS_INVALID':\n        // occurs when certain fields do not pass client side validation\n        Object.keys(error.details.invalidFields).forEach(key => {\n          handler.markFieldErrors([key as HostedFieldName]);\n        });\n        break;\n      case 'HOSTED_FIELDS_TOKENIZATION_FAIL_ON_DUPLICATE':\n        // occurs when:\n        //   * the client token used for client authorization was generated\n        //     with a customer ID and the fail on duplicate payment method\n        //     option is set to true\n        //   * the card being tokenized has previously been vaulted (with any customer)\n        break;\n      case 'HOSTED_FIELDS_TOKENIZATION_CVV_VERIFICATION_FAILED':\n        // occurs when:\n        //   * the client token used for client authorization was generated\n        //     with a customer ID and the verify card option is set to true\n        //     and you have credit card verification turned on in the Braintree\n        //     control panel\n        //   * the cvv does not pass verfication\n        handler.markFieldErrors([HostedFieldName.CVV]);\n        break;\n      case 'HOSTED_FIELDS_FAILED_TOKENIZATION':\n        // occurs for any other tokenization error on the server\n        break;\n      case 'HOSTED_FIELDS_TOKENIZATION_NETWORK_ERROR':\n        // occurs when the Braintree gateway cannot be contacted\n        break;\n      default:\n        // something else happened\n        break;\n    }\n  }\n}\n"]}
+{"version":3,"file":"creditcard-flow-handler.js","sourceRoot":"","sources":["../../../../src/payment-flow-handlers/handlers/creditcard-flow-handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { createNanoEvents, Emitter, Unsubscribe } from 'nanoevents';\r\n\r\nimport { BraintreeManagerInterface } from '../../braintree-manager/braintree-interfaces';\r\nimport { RecaptchaManagerInterface } from '../../recaptcha-manager/recaptcha-manager';\r\n\r\nimport {\r\n  DonorContactInfo,\r\n  DonationPaymentInfo,\r\n  PaymentProvider,\r\n} from '@internetarchive/donation-form-data-models';\r\nimport { DonationFlowModalManagerInterface } from '../donation-flow-modal-manager';\r\nimport { HostedFieldName } from '../../braintree-manager/payment-providers/credit-card/hosted-field-container';\r\nimport { BadgedInput } from '../../form-elements/badged-input';\r\n\r\nexport interface CreditCardFlowHandlerInterface {\r\n  /**\r\n   * Set up the hosted fields with event bindings\r\n   *\r\n   * @returns {Promise<void>}\r\n   * @memberof CreditCardFlowHandlerInterface\r\n   */\r\n  startup(): Promise<void>;\r\n\r\n  /**\r\n   * Tokenize the hosted fields.\r\n   *\r\n   * This also performs validation so we can call this before initiating the payment to\r\n   * display any error messaging.\r\n   *\r\n   * @returns {(Promise<braintree.HostedFieldsTokenizePayload | undefined>)}\r\n   * @memberof CreditCardFlowHandlerInterface\r\n   */\r\n  tokenizeFields(): Promise<braintree.HostedFieldsTokenizePayload | undefined>;\r\n\r\n  /**\r\n   * Initiate the payment flow.\r\n   *\r\n   * You must get the response from `tokenizeFields()` first before this to validate the hosted fields.\r\n   *\r\n   * @param {braintree.HostedFieldsTokenizePayload} hostedFieldsResponse\r\n   * @param {DonationPaymentInfo} donationInfo\r\n   * @param {DonorContactInfo} donorContactInfo\r\n   * @returns {Promise<void>}\r\n   * @memberof CreditCardFlowHandlerInterface\r\n   */\r\n  paymentInitiated(\r\n    hostedFieldsResponse: braintree.HostedFieldsTokenizePayload,\r\n    donationInfo: DonationPaymentInfo,\r\n    donorContactInfo: DonorContactInfo,\r\n  ): Promise<void>;\r\n\r\n  /**\r\n   * Bind to receive credit card flow handler events\r\n   *\r\n   * @template E\r\n   * @param {E} event\r\n   * @param {CreditCardFlowHandlerEvents[E]} callback\r\n   * @returns {Unsubscribe}\r\n   * @memberof CreditCardFlowHandlerInterface\r\n   */\r\n  on<E extends keyof CreditCardFlowHandlerEvents>(\r\n    event: E,\r\n    callback: CreditCardFlowHandlerEvents[E],\r\n  ): Unsubscribe;\r\n}\r\n\r\nexport interface CreditCardFlowHandlerEvents {\r\n  validityChanged: (isValid: boolean) => void;\r\n}\r\n\r\nexport class CreditCardFlowHandler implements CreditCardFlowHandlerInterface {\r\n  private donationFlowModalManager: DonationFlowModalManagerInterface;\r\n\r\n  private braintreeManager: BraintreeManagerInterface;\r\n\r\n  private recaptchaManager: RecaptchaManagerInterface;\r\n\r\n  private emitter: Emitter<CreditCardFlowHandlerEvents>;\r\n\r\n  constructor(options: {\r\n    braintreeManager: BraintreeManagerInterface;\r\n    donationFlowModalManager: DonationFlowModalManagerInterface;\r\n    recaptchaManager: RecaptchaManagerInterface;\r\n  }) {\r\n    this.braintreeManager = options.braintreeManager;\r\n    this.donationFlowModalManager = options.donationFlowModalManager;\r\n    this.recaptchaManager = options.recaptchaManager;\r\n    this.emitter = createNanoEvents<CreditCardFlowHandlerEvents>();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  on<E extends keyof CreditCardFlowHandlerEvents>(\r\n    event: E,\r\n    callback: CreditCardFlowHandlerEvents[E],\r\n  ): Unsubscribe {\r\n    return this.emitter.on(event, callback);\r\n  }\r\n\r\n  private started = false;\r\n\r\n  /** @inheritdoc */\r\n  async startup(): Promise<void> {\r\n    if (this.started) {\r\n      return;\r\n    }\r\n    this.started = true;\r\n\r\n    const handler = await this.braintreeManager?.paymentProviders.creditCardHandler.get();\r\n    const instance = await handler?.instance.get();\r\n\r\n    // NOTE: The `focus` and `blur` callback logic must work in conjunction with\r\n    // the `HostedFieldContainer` class. We use the `HostedFieldContainer` for\r\n    // managing the hosted field error state in other parts of the form, but\r\n    // since we can only get event callbacks from the hosted fields like this,\r\n    // this has to operate independently and modify the CSS styles by itself\r\n    instance?.on('focus', (event: braintree.HostedFieldsStateObject): void => {\r\n      const { emittedBy, fields } = event;\r\n      const fieldInFocus = fields[emittedBy];\r\n      const { container } = fieldInFocus;\r\n      (container.parentElement as BadgedInput).error = false;\r\n      handler.hideErrorMessage();\r\n    });\r\n\r\n    instance?.on('blur', (event: braintree.HostedFieldsStateObject): void => {\r\n      const { emittedBy, fields } = event;\r\n      const fieldInFocus = fields[emittedBy];\r\n      const { container, isEmpty, isValid } = fieldInFocus;\r\n      if (isEmpty || !isValid) {\r\n        (container.parentElement as BadgedInput).error = true;\r\n      }\r\n    });\r\n\r\n    instance?.on('validityChange', (event: braintree.HostedFieldsStateObject): void => {\r\n      const { fields } = event;\r\n      const isValid = fields.cvv.isValid && fields.expirationDate.isValid && fields.number.isValid;\r\n      this.emitter.emit('validityChanged', isValid);\r\n    });\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  async tokenizeFields(): Promise<braintree.HostedFieldsTokenizePayload | undefined> {\r\n    let hostedFieldsResponse: braintree.HostedFieldsTokenizePayload | undefined;\r\n\r\n    const handler = await this.braintreeManager.paymentProviders.creditCardHandler.get();\r\n\r\n    try {\r\n      hostedFieldsResponse = await handler?.tokenizeHostedFields();\r\n    } catch (error) {\r\n      this.handleHostedFieldTokenizationError(error);\r\n      return;\r\n    }\r\n\r\n    return hostedFieldsResponse;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  async paymentInitiated(\r\n    hostedFieldsResponse: braintree.HostedFieldsTokenizePayload,\r\n    donationInfo: DonationPaymentInfo,\r\n    donorContactInfo: DonorContactInfo,\r\n  ): Promise<void> {\r\n    let recaptchaToken: string | undefined;\r\n\r\n    try {\r\n      recaptchaToken = await this.recaptchaManager.execute();\r\n    } catch (error) {\r\n      this.donationFlowModalManager.showErrorModal({\r\n        message: `Recaptcha failure`,\r\n      });\r\n      return;\r\n    }\r\n\r\n    this.donationFlowModalManager.startDonationSubmissionFlow({\r\n      nonce: hostedFieldsResponse.nonce,\r\n      paymentProvider: PaymentProvider.CreditCard,\r\n      recaptchaToken: recaptchaToken,\r\n      bin: hostedFieldsResponse.details.bin,\r\n      donationInfo: donationInfo,\r\n      customerInfo: donorContactInfo.customer,\r\n      billingInfo: donorContactInfo.billing,\r\n    });\r\n  }\r\n\r\n  private async handleHostedFieldTokenizationError(error: braintree.BraintreeError): Promise<void> {\r\n    const handler = await this.braintreeManager.paymentProviders.creditCardHandler.get();\r\n\r\n    handler.showErrorMessage();\r\n\r\n    switch (error.code) {\r\n      case 'HOSTED_FIELDS_FIELDS_EMPTY':\r\n        // occurs when none of the fields are filled in\r\n        handler.markFieldErrors([\r\n          HostedFieldName.Number,\r\n          HostedFieldName.CVV,\r\n          HostedFieldName.ExpirationDate,\r\n        ]);\r\n        break;\r\n      case 'HOSTED_FIELDS_FIELDS_INVALID':\r\n        // occurs when certain fields do not pass client side validation\r\n        Object.keys(error.details.invalidFields).forEach(key => {\r\n          handler.markFieldErrors([key as HostedFieldName]);\r\n        });\r\n        break;\r\n      case 'HOSTED_FIELDS_TOKENIZATION_FAIL_ON_DUPLICATE':\r\n        // occurs when:\r\n        //   * the client token used for client authorization was generated\r\n        //     with a customer ID and the fail on duplicate payment method\r\n        //     option is set to true\r\n        //   * the card being tokenized has previously been vaulted (with any customer)\r\n        break;\r\n      case 'HOSTED_FIELDS_TOKENIZATION_CVV_VERIFICATION_FAILED':\r\n        // occurs when:\r\n        //   * the client token used for client authorization was generated\r\n        //     with a customer ID and the verify card option is set to true\r\n        //     and you have credit card verification turned on in the Braintree\r\n        //     control panel\r\n        //   * the cvv does not pass verfication\r\n        handler.markFieldErrors([HostedFieldName.CVV]);\r\n        break;\r\n      case 'HOSTED_FIELDS_FAILED_TOKENIZATION':\r\n        // occurs for any other tokenization error on the server\r\n        break;\r\n      case 'HOSTED_FIELDS_TOKENIZATION_NETWORK_ERROR':\r\n        // occurs when the Braintree gateway cannot be contacted\r\n        break;\r\n      default:\r\n        // something else happened\r\n        break;\r\n    }\r\n  }\r\n}\r\n"]}

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

@@ -1,22 +1,22 @@
-import { BraintreeManagerInterface } from '../../braintree-manager/braintree-interfaces';
-import { DonationPaymentInfo } from '@internetarchive/donation-form-data-models';
-import { DonationFlowModalManagerInterface } from '../donation-flow-modal-manager';
-import { Unsubscribe } from 'nanoevents';
-export interface GooglePayFlowHandlerInterface {
-    paymentInitiated(donationInfo: DonationPaymentInfo): Promise<void>;
-    on<E extends keyof GooglePayFlowHandlerEvents>(event: E, callback: GooglePayFlowHandlerEvents[E]): Unsubscribe;
-}
-export interface GooglePayFlowHandlerEvents {
-    paymentCancelled: () => void;
-}
-export declare class GooglePayFlowHandler implements GooglePayFlowHandlerInterface {
-    private donationFlowModalManager;
-    private braintreeManager;
-    private emitter;
-    constructor(options: {
-        braintreeManager: BraintreeManagerInterface;
-        donationFlowModalManager: DonationFlowModalManagerInterface;
-    });
-    on<E extends keyof GooglePayFlowHandlerEvents>(event: E, callback: GooglePayFlowHandlerEvents[E]): Unsubscribe;
-    paymentInitiated(donationInfo: DonationPaymentInfo): Promise<void>;
-}
+import { BraintreeManagerInterface } from '../../braintree-manager/braintree-interfaces';
+import { DonationPaymentInfo } from '@internetarchive/donation-form-data-models';
+import { DonationFlowModalManagerInterface } from '../donation-flow-modal-manager';
+import { Unsubscribe } from 'nanoevents';
+export interface GooglePayFlowHandlerInterface {
+    paymentInitiated(donationInfo: DonationPaymentInfo): Promise<void>;
+    on<E extends keyof GooglePayFlowHandlerEvents>(event: E, callback: GooglePayFlowHandlerEvents[E]): Unsubscribe;
+}
+export interface GooglePayFlowHandlerEvents {
+    paymentCancelled: () => void;
+}
+export declare class GooglePayFlowHandler implements GooglePayFlowHandlerInterface {
+    private donationFlowModalManager;
+    private braintreeManager;
+    private emitter;
+    constructor(options: {
+        braintreeManager: BraintreeManagerInterface;
+        donationFlowModalManager: DonationFlowModalManagerInterface;
+    });
+    on<E extends keyof GooglePayFlowHandlerEvents>(event: E, callback: GooglePayFlowHandlerEvents[E]): Unsubscribe;
+    paymentInitiated(donationInfo: DonationPaymentInfo): Promise<void>;
+}

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

@@ -1,75 +1,75 @@
-import { __awaiter } from "tslib";
-import { PaymentProvider, CustomerInfo, BillingInfo, } from '@internetarchive/donation-form-data-models';
-import { createNanoEvents } from 'nanoevents';
-export class GooglePayFlowHandler {
-    constructor(options) {
-        this.emitter = createNanoEvents();
-        this.braintreeManager = options.braintreeManager;
-        this.donationFlowModalManager = options.donationFlowModalManager;
-    }
-    on(event, callback) {
-        return this.emitter.on(event, callback);
-    }
-    // GooglePayFlowHandlerInterface conformance
-    paymentInitiated(donationInfo) {
-        var _a, _b;
-        return __awaiter(this, void 0, void 0, function* () {
-            const handler = yield ((_a = this.braintreeManager) === null || _a === void 0 ? void 0 : _a.paymentProviders.googlePayHandler.get());
-            const instance = yield handler.instance.get();
-            const paymentDataRequest = yield instance.createPaymentDataRequest({
-                emailRequired: true,
-                transactionInfo: {
-                    currencyCode: 'USD',
-                    totalPriceStatus: 'FINAL',
-                    totalPrice: `${donationInfo.total}`,
-                },
-            });
-            const cardPaymentMethod = paymentDataRequest.allowedPaymentMethods[0];
-            cardPaymentMethod.parameters.billingAddressRequired = true;
-            cardPaymentMethod.parameters.billingAddressParameters = {
-                format: 'FULL',
-                phoneNumberRequired: false,
-            };
-            try {
-                const paymentData = yield handler.paymentsClient.loadPaymentData(paymentDataRequest);
-                const result = yield instance.parseResponse(paymentData);
-                const billingInfo = (_b = paymentData.paymentMethodData.info) === null || _b === void 0 ? void 0 : _b.billingAddress;
-                const name = billingInfo === null || billingInfo === void 0 ? void 0 : billingInfo.name;
-                let firstName = name;
-                let lastName = '';
-                const lastSpace = name === null || name === void 0 ? void 0 : name.lastIndexOf(' ');
-                if (lastSpace && lastSpace !== -1) {
-                    firstName = name === null || name === void 0 ? void 0 : name.substr(0, lastSpace);
-                    lastName = name === null || name === void 0 ? void 0 : name.substr(lastSpace);
-                }
-                const customer = new CustomerInfo({
-                    email: paymentData.email,
-                    firstName,
-                    lastName,
-                });
-                const billing = new BillingInfo({
-                    streetAddress: billingInfo === null || billingInfo === void 0 ? void 0 : billingInfo.address1,
-                    extendedAddress: billingInfo === null || billingInfo === void 0 ? void 0 : billingInfo.address2,
-                    locality: billingInfo === null || billingInfo === void 0 ? void 0 : billingInfo.locality,
-                    region: billingInfo === null || billingInfo === void 0 ? void 0 : billingInfo.administrativeArea,
-                    postalCode: billingInfo === null || billingInfo === void 0 ? void 0 : billingInfo.postalCode,
-                    countryCodeAlpha2: billingInfo === null || billingInfo === void 0 ? void 0 : billingInfo.countryCode,
-                });
-                this.donationFlowModalManager.startDonationSubmissionFlow({
-                    nonce: result.nonce,
-                    paymentProvider: PaymentProvider.GooglePay,
-                    bin: result.details.bin,
-                    binName: result.binData.issuingBank,
-                    donationInfo: donationInfo,
-                    customerInfo: customer,
-                    billingInfo: billing,
-                });
-            }
-            catch (_c) {
-                this.emitter.emit('paymentCancelled');
-                this.donationFlowModalManager.closeModal();
-            }
-        });
-    }
-}
+import { __awaiter } from "tslib";
+import { PaymentProvider, CustomerInfo, BillingInfo, } from '@internetarchive/donation-form-data-models';
+import { createNanoEvents } from 'nanoevents';
+export class GooglePayFlowHandler {
+    constructor(options) {
+        this.emitter = createNanoEvents();
+        this.braintreeManager = options.braintreeManager;
+        this.donationFlowModalManager = options.donationFlowModalManager;
+    }
+    on(event, callback) {
+        return this.emitter.on(event, callback);
+    }
+    // GooglePayFlowHandlerInterface conformance
+    paymentInitiated(donationInfo) {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
+            const handler = yield ((_a = this.braintreeManager) === null || _a === void 0 ? void 0 : _a.paymentProviders.googlePayHandler.get());
+            const instance = yield handler.instance.get();
+            const paymentDataRequest = yield instance.createPaymentDataRequest({
+                emailRequired: true,
+                transactionInfo: {
+                    currencyCode: 'USD',
+                    totalPriceStatus: 'FINAL',
+                    totalPrice: `${donationInfo.total}`,
+                },
+            });
+            const cardPaymentMethod = paymentDataRequest.allowedPaymentMethods[0];
+            cardPaymentMethod.parameters.billingAddressRequired = true;
+            cardPaymentMethod.parameters.billingAddressParameters = {
+                format: 'FULL',
+                phoneNumberRequired: false,
+            };
+            try {
+                const paymentData = yield handler.paymentsClient.loadPaymentData(paymentDataRequest);
+                const result = yield instance.parseResponse(paymentData);
+                const billingInfo = (_b = paymentData.paymentMethodData.info) === null || _b === void 0 ? void 0 : _b.billingAddress;
+                const name = billingInfo === null || billingInfo === void 0 ? void 0 : billingInfo.name;
+                let firstName = name;
+                let lastName = '';
+                const lastSpace = name === null || name === void 0 ? void 0 : name.lastIndexOf(' ');
+                if (lastSpace && lastSpace !== -1) {
+                    firstName = name === null || name === void 0 ? void 0 : name.substr(0, lastSpace);
+                    lastName = name === null || name === void 0 ? void 0 : name.substr(lastSpace);
+                }
+                const customer = new CustomerInfo({
+                    email: paymentData.email,
+                    firstName,
+                    lastName,
+                });
+                const billing = new BillingInfo({
+                    streetAddress: billingInfo === null || billingInfo === void 0 ? void 0 : billingInfo.address1,
+                    extendedAddress: billingInfo === null || billingInfo === void 0 ? void 0 : billingInfo.address2,
+                    locality: billingInfo === null || billingInfo === void 0 ? void 0 : billingInfo.locality,
+                    region: billingInfo === null || billingInfo === void 0 ? void 0 : billingInfo.administrativeArea,
+                    postalCode: billingInfo === null || billingInfo === void 0 ? void 0 : billingInfo.postalCode,
+                    countryCodeAlpha2: billingInfo === null || billingInfo === void 0 ? void 0 : billingInfo.countryCode,
+                });
+                this.donationFlowModalManager.startDonationSubmissionFlow({
+                    nonce: result.nonce,
+                    paymentProvider: PaymentProvider.GooglePay,
+                    bin: result.details.bin,
+                    binName: result.binData.issuingBank,
+                    donationInfo: donationInfo,
+                    customerInfo: customer,
+                    billingInfo: billing,
+                });
+            }
+            catch (_c) {
+                this.emitter.emit('paymentCancelled');
+                this.donationFlowModalManager.closeModal();
+            }
+        });
+    }
+}
 //# sourceMappingURL=googlepay-flow-handler.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"googlepay-flow-handler.js","sourceRoot":"","sources":["../../../../src/payment-flow-handlers/handlers/googlepay-flow-handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { BraintreeManagerInterface } from '../../braintree-manager/braintree-interfaces';\nimport {\n  DonationPaymentInfo,\n  PaymentProvider,\n  CustomerInfo,\n  BillingInfo,\n} from '@internetarchive/donation-form-data-models';\nimport { DonationFlowModalManagerInterface } from '../donation-flow-modal-manager';\nimport { Emitter, createNanoEvents, Unsubscribe } from 'nanoevents';\n\nexport interface GooglePayFlowHandlerInterface {\n  paymentInitiated(donationInfo: DonationPaymentInfo): Promise<void>;\n  on<E extends keyof GooglePayFlowHandlerEvents>(\n    event: E,\n    callback: GooglePayFlowHandlerEvents[E],\n  ): Unsubscribe;\n}\n\nexport interface GooglePayFlowHandlerEvents {\n  paymentCancelled: () => void;\n}\n\nexport class GooglePayFlowHandler implements GooglePayFlowHandlerInterface {\n  private donationFlowModalManager: DonationFlowModalManagerInterface;\n\n  private braintreeManager: BraintreeManagerInterface;\n\n  private emitter: Emitter<GooglePayFlowHandlerEvents> = createNanoEvents<\n    GooglePayFlowHandlerEvents\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 GooglePayFlowHandlerEvents>(\n    event: E,\n    callback: GooglePayFlowHandlerEvents[E],\n  ): Unsubscribe {\n    return this.emitter.on(event, callback);\n  }\n\n  // GooglePayFlowHandlerInterface conformance\n  async paymentInitiated(donationInfo: DonationPaymentInfo): Promise<void> {\n    const handler = await this.braintreeManager?.paymentProviders.googlePayHandler.get();\n    const instance = await handler.instance.get();\n\n    const paymentDataRequest = await instance.createPaymentDataRequest({\n      emailRequired: true,\n      transactionInfo: {\n        currencyCode: 'USD',\n        totalPriceStatus: 'FINAL',\n        totalPrice: `${donationInfo.total}`,\n      },\n    });\n\n    const cardPaymentMethod = paymentDataRequest.allowedPaymentMethods[0];\n    cardPaymentMethod.parameters.billingAddressRequired = true;\n    cardPaymentMethod.parameters.billingAddressParameters = {\n      format: 'FULL',\n      phoneNumberRequired: false,\n    };\n\n    try {\n      const paymentData = await handler.paymentsClient.loadPaymentData(paymentDataRequest);\n      const result: braintree.GooglePaymentTokenizePayload = await instance.parseResponse(\n        paymentData,\n      );\n\n      const billingInfo = paymentData.paymentMethodData.info?.billingAddress;\n      const name = billingInfo?.name;\n      let firstName: string | undefined = name;\n      let lastName: string | undefined = '';\n      const lastSpace = name?.lastIndexOf(' ');\n      if (lastSpace && lastSpace !== -1) {\n        firstName = name?.substr(0, lastSpace);\n        lastName = name?.substr(lastSpace);\n      }\n\n      const customer = new CustomerInfo({\n        email: paymentData.email,\n        firstName,\n        lastName,\n      });\n\n      const billing = new BillingInfo({\n        streetAddress: billingInfo?.address1,\n        extendedAddress: billingInfo?.address2,\n        locality: billingInfo?.locality,\n        region: billingInfo?.administrativeArea,\n        postalCode: billingInfo?.postalCode,\n        countryCodeAlpha2: billingInfo?.countryCode,\n      });\n\n      this.donationFlowModalManager.startDonationSubmissionFlow({\n        nonce: result.nonce,\n        paymentProvider: PaymentProvider.GooglePay,\n        bin: result.details.bin,\n        binName: result.binData.issuingBank,\n        donationInfo: donationInfo,\n        customerInfo: customer,\n        billingInfo: billing,\n      });\n    } catch {\n      this.emitter.emit('paymentCancelled');\n      this.donationFlowModalManager.closeModal();\n    }\n  }\n}\n"]}
+{"version":3,"file":"googlepay-flow-handler.js","sourceRoot":"","sources":["../../../../src/payment-flow-handlers/handlers/googlepay-flow-handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { BraintreeManagerInterface } from '../../braintree-manager/braintree-interfaces';\r\nimport {\r\n  DonationPaymentInfo,\r\n  PaymentProvider,\r\n  CustomerInfo,\r\n  BillingInfo,\r\n} from '@internetarchive/donation-form-data-models';\r\nimport { DonationFlowModalManagerInterface } from '../donation-flow-modal-manager';\r\nimport { Emitter, createNanoEvents, Unsubscribe } from 'nanoevents';\r\n\r\nexport interface GooglePayFlowHandlerInterface {\r\n  paymentInitiated(donationInfo: DonationPaymentInfo): Promise<void>;\r\n  on<E extends keyof GooglePayFlowHandlerEvents>(\r\n    event: E,\r\n    callback: GooglePayFlowHandlerEvents[E],\r\n  ): Unsubscribe;\r\n}\r\n\r\nexport interface GooglePayFlowHandlerEvents {\r\n  paymentCancelled: () => void;\r\n}\r\n\r\nexport class GooglePayFlowHandler implements GooglePayFlowHandlerInterface {\r\n  private donationFlowModalManager: DonationFlowModalManagerInterface;\r\n\r\n  private braintreeManager: BraintreeManagerInterface;\r\n\r\n  private emitter: Emitter<GooglePayFlowHandlerEvents> = createNanoEvents<\r\n    GooglePayFlowHandlerEvents\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 GooglePayFlowHandlerEvents>(\r\n    event: E,\r\n    callback: GooglePayFlowHandlerEvents[E],\r\n  ): Unsubscribe {\r\n    return this.emitter.on(event, callback);\r\n  }\r\n\r\n  // GooglePayFlowHandlerInterface conformance\r\n  async paymentInitiated(donationInfo: DonationPaymentInfo): Promise<void> {\r\n    const handler = await this.braintreeManager?.paymentProviders.googlePayHandler.get();\r\n    const instance = await handler.instance.get();\r\n\r\n    const paymentDataRequest = await instance.createPaymentDataRequest({\r\n      emailRequired: true,\r\n      transactionInfo: {\r\n        currencyCode: 'USD',\r\n        totalPriceStatus: 'FINAL',\r\n        totalPrice: `${donationInfo.total}`,\r\n      },\r\n    });\r\n\r\n    const cardPaymentMethod = paymentDataRequest.allowedPaymentMethods[0];\r\n    cardPaymentMethod.parameters.billingAddressRequired = true;\r\n    cardPaymentMethod.parameters.billingAddressParameters = {\r\n      format: 'FULL',\r\n      phoneNumberRequired: false,\r\n    };\r\n\r\n    try {\r\n      const paymentData = await handler.paymentsClient.loadPaymentData(paymentDataRequest);\r\n      const result: braintree.GooglePaymentTokenizePayload = await instance.parseResponse(\r\n        paymentData,\r\n      );\r\n\r\n      const billingInfo = paymentData.paymentMethodData.info?.billingAddress;\r\n      const name = billingInfo?.name;\r\n      let firstName: string | undefined = name;\r\n      let lastName: string | undefined = '';\r\n      const lastSpace = name?.lastIndexOf(' ');\r\n      if (lastSpace && lastSpace !== -1) {\r\n        firstName = name?.substr(0, lastSpace);\r\n        lastName = name?.substr(lastSpace);\r\n      }\r\n\r\n      const customer = new CustomerInfo({\r\n        email: paymentData.email,\r\n        firstName,\r\n        lastName,\r\n      });\r\n\r\n      const billing = new BillingInfo({\r\n        streetAddress: billingInfo?.address1,\r\n        extendedAddress: billingInfo?.address2,\r\n        locality: billingInfo?.locality,\r\n        region: billingInfo?.administrativeArea,\r\n        postalCode: billingInfo?.postalCode,\r\n        countryCodeAlpha2: billingInfo?.countryCode,\r\n      });\r\n\r\n      this.donationFlowModalManager.startDonationSubmissionFlow({\r\n        nonce: result.nonce,\r\n        paymentProvider: PaymentProvider.GooglePay,\r\n        bin: result.details.bin,\r\n        binName: result.binData.issuingBank,\r\n        donationInfo: donationInfo,\r\n        customerInfo: customer,\r\n        billingInfo: billing,\r\n      });\r\n    } catch {\r\n      this.emitter.emit('paymentCancelled');\r\n      this.donationFlowModalManager.closeModal();\r\n    }\r\n  }\r\n}\r\n"]}