@memberjunction/ng-conversations 2.104.0

package/dist/lib/components/tasks/tasks-dropdown.component.js

@@ -0,0 +1,254 @@
+import { Component, Input } from '@angular/core';
+import { RunView } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/conversation-state.service";
+import * as i2 from "@angular/common";
+function TasksDropdownComponent_span_5_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.taskCount);
+} }
+function TasksDropdownComponent_div_6_div_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵelement(1, "i", 2);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No active tasks");
+    i0.ɵɵelementEnd()();
+} }
+function TasksDropdownComponent_div_6_div_10_span_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 22);
+    i0.ɵɵelement(1, "i", 23);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const task_r3 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", task_r3.PercentComplete, "% ");
+} }
+function TasksDropdownComponent_div_6_div_10_span_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 24);
+    i0.ɵɵelement(1, "i", 25);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const task_r3 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", task_r3.User, " ");
+} }
+function TasksDropdownComponent_div_6_div_10_span_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 24);
+    i0.ɵɵelement(1, "i", 26);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const task_r3 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", task_r3.Agent, " ");
+} }
+function TasksDropdownComponent_div_6_div_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵelement(1, "div", 16);
+    i0.ɵɵelementStart(2, "div", 17)(3, "div", 18);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 19);
+    i0.ɵɵtemplate(6, TasksDropdownComponent_div_6_div_10_span_6_Template, 3, 1, "span", 20)(7, TasksDropdownComponent_div_6_div_10_span_7_Template, 3, 1, "span", 21)(8, TasksDropdownComponent_div_6_div_10_span_8_Template, 3, 1, "span", 21);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const task_r3 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("data-status", task_r3.Status);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(task_r3.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", task_r3.PercentComplete != null);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", task_r3.User);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", task_r3.Agent);
+} }
+function TasksDropdownComponent_div_6_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6)(1, "div", 7)(2, "div", 8);
+    i0.ɵɵelement(3, "i", 2);
+    i0.ɵɵelementStart(4, "span");
+    i0.ɵɵtext(5, "Active Tasks");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "button", 9);
+    i0.ɵɵlistener("click", function TasksDropdownComponent_div_6_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeDropdown()); });
+    i0.ɵɵelement(7, "i", 10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 11);
+    i0.ɵɵtemplate(9, TasksDropdownComponent_div_6_div_9_Template, 4, 0, "div", 12)(10, TasksDropdownComponent_div_6_div_10_Template, 9, 5, "div", 13);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(9);
+    i0.ɵɵproperty("ngIf", ctx_r0.tasks.length === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r0.tasks);
+} }
+/**
+ * Tasks dropdown component for chat header
+ * Displays active tasks from the current conversation
+ */
+export class TasksDropdownComponent {
+    conversationState;
+    currentUser;
+    isOpen = false;
+    tasks = [];
+    taskCount = 0;
+    previousConversationId = null;
+    constructor(conversationState) {
+        this.conversationState = conversationState;
+    }
+    ngOnInit() {
+        // Initial load if there's an active conversation
+        if (this.conversationState.activeConversationId) {
+            this.loadTasks();
+        }
+    }
+    ngDoCheck() {
+        // Detect conversation changes
+        const currentId = this.conversationState.activeConversationId;
+        if (currentId !== this.previousConversationId) {
+            this.previousConversationId = currentId;
+            if (currentId) {
+                this.loadTasks();
+            }
+            else {
+                this.tasks = [];
+                this.taskCount = 0;
+            }
+        }
+    }
+    ngOnDestroy() {
+        // Cleanup if needed
+    }
+    toggleDropdown() {
+        this.isOpen = !this.isOpen;
+    }
+    closeDropdown() {
+        this.isOpen = false;
+    }
+    async loadTasks() {
+        const activeId = this.conversationState.activeConversationId;
+        if (!activeId) {
+            return;
+        }
+        try {
+            const rv = new RunView();
+            // First get conversation details for this conversation
+            const detailsResult = await rv.RunView({
+                EntityName: 'Conversation Details',
+                ExtraFilter: `ConversationID='${activeId}'`,
+                OrderBy: '__mj_CreatedAt ASC',
+                ResultType: 'entity_object'
+            }, this.currentUser);
+            if (!detailsResult.Success || !detailsResult.Results || detailsResult.Results.length === 0) {
+                this.tasks = [];
+                this.taskCount = 0;
+                return;
+            }
+            // Get all conversation detail IDs
+            const detailIds = detailsResult.Results.map(d => `'${d.ID}'`).join(',');
+            // Load tasks for these conversation details
+            const result = await rv.RunView({
+                EntityName: 'MJ: Tasks',
+                ExtraFilter: `ConversationDetailID IN (${detailIds}) AND Status IN ('Pending', 'In Progress')`,
+                OrderBy: '__mj_CreatedAt DESC',
+                MaxRows: 50,
+                ResultType: 'entity_object'
+            }, this.currentUser);
+            if (result.Success) {
+                this.tasks = result.Results || [];
+                this.taskCount = this.tasks.length;
+            }
+        }
+        catch (error) {
+            console.error('Failed to load tasks:', error);
+        }
+    }
+    static ɵfac = function TasksDropdownComponent_Factory(t) { return new (t || TasksDropdownComponent)(i0.ɵɵdirectiveInject(i1.ConversationStateService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TasksDropdownComponent, selectors: [["mj-tasks-dropdown"]], inputs: { currentUser: "currentUser" }, decls: 7, vars: 4, consts: [[1, "tasks-dropdown-container"], ["title", "View active tasks", 1, "active-tasks-btn", 3, "click"], [1, "fas", "fa-tasks"], ["class", "task-count-badge", 4, "ngIf"], ["class", "active-tasks-dropdown", 4, "ngIf"], [1, "task-count-badge"], [1, "active-tasks-dropdown"], [1, "dropdown-header"], [1, "header-left"], [1, "close-btn", 3, "click"], [1, "fas", "fa-times"], [1, "dropdown-content"], ["class", "no-tasks", 4, "ngIf"], ["class", "task-item", 4, "ngFor", "ngForOf"], [1, "no-tasks"], [1, "task-item"], [1, "task-status"], [1, "task-content"], [1, "task-title"], [1, "task-meta"], ["class", "task-progress", 4, "ngIf"], ["class", "task-assigned", 4, "ngIf"], [1, "task-progress"], [1, "fas", "fa-chart-line"], [1, "task-assigned"], [1, "fas", "fa-user"], [1, "fas", "fa-robot"]], template: function TasksDropdownComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "button", 1);
+            i0.ɵɵlistener("click", function TasksDropdownComponent_Template_button_click_1_listener() { return ctx.toggleDropdown(); });
+            i0.ɵɵelement(2, "i", 2);
+            i0.ɵɵelementStart(3, "span");
+            i0.ɵɵtext(4, "Tasks");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(5, TasksDropdownComponent_span_5_Template, 2, 1, "span", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(6, TasksDropdownComponent_div_6_Template, 11, 2, "div", 4);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("active", ctx.isOpen);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngIf", ctx.taskCount > 0);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.isOpen);
+        } }, dependencies: [i2.NgForOf, i2.NgIf], styles: [".tasks-dropdown-container[_ngcontent-%COMP%] {\n      position: relative;\n    }\n\n    .active-tasks-btn[_ngcontent-%COMP%] {\n      background: var(--gray-700, #374151);\n      color: white;\n      padding: 6px 12px;\n      border-radius: 6px;\n      font-size: 13px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      border: 1px solid #E5E7EB;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .active-tasks-btn[_ngcontent-%COMP%]:hover {\n      background: var(--gray-600, #4B5563);\n    }\n\n    .active-tasks-btn.active[_ngcontent-%COMP%] {\n      background: var(--navy, #1e40af);\n    }\n\n    .task-count-badge[_ngcontent-%COMP%] {\n      background: var(--navy, #1e40af);\n      color: white;\n      padding: 2px 6px;\n      border-radius: 10px;\n      font-size: 11px;\n      font-weight: bold;\n      min-width: 18px;\n      text-align: center;\n    }\n\n    .active-tasks-dropdown[_ngcontent-%COMP%] {\n      position: absolute;\n      top: calc(100% + 8px);\n      right: 0;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n      z-index: 1000;\n      min-width: 400px;\n      max-width: 500px;\n    }\n\n    .dropdown-header[_ngcontent-%COMP%] {\n      padding: 12px 16px;\n      border-bottom: 1px solid #E5E7EB;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .header-left[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-weight: 600;\n      color: #111827;\n    }\n\n    .header-left[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: var(--accent, #1e40af);\n    }\n\n    .close-btn[_ngcontent-%COMP%] {\n      background: none;\n      border: none;\n      color: #6B7280;\n      cursor: pointer;\n      font-size: 18px;\n      padding: 0;\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 4px;\n    }\n\n    .close-btn[_ngcontent-%COMP%]:hover {\n      background: #F3F4F6;\n      color: #111827;\n    }\n\n    .dropdown-content[_ngcontent-%COMP%] {\n      max-height: 400px;\n      overflow-y: auto;\n      padding: 8px;\n    }\n\n    .no-tasks[_ngcontent-%COMP%] {\n      padding: 32px 16px;\n      text-align: center;\n      color: #9CA3AF;\n    }\n\n    .no-tasks[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 32px;\n      margin-bottom: 8px;\n      opacity: 0.5;\n    }\n\n    .no-tasks[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 14px;\n    }\n\n    .task-item[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      padding: 12px;\n      border-radius: 6px;\n      margin-bottom: 4px;\n      cursor: pointer;\n      transition: background 150ms ease;\n    }\n\n    .task-item[_ngcontent-%COMP%]:hover {\n      background: #F9FAFB;\n    }\n\n    .task-status[_ngcontent-%COMP%] {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      margin-top: 6px;\n      flex-shrink: 0;\n    }\n\n    .task-status[data-status=\"Pending\"][_ngcontent-%COMP%] {\n      background: #9CA3AF;\n    }\n\n    .task-status[data-status=\"In Progress\"][_ngcontent-%COMP%] {\n      background: #3B82F6;\n    }\n\n    .task-status[data-status=\"Complete\"][_ngcontent-%COMP%] {\n      background: #10B981;\n    }\n\n    .task-status[data-status=\"Blocked\"][_ngcontent-%COMP%] {\n      background: #EF4444;\n    }\n\n    .task-status[data-status=\"Failed\"][_ngcontent-%COMP%] {\n      background: #DC2626;\n    }\n\n    .task-status[data-status=\"Cancelled\"][_ngcontent-%COMP%], .task-status[data-status=\"Deferred\"][_ngcontent-%COMP%] {\n      background: #6B7280;\n    }\n\n    .task-content[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .task-title[_ngcontent-%COMP%] {\n      font-size: 14px;\n      font-weight: 500;\n      color: #111827;\n      margin-bottom: 4px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .task-meta[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      font-size: 12px;\n      color: #6B7280;\n    }\n\n    .task-progress[_ngcontent-%COMP%], .task-assigned[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .task-progress[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], .task-assigned[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 10px;\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TasksDropdownComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-tasks-dropdown', template: `
+    <div class="tasks-dropdown-container">
+      <button
+        class="active-tasks-btn"
+        (click)="toggleDropdown()"
+        [class.active]="isOpen"
+        title="View active tasks">
+        <i class="fas fa-tasks"></i>
+        <span>Tasks</span>
+        <span class="task-count-badge" *ngIf="taskCount > 0">{{ taskCount }}</span>
+      </button>
+
+      <div class="active-tasks-dropdown" *ngIf="isOpen">
+        <div class="dropdown-header">
+          <div class="header-left">
+            <i class="fas fa-tasks"></i>
+            <span>Active Tasks</span>
+          </div>
+          <button class="close-btn" (click)="closeDropdown()">
+            <i class="fas fa-times"></i>
+          </button>
+        </div>
+        <div class="dropdown-content">
+          <div *ngIf="tasks.length === 0" class="no-tasks">
+            <i class="fas fa-tasks"></i>
+            <p>No active tasks</p>
+          </div>
+          <div *ngFor="let task of tasks" class="task-item">
+            <div class="task-status" [attr.data-status]="task.Status"></div>
+            <div class="task-content">
+              <div class="task-title">{{ task.Name }}</div>
+              <div class="task-meta">
+                <span class="task-progress" *ngIf="task.PercentComplete != null">
+                  <i class="fas fa-chart-line"></i>
+                  {{ task.PercentComplete }}%
+                </span>
+                <span class="task-assigned" *ngIf="task.User">
+                  <i class="fas fa-user"></i>
+                  {{ task.User }}
+                </span>
+                <span class="task-assigned" *ngIf="task.Agent">
+                  <i class="fas fa-robot"></i>
+                  {{ task.Agent }}
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  `, styles: ["\n    .tasks-dropdown-container {\n      position: relative;\n    }\n\n    .active-tasks-btn {\n      background: var(--gray-700, #374151);\n      color: white;\n      padding: 6px 12px;\n      border-radius: 6px;\n      font-size: 13px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      border: 1px solid #E5E7EB;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .active-tasks-btn:hover {\n      background: var(--gray-600, #4B5563);\n    }\n\n    .active-tasks-btn.active {\n      background: var(--navy, #1e40af);\n    }\n\n    .task-count-badge {\n      background: var(--navy, #1e40af);\n      color: white;\n      padding: 2px 6px;\n      border-radius: 10px;\n      font-size: 11px;\n      font-weight: bold;\n      min-width: 18px;\n      text-align: center;\n    }\n\n    .active-tasks-dropdown {\n      position: absolute;\n      top: calc(100% + 8px);\n      right: 0;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n      z-index: 1000;\n      min-width: 400px;\n      max-width: 500px;\n    }\n\n    .dropdown-header {\n      padding: 12px 16px;\n      border-bottom: 1px solid #E5E7EB;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .header-left {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-weight: 600;\n      color: #111827;\n    }\n\n    .header-left i {\n      color: var(--accent, #1e40af);\n    }\n\n    .close-btn {\n      background: none;\n      border: none;\n      color: #6B7280;\n      cursor: pointer;\n      font-size: 18px;\n      padding: 0;\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 4px;\n    }\n\n    .close-btn:hover {\n      background: #F3F4F6;\n      color: #111827;\n    }\n\n    .dropdown-content {\n      max-height: 400px;\n      overflow-y: auto;\n      padding: 8px;\n    }\n\n    .no-tasks {\n      padding: 32px 16px;\n      text-align: center;\n      color: #9CA3AF;\n    }\n\n    .no-tasks i {\n      font-size: 32px;\n      margin-bottom: 8px;\n      opacity: 0.5;\n    }\n\n    .no-tasks p {\n      margin: 0;\n      font-size: 14px;\n    }\n\n    .task-item {\n      display: flex;\n      gap: 12px;\n      padding: 12px;\n      border-radius: 6px;\n      margin-bottom: 4px;\n      cursor: pointer;\n      transition: background 150ms ease;\n    }\n\n    .task-item:hover {\n      background: #F9FAFB;\n    }\n\n    .task-status {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      margin-top: 6px;\n      flex-shrink: 0;\n    }\n\n    .task-status[data-status=\"Pending\"] {\n      background: #9CA3AF;\n    }\n\n    .task-status[data-status=\"In Progress\"] {\n      background: #3B82F6;\n    }\n\n    .task-status[data-status=\"Complete\"] {\n      background: #10B981;\n    }\n\n    .task-status[data-status=\"Blocked\"] {\n      background: #EF4444;\n    }\n\n    .task-status[data-status=\"Failed\"] {\n      background: #DC2626;\n    }\n\n    .task-status[data-status=\"Cancelled\"], .task-status[data-status=\"Deferred\"] {\n      background: #6B7280;\n    }\n\n    .task-content {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .task-title {\n      font-size: 14px;\n      font-weight: 500;\n      color: #111827;\n      margin-bottom: 4px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .task-meta {\n      display: flex;\n      gap: 12px;\n      font-size: 12px;\n      color: #6B7280;\n    }\n\n    .task-progress, .task-assigned {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .task-progress i, .task-assigned i {\n      font-size: 10px;\n    }\n  "] }]
+    }], () => [{ type: i1.ConversationStateService }], { currentUser: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TasksDropdownComponent, { className: "TasksDropdownComponent", filePath: "src/lib/components/tasks/tasks-dropdown.component.ts", lineNumber: 256 }); })();
+//# sourceMappingURL=tasks-dropdown.component.js.map

package/dist/lib/components/tasks/tasks-dropdown.component.js.map

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

package/dist/lib/components/thread/thread-panel.component.d.ts

@@ -0,0 +1,65 @@
+import { EventEmitter, OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { ConversationDetailEntity } from '@memberjunction/core-entities';
+import { UserInfo } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+/**
+ * Side panel component for displaying and managing threaded message replies
+ * Shows parent message at top with all replies in chronological order
+ */
+export declare class ThreadPanelComponent implements OnInit, OnDestroy {
+    private cdRef;
+    parentMessageId: string;
+    conversationId: string;
+    currentUser: UserInfo;
+    closed: EventEmitter<void>;
+    replyAdded: EventEmitter<ConversationDetailEntity>;
+    parentMessage: ConversationDetailEntity | null;
+    replies: ConversationDetailEntity[];
+    replyText: string;
+    isLoading: boolean;
+    isSending: boolean;
+    errorMessage: string;
+    private destroy$;
+    constructor(cdRef: ChangeDetectorRef);
+    ngOnInit(): Promise<void>;
+    ngOnDestroy(): void;
+    /**
+     * Loads the parent message and all replies
+     */
+    private loadThreadData;
+    /**
+     * Loads all replies for the parent message
+     */
+    private loadReplies;
+    /**
+     * Handles sending a new reply
+     */
+    onSendReply(): Promise<void>;
+    /**
+     * Handles closing the thread panel
+     */
+    onClose(): void;
+    /**
+     * Gets the display text for a message
+     */
+    getMessageText(message: ConversationDetailEntity): string;
+    /**
+     * Gets the timestamp display for a message
+     */
+    getMessageTime(message: ConversationDetailEntity): string;
+    /**
+     * Gets the sender name for a message
+     */
+    getSenderName(message: ConversationDetailEntity): string;
+    /**
+     * Checks if current user can send reply
+     */
+    get canSendReply(): boolean;
+    /**
+     * Gets the reply count text
+     */
+    get replyCountText(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThreadPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThreadPanelComponent, "mj-thread-panel", never, { "parentMessageId": { "alias": "parentMessageId"; "required": false; }; "conversationId": { "alias": "conversationId"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; }, { "closed": "closed"; "replyAdded": "replyAdded"; }, never, never, false, never>;
+}
+//# sourceMappingURL=thread-panel.component.d.ts.map

package/dist/lib/components/thread/thread-panel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/thread/thread-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC7G,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAqB,MAAM,sBAAsB,CAAC;;AAInE;;;GAGG;AACH,qBAKa,oBAAqB,YAAW,MAAM,EAAE,SAAS;IAiBhD,OAAO,CAAC,KAAK;IAhBhB,eAAe,EAAG,MAAM,CAAC;IACzB,cAAc,EAAG,MAAM,CAAC;IACxB,WAAW,EAAG,QAAQ,CAAC;IAEtB,MAAM,qBAA4B;IAClC,UAAU,yCAAgD;IAE7D,aAAa,EAAE,wBAAwB,GAAG,IAAI,CAAQ;IACtD,OAAO,EAAE,wBAAwB,EAAE,CAAM;IACzC,SAAS,EAAE,MAAM,CAAM;IACvB,SAAS,EAAE,OAAO,CAAS;IAC3B,SAAS,EAAE,OAAO,CAAS;IAC3B,YAAY,EAAE,MAAM,CAAM;IAEjC,OAAO,CAAC,QAAQ,CAAuB;gBAEnB,KAAK,EAAE,iBAAiB;IAEtC,QAAQ;IAId,WAAW;IAKX;;OAEG;YACW,cAAc;IA6B5B;;OAEG;YACW,WAAW;IAyBzB;;OAEG;IACG,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;IA4ClC;;OAEG;IACH,OAAO,IAAI,IAAI;IAIf;;OAEG;IACH,cAAc,CAAC,OAAO,EAAE,wBAAwB,GAAG,MAAM;IAIzD;;OAEG;IACH,cAAc,CAAC,OAAO,EAAE,wBAAwB,GAAG,MAAM;IAkBzD;;OAEG;IACH,aAAa,CAAC,OAAO,EAAE,wBAAwB,GAAG,MAAM;IAKxD;;OAEG;IACH,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED;;OAEG;IACH,IAAI,cAAc,IAAI,MAAM,CAG3B;yCA/LU,oBAAoB;2CAApB,oBAAoB;CAgMhC"}