@ama-mfe/ng-utils 12.3.0-prerelease.3 → 12.3.0-prerelease.31

package/README.md

@@ -254,3 +254,39 @@ export class CustomService implements MessageProducer<CustomMessageVersions> {
   }
 }
 ```
+### Host information
+
+#### Host application
+
+A host application can send information to the embedded applications using parameters in the URL.
+
+```html
+<iframe [src]="'myModuleUrl' | hostInfo: 'host-app-id'"></iframe>
+```
+
+This will add the `location.origin` and the application id of the host to the URL of the embedded application.
+
+#### Embedded application
+
+The embedded application can access the data sent in the previous section using an injection token:
+
+```typescript
+import {inject} from '@angular/core';
+import {getHostInfo, isEmbedded} from '@ama-mfe/ng-utils';
+
+export class SomeClass {
+  private readonly hostInfo = getHostInfo();
+
+  doSomething() {
+    if (this.hostInfo.applicationId === 'app1') {
+      // Do something when embedded in app1
+    } else if (isEmbedded()) {
+      // Do something when embedded elsewhere
+    } else {
+      // Do something when standalone
+    }
+  }
+}
+```
+
+The host information is stored in session storage so it won't be lost when navigating inside the iframe.

package/connect/connect.providers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"connect.providers.d.ts","sourceRoot":"","sources":["../../src/connect/connect.providers.ts"],"names":[],"mappings":"AAaA,OAAO,EACL,gBAAgB,EAEjB,MAAM,qBAAqB,CAAC;AAE7B;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,gBAAgB,EAAE,gBAAgB,gDAcnE"}
+{"version":3,"file":"connect.providers.d.ts","sourceRoot":"","sources":["../../src/connect/connect.providers.ts"],"names":[],"mappings":"AAgBA,OAAO,EACL,gBAAgB,EAEjB,MAAM,qBAAqB,CAAC;AAE7B;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,gBAAgB,EAAE,gBAAgB,gDAmBnE"}

package/fesm2022/ama-mfe-ng-utils.mjs

@@ -1,7 +1,7 @@
 import { MessagePeerService, MESSAGE_PEER_CONFIG, MESSAGE_PEER_CONNECT_OPTIONS } from '@amadeus-it-group/microfrontends-angular';
 export { MessagePeerService as ConnectionService } from '@amadeus-it-group/microfrontends-angular';
 import * as i0 from '@angular/core';
-import { Injectable, inject, signal, effect, DestroyRef, afterNextRender, input, computed, ElementRef, Renderer2, Directive, untracked, SecurityContext, Pipe, HostBinding, makeEnvironmentProviders } from '@angular/core';
+import { Injectable, inject, signal, effect, DestroyRef, afterNextRender, input, computed, ElementRef, Renderer2, Directive, SecurityContext, Pipe, untracked, HostBinding, makeEnvironmentProviders } from '@angular/core';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { LoggerService } from '@o3r/logger';
 import { RESIZE_MESSAGE_TYPE, NAVIGATION_MESSAGE_TYPE, THEME_MESSAGE_TYPE } from '@ama-mfe/messages';
@@ -78,10 +78,10 @@ class ProducerManagerService {
         }
         return handlersPresent;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ProducerManagerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ProducerManagerService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProducerManagerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProducerManagerService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ProducerManagerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProducerManagerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -173,10 +173,10 @@ class ConsumerManagerService {
             return consumers.filter((c) => c !== consumer);
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ConsumerManagerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ConsumerManagerService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ConsumerManagerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ConsumerManagerService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ConsumerManagerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ConsumerManagerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -239,10 +239,10 @@ class ResizeConsumerService {
     stop() {
         this.consumerManagerService.unregister(this);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ResizeConsumerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ResizeConsumerService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ResizeConsumerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ResizeConsumerService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ResizeConsumerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ResizeConsumerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -295,10 +295,10 @@ class ResizeService {
         });
         afterNextRender(() => this.resizeObserver?.observe(document.body));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ResizeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ResizeService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ResizeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ResizeService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ResizeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ResizeService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -342,10 +342,10 @@ class ScalableDirective {
             }
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ScalableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: ScalableDirective, isStandalone: true, selector: "[scalable]", inputs: { connect: { classPropertyName: "connect", publicName: "connect", isSignal: true, isRequired: false, transformFunction: null }, scalable: { classPropertyName: "scalable", publicName: "scalable", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ScalableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.6", type: ScalableDirective, isStandalone: true, selector: "[scalable]", inputs: { connect: { classPropertyName: "connect", publicName: "connect", isSignal: true, isRequired: false, transformFunction: null }, scalable: { classPropertyName: "scalable", publicName: "scalable", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ScalableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ScalableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[scalable]',
@@ -353,15 +353,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
-/**
- * A constant array of known message types and their versions.
- */
-const KNOWN_MESSAGES = [
-    {
-        type: ERROR_MESSAGE_TYPE,
-        version: '1.0'
-    }
-];
+const SESSION_STORAGE_KEY = 'ama-mfe-host-info';
 /**
  * Search parameter to add to the URL when embedding an iframe containing the URL of the host.
  * This is needed to support Firefox (on which {@link https://developer.mozilla.org/docs/Web/API/Location/ancestorOrigins | location.ancestorOrigins} is not currently supported)
@@ -369,24 +361,64 @@ const KNOWN_MESSAGES = [
  */
 const MFE_HOST_URL_PARAM = 'ama-mfe-host-url';
 /**
- * Returns the default options for starting a client endpoint peer connection.
- * As `origin`, it will take the parent origin and the `window` will be the parent window.
- * The parent origin will use the first found among:
+ * Search parameter to add to the URL to let a module know on which application it's embedded
+ */
+const MFE_HOST_APPLICATION_ID_PARAM = 'ama-mfe-host-app-id';
+/**
+ * Gather the host information from the url parameters
+ * The host url will use the first found among:
  * - look for the search parameter {@link MFE_HOST_URL_PARAM} in the URL of the iframe
  * - use the first item in `location.ancestorOrigins` (currently not supported on Firefox)
  * - use `document.referrer` (will only work if called before any redirection in the iframe)
+ * The application ID is taken from the search parameter {@link MFE_HOST_APPLICATION_ID_PARAM} in the URL of the iframe
  */
-function getDefaultClientEndpointStartOptions() {
+function getHostInfo() {
     const searchParams = new URLSearchParams(location.search);
-    const hostURL = searchParams.get(MFE_HOST_URL_PARAM) || location.ancestorOrigins?.[0] || document.referrer;
-    if (hostURL) {
-        return {
-            origin: new URL(hostURL).origin,
-            window: window.parent
-        };
+    const storedHostInfo = JSON.parse(sessionStorage.getItem(SESSION_STORAGE_KEY) || '{}');
+    return {
+        hostURL: searchParams.get(MFE_HOST_URL_PARAM) || storedHostInfo.hostURL || location.ancestorOrigins?.[0] || document.referrer,
+        hostApplicationId: searchParams.get(MFE_HOST_APPLICATION_ID_PARAM) || storedHostInfo.hostApplicationId
+    };
+}
+/**
+ * Gather the host information from the url parameters and handle the persistence in session storage.
+ */
+function persistHostInfo() {
+    const hostInfo = getHostInfo();
+    sessionStorage.setItem(SESSION_STORAGE_KEY, JSON.stringify(hostInfo));
+}
+
+/**
+ * A pipe that adds the host information in the URL of an iframe,
+ */
+class HostInfoPipe {
+    constructor() {
+        this.domSanitizer = inject(DomSanitizer);
     }
-    return {};
+    transform(url, applicationId) {
+        const urlString = typeof url === 'string'
+            ? url
+            : this.domSanitizer.sanitize(SecurityContext.RESOURCE_URL, url || null);
+        if (!url) {
+            return undefined;
+        }
+        if (urlString) {
+            const moduleUrl = new URL(urlString);
+            moduleUrl.searchParams.set(MFE_HOST_URL_PARAM, window.location.origin);
+            moduleUrl.searchParams.set(MFE_HOST_APPLICATION_ID_PARAM, applicationId);
+            const moduleUrlStringyfied = moduleUrl.toString();
+            return typeof url === 'string' ? moduleUrlStringyfied : this.domSanitizer.bypassSecurityTrustResourceUrl(moduleUrlStringyfied);
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: HostInfoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: HostInfoPipe, isStandalone: true, name: "hostInfo" }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: HostInfoPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'hostInfo'
+                }]
+        }] });
 
 /**
  * A service that handles navigation messages and routing.
@@ -443,8 +475,8 @@ class NavigationConsumerService {
      */
     navigate(url, channelId) {
         const { paths, queryParams } = this.parseUrl(url);
-        // No need to keep this in the URL
-        delete queryParams[MFE_HOST_URL_PARAM];
+        // No need to keep these in the URL
+        [MFE_HOST_URL_PARAM, MFE_HOST_APPLICATION_ID_PARAM].forEach((key) => delete queryParams[key]);
         void this.router.navigate(paths, { relativeTo: this.activeRoute.children.at(-1), queryParams, state: { channelId }, replaceUrl: true });
     }
     /**
@@ -459,10 +491,10 @@ class NavigationConsumerService {
     stop() {
         this.consumerManagerService.unregister(this);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: NavigationConsumerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: NavigationConsumerService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NavigationConsumerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NavigationConsumerService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: NavigationConsumerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NavigationConsumerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -505,10 +537,10 @@ class RouteMemorizeService {
     getRoute(channelId) {
         return this.routeStack[channelId];
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RouteMemorizeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RouteMemorizeService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RouteMemorizeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RouteMemorizeService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RouteMemorizeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RouteMemorizeService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -561,10 +593,10 @@ class RouteMemorizeDirective {
             }
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RouteMemorizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: RouteMemorizeDirective, isStandalone: true, selector: "iframe[memorizeRoute]", inputs: { memorizeRoute: { classPropertyName: "memorizeRoute", publicName: "memorizeRoute", isSignal: true, isRequired: false, transformFunction: null }, memorizeRouteId: { classPropertyName: "memorizeRouteId", publicName: "memorizeRouteId", isSignal: true, isRequired: false, transformFunction: null }, memorizeMaxAge: { classPropertyName: "memorizeMaxAge", publicName: "memorizeMaxAge", isSignal: true, isRequired: false, transformFunction: null }, memorizeRouteMaxAge: { classPropertyName: "memorizeRouteMaxAge", publicName: "memorizeRouteMaxAge", isSignal: true, isRequired: false, transformFunction: null }, connect: { classPropertyName: "connect", publicName: "connect", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RouteMemorizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.6", type: RouteMemorizeDirective, isStandalone: true, selector: "iframe[memorizeRoute]", inputs: { memorizeRoute: { classPropertyName: "memorizeRoute", publicName: "memorizeRoute", isSignal: true, isRequired: false, transformFunction: null }, memorizeRouteId: { classPropertyName: "memorizeRouteId", publicName: "memorizeRouteId", isSignal: true, isRequired: false, transformFunction: null }, memorizeMaxAge: { classPropertyName: "memorizeMaxAge", publicName: "memorizeMaxAge", isSignal: true, isRequired: false, transformFunction: null }, memorizeRouteMaxAge: { classPropertyName: "memorizeRouteMaxAge", publicName: "memorizeRouteMaxAge", isSignal: true, isRequired: false, transformFunction: null }, connect: { classPropertyName: "connect", publicName: "connect", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RouteMemorizeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RouteMemorizeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'iframe[memorizeRoute]',
@@ -572,6 +604,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+/**
+ * A constant array of known message types and their versions.
+ */
+const KNOWN_MESSAGES = [
+    {
+        type: ERROR_MESSAGE_TYPE,
+        version: '1.0'
+    }
+];
+/**
+ * Returns the default options for starting a client endpoint peer connection.
+ * As `origin`, it will take the hostURL from {@link getHostInfo} and the `window` will be the parent window.
+ */
+function getDefaultClientEndpointStartOptions() {
+    const hostInfo = getHostInfo();
+    if (hostInfo.hostURL) {
+        return {
+            origin: new URL(hostInfo.hostURL).origin,
+            window: window.parent
+        };
+    }
+    return {};
+}
+/**
+ * Return `true` if embedded inside an iframe, `false` otherwise
+ */
+function isEmbedded() {
+    return window.top !== window.self;
+}
+
 /**
  * A service that handles routing and message production for navigation events.
  *
@@ -615,7 +677,10 @@ class RoutingService {
                 url
             };
             // TODO: sendBest() is not implemented -- https://github.com/AmadeusITGroup/microfrontends/issues/11
-            if (window.self === window.top) {
+            if (isEmbedded()) {
+                this.messageService.send(messageV10);
+            }
+            else {
                 if (channelId === undefined) {
                     this.logger.warn('No channelId provided for navigation message');
                 }
@@ -628,15 +693,12 @@ class RoutingService {
                     }
                 }
             }
-            else {
-                this.messageService.send(messageV10);
-            }
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RoutingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RoutingService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RoutingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RoutingService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RoutingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RoutingService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -683,10 +745,10 @@ class RestoreRoute {
             return typeof url === 'string' ? moduleUrlStringyfied : this.domSanitizer.bypassSecurityTrustResourceUrl(moduleUrlStringyfied);
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RestoreRoute, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: RestoreRoute, isStandalone: true, name: "restoreRoute" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RestoreRoute, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: RestoreRoute, isStandalone: true, name: "restoreRoute" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RestoreRoute, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RestoreRoute, decorators: [{
             type: Pipe,
             args: [{
                     name: 'restoreRoute'
@@ -753,8 +815,9 @@ async function applyInitialTheme(options) {
     if (theme) {
         const themeRequest = [];
         themeRequest.push(downloadApplicationThemeCss(theme, options).then((styleToApply) => applyTheme(styleToApply, false)));
-        if (document.referrer) {
-            const url = new URL(document.referrer);
+        const hostInfo = getHostInfo();
+        if (hostInfo.hostURL) {
+            const url = new URL(hostInfo.hostURL);
             url.pathname += `${url.pathname.endsWith('/') ? '' : '/'}${theme}`;
             themeRequest.unshift(getStyle(url.toString(), options).then((styleToApply) => applyTheme(styleToApply, false)));
         }
@@ -840,10 +903,10 @@ class ThemeProducerService {
         this.logger.error('Error in theme service message', message);
         this.revertToPreviousTheme();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThemeProducerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThemeProducerService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ThemeProducerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ThemeProducerService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThemeProducerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ThemeProducerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -876,10 +939,10 @@ class ApplyTheme {
         }
         return undefined;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ApplyTheme, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: ApplyTheme, isStandalone: true, name: "applyTheme" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ApplyTheme, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: ApplyTheme, isStandalone: true, name: "applyTheme" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ApplyTheme, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ApplyTheme, decorators: [{
             type: Pipe,
             args: [{
                     name: 'applyTheme'
@@ -935,10 +998,10 @@ class ThemeConsumerService {
     stop() {
         this.consumerManagerService.unregister(this);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThemeConsumerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThemeConsumerService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ThemeConsumerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ThemeConsumerService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThemeConsumerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ThemeConsumerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -991,10 +1054,10 @@ class ConnectDirective {
         // When the directive is destroyed clean up the connection too.
         inject(DestroyRef).onDestroy(() => this.messageService.disconnect());
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ConnectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: ConnectDirective, isStandalone: true, selector: "iframe[connect]", inputs: { connect: { classPropertyName: "connect", publicName: "connect", isSignal: true, isRequired: true, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "src": "this.srcAttr" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ConnectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.6", type: ConnectDirective, isStandalone: true, selector: "iframe[connect]", inputs: { connect: { classPropertyName: "connect", publicName: "connect", isSignal: true, isRequired: true, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "src": "this.srcAttr" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ConnectDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ConnectDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'iframe[connect]',
@@ -1010,7 +1073,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
  * @param connectionConfig The identifier of the application in the communication protocol ecosystem plus the types of messages able to exchange
  */
 function provideConnection(connectionConfig) {
-    const config = { id: connectionConfig.id, knownMessages: [...KNOWN_MESSAGES, ...(connectionConfig.knownMessages || [])] };
+    persistHostInfo();
+    const config = {
+        id: connectionConfig.id,
+        messageCheckStrategy: 'version',
+        knownMessages: [...KNOWN_MESSAGES, ...(connectionConfig.knownMessages || [])]
+    };
     return makeEnvironmentProviders([
         {
             provide: MESSAGE_PEER_CONFIG, useValue: config
@@ -1019,7 +1087,7 @@ function provideConnection(connectionConfig) {
             provide: MESSAGE_PEER_CONNECT_OPTIONS, useValue: getDefaultClientEndpointStartOptions()
         },
         {
-            // in the case of the ConnectionService will extends the base service 'useExisting' should be used
+            // in the case of the ConnectionService will extend the base service 'useExisting' should be used
             provide: MessagePeerService, useClass: MessagePeerService, deps: [MESSAGE_PEER_CONFIG]
         }
     ]);
@@ -1029,5 +1097,5 @@ function provideConnection(connectionConfig) {
  * Generated bundle index. Do not edit.
  */
 
-export { ApplyTheme, ConnectDirective, ConsumerManagerService, DELTA_RESIZE, ERROR_MESSAGE_TYPE, KNOWN_MESSAGES, MFE_HOST_URL_PARAM, NavigationConsumerService, ProducerManagerService, ResizeConsumerService, ResizeService, RestoreRoute, RouteMemorizeDirective, RouteMemorizeService, RoutingService, ScalableDirective, THEME_QUERY_PARAM_NAME, THEME_URL_SUFFIX, ThemeConsumerService, ThemeProducerService, applyInitialTheme, applyTheme, downloadApplicationThemeCss, getAvailableConsumers, getDefaultClientEndpointStartOptions, getStyle, isErrorMessage, provideConnection, registerProducer, sendError };
+export { ApplyTheme, ConnectDirective, ConsumerManagerService, DELTA_RESIZE, ERROR_MESSAGE_TYPE, HostInfoPipe, KNOWN_MESSAGES, MFE_HOST_APPLICATION_ID_PARAM, MFE_HOST_URL_PARAM, NavigationConsumerService, ProducerManagerService, ResizeConsumerService, ResizeService, RestoreRoute, RouteMemorizeDirective, RouteMemorizeService, RoutingService, ScalableDirective, THEME_QUERY_PARAM_NAME, THEME_URL_SUFFIX, ThemeConsumerService, ThemeProducerService, applyInitialTheme, applyTheme, downloadApplicationThemeCss, getAvailableConsumers, getDefaultClientEndpointStartOptions, getHostInfo, getStyle, isEmbedded, isErrorMessage, persistHostInfo, provideConnection, registerProducer, sendError };
 //# sourceMappingURL=ama-mfe-ng-utils.mjs.map