Как я могу вернуть Observable of IEmployees с ProductName из allProducts$ в RXJS?

Я хочу вернуть Observable из функции GetEmployeeByID, которая имеет соответствующее имя продукта из allProducts$:

 allProducts$ = this.state$.pipe(


map(x => x.allProducts as IProducts[] || [] as IProducts[]),


distinctUntilChanged());


GetEmployeeByID(Id: number): Observable<IEmployees> {


return this.allEmployees$.pipe(


map(res => <IEmployees>res.find(data => data.id === Id) ?? { id: -1, name: "N/A", email: "N/A", gender: "N/A", productid: -1, productName: "N/A" } as IEmployees),


switchMap((Employee: IEmployees) => {


return this.allProducts$.subscribe(allProducts => {


return of({


...Employee,


productName: allProducts.find(Product => Product.productid == Employee.productid)?.name


}) as IEmployees


})


})


)


}

Код (Javascript):