Dismiss manually doesn't work

Hi, I’m using ngx-smart-modal in an Angular 6/RxJs application to display a confirm dialog. The problem is that it seems you can create just one button, the ‘close’ button, that triggers myModal.close(). So, I thought I could add two buttons to allow the user to confirm or cancel the modal. CANCEL BUTTON:

<button (click)="confirmModal.dismiss()" type="button">{{confirmModal.getData().cancelBtnLabel}}</button>

CONFIRM BUTTON:

<button (click)="confirmModal.close(true)" type="button">{{confirmModal.getData().confirmBtnLabel}}</button>

And then the component where there is the button to open the modal:

openConfirmModal() {    
    const confirmModalData: Object = {
       ...
      };
      this.ngxSmartModalService.setModalData(confirmModalData, 'confirmModal');
      let confirmModalRef = this.ngxSmartModalService.getModal('confirmModal');
      confirmModalRef.onDismiss.subscribe(() => {
        ....
      });
      confirmModalRef.onClose.subscribe((test: boolean) => {
        .....
      });
      confirmModalRef.open();
}

But if I click on cancel button, I have the following error in the console:

ERROR TypeError: Cannot read property 'target' of undefined
    at NgxSmartModalComponent.push../node_modules/ngx-smart-modal/esm5/ngx-smart-modal.js.NgxSmartModalComponent.dismiss

[panagulis72]

Hey @maximelafarie, I was wrong in my application! because I was doing a stackblitz for you, and it works 😄 I forked it, because maybe it could be useful to someone else https://stackblitz.com/edit/angular-k9q4id?file=src/app/confirm-modal/confirm-modal.component.html

[maximelafarie]

Well done @panagulis72! Thank you for the link, for sure it will help! Cheers! 🖖 😉