some.component.ts

class SomeComponent {
  public interactionsPublic$: Observable<Interaction[]>;
  private interactions$: Observable<Interaction[]>;

  public filterField: 'isAccepted' | 'isPending' | 'isRejected';
  protected defaultFilter = 'isAccepted';

  public filterSubject: BehaviorSubject<string[]> = new BehaviorSubject([]);

  constructor(
    public store: Store<ProductsState>,
    public modalService: NgbModal
  ) {
    this.interactions$ = this.store.select('interactions');

    this.interactionsPublic$ = combineLatest(
      this.interactions$,
      this.filterSubject
    ).pipe(
      map(([items, ids]: [Interaction[], string[]]) =>
        filter((item: Interaction) => includes(item.interactionId)(ids))(items)
      )
    );
  }

  onFilterChange($event) {
    this.filterField = $event;

    this.interactions$.pipe(
      first(),
      map(filter(this.filterField)),
      map(flatMap('interactionId')),
    ).subscribe((items: string[]) => this.filterSubject.next(items));
  }

  ngOnInit() {
    const subscription = this.interactions$.pipe(
      filter$(x => !!x.length)
    ).subscribe(() => {
      this.onFilterChange(this.defaultFilter);
      subscription.unsubscribe();
    });
  }
}