disable error handler on modalClose event

Author: netzkollektiv

src/components/easycredit-checkout/easycredit-checkout.tsx

@@ -26,9 +26,12 @@ export class EasycreditCheckout {
   @State() selectedInstallment: InstallmentPlan = null
   @State() submitDisabled = false
 
+  @Element() el: HTMLElement;
+  
   modal!: HTMLEasycreditModalElement;
 
   caps: Caps
+  errorHandlerTimeout: number
 
   @Listen('selectedInstallment')
   selectedInstallmentHandler(e) {
@@ -43,6 +46,7 @@ export class EasycreditCheckout {
   @Listen('closeModal')
   closeModalHandler () {
     this.modal.close()
+    clearTimeout(this.errorHandlerTimeout);
   }
 
   isEnabled(type: METHODS) {
@@ -79,13 +83,11 @@ export class EasycreditCheckout {
     }
   }
 
-  @Element() el: HTMLElement;
-
   submitHandler() {
     sendFeedback(this, { component: 'EasycreditCheckout', action: 'submit' })
 
     this.submitButtonClicked = true
-    addErrorHandler(this, () => {
+    this.errorHandlerTimeout = addErrorHandler(this, () => {
       this.alert = 'Leider ist eine Zahlung mit easyCredit derzeit nicht möglich. Bitte verwenden Sie eine andere Zahlungsart oder wenden Sie sich an den Händler.'
       this.modal.close()
     })

src/utils/utils.ts

@@ -1,10 +1,10 @@
 import { Loader } from './loader'
 import { InstallmentPlans, InstallmentPlansContainer } from '../types'
 
-export function addErrorHandler(component, callback) {
+export function addErrorHandler(component, callback): number {
   let time = 10
 
-  let timeout = window.setTimeout(() => {
+  const timeout: number = window.setTimeout(() => {
     console.error('No event handler handled the submit event of <easycredit-checkout> within ' + time + ' seconds. Please check the integration.')
     sendFeedback(component, { component: 'EasycreditCheckout', action: 'error' })