@onecx/angular-integration-interface 8.0.0-rc.1 → 8.0.0-rc.11

package/fesm2022/onecx-angular-integration-interface.mjs

@@ -3,14 +3,19 @@ import { HttpClient } from '@angular/common/http';
 import * as i0 from '@angular/core';
 import { inject, Injectable, InjectionToken } from '@angular/core';
 import { BehaviorSubject, firstValueFrom, map, combineLatest, of, first } from 'rxjs';
-import { GlobalErrorTopic, GlobalLoadingTopic, CurrentMfeTopic, CurrentLocationTopic, CurrentPageTopic, CurrentWorkspaceTopic, IsAuthenticatedTopic, ConfigurationTopic, PermissionsTopic, UserProfileTopic, MessageTopic, CurrentThemeTopic, RemoteComponentsTopic, ImageRepositoryService as ImageRepositoryService$1 } from '@onecx/integration-interface';
+import { createLoggerFactory, getNormalizedBrowserLocales } from '@onecx/accelerator';
+import { GlobalErrorTopic, GlobalLoadingTopic, CurrentMfeTopic, CurrentLocationTopic, CurrentPageTopic, CurrentWorkspaceTopic, IsAuthenticatedTopic, ConfigurationTopic, resolveConfigPayload, PermissionsTopic, UserProfileTopic, determineBrowserLanguage, resolveProfileLanguage, resolveLegacyLanguage, setShellCapabilities, hasShellCapability, ParametersTopic, ShellCapability, findParameterValue, MessageTopic, buildPortalMessagePayload, CurrentThemeTopic, RemoteComponentsTopic, constructRouteUrl, doesUrlExistForWorkspace, ImageRepositoryService as ImageRepositoryService$1, IconService as IconService$1, DynamicTranslationService as DynamicTranslationService$1, NotificationService as NotificationService$1 } from '@onecx/integration-interface';
+export { ShellCapability as Capability } from '@onecx/integration-interface';
 import Semaphore from 'ts-semaphore';
-import { getNormalizedBrowserLocales } from '@onecx/accelerator';
 import { TranslateService } from '@ngx-translate/core';
 
+// This file is not planned to be in the index.ts so it is private to this lib
+const createLogger = createLoggerFactory('@onecx/angular-integration-interface');
+
 class AppConfigService {
     constructor() {
         this.http = inject(HttpClient);
+        this.logger = createLogger('AppConfigService');
         this.config$ = new BehaviorSubject({});
     }
     init(baseUrl) {
@@ -24,7 +29,7 @@ class AppConfigService {
                 }
             })
                 .catch((e) => {
-                console.log(`Failed to load env configuration`);
+                this.logger.error('Failed to load env configuration', e);
                 reject(e);
             });
         });
@@ -38,10 +43,10 @@ class AppConfigService {
     getConfig() {
         return this.config$.getValue();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AppConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AppConfigService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AppConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AppConfigService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AppConfigService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AppConfigService, decorators: [{
             type: Injectable
         }] });
 
@@ -108,10 +113,10 @@ class AppStateService {
         this._currentWorkspace$?.destroy();
         this._isAuthenticated$?.destroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AppStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AppStateService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AppStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AppStateService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AppStateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AppStateService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -134,6 +139,10 @@ var CONFIG_KEY;
     CONFIG_KEY["KEYCLOAK_ENABLE_SILENT_SSO"] = "KEYCLOAK_ENABLE_SILENT_SSO";
     CONFIG_KEY["KEYCLOAK_URL"] = "KEYCLOAK_URL";
     CONFIG_KEY["KEYCLOAK_CLIENT_ID"] = "KEYCLOAK_CLIENT_ID";
+    CONFIG_KEY["KEYCLOAK_TIME_SKEW"] = "KEYCLOAK_TIME_SKEW";
+    CONFIG_KEY["KEYCLOAK_UPDATE_TOKEN_MIN_VALIDITY"] = "KEYCLOAK_UPDATE_TOKEN_MIN_VALIDITY";
+    CONFIG_KEY["KEYCLOAK_ON_TOKEN_EXPIRED_ENABLED"] = "KEYCLOAK_ON_TOKEN_EXPIRED_ENABLED";
+    CONFIG_KEY["KEYCLOAK_ON_AUTH_REFRESH_ERROR_ENABLED"] = "KEYCLOAK_ON_AUTH_REFRESH_ERROR_ENABLED";
     CONFIG_KEY["ONECX_PORTAL_FAVORITES_DISABLED"] = "ONECX_PORTAL_FAVORITES_DISABLED";
     CONFIG_KEY["ONECX_PORTAL_FEEDBACK_DISABLED"] = "ONECX_PORTAL_FEEDBACK_DISABLED";
     CONFIG_KEY["ONECX_PORTAL_SEARCH_DISABLED"] = "ONECX_PORTAL_SEARCH_DISABLED";
@@ -150,6 +159,8 @@ var CONFIG_KEY;
     CONFIG_KEY["AUTH_SERVICE_CUSTOM_URL"] = "AUTH_SERVICE_CUSTOM_URL";
     CONFIG_KEY["AUTH_SERVICE_CUSTOM_MODULE_NAME"] = "AUTH_SERVICE_CUSTOM_MODULE_NAME";
     CONFIG_KEY["POLYFILL_SCOPE_MODE"] = "POLYFILL_SCOPE_MODE";
+    CONFIG_KEY["KEYBOARD_FOCUSABLE_SELECTOR"] = "KEYBOARD_FOCUSABLE_SELECTOR";
+    CONFIG_KEY["CUSTOM_AUTH_SHARE_SCOPE"] = "CUSTOM_AUTH_SHARE_SCOPE";
 })(CONFIG_KEY || (CONFIG_KEY = {}));
 var POLYFILL_SCOPE_MODE;
 (function (POLYFILL_SCOPE_MODE) {
@@ -160,6 +171,7 @@ var POLYFILL_SCOPE_MODE;
 class ConfigurationService {
     constructor() {
         this.http = inject(HttpClient);
+        this.logger = createLogger('ConfigurationService');
         this.defaultConfig = inject(APP_CONFIG, { optional: true });
         this.semaphore = new Semaphore(1);
     }
@@ -175,30 +187,27 @@ class ConfigurationService {
     }
     init() {
         return new Promise((resolve, reject) => {
-            const skipRemoteConfigLoad = this.defaultConfig && this.defaultConfig['skipRemoteConfigLoad'];
-            let loadConfigPromise;
-            const inlinedConfig = window['APP_CONFIG'];
-            if (inlinedConfig) {
-                console.log(`ENV resolved from injected config`);
-                loadConfigPromise = Promise.resolve(inlinedConfig);
-            }
-            else {
-                if (skipRemoteConfigLoad) {
-                    console.log('📢 TKA001: Remote config load is disabled. To enable it, remove the "skipRemoteConfigLoad" key in your environment.json');
-                    loadConfigPromise = Promise.resolve(this.defaultConfig || {});
+            const skipRemoteConfigLoad = this.defaultConfig?.['skipRemoteConfigLoad'];
+            const remoteConfigURL = this.defaultConfig?.['remoteConfigURL'] ?? undefined;
+            resolveConfigPayload({
+                defaultConfig: this.defaultConfig ?? {},
+                skipRemoteConfigLoad: !!skipRemoteConfigLoad,
+                remoteConfigURL,
+                loadRemoteConfig: (url) => firstValueFrom(this.http.get(url)),
+            })
+                .then(async ({ config, source }) => {
+                if (source === 'inlined') {
+                    this.logger.info('ENV resolved from injected config');
                 }
-                else {
-                    loadConfigPromise = firstValueFrom(this.http.get((this.defaultConfig && this.defaultConfig['remoteConfigURL']) || 'assets/env.json'));
+                if (source === 'default' && skipRemoteConfigLoad) {
+                    this.logger.info('📢 TKA001: Remote config load is disabled. To enable it, remove the "skipRemoteConfigLoad" key in your environment.json');
                 }
-            }
-            loadConfigPromise
-                .then(async (config) => {
                 await this.config$.publish({ ...this.defaultConfig, ...(config ?? {}) }).then(() => {
                     resolve(true);
                 });
             })
                 .catch((e) => {
-                console.log(`Failed to load env configuration`);
+                this.logger.error('Failed to load env configuration', e);
                 reject(e);
             });
         });
@@ -208,7 +217,7 @@ class ConfigurationService {
     }
     async getProperty(key) {
         if (!Object.values(CONFIG_KEY).includes(key)) {
-            console.error('Invalid config key ', key);
+            this.logger.error('Invalid config key ', key);
         }
         return firstValueFrom(this.config$.pipe(map((config) => config[key])));
     }
@@ -222,10 +231,10 @@ class ConfigurationService {
     async getConfig() {
         return firstValueFrom(this.config$.asObservable());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ConfigurationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ConfigurationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ConfigurationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ConfigurationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ConfigurationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ConfigurationService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -233,6 +242,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 const API_PREFIX = 'portal-api';
 const DEFAULT_LANG = 'en';
 
+const logger = createLogger('UserService');
 class UserService {
     get permissionsTopic$() {
         this._permissionsTopic$ ??= new PermissionsTopic();
@@ -243,21 +253,10 @@ class UserService {
     }
     constructor() {
         this.profile$ = new UserProfileTopic();
-        this.lang$ = new BehaviorSubject(this.determineLanguage() ?? DEFAULT_LANG);
+        this.lang$ = new BehaviorSubject(determineBrowserLanguage() ?? DEFAULT_LANG);
         this.profile$
             .pipe(map((profile) => {
-            let locales = profile.settings?.locales;
-            if (!locales) {
-                return this.useOldLangSetting(profile);
-            }
-            if (locales.length === 0) {
-                locales = getNormalizedBrowserLocales();
-            }
-            // the lang$ should contain the first language, because locales is an ordered list
-            // length of 2 is checked because we need the general language
-            // never choose 'en-US', but choose 'en'
-            const firstLang = locales.find((l) => l.length === 2) ?? DEFAULT_LANG;
-            return firstLang;
+            return resolveProfileLanguage(profile, DEFAULT_LANG, getNormalizedBrowserLocales);
         }))
             .subscribe(this.lang$);
     }
@@ -266,7 +265,7 @@ class UserService {
         this._permissionsTopic$?.destroy();
     }
     useOldLangSetting(profile) {
-        return profile.accountSettings?.localeAndTimeSettings?.locale ?? this.determineLanguage() ?? DEFAULT_LANG;
+        return resolveLegacyLanguage(profile, DEFAULT_LANG, determineBrowserLanguage);
     }
     getPermissions() {
         return this.permissionsTopic$.asObservable();
@@ -281,28 +280,11 @@ class UserService {
         return firstValueFrom(this.permissionsTopic$.pipe(map((permissions) => {
             const result = permissions.includes(permissionKey);
             if (!result) {
-                console.log(`👮‍♀️ No permission for: ${permissionKey}`);
+                logger.debug(`No permission for: ${permissionKey}`);
             }
             return !!result;
         })));
     }
-    determineLanguage() {
-        if (typeof window === 'undefined' || typeof window.navigator === 'undefined') {
-            return undefined;
-        }
-        let browserLang = window.navigator.languages ? window.navigator.languages[0] : null;
-        browserLang = browserLang || window.navigator.language;
-        if (typeof browserLang === 'undefined') {
-            return undefined;
-        }
-        if (browserLang.indexOf('-') !== -1) {
-            browserLang = browserLang.split('-')[0];
-        }
-        if (browserLang.indexOf('_') !== -1) {
-            browserLang = browserLang.split('_')[0];
-        }
-        return browserLang;
-    }
     get isInitialized() {
         return Promise.all([
             this.permissionsTopic$.isInitialized,
@@ -310,14 +292,64 @@ class UserService {
             // eslint-disable-next-line @typescript-eslint/no-empty-function
         ]).then(() => { });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: UserService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: UserService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: UserService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: UserService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: UserService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: UserService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
+class ShellCapabilityService {
+    static setCapabilities(capabilities) {
+        setShellCapabilities(capabilities);
+    }
+    hasCapability(capability) {
+        return hasShellCapability(capability);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ShellCapabilityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ShellCapabilityService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ShellCapabilityService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class ParametersService {
+    constructor() {
+        this.shellCapabilityService = inject(ShellCapabilityService);
+        this.appStateService = inject(AppStateService);
+    }
+    get parameters$() {
+        this._parameters$ ??= new ParametersTopic();
+        return this._parameters$;
+    }
+    set parameters$(source) {
+        this._parameters$ = source;
+    }
+    ngOnDestroy() {
+        this._parameters$?.destroy();
+    }
+    async get(key, defaultValue, productName = undefined, appId = undefined) {
+        if (!this.shellCapabilityService.hasCapability(ShellCapability.PARAMETERS_TOPIC)) {
+            return defaultValue;
+        }
+        if (!productName) {
+            productName = await firstValueFrom(this.appStateService.currentMfe$.pipe(map((mfe) => mfe.productName)));
+        }
+        if (!appId) {
+            appId = await firstValueFrom(this.appStateService.currentMfe$.pipe(map((mfe) => mfe.appId)));
+        }
+        return firstValueFrom(this.parameters$.pipe(map((payload) => findParameterValue(payload, key, productName, appId)))).then((value) => value ?? defaultValue);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ParametersService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ParametersService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ParametersService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 class PortalMessageService {
     constructor() {
         this.translateService = inject(TranslateService);
@@ -348,21 +380,16 @@ class PortalMessageService {
         ])
             .pipe(first())
             .subscribe(([summaryTranslation, detailTranslation]) => {
-            this.message$.publish({
-                ...msg,
-                severity: severity,
-                summary: summaryTranslation,
-                detail: detailTranslation,
-            });
+            this.message$.publish(buildPortalMessagePayload(severity, msg, summaryTranslation, detailTranslation));
         });
     }
     ngOnDestroy() {
         this._message$?.destroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PortalMessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PortalMessageService, providedIn: 'any' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: PortalMessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: PortalMessageService, providedIn: 'any' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PortalMessageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: PortalMessageService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'any' }]
         }] });
@@ -378,10 +405,10 @@ class ThemeService {
     ngOnDestroy() {
         this._currentTheme$?.destroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ThemeService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ThemeService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ThemeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ThemeService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -397,10 +424,10 @@ class RemoteComponentsService {
     ngOnDestroy() {
         this._remoteComponents$?.destroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RemoteComponentsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RemoteComponentsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: RemoteComponentsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: RemoteComponentsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RemoteComponentsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: RemoteComponentsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -408,164 +435,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 class WorkspaceService {
     constructor() {
         this.appStateService = inject(AppStateService);
-        this.aliasStart = '[[';
-        this.aliasEnd = ']]';
-        this.paramStart = '{';
-        this.paramEnd = '}';
+        this.logger = createLogger('WorkspaceService');
     }
     getUrl(productName, appId, endpointName, endpointParameters) {
         return this.appStateService.currentWorkspace$.pipe(map((workspace) => {
-            const finalUrl = this.constructRouteUrl(workspace, appId, productName, endpointName, endpointParameters);
+            const finalUrl = constructRouteUrl(workspace, appId, productName, endpointName, endpointParameters, this.logger.warn);
             return finalUrl;
         }));
     }
     doesUrlExistFor(productName, appId, endpointName) {
-        return this.appStateService.currentWorkspace$.pipe(map((workspace) => {
-            const checkEndpoint = endpointName !== undefined && endpointName.length > 0;
-            if (workspace.routes == undefined) {
-                return false;
-            }
-            const route = this.filterRouteFromList(workspace.routes, appId, productName);
-            if (checkEndpoint) {
-                if (!route || route.endpoints === undefined || route.endpoints.length == 0) {
-                    return false;
-                }
-                const endpoint = route.endpoints.find((ep) => ep.name === endpointName);
-                return !!(endpoint && endpoint.path && endpoint.path.length > 0);
-            }
-            else {
-                return !!(route && route.baseUrl && route.baseUrl.length > 0);
-            }
-        }));
-    }
-    constructBaseUrlFromWorkspace(workspace) {
-        if (workspace.baseUrl === undefined) {
-            console.log('WARNING: There was no baseUrl for received workspace.');
-            return '';
-        }
-        return workspace.baseUrl;
-    }
-    constructRouteUrl(workspace, appId, productName, endpointName, endpointParameters) {
-        const route = this.filterRouteFromList(workspace.routes, appId, productName);
-        let url = this.constructBaseUrlFromWorkspace(workspace);
-        if (!route) {
-            console.log(`WARNING: No route.baseUrl could be found for given appId "${appId}" and productName "${productName}"`);
-            return url;
-        }
-        if (route.baseUrl !== undefined && route.baseUrl.length > 0) {
-            url = route.baseUrl;
-        }
-        if (endpointName == undefined) {
-            return url;
-        }
-        url = Location.joinWithSlash(url, this.constructEndpointUrl(route, endpointName, endpointParameters));
-        return url;
-    }
-    constructEndpointUrl(route, endpointName, endpointParameters = {}) {
-        if (!route.endpoints) {
-            return '';
-        }
-        const finalEndpoint = this.dissolveEndpoint(endpointName, route.endpoints);
-        if (!finalEndpoint || finalEndpoint.path === undefined) {
-            console.log('WARNING: No endpoint or endpoint.path could be found');
-            return '';
-        }
-        const paramsFilled = this.fillParamsForPath(finalEndpoint.path, endpointParameters);
-        if (paramsFilled === undefined) {
-            console.log('WARNING: Params could not be filled correctly');
-            return '';
-        }
-        return paramsFilled;
-    }
-    filterRouteFromList(routes, appId, productName) {
-        if (!routes) {
-            return undefined;
-        }
-        const productRoutes = routes.filter((route) => route.appId === appId && route.productName === productName);
-        if (productRoutes.length === 0) {
-            return undefined;
-        }
-        if (productRoutes.length > 1) {
-            console.log('WARNING: There were more than one route. First route has been used.');
-        }
-        return productRoutes[0];
+        return this.appStateService.currentWorkspace$.pipe(map((workspace) => doesUrlExistForWorkspace(workspace, productName, appId, endpointName, this.logger.warn)));
     }
-    dissolveEndpoint(endpointName, endpoints) {
-        let endpoint = endpoints.find((ep) => ep.name === endpointName);
-        if (!endpoint) {
-            return undefined;
-        }
-        while (endpoint.path?.includes(this.aliasStart)) {
-            const path = endpoint.path;
-            const startIdx = path.indexOf(this.aliasStart) + this.aliasStart.length;
-            const endIdx = path.lastIndexOf(this.aliasEnd);
-            if (endIdx <= startIdx) {
-                return undefined;
-            }
-            const aliasName = path.substring(startIdx, endIdx);
-            endpoint = endpoints.find((ep) => ep.name === aliasName);
-            if (!endpoint) {
-                return undefined;
-            }
-        }
-        return endpoint;
-    }
-    fillParamsForPath(path, endpointParameters) {
-        while (path.includes(this.paramStart)) {
-            const paramName = path.substring(path.indexOf(this.paramStart) + this.paramStart.length, path.indexOf(this.paramEnd));
-            const paramValue = this.getStringFromUnknown(endpointParameters[paramName]);
-            if (paramValue != undefined && paramValue.length > 0) {
-                path = path.replace(this.paramStart.concat(paramName).concat(this.paramEnd), paramValue);
-            }
-            else {
-                console.log(`WARNING: Searched param "${paramName}" was not found in given param list `);
-                return '';
-            }
-        }
-        return path;
-    }
-    getStringFromUnknown(value) {
-        if (value === null || value === undefined) {
-            return '';
-        }
-        else if (typeof value === 'string') {
-            return value;
-        }
-        else {
-            return String(value);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: WorkspaceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: WorkspaceService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: WorkspaceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: WorkspaceService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: WorkspaceService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: WorkspaceService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
         }] });
 
-var Capability;
-(function (Capability) {
-    Capability["CURRENT_LOCATION_TOPIC"] = "currentLocationTopic";
-    Capability["PARAMETERS_TOPIC"] = "parametersTopic";
-    Capability["ACTIVENESS_AWARE_MENUS"] = "activenessAwareMenus";
-})(Capability || (Capability = {}));
-class ShellCapabilityService {
-    static setCapabilities(capabilities) {
-        window['onecx-shell-capabilities'] = capabilities;
-    }
-    hasCapability(capability) {
-        return window['onecx-shell-capabilities']?.includes(capability) ?? false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ShellCapabilityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ShellCapabilityService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ShellCapabilityService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
 class ImageRepositoryService {
     constructor() {
         this.imageRepositoryInterface = new ImageRepositoryService$1();
@@ -573,9 +463,6 @@ class ImageRepositoryService {
     get imageRepositoryTopic() {
         return this.imageRepositoryInterface.imageRepositoryTopic;
     }
-    set imageRepositoryTopic(source) {
-        this.imageRepositoryInterface.imageRepositoryTopic = source;
-    }
     async getUrl(names, fallbackUrl) {
         if (fallbackUrl) {
             return this.imageRepositoryInterface.getUrl(names, fallbackUrl);
@@ -585,13 +472,73 @@ class ImageRepositoryService {
     ngOnDestroy() {
         this.imageRepositoryInterface.destroy();
     }
-    destroy() {
-        this.ngOnDestroy();
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ImageRepositoryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ImageRepositoryService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ImageRepositoryService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class IconService {
+    constructor() {
+        this.iconServiceInterface = new IconService$1();
+    }
+    get iconTopic() {
+        return this.iconServiceInterface.iconTopic;
+    }
+    requestIcon(name, type) {
+        return this.iconServiceInterface.requestIcon(name, type);
+    }
+    requestIconAsync(name, type) {
+        return this.iconServiceInterface.requestIconAsync(name, type);
+    }
+    ngOnDestroy() {
+        this.iconServiceInterface.destroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: IconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: IconService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: IconService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class DynamicTranslationService {
+    constructor() {
+        this.dynamicTranslationInterface = new DynamicTranslationService$1();
+    }
+    get dynamicTranslationsTopic$() {
+        return this.dynamicTranslationInterface.dynamicTranslationsTopic$;
+    }
+    getTranslations(lang, contexts) {
+        return this.dynamicTranslationInterface.getTranslations(lang, contexts);
+    }
+    ngOnDestroy() {
+        this.dynamicTranslationInterface.destroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: DynamicTranslationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: DynamicTranslationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: DynamicTranslationService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class NotificationService {
+    constructor() {
+        this.notificationService = new NotificationService$1();
+    }
+    get notificationTopic() {
+        return this.notificationService.notificationTopic;
+    }
+    ngOnDestroy() {
+        this.notificationService.destroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ImageRepositoryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ImageRepositoryService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: NotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: NotificationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ImageRepositoryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: NotificationService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -602,5 +549,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { APPLICATION_NAME, APP_CONFIG, AppConfigService, AppStateService, CONFIG_KEY, Capability, ConfigurationService, ImageRepositoryService, POLYFILL_SCOPE_MODE, PortalMessageService, RemoteComponentsService, SANITY_CHECK, ShellCapabilityService, ThemeService, UserService, WorkspaceService };
+export { APPLICATION_NAME, APP_CONFIG, AppConfigService, AppStateService, CONFIG_KEY, ConfigurationService, DynamicTranslationService, IconService, ImageRepositoryService, NotificationService, POLYFILL_SCOPE_MODE, ParametersService, PortalMessageService, RemoteComponentsService, SANITY_CHECK, ShellCapabilityService, ThemeService, UserService, WorkspaceService };
 //# sourceMappingURL=onecx-angular-integration-interface.mjs.map