fix: identity Provider init() should be triggered async

[tbouliere-datasolution]

ICMIdentityProvider can trigger a token refresh during the init phase.

intershop-pwa/src/app/core/identity-provider/icm.identity-provider.ts

Lines 62 to 69 in a0e0ebd

	this.oAuthServiceConfigured$
	.pipe(
	whenTruthy(),
	take(1),
	switchMap(() => merge(this.apiTokenService.restore$(), this.configService.setupRefreshTokenMechanism$()))
	)
	.subscribe(noop);
	}

In the case of optimized SSR rendering, all ngrx storage conditions will be met when the IdentityProviderFactory constructor is called.
As a side effect, token refresh call an http request.
This http request is then intercepted by identity-provider

intershop-pwa/src/app/core/interceptors/identity-provider.interceptor.ts

Lines 12 to 17 in a0e0ebd

	intercept(req: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>> {
	if (req.url.startsWith(this.appFacade.icmBaseUrl)) {
	return this.identityProviderFactory.getInstance()?.intercept(req, next) ?? next.handle(req);
	}
	return next.handle(req);
	}

In the worst case, if all of this chain of effect can be trigger before the constructor initialization and identityProviderFactory will be undefined

Error performing ${grantType} flow TypeError: this.identityProviderFactory.getInstance is not a function
    intercept identity-provider.interceptor.ts:15
    handle Angular
    intercept icm-error-mapper.interceptor.ts:100
    Angular 7
    RxJS 25
    Angular 3
    fetchToken user.service.ts:118
    n/this.fetchAnonymousUserToken$</< user.effects.ts:118
    RxJS 9
    stateSubscription ngrx-store.mjs:486
    RxJS 24
    next ngrx-store.mjs:206
    dispatch ngrx-store.mjs:529
    restore$/< api-token.service.ts:201
    RxJS 51
angular-oauth2-oidc.mjs:1600:28
    fetchTokenUsingGrant Angular
    RxJS 30
    Angular 3
    fetchToken user.service.ts:118
    n/this.fetchAnonymousUserToken$</< user.effects.ts:118
    RxJS 9
    stateSubscription ngrx-store.mjs:486
    RxJS 24
    next ngrx-store.mjs:206
    dispatch ngrx-store.mjs:529
    restore$/< api-token.service.ts:201
    RxJS 82
    init icm.identity-provider.ts:68
    m identity-provider.factory.ts:43
    RxJS 43
TypeError: this.identityProviderFactory.getInstance is not a function
    intercept identity-provider.interceptor.ts:15
    handle Angular
    intercept icm-error-mapper.interceptor.ts:100
    Angular 7
    RxJS 25
    Angular 3
    fetchToken user.service.ts:118
    n/this.fetchAnonymousUserToken$</< user.effects.ts:118
    RxJS 9
    stateSubscription ngrx-store.mjs:486
    RxJS 24
    next ngrx-store.mjs:206
    dispatch ngrx-store.mjs:529
    restore$/< api-token.service.ts:201
    RxJS 51
default-error-handler.ts:19:3
    handleError default-error-handler.ts:19
    handleError default-error-handler.ts:18
    _1 ngrx-effects.mjs:171
    RxJS 6
    Angular 32
    Xi login-status.component.html:32
    Angular 9
    qi login-status.component.html:13
    Angular 49
    n jsonp chunk loading:75
    <anonyme> common.2a5ab1defa44345e.js:1

PR Type

[x] Bugfix
[ ] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no API changes)
[ ] Build-related changes
[ ] CI-related changes
[ ] Documentation content changes
[ ] Application / infrastructure changes
[ ] Other:

What Is the Current Behavior?

Issue Number: Closes #

What Is the New Behavior?

Does this PR Introduce a Breaking Change?

[ ] Yes
[ ] No

Other Information

[Eisie96]

I would like to add a inlinine documentation, to make clear, why the setTimeout() function is needed for identity provider factory. Unfortunately i have no permission to push commits onto your given branch. Could you give me permissions to do that or add a inline documentation yourself? :)

[tbouliere-datasolution]

HI Marcel.
I've done it here : https://github.com/intershop/intershop-pwa/blob/57542ee0fd9c297cb89f02d92f017685a8795514/src/app/core/identity-provider/identity-provider.factory.ts#L44-50
Tell me if it fine with you