dash-button-web 0.0.18 → 0.0.19-beta.0

package/dist/cjs/loader.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ad267eeb.js');
+const index = require('./index-87d4993d.js');
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  return index.bootstrapLazy([["dash-button.cjs",[[1,"dash-button",{"showPostLoginText":[4,"show-post-login-text"],"silentCheckSso":[4,"silent-check-sso"],"redirectUri":[1,"redirect-uri"],"authMethod":[1,"auth-method"],"keycloakUri":[1,"keycloak-uri"],"realm":[1],"clientId":[1,"client-id"],"appId":[1,"app-id"],"portalUrl":[1,"portal-url"],"portalApiUrl":[1,"portal-api-url"],"plmUrl":[1,"plm-url"],"usageTrackingUrl":[1,"usage-tracking-url"],"showUnauthorizedModal":[4,"show-unauthorized-modal"],"postTextDelayDuration":[2,"post-text-delay-duration"],"primaryColor":[1,"primary-color"],"accentColor":[1,"accent-color"],"otherLinkType":[1,"other-link-type"],"otherLinkDisplayName":[1,"other-link-display-name"],"applicationDisplayName":[1,"application-display-name"],"disableApplicationTab":[4,"disable-application-tab"],"menuViewType":[1,"menu-view-type"],"keycloak":[32],"isAuth":[32],"givenUserName":[32],"silentCheckSsoRedirectUri":[32],"appList":[32],"menuLinkList":[32],"mainMenuLinkList":[32],"showPostLoginLoadingSpinner":[32],"avatarSvg":[32],"dummyAppList":[32]}]]]], options);
+  return index.bootstrapLazy([["dash-button.cjs",[[1,"dash-button",{"showPostLoginText":[4,"show-post-login-text"],"silentCheckSso":[4,"silent-check-sso"],"redirectUri":[1,"redirect-uri"],"authMethod":[1,"auth-method"],"appId":[1,"app-id"],"portalApiUrl":[1,"portal-api-url"],"plmUrl":[1,"plm-url"],"showUnauthorizedModal":[4,"show-unauthorized-modal"],"primaryColor":[1,"primary-color"],"accentColor":[1,"accent-color"],"keycloak":[32],"isAuth":[32],"givenUserName":[32],"silentCheckSsoRedirectUri":[32],"appList":[32],"avatarSvg":[32],"isLoading":[32],"config":[32],"localMenuLinks":[32],"organizationUrl":[32]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/web-compnont.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ad267eeb.js');
+const index = require('./index-87d4993d.js');
 
 /*
  Stencil Client Patch Browser v4.12.0 | MIT Licensed | https://stenciljs.com
@@ -17,7 +17,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["dash-button.cjs",[[1,"dash-button",{"showPostLoginText":[4,"show-post-login-text"],"silentCheckSso":[4,"silent-check-sso"],"redirectUri":[1,"redirect-uri"],"authMethod":[1,"auth-method"],"keycloakUri":[1,"keycloak-uri"],"realm":[1],"clientId":[1,"client-id"],"appId":[1,"app-id"],"portalUrl":[1,"portal-url"],"portalApiUrl":[1,"portal-api-url"],"plmUrl":[1,"plm-url"],"usageTrackingUrl":[1,"usage-tracking-url"],"showUnauthorizedModal":[4,"show-unauthorized-modal"],"postTextDelayDuration":[2,"post-text-delay-duration"],"primaryColor":[1,"primary-color"],"accentColor":[1,"accent-color"],"otherLinkType":[1,"other-link-type"],"otherLinkDisplayName":[1,"other-link-display-name"],"applicationDisplayName":[1,"application-display-name"],"disableApplicationTab":[4,"disable-application-tab"],"menuViewType":[1,"menu-view-type"],"keycloak":[32],"isAuth":[32],"givenUserName":[32],"silentCheckSsoRedirectUri":[32],"appList":[32],"menuLinkList":[32],"mainMenuLinkList":[32],"showPostLoginLoadingSpinner":[32],"avatarSvg":[32],"dummyAppList":[32]}]]]], options);
+  return index.bootstrapLazy([["dash-button.cjs",[[1,"dash-button",{"showPostLoginText":[4,"show-post-login-text"],"silentCheckSso":[4,"silent-check-sso"],"redirectUri":[1,"redirect-uri"],"authMethod":[1,"auth-method"],"appId":[1,"app-id"],"portalApiUrl":[1,"portal-api-url"],"plmUrl":[1,"plm-url"],"showUnauthorizedModal":[4,"show-unauthorized-modal"],"primaryColor":[1,"primary-color"],"accentColor":[1,"accent-color"],"keycloak":[32],"isAuth":[32],"givenUserName":[32],"silentCheckSsoRedirectUri":[32],"appList":[32],"avatarSvg":[32],"isLoading":[32],"config":[32],"localMenuLinks":[32],"organizationUrl":[32]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/my-component/dash-button.css

@@ -238,10 +238,10 @@
     box-sizing: border-box;
     display: block;
     position: absolute;
-    width: 30px;
-    height: 30px;
+    width: 25px;
+    height: 25px;
     margin: 3px;
-    border: 3px solid currentColor;
+    border: 2px solid currentColor;
     border-radius: 50%;
     animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
     border-color: currentColor transparent transparent transparent;

package/dist/collection/components/my-component/dash-button.js

@@ -1,57 +1,51 @@
 import { h } from "@stencil/core";
 import Keycloak from "keycloak-js";
 import { toSvg } from "jdenticon";
+import { configService } from "../../services/config";
+import { menuService } from "../../services/menu";
 export class DashButtonComponent {
     constructor() {
         this.showPostLoginText = false;
         this.silentCheckSso = false;
         this.redirectUri = undefined;
         this.authMethod = "check-sso";
-        this.keycloakUri = "http://localhost:8080";
-        this.realm = "";
-        this.clientId = "";
         this.appId = "";
-        this.portalUrl = "";
         this.portalApiUrl = "";
         this.plmUrl = "https://productlicensemanager-zdzw.cloud.zdzw-project.com";
-        this.usageTrackingUrl = "https://usage-tracking-ui-zdzw.cloud.zdzw-project.com";
         this.showUnauthorizedModal = false;
-        this.postTextDelayDuration = undefined;
         this.primaryColor = "";
         this.accentColor = "";
-        this.otherLinkType = undefined;
-        this.otherLinkDisplayName = "More links";
-        this.applicationDisplayName = "Applications";
-        this.disableApplicationTab = false;
-        this.menuViewType = "grid";
-        this.keycloak = new Keycloak({
-            url: this.keycloakUri,
-            realm: this.realm,
-            clientId: this.clientId,
-        });
+        this.keycloak = null;
         this.isAuth = false;
         this.givenUserName = "";
         this.silentCheckSsoRedirectUri = window.location.origin + '/assets/verificar-sso.html';
         this.appList = [];
-        this.menuLinkList = [];
-        this.mainMenuLinkList = [];
-        this.showPostLoginLoadingSpinner = false;
         this.avatarSvg = toSvg("init-avatar", 40);
-        this.dummyAppList = ["Ds2moduleapp", "Data Share Controller", "Data inspection", "DRM", "Data marketplace", "Modal development toolkit", "Multi cloud"];
+        this.isLoading = false;
+        this.config = undefined;
+        this.localMenuLinks = undefined;
+        this.organizationUrl = undefined;
     }
-    ;
-    componentWillLoad() {
-        //
-        // User set post-text-delay-duration for displaying loading spinner
-        //
-        if (this.postTextDelayDuration > 0) {
-            // Show loading spinner
-            this.showPostLoginLoadingSpinner = true;
-            // Removing a loading spinner after the delay period ending
+    async componentWillLoad() {
+        var _a, _b, _c, _d;
+        // Fetch config from API
+        this.config = await configService.fetchConfig(this.portalApiUrl);
+        console.log(this.config);
+        if (!this.config)
+            return; // prevent Keycloak init if fetch failed
+        // render will show spinner
+        if ((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.loading) === null || _b === void 0 ? void 0 : _b.isLoading) {
+            this.isLoading = true;
             setTimeout(() => {
-                this.showPostLoginLoadingSpinner = false;
-            }, this.postTextDelayDuration);
+                this.isLoading = false;
+            }, (_d = (_c = this.config) === null || _c === void 0 ? void 0 : _c.loading) === null || _d === void 0 ? void 0 : _d.duration);
         }
+        // Initialize Keycloak
+        this.keycloak = new Keycloak({
+            url: this.config.keycloak.url,
+            realm: this.config.keycloak.realm,
+            clientId: this.config.keycloak.clientId
+        });
         //
         // Init Keycloak
         //
@@ -59,10 +53,13 @@ export class DashButtonComponent {
             // Check if the user is authenticated
             if (this.isAuth) {
                 const _token = JSON.parse(localStorage.getItem('keycloak')).token;
-                this.getAppList(_token).then(res => {
-                    this.appList = res;
-                    // If the user has set an app ID, check if they have permission to access
-                    if (this.appId) {
+                // Get organization URL and load local menu items
+                // If the user has not set an organization URL, they can configure it in the Portal profile page
+                this.loadOrganizationUrlAndLinks();
+                // // If the user has set an app ID, check if they have permission to access
+                if (this.appId) {
+                    this.getAppList(_token).then(res => {
+                        this.appList = res;
                         // Retrieve the list of buttons that are configured to set the app ID
                         const appIdList = this.appId.replace(/'/g, '').split(',');
                         // Remote appID list parsed from object
@@ -75,7 +72,7 @@ export class DashButtonComponent {
                             const appErrorModal = this.el.shadowRoot.querySelector('#appPermissionErrorModal');
                             appErrorModal.style.display = "block";
                             // If a redirect URL is provided, show the loading spinner
-                            if (this.portalUrl && this.showUnauthorizedModal) {
+                            if (this.config.defaultLink.url && this.showUnauthorizedModal) {
                                 var countdownNumberEl = this.el.shadowRoot.getElementById('countdown-number');
                                 var countdown = 6;
                                 countdownNumberEl.textContent = countdown.toString();
@@ -85,7 +82,7 @@ export class DashButtonComponent {
                                     // Once the countdown finishes, redirect to the provided URL
                                     if (countdown == 1) {
                                         // appErrorModal.style.display = "none";
-                                        window.location.replace(this.portalUrl.toString());
+                                        window.location.replace(this.config.defaultLink.url.toString());
                                     }
                                 }, 1000);
                             }
@@ -95,21 +92,8 @@ export class DashButtonComponent {
                             // Update local storage app permission
                             localStorage.setItem("ZDZW_app_permission", JSON.stringify(true));
                         }
-                    }
-                });
-                // Set modules menu links 
-                this.getOtherMenuLinks(_token).then(res => {
-                    if (res.links) {
-                        this.menuLinkList = res.links;
-                    }
-                });
-                // Set main menu links 
-                this.getMainMenuLinks(_token).then(res => {
-                    if (res.menuLinks) {
-                        this.mainMenuLinkList = res.menuLinks;
-                        console.log(this.mainMenuLinkList);
-                    }
-                });
+                    });
+                }
             }
         });
     }
@@ -125,7 +109,7 @@ export class DashButtonComponent {
                 this.isAuth = true;
                 localStorage.setItem("keycloak", JSON.stringify(this.keycloak));
                 // document.cookie = "DASH_BTN=" + JSON.parse(localStorage.getItem('keycloak')).token;
-                document.cookie = "ZDZW_cookie=" + JSON.parse(localStorage.getItem('keycloak')).token;
+                document.cookie = this.config.cookieName + "=" + JSON.parse(localStorage.getItem('keycloak')).token;
                 // Set userName
                 this.givenUserName = JSON.parse(localStorage.getItem('keycloak')).idTokenParsed.preferred_username;
                 // Set user avatar
@@ -133,13 +117,34 @@ export class DashButtonComponent {
             }
         });
     }
+    async loadOrganizationUrlAndLinks() {
+        var _a, _b, _c;
+        // Read org URL safely
+        try {
+            const kc = JSON.parse(localStorage.getItem("keycloak") || "{}");
+            this.organizationUrl = ((_a = kc === null || kc === void 0 ? void 0 : kc.idTokenParsed) === null || _a === void 0 ? void 0 : _a.organizationUrl) || null;
+        }
+        catch (_d) {
+            this.organizationUrl = null;
+        }
+        // If no organization, do nothing
+        if (!this.organizationUrl)
+            return;
+        // If config or menu not ready, skip
+        if (!((_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.menu) === null || _c === void 0 ? void 0 : _c.local))
+            return;
+        // Only load when custom menu is NOT enabled
+        if (!this.config.menu.local.enableCustomLocalMenu) {
+            try {
+                this.localMenuLinks = await menuService.getMenuLinks(this.organizationUrl);
+            }
+            catch (e) {
+                console.error("Failed to load local menu", e);
+                this.localMenuLinks = [];
+            }
+        }
+    }
     async getAppList(token) {
-        // const token = await JSON.parse(localStorage.getItem('keycloak')).token;
-        // const response = await fetch(this.marketplaceUrl + '/api/v1/product/nameAndShortName', {
-        //   headers: new Headers({
-        //     'Authorization': 'Bearer ' + token,
-        //   }),
-        // })
         const response = await fetch(this.plmUrl + '/api/v1/product/nameAndShortNameOrg', {
             headers: new Headers({
                 'Authorization': 'Bearer ' + token,
@@ -148,31 +153,13 @@ export class DashButtonComponent {
         const jsonObj = await response.json();
         return jsonObj;
     }
-    async getOtherMenuLinks(token) {
-        const response = await fetch(this.portalApiUrl + '/developer/dashbutton-link/' + this.otherLinkType, {
-            headers: new Headers({
-                'Authorization': 'Bearer ' + token,
-            }),
-        });
-        const jsonObj = await response.json();
-        return jsonObj;
-    }
-    async getMainMenuLinks(token) {
-        const response = await fetch(this.portalApiUrl + '/developer/dashbutton-menu-link', {
-            headers: new Headers({
-                'Authorization': 'Bearer ' + token,
-            }),
-        });
-        const jsonObj = await response.json();
-        return jsonObj;
-    }
     login() {
         this.keycloak.login();
     }
     logout() {
         localStorage.removeItem("keycloak");
         // document.cookie = "DASH_BTN=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
-        document.cookie = "ZDZW_cookie=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+        document.cookie = this.config.cookieName + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
         this.keycloak.logout();
     }
     showModal() {
@@ -184,38 +171,39 @@ export class DashButtonComponent {
         appModal.style.display = "none";
     }
     render() {
-        return h("div", { key: '619100a6f6cf1ae3829507efbea54aa86ed508ec' }, h("div", { key: 'bf72decdac0ac3076d27ac1446ac3e10d560a0a3' }, (() => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+        return h("div", { key: '47c985a3b39d98bf3b6b37f850515a9bbdff9e0c' }, h("div", { key: '5883dea8b8cf39af20811a4bd14572e7dddab18e' }, (() => {
+            // GLOBAL LOADING SPINNER
+            if (this.isLoading) {
+                return (h("a", { id: "login-btn", class: "button button-link" }, h("div", { class: "lds-ring" }, h("div", null), h("div", null), h("div", null), h("div", null))));
+            }
             if (this.isAuth && this.showPostLoginText) {
-                // User set post-text-delay-duration for displaying loading spinner
-                if (this.showPostLoginLoadingSpinner) {
-                    return (h("a", { id: "login-btn", class: "button button-link" }, h("div", { class: "lds-ring" }, h("div", null), h("div", null), h("div", null), h("div", null))));
-                }
-                else {
-                    return (h("a", { style: { background: this.primaryColor != undefined ? this.primaryColor : "" }, href: this.redirectUri, id: "login-btn", class: "button button-link" }, h("span", { style: { color: this.accentColor != undefined ? this.accentColor : "" }, class: "button-text button-text-full-width" }, "Go to Dashboard")));
-                }
+                return (h("a", { style: { background: this.primaryColor != undefined ? this.primaryColor : "" }, href: this.redirectUri, id: "login-btn", class: "button button-link" }, h("span", { style: { color: this.accentColor != undefined ? this.accentColor : "" }, class: "button-text button-text-full-width" }, "Go to Dashboard")));
             }
             else if (this.isAuth) {
                 return (h("div", { id: "profile-btn", class: "dropdown" }, h("button", { style: { background: this.primaryColor != undefined ? this.primaryColor : "" }, type: "button", class: "button" }, h("span", { class: "button-profile" }, JSON.parse(localStorage.getItem('keycloak')).idTokenParsed.imageUrl ?
                     h("img", { class: "profile-image", src: "https://s-damith.github.io/test-avatar/images/e24da9c5-0b1f-46fa-82cd-7c711c77b5c7.png" })
                     :
-                        h("div", { innerHTML: this.avatarSvg })), h("span", { style: { color: this.accentColor != undefined ? this.accentColor : "" }, id: "given-name", class: "button-text" }, this.givenUserName), h("div", { class: "button-icon" }, (this.menuViewType == "grid") ? h("i", { class: "fa-solid fa-grip-vertical" }) : h("i", { class: "fa-solid fa-bars" }))), h("div", { class: "dropdown-content" }, h("div", { class: "dropdown-user-profile" }, h("div", { class: "username" }, "@", this.givenUserName), h("div", { class: "first-last-name" }, JSON.parse(localStorage.getItem('keycloak')).idTokenParsed.name)), (this.menuViewType == "grid") ? (h("div", null, h("div", { class: "grid-view-menu" }, this.mainMenuLinkList.map(link => {
-                    return (h("a", { href: link.url, target: '_blank', class: "grid-view-link" }, h("i", { class: link.icon + " fa-2x" }), h("div", { class: "grid-view-link-text" }, link.name)));
-                })), this.mainMenuLinkList.length != 0 && h("hr", { class: "solid" }), h("div", { class: "grid-view-menu", style: this.mainMenuLinkList.length == 0 && { "margin-bottom": "12px" } }, h("a", { onClick: this.showModal.bind(this), class: "grid-view-link" }, h("i", { class: "fa-regular fa-window-restore fa-2x" }), h("div", { class: "grid-view-link-text" }, "Modules")), h("a", { href: this.portalUrl, target: '_blank', class: "grid-view-link" }, h("i", { class: "fa-solid fa-globe fa-2x" }), h("div", { class: "grid-view-link-text" }, "Portal")), h("a", { onClick: this.logout.bind(this), class: "grid-view-link" }, h("i", { class: "fa-solid fa-right-from-bracket fa-2x" }), h("div", { class: "grid-view-link-text" }, "Logout"))))) : (
+                        h("div", { innerHTML: this.avatarSvg })), h("span", { style: { color: this.accentColor != undefined ? this.accentColor : "" }, id: "given-name", class: "button-text" }, this.givenUserName), h("div", { class: "button-icon" }, (this.config.menuViewType == "grid") ? h("i", { class: "fa-solid fa-grip-vertical" }) : h("i", { class: "fa-solid fa-bars" }))), h("div", { class: "dropdown-content" }, h("div", { class: "dropdown-user-profile" }, h("div", { class: "username" }, "@", this.givenUserName), h("div", { class: "first-last-name" }, JSON.parse(localStorage.getItem('keycloak')).idTokenParsed.name)), (this.config.menuViewType == "grid") ? (h("div", null, h("div", { class: "grid-view-menu" }, this.config.menu.global.links.map(item => {
+                    return (h("a", { href: item.url, target: '_blank', class: "grid-view-link" }, h("i", { class: item.icon + " fa-2x" }), h("div", { class: "grid-view-link-text" }, item.name)));
+                })), this.config.menu.global.links.length != 0 && h("hr", { class: "solid" }), h("div", { class: "grid-view-menu", style: this.config.menu.global.links.length == 0 && { "margin-bottom": "12px" } }, h("a", { onClick: this.showModal.bind(this), class: "grid-view-link" }, h("i", { class: "fa-regular fa-window-restore fa-2x" }), h("div", { class: "grid-view-link-text" }, "Modules")), h("a", { href: this.config.defaultLink.url, target: '_blank', class: "grid-view-link" }, h("i", { class: "fa-solid fa-globe fa-2x" }), h("div", { class: "grid-view-link-text" }, this.config.defaultLink.name)), h("a", { onClick: this.logout.bind(this), class: "grid-view-link" }, h("i", { class: "fa-solid fa-right-from-bracket fa-2x" }), h("div", { class: "grid-view-link-text" }, "Logout"))))) : (
                 // List View
-                h("div", { class: "dropdown-content-link" }, this.mainMenuLinkList.map(link => {
-                    return (h("a", { href: link.url, target: '_blank', id: "applications-btn" }, h("i", { class: link.icon + " menu-bar-icons" }), link.name));
-                }), h("a", { onClick: this.showModal.bind(this), id: "applications-btn" }, h("i", { class: "fa-regular fa-window-restore menu-bar-icons" }), "Modules"), h("a", { href: this.portalUrl, target: '_blank', id: "applications-btn" }, h("i", { class: "fa-solid fa-globe menu-bar-icons" }), "Portal"), h("a", { onClick: this.logout.bind(this), id: "logout-btn" }, h("i", { class: "fa-solid fa-right-from-bracket menu-bar-icons" }), "Logout"))))));
+                h("div", { class: "dropdown-content-link" }, this.config.menu.global.links.map(item => {
+                    return (h("a", { href: item.url, target: '_blank', id: "applications-btn" }, h("i", { class: item.icon + " menu-bar-icons" }), item.name));
+                }), h("a", { onClick: this.showModal.bind(this), id: "applications-btn" }, h("i", { class: "fa-regular fa-window-restore menu-bar-icons" }), "Modules"), h("a", { href: this.config.defaultLink.url, target: '_blank', id: "applications-btn" }, h("i", { class: "fa-solid fa-globe menu-bar-icons" }), this.config.defaultLink.name), h("a", { onClick: this.logout.bind(this), id: "logout-btn" }, h("i", { class: "fa-solid fa-right-from-bracket menu-bar-icons" }), "Logout"))))));
             }
             else {
                 return (h("button", { style: { background: this.primaryColor != undefined ? this.primaryColor : "" }, onClick: this.login.bind(this), id: "login-btn", type: "button", class: "button" }, h("span", { style: { color: this.accentColor != undefined ? this.accentColor : "" }, class: "button-text" }, "Login")));
             }
-        })()), h("div", { key: '1ad6675f4e190df28410c54f7ad9f097578e0403', id: "appListModal", class: "modal" }, h("div", { key: '655f51c1d18372eca86610750d1ac3c8e1eeeefa', class: "modal-content" }, h("span", { key: 'bb850ddc02afdbbc04b5fbc6258d6ab2b1e92bfb', onClick: this.closeModal.bind(this), class: "close" }, "\u00D7"), h("div", { key: '4fdec67f888e554e1c8a3328ae2b55fb1a0fea4d', class: "box" }, (!this.disableApplicationTab) && h("input", { type: "radio", class: "tab-toggle", name: "tab-toggle", id: "tab1", checked: true }), (this.menuLinkList.length != 0) && h("input", { type: "radio", class: "tab-toggle", name: "tab-toggle", id: "tab2", checked: this.disableApplicationTab }), h("ul", { key: '21672daeb7990cdde24b76d83ac9773ec5768d62', class: "tab-list" }, (!this.disableApplicationTab) && h("li", { class: "tab-item" }, h("label", { class: "tab-trigger", htmlFor: "tab1" }, h("i", { class: "fa-solid fa-table-list menu-bar-icons" }), " ", this.applicationDisplayName)), (this.menuLinkList.length != 0) && h("li", { class: "tab-item" }, h("label", { class: "tab-trigger", htmlFor: "tab2" }, h("i", { class: "fa-solid fa-link menu-bar-icons" }), " ", this.otherLinkDisplayName))), h("div", { key: '2389a509c10333a49542f96a51298d74f48fd335', class: "tab-container" }, (!this.disableApplicationTab) && h("div", { class: "tab-content" }, h("div", { class: "modal-body" }, this.dummyAppList.length > 0 ?
-            this.dummyAppList.map((app) => {
-                return (h("a", { class: "external-app-link", target: '_blank', href: "https://" + app }, h("div", { class: "modal-app" }, h("div", null, app))));
-            })
-            : h("div", null, h("h3", { class: "gray-text" }, "Not installed ", this.applicationDisplayName, " found."), " ", h("p", { class: "gray-text" }, "Please contact administration.")))), h("div", { key: '0c34b397a1b7952679527fb5ae5bc967743252a0', class: "tab-content" }, h("div", { key: '210aa1739b878d16df60291f4eb7ca0a808a494a', class: "modal-body" }, this.menuLinkList.map(link => {
-            return (h("a", { class: "external-app-link", target: '_blank', href: link.url }, h("div", { class: "modal-app" }, h("div", null, link.name))));
-        }))))))), h("div", { key: '93a3c782d5a90a34c27fa280cdb75c594f9f10d5', id: "appPermissionErrorModal", class: "modal" }, h("div", { key: '204827d3a245e151c8a44d17e4fd8f27ded093ec', class: "modal-content" }, h("img", { key: 'dab399a81fda82913f9b533d08d72487fcb11142', src: "data:image/png;base64,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" }), h("h2", { key: '29581396273520d157b9b6428c8ba13e91814919', class: "green-text margin-b" }, "You don't have permission to access this application."), h("h3", { key: '373ec99e8a0f63ddb2c1d2cb924b21cb99202099', class: "green-text" }, "Please contact the administration."), (this.portalUrl && this.showUnauthorizedModal) ?
+        })()), h("div", { key: '2aeddc5c6f93134dc5058235d2e864763d3a3982', id: "appListModal", class: "modal" }, h("div", { key: 'e86b765ebd47c50ba712ea09f81e74e6c802f318', class: "modal-content" }, h("span", { key: 'ccc7f8731fb9ba49252a0fce2851772c71a44789', onClick: this.closeModal.bind(this), class: "close" }, "\u00D7"), h("div", { key: '648667998eca09d5b0464c63d1af301f35e1d9ba', class: "box" }, h("input", { type: "radio", class: "tab-toggle", name: "tab-toggle", id: "tab1", checked: true }), h("ul", { key: '907ed1361b1d6d1003ca199e9e8a3fc6c08ec500', class: "tab-list" }, h("li", { class: "tab-item" }, h("label", { class: "tab-trigger", htmlFor: "tab1" }, h("i", { class: "fa-solid fa-table-list menu-bar-icons" }), " ", this.config.menu.local.name))), h("div", { key: '3942bc1c642481d57d82a3f4f73b52033a8212d3', class: "tab-container" }, h("div", { key: '01e28aae99763cd0709cd3578ee940f82f989ac9', class: "tab-content" }, h("div", { key: '71976588232415b57b982b108c85c145ac213dd8', class: "modal-body" }, !((_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.menu) === null || _b === void 0 ? void 0 : _b.local) === null || _c === void 0 ? void 0 : _c.enableCustomLocalMenu) ? (
+        // <div>{this.localMenuLinks}</div>
+        (_d = this.localMenuLinks) === null || _d === void 0 ? void 0 : _d.map((app, index) => {
+            const isDisabled = !app.url;
+            return (h("a", { key: index, class: "external-app-link", href: isDisabled ? undefined : app.url, target: isDisabled ? undefined : "_blank", rel: isDisabled ? undefined : "noopener noreferrer", onClick: isDisabled ? (e) => e.preventDefault() : undefined }, h("div", { class: "modal-app" }, h("div", null, app.name))));
+        })) : ((_e = this.config.menu.local.links) === null || _e === void 0 ? void 0 : _e.map((app, index) => (h("a", { key: index, class: "external-app-link", target: "_blank", rel: "noopener noreferrer", href: app.url }, h("div", { class: "modal-app" }, h("div", null, app.name)))))), !this.organizationUrl ? (h("div", null, h("h3", { class: "gray-text" }, "Organization URL not set"), h("p", { class: "gray-text" }, "Please set your organization URL on the Portal profile page."))) : (((!((_h = (_g = (_f = this.config) === null || _f === void 0 ? void 0 : _f.menu) === null || _g === void 0 ? void 0 : _g.local) === null || _h === void 0 ? void 0 : _h.enableCustomLocalMenu) &&
+            ((_k = (_j = this.localMenuLinks) === null || _j === void 0 ? void 0 : _j.length) !== null && _k !== void 0 ? _k : 0) === 0) ||
+            (((_o = (_m = (_l = this.config) === null || _l === void 0 ? void 0 : _l.menu) === null || _m === void 0 ? void 0 : _m.local) === null || _o === void 0 ? void 0 : _o.enableCustomLocalMenu) &&
+                ((_t = (_s = (_r = (_q = (_p = this.config) === null || _p === void 0 ? void 0 : _p.menu) === null || _q === void 0 ? void 0 : _q.local) === null || _r === void 0 ? void 0 : _r.links) === null || _s === void 0 ? void 0 : _s.length) !== null && _t !== void 0 ? _t : 0) === 0)) && (h("div", null, h("h3", { class: "gray-text" }, "No installed ", ((_w = (_v = (_u = this.config) === null || _u === void 0 ? void 0 : _u.menu) === null || _v === void 0 ? void 0 : _v.local) === null || _w === void 0 ? void 0 : _w.name) || "menu", " found."), h("p", { class: "gray-text" }, "Please contact administration.")))))))))), h("div", { key: 'd92e06993fd3f248a89b0c1ef1b6f4b6cb6585e6', id: "appPermissionErrorModal", class: "modal" }, h("div", { key: '5b88b5d179bb84034927a3bb2907151d216410b6', class: "modal-content" }, h("img", { key: 'cf030ce09d59fd82acc708f606d9cc613db5fd6c', src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGD0lEQVR4nO2cbU8TWRTH/W5WEAmF4nNiieFFoeBjYhQUWzUWYkpbDfGFCR9CoolvQF9aWgG3kMCG8LACC1ikuCuUh7bH/M/MmW131S2ZqTDjPcmkdub2tvPj3HP/55yJR44oU6ZMmTJlyg7YOsL9pI7+shkogGFzDqMAhhVAOsiQozwwrACS8sCwfXd+tYTDCiApDwwf/FJUSzisAJKjNhFlPzYF0KQpgCZNATRpCqBJUwBNmgJo0hRAk6YAmjQF0KkAs4uLtPz8OU2HQpRqaaFkQwPFq6v5SHo8fA7XVgYGKLu0dGC/81ABLORylB4cpInLl+nt0aP7OiauXKH00BAV8vlfE2AmkaCxpiYDSKK6mqaammjx+nX6FAzS348e0VYkwgf+jXO4Nun18lj53PuLF2kjmfx1AOa3t2mmt9cAkDxxghauXaPN3l7KxmJlHRgLmKNutzHPTCTCczsa4G4mQ6nWVr7h4WPHaL6trQTc+r17NOf30/iZMzTmdtNwVRWPA2Scm/H56FMgQNlolMfDO/9ob+cxmDPl99PuxoYzAe5mMrzcxOvWAALgolFauXmTxurry45/gPvnjRsG+LW7d3lOWdKVhHggAPPb24bnvW9ooL96evjGP4dC9NvJkwaY0fPnaa6vjzLJJG19+ED5bJY/u5NOUyYep/lnz2jk3Ll/4p/Hw/B4ru5unls8Mb+z4xyAM3rMg5cIvHRXFyVqavg8oKy+elXWjooxqy9f0luXy5gTm4xAFE+cjcWcATCTSGgxr6rKWLaAF9fj1u+BAOW2tsqeL7+7S5OdnRq8mhpaf/CA5xSI8EiJiRsjI/YGWMjlDKmCDUOWrXje3NOnRIWCaXh45biqL+f59nYjHlqtE38qwPTgoLHMeLeNRo2YB8+zEp7ExK1olI+Rujo+t/b6tX0BTugZBnQebha7rcQ8K5Ytw9O9WWKi7M7QiZKx2BJgdnHRyDDE+0SqYMOwEt7k7dvaxqJLHHwXvpMzFpeLtpeX7QdwZWCAbwjpmYhkkSrlxqVy4WEc4q1IHBbbsRhNXrjA71devLAfwOlQiH88lhJuBhkGbxx9fZbDE4NO5LTO5+OxCB14P93dbT+AKZ9P84ZgkG8GqRjeQ9ZUAh4MYhvXxs+e5fHwRBbWra32A5j0ePjHf9H1mST+2YWFisCDba+u8vV3tbWGNuT3jY32AxjXS06QFLgZKUH9aPct7O3RVFfXf+BlHj6kZG2tBq+j47tpGs5LoYKrNpGI9v74cfsDHNazg+/dvFl4sNzmprHz2x5g8l9LWMTuzsePli7bYkMBgqVMfb39l3CqpeXbm0g8XhF439xEgkGjOmN7GTOjA4XU2Be8zs6y4MFmnzzRpJLfXypjenrsK6Qnvd4SSQGxCyFtNbxiIb1+/74mpL1e+wrp7NISp1ElqZwuZZB2WQkPZqRyevz7Eg5zCc22qVxxMUGWMRL94sTfKnjYfd+dPq15261bpcWEq1fJvuWsoSEt/3W7tRZlNMolJylxWQEPJTGRP6lTpwz5YpSz3ryxcUE1nzcaSeieFTeArIKH3Fq8GSX9koJqc7O9C6owNL0lO5CKsZTfzS7bqTt3+LPxornxKu2Cz6Oj5IymUkTLCOB54iWAKOIaMRE7JXbS/zOMwYYhMQ9/gOLOnPxBZh8/dlhb06+Vs9B6FIi4cYmJInGgEyGIkbHgc8idkWHgHHRecVsTMU/mwuuY3tYcv3TJWW1NGJrdJY113WtkdxaJU84BqSK7rRFXdc/Dd+w5rbFeDHG8rc2IiQj2UmwQsY1iKFIxlKSg46AjARfnkGGISOZHO6JRnkNiHjzPsY92iGFZoultLNu6OtZs+3m4CCIZnxGpIjGvUsv2UAEUQ9NblrSUoNDDQP4KT+TH2/QWJT/eFgjwNaRnnGHI4x3NzRXZbQ89QBg0GsQ2Wo+SnZR1uFycYbBI3kdv2XEAiw35KqQMGkDoYaCeaDzi29jIuziuYYyVua1jANrFFECTpgCaNAXQpCmAJk0BNGkKoElTACsNUB39ZTFQAMMW/78xypQpU6ZMmbIjP9e+AkAlsBlIjsPOAAAAAElFTkSuQmCC" }), h("h2", { key: '6c0109541762219e6af691265d9b502550ee2f9a', class: "green-text margin-b" }, "You don't have permission to access this application."), h("h3", { key: 'af8800140450e7811bf741ea1280b924ff748593', class: "green-text" }, "Please contact the administration."), (this.config.defaultLink.url && this.showUnauthorizedModal) ?
             h("div", null, h("h4", { class: "gray-text" }, "You will be automatically redirected to the portal."), h("div", { id: "countdown" }, h("div", { id: "countdown-number" }), h("svg", null, h("circle", { r: "18", cx: "20", cy: "20" }))))
             : h("div", null))));
     }
@@ -304,60 +292,6 @@ export class DashButtonComponent {
                 "reflect": false,
                 "defaultValue": "\"check-sso\""
             },
-            "keycloakUri": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "keycloak-uri",
-                "reflect": false,
-                "defaultValue": "\"http://localhost:8080\""
-            },
-            "realm": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "realm",
-                "reflect": false,
-                "defaultValue": "\"\""
-            },
-            "clientId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "client-id",
-                "reflect": false,
-                "defaultValue": "\"\""
-            },
             "appId": {
                 "type": "string",
                 "mutable": false,
@@ -376,24 +310,6 @@ export class DashButtonComponent {
                 "reflect": false,
                 "defaultValue": "\"\""
             },
-            "portalUrl": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "portal-url",
-                "reflect": false,
-                "defaultValue": "\"\""
-            },
             "portalApiUrl": {
                 "type": "string",
                 "mutable": false,
@@ -430,24 +346,6 @@ export class DashButtonComponent {
                 "reflect": false,
                 "defaultValue": "\"https://productlicensemanager-zdzw.cloud.zdzw-project.com\""
             },
-            "usageTrackingUrl": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "usage-tracking-url",
-                "reflect": false,
-                "defaultValue": "\"https://usage-tracking-ui-zdzw.cloud.zdzw-project.com\""
-            },
             "showUnauthorizedModal": {
                 "type": "boolean",
                 "mutable": false,
@@ -466,23 +364,6 @@ export class DashButtonComponent {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "postTextDelayDuration": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "post-text-delay-duration",
-                "reflect": false
-            },
             "primaryColor": {
                 "type": "string",
                 "mutable": false,
@@ -518,95 +399,6 @@ export class DashButtonComponent {
                 "attribute": "accent-color",
                 "reflect": false,
                 "defaultValue": "\"\""
-            },
-            "otherLinkType": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "other-link-type",
-                "reflect": false
-            },
-            "otherLinkDisplayName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "other-link-display-name",
-                "reflect": false,
-                "defaultValue": "\"More links\""
-            },
-            "applicationDisplayName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "application-display-name",
-                "reflect": false,
-                "defaultValue": "\"Applications\""
-            },
-            "disableApplicationTab": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "disable-application-tab",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "menuViewType": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "menu-view-type",
-                "reflect": false,
-                "defaultValue": "\"grid\""
             }
         };
     }
@@ -617,11 +409,11 @@ export class DashButtonComponent {
             "givenUserName": {},
             "silentCheckSsoRedirectUri": {},
             "appList": {},
-            "menuLinkList": {},
-            "mainMenuLinkList": {},
-            "showPostLoginLoadingSpinner": {},
             "avatarSvg": {},
-            "dummyAppList": {}
+            "isLoading": {},
+            "config": {},
+            "localMenuLinks": {},
+            "organizationUrl": {}
         };
     }
     static get elementRef() { return "el"; }