@edvak99/voice-receptionist-widget 1.1.9 → 1.1.10

package/fesm2022/edvak99-voice-receptionist-widget-activities-page.component-BQS9JITk.mjs

@@ -0,0 +1,455 @@
+import * as i0 from '@angular/core';
+import { input, output, ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';
+import { RouterLink, ActivatedRoute, Router } from '@angular/router';
+import { DatePipe } from '@angular/common';
+import { E as EdsAvatarComponent } from './edvak99-voice-receptionist-widget-eds-avatar.component-BJs_TH8X.mjs';
+import { EdsIconComponent, EdsButtonComponent } from './edvak99-voice-receptionist-widget.mjs';
+import { T as TaskDetailDrawerComponent } from './edvak99-voice-receptionist-widget-task-detail-drawer.component-B3KmFJNH.mjs';
+import { A as AiReceptionistApiService, D as DEFAULT_PAGE_SIZE, j as totalPages, d as ageFromDob, l as initialsFromName } from './edvak99-voice-receptionist-widget-ai-receptionist-api.service-CK6tM862.mjs';
+
+class PatientProfileDrawerComponent {
+    constructor() {
+        this.patient = input.required();
+        this.closed = output();
+    }
+    close() {
+        this.closed.emit();
+    }
+    onBackdropClick(event) {
+        if (event.target === event.currentTarget)
+            this.close();
+    }
+    display(value) {
+        const s = String(value ?? '').trim();
+        return s || '—';
+    }
+    insuranceLabel() {
+        const p = this.patient();
+        if (p.hasInsurance === true) {
+            return p.insuranceName ? `Insured — ${p.insuranceName}` : 'Insured';
+        }
+        if (p.hasInsurance === false)
+            return 'No insurance on file';
+        return p.insuranceName || 'Not verified';
+    }
+    insuranceTone() {
+        const p = this.patient();
+        if (p.hasInsurance === true)
+            return 'covered';
+        if (p.hasInsurance === false)
+            return 'none';
+        return 'unknown';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PatientProfileDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: PatientProfileDrawerComponent, isStandalone: true, selector: "eds-patient-profile-drawer", inputs: { patient: { classPropertyName: "patient", publicName: "patient", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { closed: "closed" }, ngImport: i0, template: "<div\n  class=\"fixed inset-0 z-[200] flex justify-end bg-[rgba(15,23,42,0.4)]\"\n  (click)=\"onBackdropClick($event)\"\n>\n  <aside\n    class=\"patient-profile-drawer flex h-full w-[min(520px,100%)] flex-col bg-[#f7f8fa] shadow-[-8px_0_32px_rgba(15,23,42,0.12)]\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"display(patient().patientName)\"\n  >\n    <header class=\"flex items-center justify-between gap-3 border-b border-zinc-200 bg-white px-4 py-3\">\n      <h2 class=\"m-0 text-base font-semibold text-zinc-900\">Patient profile</h2>\n      <button\n        type=\"button\"\n        class=\"inline-flex h-9 w-9 cursor-pointer items-center justify-center rounded-md border-none bg-transparent text-zinc-500 hover:bg-zinc-100 hover:text-zinc-800\"\n        (click)=\"close()\"\n        aria-label=\"Close\"\n      >\n        <eds-icon name=\"close\" [size]=\"22\" />\n      </button>\n    </header>\n\n    <div class=\"flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-4\">\n      <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n        <div class=\"flex items-start gap-3\">\n          <eds-avatar\n            shape=\"box\"\n            [initials]=\"patient().patientInitials || '?'\"\n            tone=\"brand\"\n          />\n          <div class=\"min-w-0 flex-1\">\n            <h3 class=\"m-0 text-xl font-semibold leading-snug text-zinc-900\">\n              {{ display(patient().patientName) }}\n            </h3>\n            @if (patient().patientDob || patient().patientAge != null || patient().patientGender) {\n              <p class=\"mt-1 mb-0 text-sm text-zinc-500\">\n                @if (patient().patientDob) {\n                  DOB: {{ patient().patientDob | date: 'MM/dd/yyyy' }}\n                }\n                @if (patient().patientAge != null) {\n                  \u00B7 {{ patient().patientAge }}Y\n                }\n                @if (patient().patientGender) {\n                  \u00B7 {{ patient().patientGender }}\n                }\n              </p>\n            }\n          </div>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">MRN</span>\n          <span class=\"text-sm text-zinc-600\">{{ display(patient().patientMrn) }}</span>\n        </div>\n      </section>\n\n      @if (patient().patientId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <span class=\"text-sm font-medium text-zinc-800\">Patient ID</span>\n            <span class=\"font-mono text-sm text-zinc-600\">{{ patient().patientId }}</span>\n          </div>\n        </section>\n      }\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Insurance</span>\n          <span\n            class=\"patient-profile-drawer__insurance inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-medium\"\n            [attr.data-state]=\"insuranceTone()\"\n          >\n            {{ insuranceLabel() }}\n          </span>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Registered</span>\n          <span class=\"text-sm text-zinc-600\">\n            @if (patient().occurredAt) {\n              {{ patient().occurredAt | date: 'MMM d, y, h:mm a' }}\n            } @else {\n              \u2014\n            }\n          </span>\n        </div>\n      </section>\n\n      @if (patient().detail) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n          <h3 class=\"m-0 text-sm font-semibold text-zinc-800\">Details</h3>\n          <p class=\"mt-2 mb-0 whitespace-pre-wrap text-sm leading-relaxed text-zinc-600\">\n            {{ patient().detail }}\n          </p>\n        </section>\n      }\n\n      @if (patient().callId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <span class=\"text-sm font-medium text-zinc-800\">Call</span>\n            <a\n              [routerLink]=\"['../history', patient().callId]\"\n              class=\"text-sm font-medium text-blue-600 no-underline hover:underline\"\n              (click)=\"close()\"\n            >\n              {{ patient().callId }}\n            </a>\n          </div>\n        </section>\n      }\n    </div>\n  </aside>\n</div>\n", styles: [".patient-profile-drawer{animation:patient-profile-drawer-in .2s ease}.patient-profile-drawer__insurance[data-state=covered]{background:#ecfdf5;border-color:#bbf7d0;color:#15803d}.patient-profile-drawer__insurance[data-state=none]{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.patient-profile-drawer__insurance[data-state=unknown]{background:#f4f4f5;border-color:#e4e4e7;color:#71717a}@keyframes patient-profile-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: EdsAvatarComponent, selector: "eds-avatar", inputs: ["initials", "tone", "shape", "gradient"] }, { kind: "component", type: EdsIconComponent, selector: "eds-icon", inputs: ["name", "size", "fill", "weight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PatientProfileDrawerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-patient-profile-drawer', imports: [DatePipe, RouterLink, EdsAvatarComponent, EdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"fixed inset-0 z-[200] flex justify-end bg-[rgba(15,23,42,0.4)]\"\n  (click)=\"onBackdropClick($event)\"\n>\n  <aside\n    class=\"patient-profile-drawer flex h-full w-[min(520px,100%)] flex-col bg-[#f7f8fa] shadow-[-8px_0_32px_rgba(15,23,42,0.12)]\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"display(patient().patientName)\"\n  >\n    <header class=\"flex items-center justify-between gap-3 border-b border-zinc-200 bg-white px-4 py-3\">\n      <h2 class=\"m-0 text-base font-semibold text-zinc-900\">Patient profile</h2>\n      <button\n        type=\"button\"\n        class=\"inline-flex h-9 w-9 cursor-pointer items-center justify-center rounded-md border-none bg-transparent text-zinc-500 hover:bg-zinc-100 hover:text-zinc-800\"\n        (click)=\"close()\"\n        aria-label=\"Close\"\n      >\n        <eds-icon name=\"close\" [size]=\"22\" />\n      </button>\n    </header>\n\n    <div class=\"flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-4\">\n      <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n        <div class=\"flex items-start gap-3\">\n          <eds-avatar\n            shape=\"box\"\n            [initials]=\"patient().patientInitials || '?'\"\n            tone=\"brand\"\n          />\n          <div class=\"min-w-0 flex-1\">\n            <h3 class=\"m-0 text-xl font-semibold leading-snug text-zinc-900\">\n              {{ display(patient().patientName) }}\n            </h3>\n            @if (patient().patientDob || patient().patientAge != null || patient().patientGender) {\n              <p class=\"mt-1 mb-0 text-sm text-zinc-500\">\n                @if (patient().patientDob) {\n                  DOB: {{ patient().patientDob | date: 'MM/dd/yyyy' }}\n                }\n                @if (patient().patientAge != null) {\n                  \u00B7 {{ patient().patientAge }}Y\n                }\n                @if (patient().patientGender) {\n                  \u00B7 {{ patient().patientGender }}\n                }\n              </p>\n            }\n          </div>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">MRN</span>\n          <span class=\"text-sm text-zinc-600\">{{ display(patient().patientMrn) }}</span>\n        </div>\n      </section>\n\n      @if (patient().patientId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <span class=\"text-sm font-medium text-zinc-800\">Patient ID</span>\n            <span class=\"font-mono text-sm text-zinc-600\">{{ patient().patientId }}</span>\n          </div>\n        </section>\n      }\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Insurance</span>\n          <span\n            class=\"patient-profile-drawer__insurance inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-medium\"\n            [attr.data-state]=\"insuranceTone()\"\n          >\n            {{ insuranceLabel() }}\n          </span>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Registered</span>\n          <span class=\"text-sm text-zinc-600\">\n            @if (patient().occurredAt) {\n              {{ patient().occurredAt | date: 'MMM d, y, h:mm a' }}\n            } @else {\n              \u2014\n            }\n          </span>\n        </div>\n      </section>\n\n      @if (patient().detail) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n          <h3 class=\"m-0 text-sm font-semibold text-zinc-800\">Details</h3>\n          <p class=\"mt-2 mb-0 whitespace-pre-wrap text-sm leading-relaxed text-zinc-600\">\n            {{ patient().detail }}\n          </p>\n        </section>\n      }\n\n      @if (patient().callId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <span class=\"text-sm font-medium text-zinc-800\">Call</span>\n            <a\n              [routerLink]=\"['../history', patient().callId]\"\n              class=\"text-sm font-medium text-blue-600 no-underline hover:underline\"\n              (click)=\"close()\"\n            >\n              {{ patient().callId }}\n            </a>\n          </div>\n        </section>\n      }\n    </div>\n  </aside>\n</div>\n", styles: [".patient-profile-drawer{animation:patient-profile-drawer-in .2s ease}.patient-profile-drawer__insurance[data-state=covered]{background:#ecfdf5;border-color:#bbf7d0;color:#15803d}.patient-profile-drawer__insurance[data-state=none]{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.patient-profile-drawer__insurance[data-state=unknown]{background:#f4f4f5;border-color:#e4e4e7;color:#71717a}@keyframes patient-profile-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
+        }] });
+
+const TABS = [
+    { id: 'task_created', label: 'Tasks' },
+    { id: 'appointment_booked', label: 'Appointments' },
+    { id: 'patient_created', label: 'Registrations' },
+];
+const AVATAR_TONES = ['green', 'amber', 'brand', 'violet', 'rose'];
+class ActivitiesPageComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
+        this.tabs = TABS;
+        this.pageSize = DEFAULT_PAGE_SIZE;
+        this.items = signal([]);
+        this.total = signal(0);
+        this.page = signal(1);
+        this.activeTab = signal('task_created');
+        this.callIdFilter = signal(null);
+        this.loading = signal(true);
+        this.loadError = signal(null);
+        this.selectedTask = signal(null);
+        this.selectedPatient = signal(null);
+    }
+    ngOnInit() {
+        const callId = this.route.snapshot.queryParamMap.get('callId')?.trim() || null;
+        if (callId)
+            this.callIdFilter.set(callId);
+        const tabParam = (this.route.snapshot.queryParamMap.get('tab') || '').trim().toLowerCase();
+        const tabFromQuery = this.tabFromQuery(tabParam);
+        if (tabFromQuery) {
+            this.activeTab.set(tabFromQuery);
+        }
+        else {
+            this.activeTab.set('task_created');
+            void this.router.navigate([], {
+                relativeTo: this.route,
+                queryParams: { tab: 'tasks' },
+                queryParamsHandling: 'merge',
+                replaceUrl: true,
+            });
+        }
+        this.load();
+    }
+    setTab(tab) {
+        if (this.activeTab() === tab)
+            return;
+        this.activeTab.set(tab);
+        this.page.set(1);
+        void this.router.navigate([], {
+            relativeTo: this.route,
+            queryParams: { tab: this.tabQueryValue(tab) },
+            queryParamsHandling: 'merge',
+            replaceUrl: true,
+        });
+        this.load();
+    }
+    tabFromQuery(raw) {
+        switch (raw) {
+            case 'tasks':
+            case 'task':
+            case 'task_created':
+                return 'task_created';
+            case 'appointments':
+            case 'appointment':
+            case 'appointment_booked':
+                return 'appointment_booked';
+            case 'registrations':
+            case 'registration':
+            case 'patient_created':
+                return 'patient_created';
+            default:
+                return null;
+        }
+    }
+    tabQueryValue(tab) {
+        switch (tab) {
+            case 'task_created':
+                return 'tasks';
+            case 'patient_created':
+                return 'registrations';
+            default:
+                return 'appointments';
+        }
+    }
+    clearCallFilter() {
+        this.callIdFilter.set(null);
+        this.page.set(1);
+        this.load();
+    }
+    load() {
+        this.loading.set(true);
+        this.loadError.set(null);
+        const tab = this.activeTab();
+        this.api
+            .getActivities({
+            page: this.page(),
+            limit: DEFAULT_PAGE_SIZE,
+            types: tab,
+            callId: this.callIdFilter() || undefined,
+        })
+            .subscribe({
+            next: ({ items, total, page }) => {
+                this.items.set(items);
+                this.total.set(total);
+                this.page.set(page);
+                this.loading.set(false);
+            },
+            error: () => {
+                this.loading.set(false);
+                this.items.set([]);
+                this.total.set(0);
+                this.loadError.set('Activities feed is unavailable. Confirm GET /api/ai-receptionist/activities is deployed.');
+            },
+        });
+    }
+    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();
+    }
+    historyLink(callId) {
+        return callId ? ['../history', callId] : null;
+    }
+    openCallHistory(callId, ev) {
+        if (!callId)
+            return;
+        if (ev && ev.target.closest('a,button'))
+            return;
+        void this.router.navigate(['../history', callId], { relativeTo: this.route });
+    }
+    openTask(item) {
+        this.selectedPatient.set(null);
+        this.selectedTask.set(this.activityToTask(item));
+    }
+    openPatient(item) {
+        this.selectedTask.set(null);
+        this.selectedPatient.set(item);
+    }
+    closeTaskDrawer() {
+        this.selectedTask.set(null);
+    }
+    closePatientDrawer() {
+        this.selectedPatient.set(null);
+    }
+    onTaskStatusChange(status) {
+        const task = this.selectedTask();
+        if (!task)
+            return;
+        this.api.patchTask(task.id, status).subscribe({
+            next: ({ data }) => {
+                if (data) {
+                    this.selectedTask.set(data);
+                }
+                else {
+                    this.selectedTask.set({ ...task, status });
+                }
+            },
+            error: () => {
+                // Optimistic local update if patch fails (activity-sourced ids may not exist).
+                this.selectedTask.set({ ...task, status });
+            },
+        });
+    }
+    activityToTask(item) {
+        const priority = item.priority === 'urgent' || item.priority === 'high' ? 'urgent' : 'normal';
+        const created = this.parseDate(item.occurredAt)?.getTime() ?? Date.now();
+        return {
+            id: item.taskId || item.id,
+            created,
+            title: this.taskTitle(item),
+            type: 'task',
+            description: item.detail || '',
+            patient: item.patientName || 'Unknown caller',
+            priority,
+            status: 'open',
+            source: 'voice',
+            assignee: 'AI Receptionist',
+            callId: item.callId || undefined,
+        };
+    }
+    displayMrn(item) {
+        return item.patientMrn?.trim() || '—';
+    }
+    providerSpecialtyLabel(item) {
+        const s = item.providerSpecialty?.trim();
+        if (!s)
+            return null;
+        // Hide stray numeric IDs that sometimes land in specialty.
+        if (/^\d+(\.\d+)?$/.test(s))
+            return null;
+        return s;
+    }
+    /** Day-anchored stamp — a bare clock time gave no idea which day a row belonged to. */
+    timestampLabel(item) {
+        const start = this.parseDate(item.startAt || item.occurredAt);
+        if (!start)
+            return '—';
+        const stamp = `${this.formatDay(start)}, ${this.formatClock(start)}`;
+        const end = this.parseDate(item.endAt);
+        if (end && end.getTime() > start.getTime()) {
+            return `${stamp} – ${this.formatClock(end)}`;
+        }
+        return stamp;
+    }
+    durationLabel(item) {
+        const mins = item.durationMinutes;
+        if (mins == null || mins <= 0) {
+            if (item.startAt && item.endAt) {
+                const ms = Date.parse(item.endAt) - Date.parse(item.startAt);
+                if (Number.isFinite(ms) && ms > 0) {
+                    return `${Math.round(ms / 60000)} MIN`;
+                }
+            }
+            return null;
+        }
+        return `${mins} MIN`;
+    }
+    categoryLabel(item) {
+        if (item.visitType)
+            return item.visitType;
+        switch (item.type) {
+            case 'appointment_booked':
+                return 'Appointment';
+            case 'patient_created':
+                return 'Registration';
+            case 'task_created':
+                return item.title && !/^task created$/i.test(item.title) ? item.title : 'Task';
+            default:
+                return item.title || 'Activity';
+        }
+    }
+    patientMeta(item) {
+        const parts = [];
+        const dob = item.patientDob;
+        const age = item.patientAge ?? (dob ? ageFromDob(dob) : null);
+        if (dob && age != null)
+            parts.push(`DOB: ${this.formatDob(dob)} · ${age}Y`);
+        else if (dob)
+            parts.push(`DOB: ${this.formatDob(dob)}`);
+        else if (age != null)
+            parts.push(`${age}Y`);
+        if (item.patientGender)
+            parts.push(item.patientGender);
+        return parts.length ? parts.join(' | ') : null;
+    }
+    patientInitials(item) {
+        return item.patientInitials || initialsFromName(item.patientName) || '?';
+    }
+    providerInitials(item) {
+        return item.providerInitials || initialsFromName(item.providerName) || '?';
+    }
+    avatarTone(key, salt) {
+        const raw = `${key || 'x'}:${salt}`;
+        let hash = 0;
+        for (let i = 0; i < raw.length; i++)
+            hash = (hash + raw.charCodeAt(i) * (i + 1)) % 997;
+        return AVATAR_TONES[hash % AVATAR_TONES.length];
+    }
+    insuranceState(item) {
+        if (item.hasInsurance === true)
+            return 'covered';
+        if (item.hasInsurance === false)
+            return 'none';
+        return 'unknown';
+    }
+    insuranceIcon(item) {
+        switch (this.insuranceState(item)) {
+            case 'covered':
+                return 'verified_user';
+            case 'none':
+                return 'gpp_bad';
+            default:
+                return 'gpp_maybe';
+        }
+    }
+    insuranceLabel(item) {
+        switch (this.insuranceState(item)) {
+            case 'covered':
+                return 'Insured';
+            case 'none':
+                return 'No insurance';
+            default:
+                return 'Unverified';
+        }
+    }
+    insuranceTitle(item) {
+        switch (this.insuranceState(item)) {
+            case 'covered':
+                return item.insuranceName ? `Insured — ${item.insuranceName}` : 'Insured';
+            case 'none':
+                return 'No insurance on file';
+            default:
+                return 'Insurance not verified';
+        }
+    }
+    isTaskRow(item) {
+        return item.type === 'task_created';
+    }
+    taskTitle(item) {
+        const title = (item.title || '').trim();
+        if (title && !/^task created$/i.test(title))
+            return title;
+        return item.visitType || 'Task';
+    }
+    priorityLabel(item) {
+        switch (item.priority) {
+            case 'urgent':
+                return 'Urgent';
+            case 'high':
+                return 'High';
+            case 'low':
+                return 'Low';
+            case 'medium':
+            case 'normal':
+            default:
+                return 'Medium';
+        }
+    }
+    priorityTone(item) {
+        switch (item.priority) {
+            case 'urgent':
+                return 'urgent';
+            case 'high':
+                return 'high';
+            case 'low':
+                return 'low';
+            default:
+                return 'medium';
+        }
+    }
+    isRegistrationTab() {
+        return this.activeTab() === 'patient_created';
+    }
+    emptyLabel() {
+        if (this.callIdFilter())
+            return 'No activities found for this call.';
+        switch (this.activeTab()) {
+            case 'task_created':
+                return 'No tasks created by the AI yet.';
+            case 'patient_created':
+                return 'No patient registrations yet.';
+            default:
+                return 'No appointments booked by the AI yet.';
+        }
+    }
+    parseDate(iso) {
+        if (!iso)
+            return null;
+        const d = new Date(iso);
+        return Number.isNaN(d.getTime()) ? null : d;
+    }
+    formatDay(d) {
+        const midnight = (x) => new Date(x.getFullYear(), x.getMonth(), x.getDate()).getTime();
+        const now = new Date();
+        const days = Math.round((midnight(d) - midnight(now)) / 86_400_000);
+        if (days === 0)
+            return 'Today';
+        if (days === 1)
+            return 'Tomorrow';
+        if (days === -1)
+            return 'Yesterday';
+        return d.toLocaleDateString(undefined, d.getFullYear() === now.getFullYear()
+            ? { weekday: 'short', month: 'short', day: 'numeric' }
+            : { month: 'short', day: 'numeric', year: 'numeric' });
+    }
+    formatClock(d) {
+        return d.toLocaleTimeString(undefined, { hour: 'numeric', minute: '2-digit' });
+    }
+    formatDob(iso) {
+        const m = /^(\d{4})-(\d{2})-(\d{2})/.exec(iso.trim());
+        if (m)
+            return `${m[2]}-${m[3]}-${m[1]}`;
+        const d = new Date(iso);
+        if (Number.isNaN(d.getTime()))
+            return iso;
+        const mm = String(d.getMonth() + 1).padStart(2, '0');
+        const dd = String(d.getDate()).padStart(2, '0');
+        return `${mm}-${dd}-${d.getFullYear()}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ActivitiesPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: ActivitiesPageComponent, isStandalone: true, selector: "eds-activities-page", ngImport: i0, template: "<div class=\"eds-page activities-page\">\n  <header class=\"mb-5\">\n    <div>\n      <h1 class=\"eds-h1\">Activities</h1>\n      <p class=\"eds-body-sm\">Review all the activities done by the AI at one place</p>\n    </div>\n  </header>\n\n  @if (callIdFilter(); as callId) {\n    <div\n      class=\"mb-4 flex flex-wrap items-center justify-between gap-3 rounded-lg bg-blue-50 px-4 py-3 text-sm font-normal leading-snug text-zinc-600\"\n      role=\"status\"\n    >\n      <span>Showing activities for call <strong class=\"font-medium text-zinc-700\">{{ callId }}</strong></span>\n      <button\n        type=\"button\"\n        class=\"cursor-pointer border-none bg-transparent px-0 py-1 text-sm font-medium text-blue-600 hover:underline\"\n        (click)=\"clearCallFilter()\"\n      >\n        Clear filter\n      </button>\n    </div>\n  }\n\n  <nav class=\"mb-5 flex flex-wrap gap-2\" aria-label=\"Activity type\">\n    @for (tab of tabs; track tab.id) {\n      <button\n        type=\"button\"\n        [class]=\"\n          activeTab() === tab.id\n            ? 'cursor-pointer rounded-full border-none bg-blue-50 px-4 py-2 text-sm font-medium text-blue-600 transition-colors'\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'\n        \"\n        (click)=\"setTab(tab.id)\"\n      >\n        {{ tab.label }}\n      </button>\n    }\n  </nav>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading activities\u2026</p>\n  } @else if (loadError()) {\n    <p class=\"text-sm text-red-700\" role=\"alert\">{{ loadError() }}</p>\n  } @else {\n    @if (activeTab() === 'task_created') {\n      <div\n        class=\"activities-page__col-head activities-page__col-head--tasks grid gap-x-7 gap-y-4 pb-2 text-sm font-semibold leading-tight text-zinc-600 max-lg:hidden\"\n        aria-hidden=\"true\"\n      >\n        <span>Priority</span>\n        <span>Task</span>\n        <span>Patient / Caller</span>\n      </div>\n    } @else if (activeTab() === 'appointment_booked') {\n      <div\n        class=\"activities-page__col-head activities-page__col-head--appointments grid gap-x-7 gap-y-4 pb-2 text-sm font-semibold leading-tight text-zinc-600 max-lg:hidden\"\n        aria-hidden=\"true\"\n      >\n        <span>When</span>\n        <span>Patient</span>\n        <span>Provider</span>\n        <span class=\"justify-self-end text-right\">Insurance</span>\n      </div>\n    } @else if (activeTab() === 'patient_created') {\n      <div\n        class=\"activities-page__col-head activities-page__col-head--registration grid gap-x-7 gap-y-4 pb-2 text-sm font-semibold leading-tight text-zinc-600 max-lg:hidden\"\n        aria-hidden=\"true\"\n      >\n        <span>When</span>\n        <span>Patient</span>\n        <span>MRN</span>\n        <span class=\"justify-self-end text-right\">Insurance</span>\n      </div>\n    }\n\n    <ul class=\"m-0 flex list-none flex-col gap-3 p-0\">\n      @for (item of items(); track item.id; let i = $index) {\n        @if (isTaskRow(item)) {\n          <li\n            class=\"activities-page__card activities-page__card--task grid cursor-pointer items-center gap-x-7 gap-y-4 rounded-xl border border-zinc-200 bg-white px-4 py-4 max-lg:gap-x-4 max-lg:gap-y-4 hover:border-blue-200 hover:shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600\"\n            role=\"button\"\n            tabindex=\"0\"\n            [attr.aria-label]=\"'View task: ' + taskTitle(item)\"\n            (click)=\"openTask(item)\"\n            (keyup.enter)=\"openTask(item)\"\n          >\n            <div class=\"inline-flex items-center gap-2 text-sm font-medium leading-snug text-zinc-700\" [attr.data-tone]=\"priorityTone(item)\">\n              <span class=\"activities-page__priority-mark h-2.5 w-2.5 shrink-0 rotate-45 rounded-sm\" aria-hidden=\"true\"></span>\n              <span class=\"capitalize\">{{ priorityLabel(item) }}</span>\n            </div>\n\n            <div class=\"text-sm font-medium leading-snug text-zinc-700 max-lg:col-span-full\">{{ taskTitle(item) }}</div>\n\n            <div class=\"flex min-w-0 items-center gap-3 max-lg:col-span-full\">\n              <eds-avatar\n                shape=\"box\"\n                [initials]=\"patientInitials(item)\"\n                [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"\n              />\n              <div class=\"flex min-w-0 flex-col gap-1\">\n                <span class=\"truncate text-sm font-medium leading-snug text-zinc-700\">{{ item.patientName || 'Unknown caller' }}</span>\n                @if (patientMeta(item); as meta) {\n                  <span class=\"truncate text-xs leading-snug text-zinc-500\">{{ meta }}</span>\n                }\n              </div>\n            </div>\n          </li>\n        } @else if (isRegistrationTab()) {\n          <li\n            class=\"activities-page__card activities-page__card--registration grid cursor-pointer items-center gap-x-7 gap-y-4 rounded-xl border border-zinc-200 bg-white px-4 py-4 max-lg:gap-x-4 max-lg:gap-y-4 hover:border-blue-200 hover:shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600\"\n            role=\"button\"\n            tabindex=\"0\"\n            [attr.aria-label]=\"'View patient: ' + (item.patientName || 'Unknown patient')\"\n            (click)=\"openPatient(item)\"\n            (keyup.enter)=\"openPatient(item)\"\n          >\n            <div class=\"min-w-0\">\n              <div class=\"mb-1 flex flex-wrap items-center gap-2\">\n                <span class=\"whitespace-nowrap text-base font-medium leading-snug text-zinc-700 max-md:whitespace-normal\">{{ timestampLabel(item) }}</span>\n              </div>\n              <p class=\"m-0 text-sm leading-snug text-zinc-500\">{{ categoryLabel(item) }}</p>\n            </div>\n\n            <div class=\"flex min-w-0 items-center gap-3 max-lg:col-span-full\">\n              <eds-avatar\n                shape=\"box\"\n                [initials]=\"patientInitials(item)\"\n                [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"\n              />\n              <div class=\"flex min-w-0 flex-col gap-1\">\n                <span class=\"truncate text-sm font-medium leading-snug text-zinc-700\">{{ item.patientName || 'Unknown patient' }}</span>\n                @if (patientMeta(item); as meta) {\n                  <span class=\"truncate text-xs leading-snug text-zinc-500\">{{ meta }}</span>\n                }\n              </div>\n            </div>\n\n            <div class=\"text-sm font-normal leading-snug text-zinc-600\">{{ displayMrn(item) }}</div>\n\n            <div class=\"flex items-center justify-end gap-2.5\">\n              <span\n                class=\"activities-page__insurance inline-flex h-8 w-8 items-center justify-center rounded-full border border-transparent max-md:px-1.5\"\n                [attr.data-state]=\"insuranceState(item)\"\n                [title]=\"insuranceTitle(item)\"\n                [attr.aria-label]=\"insuranceLabel(item)\"\n              >\n                <eds-icon [name]=\"insuranceIcon(item)\" [size]=\"18\" />\n              </span>\n            </div>\n          </li>\n        } @else {\n          <li\n            [class]=\"\n              'activities-page__card grid items-center gap-x-7 gap-y-4 rounded-xl border border-zinc-200 bg-white px-4 py-4 max-lg:gap-x-4 max-lg:gap-y-4' +\n              (item.callId\n                ? ' cursor-pointer hover:border-blue-200 hover:shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600'\n                : '')\n            \"\n            [attr.role]=\"item.callId ? 'link' : null\"\n            [attr.tabindex]=\"item.callId ? 0 : null\"\n            (click)=\"openCallHistory(item.callId, $event)\"\n            (keyup.enter)=\"openCallHistory(item.callId)\"\n          >\n            <div class=\"min-w-0\">\n              <div class=\"mb-1 flex flex-wrap items-center gap-2\">\n                <span class=\"whitespace-nowrap text-base font-medium leading-snug text-zinc-700 max-md:whitespace-normal\">{{ timestampLabel(item) }}</span>\n              </div>\n              <p class=\"m-0 text-sm leading-snug text-zinc-500\">{{ categoryLabel(item) }}</p>\n            </div>\n\n            <div class=\"flex min-w-0 items-center gap-3 max-lg:col-span-full\">\n              <eds-avatar\n                shape=\"box\"\n                [initials]=\"patientInitials(item)\"\n                [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"\n              />\n              <div class=\"flex min-w-0 flex-col gap-1\">\n                <span class=\"truncate text-sm font-medium leading-snug text-zinc-700\">{{ item.patientName || 'Unknown patient' }}</span>\n                @if (patientMeta(item); as meta) {\n                  <span class=\"truncate text-xs leading-snug text-zinc-500\">{{ meta }}</span>\n                }\n              </div>\n            </div>\n\n            <div class=\"flex min-w-0 items-center gap-3 max-lg:col-span-full\">\n              @if (item.providerName) {\n                <eds-avatar\n                  shape=\"circle\"\n                  [initials]=\"providerInitials(item)\"\n                  [tone]=\"avatarTone(item.providerId || item.providerName, i + 3)\"\n                />\n                <div class=\"flex min-w-0 flex-col gap-1\">\n                  <span class=\"truncate text-sm font-medium leading-snug text-zinc-700\">{{ item.providerName }}</span>\n                  @if (providerSpecialtyLabel(item); as specialty) {\n                    <span class=\"truncate text-xs leading-snug text-zinc-500\">{{ specialty }}</span>\n                  }\n                </div>\n              } @else {\n                <div class=\"flex min-h-9 items-center\">\n                  <span class=\"truncate text-xs leading-snug text-zinc-500\">No provider assigned</span>\n                </div>\n              }\n            </div>\n\n            <div class=\"flex items-center justify-end gap-3\">\n              <span\n                class=\"activities-page__insurance inline-flex h-8 w-8 items-center justify-center rounded-full border border-transparent max-md:px-2\"\n                [attr.data-state]=\"insuranceState(item)\"\n                [title]=\"insuranceTitle(item)\"\n                [attr.aria-label]=\"insuranceLabel(item)\"\n              >\n                <eds-icon [name]=\"insuranceIcon(item)\" [size]=\"18\" />\n              </span>\n            </div>\n          </li>\n        }\n      } @empty {\n        <li class=\"rounded-xl border border-dashed border-zinc-200 bg-white px-4 py-10 text-center text-sm leading-snug text-zinc-500\">\n          {{ emptyLabel() }}\n        </li>\n      }\n    </ul>\n\n    @if (total() > pageSize) {\n      <footer class=\"mt-4 flex flex-wrap items-center justify-between gap-3\">\n        <span class=\"eds-body-sm\">\n          Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total\n        </span>\n        <div class=\"flex gap-2\">\n          <eds-button variant=\"secondary\" [disabled]=\"page() <= 1\" (click)=\"prevPage()\">Previous</eds-button>\n          <eds-button variant=\"secondary\" [disabled]=\"page() >= totalPages()\" (click)=\"nextPage()\">Next</eds-button>\n        </div>\n      </footer>\n    }\n  }\n</div>\n\n@if (selectedTask(); as task) {\n  <eds-task-detail-drawer\n    [task]=\"task\"\n    (closed)=\"closeTaskDrawer()\"\n    (statusChange)=\"onTaskStatusChange($event)\"\n  />\n}\n\n@if (selectedPatient(); as patient) {\n  <eds-patient-profile-drawer\n    [patient]=\"patient\"\n    (closed)=\"closePatientDrawer()\"\n  />\n}\n", styles: [".activities-page__card{grid-template-columns:minmax(180px,1.1fr) minmax(200px,1.2fr) minmax(200px,1.2fr) auto}.activities-page__card--task{grid-template-columns:minmax(120px,.7fr) minmax(220px,1.4fr) minmax(240px,1.3fr)}.activities-page__card--registration{grid-template-columns:minmax(180px,1.1fr) minmax(240px,1.4fr) minmax(120px,.8fr) auto}.activities-page__col-head{box-sizing:border-box;border:1px solid transparent;padding-left:1rem;padding-right:1rem;padding-bottom:.5rem;column-gap:1.75rem}.activities-page__col-head--tasks{grid-template-columns:minmax(120px,.7fr) minmax(220px,1.4fr) minmax(240px,1.3fr)}.activities-page__col-head--appointments{grid-template-columns:minmax(180px,1.1fr) minmax(200px,1.2fr) minmax(200px,1.2fr) auto}.activities-page__col-head--registration{grid-template-columns:minmax(180px,1.1fr) minmax(240px,1.4fr) minmax(120px,.8fr) auto}.activities-page__priority-mark{background:#f59e0b}[data-tone=urgent] .activities-page__priority-mark{background:#dc2626}[data-tone=high] .activities-page__priority-mark{background:#ea580c}[data-tone=medium] .activities-page__priority-mark{background:#f59e0b}[data-tone=low] .activities-page__priority-mark{background:#94a3b8}.activities-page__insurance[data-state=covered]{background:#ecfdf5;border-color:#bbf7d0;color:#15803d}.activities-page__insurance[data-state=none]{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.activities-page__insurance[data-state=unknown]{background:#f4f4f5;border-color:#e4e4e7;color:#71717a}@media(max-width:1023px){.activities-page__card,.activities-page__card--task{grid-template-columns:1fr auto}}\n"], dependencies: [{ kind: "component", type: EdsAvatarComponent, selector: "eds-avatar", inputs: ["initials", "tone", "shape", "gradient"] }, { kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }, { kind: "component", type: EdsIconComponent, selector: "eds-icon", inputs: ["name", "size", "fill", "weight"] }, { kind: "component", type: TaskDetailDrawerComponent, selector: "eds-task-detail-drawer", inputs: ["task"], outputs: ["closed", "statusChange"] }, { kind: "component", type: PatientProfileDrawerComponent, selector: "eds-patient-profile-drawer", inputs: ["patient"], outputs: ["closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ActivitiesPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-activities-page', imports: [
+                        EdsAvatarComponent,
+                        EdsButtonComponent,
+                        EdsIconComponent,
+                        TaskDetailDrawerComponent,
+                        PatientProfileDrawerComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"eds-page activities-page\">\n  <header class=\"mb-5\">\n    <div>\n      <h1 class=\"eds-h1\">Activities</h1>\n      <p class=\"eds-body-sm\">Review all the activities done by the AI at one place</p>\n    </div>\n  </header>\n\n  @if (callIdFilter(); as callId) {\n    <div\n      class=\"mb-4 flex flex-wrap items-center justify-between gap-3 rounded-lg bg-blue-50 px-4 py-3 text-sm font-normal leading-snug text-zinc-600\"\n      role=\"status\"\n    >\n      <span>Showing activities for call <strong class=\"font-medium text-zinc-700\">{{ callId }}</strong></span>\n      <button\n        type=\"button\"\n        class=\"cursor-pointer border-none bg-transparent px-0 py-1 text-sm font-medium text-blue-600 hover:underline\"\n        (click)=\"clearCallFilter()\"\n      >\n        Clear filter\n      </button>\n    </div>\n  }\n\n  <nav class=\"mb-5 flex flex-wrap gap-2\" aria-label=\"Activity type\">\n    @for (tab of tabs; track tab.id) {\n      <button\n        type=\"button\"\n        [class]=\"\n          activeTab() === tab.id\n            ? 'cursor-pointer rounded-full border-none bg-blue-50 px-4 py-2 text-sm font-medium text-blue-600 transition-colors'\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'\n        \"\n        (click)=\"setTab(tab.id)\"\n      >\n        {{ tab.label }}\n      </button>\n    }\n  </nav>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading activities\u2026</p>\n  } @else if (loadError()) {\n    <p class=\"text-sm text-red-700\" role=\"alert\">{{ loadError() }}</p>\n  } @else {\n    @if (activeTab() === 'task_created') {\n      <div\n        class=\"activities-page__col-head activities-page__col-head--tasks grid gap-x-7 gap-y-4 pb-2 text-sm font-semibold leading-tight text-zinc-600 max-lg:hidden\"\n        aria-hidden=\"true\"\n      >\n        <span>Priority</span>\n        <span>Task</span>\n        <span>Patient / Caller</span>\n      </div>\n    } @else if (activeTab() === 'appointment_booked') {\n      <div\n        class=\"activities-page__col-head activities-page__col-head--appointments grid gap-x-7 gap-y-4 pb-2 text-sm font-semibold leading-tight text-zinc-600 max-lg:hidden\"\n        aria-hidden=\"true\"\n      >\n        <span>When</span>\n        <span>Patient</span>\n        <span>Provider</span>\n        <span class=\"justify-self-end text-right\">Insurance</span>\n      </div>\n    } @else if (activeTab() === 'patient_created') {\n      <div\n        class=\"activities-page__col-head activities-page__col-head--registration grid gap-x-7 gap-y-4 pb-2 text-sm font-semibold leading-tight text-zinc-600 max-lg:hidden\"\n        aria-hidden=\"true\"\n      >\n        <span>When</span>\n        <span>Patient</span>\n        <span>MRN</span>\n        <span class=\"justify-self-end text-right\">Insurance</span>\n      </div>\n    }\n\n    <ul class=\"m-0 flex list-none flex-col gap-3 p-0\">\n      @for (item of items(); track item.id; let i = $index) {\n        @if (isTaskRow(item)) {\n          <li\n            class=\"activities-page__card activities-page__card--task grid cursor-pointer items-center gap-x-7 gap-y-4 rounded-xl border border-zinc-200 bg-white px-4 py-4 max-lg:gap-x-4 max-lg:gap-y-4 hover:border-blue-200 hover:shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600\"\n            role=\"button\"\n            tabindex=\"0\"\n            [attr.aria-label]=\"'View task: ' + taskTitle(item)\"\n            (click)=\"openTask(item)\"\n            (keyup.enter)=\"openTask(item)\"\n          >\n            <div class=\"inline-flex items-center gap-2 text-sm font-medium leading-snug text-zinc-700\" [attr.data-tone]=\"priorityTone(item)\">\n              <span class=\"activities-page__priority-mark h-2.5 w-2.5 shrink-0 rotate-45 rounded-sm\" aria-hidden=\"true\"></span>\n              <span class=\"capitalize\">{{ priorityLabel(item) }}</span>\n            </div>\n\n            <div class=\"text-sm font-medium leading-snug text-zinc-700 max-lg:col-span-full\">{{ taskTitle(item) }}</div>\n\n            <div class=\"flex min-w-0 items-center gap-3 max-lg:col-span-full\">\n              <eds-avatar\n                shape=\"box\"\n                [initials]=\"patientInitials(item)\"\n                [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"\n              />\n              <div class=\"flex min-w-0 flex-col gap-1\">\n                <span class=\"truncate text-sm font-medium leading-snug text-zinc-700\">{{ item.patientName || 'Unknown caller' }}</span>\n                @if (patientMeta(item); as meta) {\n                  <span class=\"truncate text-xs leading-snug text-zinc-500\">{{ meta }}</span>\n                }\n              </div>\n            </div>\n          </li>\n        } @else if (isRegistrationTab()) {\n          <li\n            class=\"activities-page__card activities-page__card--registration grid cursor-pointer items-center gap-x-7 gap-y-4 rounded-xl border border-zinc-200 bg-white px-4 py-4 max-lg:gap-x-4 max-lg:gap-y-4 hover:border-blue-200 hover:shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600\"\n            role=\"button\"\n            tabindex=\"0\"\n            [attr.aria-label]=\"'View patient: ' + (item.patientName || 'Unknown patient')\"\n            (click)=\"openPatient(item)\"\n            (keyup.enter)=\"openPatient(item)\"\n          >\n            <div class=\"min-w-0\">\n              <div class=\"mb-1 flex flex-wrap items-center gap-2\">\n                <span class=\"whitespace-nowrap text-base font-medium leading-snug text-zinc-700 max-md:whitespace-normal\">{{ timestampLabel(item) }}</span>\n              </div>\n              <p class=\"m-0 text-sm leading-snug text-zinc-500\">{{ categoryLabel(item) }}</p>\n            </div>\n\n            <div class=\"flex min-w-0 items-center gap-3 max-lg:col-span-full\">\n              <eds-avatar\n                shape=\"box\"\n                [initials]=\"patientInitials(item)\"\n                [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"\n              />\n              <div class=\"flex min-w-0 flex-col gap-1\">\n                <span class=\"truncate text-sm font-medium leading-snug text-zinc-700\">{{ item.patientName || 'Unknown patient' }}</span>\n                @if (patientMeta(item); as meta) {\n                  <span class=\"truncate text-xs leading-snug text-zinc-500\">{{ meta }}</span>\n                }\n              </div>\n            </div>\n\n            <div class=\"text-sm font-normal leading-snug text-zinc-600\">{{ displayMrn(item) }}</div>\n\n            <div class=\"flex items-center justify-end gap-2.5\">\n              <span\n                class=\"activities-page__insurance inline-flex h-8 w-8 items-center justify-center rounded-full border border-transparent max-md:px-1.5\"\n                [attr.data-state]=\"insuranceState(item)\"\n                [title]=\"insuranceTitle(item)\"\n                [attr.aria-label]=\"insuranceLabel(item)\"\n              >\n                <eds-icon [name]=\"insuranceIcon(item)\" [size]=\"18\" />\n              </span>\n            </div>\n          </li>\n        } @else {\n          <li\n            [class]=\"\n              'activities-page__card grid items-center gap-x-7 gap-y-4 rounded-xl border border-zinc-200 bg-white px-4 py-4 max-lg:gap-x-4 max-lg:gap-y-4' +\n              (item.callId\n                ? ' cursor-pointer hover:border-blue-200 hover:shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600'\n                : '')\n            \"\n            [attr.role]=\"item.callId ? 'link' : null\"\n            [attr.tabindex]=\"item.callId ? 0 : null\"\n            (click)=\"openCallHistory(item.callId, $event)\"\n            (keyup.enter)=\"openCallHistory(item.callId)\"\n          >\n            <div class=\"min-w-0\">\n              <div class=\"mb-1 flex flex-wrap items-center gap-2\">\n                <span class=\"whitespace-nowrap text-base font-medium leading-snug text-zinc-700 max-md:whitespace-normal\">{{ timestampLabel(item) }}</span>\n              </div>\n              <p class=\"m-0 text-sm leading-snug text-zinc-500\">{{ categoryLabel(item) }}</p>\n            </div>\n\n            <div class=\"flex min-w-0 items-center gap-3 max-lg:col-span-full\">\n              <eds-avatar\n                shape=\"box\"\n                [initials]=\"patientInitials(item)\"\n                [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"\n              />\n              <div class=\"flex min-w-0 flex-col gap-1\">\n                <span class=\"truncate text-sm font-medium leading-snug text-zinc-700\">{{ item.patientName || 'Unknown patient' }}</span>\n                @if (patientMeta(item); as meta) {\n                  <span class=\"truncate text-xs leading-snug text-zinc-500\">{{ meta }}</span>\n                }\n              </div>\n            </div>\n\n            <div class=\"flex min-w-0 items-center gap-3 max-lg:col-span-full\">\n              @if (item.providerName) {\n                <eds-avatar\n                  shape=\"circle\"\n                  [initials]=\"providerInitials(item)\"\n                  [tone]=\"avatarTone(item.providerId || item.providerName, i + 3)\"\n                />\n                <div class=\"flex min-w-0 flex-col gap-1\">\n                  <span class=\"truncate text-sm font-medium leading-snug text-zinc-700\">{{ item.providerName }}</span>\n                  @if (providerSpecialtyLabel(item); as specialty) {\n                    <span class=\"truncate text-xs leading-snug text-zinc-500\">{{ specialty }}</span>\n                  }\n                </div>\n              } @else {\n                <div class=\"flex min-h-9 items-center\">\n                  <span class=\"truncate text-xs leading-snug text-zinc-500\">No provider assigned</span>\n                </div>\n              }\n            </div>\n\n            <div class=\"flex items-center justify-end gap-3\">\n              <span\n                class=\"activities-page__insurance inline-flex h-8 w-8 items-center justify-center rounded-full border border-transparent max-md:px-2\"\n                [attr.data-state]=\"insuranceState(item)\"\n                [title]=\"insuranceTitle(item)\"\n                [attr.aria-label]=\"insuranceLabel(item)\"\n              >\n                <eds-icon [name]=\"insuranceIcon(item)\" [size]=\"18\" />\n              </span>\n            </div>\n          </li>\n        }\n      } @empty {\n        <li class=\"rounded-xl border border-dashed border-zinc-200 bg-white px-4 py-10 text-center text-sm leading-snug text-zinc-500\">\n          {{ emptyLabel() }}\n        </li>\n      }\n    </ul>\n\n    @if (total() > pageSize) {\n      <footer class=\"mt-4 flex flex-wrap items-center justify-between gap-3\">\n        <span class=\"eds-body-sm\">\n          Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total\n        </span>\n        <div class=\"flex gap-2\">\n          <eds-button variant=\"secondary\" [disabled]=\"page() <= 1\" (click)=\"prevPage()\">Previous</eds-button>\n          <eds-button variant=\"secondary\" [disabled]=\"page() >= totalPages()\" (click)=\"nextPage()\">Next</eds-button>\n        </div>\n      </footer>\n    }\n  }\n</div>\n\n@if (selectedTask(); as task) {\n  <eds-task-detail-drawer\n    [task]=\"task\"\n    (closed)=\"closeTaskDrawer()\"\n    (statusChange)=\"onTaskStatusChange($event)\"\n  />\n}\n\n@if (selectedPatient(); as patient) {\n  <eds-patient-profile-drawer\n    [patient]=\"patient\"\n    (closed)=\"closePatientDrawer()\"\n  />\n}\n", styles: [".activities-page__card{grid-template-columns:minmax(180px,1.1fr) minmax(200px,1.2fr) minmax(200px,1.2fr) auto}.activities-page__card--task{grid-template-columns:minmax(120px,.7fr) minmax(220px,1.4fr) minmax(240px,1.3fr)}.activities-page__card--registration{grid-template-columns:minmax(180px,1.1fr) minmax(240px,1.4fr) minmax(120px,.8fr) auto}.activities-page__col-head{box-sizing:border-box;border:1px solid transparent;padding-left:1rem;padding-right:1rem;padding-bottom:.5rem;column-gap:1.75rem}.activities-page__col-head--tasks{grid-template-columns:minmax(120px,.7fr) minmax(220px,1.4fr) minmax(240px,1.3fr)}.activities-page__col-head--appointments{grid-template-columns:minmax(180px,1.1fr) minmax(200px,1.2fr) minmax(200px,1.2fr) auto}.activities-page__col-head--registration{grid-template-columns:minmax(180px,1.1fr) minmax(240px,1.4fr) minmax(120px,.8fr) auto}.activities-page__priority-mark{background:#f59e0b}[data-tone=urgent] .activities-page__priority-mark{background:#dc2626}[data-tone=high] .activities-page__priority-mark{background:#ea580c}[data-tone=medium] .activities-page__priority-mark{background:#f59e0b}[data-tone=low] .activities-page__priority-mark{background:#94a3b8}.activities-page__insurance[data-state=covered]{background:#ecfdf5;border-color:#bbf7d0;color:#15803d}.activities-page__insurance[data-state=none]{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.activities-page__insurance[data-state=unknown]{background:#f4f4f5;border-color:#e4e4e7;color:#71717a}@media(max-width:1023px){.activities-page__card,.activities-page__card--task{grid-template-columns:1fr auto}}\n"] }]
+        }] });
+
+export { ActivitiesPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-activities-page.component-BQS9JITk.mjs.map