@memberjunction/ng-explorer-core 2.128.0 → 2.129.0

package/dist/lib/shell/components/dialogs/app-access-dialog.component.js

@@ -0,0 +1,371 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+function AppAccessDialogComponent_div_0_p_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 11);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.helpMessage);
+} }
+function AppAccessDialogComponent_div_0_button_10_i_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 15);
+} }
+function AppAccessDialogComponent_div_0_button_10_span_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.primaryActionText);
+} }
+function AppAccessDialogComponent_div_0_button_10_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "Processing...");
+    i0.ɵɵelementEnd();
+} }
+function AppAccessDialogComponent_div_0_button_10_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 12);
+    i0.ɵɵlistener("click", function AppAccessDialogComponent_div_0_button_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onPrimaryAction()); });
+    i0.ɵɵtemplate(1, AppAccessDialogComponent_div_0_button_10_i_1_Template, 1, 0, "i", 13)(2, AppAccessDialogComponent_div_0_button_10_span_2_Template, 2, 1, "span", 14)(3, AppAccessDialogComponent_div_0_button_10_span_3_Template, 2, 0, "span", 14);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", ctx_r1.isProcessing);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.isProcessing);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.isProcessing);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.isProcessing);
+} }
+function AppAccessDialogComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵlistener("click", function AppAccessDialogComponent_div_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDismiss()); });
+    i0.ɵɵelementStart(1, "div", 2);
+    i0.ɵɵlistener("click", function AppAccessDialogComponent_div_0_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 3);
+    i0.ɵɵelement(3, "i", 4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "h2", 5);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p", 6);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(8, AppAccessDialogComponent_div_0_p_8_Template, 2, 1, "p", 7);
+    i0.ɵɵelementStart(9, "div", 8);
+    i0.ɵɵtemplate(10, AppAccessDialogComponent_div_0_button_10_Template, 4, 4, "button", 9);
+    i0.ɵɵelementStart(11, "button", 10);
+    i0.ɵɵlistener("click", function AppAccessDialogComponent_div_0_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDismiss()); });
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("color", ctx_r1.iconColor);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.icon);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.title);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.message);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.helpMessage);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r1.showPrimaryAction);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("secondary", ctx_r1.showPrimaryAction);
+    i0.ɵɵproperty("disabled", ctx_r1.isProcessing);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.dismissButtonText, " ");
+} }
+/**
+ * Dialog component for handling app access errors.
+ * Shows appropriate messages and actions based on the type of access issue.
+ * Features auto-dismiss with countdown timer for certain dialog types.
+ */
+export class AppAccessDialogComponent {
+    cdr;
+    visible = false;
+    visibleChange = new EventEmitter();
+    result = new EventEmitter();
+    config = null;
+    isProcessing = false;
+    // Auto-dismiss countdown
+    countdownInterval = null;
+    countdownSeconds = 0;
+    AUTO_DISMISS_SECONDS = 5;
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    /**
+     * Show the dialog with the specified configuration
+     */
+    show(config) {
+        this.config = config;
+        this.visible = true;
+        this.isProcessing = false;
+        this.visibleChange.emit(true);
+        // Start countdown for types that auto-dismiss
+        if (this.shouldAutoDismiss()) {
+            this.startCountdown();
+        }
+        this.cdr.detectChanges();
+    }
+    /**
+     * Hide the dialog
+     */
+    hide() {
+        this.stopCountdown();
+        this.visible = false;
+        this.visibleChange.emit(false);
+        this.cdr.detectChanges();
+    }
+    ngOnDestroy() {
+        this.stopCountdown();
+    }
+    /**
+     * Get the dialog title based on type
+     */
+    get title() {
+        if (!this.config)
+            return '';
+        switch (this.config.type) {
+            case 'not_installed':
+                return 'Install Application?';
+            case 'disabled':
+                return 'Enable Application?';
+            case 'no_access':
+                return 'Access Denied';
+            case 'not_found':
+                return 'Application Not Found';
+            case 'inactive':
+                return 'Application Unavailable';
+            case 'no_apps':
+                return 'No Applications Available';
+            case 'layout_error':
+                return 'Display Error';
+            default:
+                return 'Application Error';
+        }
+    }
+    /**
+     * Get the dialog icon based on type
+     */
+    get icon() {
+        if (!this.config)
+            return 'fa-circle-info';
+        switch (this.config.type) {
+            case 'not_installed':
+            case 'disabled':
+                return 'fa-circle-question';
+            case 'no_access':
+                return 'fa-lock';
+            case 'not_found':
+                return 'fa-circle-xmark';
+            case 'inactive':
+                return 'fa-circle-pause';
+            case 'no_apps':
+                return 'fa-folder-open';
+            case 'layout_error':
+                return 'fa-triangle-exclamation';
+            default:
+                return 'fa-circle-info';
+        }
+    }
+    /**
+     * Get the dialog icon color based on type
+     */
+    get iconColor() {
+        if (!this.config)
+            return '#666';
+        switch (this.config.type) {
+            case 'not_installed':
+            case 'disabled':
+                return '#2196F3'; // Blue for actionable
+            case 'no_access':
+            case 'inactive':
+                return '#FF9800'; // Orange for warning
+            case 'not_found':
+            case 'layout_error':
+                return '#F44336'; // Red for error
+            case 'no_apps':
+                return '#9E9E9E'; // Gray for info
+            default:
+                return '#666';
+        }
+    }
+    /**
+     * Get the main message based on type
+     */
+    get message() {
+        if (!this.config)
+            return '';
+        const appName = this.config.appName || 'this application';
+        switch (this.config.type) {
+            case 'not_installed':
+                return `You don't have "${appName}" installed yet. Would you like to add it to your applications?`;
+            case 'disabled':
+                return `You have disabled "${appName}" in your app configuration. Would you like to enable it?`;
+            case 'no_access':
+                return `You don't have permission to access "${appName}".`;
+            case 'not_found':
+                return `The application "${appName}" doesn't exist in this system.`;
+            case 'inactive':
+                return `The application "${appName}" is currently inactive and unavailable.`;
+            case 'no_apps':
+                return `You don't have any applications configured. Your system administrator needs to set up your application access.`;
+            case 'layout_error':
+                return `There was an error displaying the application interface. The system will redirect you to an available application.`;
+            default:
+                return 'An error occurred while loading the application.';
+        }
+    }
+    /**
+     * Get the secondary/help message based on type
+     */
+    get helpMessage() {
+        if (!this.config)
+            return '';
+        switch (this.config.type) {
+            case 'not_installed':
+            case 'disabled':
+                return '';
+            case 'no_access':
+            case 'not_found':
+            case 'inactive':
+                return 'If you believe this is an error, please contact your system administrator.';
+            case 'no_apps':
+                return 'Please contact your system administrator to configure your application access.';
+            case 'layout_error':
+                return 'If this error persists, try clearing your browser cache or contact your system administrator.';
+            default:
+                return '';
+        }
+    }
+    /**
+     * Check if the primary action button should be shown
+     */
+    get showPrimaryAction() {
+        if (!this.config)
+            return false;
+        return this.config.type === 'not_installed' || this.config.type === 'disabled';
+    }
+    /**
+     * Get the primary action button text
+     */
+    get primaryActionText() {
+        if (!this.config)
+            return '';
+        switch (this.config.type) {
+            case 'not_installed':
+                return 'Install';
+            case 'disabled':
+                return 'Enable';
+            default:
+                return 'OK';
+        }
+    }
+    /**
+     * Get the secondary/dismiss button text with countdown if applicable
+     * For actionable dialogs (install/enable), show "Cancel"
+     * For non-actionable dialogs (errors), show "OK" with countdown
+     */
+    get dismissButtonText() {
+        // For actionable dialogs, use "Cancel"
+        if (this.showPrimaryAction) {
+            return 'Cancel';
+        }
+        // For non-actionable dialogs, show countdown if active
+        if (this.countdownSeconds > 0) {
+            return `OK (${this.countdownSeconds})`;
+        }
+        return 'OK';
+    }
+    /**
+     * Check if this dialog type should auto-dismiss
+     */
+    shouldAutoDismiss() {
+        if (!this.config)
+            return false;
+        return ['no_access', 'not_found', 'inactive', 'layout_error'].includes(this.config.type);
+    }
+    /**
+     * Start the countdown timer for auto-dismiss
+     */
+    startCountdown() {
+        this.stopCountdown();
+        this.countdownSeconds = this.AUTO_DISMISS_SECONDS;
+        this.countdownInterval = setInterval(() => {
+            this.countdownSeconds--;
+            this.cdr.detectChanges();
+            if (this.countdownSeconds <= 0) {
+                this.onDismiss();
+            }
+        }, 1000);
+    }
+    /**
+     * Stop the countdown timer
+     */
+    stopCountdown() {
+        if (this.countdownInterval) {
+            clearInterval(this.countdownInterval);
+            this.countdownInterval = null;
+        }
+        this.countdownSeconds = 0;
+    }
+    /**
+     * Handle primary action (install/enable)
+     */
+    async onPrimaryAction() {
+        if (!this.config)
+            return;
+        this.isProcessing = true;
+        this.cdr.detectChanges();
+        const action = this.config.type === 'not_installed' ? 'install' : 'enable';
+        this.result.emit({
+            action,
+            appId: this.config.appId
+        });
+        // Don't hide yet - let the parent component handle the result and close when ready
+    }
+    /**
+     * Handle dismiss/redirect action
+     */
+    onDismiss() {
+        this.stopCountdown();
+        this.result.emit({ action: 'redirect' });
+        this.hide();
+    }
+    /**
+     * Mark processing as complete (called by parent after install/enable)
+     */
+    completeProcessing() {
+        this.isProcessing = false;
+        this.hide();
+    }
+    static ɵfac = function AppAccessDialogComponent_Factory(t) { return new (t || AppAccessDialogComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AppAccessDialogComponent, selectors: [["mj-app-access-dialog"]], inputs: { visible: "visible" }, outputs: { visibleChange: "visibleChange", result: "result" }, decls: 1, vars: 1, consts: [["class", "dialog-overlay", 3, "click", 4, "ngIf"], [1, "dialog-overlay", 3, "click"], [1, "dialog-container", 3, "click"], [1, "dialog-icon"], [1, "fa-solid", 3, "ngClass"], [1, "dialog-title"], [1, "dialog-message"], ["class", "dialog-help", 4, "ngIf"], [1, "dialog-actions"], ["class", "dialog-btn primary", 3, "disabled", "click", 4, "ngIf"], [1, "dialog-btn", 3, "click", "disabled"], [1, "dialog-help"], [1, "dialog-btn", "primary", 3, "click", "disabled"], ["class", "fa-solid fa-spinner fa-spin", 4, "ngIf"], [4, "ngIf"], [1, "fa-solid", "fa-spinner", "fa-spin"]], template: function AppAccessDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, AppAccessDialogComponent_div_0_Template, 13, 11, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.visible);
+        } }, dependencies: [i1.NgClass, i1.NgIf], styles: [".dialog-overlay[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.6);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10001; \n\n  animation: _ngcontent-%COMP%_fadeIn 0.2s ease-out;\n  padding: 16px; \n\n  box-sizing: border-box;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.dialog-container[_ngcontent-%COMP%] {\n  background: white;\n  border-radius: 12px;\n  padding: 32px;\n  max-width: 420px;\n  width: 90%;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n  text-align: center;\n  animation: _ngcontent-%COMP%_slideUp 0.3s ease-out;\n}\n\n@keyframes _ngcontent-%COMP%_slideUp {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.dialog-icon[_ngcontent-%COMP%] {\n  font-size: 48px;\n  margin-bottom: 16px;\n}\n\n.dialog-title[_ngcontent-%COMP%] {\n  margin: 0 0 12px 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: #1a1a1a;\n}\n\n.dialog-message[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 14px;\n  line-height: 1.5;\n  color: #4a4a4a;\n}\n\n.dialog-help[_ngcontent-%COMP%] {\n  margin: 0 0 20px 0;\n  font-size: 12px;\n  color: #888;\n  font-style: italic;\n}\n\n.dialog-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  justify-content: center;\n  margin-top: 24px;\n}\n\n.dialog-btn[_ngcontent-%COMP%] {\n  padding: 10px 24px;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  border: none;\n  min-width: 100px;\n}\n\n.dialog-btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.dialog-btn.primary[_ngcontent-%COMP%] {\n  background: #2196F3;\n  color: white;\n}\n\n.dialog-btn.primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #1976D2;\n}\n\n.dialog-btn.primary[_ngcontent-%COMP%]:active:not(:disabled) {\n  background: #1565C0;\n}\n\n.dialog-btn.secondary[_ngcontent-%COMP%], \n.dialog-btn[_ngcontent-%COMP%]:not(.primary):not(.secondary) {\n  background: #f5f5f5;\n  color: #333;\n  border: 1px solid #ddd;\n}\n\n.dialog-btn.secondary[_ngcontent-%COMP%]:hover:not(:disabled), \n.dialog-btn[_ngcontent-%COMP%]:not(.primary):not(.secondary):hover:not(:disabled) {\n  background: #e0e0e0;\n}\n\n.dialog-btn.secondary[_ngcontent-%COMP%]:active:not(:disabled), \n.dialog-btn[_ngcontent-%COMP%]:not(.primary):not(.secondary):active:not(:disabled) {\n  background: #d0d0d0;\n}\n\n\n\n.fa-spin[_ngcontent-%COMP%] {\n  animation: _ngcontent-%COMP%_spin 1s linear infinite;\n}\n\n@keyframes _ngcontent-%COMP%_spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n\n\n@media (max-width: 768px) {\n  .dialog-container[_ngcontent-%COMP%] {\n    max-width: 380px;\n  }\n\n  .dialog-message[_ngcontent-%COMP%] {\n    font-size: 13px;\n  }\n}\n\n\n\n@media (max-width: 480px) {\n  .dialog-container[_ngcontent-%COMP%] {\n    padding: 20px;\n    margin: 0;\n    max-width: none;\n    width: 100%;\n    border-radius: 8px;\n  }\n\n  .dialog-icon[_ngcontent-%COMP%] {\n    font-size: 36px;\n    margin-bottom: 12px;\n  }\n\n  .dialog-title[_ngcontent-%COMP%] {\n    font-size: 17px;\n    margin-bottom: 10px;\n  }\n\n  .dialog-message[_ngcontent-%COMP%] {\n    font-size: 13px;\n    margin-bottom: 6px;\n  }\n\n  .dialog-help[_ngcontent-%COMP%] {\n    font-size: 11px;\n    margin-bottom: 16px;\n  }\n\n  .dialog-actions[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 10px;\n    margin-top: 20px;\n  }\n\n  .dialog-btn[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 12px 20px;\n    font-size: 15px;\n  }\n}\n\n\n\n@media (max-width: 360px) {\n  .dialog-container[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .dialog-icon[_ngcontent-%COMP%] {\n    font-size: 32px;\n  }\n\n  .dialog-title[_ngcontent-%COMP%] {\n    font-size: 16px;\n  }\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppAccessDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-app-access-dialog', template: "<div class=\"dialog-overlay\" *ngIf=\"visible\" (click)=\"onDismiss()\">\n  <div class=\"dialog-container\" (click)=\"$event.stopPropagation()\">\n    <!-- Icon -->\n    <div class=\"dialog-icon\" [style.color]=\"iconColor\">\n      <i class=\"fa-solid\" [ngClass]=\"icon\"></i>\n    </div>\n\n    <!-- Title -->\n    <h2 class=\"dialog-title\">{{ title }}</h2>\n\n    <!-- Message -->\n    <p class=\"dialog-message\">{{ message }}</p>\n\n    <!-- Help message -->\n    <p class=\"dialog-help\" *ngIf=\"helpMessage\">{{ helpMessage }}</p>\n\n    <!-- Actions -->\n    <div class=\"dialog-actions\">\n      <button\n        *ngIf=\"showPrimaryAction\"\n        class=\"dialog-btn primary\"\n        [disabled]=\"isProcessing\"\n        (click)=\"onPrimaryAction()\">\n        <i class=\"fa-solid fa-spinner fa-spin\" *ngIf=\"isProcessing\"></i>\n        <span *ngIf=\"!isProcessing\">{{ primaryActionText }}</span>\n        <span *ngIf=\"isProcessing\">Processing...</span>\n      </button>\n\n      <button\n        class=\"dialog-btn\"\n        [class.secondary]=\"showPrimaryAction\"\n        [disabled]=\"isProcessing\"\n        (click)=\"onDismiss()\">\n        {{ dismissButtonText }}\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [".dialog-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.6);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10001; /* Higher than loading screen (10000) */\n  animation: fadeIn 0.2s ease-out;\n  padding: 16px; /* Ensure padding on small screens */\n  box-sizing: border-box;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.dialog-container {\n  background: white;\n  border-radius: 12px;\n  padding: 32px;\n  max-width: 420px;\n  width: 90%;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n  text-align: center;\n  animation: slideUp 0.3s ease-out;\n}\n\n@keyframes slideUp {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.dialog-icon {\n  font-size: 48px;\n  margin-bottom: 16px;\n}\n\n.dialog-title {\n  margin: 0 0 12px 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: #1a1a1a;\n}\n\n.dialog-message {\n  margin: 0 0 8px 0;\n  font-size: 14px;\n  line-height: 1.5;\n  color: #4a4a4a;\n}\n\n.dialog-help {\n  margin: 0 0 20px 0;\n  font-size: 12px;\n  color: #888;\n  font-style: italic;\n}\n\n.dialog-actions {\n  display: flex;\n  gap: 12px;\n  justify-content: center;\n  margin-top: 24px;\n}\n\n.dialog-btn {\n  padding: 10px 24px;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  border: none;\n  min-width: 100px;\n}\n\n.dialog-btn:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.dialog-btn.primary {\n  background: #2196F3;\n  color: white;\n}\n\n.dialog-btn.primary:hover:not(:disabled) {\n  background: #1976D2;\n}\n\n.dialog-btn.primary:active:not(:disabled) {\n  background: #1565C0;\n}\n\n.dialog-btn.secondary,\n.dialog-btn:not(.primary):not(.secondary) {\n  background: #f5f5f5;\n  color: #333;\n  border: 1px solid #ddd;\n}\n\n.dialog-btn.secondary:hover:not(:disabled),\n.dialog-btn:not(.primary):not(.secondary):hover:not(:disabled) {\n  background: #e0e0e0;\n}\n\n.dialog-btn.secondary:active:not(:disabled),\n.dialog-btn:not(.primary):not(.secondary):active:not(:disabled) {\n  background: #d0d0d0;\n}\n\n/* Spinner animation */\n.fa-spin {\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* Responsive - Tablet */\n@media (max-width: 768px) {\n  .dialog-container {\n    max-width: 380px;\n  }\n\n  .dialog-message {\n    font-size: 13px;\n  }\n}\n\n/* Responsive - Mobile */\n@media (max-width: 480px) {\n  .dialog-container {\n    padding: 20px;\n    margin: 0;\n    max-width: none;\n    width: 100%;\n    border-radius: 8px;\n  }\n\n  .dialog-icon {\n    font-size: 36px;\n    margin-bottom: 12px;\n  }\n\n  .dialog-title {\n    font-size: 17px;\n    margin-bottom: 10px;\n  }\n\n  .dialog-message {\n    font-size: 13px;\n    margin-bottom: 6px;\n  }\n\n  .dialog-help {\n    font-size: 11px;\n    margin-bottom: 16px;\n  }\n\n  .dialog-actions {\n    flex-direction: column;\n    gap: 10px;\n    margin-top: 20px;\n  }\n\n  .dialog-btn {\n    width: 100%;\n    padding: 12px 20px;\n    font-size: 15px;\n  }\n}\n\n/* Very small screens */\n@media (max-width: 360px) {\n  .dialog-container {\n    padding: 16px;\n  }\n\n  .dialog-icon {\n    font-size: 32px;\n  }\n\n  .dialog-title {\n    font-size: 16px;\n  }\n}\n"] }]
+    }], () => [{ type: i0.ChangeDetectorRef }], { visible: [{
+            type: Input
+        }], visibleChange: [{
+            type: Output
+        }], result: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AppAccessDialogComponent, { className: "AppAccessDialogComponent", filePath: "src/lib/shell/components/dialogs/app-access-dialog.component.ts", lineNumber: 42 }); })();
+//# sourceMappingURL=app-access-dialog.component.js.map

package/dist/lib/shell/components/dialogs/app-access-dialog.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-access-dialog.component.js","sourceRoot":"","sources":["../../../../../src/lib/shell/components/dialogs/app-access-dialog.component.ts","../../../../../src/lib/shell/components/dialogs/app-access-dialog.component.html"],"names":[],"mappings":"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"}

package/dist/lib/shell/components/tabs/tab-container.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, OnDestroy, AfterViewInit, ElementRef, ApplicationRef, EnvironmentInjector, ChangeDetectorRef } from '@angular/core';
+import { OnInit, OnDestroy, AfterViewInit, ElementRef, ApplicationRef, EnvironmentInjector, ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { GoldenLayoutManager, WorkspaceStateManager, ApplicationManager } from '@memberjunction/ng-base-application';
 import * as i0 from "@angular/core";
 /**
@@ -20,7 +20,21 @@ export declare class TabContainerComponent implements OnInit, OnDestroy, AfterVi
     private cdr;
     glContainer: ElementRef<HTMLDivElement>;
     directContentContainer: ElementRef<HTMLDivElement>;
+    /**
+     * Emitted when the first resource component finishes loading.
+     * This allows the shell to keep showing its loading indicator until the first
+     * resource is ready, eliminating the visual gap between shell loading and resource loading.
+     */
+    firstResourceLoadComplete: EventEmitter<void>;
+    /**
+     * Emitted when Golden Layout fails to initialize after multiple retries.
+     * The shell can use this to show an error dialog and redirect.
+     */
+    layoutInitError: EventEmitter<void>;
     private subscriptions;
+    private layoutInitRetryCount;
+    private readonly MAX_LAYOUT_INIT_RETRIES;
+    private hasEmittedFirstLoadComplete;
     private layoutInitialized;
     private componentRefs;
     private cacheManager;
@@ -143,7 +157,13 @@ export declare class TabContainerComponent implements OnInit, OnDestroy, AfterVi
      * Close tabs to the right from context menu
      */
     onContextCloseToRight(): void;
+    /**
+     * While the naming implies this is only invoked once, components we DO NOT CONTROL might have race
+     * conditions that result in unpredictable behavior. To avoid those causing loading screen overaly to show
+     * forever we emit all events upstream
+     */
+    private emitFirstLoadCompleteOnce;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabContainerComponent, "mj-tab-container", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabContainerComponent, "mj-tab-container", never, {}, { "firstResourceLoadComplete": "firstResourceLoadComplete"; "layoutInitError": "layoutInitError"; }, never, never, false, never>;
 }
 //# sourceMappingURL=tab-container.component.d.ts.map

package/dist/lib/shell/components/tabs/tab-container.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-container.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/shell/components/tabs/tab-container.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EACN,SAAS,EACT,aAAa,EAEb,UAAU,EACV,cAAc,EACd,mBAAmB,EAInB,iBAAiB,EAElB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAKnB,MAAM,qCAAqC,CAAC;;AAO7C;;;;;;;;;GASG;AACH,qBAMa,qBAAsB,YAAW,MAAM,EAAE,SAAS,EAAE,aAAa;IA4B1E,OAAO,CAAC,aAAa;IACrB,OAAO,CAAC,gBAAgB;IACxB,OAAO,CAAC,UAAU;IAClB,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,mBAAmB;IAC3B,OAAO,CAAC,GAAG;IAhCgC,WAAW,EAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAC9B,sBAAsB,EAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAE5G,OAAO,CAAC,aAAa,CAAsB;IAC3C,OAAO,CAAC,iBAAiB,CAAS;IAGlC,OAAO,CAAC,aAAa,CAA0D;IAG/E,OAAO,CAAC,YAAY,CAAwB;IAI5C,qBAAqB,UAAS;IAC9B,OAAO,CAAC,0BAA0B,CAAoD;IACtF,OAAO,CAAC,qBAAqB,CAAwB;IACrD,OAAO,CAAC,8BAA8B,CAAuB;IAC7D,OAAO,CAAC,qBAAqB,CAAS;IAGtC,kBAAkB,UAAS;IAC3B,YAAY,SAAK;IACjB,YAAY,SAAK;IACjB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAQ;gBAG7B,aAAa,EAAE,mBAAmB,EAClC,gBAAgB,EAAE,qBAAqB,EACvC,UAAU,EAAE,kBAAkB,EAC9B,MAAM,EAAE,cAAc,EACtB,mBAAmB,EAAE,mBAAmB,EACxC,GAAG,EAAE,iBAAiB;IAMhC,QAAQ,IAAI,IAAI;IA0DhB,eAAe,IAAI,IAAI;IAUvB;;;OAGG;IACH,OAAO,CAAC,sBAAsB;IA6E9B,WAAW,IAAI,IAAI;IAiBnB;;;;OAIG;IAEH,cAAc,IAAI,IAAI;IAMtB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IA2EpC;;OAEG;YACW,yBAAyB;IAmHvC;;OAEG;IACH,OAAO,CAAC,8BAA8B;IActC;;;OAGG;IACH,OAAO,CAAC,sBAAsB;IAe9B;;OAEG;IACH,OAAO,CAAC,SAAS;IAoBjB;;OAEG;YACW,UAAU;IAQxB;;;OAGG;YACW,cAAc;IAgI5B;;;OAGG;YACW,oBAAoB;IA+ClC;;OAEG;YACW,0BAA0B;IA+BxC;;OAEG;YACW,sBAAsB;IA2DpC,OAAO,CAAC,MAAM,CAAC,qBAAqB,CAAkC;IAEtE;;OAEG;YACW,qBAAqB;YAoBrB,iBAAiB;IAQ/B;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAgChC;;;OAGG;IACH,OAAO,CAAC,qBAAqB;IAkB7B;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAmB3B;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAuFjC;;OAEG;IACH,eAAe,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IA8B1D;;OAEG;IACH,eAAe,IAAI,IAAI;IAKvB;;OAEG;IACH,IAAI,kBAAkB,IAAI,OAAO,CAIhC;IAED;;OAEG;IACH,YAAY,IAAI,IAAI;IAOpB;;OAEG;IACH,cAAc,IAAI,IAAI;IAOtB;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAU5B;;OAEG;IACH,qBAAqB,IAAI,IAAI;yCA3hClB,qBAAqB;2CAArB,qBAAqB;CAoiCjC"}
+{"version":3,"file":"tab-container.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/shell/components/tabs/tab-container.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/shell/components/tabs/tab-container.component.js

@@ -1,4 +1,4 @@
-import { Component, ViewChild, createComponent, ViewEncapsulation, HostListener } from '@angular/core';
+import { Component, ViewChild, createComponent, ViewEncapsulation, HostListener, Output, EventEmitter } from '@angular/core';
 import { MJGlobal } from '@memberjunction/global';
 import { BaseResourceComponent } from '@memberjunction/ng-shared';
 import { ResourceData } from '@memberjunction/core-entities';
@@ -67,7 +67,21 @@ export class TabContainerComponent {
     cdr;
     glContainer;
     directContentContainer;
+    /**
+     * Emitted when the first resource component finishes loading.
+     * This allows the shell to keep showing its loading indicator until the first
+     * resource is ready, eliminating the visual gap between shell loading and resource loading.
+     */
+    firstResourceLoadComplete = new EventEmitter();
+    /**
+     * Emitted when Golden Layout fails to initialize after multiple retries.
+     * The shell can use this to show an error dialog and redirect.
+     */
+    layoutInitError = new EventEmitter();
     subscriptions = [];
+    layoutInitRetryCount = 0;
+    MAX_LAYOUT_INIT_RETRIES = 5;
+    hasEmittedFirstLoadComplete = false;
     layoutInitialized = false;
     // Track component references for cleanup (legacy - keep for backward compat during transition)
     componentRefs = new Map();
@@ -156,10 +170,18 @@ export class TabContainerComponent {
      */
     initializeGoldenLayout(forceCreateTabs = false) {
         if (!this.glContainer?.nativeElement) {
-            console.warn('Golden Layout container not available, waiting...');
+            this.layoutInitRetryCount++;
+            if (this.layoutInitRetryCount > this.MAX_LAYOUT_INIT_RETRIES) {
+                console.error(`Golden Layout container not available after ${this.MAX_LAYOUT_INIT_RETRIES} retries, emitting error`);
+                this.layoutInitError.emit();
+                return;
+            }
+            console.warn(`Golden Layout container not available, retry ${this.layoutInitRetryCount}/${this.MAX_LAYOUT_INIT_RETRIES}...`);
             setTimeout(() => this.initializeGoldenLayout(forceCreateTabs), 50);
             return;
         }
+        // Reset retry counter on success
+        this.layoutInitRetryCount = 0;
         if (this.layoutInitialized) {
             return; // Already initialized
         }
@@ -255,7 +277,6 @@ export class TabContainerComponent {
         // Determine if we should use single-resource mode
         const shouldUseSingleResourceMode = !tabBarVisible;
         if (shouldUseSingleResourceMode !== this.useSingleResourceMode) {
-            console.log(`🔄 Switching to ${shouldUseSingleResourceMode ? 'single-resource' : 'multi-tab'} mode`);
             this.useSingleResourceMode = shouldUseSingleResourceMode;
             this.cdr.detectChanges();
             if (this.useSingleResourceMode) {
@@ -265,7 +286,6 @@ export class TabContainerComponent {
                 setTimeout(() => {
                     // First, destroy Golden Layout if it was initialized (prevents stale state)
                     if (this.layoutInitialized) {
-                        console.log('[TabContainer] Destroying Golden Layout when transitioning to single-resource mode');
                         this.layoutManager.Destroy();
                         this.layoutInitialized = false;
                     }
@@ -355,7 +375,6 @@ export class TabContainerComponent {
         // **OPTIMIZATION: Check cache first to reuse existing loaded component**
         const cached = this.cacheManager.getCachedComponent(driverClass, resourceData.ResourceRecordID || '', activeTab.applicationId);
         if (cached) {
-            console.log(`♻️ Reusing cached component for single-resource mode: ${driverClass}`);
             // Clean up previous single-resource component (if different)
             this.cleanupSingleResourceComponent();
             // Detach from tab tracking (it was attached to a tab in Golden Layout)
@@ -365,11 +384,8 @@ export class TabContainerComponent {
             container.appendChild(cached.wrapperElement);
             // Store reference for cleanup
             this.singleResourceComponentRef = cached.componentRef;
-            console.log('✅ Single-resource component transferred from cache (instant!)');
             return;
         }
-        // **Fallback: Create new component if not in cache**
-        console.log(`📦 Creating new component for single-resource mode: ${driverClass}`);
         // Get the component registration
         const resourceReg = MJGlobal.Instance.ClassFactory.GetRegistration(BaseResourceComponent, driverClass);
         if (!resourceReg) {
@@ -389,7 +405,7 @@ export class TabContainerComponent {
         instance.Data = resourceData;
         // Wire up events
         instance.LoadCompleteEvent = () => {
-            console.log('✅ Single-resource component loaded');
+            this.emitFirstLoadCompleteOnce();
         };
         // Get the native element and append to container
         const nativeElement = componentRef.hostView.rootNodes[0];
@@ -493,7 +509,6 @@ export class TabContainerComponent {
             // Check if we have a cached component for this resource
             const cached = this.cacheManager.getCachedComponent(driverClass, resourceData.ResourceRecordID || '', tab.applicationId);
             if (cached) {
-                console.log(`♻️ Reusing cached component for ${resourceData.ResourceType} (driver: ${driverClass})`);
                 // Reattach the cached wrapper element
                 glContainer.element.appendChild(cached.wrapperElement);
                 // Mark as attached to this tab
@@ -507,8 +522,6 @@ export class TabContainerComponent {
                 }
                 return;
             }
-            // No cached component found - create new one
-            console.log(`🆕 Creating new component for ${resourceData.ResourceType} using driver class: ${driverClass}`);
             // Get the component registration using the driver class
             const resourceReg = MJGlobal.Instance.ClassFactory.GetRegistration(BaseResourceComponent, driverClass);
             if (!resourceReg) {
@@ -528,6 +541,7 @@ export class TabContainerComponent {
             instance.LoadCompleteEvent = () => {
                 // Tab content loaded - update tab title with resource display name
                 this.updateTabTitleFromResource(tabId, instance, resourceData);
+                this.emitFirstLoadCompleteOnce();
             };
             instance.ResourceRecordSavedEvent = (entity) => {
                 // Update tab title if needed
@@ -931,6 +945,14 @@ export class TabContainerComponent {
         }
         this.hideContextMenu();
     }
+    /**
+     * While the naming implies this is only invoked once, components we DO NOT CONTROL might have race
+     * conditions that result in unpredictable behavior. To avoid those causing loading screen overaly to show
+     * forever we emit all events upstream
+     */
+    emitFirstLoadCompleteOnce() {
+        this.firstResourceLoadComplete.emit(); // do this each time to be sure we don't suppress messages
+    }
     static ɵfac = function TabContainerComponent_Factory(t) { return new (t || TabContainerComponent)(i0.ɵɵdirectiveInject(i1.GoldenLayoutManager), i0.ɵɵdirectiveInject(i1.WorkspaceStateManager), i0.ɵɵdirectiveInject(i1.ApplicationManager), i0.ɵɵdirectiveInject(i0.ApplicationRef), i0.ɵɵdirectiveInject(i0.EnvironmentInjector), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TabContainerComponent, selectors: [["mj-tab-container"]], viewQuery: function TabContainerComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0, 5);
@@ -941,7 +963,7 @@ export class TabContainerComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.directContentContainer = _t.first);
         } }, hostBindings: function TabContainerComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("resize", function TabContainerComponent_resize_HostBindingHandler() { return ctx.onWindowResize(); }, false, i0.ɵɵresolveWindow);
-        } }, decls: 4, vars: 2, consts: [["directContentContainer", ""], ["glContainer", ""], [1, "tab-container"], [1, "direct-content-container"], [1, "gl-container"], ["class", "context-menu", 3, "left", "top", 4, "ngIf"], [1, "context-menu"], [1, "context-menu-item", 3, "click"], [1, "fa-solid", "fa-thumbtack"], [1, "context-menu-divider"], [1, "fa-solid", "fa-xmark"], [1, "fa-solid", "fa-layer-group"], [1, "fa-solid", "fa-angles-right"]], template: function TabContainerComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, outputs: { firstResourceLoadComplete: "firstResourceLoadComplete", layoutInitError: "layoutInitError" }, decls: 4, vars: 2, consts: [["directContentContainer", ""], ["glContainer", ""], [1, "tab-container"], [1, "direct-content-container"], [1, "gl-container"], ["class", "context-menu", 3, "left", "top", 4, "ngIf"], [1, "context-menu"], [1, "context-menu-item", 3, "click"], [1, "fa-solid", "fa-thumbtack"], [1, "context-menu-divider"], [1, "fa-solid", "fa-xmark"], [1, "fa-solid", "fa-layer-group"], [1, "fa-solid", "fa-angles-right"]], template: function TabContainerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 2);
             i0.ɵɵtemplate(1, TabContainerComponent_Conditional_1_Template, 2, 0, "div", 3)(2, TabContainerComponent_Conditional_2_Template, 2, 0, "div", 4)(3, TabContainerComponent_div_3_Template, 18, 5, "div", 5);
             i0.ɵɵelementEnd();
@@ -961,9 +983,13 @@ export class TabContainerComponent {
         }], directContentContainer: [{
             type: ViewChild,
             args: ['directContentContainer', { static: false }]
+        }], firstResourceLoadComplete: [{
+            type: Output
+        }], layoutInitError: [{
+            type: Output
         }], onWindowResize: [{
             type: HostListener,
             args: ['window:resize']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TabContainerComponent, { className: "TabContainerComponent", filePath: "src/lib/shell/components/tabs/tab-container.component.ts", lineNumber: 48 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TabContainerComponent, { className: "TabContainerComponent", filePath: "src/lib/shell/components/tabs/tab-container.component.ts", lineNumber: 51 }); })();
 //# sourceMappingURL=tab-container.component.js.map