@acorex/connectivity 19.3.0-next.2 → 19.3.0-next.3

package/fesm2022/acorex-connectivity-mock.mjs

@@ -10,7 +10,7 @@ import * as i0 from '@angular/core';
 import { inject, Injectable, NgModule } from '@angular/core';
 import { applySortArray, applyFilterArray, AXPDataGenerator as AXPDataGenerator$1 } from '@acorex/platform/core';
 import Dexie from 'dexie';
-import { AXPBarChartWidget, AXPClockCalendarWidget, AXPWeatherWidget, AXPStickyNoteWidget, AXPDonutChartWidget, AXPGaugeChartWidget } from '@acorex/platform/widgets';
+import { AXPBarChartWidget, AXPClockCalendarWidget, AXPWeatherWidget, AXPStickyNoteWidget, AXPNotificationWidget, AXPDonutChartWidget, AXPGaugeChartWidget, AXPTaskListWidget } from '@acorex/platform/widgets';
 import { RootConfig } from '@acorex/modules/common';
 import * as i1 from '@acorex/modules/conversation';
 import { AXMConverstionModuleConst, AXMChatServiceImpl, AXMCommentServiceImpl, AXMChatModule, AXMChatService } from '@acorex/modules/conversation';
@@ -374,7 +374,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         }] });
 
 // Widget types that can be used for generating mock data
-const widgetTypes = ['bar-chart', 'donut-chart', 'gauge-chart', 'map', 'clock-calendar', 'weather', 'sticky-note'];
+const widgetTypes = [
+    'bar-chart',
+    'donut-chart',
+    'gauge-chart',
+    'map',
+    'clock-calendar',
+    'weather',
+    'sticky-note',
+    'notification',
+    'task-list',
+];
 // Generate bar chart widget
 function generateBarChartWidget() {
     const uniqueId = AXPDataGenerator$1.alphabet(3).toUpperCase();
@@ -398,7 +408,7 @@ function generateBarChartWidget() {
                 width: 600,
                 height: 400,
                 color: ['red', 'yellow', 'blue'],
-                hasOptions: true,
+                hasConfiguration: true,
             },
         },
     };
@@ -426,7 +436,7 @@ function generateClockCalendarWidget() {
                 accentColor: AXPDataGenerator$1.color(),
             }),
             options: {
-                hasOptions: true,
+                hasConfiguration: true,
             },
         },
     };
@@ -445,7 +455,7 @@ function generateWeatherWidget() {
             type: 'weather',
             options: {
                 city: AXPDataGenerator$1.city(),
-                hasOptions: true,
+                hasConfiguration: true,
             },
             meta: {
                 ...AXPWeatherWidget.meta,
@@ -468,7 +478,100 @@ function generateStickyNoteWidget() {
             defaultValue: `Note from ${AXPDataGenerator$1.firstName()} ${AXPDataGenerator$1.lastName()}: 
 Remember to complete the ${AXPDataGenerator$1.pick(['project', 'task', 'meeting', 'report'])} by end of day.`,
             options: {
-                hasOptions: false,
+                hasConfiguration: false,
+            },
+        },
+    };
+}
+// Generate notification widget
+function generateNotificationWidget() {
+    const uniqueId = AXPDataGenerator$1.alphabet(3).toUpperCase();
+    // Generate 3-8 random notifications
+    const notifications = Array.from({ length: AXPDataGenerator$1.number(3, 8) }).map((_, index) => {
+        const firstName = AXPDataGenerator$1.firstName();
+        const lastName = AXPDataGenerator$1.lastName();
+        // Select a random notification type
+        const type = AXPDataGenerator$1.pick(['File', 'Person', 'Notification']);
+        // Select a random notification priority
+        const priority = AXPDataGenerator$1.pick(['Warning', 'Danger', 'Notice']);
+        // Create message based on type
+        let message = '';
+        switch (type) {
+            case 'File':
+                message = `New document "${AXPDataGenerator$1.alphabet(AXPDataGenerator$1.number(5, 20))}.${AXPDataGenerator$1.pick([
+                    'pdf',
+                    'docx',
+                    'xlsx',
+                ])}" has been shared with you`;
+                break;
+            case 'Person':
+                message = `${firstName} ${lastName} ${AXPDataGenerator$1.pick([
+                    'sent you a message',
+                    'mentioned you in a comment',
+                    'added you to a project',
+                    'requested your feedback',
+                ])}`;
+                break;
+            case 'Notification':
+                message = AXPDataGenerator$1.pick([
+                    'Your task is due tomorrow',
+                    'Meeting starts in 15 minutes',
+                    'Your report has been approved',
+                    'Project status has been updated',
+                    'New announcement from the team',
+                ]);
+                break;
+        }
+        // Create a random timestamp within the last week
+        const now = new Date();
+        const weekAgo = new Date();
+        weekAgo.setDate(now.getDate() - 7);
+        const timestamp = AXPDataGenerator$1.date(weekAgo, now);
+        // Make some notifications read and some unread
+        const isRead = index < 2 ? false : AXPDataGenerator$1.boolean();
+        return {
+            id: AXPDataGenerator$1.uuid(),
+            title: `${firstName} ${lastName}`,
+            body: message,
+            channel: 'InApp',
+            content: {
+                type,
+                data: {},
+            },
+            user: {
+                id: AXPDataGenerator$1.uuid(),
+                name: `${firstName} ${lastName}`,
+                // image: `assets/images/avatar/user-${AXPDataGenerator.number(1, 12)}.png`,
+                image: `https://picsum.photos/300/300`,
+            },
+            template: {
+                category: 'Inbox',
+                priority,
+                icon: `fa-light fa-${AXPDataGenerator$1.pick(['envelope', 'bell', 'file', 'user', 'calendar'])}`,
+                isPinned: AXPDataGenerator$1.boolean(),
+            },
+            readAt: isRead ? AXPDataGenerator$1.date(weekAgo, timestamp) : null,
+            createdAt: timestamp,
+        };
+    });
+    return {
+        config: {
+            id: AXPDataGenerator$1.uuid(),
+            ...AXPNotificationWidget?.meta?.['dimensions'],
+        },
+        node: {
+            name: `notification-${uniqueId}`,
+            path: 'notification',
+            type: 'notification',
+            defaultValue: {
+                data: notifications,
+                total: notifications.length,
+            },
+            options: {
+                maxItems: 10,
+                showAvatar: true,
+                showTimestamp: true,
+                hasConfiguration: true,
             },
         },
     };
@@ -498,7 +601,7 @@ function generateDonutChartWidget() {
                 showTooltip: true,
                 showPercentage: true,
                 showValue: true,
-                hasOptions: true,
+                hasConfiguration: true,
             },
         },
     };
@@ -527,17 +630,140 @@ function generateGaugeChartWidget() {
         },
     };
 }
+// Generate task list widget
+function generateTaskListWidget() {
+    const uniqueId = AXPDataGenerator$1.alphabet(3).toUpperCase();
+    // Generate 5-12 random tasks
+    const tasks = Array.from({ length: AXPDataGenerator$1.number(5, 12) }).map((_, index) => {
+        // Generate random due date between yesterday and next month
+        const yesterday = new Date();
+        yesterday.setDate(yesterday.getDate() - 1);
+        const nextMonth = new Date();
+        nextMonth.setMonth(nextMonth.getMonth() + 1);
+        const dueDate = AXPDataGenerator$1.date(yesterday, nextMonth);
+        // Generate random task data
+        const firstName = AXPDataGenerator$1.firstName();
+        const lastName = AXPDataGenerator$1.lastName();
+        // Random priority
+        const priority = AXPDataGenerator$1.pick(['low', 'medium', 'high']);
+        // Random category
+        const category = AXPDataGenerator$1.pick([
+            'Development',
+            'Design',
+            'Marketing',
+            'Meeting',
+            'Research',
+            'Planning',
+            'Documentation',
+        ]);
+        // Generate sample data for second person in a meeting task
+        const secondPersonFirstName = AXPDataGenerator$1.firstName();
+        const secondPersonLastName = AXPDataGenerator$1.lastName();
+        // Random task title
+        const taskTitle = AXPDataGenerator$1.pick([
+            `${AXPDataGenerator$1.pick(['Create', 'Update', 'Fix', 'Review', 'Finalize'])} ${AXPDataGenerator$1.pick([
+                'dashboard',
+                'report',
+                'component',
+                'feature',
+                'documentation',
+                'presentation',
+            ])}`,
+            `${AXPDataGenerator$1.pick([
+                'Prepare',
+                'Schedule',
+                'Attend',
+                'Summarize',
+            ])} meeting with ${secondPersonFirstName} ${secondPersonLastName}`,
+            `${AXPDataGenerator$1.pick(['Research', 'Analyze', 'Document'])} ${AXPDataGenerator$1.pick([
+                'market trends',
+                'user feedback',
+                'competitor features',
+                'new technology',
+            ])}`,
+            `${AXPDataGenerator$1.pick(['Deploy', 'Test', 'Debug'])} ${AXPDataGenerator$1.pick([
+                'application',
+                'feature',
+                'hotfix',
+                'release',
+            ])}`,
+            `${AXPDataGenerator$1.pick(['Contact', 'Follow up with', 'Email'])} ${firstName} about ${AXPDataGenerator$1.pick([
+                'project status',
+                'contract',
+                'feedback',
+                'requirements',
+            ])}`,
+        ]);
+        // Calculate days difference for due date
+        const today = new Date();
+        today.setHours(0, 0, 0, 0);
+        const dueDateCopy = new Date(dueDate);
+        dueDateCopy.setHours(0, 0, 0, 0);
+        const diffTime = dueDateCopy.getTime() - today.getTime();
+        const diffDays = Math.floor(diffTime / (1000 * 60 * 60 * 24));
+        // Task is completed if it's in the past 30% of the time
+        const isCompleted = diffDays < 0 ? Math.random() < 0.8 : Math.random() < 0.3;
+        return {
+            id: AXPDataGenerator$1.uuid(),
+            title: taskTitle,
+            completed: isCompleted,
+            priority: priority,
+            dueDate: dueDate,
+            category: category,
+            assignedTo: {
+                id: AXPDataGenerator$1.uuid(),
+                name: `${firstName} ${lastName}`,
+                image: Math.random() < 0.3 ? `https://i.pravatar.cc/150?u=${AXPDataGenerator$1.uuid()}` : undefined,
+            },
+            createdAt: AXPDataGenerator$1.date(new Date(new Date().setDate(new Date().getDate() - 30)), new Date()),
+        };
+    });
+    return {
+        config: {
+            id: AXPDataGenerator$1.uuid(),
+            ...AXPTaskListWidget?.meta?.['dimensions'],
+        },
+        node: {
+            name: `task-list-${uniqueId}`,
+            path: 'task-list',
+            type: 'task-list',
+            defaultValue: {
+                data: tasks,
+            },
+            options: {
+                maxItems: 10,
+                showDate: true,
+                showAssignee: true,
+                groupByCategory: AXPDataGenerator$1.boolean(),
+                showPriority: AXPDataGenerator$1.boolean(),
+                allowMarkComplete: true,
+                hasConfiguration: true,
+            },
+        },
+    };
+}
 // Widget generator factory
 function getWidgetGenerator(type) {
-    const generators = {
-        'bar-chart': generateBarChartWidget,
-        'clock-calendar': generateClockCalendarWidget,
-        weather: generateWeatherWidget,
-        'sticky-note': generateStickyNoteWidget,
-        'donut-chart': generateDonutChartWidget,
-        'gauge-chart': generateGaugeChartWidget,
-    };
-    return generators[type] || generateBarChartWidget;
+    switch (type) {
+        case 'bar-chart':
+            return generateBarChartWidget;
+        case 'donut-chart':
+            return generateDonutChartWidget;
+        case 'gauge-chart':
+            return generateGaugeChartWidget;
+        case 'clock-calendar':
+            return generateClockCalendarWidget;
+        case 'weather':
+            return generateWeatherWidget;
+        case 'sticky-note':
+            return generateStickyNoteWidget;
+        case 'notification':
+            return generateNotificationWidget;
+        case 'task-list':
+            return generateTaskListWidget;
+        default:
+            return generateBarChartWidget;
+    }
 }
 // Generate a random dashboard widget
 function generateRandomWidget() {