@esfaenza/extensions 19.2.17 → 19.2.20

package/fesm2022/esfaenza-extensions.mjs

@@ -3,7 +3,7 @@ import { InjectionToken, Optional, Inject, Injectable, Pipe, NgModule, Injector
 import * as i1 from '@esfaenza/localizations';
 import { LocalizationModule } from '@esfaenza/localizations';
 import { first, filter, take, map } from 'rxjs/operators';
-import { ReplaySubject, of, Subject } from 'rxjs';
+import { ReplaySubject, of, Subject, filter as filter$1 } from 'rxjs';
 import { ToastrService } from 'ngx-toastr';
 import swal from 'sweetalert2';
 import * as i2 from '@angular/router';
@@ -1079,12 +1079,14 @@ class AppEmbeddingExtensions {
     router;
     location;
     sidebarWidth = 230;
+    EmbeddingSource = new ReplaySubject();
     Embedded = false;
     EmbeddingLevel = 0;
     MainWindow;
     MessageObserver = new Subject();
     _reloadAllowed = true;
     EmbeddedModule;
+    pushedHistories = [];
     constructor(msgService, router, location) {
         this.msgService = msgService;
         this.router = router;
@@ -1102,6 +1104,21 @@ class AppEmbeddingExtensions {
         this.configureEmbeddability();
         if (this.Embedded)
             this.msgService.configureEmbeddability(this.MainWindow, this.MessageObserver);
+        this.MessageObserver.pipe(filter$1(ev => ev.event == "menu-navigation")).subscribe(event => {
+            // Mi interessa solo roba relativa all'embedding
+            if (!event.data.routerLink.startsWith("embed"))
+                return;
+            // emb/crm/parties/parties_search;blabla=xyz?blabla --> parties/parties_search
+            let normalizedRequestedRoute = event.data.routerLink.split("?")[0].split(";")[0].split("/").slice(2).join("/");
+            ///pages_ext/{module}/parties/parties_search;blabla=xyz?blabla --> parties/parties_search
+            let normalizedFirstRoute = this.pushedHistories.length > 0 ? this.pushedHistories[0].from.split("?")[0].split(";")[0].split("/").slice(3).join("/") : "";
+            // La route su cui sto navigando ora è uguale alla route in cui l'embedding è iniziato. 
+            // Significa che devo simulare dei back fino a che non sono arrivato all'inizio
+            if (normalizedRequestedRoute == normalizedFirstRoute) {
+                this.router.navigate(["pages/" + event.data.routerLink, { wakeup: 1 }], { queryParams: event.data.queryParams, onSameUrlNavigation: "reload" });
+                this.pushedHistories = [];
+            }
+        });
     }
     waitForMyConfigAndForceEmbeddedModule() {
         // Aspetto di ricevere il myconfig e setto con lui l'embeddedmodule. Questo viene eseguito solo se this.location.path() per qualche motivo non contiene il module
@@ -1117,11 +1134,29 @@ class AppEmbeddingExtensions {
         this._reloadAllowed = true;
         return ret;
     }
+    MessageBarrierDebouncMs = 250;
+    OnMessageCallBarrier = {};
+    messageHash(event) {
+        return `${JSON.parse(JSON.stringify(event?.data))}`;
+    }
     configureEmbeddability() {
+        if (this.Embedded)
+            this.MainWindow.postMessage({ type: "whois" }, "*");
+        else
+            this.EmbeddingSource.next("");
         window.onmessage = (event) => {
             // Ignoro i miei messaggi dato che mi interessano solo quelli degli altri iframe
             if (event.source == window && event?.data?.type != "modal-open")
                 return;
+            let sourceWindow = event.source;
+            // Posso gestire lo stesso identico messaggio solo 1 volta ogni MessageBarrierDebouncMs
+            let messageHash = this.messageHash(event);
+            if (this.OnMessageCallBarrier[messageHash])
+                return;
+            else {
+                this.OnMessageCallBarrier[messageHash] = true;
+                setTimeout(() => delete this.OnMessageCallBarrier[messageHash], this.MessageBarrierDebouncMs);
+            }
             this.MessageObserver.next({ event: "window-message", data: event?.data });
             if (event?.data?.type == "alert") {
                 console.log(`Window message - alert -> Level: ${event?.data?.level}, Message: ${event?.data?.msg}`);
@@ -1140,13 +1175,20 @@ class AppEmbeddingExtensions {
                         break;
                 }
             }
+            else if (event?.data?.type == "whois") {
+                console.log(`Window message - Whois?`);
+                sourceWindow.postMessage({ type: "itsme", module: myconfig.AppData.ModuleId }, "*");
+            }
+            else if (event?.data?.type == "itsme") {
+                console.log(`Window message - It'sme -> ` + event?.data?.module);
+                this.EmbeddingSource.next(event?.data?.module);
+            }
             else if (event?.data?.type == "replace-state") {
                 console.log(`Window message - replace-state -> Url: ${event?.data?.url}`);
                 this.location.replaceState(event?.data?.url);
             }
             else if (event?.data?.type == "confirm") {
                 console.log(`Window message - confirm -> Level: ${event?.data?.level}, Message: ${event?.data?.text}, Title: ${event?.data?.title}, ID: ${event?.data?.guid}`);
-                var sourceWindow = event.source;
                 var baseResponse = { type: "confirm-response", guid: event?.data?.guid };
                 switch (event?.data?.level) {
                     case "success":
@@ -1169,26 +1211,27 @@ class AppEmbeddingExtensions {
                 console.log(`Window message - navigate -> ${event?.data?.url}`);
                 var newTab = event?.data?.newTab;
                 var replaceState = event?.data?.replaceState;
+                var current = event?.data?.current;
                 // Controllo se il router sta seguendo la chiamata attuale. Escludo i query params che sono gli unici che possono essere seccati dai replaceState
-                // e che potrebbero fare del casino
-                if (!window.location.href.includes(this.router.url.split("?")[0])) {
+                // e che potrebbero fare del casino. Stesso discorso per i parametri semplici (ad esempio il parametro di wakeup)
+                if (!window.location.href.includes(this.router.url.split("?")[0].split(";")[0])) {
                     console.warn("Doppia chiamata di navigazione, ignoro il secondo evento scoordinato dal router");
                     return;
                 }
                 let newRelativeUrl = this.router.createUrlTree([event?.data?.url]);
-                let baseUrl = window.location.href.replace(this.router.url.replace("?ignoreStorage=true", ''), '');
-                let newUrl = baseUrl + decodeURIComponent(newRelativeUrl.toString());
-                if (replaceState)
+                let baseUrl = window.location.href.split("#")[0] + "#";
+                let appPath = decodeURIComponent(newRelativeUrl.toString());
+                let newUrl = baseUrl + appPath;
+                if (replaceState) {
+                    this.pushedHistories.push({ _pushed: true, url: newUrl, from: current });
                     history.pushState({ _pushed: true }, "", newUrl);
+                }
                 else if (newTab)
                     window.open(newUrl, '_blank');
             }
             else if (event?.data?.type == "navigate-back") {
                 console.log(`Window message - navigate-back -> ${event?.data?.url}`);
-                if (history?.state?._pushed) {
-                    this._reloadAllowed = false;
-                    history.back();
-                }
+                this.onNavigateBack();
             }
             else if (event?.data?.type == "redirect") {
                 console.log(`Window message - redirect -> ${event?.data?.url}`);
@@ -1204,7 +1247,8 @@ class AppEmbeddingExtensions {
                 const wrapperPaddingLeft = parseInt(wrapperStyles.getPropertyValue("padding-left"));
                 const wrapperPaddingRight = parseInt(wrapperStyles.getPropertyValue("padding-right"));
                 console.log(`Window message - Modal Open -> Backdrop Height: ${event?.data?.backdropHeight}`);
-                var topHeight = 80; // valore fisso, distanza fra il top e l'inizio dell'iframe, non sarà mai diverso
+                var bottomLeftover = 7; // Valore fisso... robina che rimane di sotto per un motivo o quell'altro
+                var topHeight = 86; // valore fisso, distanza fra il top e l'inizio dell'iframe, non sarà mai diverso
                 var rightSpace = wrapperPaddingRight; // valore fisso, distanza fra la fine dell'iframe e il lato sinistro dello schermo, non sarà mai diverso
                 var leftSpace = this.sidebarWidth + wrapperPaddingLeft;
                 let commonStyles = "position: absolute; z-index: 9999; background-color: #000; opacity: 0.5; ";
@@ -1221,13 +1265,14 @@ class AppEmbeddingExtensions {
                 right.className = "embedded-modal-right";
                 right.style.cssText = commonStyles + `height: calc(100% - ${topHeight}px); top: ${topHeight}px; right: 0; width: ${rightSpace}px;`;
                 right.id = "right";
-                // const bottom = document.createElement("div");
-                // bottom.className = "embedded-modal-bottom";
-                // bottom.style.cssText = commonStyles + `height: ${topHeight}px; bottom: 0; width: calc(100% - ${leftSpace}px); left: ${leftSpace}px`;
-                // bottom.id = "bottom";
+                const bottom = document.createElement("div");
+                bottom.className = "embedded-modal-bottom";
+                bottom.style.cssText = commonStyles + `height: ${bottomLeftover}px; bottom: 0; width: calc(100% - ${leftSpace + rightSpace}px); left: ${leftSpace}px`;
+                bottom.id = "bottom";
                 document.body.appendChild(top);
                 document.body.appendChild(left);
                 document.body.appendChild(right);
+                document.body.appendChild(bottom);
             }
             else if (event?.data?.type == "modal-close") {
                 console.log(`Window message - Modal Close`);
@@ -1236,17 +1281,27 @@ class AppEmbeddingExtensions {
                 const top = document.getElementById("top");
                 const left = document.getElementById("left");
                 const right = document.getElementById("right");
+                const bottom = document.getElementById("bottom");
                 if (top)
                     document.body.removeChild(top);
                 if (left)
                     document.body.removeChild(left);
                 if (right)
                     document.body.removeChild(right);
+                if (bottom)
+                    document.body.removeChild(bottom);
             }
         };
         if (this.Embedded)
             document.body.style.setProperty("overflow-y", "auto", "important");
     }
+    onNavigateBack() {
+        if (history?.state?._pushed) {
+            this._reloadAllowed = false;
+            this.pushedHistories.pop();
+            history.back();
+        }
+    }
     replaceState(basePath, url) {
         // Esempio basePath: pages
         // Esempio url: parties/leads_search