Tengo una pregunta sobre cómo reinicializar los proveedores de Angular declarados en app.module.ts.

Estoy tratando de crear una aplicación basada en el proyecto ejemplar Microsoft MSAL 2.x Angular12 que ofrece flujos de autenticación B2B y B2C. El ejemplo de Microsoft MSAL Angular usa HTTP_INTERCEPTORS y MSAL_INSTANCE que se crean en la carga inicial de la aplicación.

Sin embargo, quiero que la página web que ofrece al usuario el inicio de sesión B2B o B2C sea parte de la aplicación Angular única. Pero según el ejemplo de Microsoft, los proveedores ya están instanciados en el inicio de la aplicación.

¿Cómo respondo al usuario que selecciona B2B o B2C, que luego define qué proveedor de identidad de Azure Active Directory para autenticar al usuario?

El ID de cliente para la configuración de Active Directory que debe ser variable está en la línea 50/51 del archivo app.module.ts.

El evento de usuario que activaría la definición de B2B o B2C es a través de los botones definidos en app.component.html (y app.component.ts asociado - línea 65).

Consulte Stackblitz en: https://stackblitz.com/edit/angular-ivy-e18xqa?file=src/app/app.module.ts

Cualquier idea o pensamiento muy apreciado.