purchase-contract.effects.ts

confirmDelivery$ = createEffect(
    () =>
      this.actions$.pipe(
        ofType(PurchaseContractActions.confirmDelivery),
        withLatestFrom(this.store$.pipe(select(fromStore.getSelectedPurchaseContract))),
        switchMap(([payload, contract]) => {

          const dialogConfig = new MatDialogConfig();
          dialogConfig.width = '420px';
          dialogConfig.disableClose = true;
          dialogConfig.autoFocus = true;
          dialogConfig.data = {
            title: 'Confirm Delivery',
            content: `Are you sure you want to confirm that you received the purchase item ${contract.title}`,
            output: contract.contractAddress
          };

          const dialogRef = this.dialog.open(ConfirmDialogComponent, dialogConfig);

          //  * Gets an observable that is notified when the dialog is finished closing.
          return dialogRef.afterClosed();

        }),
        exhaustMap(result => {

          if (result === undefined) {
            return of(SpinnerActions.hide());
          }

          return this.purchaseSrv.confirmDelivery(result).pipe(
            tap(address => console.log(`Delivery confirmed successfully for the contract: ${address} `)),
            concatMapTo(
              [PurchaseContractActions.confirmDeliverySuccess(),
              // update ballance
              Web3ProviderActions.getBalance()]
            ),
            catchError((err: Error) =>
              of(ErrorActions.errorMessage({ errorMsg: err.message }), SpinnerActions.hide(),
                // update ballance
                Web3ProviderActions.getBalance())
            )
          )
        })

      ));