@o3r/configuration 10.0.0-next.8 → 11.0.0-next.0

package/fesm2022/o3r-configuration.mjs

@@ -1,26 +1,25 @@
-import { deepFill, sendOtterMessage, filterMessageContent, otterComponentInfoPropertyName } from '@o3r/core';
+import { computeItemIdentifier, deepFill, sendOtterMessage, filterMessageContent, otterComponentInfoPropertyName } from '@o3r/core';
 import { map, distinctUntilChanged, shareReplay, filter, take, switchMap } from 'rxjs/operators';
 import * as i0 from '@angular/core';
 import { InjectionToken, NgModule, Injectable, Optional, Inject } from '@angular/core';
-import { firstValueFrom, Subscription, fromEvent, combineLatest, BehaviorSubject } from 'rxjs';
+import { firstValueFrom, Subscription, fromEvent, of, combineLatest, BehaviorSubject } from 'rxjs';
 import * as i1 from '@ngrx/store';
-import { createAction, props, on, createReducer, StoreModule, createFeatureSelector, createSelector, select } from '@ngrx/store';
+import { props, createAction, on, createReducer, StoreModule, createFeatureSelector, createSelector, select } from '@ngrx/store';
 import { createEntityAdapter } from '@ngrx/entity';
 import * as i2 from '@o3r/logger';
 import { LoggerModule } from '@o3r/logger';
 
 /**
  * Get the configuration name
- *
+ * @deprecated use {@link computeItemIdentifier} from @o3r/core. Will be removed in v12
  * @param componentName Name of the component to get the configuration
  * @param libraryName Name of the library the component is coming from
  */
 function computeConfigurationName(componentName, libraryName) {
-    return (libraryName ? libraryName + '#' : '') + componentName;
+    return computeItemIdentifier(componentName, libraryName);
 }
 /**
  * Get the component and library's names based on the configuration name
- *
  * @param configurationName Name of the component as found in the store
  * @returns Object containing library and component name.
  */
@@ -35,7 +34,6 @@ function parseConfigurationName(configurationName) {
 }
 /**
  * Operator to get the configuration from store for a given component and merge it with the global config
- *
  * @param defaultValue Default value of the configuration
  */
 function getConfiguration(defaultValue) {
@@ -46,7 +44,6 @@ function getConfiguration(defaultValue) {
 
 /**
  * Determine if the given message is a Configuration message
- *
  * @param message message to check
  */
 const isConfigurationMessage = (message) => {
@@ -98,13 +95,13 @@ class ConfigOverrideStoreModule {
             ]
         };
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigOverrideStoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.0", ngImport: i0, type: ConfigOverrideStoreModule, imports: [i1.StoreFeatureModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigOverrideStoreModule, providers: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigOverrideStoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: ConfigOverrideStoreModule, imports: [i1.StoreFeatureModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigOverrideStoreModule, providers: [
             { provide: CONFIG_OVERRIDE_REDUCER_TOKEN, useFactory: getDefaultConfigOverrideReducer }
         ], imports: [StoreModule.forFeature(CONFIG_OVERRIDE_STORE_NAME, CONFIG_OVERRIDE_REDUCER_TOKEN)] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigOverrideStoreModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigOverrideStoreModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -122,7 +119,6 @@ const selectConfigOverrideState = createFeatureSelector(CONFIG_OVERRIDE_STORE_NA
 const selectConfigOverride = createSelector(selectConfigOverrideState, (state) => state?.configOverrides || {});
 /**
  * Get the override for given component identifier
- *
  * @param componentId
  * @returns
  */
@@ -130,7 +126,6 @@ const selectComponentOverrideConfig = (componentId) => createSelector(selectConf
 
 /**
  * Deserializer
- *
  * @param rawObject
  */
 const configOverrideStorageDeserializer = (rawObject) => {
@@ -177,12 +172,11 @@ const clearConfigurationEntities = createAction(ACTION_CLEAR_ENTITIES);
 
 /**
  * compute the configuration into SetEntitiesPayload
- *
  * @param customConfigObject array of configurations
  */
 function computeConfiguration(customConfigObject) {
     const entities = customConfigObject.reduce((acc, conf) => {
-        const id = computeConfigurationName(conf.name, conf.library);
+        const id = computeItemIdentifier(conf.name, conf.library);
         acc[id] = { ...conf.config, id };
         return acc;
     }, {});
@@ -219,6 +213,10 @@ const configurationReducer = createReducer(configurationInitialState, ...configu
  * Name of the Configuration Store
  */
 const CONFIGURATION_STORE_NAME = 'configuration';
+/**
+ * ID of the global configuration
+ */
+const globalConfigurationId = 'global';
 
 /** Token of the Configuration reducer */
 const CONFIGURATION_REDUCER_TOKEN = new InjectionToken('Feature Configuration Reducer');
@@ -235,13 +233,13 @@ class ConfigurationStoreModule {
             ]
         };
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationStoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationStoreModule, imports: [i1.StoreFeatureModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationStoreModule, providers: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationStoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationStoreModule, imports: [i1.StoreFeatureModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationStoreModule, providers: [
             { provide: CONFIGURATION_REDUCER_TOKEN, useFactory: getDefaultConfigurationReducer }
         ], imports: [StoreModule.forFeature(CONFIGURATION_STORE_NAME, CONFIGURATION_REDUCER_TOKEN)] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationStoreModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationStoreModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -270,11 +268,14 @@ const selectConfigurationEntities = createSelector(selectConfigurationState, (st
 const selectConfigurationTotal = createSelector(selectConfigurationState, (state) => state ? selectTotal(state) : 0);
 /**
  * Select the configuration for component with id
- *
  * @param props property of the selector
  * @param props.id id of the component
  */
 const selectConfigurationForComponent = (props) => createSelector(selectConfigurationEntities, (entities) => (entities?.[props.id] || {}));
+/**
+ * Select the global configuration
+ */
+const selectGlobalConfiguration = createSelector(selectConfigurationForComponent({ id: globalConfigurationId }), (config) => config);
 
 const configurationStorageSync = {
     deserialize: (rawObject) => {
@@ -289,7 +290,8 @@ const configurationStorageSync = {
 const OTTER_CONFIGURATION_DEVTOOLS_DEFAULT_OPTIONS = {
     defaultLibraryName: '@o3r/components',
     defaultJsonFilename: 'partial-static-config.json',
-    isActivatedOnBootstrap: false
+    isActivatedOnBootstrap: false,
+    isActivatedOnBootstrapWhenCMSContext: true
 };
 // eslint-disable-next-line max-len
 const OTTER_CONFIGURATION_DEVTOOLS_OPTIONS = new InjectionToken('Otter Configuration Devtools options');
@@ -314,7 +316,6 @@ class OtterConfigurationDevtools {
     }
     /**
      * Get configuration name based on input information
-     *
      * @param selector Selector for a component configuration. It can be a string in the form library#componentName (i.e: @refx/shared-components#HeaderContComponent)
      * or an object with the component and library names (i.e: {library:"@refx/shared-components", componentName:'HeaderContComponent'})
      * @param isFallbackName Determine if the name requested is a fallback name
@@ -339,7 +340,6 @@ class OtterConfigurationDevtools {
     }
     /**
      * Set a specified value of a component configuration
-     *
      * @param selector Selector for a component configuration
      * @param configProperty Name of the configuration property to set
      * @param configValue Value of the configuration property to set
@@ -353,7 +353,6 @@ class OtterConfigurationDevtools {
     }
     /**
      * Get the configuration for a specific component
-     *
      * @param selector Selector for a component configuration. It can be a string in the form library#configurationName (i.e: @refx/shared-components#HeaderPresConfig)
      * or an object with the configuration and library names (i.e: {library:"@refx/shared-components", componentName:'HeaderPresConfig'})
      */
@@ -372,25 +371,24 @@ class OtterConfigurationDevtools {
     }
     /**
      * Load a json configuration
-     *
      * @param configurations configurations to load
      */
     loadConfiguration(configurations) {
         this.store.dispatch(upsertConfigurationEntities(computeConfiguration(typeof configurations === 'string' ? JSON.parse(configurations) : configurations)));
         this.appRef.tick();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: OtterConfigurationDevtools, deps: [{ token: i1.Store }, { token: i0.ApplicationRef }, { token: OTTER_CONFIGURATION_DEVTOOLS_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: OtterConfigurationDevtools, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: OtterConfigurationDevtools, deps: [{ token: i1.Store }, { token: i0.ApplicationRef }, { token: OTTER_CONFIGURATION_DEVTOOLS_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: OtterConfigurationDevtools, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: OtterConfigurationDevtools, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: OtterConfigurationDevtools, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.ApplicationRef }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i0.ApplicationRef }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [OTTER_CONFIGURATION_DEVTOOLS_OPTIONS]
-                }] }]; } });
+                }] }] });
 
 /* eslint-disable no-console */
 class ConfigurationDevtoolsConsoleService {
@@ -400,7 +398,9 @@ class ConfigurationDevtoolsConsoleService {
         this.configurationDevtools = configurationDevtools;
         this.options = options;
         this.options = { ...OTTER_CONFIGURATION_DEVTOOLS_DEFAULT_OPTIONS, ...options };
-        if (this.options.isActivatedOnBootstrap) {
+        if (this.options.isActivatedOnBootstrap
+            || (this.options.isActivatedOnBootstrapWhenCMSContext
+                && document.body.dataset.cmscontext === 'true')) {
             this.activate();
         }
     }
@@ -421,7 +421,6 @@ class ConfigurationDevtoolsConsoleService {
     }
     /**
      * Set a specified value of a component configuration
-     *
      * @param selector Selector for a component configuration
      * @param configProperty Name of the configuration property to set
      * @param configValue Value of the configuration property to set
@@ -440,7 +439,6 @@ class ConfigurationDevtoolsConsoleService {
     }
     /**
      * Display the list of configurations loaded in the store and the library they originate from
-     *
      * @returns array with the configurations and libraries for example: ["RefxComponentsCommonRuntimeConfig from @refx/shared-common"]
      */
     async displayComponentsWithConfiguration() {
@@ -449,7 +447,6 @@ class ConfigurationDevtoolsConsoleService {
     }
     /**
      * Display the configuration for a specific component
-     *
      * @param selector Selector for a component configuration. It can be a string in the form library#configurationName (i.e: '@refx/shared-components#HeaderContConfig')
      * or an object with the configuration and library names (i.e: {library:"@refx/shared-components", componentName:'HeaderContConfig'}).
      * Note the object input componentName expects a configuration name not a component name.
@@ -461,7 +458,6 @@ class ConfigurationDevtoolsConsoleService {
     }
     /**
      * Download the JSON file of the whole configuration
-     *
      * @param fileName Name of the file to download
      */
     async saveConfiguration(fileName = this.options.defaultJsonFilename) {
@@ -481,7 +477,7 @@ class ConfigurationDevtoolsConsoleService {
     async displayConfigurationBookmark() {
         const content = await this.configurationDevtools.getConfiguration();
         console.log('BOOKMARK');
-        console.log(`javascript:window._OTTER_DEVTOOLS_.loadConfiguration('${JSON.stringify(content).replace(/[']/g, '\\\'')}')`);
+        console.log(`javascript:window._OTTER_DEVTOOLS_.updateConfigurations('${JSON.stringify(content).replace(/[']/g, '\\\'')}')`);
     }
     /**
      * Copy the whole configuration to the clipboard
@@ -492,26 +488,33 @@ class ConfigurationDevtoolsConsoleService {
     }
     /**
      * Load a json configuration
-     *
      * @param configurations configurations to load
+     * @deprecated please use `updateConfigurations` instead, will be removed in Otter v12.
      */
     loadConfiguration(configurations) {
         this.configurationDevtools.loadConfiguration(configurations);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationDevtoolsConsoleService, deps: [{ token: OtterConfigurationDevtools }, { token: OTTER_CONFIGURATION_DEVTOOLS_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationDevtoolsConsoleService, providedIn: 'root' }); }
+    /**
+     * Replace N configurations in one shot
+     * @param configurations array of configurations to update
+     */
+    updateConfigurations(configurations) {
+        this.configurationDevtools.loadConfiguration(configurations);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationDevtoolsConsoleService, deps: [{ token: OtterConfigurationDevtools }, { token: OTTER_CONFIGURATION_DEVTOOLS_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationDevtoolsConsoleService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationDevtoolsConsoleService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationDevtoolsConsoleService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: OtterConfigurationDevtools }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: OtterConfigurationDevtools }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [OTTER_CONFIGURATION_DEVTOOLS_OPTIONS]
-                }] }]; } });
+                }] }] });
 
 class ConfigurationDevtoolsMessageService {
     constructor(store, logger, configurationDevtools, options) {
@@ -532,7 +535,6 @@ class ConfigurationDevtoolsMessageService {
     }
     /**
      * Function to trigger a re-send a requested messages to the Otter Chrome DevTools extension
-     *
      * @param only restricted list of messages to re-send
      */
     handleReEmitRequest(only) {
@@ -542,7 +544,6 @@ class ConfigurationDevtoolsMessageService {
     }
     /**
      * Function to handle the incoming messages from Otter Chrome DevTools extension
-     *
      * @param event Event coming from the Otter Chrome DevTools extension
      * @param message
      */
@@ -590,25 +591,24 @@ class ConfigurationDevtoolsMessageService {
     ngOnDestroy() {
         this.subscriptions.unsubscribe();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationDevtoolsMessageService, deps: [{ token: i1.Store }, { token: i2.LoggerService }, { token: OtterConfigurationDevtools }, { token: OTTER_CONFIGURATION_DEVTOOLS_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationDevtoolsMessageService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationDevtoolsMessageService, deps: [{ token: i1.Store }, { token: i2.LoggerService }, { token: OtterConfigurationDevtools }, { token: OTTER_CONFIGURATION_DEVTOOLS_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationDevtoolsMessageService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationDevtoolsMessageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationDevtoolsMessageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.LoggerService }, { type: OtterConfigurationDevtools }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.LoggerService }, { type: OtterConfigurationDevtools }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [OTTER_CONFIGURATION_DEVTOOLS_OPTIONS]
-                }] }]; } });
+                }] }] });
 
 class ConfigurationDevtoolsModule {
     /**
      * Initialize Otter Devtools
-     *
      * @param options
      */
     static instrument(options) {
@@ -622,10 +622,10 @@ class ConfigurationDevtoolsModule {
             ]
         };
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationDevtoolsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationDevtoolsModule, imports: [StoreModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationDevtoolsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationDevtoolsModule, imports: [StoreModule,
             ConfigurationStoreModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationDevtoolsModule, providers: [
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationDevtoolsModule, providers: [
             { provide: OTTER_CONFIGURATION_DEVTOOLS_OPTIONS, useValue: OTTER_CONFIGURATION_DEVTOOLS_DEFAULT_OPTIONS },
             ConfigurationDevtoolsMessageService,
             ConfigurationDevtoolsConsoleService,
@@ -633,7 +633,7 @@ class ConfigurationDevtoolsModule {
         ], imports: [StoreModule,
             ConfigurationStoreModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationDevtoolsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationDevtoolsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -650,17 +650,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImpor
         }] });
 
 class ConfigurationBaseServiceModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationBaseServiceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationBaseServiceModule, imports: [ConfigurationStoreModule, LoggerModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationBaseServiceModule, imports: [ConfigurationStoreModule, LoggerModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationBaseServiceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationBaseServiceModule, imports: [ConfigurationStoreModule, LoggerModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationBaseServiceModule, imports: [ConfigurationStoreModule, LoggerModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationBaseServiceModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationBaseServiceModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ConfigurationStoreModule, LoggerModule]
                 }]
         }] });
 
+const jsonStringifyDiff = (obj1, obj2) => JSON.stringify(obj1) === JSON.stringify(obj2);
 /**
  * Configuration service
  */
@@ -671,25 +672,22 @@ class ConfigurationBaseService {
     }
     /**
      * Update a specific component config or add it to the store if does not exist
-     *
      * @param configuration to edit/add
      * @param configurationId Configuration ID
      */
-    upsertConfiguration(configuration, configurationId = 'global') {
+    upsertConfiguration(configuration, configurationId = globalConfigurationId) {
         this.store.dispatch(upsertConfigurationEntity({ id: configurationId, configuration }));
     }
     /**
      * Update a specific component config
-     *
      * @param configuration Partial config to edit
      * @param configurationId Configuration ID
      */
-    updateConfiguration(configuration, configurationId = 'global') {
+    updateConfiguration(configuration, configurationId = globalConfigurationId) {
         this.store.dispatch(updateConfigurationEntity({ id: configurationId, configuration }));
     }
     /**
      * This function will get the configuration stored in the data attribute of the html's body tag
-     *
      * @param configTagName Value used to identify the data attribute where the config is pushed in the index.html
      */
     getConfigFromBodyTag(configTagName = 'staticconfig') {
@@ -701,7 +699,6 @@ class ConfigurationBaseService {
     }
     /**
      * Transform the custom configuration in store configuration model
-     *
      * @param customConfigObject Configuration object (extracted from body tag for static config or downloaded in case of dynamic config)
      */
     computeConfiguration(customConfigObject) {
@@ -709,12 +706,11 @@ class ConfigurationBaseService {
     }
     /**
      * Complete a stored configuration by adding the missing fields
-     *
      * @param extension Configuration extension to be included in the store
      * @param configurationId Configuration ID to extend
      * @param forceUpdate Force update the configuration in the store
      */
-    extendConfiguration(extension, configurationId = 'global', forceUpdate = false) {
+    extendConfiguration(extension, configurationId = globalConfigurationId, forceUpdate = false) {
         if (this.extendedConfiguration[configurationId] && !forceUpdate) {
             return;
         }
@@ -723,7 +719,6 @@ class ConfigurationBaseService {
     }
     /**
      * Operator to get the configuration from store for a given component and merge it with the global config
-     *
      * @param id Id of the component
      * @param defaultValue Default value of the configuration
      */
@@ -738,39 +733,23 @@ class ConfigurationBaseService {
     }
     /**
      * Get an observable of the configuration from store for a given component and merge it with the global config + the config overrides from the rules engine
-     *
      * @param id Id of the component
      */
     getConfig(id) {
-        return combineLatest([
-            this.store.pipe(select(selectConfigurationEntities), map((storedConfigs) => {
-                const globalConfigId = 'global';
-                const componentConfig = storedConfigs[id];
-                const globalConfig = storedConfigs[globalConfigId];
-                if (id !== globalConfigId && globalConfig) {
-                    return {
-                        ...globalConfig,
-                        ...(componentConfig || {})
-                    };
-                }
-                return componentConfig || null;
-            }), distinctUntilChanged((prev, current) => JSON.stringify(prev) === JSON.stringify(current))), this.store.pipe(select(selectComponentOverrideConfig(id)))
-        ]).pipe(map(([storeConfig, storeOverrideConfig]) => {
-            return {
-                ...storeConfig,
-                ...storeOverrideConfig
-            };
-        }));
+        const globalConfig$ = this.store.pipe(select(selectGlobalConfiguration));
+        const componentConfig$ = id !== globalConfigurationId ? this.store.pipe(select(selectConfigurationForComponent({ id }))) : of({});
+        const overrideConfig$ = this.store.pipe(select(selectComponentOverrideConfig(id)));
+        return combineLatest([globalConfig$, componentConfig$, overrideConfig$]).pipe(map(([globalConfig, componentConfig, overrideConfig]) => ({ ...globalConfig, ...componentConfig, ...overrideConfig })), distinctUntilChanged(jsonStringifyDiff));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationBaseService, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationBaseService, providedIn: ConfigurationBaseServiceModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationBaseService, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationBaseService, providedIn: ConfigurationBaseServiceModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ConfigurationBaseService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ConfigurationBaseService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: ConfigurationBaseServiceModule
                 }]
-        }], ctorParameters: function () { return [{ type: i1.Store }]; } });
+        }], ctorParameters: () => [{ type: i1.Store }] });
 
 /**
  * Decorator to identify the configuration observer
@@ -834,5 +813,5 @@ class ConfigurationObserver {
  * Generated bundle index. Do not edit.
  */
 
-export { CONFIGURATION_REDUCER_TOKEN, CONFIGURATION_STORE_NAME, CONFIG_OVERRIDE_REDUCER_TOKEN, CONFIG_OVERRIDE_STORE_NAME, ConfigObserver, ConfigOverrideStoreModule, ConfigurationBaseService, ConfigurationBaseServiceModule, ConfigurationDevtoolsConsoleService, ConfigurationDevtoolsMessageService, ConfigurationDevtoolsModule, ConfigurationObserver, ConfigurationStoreModule, OTTER_CONFIGURATION_DEVTOOLS_DEFAULT_OPTIONS, OTTER_CONFIGURATION_DEVTOOLS_OPTIONS, OtterConfigurationDevtools, clearConfigurationEntities, computeConfiguration, computeConfigurationName, configOverrideInitialState, configOverrideReducer, configOverrideReducerFeatures, configOverrideStorageDeserializer, configOverrideStorageSync, configurationAdapter, configurationInitialState, configurationReducer, configurationReducerFeatures, configurationStorageSync, getConfiguration, getDefaultConfigOverrideReducer, getDefaultConfigurationReducer, isConfigurationMessage, parseConfigurationName, selectAllConfiguration, selectComponentOverrideConfig, selectConfigOverride, selectConfigOverrideState, selectConfigurationEntities, selectConfigurationForComponent, selectConfigurationIds, selectConfigurationState, selectConfigurationTotal, setConfigOverride, setConfigurationEntities, updateConfigurationEntities, updateConfigurationEntity, upsertConfigurationEntities, upsertConfigurationEntity };
+export { CONFIGURATION_REDUCER_TOKEN, CONFIGURATION_STORE_NAME, CONFIG_OVERRIDE_REDUCER_TOKEN, CONFIG_OVERRIDE_STORE_NAME, ConfigObserver, ConfigOverrideStoreModule, ConfigurationBaseService, ConfigurationBaseServiceModule, ConfigurationDevtoolsConsoleService, ConfigurationDevtoolsMessageService, ConfigurationDevtoolsModule, ConfigurationObserver, ConfigurationStoreModule, OTTER_CONFIGURATION_DEVTOOLS_DEFAULT_OPTIONS, OTTER_CONFIGURATION_DEVTOOLS_OPTIONS, OtterConfigurationDevtools, clearConfigurationEntities, computeConfiguration, computeConfigurationName, configOverrideInitialState, configOverrideReducer, configOverrideReducerFeatures, configOverrideStorageDeserializer, configOverrideStorageSync, configurationAdapter, configurationInitialState, configurationReducer, configurationReducerFeatures, configurationStorageSync, getConfiguration, getDefaultConfigOverrideReducer, getDefaultConfigurationReducer, globalConfigurationId, isConfigurationMessage, parseConfigurationName, selectAllConfiguration, selectComponentOverrideConfig, selectConfigOverride, selectConfigOverrideState, selectConfigurationEntities, selectConfigurationForComponent, selectConfigurationIds, selectConfigurationState, selectConfigurationTotal, selectGlobalConfiguration, setConfigOverride, setConfigurationEntities, updateConfigurationEntities, updateConfigurationEntity, upsertConfigurationEntities, upsertConfigurationEntity };
 //# sourceMappingURL=o3r-configuration.mjs.map