feature: expose click event

src/StripeBase.ts

@@ -420,13 +420,14 @@ export class StripeBase extends ReadOnlyPropertiesMixin(LitNotify(LitElement)) {
   }
 
   /**
-   * Adds `ready`, `focus`, and `blur` listeners to the Stripe Element
+   * Adds `ready`, `focus`, `blur` and `click` listeners to the Stripe Element
    */
   private initElementListeners(): void {
     if (!this.element) return;
     this.element.addEventListener('ready', this.onReady);
     this.element.addEventListener('focus', this.onFocus);
     this.element.addEventListener('blur', this.onBlur);
+    this.element.addEventListener('click', this.onClick);
   }
 
   /**
@@ -528,6 +529,14 @@ export class StripeBase extends ReadOnlyPropertiesMixin(LitNotify(LitElement)) {
     this.fire('stripe-ready', event);
   }
 
+  /**
+   * @param  {StripeClickEvent} event
+   * @private
+   */
+  @bound private async onClick(event: {preventDefault: () => void}): Promise<void> {
+    this.fire('click', event);
+  }
+
   /**
    * POSTs the payment info represenation to the endpoint at `/action`
    */