@memberjunction/ng-explorer-core 6.1.4 → 6.2.0-edge.1

package/dist/lib/user-notifications/user-notifications.component.js

@@ -364,27 +364,75 @@ const PREVIEW_MAX_CHARS = 240;
 /** How often the snapshot relative-time labels refresh. */
 const RELATIVE_REFRESH_MS = 60_000;
 export class UserNotificationsComponent extends BaseAngularComponent {
-    sharedService;
+    SharedService;
     navigationService;
     appManager;
     cdr = inject(ChangeDetectorRef);
-    radioSelected = 'All';
-    currentFilter = '';
-    notificationTypes = [];
-    selectedTypeFilter = null;
-    loadingTypes = true;
+    RadioSelected = 'All';
+    /** @deprecated Use {@link RadioSelected}. */
+    get radioSelected() {
+        return this.RadioSelected;
+    }
+    /** @deprecated Use {@link RadioSelected}. */
+    set radioSelected(value) {
+        this.RadioSelected = value;
+    }
+    CurrentFilter = '';
+    /** @deprecated Use {@link CurrentFilter}. */
+    get currentFilter() {
+        return this.CurrentFilter;
+    }
+    /** @deprecated Use {@link CurrentFilter}. */
+    set currentFilter(value) {
+        this.CurrentFilter = value;
+    }
+    NotificationTypes = [];
+    /** @deprecated Use {@link NotificationTypes}. */
+    get notificationTypes() {
+        return this.NotificationTypes;
+    }
+    /** @deprecated Use {@link NotificationTypes}. */
+    set notificationTypes(value) {
+        this.NotificationTypes = value;
+    }
+    SelectedTypeFilter = null;
+    /** @deprecated Use {@link SelectedTypeFilter}. */
+    get selectedTypeFilter() {
+        return this.SelectedTypeFilter;
+    }
+    /** @deprecated Use {@link SelectedTypeFilter}. */
+    set selectedTypeFilter(value) {
+        this.SelectedTypeFilter = value;
+    }
+    LoadingTypes = true;
+    /** @deprecated Use {@link LoadingTypes}. */
+    get loadingTypes() {
+        return this.LoadingTypes;
+    }
+    /** @deprecated Use {@link LoadingTypes}. */
+    set loadingTypes(value) {
+        this.LoadingTypes = value;
+    }
     /** IDs of cards currently expanded to their full rendered content. */
     Expanded = new Set();
     groups = [];
     groupsKey = '';
     vmCache = new Map();
     relativeTimer = null;
-    constructor(sharedService, navigationService, appManager) {
+    constructor(SharedService, navigationService, appManager) {
         super();
-        this.sharedService = sharedService;
+        this.SharedService = SharedService;
         this.navigationService = navigationService;
         this.appManager = appManager;
     }
+    /** @deprecated Use {@link SharedService}. */
+    get sharedService() {
+        return this.SharedService;
+    }
+    /** @deprecated Use {@link SharedService}. */
+    set sharedService(value) {
+        this.SharedService = value;
+    }
     async ngOnInit() {
         this.loadNotificationTypes();
         // Refresh the snapshot relative-time labels between change-detection passes.
@@ -397,7 +445,7 @@ export class UserNotificationsComponent extends BaseAngularComponent {
         }, RELATIVE_REFRESH_MS);
     }
     ngAfterViewInit() {
-        this.sharedService.InvokeManualResize(); // make sure the notifications component is sized correctly
+        this.SharedService.InvokeManualResize(); // make sure the notifications component is sized correctly
     }
     ngOnDestroy() {
         if (this.relativeTimer != null) {
@@ -407,7 +455,7 @@ export class UserNotificationsComponent extends BaseAngularComponent {
     loadNotificationTypes() {
         // Get notification types from UserInfoEngine cache, sorted client-side
         // UserInfoEngine is auto-configured via @RegisterForStartup()
-        this.notificationTypes = [...UserInfoEngine.Instance.NotificationTypes].sort((a, b) => {
+        this.NotificationTypes = [...UserInfoEngine.Instance.NotificationTypes].sort((a, b) => {
             const priorityA = a.Priority ?? 999;
             const priorityB = b.Priority ?? 999;
             if (priorityA !== priorityB) {
@@ -415,14 +463,14 @@ export class UserNotificationsComponent extends BaseAngularComponent {
             }
             return a.Name.localeCompare(b.Name);
         });
-        this.loadingTypes = false;
+        this.LoadingTypes = false;
     }
     // ========================================================================
     // Data shaping (filter → view models → day groups)
     // ========================================================================
     get NotificationsToShow() {
         let temp = [];
-        switch (this.radioSelected) {
+        switch (this.RadioSelected) {
             case 'All':
                 temp = this.AllNotifications;
                 break;
@@ -434,14 +482,14 @@ export class UserNotificationsComponent extends BaseAngularComponent {
                 break;
         }
         // Apply type filter if selected
-        if (this.selectedTypeFilter) {
-            temp = temp.filter(n => UUIDsEqual(n.NotificationTypeID, this.selectedTypeFilter));
+        if (this.SelectedTypeFilter) {
+            temp = temp.filter(n => UUIDsEqual(n.NotificationTypeID, this.SelectedTypeFilter));
         }
         // Apply text filter if it is not empty
-        if (this.currentFilter.trim().length > 0) {
+        if (this.CurrentFilter.trim().length > 0) {
             // check for inclusion of filter value in title or message
-            temp = temp.filter(n => n.Title?.toLowerCase().includes(this.currentFilter.trim().toLowerCase()) ||
-                n.Message?.toLowerCase().includes(this.currentFilter.trim().toLowerCase()));
+            temp = temp.filter(n => n.Title?.toLowerCase().includes(this.CurrentFilter.trim().toLowerCase()) ||
+                n.Message?.toLowerCase().includes(this.CurrentFilter.trim().toLowerCase()));
         }
         return temp;
     }
@@ -453,7 +501,7 @@ export class UserNotificationsComponent extends BaseAngularComponent {
     get Groups() {
         const list = this.NotificationsToShow;
         const unread = list.filter(n => n.Unread).length;
-        const key = `${list.length}|${unread}|${this.radioSelected}|${this.selectedTypeFilter}|${this.currentFilter}|${list[0]?.ID ?? ''}|${list[list.length - 1]?.ID ?? ''}`;
+        const key = `${list.length}|${unread}|${this.RadioSelected}|${this.SelectedTypeFilter}|${this.CurrentFilter}|${list[0]?.ID ?? ''}|${list[list.length - 1]?.ID ?? ''}`;
         if (key !== this.groupsKey) {
             this.groups = this.buildGroups(list);
             this.groupsKey = key;
@@ -477,7 +525,7 @@ export class UserNotificationsComponent extends BaseAngularComponent {
         const cached = this.vmCache.get(n.ID);
         if (cached) {
             cached.N = n;
-            cached.Clickable = this.isNotificationClickable(n);
+            cached.Clickable = this.IsNotificationClickable(n);
             return cached;
         }
         const { kind, body, preview, expandable } = this.classifyMessage(n.Message ?? '');
@@ -488,7 +536,7 @@ export class UserNotificationsComponent extends BaseAngularComponent {
             Preview: preview,
             Expandable: expandable,
             Relative: this.relativeTime(n.__mj_CreatedAt),
-            Clickable: this.isNotificationClickable(n),
+            Clickable: this.IsNotificationClickable(n),
         };
         this.vmCache.set(n.ID, vm);
         return vm;
@@ -584,7 +632,7 @@ export class UserNotificationsComponent extends BaseAngularComponent {
             this.Expanded.add(vm.N.ID);
             // Reading the full content is reading — mark it as such.
             if (vm.N.Unread) {
-                void this.markAsRead(vm.N, true, null);
+                void this.MarkAsRead(vm.N, true, null);
             }
         }
         this.cdr.markForCheck();
@@ -592,7 +640,7 @@ export class UserNotificationsComponent extends BaseAngularComponent {
     // ========================================================================
     // Clickability + navigation (unchanged behavior)
     // ========================================================================
-    isNotificationClickable(notification) {
+    IsNotificationClickable(notification) {
         // Check for special types navigated via NavigationService (not a URL)
         if (notification.ResourceConfiguration && notification.ResourceConfiguration.trim().length > 0) {
             const config = SafeJSONParse(notification.ResourceConfiguration);
@@ -604,20 +652,24 @@ export class UserNotificationsComponent extends BaseAngularComponent {
                 return true;
             }
         }
-        const info = this.notificationUrl(notification);
+        const info = this.NotificationUrl(notification);
         return (info !== null && info.urlParts && info.urlParts.length > 0);
     }
-    notificationUrl(notification) {
+    /** @deprecated Use {@link IsNotificationClickable}. */
+    isNotificationClickable(notification) {
+        return this.IsNotificationClickable(notification);
+    }
+    NotificationUrl(notification) {
         const url = [];
         let queryString = '';
         if (notification.ResourceRecordID && notification.ResourceRecordID.length > 0 &&
             notification.ResourceTypeID && notification.ResourceTypeID.length > 0) {
             // we have a resource here, like a Report, Dashboard, etc
             // we can generate a url to navigate to it
-            const rt = this.sharedService.ResourceTypeByID(notification.ResourceTypeID);
+            const rt = this.SharedService.ResourceTypeByID(notification.ResourceTypeID);
             let routeSegment;
             if (rt)
-                routeSegment = this.sharedService.mapResourceTypeNameToRouteSegment(rt.Name);
+                routeSegment = this.SharedService.mapResourceTypeNameToRouteSegment(rt.Name);
             if (rt && routeSegment && routeSegment.trim().length > 0) {
                 url.push('resource');
                 url.push(routeSegment);
@@ -658,6 +710,10 @@ export class UserNotificationsComponent extends BaseAngularComponent {
         }
         return { urlParts: url, queryString };
     }
+    /** @deprecated Use {@link NotificationUrl}. */
+    notificationUrl(notification) {
+        return this.NotificationUrl(notification);
+    }
     get AllNotifications() {
         return SharedService.UserNotifications;
     }
@@ -667,13 +723,21 @@ export class UserNotificationsComponent extends BaseAngularComponent {
     get ReadNotifications() {
         return this.AllNotifications.filter(n => !n.Unread);
     }
+    SelectReadOption(option) {
+        this.RadioSelected = option;
+    }
+    /** @deprecated Use {@link SelectReadOption}. */
     selectReadOption(option) {
-        this.radioSelected = option;
+        return this.SelectReadOption(option);
+    }
+    OnFilterChanged(value) {
+        this.CurrentFilter = value;
     }
+    /** @deprecated Use {@link OnFilterChanged}. */
     onFilterChanged(value) {
-        this.currentFilter = value;
+        return this.OnFilterChanged(value);
     }
-    async markAsRead(notification, bRead, transGroup) {
+    async MarkAsRead(notification, bRead, transGroup) {
         if (notification) {
             const notificationId = notification.ID;
             notification.Unread = !bRead;
@@ -707,13 +771,25 @@ export class UserNotificationsComponent extends BaseAngularComponent {
             return false;
         }
     }
+    /** @deprecated Use {@link MarkAsRead}. */
+    async markAsRead(notification, bRead, transGroup) {
+        return this.MarkAsRead(notification, bRead, transGroup);
+    }
+    async MarkAllAsRead() {
+        await this.MarkAll(true);
+    }
+    /** @deprecated Use {@link MarkAllAsRead}. */
     async markAllAsRead() {
-        await this.markAll(true);
+        return this.MarkAllAsRead();
+    }
+    async MarkAllAsUnread() {
+        await this.MarkAll(false);
     }
+    /** @deprecated Use {@link MarkAllAsUnread}. */
     async markAllAsUnread() {
-        await this.markAll(false);
+        return this.MarkAllAsUnread();
     }
-    async markAll(bRead) {
+    async MarkAll(bRead) {
         // Use transaction group for batching - all saves are queued and sent in one round-trip
         const md = this.ProviderToUse;
         const transGroup = await md.CreateTransactionGroup();
@@ -721,19 +797,23 @@ export class UserNotificationsComponent extends BaseAngularComponent {
         for (const notification of this.AllNotifications) {
             if (notification.Unread && bRead || !notification.Unread && !bRead) {
                 // Don't await - Save() with transaction group queues the operation immediately
-                this.markAsRead(notification, bRead, transGroup);
+                this.MarkAsRead(notification, bRead, transGroup);
             }
         }
         // Submit transaction group - this is where the actual network call happens
         if (!await transGroup.Submit())
-            this.sharedService.CreateSimpleNotification('Unable to mark all notifications as read', 'error', 5000);
+            this.SharedService.CreateSimpleNotification('Unable to mark all notifications as read', 'error', 5000);
         else
             SharedService.RefreshUserNotifications();
     }
-    notificationClicked(notification) {
-        if (this.isNotificationClickable(notification)) {
+    /** @deprecated Use {@link MarkAll}. */
+    async markAll(bRead) {
+        return this.MarkAll(bRead);
+    }
+    NotificationClicked(notification) {
+        if (this.IsNotificationClickable(notification)) {
             // also mark this as read when we click it
-            this.markAsRead(notification, true, null);
+            this.MarkAsRead(notification, true, null);
             // Check for special navigation types that use NavigationService (not router)
             if (this.navigateToAgentRequest(notification)) {
                 return;
@@ -747,6 +827,10 @@ export class UserNotificationsComponent extends BaseAngularComponent {
             this.navigateToResource(notification);
         }
     }
+    /** @deprecated Use {@link NotificationClicked}. */
+    notificationClicked(notification) {
+        return this.NotificationClicked(notification);
+    }
     /**
      * Opens the Meet app's Live Room in JOIN mode for a `meet-room` invite notification (the
      * `{ type:'meet-room', room }` ResourceConfiguration), mirroring {@link navigateToConversation}.
@@ -778,7 +862,7 @@ export class UserNotificationsComponent extends BaseAngularComponent {
     navigateToResource(notification) {
         if (!notification.ResourceRecordID || !notification.ResourceTypeID)
             return;
-        const rt = this.sharedService.ResourceTypeByID(notification.ResourceTypeID);
+        const rt = this.SharedService.ResourceTypeByID(notification.ResourceTypeID);
         if (!rt)
             return;
         const recordId = notification.ResourceRecordID.toString();
@@ -861,25 +945,45 @@ export class UserNotificationsComponent extends BaseAngularComponent {
         this.navigationService.OpenNavItemByName('Conversations', navConfig, chatApp.ID);
         return true;
     }
-    getNotificationType(typeId) {
+    GetNotificationType(typeId) {
         if (!typeId)
             return null;
-        return this.notificationTypes.find(t => UUIDsEqual(t.ID, typeId)) || null;
+        return this.NotificationTypes.find(t => UUIDsEqual(t.ID, typeId)) || null;
     }
-    getTypeIcon(notification) {
-        const type = this.getNotificationType(notification.NotificationTypeID);
+    /** @deprecated Use {@link GetNotificationType}. */
+    getNotificationType(typeId) {
+        return this.GetNotificationType(typeId);
+    }
+    GetTypeIcon(notification) {
+        const type = this.GetNotificationType(notification.NotificationTypeID);
         return type?.Icon || 'fa-bell';
     }
-    getTypeColor(notification) {
-        const type = this.getNotificationType(notification.NotificationTypeID);
+    /** @deprecated Use {@link GetTypeIcon}. */
+    getTypeIcon(notification) {
+        return this.GetTypeIcon(notification);
+    }
+    GetTypeColor(notification) {
+        const type = this.GetNotificationType(notification.NotificationTypeID);
         return type?.Color || 'var(--mj-text-muted)';
     }
-    getTypeName(notification) {
-        const type = this.getNotificationType(notification.NotificationTypeID);
+    /** @deprecated Use {@link GetTypeColor}. */
+    getTypeColor(notification) {
+        return this.GetTypeColor(notification);
+    }
+    GetTypeName(notification) {
+        const type = this.GetNotificationType(notification.NotificationTypeID);
         return type ? type.Name : 'Notification';
     }
+    /** @deprecated Use {@link GetTypeName}. */
+    getTypeName(notification) {
+        return this.GetTypeName(notification);
+    }
+    OnTypeFilterChange(typeId) {
+        this.SelectedTypeFilter = typeId;
+    }
+    /** @deprecated Use {@link OnTypeFilterChange}. */
     onTypeFilterChange(typeId) {
-        this.selectedTypeFilter = typeId;
+        return this.OnTypeFilterChange(typeId);
     }
     static ɵfac = function UserNotificationsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UserNotificationsComponent)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i1.NavigationService), i0.ɵɵdirectiveInject(i2.ApplicationManager)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserNotificationsComponent, selectors: [["app-user-notifications"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 17, vars: 4, consts: [[1, "notifications-container"], [1, "notifications-header"], [1, "header-top"], [1, "header-title"], [1, "title-icon"], [1, "fa-solid", "fa-bell"], [1, "title-text"], [1, "title-subtitle"], [1, "header-actions"], [1, "filters-section"], [1, "notifications-content"], ["Variant", "success", "Icon", "fa-solid fa-bell-slash", "Title", "No Notifications", "Message", "You're all caught up! New notifications will appear here."], ["Variant", "no-results", "Icon", "fa-solid fa-filter-circle-xmark", "Title", "No Matching Notifications", "Message", "Try adjusting your filters to see more notifications."], [1, "notifications-list"], ["type", "button", "aria-label", "Mark all notifications as read", 1, "action-btn", "action-btn-ghost"], ["type", "button", "aria-label", "Mark all notifications as unread", 1, "action-btn", "action-btn-secondary"], ["type", "button", "aria-label", "Mark all notifications as read", 1, "action-btn", "action-btn-ghost", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-check-double"], [1, "btn-text"], ["type", "button", "aria-label", "Mark all notifications as unread", 1, "action-btn", "action-btn-secondary", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-envelope"], [1, "filters-slider"], [1, "slider-content"], ["role", "group", "aria-label", "Filter notifications by read status", 1, "header-stats"], ["type", "button", "aria-label", "Show all notifications", 1, "stat-pill", 3, "click"], [1, "stat-label"], [1, "stat-count"], ["type", "button", "aria-label", "Show unread notifications", 1, "stat-pill", 3, "active", "has-unread"], ["type", "button", "aria-label", "Show read notifications", 1, "stat-pill", 3, "active"], [1, "filter-item", "type-filter-slider"], [1, "search-section"], [1, "search-container"], ["aria-hidden", "true", 1, "fa-solid", "fa-magnifying-glass", "search-icon"], ["type", "text", "placeholder", "Search notifications...", "aria-label", "Search notifications", 1, "search-input", 3, "input", "value"], [1, "filter-info"], ["type", "button", "aria-label", "Show unread notifications", 1, "stat-pill", 3, "click"], ["type", "button", "aria-label", "Show read notifications", 1, "stat-pill", 3, "click"], ["aria-label", "Filter by notification type", 1, "type-select", 3, "ngModelChange", "change", "ngModel"], [3, "value"], [1, "filter-badge"], ["aria-hidden", "true", 1, "fa-solid", "fa-filter"], [1, "group-label"], ["role", "article", 1, "notification-card", 3, "unread", "expanded", "clickable"], ["role", "article", 1, "notification-card"], ["aria-hidden", "true", 1, "card-indicator"], ["aria-hidden", "true", 1, "card-icon"], [1, "card-content", 3, "click"], [1, "card-header"], [1, "card-title"], [1, "card-time", 3, "title"], [1, "card-meta"], [1, "card-type"], [1, "card-open-hint"], [1, "card-message"], [1, "card-rich"], ["type", "button", 1, "card-expand-btn"], [1, "card-actions"], ["type", "button", "title", "Mark as Read", 1, "card-action-btn"], ["type", "button", "title", "Mark as Unread", 1, "card-action-btn"], ["aria-hidden", "true", 1, "fa-solid", "fa-arrow-up-right-from-square"], [1, "card-rich", 3, "click"], [1, "card-rich-html", 3, "innerHTML"], [1, "card-rich-md", 3, "data", "enableMermaid"], [1, "card-message", "card-message-full"], ["type", "button", 1, "card-expand-btn", 3, "click"], ["aria-hidden", "true", 1, "fa-solid"], ["type", "button", "title", "Mark as Read", 1, "card-action-btn", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-check"], [1, "action-text"], ["type", "button", "title", "Mark as Unread", 1, "card-action-btn", 3, "click"]], template: function UserNotificationsComponent_Template(rf, ctx) { if (rf & 1) {