npm - @edvak99/voice-receptionist-widget - Versions diffs - 1.1.26 → 1.1.29 - Mend

@edvak99/voice-receptionist-widget 1.1.26 → 1.1.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1321) hide show

package/fesm2022/edvak99-voice-receptionist-widget-tasks-page.component-COk5Tyy3.mjs ADDED Viewed

@@ -0,0 +1,154 @@
+import { DatePipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, signal, computed, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { A as AiReceptionistApiService, n as DEFAULT_PAGE_SIZE, o as totalPages, f as EdButtonComponent, g as EdSkeletonComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-DOYlRven.mjs';
+import { a as TASK_TYPE_OPTIONS, t as taskStatusLabel, b as taskStatusTone, c as taskPriorityTone, d as taskSourceLabel, e as taskTypeTone, f as taskCallRoute, T as TaskDetailDrawerComponent } from './edvak99-voice-receptionist-widget-task-detail-drawer.component-fU9dsmkA.mjs';
+import { S as SmartTooltipDirective } from './edvak99-voice-receptionist-widget-smart-tooltip.directive-BSyOMZd4.mjs';
+import { T as TABLE_SKELETON_ROWS } from './edvak99-voice-receptionist-widget-table-skeleton.constants-C1Dg9Z_2.mjs';
+class TasksPageComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
+        this.pageSize = DEFAULT_PAGE_SIZE;
+        this.tasks = signal([]);
+        this.total = signal(0);
+        this.page = signal(1);
+        this.loading = signal(true);
+        this.skeletonRows = TABLE_SKELETON_ROWS;
+        this.selectedTask = signal(null);
+        /** Default to Open so staff see actionable work; Done tab for completed. */
+        this.statusFilter = signal('open');
+        this.typeFilter = signal('');
+        this.sourceFilter = signal('');
+        this.callIdFilter = signal('');
+        this.statusTabs = [
+            { id: 'open', label: 'Open' },
+            { id: 'in_progress', label: 'In progress' },
+            { id: 'done', label: 'Done' },
+            { id: '', label: 'All' },
+        ];
+        this.typeOptions = TASK_TYPE_OPTIONS;
+        this.taskStatusLabel = taskStatusLabel;
+        this.taskStatusTone = taskStatusTone;
+        this.taskPriorityTone = taskPriorityTone;
+        this.taskSourceLabel = taskSourceLabel;
+        this.taskTypeTone = taskTypeTone;
+        this.taskCallRoute = taskCallRoute;
+        this.hasActiveFilters = computed(() => !!this.typeFilter() ||
+            !!this.sourceFilter() ||
+            !!this.callIdFilter());
+    }
+    ngOnInit() {
+        const callId = this.route.snapshot.queryParamMap.get('callId') ?? '';
+        if (callId)
+            this.callIdFilter.set(callId);
+        this.load();
+    }
+    setStatusFilter(value) {
+        this.statusFilter.set(value);
+        this.page.set(1);
+        this.load();
+    }
+    setTypeFilter(value) {
+        this.typeFilter.set(value);
+        this.page.set(1);
+        this.load();
+    }
+    setSourceFilter(value) {
+        this.sourceFilter.set(value);
+        this.page.set(1);
+        this.load();
+    }
+    setCallIdFilter(value) {
+        this.callIdFilter.set(value);
+        this.page.set(1);
+        this.load();
+    }
+    clearFilters() {
+        this.statusFilter.set('open');
+        this.typeFilter.set('');
+        this.sourceFilter.set('');
+        this.callIdFilter.set('');
+        this.page.set(1);
+        this.load();
+    }
+    openCall(callId, event) {
+        event.stopPropagation();
+        void this.router.navigate(taskCallRoute(callId), { relativeTo: this.route });
+    }
+    openTask(task) {
+        this.selectedTask.set(task);
+    }
+    closeDrawer() {
+        this.selectedTask.set(null);
+    }
+    onStatusChange(status) {
+        const task = this.selectedTask();
+        if (!task)
+            return;
+        this.api.patchTask(task.id, status).subscribe(({ data }) => {
+            if (data) {
+                this.selectedTask.set(data);
+                // Refresh list so Open/Done tabs stay accurate after status change.
+                this.load();
+            }
+        });
+    }
+    totalPages() {
+        return totalPages(this.total(), DEFAULT_PAGE_SIZE);
+    }
+    prevPage() {
+        if (this.page() <= 1)
+            return;
+        this.page.update((p) => p - 1);
+        this.load();
+    }
+    nextPage() {
+        if (this.page() >= this.totalPages())
+            return;
+        this.page.update((p) => p + 1);
+        this.load();
+    }
+    load() {
+        this.loading.set(true);
+        const filters = {
+            page: this.page(),
+            limit: DEFAULT_PAGE_SIZE,
+        };
+        if (this.statusFilter())
+            filters.status = this.statusFilter();
+        if (this.typeFilter())
+            filters.type = this.typeFilter();
+        if (this.sourceFilter())
+            filters.source = this.sourceFilter();
+        if (this.callIdFilter().trim())
+            filters.callId = this.callIdFilter().trim();
+        this.api.getTasks(filters).subscribe({
+            next: ({ items, total, page }) => {
+                this.tasks.set(items);
+                this.total.set(total);
+                this.page.set(page);
+                this.loading.set(false);
+            },
+            error: () => this.loading.set(false),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TasksPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: TasksPageComponent, isStandalone: true, selector: "eds-tasks-page", host: { classAttribute: "block h-full min-h-0" }, ngImport: i0, template: "<div class=\"flex h-full min-h-0 flex-col overflow-hidden bg-lighter p-base tasks-page\">\r\n  <header class=\"relative z-10 mb-base flex shrink-0 items-start justify-between gap-base bg-lighter\">\r\n    <div>\r\n      <h4>Tasks & follow-ups</h4>\r\n      <p class=\"fs-sm text-light\">Action items from calls \u2014 all types, not just refills</p>\r\n    </div>\r\n  </header>\r\n\r\n  <nav class=\"mb-4 flex flex-wrap gap-2\" aria-label=\"Task status\">\r\n    @for (tab of statusTabs; track tab.id) {\r\n      <button\r\n        type=\"button\"\r\n        [class]=\"\r\n          statusFilter() === tab.id\r\n            ? 'cursor-pointer rounded-full border-none bg-blue-50 px-4 py-2 text-sm font-medium text-blue-600 transition-colors'\r\n            : 'cursor-pointer rounded-full border-none bg-transparent px-4 py-2 text-sm font-medium text-zinc-500 transition-colors hover:bg-white hover:text-zinc-700'\r\n        \"\r\n        (click)=\"setStatusFilter(tab.id)\"\r\n      >\r\n        {{ tab.label }}\r\n      </button>\r\n    }\r\n  </nav>\r\n\r\n  <section class=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-base bg-white shadow-sm\">\r\n    <div class=\"flex flex-wrap items-end gap-4 border-b border-zinc-200 px-6 py-4 max-[920px]:px-4 max-[920px]:py-4\">\r\n      <div class=\"mb-sm\">\r\n        <label for=\"task-type\">Type</label>\r\n        <select\r\n          id=\"task-type\"\r\n          class=\"form-select min-w-36\"\r\n          [value]=\"typeFilter()\"\r\n          (change)=\"setTypeFilter($any($event.target).value)\"\r\n          autocomplete=\"off\"\r\n        >\r\n          <option value=\"\">All types</option>\r\n          @for (t of typeOptions; track t) {\r\n            <option [value]=\"t\">{{ t }}</option>\r\n          }\r\n        </select>\r\n      </div>\r\n      <div class=\"mb-sm\">\r\n        <label for=\"task-source\">Source</label>\r\n        <select\r\n          id=\"task-source\"\r\n          class=\"form-select min-w-36\"\r\n          [value]=\"sourceFilter()\"\r\n          (change)=\"setSourceFilter($any($event.target).value)\"\r\n          autocomplete=\"off\"\r\n        >\r\n          <option value=\"\">All sources</option>\r\n          <option value=\"voice\">Voice</option>\r\n          <option value=\"sync\">Sync</option>\r\n          <option value=\"manual\">Manual</option>\r\n        </select>\r\n      </div>\r\n      <div class=\"mb-sm\">\r\n        <label for=\"task-call\">Call ID</label>\r\n        <input\r\n          id=\"task-call\"\r\n          class=\"form-input\"\r\n          type=\"text\"\r\n          [value]=\"callIdFilter()\"\r\n          placeholder=\"Filter by call\"\r\n          (change)=\"setCallIdFilter($any($event.target).value)\"\r\n          autocomplete=\"off\"\r\n        />\r\n      </div>\r\n      @if (hasActiveFilters()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"cursor-pointer border-none bg-transparent p-0 text-sm font-medium text-blue-600 hover:underline\"\r\n          (click)=\"clearFilters()\"\r\n        >\r\n          Clear filters\r\n        </button>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"eds-table-scroll min-h-0 min-w-0 flex-1\">\r\n      <table class=\"table-default eds-sticky-table min-w-3xl w-full\">\r\n          <thead>\r\n            <tr>\r\n              <th>Created</th>\r\n              <th>Title</th>\r\n              <th>Type</th>\r\n              <th>Patient</th>\r\n              <th>Priority</th>\r\n              <th>Status</th>\r\n              <th>Source</th>\r\n              <th>Call</th>\r\n            </tr>\r\n          </thead>\r\n          @if (loading()) {\r\n            <tbody aria-busy=\"true\">\r\n              @for (_ of skeletonRows; track _) {\r\n                <tr>\r\n                  <td><ed-skeleton class=\"h-3 w-24\"></ed-skeleton></td>\r\n                  <td><ed-skeleton class=\"h-3 w-48\"></ed-skeleton></td>\r\n                  <td><ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton></td>\r\n                  <td><ed-skeleton class=\"h-3 w-28\"></ed-skeleton></td>\r\n                  <td><ed-skeleton class=\"h-5 w-16 !rounded-full\"></ed-skeleton></td>\r\n                  <td><ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton></td>\r\n                  <td><ed-skeleton class=\"h-3 w-16\"></ed-skeleton></td>\r\n                  <td><ed-skeleton class=\"h-3 w-20\"></ed-skeleton></td>\r\n                </tr>\r\n              }\r\n            </tbody>\r\n          } @else {\r\n          <tbody>\r\n            @for (task of tasks(); track task.id) {\r\n              <tr tabindex=\"0\" (click)=\"openTask(task)\" (keyup.enter)=\"openTask(task)\">\r\n                <td class=\"fs-sm text-light\">{{ task.created | date: 'MM/dd/yy, h:mm a' }}</td>\r\n                <td>\r\n                  <span\r\n                    class=\"inline-block min-w-0 max-w-72 truncate font-medium text-dark\"\r\n                    [smartTooltip]=\"task.title\"\r\n                    [tooltipOnlyWhenTruncated]=\"true\"\r\n                  >{{ task.title }}</span>\r\n                </td>\r\n                <td><ed-badge-2 [attr.variant]=\"taskTypeTone(task.type)\">{{ task.type }}</ed-badge-2></td>\r\n                <td>\r\n                  <span\r\n                    class=\"inline-block min-w-0 max-w-56 truncate\"\r\n                    [smartTooltip]=\"task.patient\"\r\n                    [tooltipOnlyWhenTruncated]=\"true\"\r\n                  >{{ task.patient }}</span>\r\n                </td>\r\n                <td>\r\n                  <ed-badge-2 [attr.variant]=\"taskPriorityTone(task.priority)\">\r\n                    {{ task.priority === 'urgent' ? 'Urgent' : 'Normal' }}\r\n                  </ed-badge-2>\r\n                </td>\r\n                <td><ed-badge-2 [attr.variant]=\"taskStatusTone(task.status)\">{{ taskStatusLabel(task.status) }}</ed-badge-2></td>\r\n                <td class=\"fs-sm text-light\">{{ taskSourceLabel(task.source) }}</td>\r\n                <td (click)=\"$event.stopPropagation()\">\r\n                  @if (task.callId) {\r\n                    <button\r\n                      type=\"button\"\r\n                      class=\"eds-plain-nav text-sm font-medium text-dark\"\r\n                      (click)=\"openCall(task.callId, $event)\"\r\n                    >View call</button>\r\n                  } @else {\r\n                    <span class=\"text-zinc-500\">\u2014</span>\r\n                  }\r\n                </td>\r\n              </tr>\r\n            } @empty {\r\n              <tr>\r\n                <td colspan=\"8\" class=\"fs-sm text-light p-8\">No tasks match these filters.</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n          }\r\n        </table>\r\n      </div>\r\n\r\n    <footer class=\"flex items-center justify-between border-t border-zinc-200 px-6 py-4 text-sm text-zinc-500\">\r\n      <span>Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total</span>\r\n      <div class=\"flex gap-2\">\r\n        <ed-button variant=\"secondary\" outline size=\"sm\" [disabled]=\"page() <= 1\" (click$)=\"prevPage()\">Previous</ed-button>\r\n        <ed-button variant=\"secondary\" outline size=\"sm\" [disabled]=\"page() >= totalPages()\" (click$)=\"nextPage()\">Next</ed-button>\r\n      </div>\r\n    </footer>\r\n  </section>\r\n</div>\r\n\r\n@if (selectedTask(); as task) {\r\n  <eds-task-detail-drawer\r\n    [task]=\"task\"\r\n    (closed)=\"closeDrawer()\"\r\n    (statusChange)=\"onStatusChange($event)\"\r\n  />\r\n}\r\n", dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "component", type: EdButtonComponent, selector: "ed-button", inputs: ["variant", "size", "disabled", "ghost", "outline", "subtle", "fill", "loading", "block", "elevated", "shape", "type", "href", "routerLink", "rel", "target", "download", "ariaLabel"], outputs: ["click$"] }, { kind: "component", type: TaskDetailDrawerComponent, selector: "eds-task-detail-drawer", inputs: ["task"], outputs: ["closed", "statusChange"] }, { kind: "directive", type: SmartTooltipDirective, selector: "[smartTooltip]", inputs: ["smartTooltip", "tooltipAllowHtml", "tooltipTemplate", "tooltipTemplateContext", "tooltipPlacement", "tooltipTrigger", "tooltipDelayShow", "tooltipDelayHide", "tooltipOffset", "tooltipMaxWidth", "tooltipZIndex", "tooltipClass", "tooltipDisabled", "tooltipArrow", "tooltipHoverIntentMs", "tooltipHoverIntentRadius", "tooltipId", "tooltipRole", "tooltipAnimEnterMs", "tooltipAnimExitMs", "tooltipAnimEasing", "tooltipHoverable", "tooltipHandoffMs", "tooltipOpen", "tooltipOnlyWhenTruncated"] }, { kind: "component", type: EdSkeletonComponent, selector: "ed-skeleton", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TasksPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-tasks-page', imports: [
+                        DatePipe,
+                        EdButtonComponent,
+                        TaskDetailDrawerComponent,
+                        SmartTooltipDirective,
+                        EdSkeletonComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'block h-full min-h-0' }, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"flex h-full min-h-0 flex-col overflow-hidden bg-lighter p-base tasks-page\">\r\n  <header class=\"relative z-10 mb-base flex shrink-0 items-start justify-between gap-base bg-lighter\">\r\n    <div>\r\n      <h4>Tasks & follow-ups</h4>\r\n      <p class=\"fs-sm text-light\">Action items from calls \u2014 all types, not just refills</p>\r\n    </div>\r\n  </header>\r\n\r\n  <nav class=\"mb-4 flex flex-wrap gap-2\" aria-label=\"Task status\">\r\n    @for (tab of statusTabs; track tab.id) {\r\n      <button\r\n        type=\"button\"\r\n        [class]=\"\r\n          statusFilter() === tab.id\r\n            ? 'cursor-pointer rounded-full border-none bg-blue-50 px-4 py-2 text-sm font-medium text-blue-600 transition-colors'\r\n            : 'cursor-pointer rounded-full border-none bg-transparent px-4 py-2 text-sm font-medium text-zinc-500 transition-colors hover:bg-white hover:text-zinc-700'\r\n        \"\r\n        (click)=\"setStatusFilter(tab.id)\"\r\n      >\r\n        {{ tab.label }}\r\n      </button>\r\n    }\r\n  </nav>\r\n\r\n  <section class=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-base bg-white shadow-sm\">\r\n    <div class=\"flex flex-wrap items-end gap-4 border-b border-zinc-200 px-6 py-4 max-[920px]:px-4 max-[920px]:py-4\">\r\n      <div class=\"mb-sm\">\r\n        <label for=\"task-type\">Type</label>\r\n        <select\r\n          id=\"task-type\"\r\n          class=\"form-select min-w-36\"\r\n          [value]=\"typeFilter()\"\r\n          (change)=\"setTypeFilter($any($event.target).value)\"\r\n          autocomplete=\"off\"\r\n        >\r\n          <option value=\"\">All types</option>\r\n          @for (t of typeOptions; track t) {\r\n            <option [value]=\"t\">{{ t }}</option>\r\n          }\r\n        </select>\r\n      </div>\r\n      <div class=\"mb-sm\">\r\n        <label for=\"task-source\">Source</label>\r\n        <select\r\n          id=\"task-source\"\r\n          class=\"form-select min-w-36\"\r\n          [value]=\"sourceFilter()\"\r\n          (change)=\"setSourceFilter($any($event.target).value)\"\r\n          autocomplete=\"off\"\r\n        >\r\n          <option value=\"\">All sources</option>\r\n          <option value=\"voice\">Voice</option>\r\n          <option value=\"sync\">Sync</option>\r\n          <option value=\"manual\">Manual</option>\r\n        </select>\r\n      </div>\r\n      <div class=\"mb-sm\">\r\n        <label for=\"task-call\">Call ID</label>\r\n        <input\r\n          id=\"task-call\"\r\n          class=\"form-input\"\r\n          type=\"text\"\r\n          [value]=\"callIdFilter()\"\r\n          placeholder=\"Filter by call\"\r\n          (change)=\"setCallIdFilter($any($event.target).value)\"\r\n          autocomplete=\"off\"\r\n        />\r\n      </div>\r\n      @if (hasActiveFilters()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"cursor-pointer border-none bg-transparent p-0 text-sm font-medium text-blue-600 hover:underline\"\r\n          (click)=\"clearFilters()\"\r\n        >\r\n          Clear filters\r\n        </button>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"eds-table-scroll min-h-0 min-w-0 flex-1\">\r\n      <table class=\"table-default eds-sticky-table min-w-3xl w-full\">\r\n          <thead>\r\n            <tr>\r\n              <th>Created</th>\r\n              <th>Title</th>\r\n              <th>Type</th>\r\n              <th>Patient</th>\r\n              <th>Priority</th>\r\n              <th>Status</th>\r\n              <th>Source</th>\r\n              <th>Call</th>\r\n            </tr>\r\n          </thead>\r\n          @if (loading()) {\r\n            <tbody aria-busy=\"true\">\r\n              @for (_ of skeletonRows; track _) {\r\n                <tr>\r\n                  <td><ed-skeleton class=\"h-3 w-24\"></ed-skeleton></td>\r\n                  <td><ed-skeleton class=\"h-3 w-48\"></ed-skeleton></td>\r\n                  <td><ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton></td>\r\n                  <td><ed-skeleton class=\"h-3 w-28\"></ed-skeleton></td>\r\n                  <td><ed-skeleton class=\"h-5 w-16 !rounded-full\"></ed-skeleton></td>\r\n                  <td><ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton></td>\r\n                  <td><ed-skeleton class=\"h-3 w-16\"></ed-skeleton></td>\r\n                  <td><ed-skeleton class=\"h-3 w-20\"></ed-skeleton></td>\r\n                </tr>\r\n              }\r\n            </tbody>\r\n          } @else {\r\n          <tbody>\r\n            @for (task of tasks(); track task.id) {\r\n              <tr tabindex=\"0\" (click)=\"openTask(task)\" (keyup.enter)=\"openTask(task)\">\r\n                <td class=\"fs-sm text-light\">{{ task.created | date: 'MM/dd/yy, h:mm a' }}</td>\r\n                <td>\r\n                  <span\r\n                    class=\"inline-block min-w-0 max-w-72 truncate font-medium text-dark\"\r\n                    [smartTooltip]=\"task.title\"\r\n                    [tooltipOnlyWhenTruncated]=\"true\"\r\n                  >{{ task.title }}</span>\r\n                </td>\r\n                <td><ed-badge-2 [attr.variant]=\"taskTypeTone(task.type)\">{{ task.type }}</ed-badge-2></td>\r\n                <td>\r\n                  <span\r\n                    class=\"inline-block min-w-0 max-w-56 truncate\"\r\n                    [smartTooltip]=\"task.patient\"\r\n                    [tooltipOnlyWhenTruncated]=\"true\"\r\n                  >{{ task.patient }}</span>\r\n                </td>\r\n                <td>\r\n                  <ed-badge-2 [attr.variant]=\"taskPriorityTone(task.priority)\">\r\n                    {{ task.priority === 'urgent' ? 'Urgent' : 'Normal' }}\r\n                  </ed-badge-2>\r\n                </td>\r\n                <td><ed-badge-2 [attr.variant]=\"taskStatusTone(task.status)\">{{ taskStatusLabel(task.status) }}</ed-badge-2></td>\r\n                <td class=\"fs-sm text-light\">{{ taskSourceLabel(task.source) }}</td>\r\n                <td (click)=\"$event.stopPropagation()\">\r\n                  @if (task.callId) {\r\n                    <button\r\n                      type=\"button\"\r\n                      class=\"eds-plain-nav text-sm font-medium text-dark\"\r\n                      (click)=\"openCall(task.callId, $event)\"\r\n                    >View call</button>\r\n                  } @else {\r\n                    <span class=\"text-zinc-500\">\u2014</span>\r\n                  }\r\n                </td>\r\n              </tr>\r\n            } @empty {\r\n              <tr>\r\n                <td colspan=\"8\" class=\"fs-sm text-light p-8\">No tasks match these filters.</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n          }\r\n        </table>\r\n      </div>\r\n\r\n    <footer class=\"flex items-center justify-between border-t border-zinc-200 px-6 py-4 text-sm text-zinc-500\">\r\n      <span>Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total</span>\r\n      <div class=\"flex gap-2\">\r\n        <ed-button variant=\"secondary\" outline size=\"sm\" [disabled]=\"page() <= 1\" (click$)=\"prevPage()\">Previous</ed-button>\r\n        <ed-button variant=\"secondary\" outline size=\"sm\" [disabled]=\"page() >= totalPages()\" (click$)=\"nextPage()\">Next</ed-button>\r\n      </div>\r\n    </footer>\r\n  </section>\r\n</div>\r\n\r\n@if (selectedTask(); as task) {\r\n  <eds-task-detail-drawer\r\n    [task]=\"task\"\r\n    (closed)=\"closeDrawer()\"\r\n    (statusChange)=\"onStatusChange($event)\"\r\n  />\r\n}\r\n" }]
+        }] });
+export { TasksPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-tasks-page.component-COk5Tyy3.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-tasks-page.component-COk5Tyy3.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"edvak99-voice-receptionist-widget-tasks-page.component-COk5Tyy3.mjs","sources":["../../../src/lib/pages/tasks-page/tasks-page.component.ts","../../../src/lib/pages/tasks-page/tasks-page.component.html"],"sourcesContent":["import { DatePipe } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA, computed, inject, OnInit, signal } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\n\r\nimport { EdButtonComponent } from '../../ui/ed-button.component';\r\nimport { EdSkeletonComponent } from '../../ui/ed-skeleton.component';\r\n\r\nimport { TaskDetailDrawerComponent } from '../../components/task-detail-drawer/task-detail-drawer.component';\r\n\r\nimport { SmartTooltipDirective } from '../../shared/smart-tooltip.directive';\r\nimport { TABLE_SKELETON_ROWS } from '../../shared/table-skeleton.constants';\r\nimport {\r\n TaskFilters,\r\n TaskItem,\r\n TaskSource,\r\n TaskStatus,\r\n} from '../../models/ai-receptionist.types';\r\nimport { DEFAULT_PAGE_SIZE, totalPages as calcTotalPages } from '../../models/pagination';\r\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\r\nimport {\r\n TASK_TYPE_OPTIONS,\r\n taskCallRoute,\r\n taskPriorityTone,\r\n taskSourceLabel,\r\n taskStatusLabel,\r\n taskStatusTone,\r\n taskTypeTone,\r\n} from '../../utils/task.util';\r\n\r\n@Component({\r\n selector: 'eds-tasks-page',\r\n imports: [\r\n DatePipe,\r\n EdButtonComponent,\r\n TaskDetailDrawerComponent,\r\n SmartTooltipDirective,\r\n EdSkeletonComponent,\r\n ],\r\n templateUrl: './tasks-page.component.html',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: { class: 'block h-full min-h-0' },\r\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n})\r\nexport class TasksPageComponent implements OnInit {\r\n private readonly api = inject(AiReceptionistApiService);\r\n private readonly route = inject(ActivatedRoute);\r\n private readonly router = inject(Router);\r\n\r\n protected readonly pageSize = DEFAULT_PAGE_SIZE;\r\n protected readonly tasks = signal<TaskItem[]>([]);\r\n protected readonly total = signal(0);\r\n protected readonly page = signal(1);\r\n protected readonly loading = signal(true);\r\n protected readonly skeletonRows = TABLE_SKELETON_ROWS;\r\n protected readonly selectedTask = signal<TaskItem | null>(null);\r\n\r\n /** Default to Open so staff see actionable work; Done tab for completed. */\r\n protected readonly statusFilter = signal<'' | TaskStatus>('open');\r\n protected readonly typeFilter = signal('');\r\n protected readonly sourceFilter = signal<'' | TaskSource>('');\r\n protected readonly callIdFilter = signal('');\r\n\r\n protected readonly statusTabs: { id: '' | TaskStatus; label: string }[] = [\r\n { id: 'open', label: 'Open' },\r\n { id: 'in_progress', label: 'In progress' },\r\n { id: 'done', label: 'Done' },\r\n { id: '', label: 'All' },\r\n ];\r\n\r\n protected readonly typeOptions = TASK_TYPE_OPTIONS;\r\n protected readonly taskStatusLabel = taskStatusLabel;\r\n protected readonly taskStatusTone = taskStatusTone;\r\n protected readonly taskPriorityTone = taskPriorityTone;\r\n protected readonly taskSourceLabel = taskSourceLabel;\r\n protected readonly taskTypeTone = taskTypeTone;\r\n protected readonly taskCallRoute = taskCallRoute;\r\n\r\n protected readonly hasActiveFilters = computed(\r\n () =>\r\n !!this.typeFilter() ||\r\n !!this.sourceFilter() ||\r\n !!this.callIdFilter(),\r\n );\r\n\r\n ngOnInit(): void {\r\n const callId = this.route.snapshot.queryParamMap.get('callId') ?? '';\r\n if (callId) this.callIdFilter.set(callId);\r\n this.load();\r\n }\r\n\r\n protected setStatusFilter(value: string): void {\r\n this.statusFilter.set(value as '' | TaskStatus);\r\n this.page.set(1);\r\n this.load();\r\n }\r\n\r\n protected setTypeFilter(value: string): void {\r\n this.typeFilter.set(value);\r\n this.page.set(1);\r\n this.load();\r\n }\r\n\r\n protected setSourceFilter(value: string): void {\r\n this.sourceFilter.set(value as '' | TaskSource);\r\n this.page.set(1);\r\n this.load();\r\n }\r\n\r\n protected setCallIdFilter(value: string): void {\r\n this.callIdFilter.set(value);\r\n this.page.set(1);\r\n this.load();\r\n }\r\n\r\n protected clearFilters(): void {\r\n this.statusFilter.set('open');\r\n this.typeFilter.set('');\r\n this.sourceFilter.set('');\r\n this.callIdFilter.set('');\r\n this.page.set(1);\r\n this.load();\r\n }\r\n\r\n protected openCall(callId: string, event: Event): void {\r\n event.stopPropagation();\r\n void this.router.navigate(taskCallRoute(callId), { relativeTo: this.route });\r\n }\r\n\r\n protected openTask(task: TaskItem): void {\r\n this.selectedTask.set(task);\r\n }\r\n\r\n protected closeDrawer(): void {\r\n this.selectedTask.set(null);\r\n }\r\n\r\n protected onStatusChange(status: TaskStatus): void {\r\n const task = this.selectedTask();\r\n if (!task) return;\r\n this.api.patchTask(task.id, status).subscribe(({ data }) => {\r\n if (data) {\r\n this.selectedTask.set(data);\r\n // Refresh list so Open/Done tabs stay accurate after status change.\r\n this.load();\r\n }\r\n });\r\n }\r\n\r\n protected totalPages(): number {\r\n return calcTotalPages(this.total(), DEFAULT_PAGE_SIZE);\r\n }\r\n\r\n protected prevPage(): void {\r\n if (this.page() <= 1) return;\r\n this.page.update((p) => p - 1);\r\n this.load();\r\n }\r\n\r\n protected nextPage(): void {\r\n if (this.page() >= this.totalPages()) return;\r\n this.page.update((p) => p + 1);\r\n this.load();\r\n }\r\n\r\n private load(): void {\r\n this.loading.set(true);\r\n const filters: TaskFilters = {\r\n page: this.page(),\r\n limit: DEFAULT_PAGE_SIZE,\r\n };\r\n if (this.statusFilter()) filters.status = this.statusFilter() as TaskStatus;\r\n if (this.typeFilter()) filters.type = this.typeFilter();\r\n if (this.sourceFilter()) filters.source = this.sourceFilter() as TaskSource;\r\n if (this.callIdFilter().trim()) filters.callId = this.callIdFilter().trim();\r\n\r\n this.api.getTasks(filters).subscribe({\r\n next: ({ items, total, page }) => {\r\n this.tasks.set(items);\r\n this.total.set(total);\r\n this.page.set(page);\r\n this.loading.set(false);\r\n },\r\n error: () => this.loading.set(false),\r\n });\r\n }\r\n}\r\n","<div class=\"flex h-full min-h-0 flex-col overflow-hidden bg-lighter p-base tasks-page\">\r\n <header class=\"relative z-10 mb-base flex shrink-0 items-start justify-between gap-base bg-lighter\">\r\n <div>\r\n <h4>Tasks & follow-ups</h4>\r\n <p class=\"fs-sm text-light\">Action items from calls — all types, not just refills</p>\r\n </div>\r\n </header>\r\n\r\n <nav class=\"mb-4 flex flex-wrap gap-2\" aria-label=\"Task status\">\r\n @for (tab of statusTabs; track tab.id) {\r\n <button\r\n type=\"button\"\r\n [class]=\"\r\n statusFilter() === tab.id\r\n ? 'cursor-pointer rounded-full border-none bg-blue-50 px-4 py-2 text-sm font-medium text-blue-600 transition-colors'\r\n : 'cursor-pointer rounded-full border-none bg-transparent px-4 py-2 text-sm font-medium text-zinc-500 transition-colors hover:bg-white hover:text-zinc-700'\r\n \"\r\n (click)=\"setStatusFilter(tab.id)\"\r\n >\r\n {{ tab.label }}\r\n </button>\r\n }\r\n </nav>\r\n\r\n <section class=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-base bg-white shadow-sm\">\r\n <div class=\"flex flex-wrap items-end gap-4 border-b border-zinc-200 px-6 py-4 max-[920px]:px-4 max-[920px]:py-4\">\r\n <div class=\"mb-sm\">\r\n <label for=\"task-type\">Type</label>\r\n <select\r\n id=\"task-type\"\r\n class=\"form-select min-w-36\"\r\n [value]=\"typeFilter()\"\r\n (change)=\"setTypeFilter($any($event.target).value)\"\r\n autocomplete=\"off\"\r\n >\r\n <option value=\"\">All types</option>\r\n @for (t of typeOptions; track t) {\r\n <option [value]=\"t\">{{ t }}</option>\r\n }\r\n </select>\r\n </div>\r\n <div class=\"mb-sm\">\r\n <label for=\"task-source\">Source</label>\r\n <select\r\n id=\"task-source\"\r\n class=\"form-select min-w-36\"\r\n [value]=\"sourceFilter()\"\r\n (change)=\"setSourceFilter($any($event.target).value)\"\r\n autocomplete=\"off\"\r\n >\r\n <option value=\"\">All sources</option>\r\n <option value=\"voice\">Voice</option>\r\n <option value=\"sync\">Sync</option>\r\n <option value=\"manual\">Manual</option>\r\n </select>\r\n </div>\r\n <div class=\"mb-sm\">\r\n <label for=\"task-call\">Call ID</label>\r\n <input\r\n id=\"task-call\"\r\n class=\"form-input\"\r\n type=\"text\"\r\n [value]=\"callIdFilter()\"\r\n placeholder=\"Filter by call\"\r\n (change)=\"setCallIdFilter($any($event.target).value)\"\r\n autocomplete=\"off\"\r\n />\r\n </div>\r\n @if (hasActiveFilters()) {\r\n <button\r\n type=\"button\"\r\n class=\"cursor-pointer border-none bg-transparent p-0 text-sm font-medium text-blue-600 hover:underline\"\r\n (click)=\"clearFilters()\"\r\n >\r\n Clear filters\r\n </button>\r\n }\r\n </div>\r\n\r\n <div class=\"eds-table-scroll min-h-0 min-w-0 flex-1\">\r\n <table class=\"table-default eds-sticky-table min-w-3xl w-full\">\r\n <thead>\r\n <tr>\r\n <th>Created</th>\r\n <th>Title</th>\r\n <th>Type</th>\r\n <th>Patient</th>\r\n <th>Priority</th>\r\n <th>Status</th>\r\n <th>Source</th>\r\n <th>Call</th>\r\n </tr>\r\n </thead>\r\n @if (loading()) {\r\n <tbody aria-busy=\"true\">\r\n @for (_ of skeletonRows; track _) {\r\n <tr>\r\n <td><ed-skeleton class=\"h-3 w-24\"></ed-skeleton></td>\r\n <td><ed-skeleton class=\"h-3 w-48\"></ed-skeleton></td>\r\n <td><ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton></td>\r\n <td><ed-skeleton class=\"h-3 w-28\"></ed-skeleton></td>\r\n <td><ed-skeleton class=\"h-5 w-16 !rounded-full\"></ed-skeleton></td>\r\n <td><ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton></td>\r\n <td><ed-skeleton class=\"h-3 w-16\"></ed-skeleton></td>\r\n <td><ed-skeleton class=\"h-3 w-20\"></ed-skeleton></td>\r\n </tr>\r\n }\r\n </tbody>\r\n } @else {\r\n <tbody>\r\n @for (task of tasks(); track task.id) {\r\n <tr tabindex=\"0\" (click)=\"openTask(task)\" (keyup.enter)=\"openTask(task)\">\r\n <td class=\"fs-sm text-light\">{{ task.created | date: 'MM/dd/yy, h:mm a' }}</td>\r\n <td>\r\n <span\r\n class=\"inline-block min-w-0 max-w-72 truncate font-medium text-dark\"\r\n [smartTooltip]=\"task.title\"\r\n [tooltipOnlyWhenTruncated]=\"true\"\r\n >{{ task.title }}</span>\r\n </td>\r\n <td><ed-badge-2 [attr.variant]=\"taskTypeTone(task.type)\">{{ task.type }}</ed-badge-2></td>\r\n <td>\r\n <span\r\n class=\"inline-block min-w-0 max-w-56 truncate\"\r\n [smartTooltip]=\"task.patient\"\r\n [tooltipOnlyWhenTruncated]=\"true\"\r\n >{{ task.patient }}</span>\r\n </td>\r\n <td>\r\n <ed-badge-2 [attr.variant]=\"taskPriorityTone(task.priority)\">\r\n {{ task.priority === 'urgent' ? 'Urgent' : 'Normal' }}\r\n </ed-badge-2>\r\n </td>\r\n <td><ed-badge-2 [attr.variant]=\"taskStatusTone(task.status)\">{{ taskStatusLabel(task.status) }}</ed-badge-2></td>\r\n <td class=\"fs-sm text-light\">{{ taskSourceLabel(task.source) }}</td>\r\n <td (click)=\"$event.stopPropagation()\">\r\n @if (task.callId) {\r\n <button\r\n type=\"button\"\r\n class=\"eds-plain-nav text-sm font-medium text-dark\"\r\n (click)=\"openCall(task.callId, $event)\"\r\n >View call</button>\r\n } @else {\r\n <span class=\"text-zinc-500\">—</span>\r\n }\r\n </td>\r\n </tr>\r\n } @empty {\r\n <tr>\r\n <td colspan=\"8\" class=\"fs-sm text-light p-8\">No tasks match these filters.</td>\r\n </tr>\r\n }\r\n </tbody>\r\n }\r\n </table>\r\n </div>\r\n\r\n <footer class=\"flex items-center justify-between border-t border-zinc-200 px-6 py-4 text-sm text-zinc-500\">\r\n <span>Page {{ page() }} of {{ totalPages() }} · {{ total() }} total</span>\r\n <div class=\"flex gap-2\">\r\n <ed-button variant=\"secondary\" outline size=\"sm\" [disabled]=\"page() <= 1\" (click$)=\"prevPage()\">Previous</ed-button>\r\n <ed-button variant=\"secondary\" outline size=\"sm\" [disabled]=\"page() >= totalPages()\" (click$)=\"nextPage()\">Next</ed-button>\r\n </div>\r\n </footer>\r\n </section>\r\n</div>\r\n\r\n@if (selectedTask(); as task) {\r\n <eds-task-detail-drawer\r\n [task]=\"task\"\r\n (closed)=\"closeDrawer()\"\r\n (statusChange)=\"onStatusChange($event)\"\r\n />\r\n}\r\n"],"names":["calcTotalPages"],"mappings":"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"}

package/fesm2022/edvak99-voice-receptionist-widget-transcript-timing.util-Bbt6JFKa.mjs ADDED Viewed

@@ -0,0 +1,107 @@
+/** Parse tool timestamp strings like "1:02" or "0:42" into seconds. */
+function parseClockTime(value) {
+    const trimmed = value?.trim();
+    if (!trimmed)
+        return null;
+    const parts = trimmed.split(':').map((p) => Number(p));
+    if (parts.some((n) => Number.isNaN(n)))
+        return null;
+    if (parts.length === 2)
+        return parts[0] * 60 + parts[1];
+    if (parts.length === 3)
+        return parts[0] * 3600 + parts[1] * 60 + parts[2];
+    return null;
+}
+function resolveLineStart(line) {
+    if (line.at != null && line.at >= 0)
+        return line.at;
+    const raw = line;
+    if (raw.offsetSeconds != null && raw.offsetSeconds >= 0)
+        return raw.offsetSeconds;
+    if (raw.startTime != null && raw.startTime >= 0)
+        return raw.startTime;
+    return null;
+}
+/**
+ * Assign start/end seconds to transcript lines for audio sync.
+ * Uses explicit `at` when present; otherwise estimates from call duration.
+ */
+function buildTimedTranscript(lines, durationSeconds) {
+    if (!lines.length)
+        return [];
+    const total = Math.max(durationSeconds, 1);
+    const explicit = lines.map((line) => resolveLineStart(line));
+    const allExplicit = explicit.every((t) => t != null);
+    const starts = new Array(lines.length).fill(0);
+    if (allExplicit) {
+        for (let i = 0; i < lines.length; i += 1) {
+            starts[i] = explicit[i];
+        }
+    }
+    else {
+        const speakableCount = lines.filter((l) => l.who !== 'system').length;
+        const step = total / Math.max(speakableCount, 1);
+        let speakableIdx = 0;
+        for (let i = 0; i < lines.length; i += 1) {
+            if (explicit[i] != null) {
+                starts[i] = explicit[i];
+                continue;
+            }
+            const line = lines[i];
+            if (line.who === 'system') {
+                starts[i] = i > 0 ? starts[i - 1] : 0;
+                continue;
+            }
+            starts[i] = speakableIdx * step;
+            speakableIdx += 1;
+        }
+    }
+    return lines.map((line, index) => {
+        const startSec = starts[index];
+        const nextStart = starts.slice(index + 1).find((s) => s > startSec);
+        const endSec = nextStart ?? total;
+        return { ...line, startSec, endSec: Math.max(endSec, startSec + 0.5), index };
+    });
+}
+function activeTranscriptIndex(lines, currentSec) {
+    if (!lines.length || currentSec < 0)
+        return -1;
+    for (let i = lines.length - 1; i >= 0; i -= 1) {
+        if (currentSec >= lines[i].startSec)
+            return i;
+    }
+    return 0;
+}
+function formatPlaybackTime(seconds) {
+    const s = Math.max(0, Math.floor(seconds));
+    const m = Math.floor(s / 60);
+    const r = s % 60;
+    return `${m}:${r.toString().padStart(2, '0')}`;
+}
+function toolStateClass(state) {
+    const map = {
+        ok: 'call-conversation__tool--ok',
+        warn: 'call-conversation__tool--warn',
+        error: 'call-conversation__tool--error',
+        active: 'call-conversation__tool--active',
+    };
+    return map[state] ?? '';
+}
+function transcriptRoleLabel(who, callerName, callerMatched) {
+    if (who === 'patient') {
+        const name = String(callerName ?? '').trim();
+        if (!name || callerMatched === false || /^unknown/i.test(name) || name === '?') {
+            return 'Unknown caller';
+        }
+        return name;
+    }
+    const labels = {
+        ai: 'AI receptionist',
+        staff: 'Staff',
+        system: 'System',
+    };
+    return labels[who] ?? who;
+}
+export { activeTranscriptIndex as a, buildTimedTranscript as b, formatPlaybackTime as f, transcriptRoleLabel as t };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-transcript-timing.util-Bbt6JFKa.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-transcript-timing.util-Bbt6JFKa.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"edvak99-voice-receptionist-widget-transcript-timing.util-Bbt6JFKa.mjs","sources":["../../../src/lib/utils/transcript-timing.util.ts"],"sourcesContent":["import { ToolEvent, TranscriptLine } from '../models/ai-receptionist.types';\r\n\r\nexport interface TimedTranscriptLine extends TranscriptLine {\r\n startSec: number;\r\n endSec: number;\r\n index: number;\r\n}\r\n\r\n/** Parse tool timestamp strings like \"1:02\" or \"0:42\" into seconds. */\r\nexport function parseClockTime(value: string): number | null {\r\n const trimmed = value?.trim();\r\n if (!trimmed) return null;\r\n const parts = trimmed.split(':').map((p) => Number(p));\r\n if (parts.some((n) => Number.isNaN(n))) return null;\r\n if (parts.length === 2) return parts[0] * 60 + parts[1];\r\n if (parts.length === 3) return parts[0] * 3600 + parts[1] * 60 + parts[2];\r\n return null;\r\n}\r\n\r\nfunction resolveLineStart(line: TranscriptLine): number | null {\r\n if (line.at != null && line.at >= 0) return line.at;\r\n const raw = line as TranscriptLine & { offsetSeconds?: number; startTime?: number };\r\n if (raw.offsetSeconds != null && raw.offsetSeconds >= 0) return raw.offsetSeconds;\r\n if (raw.startTime != null && raw.startTime >= 0) return raw.startTime;\r\n return null;\r\n}\r\n\r\n/**\r\n * Assign start/end seconds to transcript lines for audio sync.\r\n * Uses explicit `at` when present; otherwise estimates from call duration.\r\n */\r\nexport function buildTimedTranscript(\r\n lines: TranscriptLine[],\r\n durationSeconds: number,\r\n): TimedTranscriptLine[] {\r\n if (!lines.length) return [];\r\n\r\n const total = Math.max(durationSeconds, 1);\r\n const explicit = lines.map((line) => resolveLineStart(line));\r\n const allExplicit = explicit.every((t) => t != null);\r\n\r\n const starts: number[] = new Array(lines.length).fill(0);\r\n\r\n if (allExplicit) {\r\n for (let i = 0; i < lines.length; i += 1) {\r\n starts[i] = explicit[i]!;\r\n }\r\n } else {\r\n const speakableCount = lines.filter((l) => l.who !== 'system').length;\r\n const step = total / Math.max(speakableCount, 1);\r\n let speakableIdx = 0;\r\n\r\n for (let i = 0; i < lines.length; i += 1) {\r\n if (explicit[i] != null) {\r\n starts[i] = explicit[i]!;\r\n continue;\r\n }\r\n const line = lines[i];\r\n if (line.who === 'system') {\r\n starts[i] = i > 0 ? starts[i - 1] : 0;\r\n continue;\r\n }\r\n starts[i] = speakableIdx * step;\r\n speakableIdx += 1;\r\n }\r\n }\r\n\r\n return lines.map((line, index) => {\r\n const startSec = starts[index];\r\n const nextStart = starts.slice(index + 1).find((s) => s > startSec);\r\n const endSec = nextStart ?? total;\r\n return { ...line, startSec, endSec: Math.max(endSec, startSec + 0.5), index };\r\n });\r\n}\r\n\r\nexport function activeTranscriptIndex(lines: TimedTranscriptLine[], currentSec: number): number {\r\n if (!lines.length || currentSec < 0) return -1;\r\n for (let i = lines.length - 1; i >= 0; i -= 1) {\r\n if (currentSec >= lines[i].startSec) return i;\r\n }\r\n return 0;\r\n}\r\n\r\nexport function formatPlaybackTime(seconds: number): string {\r\n const s = Math.max(0, Math.floor(seconds));\r\n const m = Math.floor(s / 60);\r\n const r = s % 60;\r\n return `${m}:${r.toString().padStart(2, '0')}`;\r\n}\r\n\r\nexport function toolStateClass(state: ToolEvent['state']): string {\r\n const map: Record<ToolEvent['state'], string> = {\r\n ok: 'call-conversation__tool--ok',\r\n warn: 'call-conversation__tool--warn',\r\n error: 'call-conversation__tool--error',\r\n active: 'call-conversation__tool--active',\r\n };\r\n return map[state] ?? '';\r\n}\r\n\r\nexport function transcriptRoleLabel(\r\n who: TranscriptLine['who'],\r\n callerName?: string | null,\r\n callerMatched?: boolean,\r\n): string {\r\n if (who === 'patient') {\r\n const name = String(callerName ?? '').trim();\r\n if (!name || callerMatched === false || /^unknown/i.test(name) || name === '?') {\r\n return 'Unknown caller';\r\n }\r\n return name;\r\n }\r\n const labels: Record<Exclude<TranscriptLine['who'], 'patient'>, string> = {\r\n ai: 'AI receptionist',\r\n staff: 'Staff',\r\n system: 'System',\r\n };\r\n return labels[who] ?? who;\r\n}\r\n"],"names":[],"mappings":"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"}

package/fesm2022/edvak99-voice-receptionist-widget-wizard-page.component-DhRrm_1S.mjs ADDED Viewed

@@ -0,0 +1,47 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component } from '@angular/core';
+import { A as AiReceptionistApiService, I as IconComponent, f as EdButtonComponent, g as EdSkeletonComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-DOYlRven.mjs';
+class WizardPageComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.setup = signal(null);
+        this.activeStep = signal(1);
+        this.loading = signal(true);
+        this.activated = signal(false);
+        this.stepSkeletonRows = [0, 1, 2, 3, 4];
+        this.transcriptSkeletonRows = [0, 1, 2];
+        this.completedCount = computed(() => {
+            return this.setup()?.steps.filter((s) => s.complete).length ?? 0;
+        });
+    }
+    ngOnInit() {
+        this.api.getSetup().subscribe(({ data }) => {
+            this.setup.set(data);
+            const firstIncomplete = data.steps.find((s) => !s.complete);
+            this.activeStep.set(firstIncomplete?.id ?? 1);
+            this.loading.set(false);
+        });
+    }
+    selectStep(step) {
+        this.activeStep.set(step.id);
+    }
+    progressPercent() {
+        return this.setup()?.readiness ?? 0;
+    }
+    activate() {
+        this.api.activateSetup().subscribe(() => {
+            this.api.setAgentOn(true);
+            this.activated.set(true);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: WizardPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: WizardPageComponent, isStandalone: true, selector: "eds-wizard-page", ngImport: i0, template: "<div class=\"p-md bg-lighter min-h-full wizard-page\">\r\n  <header class=\"mb-5 flex items-start justify-between gap-5\">\r\n    <div>\r\n      <h4>Setup wizard</h4>\r\n      <p class=\"fs-sm text-light\">Configure and activate your AI receptionist</p>\r\n    </div>\r\n    <div class=\"flex min-w-52 flex-col items-end gap-2\">\r\n      <span class=\"fs-sm font-semibold text-light\">Readiness</span>\r\n      <div class=\"h-2 w-52 overflow-hidden rounded bg-zinc-100\">\r\n        <span\r\n          class=\"block h-full rounded bg-gradient-to-r from-blue-600 to-violet-600 transition-[width] duration-300 ease-in-out\"\r\n          [style.width.%]=\"progressPercent()\"\r\n        ></span>\r\n      </div>\r\n      <span class=\"fs-sm font-semibold text-dark\">{{ progressPercent() }}%</span>\r\n    </div>\r\n  </header>\r\n\r\n  @if (loading()) {\r\n    <div class=\"wizard-page__layout\" aria-busy=\"true\">\r\n      <nav class=\"rounded-lg border border-base bg-white flex flex-col gap-1 overflow-y-auto p-2 shadow-sm\">\r\n        @for (_ of stepSkeletonRows; track _) {\r\n          <div class=\"flex w-full items-start gap-3 rounded-md p-3\">\r\n            <ed-skeleton class=\"h-7 w-7 !rounded-full\"></ed-skeleton>\r\n            <div class=\"grid flex-1 gap-2xs\">\r\n              <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\r\n              <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\r\n            </div>\r\n          </div>\r\n        }\r\n      </nav>\r\n      <article class=\"rounded-lg border border-base bg-white p-5 shadow-sm\">\r\n        <header class=\"mb-3 flex items-center justify-between gap-3\">\r\n          <ed-skeleton class=\"h-6 w-48\"></ed-skeleton>\r\n          <ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton>\r\n        </header>\r\n        <ed-skeleton class=\"mb-6 h-4 w-72\"></ed-skeleton>\r\n        <section class=\"mt-6 border-t border-zinc-200 pt-5\">\r\n          <ed-skeleton class=\"mb-3 h-5 w-40\"></ed-skeleton>\r\n          @for (_ of transcriptSkeletonRows; track _) {\r\n            <div class=\"mb-3 rounded-md bg-zinc-50 px-3 py-3\">\r\n              <ed-skeleton class=\"mb-1 h-3 w-16\"></ed-skeleton>\r\n              <ed-skeleton class=\"h-3 w-full\"></ed-skeleton>\r\n            </div>\r\n          }\r\n        </section>\r\n      </article>\r\n    </div>\r\n  } @else if (setup()) {\r\n    <div class=\"wizard-page__layout\">\r\n      <nav class=\"rounded-lg border border-base bg-white wizard-page__steps flex flex-col gap-1 overflow-y-auto p-2 shadow-sm\">\r\n        @for (step of setup()!.steps; track step.id) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"wizard-page__step flex w-full cursor-pointer items-start gap-3 rounded-md border-none bg-transparent p-3 text-left hover:bg-zinc-50\"\r\n            [class.wizard-page__step--active]=\"activeStep() === step.id\"\r\n            [class.wizard-page__step--done]=\"step.complete\"\r\n            (click)=\"selectStep(step)\"\r\n          >\r\n            <span class=\"wizard-page__step-num flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-zinc-100 text-xs font-semibold\">\r\n              @if (step.complete) {\r\n                <ed-icon name=\"check\" [size]=\"16\" />\r\n              } @else {\r\n                {{ step.id }}\r\n              }\r\n            </span>\r\n            <div class=\"flex flex-col gap-1\">\r\n              <span class=\"fs-sm font-semibold text-dark\">{{ step.title }}</span>\r\n              <span class=\"fs-sm text-light\">{{ step.description }}</span>\r\n            </div>\r\n          </button>\r\n        }\r\n      </nav>\r\n\r\n      <article class=\"rounded-lg border border-base bg-white p-5 shadow-sm\">\r\n        @for (step of setup()!.steps; track step.id) {\r\n          @if (activeStep() === step.id) {\r\n            <header class=\"mb-3 flex items-center justify-between gap-3\">\r\n              <h2>Step {{ step.id }}: {{ step.title }}</h2>\r\n              <ed-badge-2 [attr.variant]=\"step.complete ? 'success' : 'warning'\">\r\n                {{ step.complete ? 'Complete' : 'Incomplete' }}\r\n              </ed-badge-2>\r\n            </header>\r\n            <p class=\"fs-base text-dark\">{{ step.description }}</p>\r\n          }\r\n        }\r\n\r\n        <section class=\"mt-6 border-t border-zinc-200 pt-5\">\r\n          <h3>Test transcript preview</h3>\r\n          <div class=\"mt-3 flex flex-col gap-3\">\r\n            @for (line of setup()!.testTranscript; track $index) {\r\n              <div class=\"wizard-page__line rounded-md bg-zinc-50 px-3 py-3\" [attr.data-who]=\"line.who\">\r\n                <span class=\"fs-sm font-semibold text-light\">{{ line.who }}</span>\r\n                <p class=\"m-0 mt-1 text-sm\">{{ line.text }}</p>\r\n              </div>\r\n            }\r\n          </div>\r\n        </section>\r\n\r\n        <footer class=\"mt-6 flex items-center justify-between border-t border-zinc-200 pt-4\">\r\n          <p class=\"fs-sm text-light\">\r\n            {{ completedCount() }} of {{ setup()!.steps.length }} steps complete\r\n          </p>\r\n          @if (activated()) {\r\n            <ed-badge-2 variant=\"success\">Agent activated</ed-badge-2>\r\n          } @else {\r\n            <ed-button variant=\"primary\" fill size=\"sm\" (click$)=\"activate()\">\r\n              <ed-icon slot=\"prefix\" name=\"rocket_launch\" [size]=\"16\" /> Activate AI receptionist\r\n            </ed-button>\r\n          }\r\n        </footer>\r\n      </article>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".wizard-page__steps{max-height:600px}.wizard-page__layout{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.wizard-page__step--active{background:#2563eb1a;outline:1px solid rgba(37,99,235,.25)}.wizard-page__step--done .wizard-page__step-num{background:#22c55e;color:#fff}.wizard-page__line[data-who=ai]{border-left:3px solid #2563eb}@media(max-width:900px){.wizard-page__layout{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ed-icon", inputs: ["name", "size", "color", "cssClass", "decorative", "ariaHidden", "ariaLabel", "title", "desc", "focusable", "tabIndex"] }, { kind: "component", type: EdButtonComponent, selector: "ed-button", inputs: ["variant", "size", "disabled", "ghost", "outline", "subtle", "fill", "loading", "block", "elevated", "shape", "type", "href", "routerLink", "rel", "target", "download", "ariaLabel"], outputs: ["click$"] }, { kind: "component", type: EdSkeletonComponent, selector: "ed-skeleton", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: WizardPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-wizard-page', imports: [IconComponent, EdButtonComponent, EdSkeletonComponent], changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"p-md bg-lighter min-h-full wizard-page\">\r\n  <header class=\"mb-5 flex items-start justify-between gap-5\">\r\n    <div>\r\n      <h4>Setup wizard</h4>\r\n      <p class=\"fs-sm text-light\">Configure and activate your AI receptionist</p>\r\n    </div>\r\n    <div class=\"flex min-w-52 flex-col items-end gap-2\">\r\n      <span class=\"fs-sm font-semibold text-light\">Readiness</span>\r\n      <div class=\"h-2 w-52 overflow-hidden rounded bg-zinc-100\">\r\n        <span\r\n          class=\"block h-full rounded bg-gradient-to-r from-blue-600 to-violet-600 transition-[width] duration-300 ease-in-out\"\r\n          [style.width.%]=\"progressPercent()\"\r\n        ></span>\r\n      </div>\r\n      <span class=\"fs-sm font-semibold text-dark\">{{ progressPercent() }}%</span>\r\n    </div>\r\n  </header>\r\n\r\n  @if (loading()) {\r\n    <div class=\"wizard-page__layout\" aria-busy=\"true\">\r\n      <nav class=\"rounded-lg border border-base bg-white flex flex-col gap-1 overflow-y-auto p-2 shadow-sm\">\r\n        @for (_ of stepSkeletonRows; track _) {\r\n          <div class=\"flex w-full items-start gap-3 rounded-md p-3\">\r\n            <ed-skeleton class=\"h-7 w-7 !rounded-full\"></ed-skeleton>\r\n            <div class=\"grid flex-1 gap-2xs\">\r\n              <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\r\n              <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\r\n            </div>\r\n          </div>\r\n        }\r\n      </nav>\r\n      <article class=\"rounded-lg border border-base bg-white p-5 shadow-sm\">\r\n        <header class=\"mb-3 flex items-center justify-between gap-3\">\r\n          <ed-skeleton class=\"h-6 w-48\"></ed-skeleton>\r\n          <ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton>\r\n        </header>\r\n        <ed-skeleton class=\"mb-6 h-4 w-72\"></ed-skeleton>\r\n        <section class=\"mt-6 border-t border-zinc-200 pt-5\">\r\n          <ed-skeleton class=\"mb-3 h-5 w-40\"></ed-skeleton>\r\n          @for (_ of transcriptSkeletonRows; track _) {\r\n            <div class=\"mb-3 rounded-md bg-zinc-50 px-3 py-3\">\r\n              <ed-skeleton class=\"mb-1 h-3 w-16\"></ed-skeleton>\r\n              <ed-skeleton class=\"h-3 w-full\"></ed-skeleton>\r\n            </div>\r\n          }\r\n        </section>\r\n      </article>\r\n    </div>\r\n  } @else if (setup()) {\r\n    <div class=\"wizard-page__layout\">\r\n      <nav class=\"rounded-lg border border-base bg-white wizard-page__steps flex flex-col gap-1 overflow-y-auto p-2 shadow-sm\">\r\n        @for (step of setup()!.steps; track step.id) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"wizard-page__step flex w-full cursor-pointer items-start gap-3 rounded-md border-none bg-transparent p-3 text-left hover:bg-zinc-50\"\r\n            [class.wizard-page__step--active]=\"activeStep() === step.id\"\r\n            [class.wizard-page__step--done]=\"step.complete\"\r\n            (click)=\"selectStep(step)\"\r\n          >\r\n            <span class=\"wizard-page__step-num flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-zinc-100 text-xs font-semibold\">\r\n              @if (step.complete) {\r\n                <ed-icon name=\"check\" [size]=\"16\" />\r\n              } @else {\r\n                {{ step.id }}\r\n              }\r\n            </span>\r\n            <div class=\"flex flex-col gap-1\">\r\n              <span class=\"fs-sm font-semibold text-dark\">{{ step.title }}</span>\r\n              <span class=\"fs-sm text-light\">{{ step.description }}</span>\r\n            </div>\r\n          </button>\r\n        }\r\n      </nav>\r\n\r\n      <article class=\"rounded-lg border border-base bg-white p-5 shadow-sm\">\r\n        @for (step of setup()!.steps; track step.id) {\r\n          @if (activeStep() === step.id) {\r\n            <header class=\"mb-3 flex items-center justify-between gap-3\">\r\n              <h2>Step {{ step.id }}: {{ step.title }}</h2>\r\n              <ed-badge-2 [attr.variant]=\"step.complete ? 'success' : 'warning'\">\r\n                {{ step.complete ? 'Complete' : 'Incomplete' }}\r\n              </ed-badge-2>\r\n            </header>\r\n            <p class=\"fs-base text-dark\">{{ step.description }}</p>\r\n          }\r\n        }\r\n\r\n        <section class=\"mt-6 border-t border-zinc-200 pt-5\">\r\n          <h3>Test transcript preview</h3>\r\n          <div class=\"mt-3 flex flex-col gap-3\">\r\n            @for (line of setup()!.testTranscript; track $index) {\r\n              <div class=\"wizard-page__line rounded-md bg-zinc-50 px-3 py-3\" [attr.data-who]=\"line.who\">\r\n                <span class=\"fs-sm font-semibold text-light\">{{ line.who }}</span>\r\n                <p class=\"m-0 mt-1 text-sm\">{{ line.text }}</p>\r\n              </div>\r\n            }\r\n          </div>\r\n        </section>\r\n\r\n        <footer class=\"mt-6 flex items-center justify-between border-t border-zinc-200 pt-4\">\r\n          <p class=\"fs-sm text-light\">\r\n            {{ completedCount() }} of {{ setup()!.steps.length }} steps complete\r\n          </p>\r\n          @if (activated()) {\r\n            <ed-badge-2 variant=\"success\">Agent activated</ed-badge-2>\r\n          } @else {\r\n            <ed-button variant=\"primary\" fill size=\"sm\" (click$)=\"activate()\">\r\n              <ed-icon slot=\"prefix\" name=\"rocket_launch\" [size]=\"16\" /> Activate AI receptionist\r\n            </ed-button>\r\n          }\r\n        </footer>\r\n      </article>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".wizard-page__steps{max-height:600px}.wizard-page__layout{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.wizard-page__step--active{background:#2563eb1a;outline:1px solid rgba(37,99,235,.25)}.wizard-page__step--done .wizard-page__step-num{background:#22c55e;color:#fff}.wizard-page__line[data-who=ai]{border-left:3px solid #2563eb}@media(max-width:900px){.wizard-page__layout{grid-template-columns:1fr}}\n"] }]
+        }] });
+export { WizardPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-wizard-page.component-DhRrm_1S.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-wizard-page.component-DhRrm_1S.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"edvak99-voice-receptionist-widget-wizard-page.component-DhRrm_1S.mjs","sources":["../../../src/lib/pages/wizard-page/wizard-page.component.ts","../../../src/lib/pages/wizard-page/wizard-page.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA, computed, inject, OnInit, signal } from '@angular/core';\r\n\r\nimport { EdButtonComponent } from '../../ui/ed-button.component';\r\nimport { EdSkeletonComponent } from '../../ui/ed-skeleton.component';\r\n\r\nimport { SetupData, SetupStep } from '../../models/ai-receptionist.types';\r\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\r\nimport { IconComponent } from '../../ui/ed-icon.component';\r\n\r\n@Component({\r\n selector: 'eds-wizard-page',\r\n imports: [IconComponent, EdButtonComponent, EdSkeletonComponent],\r\n templateUrl: './wizard-page.component.html',\r\n styleUrl: './wizard-page.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n})\r\nexport class WizardPageComponent implements OnInit {\r\n private readonly api = inject(AiReceptionistApiService);\r\n\r\n protected readonly setup = signal<SetupData | null>(null);\r\n protected readonly activeStep = signal(1);\r\n protected readonly loading = signal(true);\r\n protected readonly activated = signal(false);\r\n protected readonly stepSkeletonRows = [0, 1, 2, 3, 4] as const;\r\n protected readonly transcriptSkeletonRows = [0, 1, 2] as const;\r\n\r\n protected readonly completedCount = computed(() => {\r\n return this.setup()?.steps.filter((s) => s.complete).length ?? 0;\r\n });\r\n\r\n ngOnInit(): void {\r\n this.api.getSetup().subscribe(({ data }) => {\r\n this.setup.set(data);\r\n const firstIncomplete = data.steps.find((s) => !s.complete);\r\n this.activeStep.set(firstIncomplete?.id ?? 1);\r\n this.loading.set(false);\r\n });\r\n }\r\n\r\n protected selectStep(step: SetupStep): void {\r\n this.activeStep.set(step.id);\r\n }\r\n\r\n protected progressPercent(): number {\r\n return this.setup()?.readiness ?? 0;\r\n }\r\n\r\n protected activate(): void {\r\n this.api.activateSetup().subscribe(() => {\r\n this.api.setAgentOn(true);\r\n this.activated.set(true);\r\n });\r\n }\r\n}\r\n","<div class=\"p-md bg-lighter min-h-full wizard-page\">\r\n <header class=\"mb-5 flex items-start justify-between gap-5\">\r\n <div>\r\n <h4>Setup wizard</h4>\r\n <p class=\"fs-sm text-light\">Configure and activate your AI receptionist</p>\r\n </div>\r\n <div class=\"flex min-w-52 flex-col items-end gap-2\">\r\n <span class=\"fs-sm font-semibold text-light\">Readiness</span>\r\n <div class=\"h-2 w-52 overflow-hidden rounded bg-zinc-100\">\r\n <span\r\n class=\"block h-full rounded bg-gradient-to-r from-blue-600 to-violet-600 transition-[width] duration-300 ease-in-out\"\r\n [style.width.%]=\"progressPercent()\"\r\n ></span>\r\n </div>\r\n <span class=\"fs-sm font-semibold text-dark\">{{ progressPercent() }}%</span>\r\n </div>\r\n </header>\r\n\r\n @if (loading()) {\r\n <div class=\"wizard-page__layout\" aria-busy=\"true\">\r\n <nav class=\"rounded-lg border border-base bg-white flex flex-col gap-1 overflow-y-auto p-2 shadow-sm\">\r\n @for (_ of stepSkeletonRows; track _) {\r\n <div class=\"flex w-full items-start gap-3 rounded-md p-3\">\r\n <ed-skeleton class=\"h-7 w-7 !rounded-full\"></ed-skeleton>\r\n <div class=\"grid flex-1 gap-2xs\">\r\n <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\r\n <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\r\n </div>\r\n </div>\r\n }\r\n </nav>\r\n <article class=\"rounded-lg border border-base bg-white p-5 shadow-sm\">\r\n <header class=\"mb-3 flex items-center justify-between gap-3\">\r\n <ed-skeleton class=\"h-6 w-48\"></ed-skeleton>\r\n <ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton>\r\n </header>\r\n <ed-skeleton class=\"mb-6 h-4 w-72\"></ed-skeleton>\r\n <section class=\"mt-6 border-t border-zinc-200 pt-5\">\r\n <ed-skeleton class=\"mb-3 h-5 w-40\"></ed-skeleton>\r\n @for (_ of transcriptSkeletonRows; track _) {\r\n <div class=\"mb-3 rounded-md bg-zinc-50 px-3 py-3\">\r\n <ed-skeleton class=\"mb-1 h-3 w-16\"></ed-skeleton>\r\n <ed-skeleton class=\"h-3 w-full\"></ed-skeleton>\r\n </div>\r\n }\r\n </section>\r\n </article>\r\n </div>\r\n } @else if (setup()) {\r\n <div class=\"wizard-page__layout\">\r\n <nav class=\"rounded-lg border border-base bg-white wizard-page__steps flex flex-col gap-1 overflow-y-auto p-2 shadow-sm\">\r\n @for (step of setup()!.steps; track step.id) {\r\n <button\r\n type=\"button\"\r\n class=\"wizard-page__step flex w-full cursor-pointer items-start gap-3 rounded-md border-none bg-transparent p-3 text-left hover:bg-zinc-50\"\r\n [class.wizard-page__step--active]=\"activeStep() === step.id\"\r\n [class.wizard-page__step--done]=\"step.complete\"\r\n (click)=\"selectStep(step)\"\r\n >\r\n <span class=\"wizard-page__step-num flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-zinc-100 text-xs font-semibold\">\r\n @if (step.complete) {\r\n <ed-icon name=\"check\" [size]=\"16\" />\r\n } @else {\r\n {{ step.id }}\r\n }\r\n </span>\r\n <div class=\"flex flex-col gap-1\">\r\n <span class=\"fs-sm font-semibold text-dark\">{{ step.title }}</span>\r\n <span class=\"fs-sm text-light\">{{ step.description }}</span>\r\n </div>\r\n </button>\r\n }\r\n </nav>\r\n\r\n <article class=\"rounded-lg border border-base bg-white p-5 shadow-sm\">\r\n @for (step of setup()!.steps; track step.id) {\r\n @if (activeStep() === step.id) {\r\n <header class=\"mb-3 flex items-center justify-between gap-3\">\r\n <h2>Step {{ step.id }}: {{ step.title }}</h2>\r\n <ed-badge-2 [attr.variant]=\"step.complete ? 'success' : 'warning'\">\r\n {{ step.complete ? 'Complete' : 'Incomplete' }}\r\n </ed-badge-2>\r\n </header>\r\n <p class=\"fs-base text-dark\">{{ step.description }}</p>\r\n }\r\n }\r\n\r\n <section class=\"mt-6 border-t border-zinc-200 pt-5\">\r\n <h3>Test transcript preview</h3>\r\n <div class=\"mt-3 flex flex-col gap-3\">\r\n @for (line of setup()!.testTranscript; track $index) {\r\n <div class=\"wizard-page__line rounded-md bg-zinc-50 px-3 py-3\" [attr.data-who]=\"line.who\">\r\n <span class=\"fs-sm font-semibold text-light\">{{ line.who }}</span>\r\n <p class=\"m-0 mt-1 text-sm\">{{ line.text }}</p>\r\n </div>\r\n }\r\n </div>\r\n </section>\r\n\r\n <footer class=\"mt-6 flex items-center justify-between border-t border-zinc-200 pt-4\">\r\n <p class=\"fs-sm text-light\">\r\n {{ completedCount() }} of {{ setup()!.steps.length }} steps complete\r\n </p>\r\n @if (activated()) {\r\n <ed-badge-2 variant=\"success\">Agent activated</ed-badge-2>\r\n } @else {\r\n <ed-button variant=\"primary\" fill size=\"sm\" (click$)=\"activate()\">\r\n <ed-icon slot=\"prefix\" name=\"rocket_launch\" [size]=\"16\" /> Activate AI receptionist\r\n </ed-button>\r\n }\r\n </footer>\r\n </article>\r\n </div>\r\n }\r\n</div>\r\n"],"names":[],"mappings":"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"}

package/fesm2022/edvak99-voice-receptionist-widget.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-export { E as EdAvatarComponent, I as EdIconComponent, w as EdsAppShellComponent, x as EdsBadgeComponent, y as EdsButtonComponent, z as EdsRouteProgressComponent, I as IconComponent, B as ToastContainerComponent, T as ToastService, V as VOICE_RECEPTIONIST_CONFIG, C as VOICE_RECEPTIONIST_FEATURE_ROUTES, F as VOICE_RECEPTIONIST_ROUTES, G as VOICE_RECEPTIONIST_SESSION, H as provideVoiceReceptionist } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-CabSa0_n.mjs';
+export { E as EdAvatarComponent, I as EdIconComponent, w as EdsAppShellComponent, x as EdsBadgeComponent, y as EdsButtonComponent, z as EdsRouteProgressComponent, I as IconComponent, B as ToastContainerComponent, T as ToastService, V as VOICE_RECEPTIONIST_CONFIG, C as VOICE_RECEPTIONIST_FEATURE_ROUTES, F as VOICE_RECEPTIONIST_ROUTES, G as VOICE_RECEPTIONIST_SESSION, H as provideVoiceReceptionist } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-DOYlRven.mjs';
 //# sourceMappingURL=edvak99-voice-receptionist-widget.mjs.map

package/lib/components/call-conversation-panel/call-conversation-panel.component.d.ts CHANGED Viewed

@@ -15,6 +15,7 @@ export declare class CallConversationPanelComponent {
     readonly callerName: import("@angular/core").InputSignal<string | null>;
     readonly callerMatched: import("@angular/core").InputSignal<boolean | null>;
     readonly summaryRegenerated: import("@angular/core").OutputEmitterRef<void>;
+    readonly playbackDurationChange: import("@angular/core").OutputEmitterRef<number>;
     private readonly player;
     private readonly scrollHost;
     protected readonly currentTime: import("@angular/core").WritableSignal<number>;
@@ -43,5 +44,5 @@ export declare class CallConversationPanelComponent {
     protected toggleSummary(): void;
     protected regenerateSummary(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CallConversationPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CallConversationPanelComponent, "eds-call-conversation-panel", never, { "callId": { "alias": "callId"; "required": true; "isSignal": true; }; "summary": { "alias": "summary"; "required": true; "isSignal": true; }; "transcript": { "alias": "transcript"; "required": true; "isSignal": true; }; "tools": { "alias": "tools"; "required": true; "isSignal": true; }; "callDurationSec": { "alias": "callDurationSec"; "required": false; "isSignal": true; }; "allowRegenerate": { "alias": "allowRegenerate"; "required": false; "isSignal": true; }; "callerName": { "alias": "callerName"; "required": false; "isSignal": true; }; "callerMatched": { "alias": "callerMatched"; "required": false; "isSignal": true; }; }, { "summaryRegenerated": "summaryRegenerated"; }, never, ["[summary-side]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CallConversationPanelComponent, "eds-call-conversation-panel", never, { "callId": { "alias": "callId"; "required": true; "isSignal": true; }; "summary": { "alias": "summary"; "required": true; "isSignal": true; }; "transcript": { "alias": "transcript"; "required": true; "isSignal": true; }; "tools": { "alias": "tools"; "required": true; "isSignal": true; }; "callDurationSec": { "alias": "callDurationSec"; "required": false; "isSignal": true; }; "allowRegenerate": { "alias": "allowRegenerate"; "required": false; "isSignal": true; }; "callerName": { "alias": "callerName"; "required": false; "isSignal": true; }; "callerMatched": { "alias": "callerMatched"; "required": false; "isSignal": true; }; }, { "summaryRegenerated": "summaryRegenerated"; "playbackDurationChange": "playbackDurationChange"; }, never, ["[summary-side]"], true, never>;
 }

package/lib/components/call-recording-player/call-recording-player.component.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { CallRecordingStatus } from '../../models/ai-receptionist.types';
+import { formatPlaybackTime } from '../../utils/transcript-timing.util';
 import * as i0 from "@angular/core";
 type PlayerPhase = 'loading' | CallRecordingStatus | 'error';
 export declare class CallRecordingPlayerComponent {
@@ -15,7 +16,7 @@ export declare class CallRecordingPlayerComponent {
     /** Tracked outside signals so cleanup never reads blobUrl (avoids effect/subscription loops). */
     private objectUrl;
     constructor();
-    protected formatDuration(seconds: number): string;
+    protected readonly formatDuration: typeof formatPlaybackTime;
     protected onAudioError(): void;
     protected onTimeUpdate(event: Event): void;
     protected onLoadedMetadata(event: Event): void;

package/lib/models/live-transcript.types.d.ts CHANGED Viewed

@@ -1,11 +1,15 @@
 import { ToolEvent, TranscriptLine } from './ai-receptionist.types';
 /** Socket.io `new_chunk` payload from /dashboard namespace */
 export interface TranscriptChunk {
+    seq?: number;
     /** `staff` is a human agent speaking after a softphone takeover. */
     role: 'user' | 'assistant' | 'staff' | 'system';
     text: string;
     isFinal: boolean;
     timestamp: string;
+    /** Authoritative time spoken, measured from the beginning of the call. */
+    spokenOffsetMs?: number;
+    spokenAt?: string;
 }
 /** Socket.io `call_event` payload — tools + lifecycle */
 export interface CallEventStreamPayload {

package/lib/pages/activities-page/activities-page.component.d.ts CHANGED Viewed

@@ -32,6 +32,7 @@ export declare class ActivitiesPageComponent implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     protected onSearchInput(value: string): void;
     protected applySearch(): void;
+    protected clearSearch(): void;
     protected load(): void;
     protected totalPages(): number;
     protected prevPage(): void;

package/lib/pages/analytics-page/analytics-page.component.d.ts CHANGED Viewed

@@ -88,7 +88,10 @@ export declare class AnalyticsPageComponent implements OnInit {
     protected readonly peakRows: import("@angular/core").Signal<PeakRowVm[]>;
     /** Human date span for the selected analytics window (month + year included). */
     protected readonly periodLabel: import("@angular/core").Signal<string>;
-    protected readonly volumeAxisLabels: import("@angular/core").Signal<string[]>;
+    protected readonly volumeAxisLabels: import("@angular/core").Signal<{
+        top: string;
+        bottom: string;
+    }[]>;
     ngOnInit(): void;
     protected toggleFilters(event?: Event): void;
     protected closeFilters(): void;
@@ -105,6 +108,7 @@ export declare class AnalyticsPageComponent implements OnInit {
     private volumeTooltip;
     private showPeakAxisLabel;
     private volumeAxisLabel;
+    private formatAxisMonth;
     private deltaTone;
     private formatChartDate;
     private estimatedCalls;

package/lib/pages/audit-page/audit-page.component.d.ts CHANGED Viewed

@@ -1,20 +1,21 @@
-import { OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { AuditEvent } from '../../models/ai-receptionist.types';
 import * as i0 from "@angular/core";
-export declare class AuditPageComponent implements OnInit {
+export declare class AuditPageComponent implements OnInit, OnDestroy {
     private readonly api;
+    private searchTimer;
+    private loadSeq;
     protected readonly pageSize = 50;
     protected readonly events: import("@angular/core").WritableSignal<AuditEvent[]>;
     protected readonly total: import("@angular/core").WritableSignal<number>;
     protected readonly page: import("@angular/core").WritableSignal<number>;
     protected readonly search: import("@angular/core").WritableSignal<string>;
-    protected readonly actor: import("@angular/core").WritableSignal<string>;
     protected readonly loading: import("@angular/core").WritableSignal<boolean>;
     protected readonly skeletonRows: readonly number[];
     ngOnInit(): void;
+    ngOnDestroy(): void;
     protected load(): void;
     protected onSearchInput(value: string): void;
-    protected onActorInput(value: string): void;
     protected displayTarget(raw: string | null | undefined): string;
     protected searchSubmit(): void;
     protected totalPages(): number;

package/lib/pages/call-history-detail-page/call-history-detail-page.component.d.ts CHANGED Viewed

@@ -4,6 +4,7 @@ import { HistoryDetail } from '../../models/ai-receptionist.types';
 import { formatOutcomeLabel, outcomeBadgeTone } from '../../utils/call-outcome.util';
 import { isNeedsReview } from '../../utils/call-review.util';
 import { callerMetaLine } from '../../utils/call-history-display.util';
+import { formatPlaybackTime } from '../../utils/transcript-timing.util';
 import * as i0 from "@angular/core";
 export declare class CallHistoryDetailPageComponent implements OnInit {
     private readonly api;
@@ -30,7 +31,8 @@ export declare class CallHistoryDetailPageComponent implements OnInit {
     protected markReviewed(): void;
     protected refreshCallDetail(): void;
     protected goBack(): void;
-    protected formatDuration(sec: number): string;
+    protected readonly formatDuration: typeof formatPlaybackTime;
+    protected useRecordingDuration(seconds: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CallHistoryDetailPageComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CallHistoryDetailPageComponent, "eds-call-history-detail-page", never, {}, {}, never, never, true, never>;
 }