@memberjunction/ng-conversations 2.104.0

package/dist/lib/components/sidebar/conversation-sidebar.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-sidebar.component.js","sourceRoot":"","sources":["../../../../src/lib/components/sidebar/conversation-sidebar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;;;;;;;IAUnD,8BAAmE;IACjE,0CAIuB;IACzB,iBAAM;;;IAJF,cAA+B;IAE/B,AADA,AADA,oDAA+B,mCACJ,uDACoB;;;IAGnD,8BAAiE;IAC/D,wCAGqB;IACvB,iBAAM;;;IAHF,cAA+B;IAC/B,AADA,oDAA+B,mCACJ;;AA+BrC,MAAM,OAAO,4BAA4B;IAQnB;IAPX,SAAS,GAAkB,eAAe,CAAC;IAC3C,aAAa,CAAU;IACvB,WAAW,CAAY;IACvB,qBAAqB,GAAkB,IAAI,CAAC;IAE9C,oBAAoB,GAAkB,IAAI,CAAC;IAElD,YAAoB,iBAA2C;QAA3C,sBAAiB,GAAjB,iBAAiB,CAA0B;IAAG,CAAC;IAEnE,QAAQ;QACN,8DAA8D;QAC9D,2DAA2D;QAC3D,wDAAwD;IAC1D,CAAC;sFAdU,4BAA4B;6DAA5B,4BAA4B;YA1CrC,8BAAkC;YAQhC,AAPA,6EAAmE,gEAOF;YAMnE,iBAAM;;YAbE,cAAmC;YAAnC,wDAAmC;YAOnC,cAAiC;YAAjC,sDAAiC;;;iFAkChC,4BAA4B;cA7CxC,SAAS;2BACE,yBAAyB,YACzB;;;;;;;;;;;;;;;;GAgBT;yDA4BQ,SAAS;kBAAjB,KAAK;YACG,aAAa;kBAArB,KAAK;YACG,WAAW;kBAAnB,KAAK;YACG,qBAAqB;kBAA7B,KAAK;;kFAJK,4BAA4B"}

package/dist/lib/components/task/task-form-modal.component.d.ts

@@ -0,0 +1,42 @@
+import { EventEmitter } from '@angular/core';
+import { TaskEntity } from '@memberjunction/core-entities';
+import { UserInfo } from '@memberjunction/core';
+import { ToastService } from '../../services/toast.service';
+import * as i0 from "@angular/core";
+export declare class TaskFormModalComponent {
+    private toastService;
+    isVisible: boolean;
+    task?: TaskEntity;
+    conversationId: string;
+    currentUser: UserInfo;
+    saved: EventEmitter<TaskEntity>;
+    cancelled: EventEmitter<void>;
+    formData: {
+        title: string;
+        description: string;
+        priority: string;
+        status: string;
+        dueDate: Date | null;
+    };
+    priorities: {
+        value: string;
+        label: string;
+    }[];
+    statuses: {
+        value: string;
+        label: string;
+    }[];
+    showValidation: boolean;
+    errorMessage: string;
+    isSaving: boolean;
+    constructor(toastService: ToastService);
+    ngOnChanges(): void;
+    private loadFormData;
+    onSave(): Promise<void>;
+    onCancel(): void;
+    private resetForm;
+    private capitalizeFirst;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaskFormModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaskFormModalComponent, "mj-task-form-modal", never, { "isVisible": { "alias": "isVisible"; "required": false; }; "task": { "alias": "task"; "required": false; }; "conversationId": { "alias": "conversationId"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; }, { "saved": "saved"; "cancelled": "cancelled"; }, never, never, false, never>;
+}
+//# sourceMappingURL=task-form-modal.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"task-form-modal.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/task/task-form-modal.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAY,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;;AAE5D,qBA6Ia,sBAAsB;IAkCrB,OAAO,CAAC,YAAY;IAjCvB,SAAS,UAAS;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,cAAc,EAAG,MAAM,CAAC;IACxB,WAAW,EAAG,QAAQ,CAAC;IACtB,KAAK,2BAAkC;IACvC,SAAS,qBAA4B;IAE/C,QAAQ;;;;;;MAMN;IAEF,UAAU;;;QAKR;IAEF,QAAQ;;;QAKN;IAEF,cAAc,UAAS;IACvB,YAAY,SAAM;IAClB,QAAQ,UAAS;gBAEG,YAAY,EAAE,YAAY;IAE9C,WAAW,IAAI,IAAI;IAMnB,OAAO,CAAC,YAAY;IAcd,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IA+C7B,QAAQ,IAAI,IAAI;IAKhB,OAAO,CAAC,SAAS;IAajB,OAAO,CAAC,eAAe;yCAzHZ,sBAAsB;2CAAtB,sBAAsB;CA4HlC"}

package/dist/lib/components/task/task-form-modal.component.js

@@ -0,0 +1,329 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Metadata } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/toast.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@progress/kendo-angular-dialog";
+import * as i5 from "@progress/kendo-angular-buttons";
+import * as i6 from "@progress/kendo-angular-inputs";
+import * as i7 from "@progress/kendo-angular-indicators";
+import * as i8 from "@progress/kendo-angular-dropdowns";
+import * as i9 from "@progress/kendo-angular-dateinputs";
+function TaskFormModalComponent_kendo_dialog_0_span_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 18);
+    i0.ɵɵtext(1, " Title is required ");
+    i0.ɵɵelementEnd();
+} }
+function TaskFormModalComponent_kendo_dialog_0_div_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.errorMessage, " ");
+} }
+function TaskFormModalComponent_kendo_dialog_0_div_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 19);
+    i0.ɵɵelement(1, "kendo-loader", 20);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Saving task...");
+    i0.ɵɵelementEnd()();
+} }
+function TaskFormModalComponent_kendo_dialog_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dialog", 1);
+    i0.ɵɵlistener("close", function TaskFormModalComponent_kendo_dialog_0_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
+    i0.ɵɵelementStart(1, "div", 2)(2, "div", 3)(3, "label", 4);
+    i0.ɵɵtext(4, "Title");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "input", 5);
+    i0.ɵɵtwoWayListener("ngModelChange", function TaskFormModalComponent_kendo_dialog_0_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.formData.title, $event) || (ctx_r1.formData.title = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("keydown.enter", function TaskFormModalComponent_kendo_dialog_0_Template_input_keydown_enter_5_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSave()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(6, TaskFormModalComponent_kendo_dialog_0_span_6_Template, 2, 0, "span", 6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 3)(8, "label", 7);
+    i0.ɵɵtext(9, "Description");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "textarea", 8);
+    i0.ɵɵtwoWayListener("ngModelChange", function TaskFormModalComponent_kendo_dialog_0_Template_textarea_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.formData.description, $event) || (ctx_r1.formData.description = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtext(11, "          ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "div", 3)(13, "label", 9);
+    i0.ɵɵtext(14, "Priority");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "kendo-dropdownlist", 10);
+    i0.ɵɵtwoWayListener("ngModelChange", function TaskFormModalComponent_kendo_dialog_0_Template_kendo_dropdownlist_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.formData.priority, $event) || (ctx_r1.formData.priority = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "div", 3)(17, "label", 11);
+    i0.ɵɵtext(18, "Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "kendo-dropdownlist", 12);
+    i0.ɵɵtwoWayListener("ngModelChange", function TaskFormModalComponent_kendo_dialog_0_Template_kendo_dropdownlist_ngModelChange_19_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.formData.status, $event) || (ctx_r1.formData.status = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(20, "div", 3)(21, "label", 13);
+    i0.ɵɵtext(22, "Due Date");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "kendo-datepicker", 14);
+    i0.ɵɵtwoWayListener("ngModelChange", function TaskFormModalComponent_kendo_dialog_0_Template_kendo_datepicker_ngModelChange_23_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.formData.dueDate, $event) || (ctx_r1.formData.dueDate = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(24, TaskFormModalComponent_kendo_dialog_0_div_24_Template, 2, 1, "div", 6)(25, TaskFormModalComponent_kendo_dialog_0_div_25_Template, 4, 0, "div", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "kendo-dialog-actions")(27, "button", 16);
+    i0.ɵɵlistener("click", function TaskFormModalComponent_kendo_dialog_0_Template_button_click_27_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
+    i0.ɵɵtext(28, "Cancel");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "button", 17);
+    i0.ɵɵlistener("click", function TaskFormModalComponent_kendo_dialog_0_Template_button_click_29_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSave()); });
+    i0.ɵɵtext(30);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("title", ctx_r1.task ? "Edit Task" : "New Task")("width", 500)("height", 450);
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassProp("error", ctx_r1.showValidation && !ctx_r1.formData.title);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formData.title);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.showValidation && !ctx_r1.formData.title);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formData.description);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formData.priority);
+    i0.ɵɵproperty("data", ctx_r1.priorities)("textField", "label")("valueField", "value");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formData.status);
+    i0.ɵɵproperty("data", ctx_r1.statuses)("textField", "label")("valueField", "value");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.formData.dueDate);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.errorMessage);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.isSaving);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.isSaving);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("primary", true)("disabled", ctx_r1.isSaving);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.task ? "Update" : "Create", " ");
+} }
+export class TaskFormModalComponent {
+    toastService;
+    isVisible = false;
+    task;
+    conversationId;
+    currentUser;
+    saved = new EventEmitter();
+    cancelled = new EventEmitter();
+    formData = {
+        title: '',
+        description: '',
+        priority: 'medium',
+        status: 'pending',
+        dueDate: null
+    };
+    priorities = [
+        { value: 'low', label: 'Low' },
+        { value: 'medium', label: 'Medium' },
+        { value: 'high', label: 'High' },
+        { value: 'urgent', label: 'Urgent' }
+    ];
+    statuses = [
+        { value: 'pending', label: 'Pending' },
+        { value: 'in_progress', label: 'In Progress' },
+        { value: 'completed', label: 'Completed' },
+        { value: 'cancelled', label: 'Cancelled' }
+    ];
+    showValidation = false;
+    errorMessage = '';
+    isSaving = false;
+    constructor(toastService) {
+        this.toastService = toastService;
+    }
+    ngOnChanges() {
+        if (this.isVisible) {
+            this.loadFormData();
+        }
+    }
+    loadFormData() {
+        if (this.task) {
+            this.formData = {
+                title: this.task.Name || '',
+                description: this.task.Description || '',
+                priority: 'medium', // Priority not used in Tasks entity
+                status: (this.task.Status || 'Pending').toLowerCase().replace(' ', '_'),
+                dueDate: this.task.DueAt ? new Date(this.task.DueAt) : null
+            };
+        }
+        else {
+            this.resetForm();
+        }
+    }
+    async onSave() {
+        this.showValidation = true;
+        this.errorMessage = '';
+        if (!this.formData.title.trim()) {
+            return;
+        }
+        this.isSaving = true;
+        try {
+            const md = new Metadata();
+            const taskEntity = this.task ||
+                await md.GetEntityObject('MJ: Tasks', this.currentUser);
+            taskEntity.Name = this.formData.title;
+            taskEntity.Description = this.formData.description || '';
+            // Priority field not available in Tasks entity
+            const statusValue = this.capitalizeFirst(this.formData.status.replace('_', ' '));
+            taskEntity.Status = statusValue;
+            taskEntity.DueAt = this.formData.dueDate || null;
+            if (!this.task) {
+                taskEntity.ConversationDetailID = this.conversationId;
+                taskEntity.PercentComplete = 0;
+            }
+            const saved = await taskEntity.Save();
+            if (saved) {
+                this.toastService.success(this.task ? 'Task updated successfully' : 'Task created successfully');
+                this.saved.emit(taskEntity);
+                this.resetForm();
+            }
+            else {
+                this.errorMessage = 'Failed to save task';
+                this.toastService.error(this.errorMessage);
+            }
+        }
+        catch (error) {
+            console.error('Error saving task:', error);
+            this.errorMessage = error instanceof Error ? error.message : 'Failed to save task';
+            this.toastService.error(this.errorMessage);
+        }
+        finally {
+            this.isSaving = false;
+        }
+    }
+    onCancel() {
+        this.cancelled.emit();
+        this.resetForm();
+    }
+    resetForm() {
+        this.formData = {
+            title: '',
+            description: '',
+            priority: 'medium',
+            status: 'pending',
+            dueDate: null
+        };
+        this.showValidation = false;
+        this.errorMessage = '';
+        this.isVisible = false;
+    }
+    capitalizeFirst(str) {
+        return str.charAt(0).toUpperCase() + str.slice(1);
+    }
+    static ɵfac = function TaskFormModalComponent_Factory(t) { return new (t || TaskFormModalComponent)(i0.ɵɵdirectiveInject(i1.ToastService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TaskFormModalComponent, selectors: [["mj-task-form-modal"]], inputs: { isVisible: "isVisible", task: "task", conversationId: "conversationId", currentUser: "currentUser" }, outputs: { saved: "saved", cancelled: "cancelled" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[3, "title", "width", "height", "close", 4, "ngIf"], [3, "close", "title", "width", "height"], [1, "task-form-content"], [1, "form-group"], ["for", "task-title", 1, "required"], ["id", "task-title", "kendoTextBox", "", "placeholder", "Enter task title", 3, "ngModelChange", "keydown.enter", "ngModel"], ["class", "error-message", 4, "ngIf"], ["for", "task-description"], ["id", "task-description", "kendoTextArea", "", "placeholder", "Enter task description (optional)", "rows", "4", 3, "ngModelChange", "ngModel"], ["for", "task-priority"], ["id", "task-priority", 3, "ngModelChange", "ngModel", "data", "textField", "valueField"], ["for", "task-status"], ["id", "task-status", 3, "ngModelChange", "ngModel", "data", "textField", "valueField"], ["for", "task-due-date"], ["id", "task-due-date", 3, "ngModelChange", "ngModel"], ["class", "loading-indicator", 4, "ngIf"], ["kendoButton", "", 3, "click", "disabled"], ["kendoButton", "", 3, "click", "primary", "disabled"], [1, "error-message"], [1, "loading-indicator"], ["type", "infinite-spinner", "size", "medium"]], template: function TaskFormModalComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, TaskFormModalComponent_kendo_dialog_0_Template, 31, 23, "kendo-dialog", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.isVisible);
+        } }, dependencies: [i2.NgIf, i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel, i4.DialogComponent, i4.DialogActionsComponent, i5.ButtonComponent, i6.TextAreaDirective, i6.TextBoxDirective, i7.LoaderComponent, i8.DropDownListComponent, i9.DatePickerComponent], styles: [".task-form-content[_ngcontent-%COMP%] {\n      padding: 20px;\n    }\n\n    .form-group[_ngcontent-%COMP%] {\n      margin-bottom: 20px;\n    }\n\n    .form-group[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n      display: block;\n      margin-bottom: 5px;\n      font-weight: 500;\n    }\n\n    .form-group[_ngcontent-%COMP%]   label.required[_ngcontent-%COMP%]::after {\n      content: '*';\n      color: #d32f2f;\n      margin-left: 4px;\n    }\n\n    input[kendoTextBox][_ngcontent-%COMP%], \n   textarea[kendoTextArea][_ngcontent-%COMP%], \n   kendo-dropdownlist[_ngcontent-%COMP%], \n   kendo-datepicker[_ngcontent-%COMP%] {\n      width: 100%;\n    }\n\n    .error[_ngcontent-%COMP%] {\n      border-color: #d32f2f;\n    }\n\n    .error-message[_ngcontent-%COMP%] {\n      display: block;\n      color: #d32f2f;\n      font-size: 12px;\n      margin-top: 5px;\n    }\n\n    .loading-indicator[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin-top: 15px;\n      color: #666;\n    }\n\n    kendo-dialog-actions[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: flex-end;\n      gap: 10px;\n      padding: 15px 20px;\n      border-top: 1px solid #e0e0e0;\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TaskFormModalComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-task-form-modal', template: `
+    <kendo-dialog
+      *ngIf="isVisible"
+      [title]="task ? 'Edit Task' : 'New Task'"
+      [width]="500"
+      [height]="450"
+      (close)="onCancel()">
+
+      <div class="task-form-content">
+        <div class="form-group">
+          <label for="task-title" class="required">Title</label>
+          <input
+            id="task-title"
+            kendoTextBox
+            [(ngModel)]="formData.title"
+            placeholder="Enter task title"
+            [class.error]="showValidation && !formData.title"
+            (keydown.enter)="onSave()"
+          />
+          <span class="error-message" *ngIf="showValidation && !formData.title">
+            Title is required
+          </span>
+        </div>
+
+        <div class="form-group">
+          <label for="task-description">Description</label>
+          <textarea
+            id="task-description"
+            kendoTextArea
+            [(ngModel)]="formData.description"
+            placeholder="Enter task description (optional)"
+            rows="4">
+          </textarea>
+        </div>
+
+        <div class="form-group">
+          <label for="task-priority">Priority</label>
+          <kendo-dropdownlist
+            id="task-priority"
+            [(ngModel)]="formData.priority"
+            [data]="priorities"
+            [textField]="'label'"
+            [valueField]="'value'">
+          </kendo-dropdownlist>
+        </div>
+
+        <div class="form-group">
+          <label for="task-status">Status</label>
+          <kendo-dropdownlist
+            id="task-status"
+            [(ngModel)]="formData.status"
+            [data]="statuses"
+            [textField]="'label'"
+            [valueField]="'value'">
+          </kendo-dropdownlist>
+        </div>
+
+        <div class="form-group">
+          <label for="task-due-date">Due Date</label>
+          <kendo-datepicker
+            id="task-due-date"
+            [(ngModel)]="formData.dueDate">
+          </kendo-datepicker>
+        </div>
+
+        <div class="error-message" *ngIf="errorMessage">
+          {{ errorMessage }}
+        </div>
+
+        <div class="loading-indicator" *ngIf="isSaving">
+          <kendo-loader type="infinite-spinner" size="medium"></kendo-loader>
+          <span>Saving task...</span>
+        </div>
+      </div>
+
+      <kendo-dialog-actions>
+        <button kendoButton [disabled]="isSaving" (click)="onCancel()">Cancel</button>
+        <button kendoButton [primary]="true" [disabled]="isSaving" (click)="onSave()">
+          {{ task ? 'Update' : 'Create' }}
+        </button>
+      </kendo-dialog-actions>
+    </kendo-dialog>
+  `, styles: ["\n    .task-form-content {\n      padding: 20px;\n    }\n\n    .form-group {\n      margin-bottom: 20px;\n    }\n\n    .form-group label {\n      display: block;\n      margin-bottom: 5px;\n      font-weight: 500;\n    }\n\n    .form-group label.required::after {\n      content: '*';\n      color: #d32f2f;\n      margin-left: 4px;\n    }\n\n    input[kendoTextBox],\n    textarea[kendoTextArea],\n    kendo-dropdownlist,\n    kendo-datepicker {\n      width: 100%;\n    }\n\n    .error {\n      border-color: #d32f2f;\n    }\n\n    .error-message {\n      display: block;\n      color: #d32f2f;\n      font-size: 12px;\n      margin-top: 5px;\n    }\n\n    .loading-indicator {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin-top: 15px;\n      color: #666;\n    }\n\n    kendo-dialog-actions {\n      display: flex;\n      justify-content: flex-end;\n      gap: 10px;\n      padding: 15px 20px;\n      border-top: 1px solid #e0e0e0;\n    }\n  "] }]
+    }], () => [{ type: i1.ToastService }], { isVisible: [{
+            type: Input
+        }], task: [{
+            type: Input
+        }], conversationId: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }], saved: [{
+            type: Output
+        }], cancelled: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TaskFormModalComponent, { className: "TaskFormModalComponent", filePath: "src/lib/components/task/task-form-modal.component.ts", lineNumber: 147 }); })();
+//# sourceMappingURL=task-form-modal.component.js.map

package/dist/lib/components/task/task-form-modal.component.js.map

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

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

@@ -0,0 +1,22 @@
+import { EventEmitter } from '@angular/core';
+import { TaskEntity } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+type DueDateStatus = 'overdue' | 'due-soon' | 'future' | 'completed' | 'none';
+export declare class TaskItemComponent {
+    task: TaskEntity;
+    disabled: boolean;
+    statusToggled: EventEmitter<TaskEntity>;
+    editRequested: EventEmitter<TaskEntity>;
+    deleteRequested: EventEmitter<TaskEntity>;
+    onToggleStatus(): void;
+    onEdit(): void;
+    onDelete(): void;
+    getDueDateStatus(): DueDateStatus;
+    getDueDateIcon(): string;
+    getRelativeDueDate(): string;
+    getDueDateTooltip(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaskItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaskItemComponent, "mj-task-item", never, { "task": { "alias": "task"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "statusToggled": "statusToggled"; "editRequested": "editRequested"; "deleteRequested": "deleteRequested"; }, never, never, false, never>;
+}
+export {};
+//# sourceMappingURL=task-item.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"task-item.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/task/task-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;;AAE3D,KAAK,aAAa,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,CAAC;AAE9E,qBA6Ea,iBAAiB;IACnB,IAAI,EAAG,UAAU,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAS;IAEzB,aAAa,2BAAkC;IAC/C,aAAa,2BAAkC;IAC/C,eAAe,2BAAkC;IAE3D,cAAc,IAAI,IAAI;IAItB,MAAM,IAAI,IAAI;IAId,QAAQ,IAAI,IAAI;IAIhB,gBAAgB,IAAI,aAAa;IAuBjC,cAAc,IAAI,MAAM;IAiBxB,kBAAkB,IAAI,MAAM;IA6C5B,iBAAiB,IAAI,MAAM;yCAzGhB,iBAAiB;2CAAjB,iBAAiB;CAwH7B"}