@memberjunction/ng-conversations 2.104.0

package/dist/lib/components/task/task-item.component.js

@@ -0,0 +1,234 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+function TaskItemComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 14);
+    i0.ɵɵelement(1, "i");
+    i0.ɵɵelementStart(2, "span", 15);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassMap("due-" + ctx_r0.getDueDateStatus());
+    i0.ɵɵproperty("title", ctx_r0.getDueDateTooltip());
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r0.getDueDateIcon());
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.getRelativeDueDate());
+} }
+function TaskItemComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.task.PercentComplete, "% ");
+} }
+export class TaskItemComponent {
+    task;
+    disabled = false;
+    statusToggled = new EventEmitter();
+    editRequested = new EventEmitter();
+    deleteRequested = new EventEmitter();
+    onToggleStatus() {
+        this.statusToggled.emit(this.task);
+    }
+    onEdit() {
+        this.editRequested.emit(this.task);
+    }
+    onDelete() {
+        this.deleteRequested.emit(this.task);
+    }
+    getDueDateStatus() {
+        if (!this.task.DueAt) {
+            return 'none';
+        }
+        if (this.task.Status === 'Complete') {
+            return 'completed';
+        }
+        const now = new Date();
+        const dueDate = new Date(this.task.DueAt);
+        const diffMs = dueDate.getTime() - now.getTime();
+        const diffHours = diffMs / (1000 * 60 * 60);
+        if (diffMs < 0) {
+            return 'overdue';
+        }
+        else if (diffHours < 24) {
+            return 'due-soon';
+        }
+        else {
+            return 'future';
+        }
+    }
+    getDueDateIcon() {
+        const status = this.getDueDateStatus();
+        switch (status) {
+            case 'overdue':
+                return 'fa-solid fa-exclamation-circle';
+            case 'due-soon':
+                return 'fa-solid fa-clock';
+            case 'future':
+                return 'fa-solid fa-calendar-check';
+            case 'completed':
+                return 'fa-solid fa-check-circle';
+            default:
+                return 'fa-solid fa-calendar';
+        }
+    }
+    getRelativeDueDate() {
+        if (!this.task.DueAt) {
+            return '';
+        }
+        const now = new Date();
+        const dueDate = new Date(this.task.DueAt);
+        const diffMs = dueDate.getTime() - now.getTime();
+        const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));
+        const diffHours = Math.floor(diffMs / (1000 * 60 * 60));
+        if (this.task.Status === 'Complete') {
+            return 'Completed';
+        }
+        if (diffMs < 0) {
+            const absDays = Math.abs(diffDays);
+            if (absDays === 0) {
+                return 'Overdue (today)';
+            }
+            else if (absDays === 1) {
+                return 'Overdue by 1 day';
+            }
+            else {
+                return `Overdue by ${absDays} days`;
+            }
+        }
+        else if (diffHours < 1) {
+            const diffMinutes = Math.floor(diffMs / (1000 * 60));
+            return `Due in ${diffMinutes} min`;
+        }
+        else if (diffHours < 24) {
+            return `Due in ${diffHours} hours`;
+        }
+        else if (diffDays === 0) {
+            return 'Due today';
+        }
+        else if (diffDays === 1) {
+            return 'Due tomorrow';
+        }
+        else if (diffDays < 7) {
+            return `Due in ${diffDays} days`;
+        }
+        else {
+            const weeks = Math.floor(diffDays / 7);
+            if (weeks === 1) {
+                return 'Due in 1 week';
+            }
+            else {
+                return `Due in ${weeks} weeks`;
+            }
+        }
+    }
+    getDueDateTooltip() {
+        if (!this.task.DueAt) {
+            return '';
+        }
+        const dueDate = new Date(this.task.DueAt);
+        return dueDate.toLocaleString('en-US', {
+            weekday: 'long',
+            year: 'numeric',
+            month: 'long',
+            day: 'numeric',
+            hour: '2-digit',
+            minute: '2-digit'
+        });
+    }
+    static ɵfac = function TaskItemComponent_Factory(t) { return new (t || TaskItemComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TaskItemComponent, selectors: [["mj-task-item"]], inputs: { task: "task", disabled: "disabled" }, outputs: { statusToggled: "statusToggled", editRequested: "editRequested", deleteRequested: "deleteRequested" }, decls: 16, vars: 10, consts: [[1, "task-item"], [1, "task-checkbox"], ["type", "checkbox", 3, "change", "checked", "disabled"], [1, "task-content"], [1, "task-title"], [1, "task-meta"], [1, "task-status-badge"], [1, "task-due", 3, "class", "title"], [1, "task-percent"], [1, "task-actions"], ["title", "Edit Task", 1, "task-action-btn", 3, "click"], [1, "fa-solid", "fa-edit"], ["title", "Delete Task", 1, "task-action-btn", 3, "click"], [1, "fa-solid", "fa-trash"], [1, "task-due", 3, "title"], [1, "due-date-text"]], template: function TaskItemComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "input", 2);
+            i0.ɵɵlistener("change", function TaskItemComponent_Template_input_change_2_listener() { return ctx.onToggleStatus(); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(3, "div", 3)(4, "div", 4);
+            i0.ɵɵtext(5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "div", 5)(7, "span", 6);
+            i0.ɵɵtext(8);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(9, TaskItemComponent_Conditional_9_Template, 4, 6, "span", 7)(10, TaskItemComponent_Conditional_10_Template, 2, 1, "span", 8);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(11, "div", 9)(12, "button", 10);
+            i0.ɵɵlistener("click", function TaskItemComponent_Template_button_click_12_listener() { return ctx.onEdit(); });
+            i0.ɵɵelement(13, "i", 11);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(14, "button", 12);
+            i0.ɵɵlistener("click", function TaskItemComponent_Template_button_click_14_listener() { return ctx.onDelete(); });
+            i0.ɵɵelement(15, "i", 13);
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("completed", ctx.task.Status === "Complete");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("checked", ctx.task.Status === "Complete")("disabled", ctx.disabled);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.task.Name);
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassMap("status-" + ctx.task.Status.toLowerCase().replace(" ", "-"));
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.task.Status, " ");
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.task.DueAt ? 9 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.task.PercentComplete != null ? 10 : -1);
+        } }, styles: [".task-item[_ngcontent-%COMP%] { display: flex; align-items: center; gap: 12px; padding: 12px; border-bottom: 1px solid #E8E8E8; transition: background 150ms ease; }\n    .task-item[_ngcontent-%COMP%]:hover { background: #F9F9F9; }\n    .task-item.completed[_ngcontent-%COMP%] { opacity: 0.6; }\n    .task-item.completed[_ngcontent-%COMP%]   .task-title[_ngcontent-%COMP%] { text-decoration: line-through; }\n    .task-status-badge[_ngcontent-%COMP%] { padding: 2px 8px; border-radius: 3px; font-weight: 500; font-size: 11px; }\n    .status-pending[_ngcontent-%COMP%] { background: #FFF3E0; color: #E65100; }\n    .status-in-progress[_ngcontent-%COMP%] { background: #E3F2FD; color: #1976D2; }\n    .status-complete[_ngcontent-%COMP%] { background: #E8F5E9; color: #388E3C; }\n    .status-cancelled[_ngcontent-%COMP%] { background: #F5F5F5; color: #666; }\n    .status-failed[_ngcontent-%COMP%] { background: #FFEBEE; color: #C62828; }\n    .status-blocked[_ngcontent-%COMP%] { background: #FFEBEE; color: #D84315; }\n    .status-deferred[_ngcontent-%COMP%] { background: #F5F5F5; color: #999; }\n    .task-percent[_ngcontent-%COMP%] { color: #0076B6; font-weight: 500; }\n    .task-checkbox[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] { width: 18px; height: 18px; cursor: pointer; }\n    .task-content[_ngcontent-%COMP%] { flex: 1; }\n    .task-title[_ngcontent-%COMP%] { font-size: 14px; margin-bottom: 4px; }\n    .task-meta[_ngcontent-%COMP%] { display: flex; gap: 12px; font-size: 12px; color: #666; align-items: center; }\n    .task-due[_ngcontent-%COMP%] { display: flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 3px; font-weight: 500; }\n    .task-due[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 11px; }\n    .due-date-text[_ngcontent-%COMP%] { font-size: 11px; }\n\n    \n\n    .due-overdue[_ngcontent-%COMP%] { background: #FFEBEE; color: #C62828; }\n    .due-due-soon[_ngcontent-%COMP%] { background: #FFF3E0; color: #E65100; }\n    .due-future[_ngcontent-%COMP%] { background: #E8F5E9; color: #388E3C; }\n    .due-completed[_ngcontent-%COMP%] { background: #F5F5F5; color: #757575; }\n\n    .task-actions[_ngcontent-%COMP%] { display: none; gap: 4px; }\n    .task-item[_ngcontent-%COMP%]:hover   .task-actions[_ngcontent-%COMP%] { display: flex; }\n    .task-action-btn[_ngcontent-%COMP%] { padding: 6px; background: transparent; border: none; cursor: pointer; border-radius: 3px; color: #666; }\n    .task-action-btn[_ngcontent-%COMP%]:hover { background: rgba(0,0,0,0.1); }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TaskItemComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-task-item', template: `
+    <div class="task-item" [class.completed]="task.Status === 'Complete'">
+      <div class="task-checkbox">
+        <input
+          type="checkbox"
+          [checked]="task.Status === 'Complete'"
+          (change)="onToggleStatus()"
+          [disabled]="disabled">
+      </div>
+      <div class="task-content">
+        <div class="task-title">{{ task.Name }}</div>
+        <div class="task-meta">
+          <span class="task-status-badge" [class]="'status-' + task.Status.toLowerCase().replace(' ', '-')">
+            {{ task.Status }}
+          </span>
+          @if (task.DueAt) {
+            <span
+              class="task-due"
+              [class]="'due-' + getDueDateStatus()"
+              [title]="getDueDateTooltip()">
+              <i [class]="getDueDateIcon()"></i>
+              <span class="due-date-text">{{ getRelativeDueDate() }}</span>
+            </span>
+          }
+          @if (task.PercentComplete != null) {
+            <span class="task-percent">
+              {{ task.PercentComplete }}%
+            </span>
+          }
+        </div>
+      </div>
+      <div class="task-actions">
+        <button class="task-action-btn" (click)="onEdit()" title="Edit Task">
+          <i class="fa-solid fa-edit"></i>
+        </button>
+        <button class="task-action-btn" (click)="onDelete()" title="Delete Task">
+          <i class="fa-solid fa-trash"></i>
+        </button>
+      </div>
+    </div>
+  `, styles: ["\n    .task-item { display: flex; align-items: center; gap: 12px; padding: 12px; border-bottom: 1px solid #E8E8E8; transition: background 150ms ease; }\n    .task-item:hover { background: #F9F9F9; }\n    .task-item.completed { opacity: 0.6; }\n    .task-item.completed .task-title { text-decoration: line-through; }\n    .task-status-badge { padding: 2px 8px; border-radius: 3px; font-weight: 500; font-size: 11px; }\n    .status-pending { background: #FFF3E0; color: #E65100; }\n    .status-in-progress { background: #E3F2FD; color: #1976D2; }\n    .status-complete { background: #E8F5E9; color: #388E3C; }\n    .status-cancelled { background: #F5F5F5; color: #666; }\n    .status-failed { background: #FFEBEE; color: #C62828; }\n    .status-blocked { background: #FFEBEE; color: #D84315; }\n    .status-deferred { background: #F5F5F5; color: #999; }\n    .task-percent { color: #0076B6; font-weight: 500; }\n    .task-checkbox input { width: 18px; height: 18px; cursor: pointer; }\n    .task-content { flex: 1; }\n    .task-title { font-size: 14px; margin-bottom: 4px; }\n    .task-meta { display: flex; gap: 12px; font-size: 12px; color: #666; align-items: center; }\n    .task-due { display: flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 3px; font-weight: 500; }\n    .task-due i { font-size: 11px; }\n    .due-date-text { font-size: 11px; }\n\n    /* Due date status colors */\n    .due-overdue { background: #FFEBEE; color: #C62828; }\n    .due-due-soon { background: #FFF3E0; color: #E65100; }\n    .due-future { background: #E8F5E9; color: #388E3C; }\n    .due-completed { background: #F5F5F5; color: #757575; }\n\n    .task-actions { display: none; gap: 4px; }\n    .task-item:hover .task-actions { display: flex; }\n    .task-action-btn { padding: 6px; background: transparent; border: none; cursor: pointer; border-radius: 3px; color: #666; }\n    .task-action-btn:hover { background: rgba(0,0,0,0.1); }\n  "] }]
+    }], null, { task: [{
+            type: Input
+        }], disabled: [{
+            type: Input
+        }], statusToggled: [{
+            type: Output
+        }], editRequested: [{
+            type: Output
+        }], deleteRequested: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TaskItemComponent, { className: "TaskItemComponent", filePath: "src/lib/components/task/task-item.component.ts", lineNumber: 83 }); })();
+//# sourceMappingURL=task-item.component.js.map

package/dist/lib/components/task/task-item.component.js.map

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

package/dist/lib/components/task/task-list.component.d.ts

@@ -0,0 +1,32 @@
+import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { TaskEntity } from '@memberjunction/core-entities';
+import { UserInfo } from '@memberjunction/core';
+import { DialogService } from '../../services/dialog.service';
+import * as i0 from "@angular/core";
+export declare class TaskListComponent implements OnInit, OnChanges {
+    private dialogService;
+    conversationId: string;
+    currentUser: UserInfo;
+    tasks: TaskEntity[];
+    filteredTasks: TaskEntity[];
+    filterStatus: 'all' | 'active' | 'overdue' | 'completed';
+    isTaskModalVisible: boolean;
+    selectedTask?: TaskEntity;
+    constructor(dialogService: DialogService);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private loadTasks;
+    applyFilter(): void;
+    private isTaskOverdue;
+    private sortTasks;
+    getOverdueCount(): number;
+    onToggleStatus(task: TaskEntity): Promise<void>;
+    onAddTask(): void;
+    onEditTask(task: TaskEntity): void;
+    onDeleteTask(task: TaskEntity): Promise<void>;
+    onTaskSaved(task: TaskEntity): void;
+    onTaskModalCancelled(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaskListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaskListComponent, "mj-task-list", never, { "conversationId": { "alias": "conversationId"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; }, {}, never, never, false, never>;
+}
+//# sourceMappingURL=task-list.component.d.ts.map

package/dist/lib/components/task/task-list.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-list.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/task/task-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAW,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;;AAE9D,qBAuFa,iBAAkB,YAAW,MAAM,EAAE,SAAS;IAU7C,OAAO,CAAC,aAAa;IATxB,cAAc,EAAG,MAAM,CAAC;IACxB,WAAW,EAAG,QAAQ,CAAC;IAEzB,KAAK,EAAE,UAAU,EAAE,CAAM;IACzB,aAAa,EAAE,UAAU,EAAE,CAAM;IACjC,YAAY,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAS;IACjE,kBAAkB,UAAS;IAC3B,YAAY,CAAC,EAAE,UAAU,CAAC;gBAEb,aAAa,EAAE,aAAa;IAEhD,QAAQ;IAIR,WAAW,CAAC,OAAO,EAAE,aAAa;YAMpB,SAAS;IAmBvB,WAAW,IAAI,IAAI;IAYnB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,SAAS;IAmBjB,eAAe,IAAI,MAAM;IAInB,cAAc,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAWrD,SAAS,IAAI,IAAI;IAKjB,UAAU,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;IAK5B,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAqBnD,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;IAMnC,oBAAoB,IAAI,IAAI;yCArIjB,iBAAiB;2CAAjB,iBAAiB;CAyI7B"}

package/dist/lib/components/task/task-list.component.js

@@ -0,0 +1,290 @@
+import { Component, Input } from '@angular/core';
+import { RunView } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/dialog.service";
+import * as i2 from "./task-item.component";
+import * as i3 from "./task-form-modal.component";
+const _forTrack0 = ($index, $item) => $item.ID;
+function TaskListComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.getOverdueCount());
+} }
+function TaskListComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelement(1, "i", 12);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No tasks found");
+    i0.ɵɵelementEnd()();
+} }
+function TaskListComponent_For_19_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-task-item", 13);
+    i0.ɵɵlistener("statusToggled", function TaskListComponent_For_19_Template_mj_task_item_statusToggled_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onToggleStatus($event)); })("editRequested", function TaskListComponent_For_19_Template_mj_task_item_editRequested_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onEditTask($event)); })("deleteRequested", function TaskListComponent_For_19_Template_mj_task_item_deleteRequested_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onDeleteTask($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const task_r3 = ctx.$implicit;
+    i0.ɵɵproperty("task", task_r3);
+} }
+export class TaskListComponent {
+    dialogService;
+    conversationId;
+    currentUser;
+    tasks = [];
+    filteredTasks = [];
+    filterStatus = 'all';
+    isTaskModalVisible = false;
+    selectedTask;
+    constructor(dialogService) {
+        this.dialogService = dialogService;
+    }
+    ngOnInit() {
+        this.loadTasks();
+    }
+    ngOnChanges(changes) {
+        if (changes['conversationId'] && !changes['conversationId'].firstChange) {
+            this.loadTasks();
+        }
+    }
+    async loadTasks() {
+        try {
+            const rv = new RunView();
+            const result = await rv.RunView({
+                EntityName: 'MJ: Tasks',
+                ExtraFilter: `ConversationDetailID='${this.conversationId}'`,
+                OrderBy: 'Status ASC, DueAt ASC, __mj_CreatedAt ASC',
+                ResultType: 'entity_object'
+            }, this.currentUser);
+            if (result.Success) {
+                this.tasks = result.Results || [];
+                this.applyFilter();
+            }
+        }
+        catch (error) {
+            console.error('Failed to load tasks:', error);
+        }
+    }
+    applyFilter() {
+        if (this.filterStatus === 'all') {
+            this.filteredTasks = this.sortTasks(this.tasks);
+        }
+        else if (this.filterStatus === 'active') {
+            this.filteredTasks = this.sortTasks(this.tasks.filter(t => t.Status !== 'Complete'));
+        }
+        else if (this.filterStatus === 'overdue') {
+            this.filteredTasks = this.sortTasks(this.tasks.filter(t => this.isTaskOverdue(t)));
+        }
+        else {
+            this.filteredTasks = this.sortTasks(this.tasks.filter(t => t.Status === 'Complete'));
+        }
+    }
+    isTaskOverdue(task) {
+        if (!task.DueAt || task.Status === 'Complete') {
+            return false;
+        }
+        const now = new Date();
+        const dueDate = new Date(task.DueAt);
+        return dueDate.getTime() < now.getTime();
+    }
+    sortTasks(tasks) {
+        return [...tasks].sort((a, b) => {
+            const aOverdue = this.isTaskOverdue(a);
+            const bOverdue = this.isTaskOverdue(b);
+            if (aOverdue && !bOverdue)
+                return -1;
+            if (!aOverdue && bOverdue)
+                return 1;
+            if (a.DueAt && b.DueAt) {
+                return new Date(a.DueAt).getTime() - new Date(b.DueAt).getTime();
+            }
+            if (a.DueAt && !b.DueAt)
+                return -1;
+            if (!a.DueAt && b.DueAt)
+                return 1;
+            return 0;
+        });
+    }
+    getOverdueCount() {
+        return this.tasks.filter(t => this.isTaskOverdue(t)).length;
+    }
+    async onToggleStatus(task) {
+        try {
+            task.Status = task.Status === 'Complete' ? 'In Progress' : 'Complete';
+            await task.Save();
+            this.applyFilter();
+        }
+        catch (error) {
+            console.error('Failed to update task status:', error);
+            await this.dialogService.alert('Error', 'Failed to update task status');
+        }
+    }
+    onAddTask() {
+        this.selectedTask = undefined;
+        this.isTaskModalVisible = true;
+    }
+    onEditTask(task) {
+        this.selectedTask = task;
+        this.isTaskModalVisible = true;
+    }
+    async onDeleteTask(task) {
+        const confirmed = await this.dialogService.confirm({
+            title: 'Delete Task',
+            message: `Delete task "${task.Name}"?`,
+            okText: 'Delete',
+            cancelText: 'Cancel'
+        });
+        if (!confirmed)
+            return;
+        try {
+            const deleted = await task.Delete();
+            if (deleted) {
+                await this.loadTasks();
+            }
+        }
+        catch (error) {
+            console.error('Failed to delete task:', error);
+            await this.dialogService.alert('Error', 'Failed to delete task');
+        }
+    }
+    onTaskSaved(task) {
+        this.isTaskModalVisible = false;
+        this.selectedTask = undefined;
+        this.loadTasks();
+    }
+    onTaskModalCancelled() {
+        this.isTaskModalVisible = false;
+        this.selectedTask = undefined;
+    }
+    static ɵfac = function TaskListComponent_Factory(t) { return new (t || TaskListComponent)(i0.ɵɵdirectiveInject(i1.DialogService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TaskListComponent, selectors: [["mj-task-list"]], inputs: { conversationId: "conversationId", currentUser: "currentUser" }, features: [i0.ɵɵNgOnChangesFeature], decls: 21, vars: 15, consts: [[1, "task-list"], [1, "task-header"], [1, "task-filters"], [1, "filter-btn", 3, "click"], [1, "filter-btn", 3, "click", "title"], [1, "filter-badge"], ["title", "Add Task", 1, "btn-add-task", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "task-content"], [1, "empty-state"], [3, "task"], [3, "saved", "cancelled", "isVisible", "task", "conversationId", "currentUser"], [1, "fa-solid", "fa-tasks"], [3, "statusToggled", "editRequested", "deleteRequested", "task"]], template: function TaskListComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "h3");
+            i0.ɵɵtext(3, "Tasks");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 2)(5, "button", 3);
+            i0.ɵɵlistener("click", function TaskListComponent_Template_button_click_5_listener() { ctx.filterStatus = "all"; return ctx.applyFilter(); });
+            i0.ɵɵtext(6, " All ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "button", 3);
+            i0.ɵɵlistener("click", function TaskListComponent_Template_button_click_7_listener() { ctx.filterStatus = "active"; return ctx.applyFilter(); });
+            i0.ɵɵtext(8, " Active ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "button", 4);
+            i0.ɵɵlistener("click", function TaskListComponent_Template_button_click_9_listener() { ctx.filterStatus = "overdue"; return ctx.applyFilter(); });
+            i0.ɵɵtext(10, " Overdue ");
+            i0.ɵɵtemplate(11, TaskListComponent_Conditional_11_Template, 2, 1, "span", 5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(12, "button", 3);
+            i0.ɵɵlistener("click", function TaskListComponent_Template_button_click_12_listener() { ctx.filterStatus = "completed"; return ctx.applyFilter(); });
+            i0.ɵɵtext(13, " Completed ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(14, "button", 6);
+            i0.ɵɵlistener("click", function TaskListComponent_Template_button_click_14_listener() { return ctx.onAddTask(); });
+            i0.ɵɵelement(15, "i", 7);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(16, "div", 8);
+            i0.ɵɵtemplate(17, TaskListComponent_Conditional_17_Template, 4, 0, "div", 9);
+            i0.ɵɵrepeaterCreate(18, TaskListComponent_For_19_Template, 1, 1, "mj-task-item", 10, _forTrack0);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(20, "mj-task-form-modal", 11);
+            i0.ɵɵlistener("saved", function TaskListComponent_Template_mj_task_form_modal_saved_20_listener($event) { return ctx.onTaskSaved($event); })("cancelled", function TaskListComponent_Template_mj_task_form_modal_cancelled_20_listener() { return ctx.onTaskModalCancelled(); });
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(5);
+            i0.ɵɵclassProp("active", ctx.filterStatus === "all");
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("active", ctx.filterStatus === "active");
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("active", ctx.filterStatus === "overdue");
+            i0.ɵɵproperty("title", ctx.getOverdueCount() + " overdue tasks");
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.getOverdueCount() > 0 ? 11 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("active", ctx.filterStatus === "completed");
+            i0.ɵɵadvance(5);
+            i0.ɵɵconditional(ctx.filteredTasks.length === 0 ? 17 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.filteredTasks);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("isVisible", ctx.isTaskModalVisible)("task", ctx.selectedTask)("conversationId", ctx.conversationId)("currentUser", ctx.currentUser);
+        } }, dependencies: [i2.TaskItemComponent, i3.TaskFormModalComponent], styles: [".task-list[_ngcontent-%COMP%] { display: flex; flex-direction: column; height: 100%; background: white; }\n    .task-header[_ngcontent-%COMP%] { padding: 16px; border-bottom: 1px solid #D9D9D9; display: flex; align-items: center; gap: 12px; }\n    .task-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] { margin: 0; font-size: 16px; flex: 1; }\n    .task-filters[_ngcontent-%COMP%] { display: flex; gap: 4px; }\n    .filter-btn[_ngcontent-%COMP%] { padding: 6px 12px; background: transparent; border: 1px solid #D9D9D9; border-radius: 4px; cursor: pointer; font-size: 13px; transition: all 150ms ease; position: relative; }\n    .filter-btn[_ngcontent-%COMP%]:hover { background: #F4F4F4; }\n    .filter-btn.active[_ngcontent-%COMP%] { background: #0076B6; color: white; border-color: #0076B6; }\n    .filter-badge[_ngcontent-%COMP%] { display: inline-block; margin-left: 6px; padding: 1px 6px; background: #C62828; color: white; border-radius: 10px; font-size: 10px; font-weight: bold; }\n    .filter-btn.active[_ngcontent-%COMP%]   .filter-badge[_ngcontent-%COMP%] { background: rgba(255,255,255,0.3); }\n    .btn-add-task[_ngcontent-%COMP%] { padding: 6px 10px; background: #0076B6; color: white; border: none; border-radius: 4px; cursor: pointer; }\n    .btn-add-task[_ngcontent-%COMP%]:hover { background: #005A8C; }\n    .task-content[_ngcontent-%COMP%] { flex: 1; overflow-y: auto; }\n    .empty-state[_ngcontent-%COMP%] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 24px; color: #999; }\n    .empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 48px; margin-bottom: 16px; }\n    .empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] { margin: 0; font-size: 14px; }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TaskListComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-task-list', template: `
+    <div class="task-list">
+      <div class="task-header">
+        <h3>Tasks</h3>
+        <div class="task-filters">
+          <button
+            class="filter-btn"
+            [class.active]="filterStatus === 'all'"
+            (click)="filterStatus = 'all'; applyFilter()">
+            All
+          </button>
+          <button
+            class="filter-btn"
+            [class.active]="filterStatus === 'active'"
+            (click)="filterStatus = 'active'; applyFilter()">
+            Active
+          </button>
+          <button
+            class="filter-btn"
+            [class.active]="filterStatus === 'overdue'"
+            (click)="filterStatus = 'overdue'; applyFilter()"
+            [title]="getOverdueCount() + ' overdue tasks'">
+            Overdue
+            @if (getOverdueCount() > 0) {
+              <span class="filter-badge">{{ getOverdueCount() }}</span>
+            }
+          </button>
+          <button
+            class="filter-btn"
+            [class.active]="filterStatus === 'completed'"
+            (click)="filterStatus = 'completed'; applyFilter()">
+            Completed
+          </button>
+        </div>
+        <button class="btn-add-task" (click)="onAddTask()" title="Add Task">
+          <i class="fa-solid fa-plus"></i>
+        </button>
+      </div>
+
+      <div class="task-content">
+        @if (filteredTasks.length === 0) {
+          <div class="empty-state">
+            <i class="fa-solid fa-tasks"></i>
+            <p>No tasks found</p>
+          </div>
+        }
+
+        @for (task of filteredTasks; track task.ID) {
+          <mj-task-item
+            [task]="task"
+            (statusToggled)="onToggleStatus($event)"
+            (editRequested)="onEditTask($event)"
+            (deleteRequested)="onDeleteTask($event)">
+          </mj-task-item>
+        }
+      </div>
+
+      <mj-task-form-modal
+        [isVisible]="isTaskModalVisible"
+        [task]="selectedTask"
+        [conversationId]="conversationId"
+        [currentUser]="currentUser"
+        (saved)="onTaskSaved($event)"
+        (cancelled)="onTaskModalCancelled()">
+      </mj-task-form-modal>
+    </div>
+  `, styles: ["\n    .task-list { display: flex; flex-direction: column; height: 100%; background: white; }\n    .task-header { padding: 16px; border-bottom: 1px solid #D9D9D9; display: flex; align-items: center; gap: 12px; }\n    .task-header h3 { margin: 0; font-size: 16px; flex: 1; }\n    .task-filters { display: flex; gap: 4px; }\n    .filter-btn { padding: 6px 12px; background: transparent; border: 1px solid #D9D9D9; border-radius: 4px; cursor: pointer; font-size: 13px; transition: all 150ms ease; position: relative; }\n    .filter-btn:hover { background: #F4F4F4; }\n    .filter-btn.active { background: #0076B6; color: white; border-color: #0076B6; }\n    .filter-badge { display: inline-block; margin-left: 6px; padding: 1px 6px; background: #C62828; color: white; border-radius: 10px; font-size: 10px; font-weight: bold; }\n    .filter-btn.active .filter-badge { background: rgba(255,255,255,0.3); }\n    .btn-add-task { padding: 6px 10px; background: #0076B6; color: white; border: none; border-radius: 4px; cursor: pointer; }\n    .btn-add-task:hover { background: #005A8C; }\n    .task-content { flex: 1; overflow-y: auto; }\n    .empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 24px; color: #999; }\n    .empty-state i { font-size: 48px; margin-bottom: 16px; }\n    .empty-state p { margin: 0; font-size: 14px; }\n  "] }]
+    }], () => [{ type: i1.DialogService }], { conversationId: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TaskListComponent, { className: "TaskListComponent", filePath: "src/lib/components/task/task-list.component.ts", lineNumber: 93 }); })();
+//# sourceMappingURL=task-list.component.js.map

package/dist/lib/components/task/task-list.component.js.map

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

package/dist/lib/components/tasks/tasks-dropdown.component.d.ts

@@ -0,0 +1,27 @@
+import { OnInit, OnDestroy, DoCheck } from '@angular/core';
+import { UserInfo } from '@memberjunction/core';
+import { TaskEntity } from '@memberjunction/core-entities';
+import { ConversationStateService } from '../../services/conversation-state.service';
+import * as i0 from "@angular/core";
+/**
+ * Tasks dropdown component for chat header
+ * Displays active tasks from the current conversation
+ */
+export declare class TasksDropdownComponent implements OnInit, OnDestroy, DoCheck {
+    private conversationState;
+    currentUser: UserInfo;
+    isOpen: boolean;
+    tasks: TaskEntity[];
+    taskCount: number;
+    private previousConversationId;
+    constructor(conversationState: ConversationStateService);
+    ngOnInit(): void;
+    ngDoCheck(): void;
+    ngOnDestroy(): void;
+    toggleDropdown(): void;
+    closeDropdown(): void;
+    private loadTasks;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TasksDropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TasksDropdownComponent, "mj-tasks-dropdown", never, { "currentUser": { "alias": "currentUser"; "required": false; }; }, {}, never, never, false, never>;
+}
+//# sourceMappingURL=tasks-dropdown.component.d.ts.map

package/dist/lib/components/tasks/tasks-dropdown.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tasks-dropdown.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/tasks/tasks-dropdown.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAW,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,UAAU,EAA4B,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;;AAErF;;;GAGG;AACH,qBAsPa,sBAAuB,YAAW,MAAM,EAAE,SAAS,EAAE,OAAO;IAQ3D,OAAO,CAAC,iBAAiB;IAP5B,WAAW,EAAG,QAAQ,CAAC;IAEzB,MAAM,EAAE,OAAO,CAAS;IACxB,KAAK,EAAE,UAAU,EAAE,CAAM;IACzB,SAAS,EAAE,MAAM,CAAK;IAC7B,OAAO,CAAC,sBAAsB,CAAuB;gBAEjC,iBAAiB,EAAE,wBAAwB;IAE/D,QAAQ;IAOR,SAAS;IAcT,WAAW;IAIX,cAAc,IAAI,IAAI;IAItB,aAAa,IAAI,IAAI;YAIP,SAAS;yCA3CZ,sBAAsB;2CAAtB,sBAAsB;CA4FlC"}