@acorex/modules 20.1.0 → 20.2.0-next.0

package/fesm2022/acorex-modules-notification-management.mjs

@@ -821,6 +821,9 @@ class AXMNotificationEntityServiceImpl extends AXMNotificationEntityService {
     markAsRead(payload) {
         throw new Error('Method not implemented.');
     }
+    markAllAsRead() {
+        throw new Error('Method not implemented.');
+    }
     create(payload) {
         throw new Error('Method not implemented.');
     }
@@ -1445,6 +1448,85 @@ class AXMNotificationManagmentModuleMenuProvider {
     }
 }
 
+//#region ----   Core Imports   ----
+/**
+ * Service to display OS-level notifications using the browser's Notification API.
+ */
+class AXMOsNotificationService {
+    constructor() {
+        this.isSupported = signal(false, ...(ngDevMode ? [{ debugName: "isSupported" }] : []));
+        this.permission = signal(false, ...(ngDevMode ? [{ debugName: "permission" }] : []));
+        this.isSupported.set('Notification' in window);
+    }
+    /**
+     * Requests permission from the user to display desktop notifications.
+     * @returns A promise that resolves to true if permission is granted, false otherwise.
+     */
+    async requestPermission() {
+        if (!this.isSupported()) {
+            console.warn('This browser does not support desktop notifications.');
+            return false;
+        }
+        switch (Notification.permission) {
+            case 'granted':
+                this.permission.set(true);
+                return true;
+            case 'default':
+                const permission = await Notification.requestPermission();
+                this.permission.set(permission === 'granted');
+                return this.permission();
+            default:
+                this.permission.set(false);
+                return false;
+        }
+    }
+    /**
+     * Shows a desktop notification.
+     * This method should be called after ensuring permission has been granted via requestPermission().
+     *
+     * @param title The title of the notification.
+     * @param options Optional notification options including an onClick handler and window focusing.
+     * @returns The Notification object if displayed, otherwise null.
+     */
+    show(title, options) {
+        if (!this.isSupported()) {
+            console.warn('This browser does not support desktop notifications.');
+            return null;
+        }
+        if (!this.permission()) {
+            console.warn(`Notification permission is ${Notification.permission}. Call requestPermission() first.`);
+            return null;
+        }
+        const notification = new Notification(title, options);
+        if (options?.onClick) {
+            notification.onclick = () => {
+                if (options.activeWindow) {
+                    window.focus();
+                }
+                options.onClick();
+            };
+        }
+        return notification;
+    }
+    /**
+     * Dismisses all active notifications or a specific one.
+     * @param notification Optional. Pass a specific notification to close it; otherwise closes all.
+     */
+    dismiss(notification) {
+        if (notification) {
+            notification.close();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMOsNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMOsNotificationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMOsNotificationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
 /**
  * Signal store that provides a reactive interface for notification-related operations
  * Acts as a layer between notification components and the entity service
@@ -1453,6 +1535,7 @@ class AXMNotificationConnectorService {
     // Effects
     constructor() {
         this.notificationService = inject(AXMNotificationEntityService);
+        this.osNotificationService = inject(AXMOsNotificationService);
         // State signals
         this.isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
         this.error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
@@ -1526,13 +1609,36 @@ class AXMNotificationConnectorService {
             this.isLoading.set(false);
         }
     }
+    async markAllAsRead() {
+        try {
+            this.isLoading.set(true);
+            this.error.set(null);
+            await this.notificationService.markAllAsRead();
+            this.notifications.update((notifications) => notifications.map((notification) => ({ ...notification, readAt: new Date() })));
+        }
+        catch (err) {
+            this.error.set(err instanceof Error ? err.message : 'Failed to mark all notifications as read');
+        }
+        finally {
+            this.isLoading.set(false);
+        }
+    }
     /**
      * Create a new notification
      */
-    async create(payload) {
+    async create(payload, options) {
         try {
             this.isLoading.set(true);
             this.error.set(null);
+            //send os notification
+            const isPermissionGranted = await this.osNotificationService.requestPermission();
+            if (payload && isPermissionGranted) {
+                this.osNotificationService.show(payload.title || 'Notification', {
+                    body: payload.body || 'No body',
+                    icon: payload.user.image || '',
+                    ...options,
+                });
+            }
             await this.notificationService.create(payload);
             // Refresh list after creating a notification
             await this.getList();
@@ -1777,7 +1883,7 @@ class AXMAdminNotificationPanelComponent {
      */
     async markAllAsRead() {
         try {
-            await this.notificationConnector.markAsRead({ id: [] });
+            await this.notificationConnector.markAllAsRead();
         }
         catch (error) {
             console.error('Failed to mark all notifications as read:', error);
@@ -2965,5 +3071,5 @@ async function notificationLogEntityFactory(injector) {
  * Generated bundle index. Do not edit.
  */
 
-export { AXMNotificationEntityService, AXMNotificationEntityServiceImpl, AXMNotificationManagementChannelEntityService, AXMNotificationManagementChannelEntityServiceImpl, AXMNotificationManagementModule, AXMNotificationManagementTemplateEntityModule, AXMNotificationManagementTemplateEntityService, AXMNotificationManagementTemplateEntityServiceImpl, AXMNotificationManagmentModuleMenuProvider, AXMSettingProvider, AXPMyNotificationDashboardWidget, AXPNotificationWidgetViewComponent, RootConfig, myNotificationEntityFactory, notificationChannelEntityFactory, notificationEntityFactory, notificationLogEntityFactory, notificationTemplateEntityFactory };
+export { AXMNotificationConnectorService, AXMNotificationEntityService, AXMNotificationEntityServiceImpl, AXMNotificationManagementChannelEntityService, AXMNotificationManagementChannelEntityServiceImpl, AXMNotificationManagementModule, AXMNotificationManagementTemplateEntityModule, AXMNotificationManagementTemplateEntityService, AXMNotificationManagementTemplateEntityServiceImpl, AXMNotificationManagmentModuleMenuProvider, AXMOsNotificationService, AXMSettingProvider, AXPMyNotificationDashboardWidget, AXPNotificationWidgetViewComponent, RootConfig, myNotificationEntityFactory, notificationChannelEntityFactory, notificationEntityFactory, notificationLogEntityFactory, notificationTemplateEntityFactory };
 //# sourceMappingURL=acorex-modules-notification-management.mjs.map