Integrating Microsoft Teams to An Angular Application

I am trying to integrate Microsoft Teams to my Angular Application.

My requirement is to enable the real time chat functionality using Teams while I am logged in to my Angular Application.

I am currently using Microsoft Azure(MSAL) for Authentication.

I am trying to implement this in either of 2 ways:

1.To embed Microsoft Teams Web into a tab in my application (eg:via iframe)


2.To implement real time Teams chat implementation using Microsoft Graph APIs

Could you please give me some advice on how to proceed. Any code repo or samples would be much appreciated.