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

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

@@ -1,108 +1,108 @@
-import { __awaiter } from "tslib";
-import { CreditCardFlowHandler, } from './handlers/creditcard-flow-handler';
-import { PayPalFlowHandler } from './handlers/paypal-flow-handler';
-import { ApplePayFlowHandler, } from './handlers/applepay-flow-handler';
-import { VenmoFlowHandler } from './handlers/venmo-flow-handler';
-import { DonationFlowModalManager, } from './donation-flow-modal-manager';
-import { GooglePayFlowHandler, } from './handlers/googlepay-flow-handler';
-/**
- * This class is a container for all of the individual flow handlers.
- *
- * Flow Handlers are responsible for handling the provider-specific interactions between
- * the UI and the Data.
- *
- * For instance, when the user clicks on the "Donate" button for credit cards, we
- * pull in contact info from the form, trigger the recaptcha, tokenize the form,
- * submit, show the upsell, complete. The Credit Card Flow Handler is responsible for
- * managing that series of steps.
- *
- * For PayPal, the user initiates the payment from the PayPal button and once they're
- * done, we show the modal. The PayPal Flow Handler is responsible for handling that
- * series of events.
- *
- * @export
- * @class PaymentFlowHandlers
- * @implements {PaymentFlowHandlersInterface}
- */
-export class PaymentFlowHandlers {
-    constructor(options) {
-        this.braintreeManager = options.braintreeManager;
-        this.modalManager = options.modalManager;
-        this.recaptchaManager = options.recaptchaManager;
-        this.resources = options.resources;
-        this.donationFlowModalManager = new DonationFlowModalManager({
-            braintreeManager: this.braintreeManager,
-            modalManager: this.modalManager,
-            analytics: this.resources.analytics,
-        });
-    }
-    startup() {
-        var _a, _b;
-        return __awaiter(this, void 0, void 0, function* () {
-            (_a = this.venmoHandler) === null || _a === void 0 ? void 0 : _a.startup();
-            (_b = this.creditCardHandler) === null || _b === void 0 ? void 0 : _b.startup();
-        });
-    }
-    /** @inheritdoc */
-    showUpsellModal(options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this.donationFlowModalManager.showUpsellModal(options);
-        });
-    }
-    /** @inheritdoc */
-    showConfirmationStepModal(options) {
-        return this.donationFlowModalManager.showConfirmationStepModal(options);
-    }
-    get creditCardHandler() {
-        if (this.creditCardHandlerCache) {
-            return this.creditCardHandlerCache;
-        }
-        this.creditCardHandlerCache = new CreditCardFlowHandler({
-            braintreeManager: this.braintreeManager,
-            donationFlowModalManager: this.donationFlowModalManager,
-            recaptchaManager: this.recaptchaManager,
-        });
-        return this.creditCardHandlerCache;
-    }
-    get paypalHandler() {
-        if (this.paypalHandlerCache) {
-            return this.paypalHandlerCache;
-        }
-        this.paypalHandlerCache = new PayPalFlowHandler({
-            braintreeManager: this.braintreeManager,
-            donationFlowModalManager: this.donationFlowModalManager,
-        });
-        return this.paypalHandlerCache;
-    }
-    get applePayHandler() {
-        if (this.applePayHandlerCache) {
-            return this.applePayHandlerCache;
-        }
-        this.applePayHandlerCache = new ApplePayFlowHandler({
-            braintreeManager: this.braintreeManager,
-            donationFlowModalManager: this.donationFlowModalManager,
-        });
-        return this.applePayHandlerCache;
-    }
-    get venmoHandler() {
-        if (this.venmoHandlerCache) {
-            return this.venmoHandlerCache;
-        }
-        this.venmoHandlerCache = new VenmoFlowHandler({
-            braintreeManager: this.braintreeManager,
-            donationFlowModalManager: this.donationFlowModalManager,
-        });
-        return this.venmoHandlerCache;
-    }
-    get googlePayHandler() {
-        if (this.googlePayHandlerCache) {
-            return this.googlePayHandlerCache;
-        }
-        this.googlePayHandlerCache = new GooglePayFlowHandler({
-            braintreeManager: this.braintreeManager,
-            donationFlowModalManager: this.donationFlowModalManager,
-        });
-        return this.googlePayHandlerCache;
-    }
-}
+import { __awaiter } from "tslib";
+import { CreditCardFlowHandler, } from './handlers/creditcard-flow-handler';
+import { PayPalFlowHandler } from './handlers/paypal-flow-handler';
+import { ApplePayFlowHandler, } from './handlers/applepay-flow-handler';
+import { VenmoFlowHandler } from './handlers/venmo-flow-handler';
+import { DonationFlowModalManager, } from './donation-flow-modal-manager';
+import { GooglePayFlowHandler, } from './handlers/googlepay-flow-handler';
+/**
+ * This class is a container for all of the individual flow handlers.
+ *
+ * Flow Handlers are responsible for handling the provider-specific interactions between
+ * the UI and the Data.
+ *
+ * For instance, when the user clicks on the "Donate" button for credit cards, we
+ * pull in contact info from the form, trigger the recaptcha, tokenize the form,
+ * submit, show the upsell, complete. The Credit Card Flow Handler is responsible for
+ * managing that series of steps.
+ *
+ * For PayPal, the user initiates the payment from the PayPal button and once they're
+ * done, we show the modal. The PayPal Flow Handler is responsible for handling that
+ * series of events.
+ *
+ * @export
+ * @class PaymentFlowHandlers
+ * @implements {PaymentFlowHandlersInterface}
+ */
+export class PaymentFlowHandlers {
+    constructor(options) {
+        this.braintreeManager = options.braintreeManager;
+        this.modalManager = options.modalManager;
+        this.recaptchaManager = options.recaptchaManager;
+        this.resources = options.resources;
+        this.donationFlowModalManager = new DonationFlowModalManager({
+            braintreeManager: this.braintreeManager,
+            modalManager: this.modalManager,
+            analytics: this.resources.analytics,
+        });
+    }
+    startup() {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
+            (_a = this.venmoHandler) === null || _a === void 0 ? void 0 : _a.startup();
+            (_b = this.creditCardHandler) === null || _b === void 0 ? void 0 : _b.startup();
+        });
+    }
+    /** @inheritdoc */
+    showUpsellModal(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.donationFlowModalManager.showUpsellModal(options);
+        });
+    }
+    /** @inheritdoc */
+    showConfirmationStepModal(options) {
+        return this.donationFlowModalManager.showConfirmationStepModal(options);
+    }
+    get creditCardHandler() {
+        if (this.creditCardHandlerCache) {
+            return this.creditCardHandlerCache;
+        }
+        this.creditCardHandlerCache = new CreditCardFlowHandler({
+            braintreeManager: this.braintreeManager,
+            donationFlowModalManager: this.donationFlowModalManager,
+            recaptchaManager: this.recaptchaManager,
+        });
+        return this.creditCardHandlerCache;
+    }
+    get paypalHandler() {
+        if (this.paypalHandlerCache) {
+            return this.paypalHandlerCache;
+        }
+        this.paypalHandlerCache = new PayPalFlowHandler({
+            braintreeManager: this.braintreeManager,
+            donationFlowModalManager: this.donationFlowModalManager,
+        });
+        return this.paypalHandlerCache;
+    }
+    get applePayHandler() {
+        if (this.applePayHandlerCache) {
+            return this.applePayHandlerCache;
+        }
+        this.applePayHandlerCache = new ApplePayFlowHandler({
+            braintreeManager: this.braintreeManager,
+            donationFlowModalManager: this.donationFlowModalManager,
+        });
+        return this.applePayHandlerCache;
+    }
+    get venmoHandler() {
+        if (this.venmoHandlerCache) {
+            return this.venmoHandlerCache;
+        }
+        this.venmoHandlerCache = new VenmoFlowHandler({
+            braintreeManager: this.braintreeManager,
+            donationFlowModalManager: this.donationFlowModalManager,
+        });
+        return this.venmoHandlerCache;
+    }
+    get googlePayHandler() {
+        if (this.googlePayHandlerCache) {
+            return this.googlePayHandlerCache;
+        }
+        this.googlePayHandlerCache = new GooglePayFlowHandler({
+            braintreeManager: this.braintreeManager,
+            donationFlowModalManager: this.donationFlowModalManager,
+        });
+        return this.googlePayHandlerCache;
+    }
+}
 //# sourceMappingURL=payment-flow-handlers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"payment-flow-handlers.js","sourceRoot":"","sources":["../../../src/payment-flow-handlers/payment-flow-handlers.ts"],"names":[],"mappings":"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","sourcesContent":["import { ModalManagerInterface } from '@internetarchive/modal-manager';\r\n\r\nimport {\r\n  CreditCardFlowHandlerInterface,\r\n  CreditCardFlowHandler,\r\n} from './handlers/creditcard-flow-handler';\r\nimport { PayPalFlowHandlerInterface, PayPalFlowHandler } from './handlers/paypal-flow-handler';\r\nimport { BraintreeManagerInterface } from '../braintree-manager/braintree-interfaces';\r\nimport { RecaptchaManagerInterface } from '../recaptcha-manager/recaptcha-manager';\r\nimport {\r\n  ApplePayFlowHandlerInterface,\r\n  ApplePayFlowHandler,\r\n} from './handlers/applepay-flow-handler';\r\nimport { VenmoFlowHandlerInterface, VenmoFlowHandler } from './handlers/venmo-flow-handler';\r\nimport {\r\n  DonationFlowModalManagerInterface,\r\n  DonationFlowModalManager,\r\n} from './donation-flow-modal-manager';\r\nimport {\r\n  GooglePayFlowHandlerInterface,\r\n  GooglePayFlowHandler,\r\n} from './handlers/googlepay-flow-handler';\r\nimport { UpsellModalCTAMode } from '../modals/upsell-modal-content';\r\nimport { DonationType } from '@internetarchive/donation-form-data-models';\r\n\r\nexport interface PaymentFlowHandlersInterface {\r\n  startup(): Promise<void>;\r\n  /**\r\n   * Show the upsell modal\r\n   *\r\n   * @param {{\r\n   *     ctaMode?: UpsellModalCTAMode;\r\n   *     yesSelected?: (amount: number) => void;\r\n   *     noSelected?: () => void;\r\n   *     amountChanged?: (amount: number) => void;\r\n   *     userClosedModalCallback?: () => void;\r\n   *   }} [options]\r\n   * @returns {Promise<void>}\r\n   * @memberof DonationFlowModalManagerInterface\r\n   */\r\n  showUpsellModal(options: {\r\n    oneTimeAmount: number;\r\n    ctaMode?: UpsellModalCTAMode;\r\n    yesSelected?: (amount: number) => void;\r\n    noSelected?: () => void;\r\n    amountChanged?: (amount: number) => void;\r\n    userClosedModalCallback?: () => void;\r\n  }): Promise<void>;\r\n\r\n  showConfirmationStepModal(options: {\r\n    amount: number;\r\n    donationType: DonationType;\r\n    currencyType: string;\r\n    confirmDonationCB: Function;\r\n    cancelDonationCB: Function;\r\n  }): Promise<void>;\r\n\r\n  creditCardHandler: CreditCardFlowHandlerInterface | undefined;\r\n  paypalHandler: PayPalFlowHandlerInterface | undefined;\r\n  applePayHandler: ApplePayFlowHandlerInterface | undefined;\r\n  venmoHandler: VenmoFlowHandlerInterface | undefined;\r\n  googlePayHandler: GooglePayFlowHandlerInterface | undefined;\r\n}\r\n\r\n/**\r\n * This class is a container for all of the individual flow handlers.\r\n *\r\n * Flow Handlers are responsible for handling the provider-specific interactions between\r\n * the UI and the Data.\r\n *\r\n * For instance, when the user clicks on the \"Donate\" button for credit cards, we\r\n * pull in contact info from the form, trigger the recaptcha, tokenize the form,\r\n * submit, show the upsell, complete. The Credit Card Flow Handler is responsible for\r\n * managing that series of steps.\r\n *\r\n * For PayPal, the user initiates the payment from the PayPal button and once they're\r\n * done, we show the modal. The PayPal Flow Handler is responsible for handling that\r\n * series of events.\r\n *\r\n * @export\r\n * @class PaymentFlowHandlers\r\n * @implements {PaymentFlowHandlersInterface}\r\n */\r\nexport class PaymentFlowHandlers implements PaymentFlowHandlersInterface {\r\n  async startup(): Promise<void> {\r\n    this.venmoHandler?.startup();\r\n    this.creditCardHandler?.startup();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  async showUpsellModal(options: {\r\n    oneTimeAmount: number;\r\n    ctaMode?: UpsellModalCTAMode;\r\n    yesSelected?: (amount: number) => void;\r\n    noSelected?: () => void;\r\n    amountChanged?: (amount: number) => void;\r\n    userClosedModalCallback?: () => void;\r\n  }): Promise<void> {\r\n    return this.donationFlowModalManager.showUpsellModal(options);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  showConfirmationStepModal(options: {\r\n    amount: number;\r\n    donationType: DonationType;\r\n    currencyType: string;\r\n    confirmDonationCB: Function;\r\n    cancelDonationCB: Function;\r\n  }): Promise<void> {\r\n    return this.donationFlowModalManager.showConfirmationStepModal(options);\r\n  }\r\n\r\n  get creditCardHandler(): CreditCardFlowHandlerInterface | undefined {\r\n    if (this.creditCardHandlerCache) {\r\n      return this.creditCardHandlerCache;\r\n    }\r\n\r\n    this.creditCardHandlerCache = new CreditCardFlowHandler({\r\n      braintreeManager: this.braintreeManager,\r\n      donationFlowModalManager: this.donationFlowModalManager,\r\n      recaptchaManager: this.recaptchaManager,\r\n    });\r\n\r\n    return this.creditCardHandlerCache;\r\n  }\r\n\r\n  get paypalHandler(): PayPalFlowHandlerInterface | undefined {\r\n    if (this.paypalHandlerCache) {\r\n      return this.paypalHandlerCache;\r\n    }\r\n\r\n    this.paypalHandlerCache = new PayPalFlowHandler({\r\n      braintreeManager: this.braintreeManager,\r\n      donationFlowModalManager: this.donationFlowModalManager,\r\n    });\r\n\r\n    return this.paypalHandlerCache;\r\n  }\r\n\r\n  get applePayHandler(): ApplePayFlowHandlerInterface | undefined {\r\n    if (this.applePayHandlerCache) {\r\n      return this.applePayHandlerCache;\r\n    }\r\n\r\n    this.applePayHandlerCache = new ApplePayFlowHandler({\r\n      braintreeManager: this.braintreeManager,\r\n      donationFlowModalManager: this.donationFlowModalManager,\r\n    });\r\n\r\n    return this.applePayHandlerCache;\r\n  }\r\n\r\n  get venmoHandler(): VenmoFlowHandlerInterface | undefined {\r\n    if (this.venmoHandlerCache) {\r\n      return this.venmoHandlerCache;\r\n    }\r\n\r\n    this.venmoHandlerCache = new VenmoFlowHandler({\r\n      braintreeManager: this.braintreeManager,\r\n      donationFlowModalManager: this.donationFlowModalManager,\r\n    });\r\n\r\n    return this.venmoHandlerCache;\r\n  }\r\n\r\n  get googlePayHandler(): GooglePayFlowHandlerInterface | undefined {\r\n    if (this.googlePayHandlerCache) {\r\n      return this.googlePayHandlerCache;\r\n    }\r\n\r\n    this.googlePayHandlerCache = new GooglePayFlowHandler({\r\n      braintreeManager: this.braintreeManager,\r\n      donationFlowModalManager: this.donationFlowModalManager,\r\n    });\r\n\r\n    return this.googlePayHandlerCache;\r\n  }\r\n\r\n  private creditCardHandlerCache?: CreditCardFlowHandlerInterface;\r\n  private paypalHandlerCache?: PayPalFlowHandlerInterface;\r\n  private applePayHandlerCache?: ApplePayFlowHandlerInterface;\r\n  private venmoHandlerCache?: VenmoFlowHandlerInterface;\r\n  private googlePayHandlerCache?: GooglePayFlowHandlerInterface;\r\n\r\n  constructor(options: {\r\n    braintreeManager: BraintreeManagerInterface;\r\n    modalManager: ModalManagerInterface;\r\n    recaptchaManager: RecaptchaManagerInterface;\r\n    resources: {\r\n      analytics: {\r\n        logEvent: (action: string, label: string) => void;\r\n        logDonationFlowEvent: (action: string, label: string) => void;\r\n      };\r\n    };\r\n  }) {\r\n    this.braintreeManager = options.braintreeManager;\r\n    this.modalManager = options.modalManager;\r\n    this.recaptchaManager = options.recaptchaManager;\r\n    this.resources = options.resources;\r\n\r\n    this.donationFlowModalManager = new DonationFlowModalManager({\r\n      braintreeManager: this.braintreeManager,\r\n      modalManager: this.modalManager,\r\n      analytics: this.resources.analytics,\r\n    });\r\n  }\r\n\r\n  private braintreeManager: BraintreeManagerInterface;\r\n  private modalManager: ModalManagerInterface;\r\n  private recaptchaManager: RecaptchaManagerInterface;\r\n  private donationFlowModalManager: DonationFlowModalManagerInterface;\r\n  private resources: {\r\n    analytics: {\r\n      logEvent: (action: string, label: string) => void;\r\n      logDonationFlowEvent: (action: string, label: string) => void;\r\n    };\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"payment-flow-handlers.js","sourceRoot":"","sources":["../../../src/payment-flow-handlers/payment-flow-handlers.ts"],"names":[],"mappings":"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","sourcesContent":["import { ModalManagerInterface } from '@internetarchive/modal-manager';\n\nimport {\n  CreditCardFlowHandlerInterface,\n  CreditCardFlowHandler,\n} from './handlers/creditcard-flow-handler';\nimport { PayPalFlowHandlerInterface, PayPalFlowHandler } from './handlers/paypal-flow-handler';\nimport { BraintreeManagerInterface } from '../braintree-manager/braintree-interfaces';\nimport { RecaptchaManagerInterface } from '../recaptcha-manager/recaptcha-manager';\nimport {\n  ApplePayFlowHandlerInterface,\n  ApplePayFlowHandler,\n} from './handlers/applepay-flow-handler';\nimport { VenmoFlowHandlerInterface, VenmoFlowHandler } from './handlers/venmo-flow-handler';\nimport {\n  DonationFlowModalManagerInterface,\n  DonationFlowModalManager,\n} from './donation-flow-modal-manager';\nimport {\n  GooglePayFlowHandlerInterface,\n  GooglePayFlowHandler,\n} from './handlers/googlepay-flow-handler';\nimport { UpsellModalCTAMode } from '../modals/upsell-modal-content';\nimport { DonationType } from '@internetarchive/donation-form-data-models';\n\nexport interface PaymentFlowHandlersInterface {\n  startup(): Promise<void>;\n  /**\n   * Show the upsell modal\n   *\n   * @param {{\n   *     ctaMode?: UpsellModalCTAMode;\n   *     yesSelected?: (amount: number) => void;\n   *     noSelected?: () => void;\n   *     amountChanged?: (amount: number) => void;\n   *     userClosedModalCallback?: () => void;\n   *   }} [options]\n   * @returns {Promise<void>}\n   * @memberof DonationFlowModalManagerInterface\n   */\n  showUpsellModal(options: {\n    oneTimeAmount: number;\n    ctaMode?: UpsellModalCTAMode;\n    yesSelected?: (amount: number) => void;\n    noSelected?: () => void;\n    amountChanged?: (amount: number) => void;\n    userClosedModalCallback?: () => void;\n  }): Promise<void>;\n\n  showConfirmationStepModal(options: {\n    amount: number;\n    donationType: DonationType;\n    currencyType: string;\n    confirmDonationCB: Function;\n    cancelDonationCB: Function;\n  }): Promise<void>;\n\n  creditCardHandler: CreditCardFlowHandlerInterface | undefined;\n  paypalHandler: PayPalFlowHandlerInterface | undefined;\n  applePayHandler: ApplePayFlowHandlerInterface | undefined;\n  venmoHandler: VenmoFlowHandlerInterface | undefined;\n  googlePayHandler: GooglePayFlowHandlerInterface | undefined;\n}\n\n/**\n * This class is a container for all of the individual flow handlers.\n *\n * Flow Handlers are responsible for handling the provider-specific interactions between\n * the UI and the Data.\n *\n * For instance, when the user clicks on the \"Donate\" button for credit cards, we\n * pull in contact info from the form, trigger the recaptcha, tokenize the form,\n * submit, show the upsell, complete. The Credit Card Flow Handler is responsible for\n * managing that series of steps.\n *\n * For PayPal, the user initiates the payment from the PayPal button and once they're\n * done, we show the modal. The PayPal Flow Handler is responsible for handling that\n * series of events.\n *\n * @export\n * @class PaymentFlowHandlers\n * @implements {PaymentFlowHandlersInterface}\n */\nexport class PaymentFlowHandlers implements PaymentFlowHandlersInterface {\n  async startup(): Promise<void> {\n    this.venmoHandler?.startup();\n    this.creditCardHandler?.startup();\n  }\n\n  /** @inheritdoc */\n  async showUpsellModal(options: {\n    oneTimeAmount: number;\n    ctaMode?: UpsellModalCTAMode;\n    yesSelected?: (amount: number) => void;\n    noSelected?: () => void;\n    amountChanged?: (amount: number) => void;\n    userClosedModalCallback?: () => void;\n  }): Promise<void> {\n    return this.donationFlowModalManager.showUpsellModal(options);\n  }\n\n  /** @inheritdoc */\n  showConfirmationStepModal(options: {\n    amount: number;\n    donationType: DonationType;\n    currencyType: string;\n    confirmDonationCB: Function;\n    cancelDonationCB: Function;\n  }): Promise<void> {\n    return this.donationFlowModalManager.showConfirmationStepModal(options);\n  }\n\n  get creditCardHandler(): CreditCardFlowHandlerInterface | undefined {\n    if (this.creditCardHandlerCache) {\n      return this.creditCardHandlerCache;\n    }\n\n    this.creditCardHandlerCache = new CreditCardFlowHandler({\n      braintreeManager: this.braintreeManager,\n      donationFlowModalManager: this.donationFlowModalManager,\n      recaptchaManager: this.recaptchaManager,\n    });\n\n    return this.creditCardHandlerCache;\n  }\n\n  get paypalHandler(): PayPalFlowHandlerInterface | undefined {\n    if (this.paypalHandlerCache) {\n      return this.paypalHandlerCache;\n    }\n\n    this.paypalHandlerCache = new PayPalFlowHandler({\n      braintreeManager: this.braintreeManager,\n      donationFlowModalManager: this.donationFlowModalManager,\n    });\n\n    return this.paypalHandlerCache;\n  }\n\n  get applePayHandler(): ApplePayFlowHandlerInterface | undefined {\n    if (this.applePayHandlerCache) {\n      return this.applePayHandlerCache;\n    }\n\n    this.applePayHandlerCache = new ApplePayFlowHandler({\n      braintreeManager: this.braintreeManager,\n      donationFlowModalManager: this.donationFlowModalManager,\n    });\n\n    return this.applePayHandlerCache;\n  }\n\n  get venmoHandler(): VenmoFlowHandlerInterface | undefined {\n    if (this.venmoHandlerCache) {\n      return this.venmoHandlerCache;\n    }\n\n    this.venmoHandlerCache = new VenmoFlowHandler({\n      braintreeManager: this.braintreeManager,\n      donationFlowModalManager: this.donationFlowModalManager,\n    });\n\n    return this.venmoHandlerCache;\n  }\n\n  get googlePayHandler(): GooglePayFlowHandlerInterface | undefined {\n    if (this.googlePayHandlerCache) {\n      return this.googlePayHandlerCache;\n    }\n\n    this.googlePayHandlerCache = new GooglePayFlowHandler({\n      braintreeManager: this.braintreeManager,\n      donationFlowModalManager: this.donationFlowModalManager,\n    });\n\n    return this.googlePayHandlerCache;\n  }\n\n  private creditCardHandlerCache?: CreditCardFlowHandlerInterface;\n  private paypalHandlerCache?: PayPalFlowHandlerInterface;\n  private applePayHandlerCache?: ApplePayFlowHandlerInterface;\n  private venmoHandlerCache?: VenmoFlowHandlerInterface;\n  private googlePayHandlerCache?: GooglePayFlowHandlerInterface;\n\n  constructor(options: {\n    braintreeManager: BraintreeManagerInterface;\n    modalManager: ModalManagerInterface;\n    recaptchaManager: RecaptchaManagerInterface;\n    resources: {\n      analytics: {\n        logEvent: (action: string, label: string) => void;\n        logDonationFlowEvent: (action: string, label: string) => void;\n      };\n    };\n  }) {\n    this.braintreeManager = options.braintreeManager;\n    this.modalManager = options.modalManager;\n    this.recaptchaManager = options.recaptchaManager;\n    this.resources = options.resources;\n\n    this.donationFlowModalManager = new DonationFlowModalManager({\n      braintreeManager: this.braintreeManager,\n      modalManager: this.modalManager,\n      analytics: this.resources.analytics,\n    });\n  }\n\n  private braintreeManager: BraintreeManagerInterface;\n  private modalManager: ModalManagerInterface;\n  private recaptchaManager: RecaptchaManagerInterface;\n  private donationFlowModalManager: DonationFlowModalManagerInterface;\n  private resources: {\n    analytics: {\n      logEvent: (action: string, label: string) => void;\n      logDonationFlowEvent: (action: string, label: string) => void;\n    };\n  };\n}\n"]}

package/dist/src/recaptcha-manager/recaptcha-manager.d.ts

@@ -1,48 +1,48 @@
-/// <reference types="grecaptcha" />
-export interface RecaptchaManagerInterface {
-    execute(): Promise<string>;
-    setup(container: HTMLElement, tabIndex: number, theme: ReCaptchaV2.Theme, type: ReCaptchaV2.Type): void;
-}
-export declare class RecaptchaManager implements RecaptchaManagerInterface {
-    private grecaptchaLibrary;
-    private siteKey;
-    constructor(options: {
-        grecaptchaLibrary: ReCaptchaV2.ReCaptcha;
-        siteKey: string;
-    });
-    private executionSuccessBlock?;
-    private executionExpiredBlock?;
-    private executionErrorBlock?;
-    private isExecuting;
-    /**
-     * Execute Recaptcha and return a Promise containing the response token.
-     *
-     * This is an interesting flow.. we call `execute()` here, but have to wait for the
-     * response and expiration handlers that we bind during the inital `setup` call.
-     * For consumers, we want to be able to just call `execute()` and wait for a response.
-     * To allow this, we assign two callbacks:
-     * - `executionSuccessBlock`
-     * - `executionExpiredBlock`
-     *
-     * We then call those callbacks from inside `responseHandler` and `expiredHandler` to
-     * either resolve or reject the Promise.
-     *
-     * ie:
-     *
-     * try {
-     *   const recaptchaResult = await recaptchaManager.execute();
-     *   console.log('recaptcha token:', recaptchaResult);
-     * } catch {
-     *   console.error('something happened')
-     * }
-     *
-     * @returns {Promise<string>}
-     * @memberof RecaptchaManager
-     */
-    execute(): Promise<string>;
-    private finishExecution;
-    setup(container: HTMLElement, tabIndex: number, theme: ReCaptchaV2.Theme, type: ReCaptchaV2.Type): void;
-    private responseHandler;
-    private expiredHandler;
-    private errorHandler;
-}
+/// <reference types="grecaptcha" />
+export interface RecaptchaManagerInterface {
+    execute(): Promise<string>;
+    setup(container: HTMLElement, tabIndex: number, theme: ReCaptchaV2.Theme, type: ReCaptchaV2.Type): void;
+}
+export declare class RecaptchaManager implements RecaptchaManagerInterface {
+    private grecaptchaLibrary;
+    private siteKey;
+    constructor(options: {
+        grecaptchaLibrary: ReCaptchaV2.ReCaptcha;
+        siteKey: string;
+    });
+    private executionSuccessBlock?;
+    private executionExpiredBlock?;
+    private executionErrorBlock?;
+    private isExecuting;
+    /**
+     * Execute Recaptcha and return a Promise containing the response token.
+     *
+     * This is an interesting flow.. we call `execute()` here, but have to wait for the
+     * response and expiration handlers that we bind during the inital `setup` call.
+     * For consumers, we want to be able to just call `execute()` and wait for a response.
+     * To allow this, we assign two callbacks:
+     * - `executionSuccessBlock`
+     * - `executionExpiredBlock`
+     *
+     * We then call those callbacks from inside `responseHandler` and `expiredHandler` to
+     * either resolve or reject the Promise.
+     *
+     * ie:
+     *
+     * try {
+     *   const recaptchaResult = await recaptchaManager.execute();
+     *   console.log('recaptcha token:', recaptchaResult);
+     * } catch {
+     *   console.error('something happened')
+     * }
+     *
+     * @returns {Promise<string>}
+     * @memberof RecaptchaManager
+     */
+    execute(): Promise<string>;
+    private finishExecution;
+    setup(container: HTMLElement, tabIndex: number, theme: ReCaptchaV2.Theme, type: ReCaptchaV2.Type): void;
+    private responseHandler;
+    private expiredHandler;
+    private errorHandler;
+}

package/dist/src/recaptcha-manager/recaptcha-manager.js

@@ -1,89 +1,89 @@
-export class RecaptchaManager {
-    constructor(options) {
-        this.isExecuting = false;
-        this.grecaptchaLibrary = options.grecaptchaLibrary;
-        this.siteKey = options.siteKey;
-    }
-    /**
-     * Execute Recaptcha and return a Promise containing the response token.
-     *
-     * This is an interesting flow.. we call `execute()` here, but have to wait for the
-     * response and expiration handlers that we bind during the inital `setup` call.
-     * For consumers, we want to be able to just call `execute()` and wait for a response.
-     * To allow this, we assign two callbacks:
-     * - `executionSuccessBlock`
-     * - `executionExpiredBlock`
-     *
-     * We then call those callbacks from inside `responseHandler` and `expiredHandler` to
-     * either resolve or reject the Promise.
-     *
-     * ie:
-     *
-     * try {
-     *   const recaptchaResult = await recaptchaManager.execute();
-     *   console.log('recaptcha token:', recaptchaResult);
-     * } catch {
-     *   console.error('something happened')
-     * }
-     *
-     * @returns {Promise<string>}
-     * @memberof RecaptchaManager
-     */
-    execute() {
-        if (this.isExecuting) {
-            this.finishExecution();
-        }
-        this.isExecuting = true;
-        return new Promise((resolve, reject) => {
-            this.executionSuccessBlock = (token) => {
-                this.finishExecution();
-                resolve(token);
-            };
-            this.executionExpiredBlock = () => {
-                this.finishExecution();
-                reject('expired');
-            };
-            this.executionErrorBlock = () => {
-                this.finishExecution();
-                reject('error');
-            };
-            this.grecaptchaLibrary.execute();
-        });
-    }
-    finishExecution() {
-        this.isExecuting = false;
-        this.grecaptchaLibrary.reset();
-    }
-    setup(container, tabIndex, theme, type) {
-        this.grecaptchaLibrary.render(container, {
-            callback: this.responseHandler.bind(this),
-            'expired-callback': this.expiredHandler.bind(this),
-            'error-callback': this.errorHandler.bind(this),
-            sitekey: this.siteKey,
-            tabindex: tabIndex,
-            theme: theme,
-            type: type,
-            size: 'invisible',
-        });
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    responseHandler(response) {
-        if (this.executionSuccessBlock) {
-            this.executionSuccessBlock(response);
-            this.executionSuccessBlock = undefined;
-        }
-    }
-    expiredHandler() {
-        if (this.executionExpiredBlock) {
-            this.executionExpiredBlock();
-            this.executionExpiredBlock = undefined;
-        }
-    }
-    errorHandler() {
-        if (this.executionErrorBlock) {
-            this.executionErrorBlock();
-            this.executionErrorBlock = undefined;
-        }
-    }
-}
+export class RecaptchaManager {
+    constructor(options) {
+        this.isExecuting = false;
+        this.grecaptchaLibrary = options.grecaptchaLibrary;
+        this.siteKey = options.siteKey;
+    }
+    /**
+     * Execute Recaptcha and return a Promise containing the response token.
+     *
+     * This is an interesting flow.. we call `execute()` here, but have to wait for the
+     * response and expiration handlers that we bind during the inital `setup` call.
+     * For consumers, we want to be able to just call `execute()` and wait for a response.
+     * To allow this, we assign two callbacks:
+     * - `executionSuccessBlock`
+     * - `executionExpiredBlock`
+     *
+     * We then call those callbacks from inside `responseHandler` and `expiredHandler` to
+     * either resolve or reject the Promise.
+     *
+     * ie:
+     *
+     * try {
+     *   const recaptchaResult = await recaptchaManager.execute();
+     *   console.log('recaptcha token:', recaptchaResult);
+     * } catch {
+     *   console.error('something happened')
+     * }
+     *
+     * @returns {Promise<string>}
+     * @memberof RecaptchaManager
+     */
+    execute() {
+        if (this.isExecuting) {
+            this.finishExecution();
+        }
+        this.isExecuting = true;
+        return new Promise((resolve, reject) => {
+            this.executionSuccessBlock = (token) => {
+                this.finishExecution();
+                resolve(token);
+            };
+            this.executionExpiredBlock = () => {
+                this.finishExecution();
+                reject('expired');
+            };
+            this.executionErrorBlock = () => {
+                this.finishExecution();
+                reject('error');
+            };
+            this.grecaptchaLibrary.execute();
+        });
+    }
+    finishExecution() {
+        this.isExecuting = false;
+        this.grecaptchaLibrary.reset();
+    }
+    setup(container, tabIndex, theme, type) {
+        this.grecaptchaLibrary.render(container, {
+            callback: this.responseHandler.bind(this),
+            'expired-callback': this.expiredHandler.bind(this),
+            'error-callback': this.errorHandler.bind(this),
+            sitekey: this.siteKey,
+            tabindex: tabIndex,
+            theme: theme,
+            type: type,
+            size: 'invisible',
+        });
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    responseHandler(response) {
+        if (this.executionSuccessBlock) {
+            this.executionSuccessBlock(response);
+            this.executionSuccessBlock = undefined;
+        }
+    }
+    expiredHandler() {
+        if (this.executionExpiredBlock) {
+            this.executionExpiredBlock();
+            this.executionExpiredBlock = undefined;
+        }
+    }
+    errorHandler() {
+        if (this.executionErrorBlock) {
+            this.executionErrorBlock();
+            this.executionErrorBlock = undefined;
+        }
+    }
+}
 //# sourceMappingURL=recaptcha-manager.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"recaptcha-manager.js","sourceRoot":"","sources":["../../../src/recaptcha-manager/recaptcha-manager.ts"],"names":[],"mappings":"AAUA,MAAM,OAAO,gBAAgB;IAK3B,YAAY,OAAsE;QAW1E,gBAAW,GAAG,KAAK,CAAC;QAV1B,IAAI,CAAC,iBAAiB,GAAG,OAAO,CAAC,iBAAiB,CAAC;QACnD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IACjC,CAAC;IAUD;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,OAAO;QACL,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;QACD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACrC,IAAI,CAAC,qBAAqB,GAAG,CAAC,KAAa,EAAQ,EAAE;gBACnD,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,CAAC;YAEF,IAAI,CAAC,qBAAqB,GAAG,GAAS,EAAE;gBACtC,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,MAAM,CAAC,SAAS,CAAC,CAAC;YACpB,CAAC,CAAC;YAEF,IAAI,CAAC,mBAAmB,GAAG,GAAS,EAAE;gBACpC,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,MAAM,CAAC,OAAO,CAAC,CAAC;YAClB,CAAC,CAAC;YAEF,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;IACjC,CAAC;IAED,KAAK,CACH,SAAsB,EACtB,QAAgB,EAChB,KAAwB,EACxB,IAAsB;QAEtB,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,SAAS,EAAE;YACvC,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;YACzC,kBAAkB,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;YAClD,gBAAgB,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;YAC9C,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,IAAI;YACV,IAAI,EAAE,WAAW;SAClB,CAAC,CAAC;IACL,CAAC;IAED,8DAA8D;IACtD,eAAe,CAAC,QAAa;QACnC,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC9B,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC;YACrC,IAAI,CAAC,qBAAqB,GAAG,SAAS,CAAC;SACxC;IACH,CAAC;IAEO,cAAc;QACpB,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC9B,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC7B,IAAI,CAAC,qBAAqB,GAAG,SAAS,CAAC;SACxC;IACH,CAAC;IAEO,YAAY;QAClB,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAC5B,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC;SACtC;IACH,CAAC;CACF","sourcesContent":["export interface RecaptchaManagerInterface {\r\n  execute(): Promise<string>;\r\n  setup(\r\n    container: HTMLElement,\r\n    tabIndex: number,\r\n    theme: ReCaptchaV2.Theme,\r\n    type: ReCaptchaV2.Type,\r\n  ): void;\r\n}\r\n\r\nexport class RecaptchaManager implements RecaptchaManagerInterface {\r\n  private grecaptchaLibrary: ReCaptchaV2.ReCaptcha;\r\n\r\n  private siteKey: string;\r\n\r\n  constructor(options: { grecaptchaLibrary: ReCaptchaV2.ReCaptcha; siteKey: string }) {\r\n    this.grecaptchaLibrary = options.grecaptchaLibrary;\r\n    this.siteKey = options.siteKey;\r\n  }\r\n\r\n  private executionSuccessBlock?: (token: string) => void;\r\n\r\n  private executionExpiredBlock?: () => void;\r\n\r\n  private executionErrorBlock?: () => void;\r\n\r\n  private isExecuting = false;\r\n\r\n  /**\r\n   * Execute Recaptcha and return a Promise containing the response token.\r\n   *\r\n   * This is an interesting flow.. we call `execute()` here, but have to wait for the\r\n   * response and expiration handlers that we bind during the inital `setup` call.\r\n   * For consumers, we want to be able to just call `execute()` and wait for a response.\r\n   * To allow this, we assign two callbacks:\r\n   * - `executionSuccessBlock`\r\n   * - `executionExpiredBlock`\r\n   *\r\n   * We then call those callbacks from inside `responseHandler` and `expiredHandler` to\r\n   * either resolve or reject the Promise.\r\n   *\r\n   * ie:\r\n   *\r\n   * try {\r\n   *   const recaptchaResult = await recaptchaManager.execute();\r\n   *   console.log('recaptcha token:', recaptchaResult);\r\n   * } catch {\r\n   *   console.error('something happened')\r\n   * }\r\n   *\r\n   * @returns {Promise<string>}\r\n   * @memberof RecaptchaManager\r\n   */\r\n  execute(): Promise<string> {\r\n    if (this.isExecuting) {\r\n      this.finishExecution();\r\n    }\r\n    this.isExecuting = true;\r\n    return new Promise((resolve, reject) => {\r\n      this.executionSuccessBlock = (token: string): void => {\r\n        this.finishExecution();\r\n        resolve(token);\r\n      };\r\n\r\n      this.executionExpiredBlock = (): void => {\r\n        this.finishExecution();\r\n        reject('expired');\r\n      };\r\n\r\n      this.executionErrorBlock = (): void => {\r\n        this.finishExecution();\r\n        reject('error');\r\n      };\r\n\r\n      this.grecaptchaLibrary.execute();\r\n    });\r\n  }\r\n\r\n  private finishExecution(): void {\r\n    this.isExecuting = false;\r\n    this.grecaptchaLibrary.reset();\r\n  }\r\n\r\n  setup(\r\n    container: HTMLElement,\r\n    tabIndex: number,\r\n    theme: ReCaptchaV2.Theme,\r\n    type: ReCaptchaV2.Type,\r\n  ): void {\r\n    this.grecaptchaLibrary.render(container, {\r\n      callback: this.responseHandler.bind(this),\r\n      'expired-callback': this.expiredHandler.bind(this),\r\n      'error-callback': this.errorHandler.bind(this),\r\n      sitekey: this.siteKey,\r\n      tabindex: tabIndex,\r\n      theme: theme,\r\n      type: type,\r\n      size: 'invisible',\r\n    });\r\n  }\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  private responseHandler(response: any): void {\r\n    if (this.executionSuccessBlock) {\r\n      this.executionSuccessBlock(response);\r\n      this.executionSuccessBlock = undefined;\r\n    }\r\n  }\r\n\r\n  private expiredHandler(): void {\r\n    if (this.executionExpiredBlock) {\r\n      this.executionExpiredBlock();\r\n      this.executionExpiredBlock = undefined;\r\n    }\r\n  }\r\n\r\n  private errorHandler(): void {\r\n    if (this.executionErrorBlock) {\r\n      this.executionErrorBlock();\r\n      this.executionErrorBlock = undefined;\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"recaptcha-manager.js","sourceRoot":"","sources":["../../../src/recaptcha-manager/recaptcha-manager.ts"],"names":[],"mappings":"AAUA,MAAM,OAAO,gBAAgB;IAK3B,YAAY,OAAsE;QAW1E,gBAAW,GAAG,KAAK,CAAC;QAV1B,IAAI,CAAC,iBAAiB,GAAG,OAAO,CAAC,iBAAiB,CAAC;QACnD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IACjC,CAAC;IAUD;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,OAAO;QACL,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;QACD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACrC,IAAI,CAAC,qBAAqB,GAAG,CAAC,KAAa,EAAQ,EAAE;gBACnD,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,CAAC;YAEF,IAAI,CAAC,qBAAqB,GAAG,GAAS,EAAE;gBACtC,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,MAAM,CAAC,SAAS,CAAC,CAAC;YACpB,CAAC,CAAC;YAEF,IAAI,CAAC,mBAAmB,GAAG,GAAS,EAAE;gBACpC,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,MAAM,CAAC,OAAO,CAAC,CAAC;YAClB,CAAC,CAAC;YAEF,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;IACjC,CAAC;IAED,KAAK,CACH,SAAsB,EACtB,QAAgB,EAChB,KAAwB,EACxB,IAAsB;QAEtB,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,SAAS,EAAE;YACvC,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;YACzC,kBAAkB,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;YAClD,gBAAgB,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;YAC9C,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,IAAI;YACV,IAAI,EAAE,WAAW;SAClB,CAAC,CAAC;IACL,CAAC;IAED,8DAA8D;IACtD,eAAe,CAAC,QAAa;QACnC,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC9B,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC;YACrC,IAAI,CAAC,qBAAqB,GAAG,SAAS,CAAC;SACxC;IACH,CAAC;IAEO,cAAc;QACpB,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC9B,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC7B,IAAI,CAAC,qBAAqB,GAAG,SAAS,CAAC;SACxC;IACH,CAAC;IAEO,YAAY;QAClB,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAC5B,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC;SACtC;IACH,CAAC;CACF","sourcesContent":["export interface RecaptchaManagerInterface {\n  execute(): Promise<string>;\n  setup(\n    container: HTMLElement,\n    tabIndex: number,\n    theme: ReCaptchaV2.Theme,\n    type: ReCaptchaV2.Type,\n  ): void;\n}\n\nexport class RecaptchaManager implements RecaptchaManagerInterface {\n  private grecaptchaLibrary: ReCaptchaV2.ReCaptcha;\n\n  private siteKey: string;\n\n  constructor(options: { grecaptchaLibrary: ReCaptchaV2.ReCaptcha; siteKey: string }) {\n    this.grecaptchaLibrary = options.grecaptchaLibrary;\n    this.siteKey = options.siteKey;\n  }\n\n  private executionSuccessBlock?: (token: string) => void;\n\n  private executionExpiredBlock?: () => void;\n\n  private executionErrorBlock?: () => void;\n\n  private isExecuting = false;\n\n  /**\n   * Execute Recaptcha and return a Promise containing the response token.\n   *\n   * This is an interesting flow.. we call `execute()` here, but have to wait for the\n   * response and expiration handlers that we bind during the inital `setup` call.\n   * For consumers, we want to be able to just call `execute()` and wait for a response.\n   * To allow this, we assign two callbacks:\n   * - `executionSuccessBlock`\n   * - `executionExpiredBlock`\n   *\n   * We then call those callbacks from inside `responseHandler` and `expiredHandler` to\n   * either resolve or reject the Promise.\n   *\n   * ie:\n   *\n   * try {\n   *   const recaptchaResult = await recaptchaManager.execute();\n   *   console.log('recaptcha token:', recaptchaResult);\n   * } catch {\n   *   console.error('something happened')\n   * }\n   *\n   * @returns {Promise<string>}\n   * @memberof RecaptchaManager\n   */\n  execute(): Promise<string> {\n    if (this.isExecuting) {\n      this.finishExecution();\n    }\n    this.isExecuting = true;\n    return new Promise((resolve, reject) => {\n      this.executionSuccessBlock = (token: string): void => {\n        this.finishExecution();\n        resolve(token);\n      };\n\n      this.executionExpiredBlock = (): void => {\n        this.finishExecution();\n        reject('expired');\n      };\n\n      this.executionErrorBlock = (): void => {\n        this.finishExecution();\n        reject('error');\n      };\n\n      this.grecaptchaLibrary.execute();\n    });\n  }\n\n  private finishExecution(): void {\n    this.isExecuting = false;\n    this.grecaptchaLibrary.reset();\n  }\n\n  setup(\n    container: HTMLElement,\n    tabIndex: number,\n    theme: ReCaptchaV2.Theme,\n    type: ReCaptchaV2.Type,\n  ): void {\n    this.grecaptchaLibrary.render(container, {\n      callback: this.responseHandler.bind(this),\n      'expired-callback': this.expiredHandler.bind(this),\n      'error-callback': this.errorHandler.bind(this),\n      sitekey: this.siteKey,\n      tabindex: tabIndex,\n      theme: theme,\n      type: type,\n      size: 'invisible',\n    });\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private responseHandler(response: any): void {\n    if (this.executionSuccessBlock) {\n      this.executionSuccessBlock(response);\n      this.executionSuccessBlock = undefined;\n    }\n  }\n\n  private expiredHandler(): void {\n    if (this.executionExpiredBlock) {\n      this.executionExpiredBlock();\n      this.executionExpiredBlock = undefined;\n    }\n  }\n\n  private errorHandler(): void {\n    if (this.executionErrorBlock) {\n      this.executionErrorBlock();\n      this.executionErrorBlock = undefined;\n    }\n  }\n}\n"]}

package/dist/src/util/promisedSleep.d.ts

@@ -1 +1 @@
-export declare function promisedSleep(ms: number): Promise<void>;
+export declare function promisedSleep(ms: number): Promise<void>;

package/dist/src/util/promisedSleep.js

@@ -1,4 +1,4 @@
-export function promisedSleep(ms) {
-    return new Promise(resolve => setTimeout(resolve, ms));
-}
+export function promisedSleep(ms) {
+    return new Promise(resolve => setTimeout(resolve, ms));
+}
 //# sourceMappingURL=promisedSleep.js.map

package/dist/src/util/promisedSleep.js.map

@@ -1 +1 @@
-{"version":3,"file":"promisedSleep.js","sourceRoot":"","sources":["../../../src/util/promisedSleep.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa,CAAC,EAAU;IACtC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;AACzD,CAAC","sourcesContent":["export function promisedSleep(ms: number): Promise<void> {\r\n  return new Promise(resolve => setTimeout(resolve, ms));\r\n}\r\n"]}
+{"version":3,"file":"promisedSleep.js","sourceRoot":"","sources":["../../../src/util/promisedSleep.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa,CAAC,EAAU;IACtC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;AACzD,CAAC","sourcesContent":["export function promisedSleep(ms: number): Promise<void> {\n  return new Promise(resolve => setTimeout(resolve, ms));\n}\n"]}

package/dist/test/helpers/fillInContactForm.d.ts

@@ -1,2 +1,2 @@
-import { ContactForm } from '../../src/form-elements/contact-form/contact-form';
-export declare function fillInContactForm(contactForm: ContactForm): Promise<void>;
+import { ContactForm } from '../../src/form-elements/contact-form/contact-form';
+export declare function fillInContactForm(contactForm: ContactForm): Promise<void>;

package/dist/test/helpers/fillInContactForm.js

@@ -1,20 +1,20 @@
-import { __awaiter } from "tslib";
-import { elementUpdated } from '@open-wc/testing';
-export function fillInContactForm(contactForm) {
-    return __awaiter(this, void 0, void 0, function* () {
-        contactForm.emailField.value = 'foo@bar.com';
-        contactForm.firstNameField.value = 'Fooey';
-        contactForm.lastNameField.value = 'McBarrison';
-        contactForm.streetAddressField.value = '123 Fake St';
-        contactForm.extendedAddressField.value = 'Apt 123';
-        contactForm.localityField.value = 'SF';
-        contactForm.regionField.value = 'CA';
-        contactForm.postalCodeField.value = '12345';
-        // setting the values above does not trigger any validations
-        // you have to send an `input` Event like what would happen in the browser
-        const inputEvent = new Event('input');
-        contactForm.postalCodeField.dispatchEvent(inputEvent);
-        yield elementUpdated(contactForm.postalCodeField);
-    });
-}
+import { __awaiter } from "tslib";
+import { elementUpdated } from '@open-wc/testing';
+export function fillInContactForm(contactForm) {
+    return __awaiter(this, void 0, void 0, function* () {
+        contactForm.emailField.value = 'foo@bar.com';
+        contactForm.firstNameField.value = 'Fooey';
+        contactForm.lastNameField.value = 'McBarrison';
+        contactForm.streetAddressField.value = '123 Fake St';
+        contactForm.extendedAddressField.value = 'Apt 123';
+        contactForm.localityField.value = 'SF';
+        contactForm.regionField.value = 'CA';
+        contactForm.postalCodeField.value = '12345';
+        // setting the values above does not trigger any validations
+        // you have to send an `input` Event like what would happen in the browser
+        const inputEvent = new Event('input');
+        contactForm.postalCodeField.dispatchEvent(inputEvent);
+        yield elementUpdated(contactForm.postalCodeField);
+    });
+}
 //# sourceMappingURL=fillInContactForm.js.map