@edvak99/voice-receptionist-widget 1.1.2 → 1.1.4

package/fesm2022/edvak99-voice-receptionist-widget-tasks-page.component-Bb9lPcYi.mjs

@@ -0,0 +1,317 @@
+import { DatePipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, signal, Input, ChangeDetectionStrategy, Component, input, output, computed } from '@angular/core';
+import { RouterLink, ActivatedRoute } from '@angular/router';
+import { T as ToastService, a as EdsBadgeComponent, E as EdsIconComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-BsBQIS_f.mjs';
+import { E as EdsButtonComponent } from './edvak99-voice-receptionist-widget-eds-button.component-Bg5T5BN8.mjs';
+import { A as AiReceptionistApiService, D as DEFAULT_PAGE_SIZE, k as totalPages } from './edvak99-voice-receptionist-widget-ai-receptionist-api.service-48cifVPF.mjs';
+
+class CopyButtonComponent {
+    constructor() {
+        /** Raw value to copy (full ID / phone / etc.) */
+        this.value = '';
+        /** Accessible label, e.g. "patient ID" */
+        this.label = 'value';
+        this.toast = inject(ToastService);
+        this.copied = signal(false);
+    }
+    get copyValue() {
+        const v = this.value?.trim();
+        return v && v !== '—' ? v : '';
+    }
+    get ariaLabel() {
+        return this.copied() ? 'Copied' : `Copy ${this.label}`;
+    }
+    async onCopy(event) {
+        event.stopPropagation();
+        const text = this.copyValue;
+        if (!text)
+            return;
+        try {
+            await navigator.clipboard.writeText(text);
+            this.copied.set(true);
+            setTimeout(() => this.copied.set(false), 1500);
+        }
+        catch {
+            this.toast.show('Could not copy — clipboard unavailable', 'error', 2500);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CopyButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: CopyButtonComponent, isStandalone: true, selector: "app-copy-btn", inputs: { value: "value", label: "label" }, ngImport: i0, template: `
+    @if (copyValue) {
+      <button
+        type="button"
+        class="copy-btn"
+        (click)="onCopy($event)"
+        [attr.aria-label]="ariaLabel"
+        [title]="copied() ? 'Copied' : 'Copy to clipboard'"
+      >
+        @if (copied()) {
+          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+               stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <polyline points="20 6 9 17 4 12" />
+          </svg>
+        } @else {
+          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+               stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <rect x="9" y="9" width="13" height="13" rx="2" ry="2" />
+            <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
+          </svg>
+        }
+      </button>
+    }
+  `, isInline: true, styles: [".copy-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;padding:0;border:1px solid var(--eds-color-border);border-radius:4px;background:var(--eds-color-surface);color:var(--eds-color-text-muted);cursor:pointer;transition:background .1s ease,color .1s ease,border-color .1s ease}.copy-btn:hover{background:var(--eds-color-surface-alt);color:var(--eds-color-primary);border-color:var(--eds-color-border-strong)}.copy-btn:focus-visible{outline:2px solid var(--eds-color-primary);outline-offset:1px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CopyButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-copy-btn', standalone: true, template: `
+    @if (copyValue) {
+      <button
+        type="button"
+        class="copy-btn"
+        (click)="onCopy($event)"
+        [attr.aria-label]="ariaLabel"
+        [title]="copied() ? 'Copied' : 'Copy to clipboard'"
+      >
+        @if (copied()) {
+          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+               stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <polyline points="20 6 9 17 4 12" />
+          </svg>
+        } @else {
+          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+               stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <rect x="9" y="9" width="13" height="13" rx="2" ry="2" />
+            <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
+          </svg>
+        }
+      </button>
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".copy-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;padding:0;border:1px solid var(--eds-color-border);border-radius:4px;background:var(--eds-color-surface);color:var(--eds-color-text-muted);cursor:pointer;transition:background .1s ease,color .1s ease,border-color .1s ease}.copy-btn:hover{background:var(--eds-color-surface-alt);color:var(--eds-color-primary);border-color:var(--eds-color-border-strong)}.copy-btn:focus-visible{outline:2px solid var(--eds-color-primary);outline-offset:1px}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }] } });
+
+const TASK_TYPE_OPTIONS = [
+    'Refill request',
+    'Callback',
+    'Billing',
+    'Scheduling',
+    'Clinical',
+    'Other',
+];
+function taskStatusLabel(status) {
+    if (status === 'in_progress')
+        return 'In progress';
+    if (status === 'done')
+        return 'Done';
+    return 'Open';
+}
+function taskStatusTone(status) {
+    const map = {
+        open: 'brand',
+        in_progress: 'notice',
+        done: 'pos',
+    };
+    return map[status];
+}
+function taskPriorityTone(priority) {
+    return priority === 'urgent' ? 'neg' : 'gray';
+}
+function taskPriorityLabel(priority) {
+    return priority === 'urgent' ? 'Urgent' : 'Normal';
+}
+function taskSourceLabel(source) {
+    if (source === 'voice')
+        return 'Voice';
+    if (source === 'sync')
+        return 'Sync';
+    return 'Manual';
+}
+function taskTypeTone(type) {
+    const key = type.toLowerCase();
+    if (key.includes('refill'))
+        return 'violet';
+    if (key.includes('callback'))
+        return 'brand';
+    if (key.includes('billing'))
+        return 'notice';
+    return 'gray';
+}
+function taskCallRoute(callId) {
+    return callId.startsWith('LC') ? ['../live', callId] : ['../history', callId];
+}
+
+class TaskDetailDrawerComponent {
+    constructor() {
+        this.task = input.required();
+        this.closed = output();
+        this.statusChange = output();
+        this.taskStatusLabel = taskStatusLabel;
+        this.taskStatusTone = taskStatusTone;
+        this.taskPriorityLabel = taskPriorityLabel;
+        this.taskPriorityTone = taskPriorityTone;
+        this.taskSourceLabel = taskSourceLabel;
+        this.taskTypeTone = taskTypeTone;
+        this.taskCallRoute = taskCallRoute;
+    }
+    close() {
+        this.closed.emit();
+    }
+    markDone() {
+        const t = this.task();
+        this.statusChange.emit(t.status === 'done' ? 'open' : 'done');
+    }
+    onBackdropClick(event) {
+        if (event.target === event.currentTarget)
+            this.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TaskDetailDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: TaskDetailDrawerComponent, isStandalone: true, selector: "eds-task-detail-drawer", inputs: { task: { classPropertyName: "task", publicName: "task", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { closed: "closed", statusChange: "statusChange" }, ngImport: i0, template: "<div class=\"task-drawer__backdrop\" (click)=\"onBackdropClick($event)\">\n  <aside class=\"task-drawer\" role=\"dialog\" aria-modal=\"true\" [attr.aria-label]=\"task().title\">\n    <header class=\"task-drawer__head\">\n      <div>\n        <eds-badge [tone]=\"taskTypeTone(task().type)\">{{ task().type }}</eds-badge>\n        <h2 class=\"task-drawer__title\">{{ task().title }}</h2>\n      </div>\n      <button type=\"button\" class=\"task-drawer__close\" (click)=\"close()\" aria-label=\"Close\">\n        <eds-icon name=\"close\" [size]=\"22\" />\n      </button>\n    </header>\n\n    <div class=\"task-drawer__body\">\n      <section class=\"task-drawer__section\">\n        <h3 class=\"eds-label\">Description</h3>\n        <p class=\"task-drawer__description\">{{ task().description || '\u2014' }}</p>\n      </section>\n\n      <dl class=\"task-drawer__meta\">\n        <div>\n          <dt class=\"eds-label\">Patient</dt>\n          <dd>{{ task().patient }}</dd>\n        </div>\n        <div>\n          <dt class=\"eds-label\">Assignee</dt>\n          <dd>{{ task().assignee }}</dd>\n        </div>\n        <div>\n          <dt class=\"eds-label\">Status</dt>\n          <dd><eds-badge [tone]=\"taskStatusTone(task().status)\">{{ taskStatusLabel(task().status) }}</eds-badge></dd>\n        </div>\n        <div>\n          <dt class=\"eds-label\">Priority</dt>\n          <dd><eds-badge [tone]=\"taskPriorityTone(task().priority)\">{{ taskPriorityLabel(task().priority) }}</eds-badge></dd>\n        </div>\n        <div>\n          <dt class=\"eds-label\">Source</dt>\n          <dd>{{ taskSourceLabel(task().source) }}</dd>\n        </div>\n        <div>\n          <dt class=\"eds-label\">Created</dt>\n          <dd>{{ task().created | date: 'medium' }}</dd>\n        </div>\n        <div>\n          <dt class=\"eds-label\">Call</dt>\n          <dd>\n            @if (task().callId) {\n              <a [routerLink]=\"taskCallRoute(task().callId!)\" class=\"task-drawer__link\">{{ task().callId }}</a>\n            } @else {\n              \u2014\n            }\n          </dd>\n        </div>\n      </dl>\n\n      @if (task().edvakTaskId || task().edvakStatus || task().medicationName || task().medicationId) {\n        <section class=\"task-drawer__section task-drawer__section--edvak\">\n          <h3 class=\"eds-label\">Edvak / refill details</h3>\n          <dl class=\"task-drawer__meta\">\n            @if (task().edvakTaskId) {\n              <div>\n                <dt class=\"eds-label\">Edvak task ID</dt>\n                <dd class=\"task-drawer__copy-row\">\n                  <code>{{ task().edvakTaskId }}</code>\n                  <app-copy-btn [value]=\"task().edvakTaskId\" label=\"Edvak task ID\" />\n                </dd>\n              </div>\n            }\n            @if (task().edvakStatus) {\n              <div>\n                <dt class=\"eds-label\">Edvak status</dt>\n                <dd><eds-badge tone=\"brand\">{{ task().edvakStatus }}</eds-badge></dd>\n              </div>\n            }\n            @if (task().medicationName) {\n              <div>\n                <dt class=\"eds-label\">Medication</dt>\n                <dd>{{ task().medicationName }}</dd>\n              </div>\n            }\n            @if (task().medicationId) {\n              <div>\n                <dt class=\"eds-label\">Medication ID</dt>\n                <dd class=\"task-drawer__copy-row\">\n                  <code>{{ task().medicationId }}</code>\n                  <app-copy-btn [value]=\"task().medicationId\" label=\"medication ID\" />\n                </dd>\n              </div>\n            }\n          </dl>\n        </section>\n      }\n    </div>\n\n    <footer class=\"task-drawer__foot\">\n      <eds-button variant=\"secondary\" type=\"button\" (click)=\"markDone()\">\n        {{ task().status === 'done' ? 'Reopen task' : 'Mark done' }}\n      </eds-button>\n    </footer>\n  </aside>\n</div>\n", styles: [".task-drawer__backdrop{position:fixed;inset:0;z-index:200;background:#0f172a66;display:flex;justify-content:flex-end}.task-drawer{width:min(440px,100%);height:100%;background:#fff;box-shadow:-8px 0 32px #0f172a1f;display:flex;flex-direction:column;animation:task-drawer-in .2s ease}.task-drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid var(--eds-color-border, #e2e8f0)}.task-drawer__title{margin:8px 0 0;font-size:20px;font-weight:600;line-height:1.3;color:var(--eds-color-text, #0f172a)}.task-drawer__close{border:none;background:none;padding:4px;cursor:pointer;color:var(--eds-color-text-muted, #64748b);border-radius:6px}.task-drawer__close:hover{background:var(--eds-color-surface-alt, #f1f5f9)}.task-drawer__body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:24px}.task-drawer__section--edvak{padding:14px;border-radius:8px;background:var(--eds-color-surface-alt, #f8fafc);border:1px solid var(--eds-color-border, #e2e8f0)}.task-drawer__description{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--eds-color-text, #0f172a);white-space:pre-wrap}.task-drawer__meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}.task-drawer__meta dt{margin:0 0 4px}.task-drawer__meta dd{margin:0;font-size:14px;color:var(--eds-color-text, #0f172a)}.task-drawer__copy-row{display:inline-flex;align-items:center;gap:6px}.task-drawer__copy-row code{font-family:ui-monospace,monospace;font-size:12px;background:var(--eds-color-surface-alt, #f1f5f9);padding:2px 6px;border-radius:4px}.task-drawer__link{color:var(--eds-color-primary, #3681f4);text-decoration:none;font-weight:500}.task-drawer__link:hover{text-decoration:underline}.task-drawer__foot{padding:16px 24px;border-top:1px solid var(--eds-color-border, #e2e8f0)}@keyframes task-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: CopyButtonComponent, selector: "app-copy-btn", inputs: ["value", "label"] }, { kind: "component", type: EdsBadgeComponent, selector: "eds-badge", inputs: ["tone"] }, { kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }, { 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: TaskDetailDrawerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-task-detail-drawer', imports: [
+                        DatePipe,
+                        RouterLink,
+                        CopyButtonComponent,
+                        EdsBadgeComponent,
+                        EdsButtonComponent,
+                        EdsIconComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"task-drawer__backdrop\" (click)=\"onBackdropClick($event)\">\n  <aside class=\"task-drawer\" role=\"dialog\" aria-modal=\"true\" [attr.aria-label]=\"task().title\">\n    <header class=\"task-drawer__head\">\n      <div>\n        <eds-badge [tone]=\"taskTypeTone(task().type)\">{{ task().type }}</eds-badge>\n        <h2 class=\"task-drawer__title\">{{ task().title }}</h2>\n      </div>\n      <button type=\"button\" class=\"task-drawer__close\" (click)=\"close()\" aria-label=\"Close\">\n        <eds-icon name=\"close\" [size]=\"22\" />\n      </button>\n    </header>\n\n    <div class=\"task-drawer__body\">\n      <section class=\"task-drawer__section\">\n        <h3 class=\"eds-label\">Description</h3>\n        <p class=\"task-drawer__description\">{{ task().description || '\u2014' }}</p>\n      </section>\n\n      <dl class=\"task-drawer__meta\">\n        <div>\n          <dt class=\"eds-label\">Patient</dt>\n          <dd>{{ task().patient }}</dd>\n        </div>\n        <div>\n          <dt class=\"eds-label\">Assignee</dt>\n          <dd>{{ task().assignee }}</dd>\n        </div>\n        <div>\n          <dt class=\"eds-label\">Status</dt>\n          <dd><eds-badge [tone]=\"taskStatusTone(task().status)\">{{ taskStatusLabel(task().status) }}</eds-badge></dd>\n        </div>\n        <div>\n          <dt class=\"eds-label\">Priority</dt>\n          <dd><eds-badge [tone]=\"taskPriorityTone(task().priority)\">{{ taskPriorityLabel(task().priority) }}</eds-badge></dd>\n        </div>\n        <div>\n          <dt class=\"eds-label\">Source</dt>\n          <dd>{{ taskSourceLabel(task().source) }}</dd>\n        </div>\n        <div>\n          <dt class=\"eds-label\">Created</dt>\n          <dd>{{ task().created | date: 'medium' }}</dd>\n        </div>\n        <div>\n          <dt class=\"eds-label\">Call</dt>\n          <dd>\n            @if (task().callId) {\n              <a [routerLink]=\"taskCallRoute(task().callId!)\" class=\"task-drawer__link\">{{ task().callId }}</a>\n            } @else {\n              \u2014\n            }\n          </dd>\n        </div>\n      </dl>\n\n      @if (task().edvakTaskId || task().edvakStatus || task().medicationName || task().medicationId) {\n        <section class=\"task-drawer__section task-drawer__section--edvak\">\n          <h3 class=\"eds-label\">Edvak / refill details</h3>\n          <dl class=\"task-drawer__meta\">\n            @if (task().edvakTaskId) {\n              <div>\n                <dt class=\"eds-label\">Edvak task ID</dt>\n                <dd class=\"task-drawer__copy-row\">\n                  <code>{{ task().edvakTaskId }}</code>\n                  <app-copy-btn [value]=\"task().edvakTaskId\" label=\"Edvak task ID\" />\n                </dd>\n              </div>\n            }\n            @if (task().edvakStatus) {\n              <div>\n                <dt class=\"eds-label\">Edvak status</dt>\n                <dd><eds-badge tone=\"brand\">{{ task().edvakStatus }}</eds-badge></dd>\n              </div>\n            }\n            @if (task().medicationName) {\n              <div>\n                <dt class=\"eds-label\">Medication</dt>\n                <dd>{{ task().medicationName }}</dd>\n              </div>\n            }\n            @if (task().medicationId) {\n              <div>\n                <dt class=\"eds-label\">Medication ID</dt>\n                <dd class=\"task-drawer__copy-row\">\n                  <code>{{ task().medicationId }}</code>\n                  <app-copy-btn [value]=\"task().medicationId\" label=\"medication ID\" />\n                </dd>\n              </div>\n            }\n          </dl>\n        </section>\n      }\n    </div>\n\n    <footer class=\"task-drawer__foot\">\n      <eds-button variant=\"secondary\" type=\"button\" (click)=\"markDone()\">\n        {{ task().status === 'done' ? 'Reopen task' : 'Mark done' }}\n      </eds-button>\n    </footer>\n  </aside>\n</div>\n", styles: [".task-drawer__backdrop{position:fixed;inset:0;z-index:200;background:#0f172a66;display:flex;justify-content:flex-end}.task-drawer{width:min(440px,100%);height:100%;background:#fff;box-shadow:-8px 0 32px #0f172a1f;display:flex;flex-direction:column;animation:task-drawer-in .2s ease}.task-drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid var(--eds-color-border, #e2e8f0)}.task-drawer__title{margin:8px 0 0;font-size:20px;font-weight:600;line-height:1.3;color:var(--eds-color-text, #0f172a)}.task-drawer__close{border:none;background:none;padding:4px;cursor:pointer;color:var(--eds-color-text-muted, #64748b);border-radius:6px}.task-drawer__close:hover{background:var(--eds-color-surface-alt, #f1f5f9)}.task-drawer__body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:24px}.task-drawer__section--edvak{padding:14px;border-radius:8px;background:var(--eds-color-surface-alt, #f8fafc);border:1px solid var(--eds-color-border, #e2e8f0)}.task-drawer__description{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--eds-color-text, #0f172a);white-space:pre-wrap}.task-drawer__meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}.task-drawer__meta dt{margin:0 0 4px}.task-drawer__meta dd{margin:0;font-size:14px;color:var(--eds-color-text, #0f172a)}.task-drawer__copy-row{display:inline-flex;align-items:center;gap:6px}.task-drawer__copy-row code{font-family:ui-monospace,monospace;font-size:12px;background:var(--eds-color-surface-alt, #f1f5f9);padding:2px 6px;border-radius:4px}.task-drawer__link{color:var(--eds-color-primary, #3681f4);text-decoration:none;font-weight:500}.task-drawer__link:hover{text-decoration:underline}.task-drawer__foot{padding:16px 24px;border-top:1px solid var(--eds-color-border, #e2e8f0)}@keyframes task-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
+        }] });
+
+class TasksPageComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.route = inject(ActivatedRoute);
+        this.pageSize = DEFAULT_PAGE_SIZE;
+        this.tasks = signal([]);
+        this.total = signal(0);
+        this.page = signal(1);
+        this.loading = signal(true);
+        this.selectedTask = signal(null);
+        this.statusFilter = signal('');
+        this.typeFilter = signal('');
+        this.sourceFilter = signal('');
+        this.callIdFilter = signal('');
+        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.statusFilter() ||
+            !!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('');
+        this.typeFilter.set('');
+        this.sourceFilter.set('');
+        this.callIdFilter.set('');
+        this.page.set(1);
+        this.load();
+    }
+    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);
+                this.tasks.update((rows) => rows.map((r) => (r.id === data.id ? data : r)));
+            }
+        });
+    }
+    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", ngImport: i0, template: "<div class=\"eds-page tasks-page\">\n  <header class=\"tasks-page__header\">\n    <div>\n      <h1 class=\"eds-h1\">Tasks & follow-ups</h1>\n      <p class=\"eds-body-sm\">Action items from calls \u2014 all types, not just refills</p>\n    </div>\n  </header>\n\n  <section class=\"list-section\">\n    <div class=\"list-toolbar\">\n      <div class=\"filter-group\">\n        <label for=\"task-status\">Status</label>\n        <select\n          id=\"task-status\"\n          class=\"filter-input\"\n          [value]=\"statusFilter()\"\n          (change)=\"setStatusFilter($any($event.target).value)\" autocomplete=\"off\">\n          <option value=\"\">All</option>\n          <option value=\"open\">Open</option>\n          <option value=\"in_progress\">In progress</option>\n          <option value=\"done\">Done</option>\n        </select>\n      </div>\n      <div class=\"filter-group\">\n        <label for=\"task-type\">Type</label>\n        <select\n          id=\"task-type\"\n          class=\"filter-input\"\n          [value]=\"typeFilter()\"\n          (change)=\"setTypeFilter($any($event.target).value)\" autocomplete=\"off\">\n          <option value=\"\">All types</option>\n          @for (t of typeOptions; track t) {\n            <option [value]=\"t\">{{ t }}</option>\n          }\n        </select>\n      </div>\n      <div class=\"filter-group\">\n        <label for=\"task-source\">Source</label>\n        <select\n          id=\"task-source\"\n          class=\"filter-input\"\n          [value]=\"sourceFilter()\"\n          (change)=\"setSourceFilter($any($event.target).value)\" autocomplete=\"off\">\n          <option value=\"\">All sources</option>\n          <option value=\"voice\">Voice</option>\n          <option value=\"sync\">Sync</option>\n          <option value=\"manual\">Manual</option>\n        </select>\n      </div>\n      <div class=\"filter-group\">\n        <label for=\"task-call\">Call ID</label>\n        <input\n          id=\"task-call\"\n          type=\"text\"\n          class=\"filter-input\"\n          [value]=\"callIdFilter()\"\n          placeholder=\"Filter by call\"\n          (change)=\"setCallIdFilter($any($event.target).value)\" autocomplete=\"off\" />\n      </div>\n      @if (hasActiveFilters()) {\n        <button type=\"button\" class=\"link-btn\" (click)=\"clearFilters()\">Clear filters</button>\n      }\n    </div>\n\n    @if (loading()) {\n      <p class=\"eds-body-sm tasks-page__loading\">Loading tasks\u2026</p>\n    } @else {\n      <div class=\"table-wrap\">\n        <table class=\"data-table\">\n          <thead>\n            <tr>\n              <th>Created</th>\n              <th>Title</th>\n              <th>Type</th>\n              <th>Patient</th>\n              <th>Priority</th>\n              <th>Status</th>\n              <th>Source</th>\n              <th>Call</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (task of tasks(); track task.id) {\n              <tr class=\"tasks-page__row\" (click)=\"openTask(task)\">\n                <td class=\"cell-muted\">{{ task.created | date: 'MM/dd/yy, h:mm a' }}</td>\n                <td class=\"tasks-page__title-cell\">{{ task.title }}</td>\n                <td><eds-badge [tone]=\"taskTypeTone(task.type)\">{{ task.type }}</eds-badge></td>\n                <td>{{ task.patient }}</td>\n                <td>\n                  <eds-badge [tone]=\"taskPriorityTone(task.priority)\">\n                    {{ task.priority === 'urgent' ? 'Urgent' : 'Normal' }}\n                  </eds-badge>\n                </td>\n                <td><eds-badge [tone]=\"taskStatusTone(task.status)\">{{ taskStatusLabel(task.status) }}</eds-badge></td>\n                <td class=\"cell-muted\">{{ taskSourceLabel(task.source) }}</td>\n                <td (click)=\"$event.stopPropagation()\">\n                  @if (task.callId) {\n                    <a [routerLink]=\"taskCallRoute(task.callId)\" class=\"link-btn\">{{ task.callId }}</a>\n                  } @else {\n                    <span class=\"cell-muted\">\u2014</span>\n                  }\n                </td>\n              </tr>\n            } @empty {\n              <tr>\n                <td colspan=\"8\" class=\"empty-state\">No tasks match these filters.</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    }\n\n    <footer class=\"pagination\">\n      <span>Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total</span>\n      <div class=\"pagination-btns\">\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  </section>\n</div>\n\n@if (selectedTask(); as task) {\n  <eds-task-detail-drawer\n    [task]=\"task\"\n    (closed)=\"closeDrawer()\"\n    (statusChange)=\"onStatusChange($event)\"\n  />\n}", styles: [".list-section{background:var(--eds-color-surface);border:1px solid var(--eds-color-border);border-radius:var(--eds-radius-lg);box-shadow:var(--eds-shadow-card);overflow:hidden}.list-toolbar{padding:18px 24px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;border-bottom:1px solid var(--eds-color-border)}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:12px;font-weight:500;color:var(--eds-color-text-muted)}.filter-input{padding:8px 10px;font-size:13px;min-width:140px}.toolbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.result-meta{font-size:12.5px;color:var(--eds-color-text-soft);width:100%;margin-top:4px}.api-banner{margin:0 24px 12px;padding:10px 14px;border-radius:var(--eds-radius-md);font-size:13px}.api-banner-error{background:var(--eds-color-danger-soft);color:var(--eds-color-danger);border:1px solid rgba(231,111,111,.25)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table thead th{text-align:left;font-family:var(--eds-font-inter, \"Inter\", sans-serif);font-size:13px;font-weight:600;letter-spacing:normal;text-transform:none;color:var(--eds-text-table-header, #4d5573);padding:12px 18px;background:var(--eds-color-surface-alt);border-bottom:1px solid var(--eds-color-border);white-space:nowrap}.data-table tbody tr{transition:background .1s ease}.data-table tbody tr:hover{background:var(--eds-color-surface-alt)}.data-table tbody tr+tr{border-top:1px solid var(--eds-color-border)}.data-table tbody td{padding:14px 18px;font-size:13px;font-weight:400;color:var(--eds-color-text);vertical-align:middle}.cell-muted{color:var(--eds-color-text-muted)}.cell-mono code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;color:var(--eds-color-text-muted);background:var(--eds-color-surface-alt);padding:3px 7px;border-radius:4px}.cell-with-copy{display:inline-flex;align-items:center;gap:6px;max-width:100%}.cell-with-copy .cell-value{min-width:0;overflow:hidden;text-overflow:ellipsis}.empty-state{padding:48px 18px!important;text-align:center;color:var(--eds-color-text-soft);font-size:13px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid var(--eds-color-border);font-size:13px;color:var(--eds-color-text-muted)}.pagination-btns{display:flex;gap:8px}.link-btn{background:none;border:none;padding:0;color:var(--eds-color-primary);font-size:13px;font-weight:500;cursor:pointer;text-decoration:none}.link-btn:hover{text-decoration:underline}.advanced-panel{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding-top:4px}@media(max-width:920px){.list-toolbar{padding:16px 18px}}.tasks-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.tasks-page__loading{padding:24px;margin:0}.tasks-page__row{cursor:pointer}.tasks-page__title-cell{font-weight:500;max-width:280px}\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: EdsBadgeComponent, selector: "eds-badge", inputs: ["tone"] }, { kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }, { kind: "component", type: TaskDetailDrawerComponent, selector: "eds-task-detail-drawer", inputs: ["task"], outputs: ["closed", "statusChange"] }], 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,
+                        RouterLink,
+                        EdsBadgeComponent,
+                        EdsButtonComponent,
+                        TaskDetailDrawerComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"eds-page tasks-page\">\n  <header class=\"tasks-page__header\">\n    <div>\n      <h1 class=\"eds-h1\">Tasks & follow-ups</h1>\n      <p class=\"eds-body-sm\">Action items from calls \u2014 all types, not just refills</p>\n    </div>\n  </header>\n\n  <section class=\"list-section\">\n    <div class=\"list-toolbar\">\n      <div class=\"filter-group\">\n        <label for=\"task-status\">Status</label>\n        <select\n          id=\"task-status\"\n          class=\"filter-input\"\n          [value]=\"statusFilter()\"\n          (change)=\"setStatusFilter($any($event.target).value)\" autocomplete=\"off\">\n          <option value=\"\">All</option>\n          <option value=\"open\">Open</option>\n          <option value=\"in_progress\">In progress</option>\n          <option value=\"done\">Done</option>\n        </select>\n      </div>\n      <div class=\"filter-group\">\n        <label for=\"task-type\">Type</label>\n        <select\n          id=\"task-type\"\n          class=\"filter-input\"\n          [value]=\"typeFilter()\"\n          (change)=\"setTypeFilter($any($event.target).value)\" autocomplete=\"off\">\n          <option value=\"\">All types</option>\n          @for (t of typeOptions; track t) {\n            <option [value]=\"t\">{{ t }}</option>\n          }\n        </select>\n      </div>\n      <div class=\"filter-group\">\n        <label for=\"task-source\">Source</label>\n        <select\n          id=\"task-source\"\n          class=\"filter-input\"\n          [value]=\"sourceFilter()\"\n          (change)=\"setSourceFilter($any($event.target).value)\" autocomplete=\"off\">\n          <option value=\"\">All sources</option>\n          <option value=\"voice\">Voice</option>\n          <option value=\"sync\">Sync</option>\n          <option value=\"manual\">Manual</option>\n        </select>\n      </div>\n      <div class=\"filter-group\">\n        <label for=\"task-call\">Call ID</label>\n        <input\n          id=\"task-call\"\n          type=\"text\"\n          class=\"filter-input\"\n          [value]=\"callIdFilter()\"\n          placeholder=\"Filter by call\"\n          (change)=\"setCallIdFilter($any($event.target).value)\" autocomplete=\"off\" />\n      </div>\n      @if (hasActiveFilters()) {\n        <button type=\"button\" class=\"link-btn\" (click)=\"clearFilters()\">Clear filters</button>\n      }\n    </div>\n\n    @if (loading()) {\n      <p class=\"eds-body-sm tasks-page__loading\">Loading tasks\u2026</p>\n    } @else {\n      <div class=\"table-wrap\">\n        <table class=\"data-table\">\n          <thead>\n            <tr>\n              <th>Created</th>\n              <th>Title</th>\n              <th>Type</th>\n              <th>Patient</th>\n              <th>Priority</th>\n              <th>Status</th>\n              <th>Source</th>\n              <th>Call</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (task of tasks(); track task.id) {\n              <tr class=\"tasks-page__row\" (click)=\"openTask(task)\">\n                <td class=\"cell-muted\">{{ task.created | date: 'MM/dd/yy, h:mm a' }}</td>\n                <td class=\"tasks-page__title-cell\">{{ task.title }}</td>\n                <td><eds-badge [tone]=\"taskTypeTone(task.type)\">{{ task.type }}</eds-badge></td>\n                <td>{{ task.patient }}</td>\n                <td>\n                  <eds-badge [tone]=\"taskPriorityTone(task.priority)\">\n                    {{ task.priority === 'urgent' ? 'Urgent' : 'Normal' }}\n                  </eds-badge>\n                </td>\n                <td><eds-badge [tone]=\"taskStatusTone(task.status)\">{{ taskStatusLabel(task.status) }}</eds-badge></td>\n                <td class=\"cell-muted\">{{ taskSourceLabel(task.source) }}</td>\n                <td (click)=\"$event.stopPropagation()\">\n                  @if (task.callId) {\n                    <a [routerLink]=\"taskCallRoute(task.callId)\" class=\"link-btn\">{{ task.callId }}</a>\n                  } @else {\n                    <span class=\"cell-muted\">\u2014</span>\n                  }\n                </td>\n              </tr>\n            } @empty {\n              <tr>\n                <td colspan=\"8\" class=\"empty-state\">No tasks match these filters.</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    }\n\n    <footer class=\"pagination\">\n      <span>Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total</span>\n      <div class=\"pagination-btns\">\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  </section>\n</div>\n\n@if (selectedTask(); as task) {\n  <eds-task-detail-drawer\n    [task]=\"task\"\n    (closed)=\"closeDrawer()\"\n    (statusChange)=\"onStatusChange($event)\"\n  />\n}", styles: [".list-section{background:var(--eds-color-surface);border:1px solid var(--eds-color-border);border-radius:var(--eds-radius-lg);box-shadow:var(--eds-shadow-card);overflow:hidden}.list-toolbar{padding:18px 24px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;border-bottom:1px solid var(--eds-color-border)}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:12px;font-weight:500;color:var(--eds-color-text-muted)}.filter-input{padding:8px 10px;font-size:13px;min-width:140px}.toolbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.result-meta{font-size:12.5px;color:var(--eds-color-text-soft);width:100%;margin-top:4px}.api-banner{margin:0 24px 12px;padding:10px 14px;border-radius:var(--eds-radius-md);font-size:13px}.api-banner-error{background:var(--eds-color-danger-soft);color:var(--eds-color-danger);border:1px solid rgba(231,111,111,.25)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table thead th{text-align:left;font-family:var(--eds-font-inter, \"Inter\", sans-serif);font-size:13px;font-weight:600;letter-spacing:normal;text-transform:none;color:var(--eds-text-table-header, #4d5573);padding:12px 18px;background:var(--eds-color-surface-alt);border-bottom:1px solid var(--eds-color-border);white-space:nowrap}.data-table tbody tr{transition:background .1s ease}.data-table tbody tr:hover{background:var(--eds-color-surface-alt)}.data-table tbody tr+tr{border-top:1px solid var(--eds-color-border)}.data-table tbody td{padding:14px 18px;font-size:13px;font-weight:400;color:var(--eds-color-text);vertical-align:middle}.cell-muted{color:var(--eds-color-text-muted)}.cell-mono code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;color:var(--eds-color-text-muted);background:var(--eds-color-surface-alt);padding:3px 7px;border-radius:4px}.cell-with-copy{display:inline-flex;align-items:center;gap:6px;max-width:100%}.cell-with-copy .cell-value{min-width:0;overflow:hidden;text-overflow:ellipsis}.empty-state{padding:48px 18px!important;text-align:center;color:var(--eds-color-text-soft);font-size:13px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid var(--eds-color-border);font-size:13px;color:var(--eds-color-text-muted)}.pagination-btns{display:flex;gap:8px}.link-btn{background:none;border:none;padding:0;color:var(--eds-color-primary);font-size:13px;font-weight:500;cursor:pointer;text-decoration:none}.link-btn:hover{text-decoration:underline}.advanced-panel{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding-top:4px}@media(max-width:920px){.list-toolbar{padding:16px 18px}}.tasks-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.tasks-page__loading{padding:24px;margin:0}.tasks-page__row{cursor:pointer}.tasks-page__title-cell{font-weight:500;max-width:280px}\n"] }]
+        }] });
+
+export { TasksPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-tasks-page.component-Bb9lPcYi.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-tasks-page.component-Bb9lPcYi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-tasks-page.component-Bb9lPcYi.mjs","sources":["../../../projects/voice-receptionist-widget/src/lib/shared/copy-button.component.ts","../../../projects/voice-receptionist-widget/src/lib/utils/task.util.ts","../../../projects/voice-receptionist-widget/src/lib/components/task-detail-drawer/task-detail-drawer.component.ts","../../../projects/voice-receptionist-widget/src/lib/components/task-detail-drawer/task-detail-drawer.component.html","../../../projects/voice-receptionist-widget/src/lib/pages/tasks-page/tasks-page.component.ts","../../../projects/voice-receptionist-widget/src/lib/pages/tasks-page/tasks-page.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n  inject,\n  signal,\n} from '@angular/core';\n\nimport { ToastService } from './toast.service';\n\n@Component({\n  selector: 'app-copy-btn',\n  standalone: true,\n  template: `\n    @if (copyValue) {\n      <button\n        type=\"button\"\n        class=\"copy-btn\"\n        (click)=\"onCopy($event)\"\n        [attr.aria-label]=\"ariaLabel\"\n        [title]=\"copied() ? 'Copied' : 'Copy to clipboard'\"\n      >\n        @if (copied()) {\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n               stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <polyline points=\"20 6 9 17 4 12\" />\n          </svg>\n        } @else {\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n               stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\" />\n            <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\" />\n          </svg>\n        }\n      </button>\n    }\n  `,\n  styleUrl: './copy-button.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CopyButtonComponent {\n  /** Raw value to copy (full ID / phone / etc.) */\n  @Input() value: string | null | undefined = '';\n  /** Accessible label, e.g. \"patient ID\" */\n  @Input() label = 'value';\n\n  private readonly toast = inject(ToastService);\n\n  protected readonly copied = signal(false);\n\n  protected get copyValue(): string {\n    const v = this.value?.trim();\n    return v && v !== '—' ? v : '';\n  }\n\n  protected get ariaLabel(): string {\n    return this.copied() ? 'Copied' : `Copy ${this.label}`;\n  }\n\n  async onCopy(event: MouseEvent): Promise<void> {\n    event.stopPropagation();\n    const text = this.copyValue;\n    if (!text) return;\n\n    try {\n      await navigator.clipboard.writeText(text);\n      this.copied.set(true);\n      setTimeout(() => this.copied.set(false), 1500);\n    } catch {\n      this.toast.show('Could not copy — clipboard unavailable', 'error', 2500);\n    }\n  }\n}\n","import { BadgeTone } from '../ui/eds-badge.component';\nimport { TaskPriority, TaskSource, TaskStatus } from '../models/ai-receptionist.types';\n\nexport const TASK_TYPE_OPTIONS = [\n  'Refill request',\n  'Callback',\n  'Billing',\n  'Scheduling',\n  'Clinical',\n  'Other',\n] as const;\n\nexport function taskStatusLabel(status: TaskStatus): string {\n  if (status === 'in_progress') return 'In progress';\n  if (status === 'done') return 'Done';\n  return 'Open';\n}\n\nexport function taskStatusTone(status: TaskStatus): BadgeTone {\n  const map: Record<TaskStatus, BadgeTone> = {\n    open: 'brand',\n    in_progress: 'notice',\n    done: 'pos',\n  };\n  return map[status];\n}\n\nexport function taskPriorityTone(priority: TaskPriority): BadgeTone {\n  return priority === 'urgent' ? 'neg' : 'gray';\n}\n\nexport function taskPriorityLabel(priority: TaskPriority): string {\n  return priority === 'urgent' ? 'Urgent' : 'Normal';\n}\n\nexport function taskSourceLabel(source: TaskSource): string {\n  if (source === 'voice') return 'Voice';\n  if (source === 'sync') return 'Sync';\n  return 'Manual';\n}\n\nexport function taskTypeTone(type: string): BadgeTone {\n  const key = type.toLowerCase();\n  if (key.includes('refill')) return 'violet';\n  if (key.includes('callback')) return 'brand';\n  if (key.includes('billing')) return 'notice';\n  return 'gray';\n}\n\nexport function taskCallRoute(callId: string): string[] {\n  return callId.startsWith('LC') ? ['../live', callId] : ['../history', callId];\n}\n","import { DatePipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  output,\n} from '@angular/core';\nimport { RouterLink } from '@angular/router';\n\nimport { TaskItem, TaskStatus } from '../../models/ai-receptionist.types';\nimport { CopyButtonComponent } from '../../shared/copy-button.component';\nimport { EdsBadgeComponent } from '../../ui/eds-badge.component';\nimport { EdsButtonComponent } from '../../ui/eds-button.component';\nimport { EdsIconComponent } from '../../ui/eds-icon.component';\nimport {\n  taskCallRoute,\n  taskPriorityLabel,\n  taskPriorityTone,\n  taskSourceLabel,\n  taskStatusLabel,\n  taskStatusTone,\n  taskTypeTone,\n} from '../../utils/task.util';\n\n@Component({\n    selector: 'eds-task-detail-drawer',\n    imports: [\n        DatePipe,\n        RouterLink,\n        CopyButtonComponent,\n        EdsBadgeComponent,\n        EdsButtonComponent,\n        EdsIconComponent,\n    ],\n    templateUrl: './task-detail-drawer.component.html',\n    styleUrl: './task-detail-drawer.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TaskDetailDrawerComponent {\n  readonly task = input.required<TaskItem>();\n\n  readonly closed = output<void>();\n  readonly statusChange = output<TaskStatus>();\n\n  protected readonly taskStatusLabel = taskStatusLabel;\n  protected readonly taskStatusTone = taskStatusTone;\n  protected readonly taskPriorityLabel = taskPriorityLabel;\n  protected readonly taskPriorityTone = taskPriorityTone;\n  protected readonly taskSourceLabel = taskSourceLabel;\n  protected readonly taskTypeTone = taskTypeTone;\n  protected readonly taskCallRoute = taskCallRoute;\n\n  protected close(): void {\n    this.closed.emit();\n  }\n\n  protected markDone(): void {\n    const t = this.task();\n    this.statusChange.emit(t.status === 'done' ? 'open' : 'done');\n  }\n\n  protected onBackdropClick(event: MouseEvent): void {\n    if (event.target === event.currentTarget) this.close();\n  }\n}\n","<div class=\"task-drawer__backdrop\" (click)=\"onBackdropClick($event)\">\n  <aside class=\"task-drawer\" role=\"dialog\" aria-modal=\"true\" [attr.aria-label]=\"task().title\">\n    <header class=\"task-drawer__head\">\n      <div>\n        <eds-badge [tone]=\"taskTypeTone(task().type)\">{{ task().type }}</eds-badge>\n        <h2 class=\"task-drawer__title\">{{ task().title }}</h2>\n      </div>\n      <button type=\"button\" class=\"task-drawer__close\" (click)=\"close()\" aria-label=\"Close\">\n        <eds-icon name=\"close\" [size]=\"22\" />\n      </button>\n    </header>\n\n    <div class=\"task-drawer__body\">\n      <section class=\"task-drawer__section\">\n        <h3 class=\"eds-label\">Description</h3>\n        <p class=\"task-drawer__description\">{{ task().description || '—' }}</p>\n      </section>\n\n      <dl class=\"task-drawer__meta\">\n        <div>\n          <dt class=\"eds-label\">Patient</dt>\n          <dd>{{ task().patient }}</dd>\n        </div>\n        <div>\n          <dt class=\"eds-label\">Assignee</dt>\n          <dd>{{ task().assignee }}</dd>\n        </div>\n        <div>\n          <dt class=\"eds-label\">Status</dt>\n          <dd><eds-badge [tone]=\"taskStatusTone(task().status)\">{{ taskStatusLabel(task().status) }}</eds-badge></dd>\n        </div>\n        <div>\n          <dt class=\"eds-label\">Priority</dt>\n          <dd><eds-badge [tone]=\"taskPriorityTone(task().priority)\">{{ taskPriorityLabel(task().priority) }}</eds-badge></dd>\n        </div>\n        <div>\n          <dt class=\"eds-label\">Source</dt>\n          <dd>{{ taskSourceLabel(task().source) }}</dd>\n        </div>\n        <div>\n          <dt class=\"eds-label\">Created</dt>\n          <dd>{{ task().created | date: 'medium' }}</dd>\n        </div>\n        <div>\n          <dt class=\"eds-label\">Call</dt>\n          <dd>\n            @if (task().callId) {\n              <a [routerLink]=\"taskCallRoute(task().callId!)\" class=\"task-drawer__link\">{{ task().callId }}</a>\n            } @else {\n              —\n            }\n          </dd>\n        </div>\n      </dl>\n\n      @if (task().edvakTaskId || task().edvakStatus || task().medicationName || task().medicationId) {\n        <section class=\"task-drawer__section task-drawer__section--edvak\">\n          <h3 class=\"eds-label\">Edvak / refill details</h3>\n          <dl class=\"task-drawer__meta\">\n            @if (task().edvakTaskId) {\n              <div>\n                <dt class=\"eds-label\">Edvak task ID</dt>\n                <dd class=\"task-drawer__copy-row\">\n                  <code>{{ task().edvakTaskId }}</code>\n                  <app-copy-btn [value]=\"task().edvakTaskId\" label=\"Edvak task ID\" />\n                </dd>\n              </div>\n            }\n            @if (task().edvakStatus) {\n              <div>\n                <dt class=\"eds-label\">Edvak status</dt>\n                <dd><eds-badge tone=\"brand\">{{ task().edvakStatus }}</eds-badge></dd>\n              </div>\n            }\n            @if (task().medicationName) {\n              <div>\n                <dt class=\"eds-label\">Medication</dt>\n                <dd>{{ task().medicationName }}</dd>\n              </div>\n            }\n            @if (task().medicationId) {\n              <div>\n                <dt class=\"eds-label\">Medication ID</dt>\n                <dd class=\"task-drawer__copy-row\">\n                  <code>{{ task().medicationId }}</code>\n                  <app-copy-btn [value]=\"task().medicationId\" label=\"medication ID\" />\n                </dd>\n              </div>\n            }\n          </dl>\n        </section>\n      }\n    </div>\n\n    <footer class=\"task-drawer__foot\">\n      <eds-button variant=\"secondary\" type=\"button\" (click)=\"markDone()\">\n        {{ task().status === 'done' ? 'Reopen task' : 'Mark done' }}\n      </eds-button>\n    </footer>\n  </aside>\n</div>\n","import { DatePipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  OnInit,\n  signal,\n} from '@angular/core';\nimport { ActivatedRoute, RouterLink } from '@angular/router';\n\nimport { TaskDetailDrawerComponent } from '../../components/task-detail-drawer/task-detail-drawer.component';\nimport {\n  TaskFilters,\n  TaskItem,\n  TaskSource,\n  TaskStatus,\n} from '../../models/ai-receptionist.types';\nimport { DEFAULT_PAGE_SIZE, totalPages as calcTotalPages } from '../../models/pagination';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { EdsBadgeComponent } from '../../ui/eds-badge.component';\nimport { EdsButtonComponent } from '../../ui/eds-button.component';\nimport {\n  TASK_TYPE_OPTIONS,\n  taskCallRoute,\n  taskPriorityTone,\n  taskSourceLabel,\n  taskStatusLabel,\n  taskStatusTone,\n  taskTypeTone,\n} from '../../utils/task.util';\n\n@Component({\n  selector: 'eds-tasks-page',\n  imports: [\n    DatePipe,\n    RouterLink,\n    EdsBadgeComponent,\n    EdsButtonComponent,\n    TaskDetailDrawerComponent,\n  ],\n  templateUrl: './tasks-page.component.html',\n  styleUrl: './tasks-page.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TasksPageComponent implements OnInit {\n  private readonly api = inject(AiReceptionistApiService);\n  private readonly route = inject(ActivatedRoute);\n\n  protected readonly pageSize = DEFAULT_PAGE_SIZE;\n  protected readonly tasks = signal<TaskItem[]>([]);\n  protected readonly total = signal(0);\n  protected readonly page = signal(1);\n  protected readonly loading = signal(true);\n  protected readonly selectedTask = signal<TaskItem | null>(null);\n\n  protected readonly statusFilter = signal<'' | TaskStatus>('');\n  protected readonly typeFilter = signal('');\n  protected readonly sourceFilter = signal<'' | TaskSource>('');\n  protected readonly callIdFilter = signal('');\n\n  protected readonly typeOptions = TASK_TYPE_OPTIONS;\n  protected readonly taskStatusLabel = taskStatusLabel;\n  protected readonly taskStatusTone = taskStatusTone;\n  protected readonly taskPriorityTone = taskPriorityTone;\n  protected readonly taskSourceLabel = taskSourceLabel;\n  protected readonly taskTypeTone = taskTypeTone;\n  protected readonly taskCallRoute = taskCallRoute;\n\n  protected readonly hasActiveFilters = computed(\n    () =>\n      !!this.statusFilter() ||\n      !!this.typeFilter() ||\n      !!this.sourceFilter() ||\n      !!this.callIdFilter(),\n  );\n\n  ngOnInit(): void {\n    const callId = this.route.snapshot.queryParamMap.get('callId') ?? '';\n    if (callId) this.callIdFilter.set(callId);\n    this.load();\n  }\n\n  protected setStatusFilter(value: string): void {\n    this.statusFilter.set(value as '' | TaskStatus);\n    this.page.set(1);\n    this.load();\n  }\n\n  protected setTypeFilter(value: string): void {\n    this.typeFilter.set(value);\n    this.page.set(1);\n    this.load();\n  }\n\n  protected setSourceFilter(value: string): void {\n    this.sourceFilter.set(value as '' | TaskSource);\n    this.page.set(1);\n    this.load();\n  }\n\n  protected setCallIdFilter(value: string): void {\n    this.callIdFilter.set(value);\n    this.page.set(1);\n    this.load();\n  }\n\n  protected clearFilters(): void {\n    this.statusFilter.set('');\n    this.typeFilter.set('');\n    this.sourceFilter.set('');\n    this.callIdFilter.set('');\n    this.page.set(1);\n    this.load();\n  }\n\n  protected openTask(task: TaskItem): void {\n    this.selectedTask.set(task);\n  }\n\n  protected closeDrawer(): void {\n    this.selectedTask.set(null);\n  }\n\n  protected onStatusChange(status: TaskStatus): void {\n    const task = this.selectedTask();\n    if (!task) return;\n    this.api.patchTask(task.id, status).subscribe(({ data }) => {\n      if (data) {\n        this.selectedTask.set(data);\n        this.tasks.update((rows) => rows.map((r) => (r.id === data.id ? data : r)));\n      }\n    });\n  }\n\n  protected totalPages(): number {\n    return calcTotalPages(this.total(), DEFAULT_PAGE_SIZE);\n  }\n\n  protected prevPage(): void {\n    if (this.page() <= 1) return;\n    this.page.update((p) => p - 1);\n    this.load();\n  }\n\n  protected nextPage(): void {\n    if (this.page() >= this.totalPages()) return;\n    this.page.update((p) => p + 1);\n    this.load();\n  }\n\n  private load(): void {\n    this.loading.set(true);\n    const filters: TaskFilters = {\n      page: this.page(),\n      limit: DEFAULT_PAGE_SIZE,\n    };\n    if (this.statusFilter()) filters.status = this.statusFilter() as TaskStatus;\n    if (this.typeFilter()) filters.type = this.typeFilter();\n    if (this.sourceFilter()) filters.source = this.sourceFilter() as TaskSource;\n    if (this.callIdFilter().trim()) filters.callId = this.callIdFilter().trim();\n\n    this.api.getTasks(filters).subscribe({\n      next: ({ items, total, page }) => {\n        this.tasks.set(items);\n        this.total.set(total);\n        this.page.set(page);\n        this.loading.set(false);\n      },\n      error: () => this.loading.set(false),\n    });\n  }\n}\n","<div class=\"eds-page tasks-page\">\n  <header class=\"tasks-page__header\">\n    <div>\n      <h1 class=\"eds-h1\">Tasks & follow-ups</h1>\n      <p class=\"eds-body-sm\">Action items from calls — all types, not just refills</p>\n    </div>\n  </header>\n\n  <section class=\"list-section\">\n    <div class=\"list-toolbar\">\n      <div class=\"filter-group\">\n        <label for=\"task-status\">Status</label>\n        <select\n          id=\"task-status\"\n          class=\"filter-input\"\n          [value]=\"statusFilter()\"\n          (change)=\"setStatusFilter($any($event.target).value)\" autocomplete=\"off\">\n          <option value=\"\">All</option>\n          <option value=\"open\">Open</option>\n          <option value=\"in_progress\">In progress</option>\n          <option value=\"done\">Done</option>\n        </select>\n      </div>\n      <div class=\"filter-group\">\n        <label for=\"task-type\">Type</label>\n        <select\n          id=\"task-type\"\n          class=\"filter-input\"\n          [value]=\"typeFilter()\"\n          (change)=\"setTypeFilter($any($event.target).value)\" autocomplete=\"off\">\n          <option value=\"\">All types</option>\n          @for (t of typeOptions; track t) {\n            <option [value]=\"t\">{{ t }}</option>\n          }\n        </select>\n      </div>\n      <div class=\"filter-group\">\n        <label for=\"task-source\">Source</label>\n        <select\n          id=\"task-source\"\n          class=\"filter-input\"\n          [value]=\"sourceFilter()\"\n          (change)=\"setSourceFilter($any($event.target).value)\" autocomplete=\"off\">\n          <option value=\"\">All sources</option>\n          <option value=\"voice\">Voice</option>\n          <option value=\"sync\">Sync</option>\n          <option value=\"manual\">Manual</option>\n        </select>\n      </div>\n      <div class=\"filter-group\">\n        <label for=\"task-call\">Call ID</label>\n        <input\n          id=\"task-call\"\n          type=\"text\"\n          class=\"filter-input\"\n          [value]=\"callIdFilter()\"\n          placeholder=\"Filter by call\"\n          (change)=\"setCallIdFilter($any($event.target).value)\" autocomplete=\"off\" />\n      </div>\n      @if (hasActiveFilters()) {\n        <button type=\"button\" class=\"link-btn\" (click)=\"clearFilters()\">Clear filters</button>\n      }\n    </div>\n\n    @if (loading()) {\n      <p class=\"eds-body-sm tasks-page__loading\">Loading tasks…</p>\n    } @else {\n      <div class=\"table-wrap\">\n        <table class=\"data-table\">\n          <thead>\n            <tr>\n              <th>Created</th>\n              <th>Title</th>\n              <th>Type</th>\n              <th>Patient</th>\n              <th>Priority</th>\n              <th>Status</th>\n              <th>Source</th>\n              <th>Call</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (task of tasks(); track task.id) {\n              <tr class=\"tasks-page__row\" (click)=\"openTask(task)\">\n                <td class=\"cell-muted\">{{ task.created | date: 'MM/dd/yy, h:mm a' }}</td>\n                <td class=\"tasks-page__title-cell\">{{ task.title }}</td>\n                <td><eds-badge [tone]=\"taskTypeTone(task.type)\">{{ task.type }}</eds-badge></td>\n                <td>{{ task.patient }}</td>\n                <td>\n                  <eds-badge [tone]=\"taskPriorityTone(task.priority)\">\n                    {{ task.priority === 'urgent' ? 'Urgent' : 'Normal' }}\n                  </eds-badge>\n                </td>\n                <td><eds-badge [tone]=\"taskStatusTone(task.status)\">{{ taskStatusLabel(task.status) }}</eds-badge></td>\n                <td class=\"cell-muted\">{{ taskSourceLabel(task.source) }}</td>\n                <td (click)=\"$event.stopPropagation()\">\n                  @if (task.callId) {\n                    <a [routerLink]=\"taskCallRoute(task.callId)\" class=\"link-btn\">{{ task.callId }}</a>\n                  } @else {\n                    <span class=\"cell-muted\">—</span>\n                  }\n                </td>\n              </tr>\n            } @empty {\n              <tr>\n                <td colspan=\"8\" class=\"empty-state\">No tasks match these filters.</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    }\n\n    <footer class=\"pagination\">\n      <span>Page {{ page() }} of {{ totalPages() }} · {{ total() }} total</span>\n      <div class=\"pagination-btns\">\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  </section>\n</div>\n\n@if (selectedTask(); as task) {\n  <eds-task-detail-drawer\n    [task]=\"task\"\n    (closed)=\"closeDrawer()\"\n    (statusChange)=\"onStatusChange($event)\"\n  />\n}"],"names":["calcTotalPages"],"mappings":"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"}

package/fesm2022/{edvak99-voice-receptionist-widget-wizard-page.component-CJLa5pia.mjs → edvak99-voice-receptionist-widget-wizard-page.component-BZVlWLWh.mjs}

@@ -1,6 +1,8 @@
 import * as i0 from '@angular/core';
 import { inject, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
-import { A as AiReceptionistApiService, a as EdsBadgeComponent, E as EdsButtonComponent, b as EdsIconComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-CMhknpGf.mjs';
+import { A as AiReceptionistApiService } from './edvak99-voice-receptionist-widget-ai-receptionist-api.service-48cifVPF.mjs';
+import { a as EdsBadgeComponent, E as EdsIconComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-BsBQIS_f.mjs';
+import { E as EdsButtonComponent } from './edvak99-voice-receptionist-widget-eds-button.component-Bg5T5BN8.mjs';
 
 class WizardPageComponent {
     constructor() {
@@ -34,12 +36,12 @@ class WizardPageComponent {
         });
     }
     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=\"eds-page wizard-page\">\n  <header class=\"wizard-page__header\">\n    <div>\n      <h1 class=\"eds-h1\">Setup wizard</h1>\n      <p class=\"eds-body-sm\">Configure and activate your AI receptionist</p>\n    </div>\n    <div class=\"wizard-page__progress-wrap\">\n      <span class=\"eds-label\">Readiness</span>\n      <div class=\"wizard-page__progress\">\n        <span class=\"wizard-page__progress-fill\" [style.width.%]=\"progressPercent()\"></span>\n      </div>\n      <span class=\"eds-body-sm-bold\">{{ progressPercent() }}%</span>\n    </div>\n  </header>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading setup\u2026</p>\n  } @else if (setup()) {\n    <div class=\"wizard-page__layout\">\n      <nav class=\"eds-card wizard-page__steps\">\n        @for (step of setup()!.steps; track step.id) {\n          <button\n            type=\"button\"\n            class=\"wizard-page__step\"\n            [class.wizard-page__step--active]=\"activeStep() === step.id\"\n            [class.wizard-page__step--done]=\"step.complete\"\n            (click)=\"selectStep(step)\"\n          >\n            <span class=\"wizard-page__step-num\">\n              @if (step.complete) {\n                <eds-icon name=\"check\" [size]=\"16\" />\n              } @else {\n                {{ step.id }}\n              }\n            </span>\n            <div>\n              <span class=\"eds-body-sm-bold\">{{ step.title }}</span>\n              <span class=\"eds-body-sm\">{{ step.description }}</span>\n            </div>\n          </button>\n        }\n      </nav>\n\n      <article class=\"eds-card wizard-page__content\">\n        @for (step of setup()!.steps; track step.id) {\n          @if (activeStep() === step.id) {\n            <header class=\"wizard-page__content-head\">\n              <h2 class=\"eds-h2\">Step {{ step.id }}: {{ step.title }}</h2>\n              <eds-badge [tone]=\"step.complete ? 'pos' : 'notice'\">\n                {{ step.complete ? 'Complete' : 'Incomplete' }}\n              </eds-badge>\n            </header>\n            <p class=\"eds-body\">{{ step.description }}</p>\n          }\n        }\n\n        <section class=\"wizard-page__test\">\n          <h3 class=\"eds-h3\">Test transcript preview</h3>\n          <div class=\"wizard-page__transcript\">\n            @for (line of setup()!.testTranscript; track $index) {\n              <div class=\"wizard-page__line\" [attr.data-who]=\"line.who\">\n                <span class=\"eds-label\">{{ line.who }}</span>\n                <p>{{ line.text }}</p>\n              </div>\n            }\n          </div>\n        </section>\n\n        <footer class=\"wizard-page__footer\">\n          <p class=\"eds-body-sm\">\n            {{ completedCount() }} of {{ setup()!.steps.length }} steps complete\n          </p>\n          @if (activated()) {\n            <eds-badge tone=\"pos\">Agent activated</eds-badge>\n          } @else {\n            <eds-button variant=\"primary\" (click)=\"activate()\">\n              <eds-icon name=\"rocket_launch\" [size]=\"18\" /> Activate AI receptionist\n            </eds-button>\n          }\n        </footer>\n      </article>\n    </div>\n  }\n</div>\n", styles: [".wizard-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.wizard-page__progress-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:200px}.wizard-page__progress{width:200px;height:8px;background:var(--surface-l2);border-radius:4px;overflow:hidden}.wizard-page__progress-fill{display:block;height:100%;background:linear-gradient(90deg,var(--brand-500),var(--violet-500));border-radius:4px;transition:width .3s ease}.wizard-page__layout{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.wizard-page__steps{padding:8px;display:flex;flex-direction:column;gap:4px;max-height:600px;overflow-y:auto}.wizard-page__step{display:flex;gap:10px;align-items:flex-start;padding:10px;border:none;background:none;border-radius:var(--eds-radius-md);text-align:left;cursor:pointer;width:100%}.wizard-page__step:hover{background:var(--surface-l1)}.wizard-page__step--active{background:#3681f41a;outline:1px solid rgba(54,129,244,.25)}.wizard-page__step--done .wizard-page__step-num{background:var(--green-500);color:#fff}.wizard-page__step div{display:flex;flex-direction:column;gap:2px}.wizard-page__step-num{width:28px;height:28px;border-radius:50%;background:var(--surface-l2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.wizard-page__content{padding:20px}.wizard-page__content-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.wizard-page__test{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-default)}.wizard-page__transcript{display:flex;flex-direction:column;gap:10px;margin-top:12px}.wizard-page__line{padding:10px 12px;border-radius:var(--eds-radius-md);background:var(--surface-l1)}.wizard-page__line[data-who=ai]{border-left:3px solid var(--brand-500)}.wizard-page__line p{margin:4px 0 0;font-size:14px}.wizard-page__footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-default)}@media(max-width:900px){.wizard-page__layout{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "component", type: EdsBadgeComponent, selector: "eds-badge", inputs: ["tone"] }, { kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }, { kind: "component", type: EdsIconComponent, selector: "eds-icon", inputs: ["name", "size", "fill", "weight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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=\"eds-page wizard-page\">\n  <header class=\"wizard-page__header\">\n    <div>\n      <h1 class=\"eds-h1\">Setup wizard</h1>\n      <p class=\"eds-body-sm\">Configure and activate your AI receptionist</p>\n    </div>\n    <div class=\"wizard-page__progress-wrap\">\n      <span class=\"eds-label\">Readiness</span>\n      <div class=\"wizard-page__progress\">\n        <span class=\"wizard-page__progress-fill\" [style.width.%]=\"progressPercent()\"></span>\n      </div>\n      <span class=\"eds-body-sm-bold\">{{ progressPercent() }}%</span>\n    </div>\n  </header>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading setup\u2026</p>\n  } @else if (setup()) {\n    <div class=\"wizard-page__layout\">\n      <nav class=\"eds-card wizard-page__steps\">\n        @for (step of setup()!.steps; track step.id) {\n          <button\n            type=\"button\"\n            class=\"wizard-page__step\"\n            [class.wizard-page__step--active]=\"activeStep() === step.id\"\n            [class.wizard-page__step--done]=\"step.complete\"\n            (click)=\"selectStep(step)\"\n          >\n            <span class=\"wizard-page__step-num\">\n              @if (step.complete) {\n                <eds-icon name=\"check\" [size]=\"16\" />\n              } @else {\n                {{ step.id }}\n              }\n            </span>\n            <div>\n              <span class=\"eds-body-sm-bold\">{{ step.title }}</span>\n              <span class=\"eds-body-sm\">{{ step.description }}</span>\n            </div>\n          </button>\n        }\n      </nav>\n\n      <article class=\"eds-card wizard-page__content\">\n        @for (step of setup()!.steps; track step.id) {\n          @if (activeStep() === step.id) {\n            <header class=\"wizard-page__content-head\">\n              <h2 class=\"eds-h2\">Step {{ step.id }}: {{ step.title }}</h2>\n              <eds-badge [tone]=\"step.complete ? 'pos' : 'notice'\">\n                {{ step.complete ? 'Complete' : 'Incomplete' }}\n              </eds-badge>\n            </header>\n            <p class=\"eds-body\">{{ step.description }}</p>\n          }\n        }\n\n        <section class=\"wizard-page__test\">\n          <h3 class=\"eds-h3\">Test transcript preview</h3>\n          <div class=\"wizard-page__transcript\">\n            @for (line of setup()!.testTranscript; track $index) {\n              <div class=\"wizard-page__line\" [attr.data-who]=\"line.who\">\n                <span class=\"eds-label\">{{ line.who }}</span>\n                <p>{{ line.text }}</p>\n              </div>\n            }\n          </div>\n        </section>\n\n        <footer class=\"wizard-page__footer\">\n          <p class=\"eds-body-sm\">\n            {{ completedCount() }} of {{ setup()!.steps.length }} steps complete\n          </p>\n          @if (activated()) {\n            <eds-badge tone=\"pos\">Agent activated</eds-badge>\n          } @else {\n            <eds-button variant=\"primary\" (click)=\"activate()\">\n              <eds-icon name=\"rocket_launch\" [size]=\"18\" /> Activate AI receptionist\n            </eds-button>\n          }\n        </footer>\n      </article>\n    </div>\n  }\n</div>\n", styles: [".wizard-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.wizard-page__progress-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:200px}.wizard-page__progress{width:200px;height:8px;background:var(--eds-surface-l2);border-radius:4px;overflow:hidden}.wizard-page__progress-fill{display:block;height:100%;background:linear-gradient(90deg,var(--eds-brand-500),var(--eds-violet-500));border-radius:4px;transition:width .3s ease}.wizard-page__layout{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.wizard-page__steps{padding:8px;display:flex;flex-direction:column;gap:4px;max-height:600px;overflow-y:auto}.wizard-page__step{display:flex;gap:10px;align-items:flex-start;padding:10px;border:none;background:none;border-radius:var(--eds-radius-md);text-align:left;cursor:pointer;width:100%}.wizard-page__step:hover{background:var(--eds-surface-l1)}.wizard-page__step--active{background:#3681f41a;outline:1px solid rgba(54,129,244,.25)}.wizard-page__step--done .wizard-page__step-num{background:var(--eds-green-500);color:#fff}.wizard-page__step div{display:flex;flex-direction:column;gap:2px}.wizard-page__step-num{width:28px;height:28px;border-radius:50%;background:var(--eds-surface-l2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.wizard-page__content{padding:20px}.wizard-page__content-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.wizard-page__test{margin-top:24px;padding-top:20px;border-top:1px solid var(--eds-border-default)}.wizard-page__transcript{display:flex;flex-direction:column;gap:10px;margin-top:12px}.wizard-page__line{padding:10px 12px;border-radius:var(--eds-radius-md);background:var(--eds-surface-l1)}.wizard-page__line[data-who=ai]{border-left:3px solid var(--eds-brand-500)}.wizard-page__line p{margin:4px 0 0;font-size:14px}.wizard-page__footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid var(--eds-border-default)}@media(max-width:900px){.wizard-page__layout{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "component", type: EdsBadgeComponent, selector: "eds-badge", inputs: ["tone"] }, { kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }, { 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: WizardPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eds-wizard-page', imports: [EdsBadgeComponent, EdsButtonComponent, EdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"eds-page wizard-page\">\n  <header class=\"wizard-page__header\">\n    <div>\n      <h1 class=\"eds-h1\">Setup wizard</h1>\n      <p class=\"eds-body-sm\">Configure and activate your AI receptionist</p>\n    </div>\n    <div class=\"wizard-page__progress-wrap\">\n      <span class=\"eds-label\">Readiness</span>\n      <div class=\"wizard-page__progress\">\n        <span class=\"wizard-page__progress-fill\" [style.width.%]=\"progressPercent()\"></span>\n      </div>\n      <span class=\"eds-body-sm-bold\">{{ progressPercent() }}%</span>\n    </div>\n  </header>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading setup\u2026</p>\n  } @else if (setup()) {\n    <div class=\"wizard-page__layout\">\n      <nav class=\"eds-card wizard-page__steps\">\n        @for (step of setup()!.steps; track step.id) {\n          <button\n            type=\"button\"\n            class=\"wizard-page__step\"\n            [class.wizard-page__step--active]=\"activeStep() === step.id\"\n            [class.wizard-page__step--done]=\"step.complete\"\n            (click)=\"selectStep(step)\"\n          >\n            <span class=\"wizard-page__step-num\">\n              @if (step.complete) {\n                <eds-icon name=\"check\" [size]=\"16\" />\n              } @else {\n                {{ step.id }}\n              }\n            </span>\n            <div>\n              <span class=\"eds-body-sm-bold\">{{ step.title }}</span>\n              <span class=\"eds-body-sm\">{{ step.description }}</span>\n            </div>\n          </button>\n        }\n      </nav>\n\n      <article class=\"eds-card wizard-page__content\">\n        @for (step of setup()!.steps; track step.id) {\n          @if (activeStep() === step.id) {\n            <header class=\"wizard-page__content-head\">\n              <h2 class=\"eds-h2\">Step {{ step.id }}: {{ step.title }}</h2>\n              <eds-badge [tone]=\"step.complete ? 'pos' : 'notice'\">\n                {{ step.complete ? 'Complete' : 'Incomplete' }}\n              </eds-badge>\n            </header>\n            <p class=\"eds-body\">{{ step.description }}</p>\n          }\n        }\n\n        <section class=\"wizard-page__test\">\n          <h3 class=\"eds-h3\">Test transcript preview</h3>\n          <div class=\"wizard-page__transcript\">\n            @for (line of setup()!.testTranscript; track $index) {\n              <div class=\"wizard-page__line\" [attr.data-who]=\"line.who\">\n                <span class=\"eds-label\">{{ line.who }}</span>\n                <p>{{ line.text }}</p>\n              </div>\n            }\n          </div>\n        </section>\n\n        <footer class=\"wizard-page__footer\">\n          <p class=\"eds-body-sm\">\n            {{ completedCount() }} of {{ setup()!.steps.length }} steps complete\n          </p>\n          @if (activated()) {\n            <eds-badge tone=\"pos\">Agent activated</eds-badge>\n          } @else {\n            <eds-button variant=\"primary\" (click)=\"activate()\">\n              <eds-icon name=\"rocket_launch\" [size]=\"18\" /> Activate AI receptionist\n            </eds-button>\n          }\n        </footer>\n      </article>\n    </div>\n  }\n</div>\n", styles: [".wizard-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.wizard-page__progress-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:200px}.wizard-page__progress{width:200px;height:8px;background:var(--surface-l2);border-radius:4px;overflow:hidden}.wizard-page__progress-fill{display:block;height:100%;background:linear-gradient(90deg,var(--brand-500),var(--violet-500));border-radius:4px;transition:width .3s ease}.wizard-page__layout{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.wizard-page__steps{padding:8px;display:flex;flex-direction:column;gap:4px;max-height:600px;overflow-y:auto}.wizard-page__step{display:flex;gap:10px;align-items:flex-start;padding:10px;border:none;background:none;border-radius:var(--eds-radius-md);text-align:left;cursor:pointer;width:100%}.wizard-page__step:hover{background:var(--surface-l1)}.wizard-page__step--active{background:#3681f41a;outline:1px solid rgba(54,129,244,.25)}.wizard-page__step--done .wizard-page__step-num{background:var(--green-500);color:#fff}.wizard-page__step div{display:flex;flex-direction:column;gap:2px}.wizard-page__step-num{width:28px;height:28px;border-radius:50%;background:var(--surface-l2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.wizard-page__content{padding:20px}.wizard-page__content-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.wizard-page__test{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-default)}.wizard-page__transcript{display:flex;flex-direction:column;gap:10px;margin-top:12px}.wizard-page__line{padding:10px 12px;border-radius:var(--eds-radius-md);background:var(--surface-l1)}.wizard-page__line[data-who=ai]{border-left:3px solid var(--brand-500)}.wizard-page__line p{margin:4px 0 0;font-size:14px}.wizard-page__footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-default)}@media(max-width:900px){.wizard-page__layout{grid-template-columns:1fr}}\n"] }]
+            args: [{ selector: 'eds-wizard-page', imports: [EdsBadgeComponent, EdsButtonComponent, EdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"eds-page wizard-page\">\n  <header class=\"wizard-page__header\">\n    <div>\n      <h1 class=\"eds-h1\">Setup wizard</h1>\n      <p class=\"eds-body-sm\">Configure and activate your AI receptionist</p>\n    </div>\n    <div class=\"wizard-page__progress-wrap\">\n      <span class=\"eds-label\">Readiness</span>\n      <div class=\"wizard-page__progress\">\n        <span class=\"wizard-page__progress-fill\" [style.width.%]=\"progressPercent()\"></span>\n      </div>\n      <span class=\"eds-body-sm-bold\">{{ progressPercent() }}%</span>\n    </div>\n  </header>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading setup\u2026</p>\n  } @else if (setup()) {\n    <div class=\"wizard-page__layout\">\n      <nav class=\"eds-card wizard-page__steps\">\n        @for (step of setup()!.steps; track step.id) {\n          <button\n            type=\"button\"\n            class=\"wizard-page__step\"\n            [class.wizard-page__step--active]=\"activeStep() === step.id\"\n            [class.wizard-page__step--done]=\"step.complete\"\n            (click)=\"selectStep(step)\"\n          >\n            <span class=\"wizard-page__step-num\">\n              @if (step.complete) {\n                <eds-icon name=\"check\" [size]=\"16\" />\n              } @else {\n                {{ step.id }}\n              }\n            </span>\n            <div>\n              <span class=\"eds-body-sm-bold\">{{ step.title }}</span>\n              <span class=\"eds-body-sm\">{{ step.description }}</span>\n            </div>\n          </button>\n        }\n      </nav>\n\n      <article class=\"eds-card wizard-page__content\">\n        @for (step of setup()!.steps; track step.id) {\n          @if (activeStep() === step.id) {\n            <header class=\"wizard-page__content-head\">\n              <h2 class=\"eds-h2\">Step {{ step.id }}: {{ step.title }}</h2>\n              <eds-badge [tone]=\"step.complete ? 'pos' : 'notice'\">\n                {{ step.complete ? 'Complete' : 'Incomplete' }}\n              </eds-badge>\n            </header>\n            <p class=\"eds-body\">{{ step.description }}</p>\n          }\n        }\n\n        <section class=\"wizard-page__test\">\n          <h3 class=\"eds-h3\">Test transcript preview</h3>\n          <div class=\"wizard-page__transcript\">\n            @for (line of setup()!.testTranscript; track $index) {\n              <div class=\"wizard-page__line\" [attr.data-who]=\"line.who\">\n                <span class=\"eds-label\">{{ line.who }}</span>\n                <p>{{ line.text }}</p>\n              </div>\n            }\n          </div>\n        </section>\n\n        <footer class=\"wizard-page__footer\">\n          <p class=\"eds-body-sm\">\n            {{ completedCount() }} of {{ setup()!.steps.length }} steps complete\n          </p>\n          @if (activated()) {\n            <eds-badge tone=\"pos\">Agent activated</eds-badge>\n          } @else {\n            <eds-button variant=\"primary\" (click)=\"activate()\">\n              <eds-icon name=\"rocket_launch\" [size]=\"18\" /> Activate AI receptionist\n            </eds-button>\n          }\n        </footer>\n      </article>\n    </div>\n  }\n</div>\n", styles: [".wizard-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.wizard-page__progress-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:200px}.wizard-page__progress{width:200px;height:8px;background:var(--eds-surface-l2);border-radius:4px;overflow:hidden}.wizard-page__progress-fill{display:block;height:100%;background:linear-gradient(90deg,var(--eds-brand-500),var(--eds-violet-500));border-radius:4px;transition:width .3s ease}.wizard-page__layout{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.wizard-page__steps{padding:8px;display:flex;flex-direction:column;gap:4px;max-height:600px;overflow-y:auto}.wizard-page__step{display:flex;gap:10px;align-items:flex-start;padding:10px;border:none;background:none;border-radius:var(--eds-radius-md);text-align:left;cursor:pointer;width:100%}.wizard-page__step:hover{background:var(--eds-surface-l1)}.wizard-page__step--active{background:#3681f41a;outline:1px solid rgba(54,129,244,.25)}.wizard-page__step--done .wizard-page__step-num{background:var(--eds-green-500);color:#fff}.wizard-page__step div{display:flex;flex-direction:column;gap:2px}.wizard-page__step-num{width:28px;height:28px;border-radius:50%;background:var(--eds-surface-l2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.wizard-page__content{padding:20px}.wizard-page__content-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.wizard-page__test{margin-top:24px;padding-top:20px;border-top:1px solid var(--eds-border-default)}.wizard-page__transcript{display:flex;flex-direction:column;gap:10px;margin-top:12px}.wizard-page__line{padding:10px 12px;border-radius:var(--eds-radius-md);background:var(--eds-surface-l1)}.wizard-page__line[data-who=ai]{border-left:3px solid var(--eds-brand-500)}.wizard-page__line p{margin:4px 0 0;font-size:14px}.wizard-page__footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid var(--eds-border-default)}@media(max-width:900px){.wizard-page__layout{grid-template-columns:1fr}}\n"] }]
         }] });
 
 export { WizardPageComponent };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-wizard-page.component-CJLa5pia.mjs.map
+//# sourceMappingURL=edvak99-voice-receptionist-widget-wizard-page.component-BZVlWLWh.mjs.map

package/fesm2022/{edvak99-voice-receptionist-widget-wizard-page.component-CJLa5pia.mjs.map → edvak99-voice-receptionist-widget-wizard-page.component-BZVlWLWh.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"edvak99-voice-receptionist-widget-wizard-page.component-CJLa5pia.mjs","sources":["../../../projects/voice-receptionist-widget/src/lib/pages/wizard-page/wizard-page.component.ts","../../../projects/voice-receptionist-widget/src/lib/pages/wizard-page/wizard-page.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, OnInit, signal } from '@angular/core';\n\nimport { SetupData, SetupStep } from '../../models/ai-receptionist.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { EdsBadgeComponent } from '../../ui/eds-badge.component';\nimport { EdsButtonComponent } from '../../ui/eds-button.component';\nimport { EdsIconComponent } from '../../ui/eds-icon.component';\n\n@Component({\n    selector: 'eds-wizard-page',\n    imports: [EdsBadgeComponent, EdsButtonComponent, EdsIconComponent],\n    templateUrl: './wizard-page.component.html',\n    styleUrl: './wizard-page.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class WizardPageComponent implements OnInit {\n  private readonly api = inject(AiReceptionistApiService);\n\n  protected readonly setup = signal<SetupData | null>(null);\n  protected readonly activeStep = signal(1);\n  protected readonly loading = signal(true);\n  protected readonly activated = signal(false);\n\n  protected readonly completedCount = computed(() => {\n    return this.setup()?.steps.filter((s) => s.complete).length ?? 0;\n  });\n\n  ngOnInit(): void {\n    this.api.getSetup().subscribe(({ data }) => {\n      this.setup.set(data);\n      const firstIncomplete = data.steps.find((s) => !s.complete);\n      this.activeStep.set(firstIncomplete?.id ?? 1);\n      this.loading.set(false);\n    });\n  }\n\n  protected selectStep(step: SetupStep): void {\n    this.activeStep.set(step.id);\n  }\n\n  protected progressPercent(): number {\n    return this.setup()?.readiness ?? 0;\n  }\n\n  protected activate(): void {\n    this.api.activateSetup().subscribe(() => {\n      this.api.setAgentOn(true);\n      this.activated.set(true);\n    });\n  }\n}\n","<div class=\"eds-page wizard-page\">\n  <header class=\"wizard-page__header\">\n    <div>\n      <h1 class=\"eds-h1\">Setup wizard</h1>\n      <p class=\"eds-body-sm\">Configure and activate your AI receptionist</p>\n    </div>\n    <div class=\"wizard-page__progress-wrap\">\n      <span class=\"eds-label\">Readiness</span>\n      <div class=\"wizard-page__progress\">\n        <span class=\"wizard-page__progress-fill\" [style.width.%]=\"progressPercent()\"></span>\n      </div>\n      <span class=\"eds-body-sm-bold\">{{ progressPercent() }}%</span>\n    </div>\n  </header>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading setup…</p>\n  } @else if (setup()) {\n    <div class=\"wizard-page__layout\">\n      <nav class=\"eds-card wizard-page__steps\">\n        @for (step of setup()!.steps; track step.id) {\n          <button\n            type=\"button\"\n            class=\"wizard-page__step\"\n            [class.wizard-page__step--active]=\"activeStep() === step.id\"\n            [class.wizard-page__step--done]=\"step.complete\"\n            (click)=\"selectStep(step)\"\n          >\n            <span class=\"wizard-page__step-num\">\n              @if (step.complete) {\n                <eds-icon name=\"check\" [size]=\"16\" />\n              } @else {\n                {{ step.id }}\n              }\n            </span>\n            <div>\n              <span class=\"eds-body-sm-bold\">{{ step.title }}</span>\n              <span class=\"eds-body-sm\">{{ step.description }}</span>\n            </div>\n          </button>\n        }\n      </nav>\n\n      <article class=\"eds-card wizard-page__content\">\n        @for (step of setup()!.steps; track step.id) {\n          @if (activeStep() === step.id) {\n            <header class=\"wizard-page__content-head\">\n              <h2 class=\"eds-h2\">Step {{ step.id }}: {{ step.title }}</h2>\n              <eds-badge [tone]=\"step.complete ? 'pos' : 'notice'\">\n                {{ step.complete ? 'Complete' : 'Incomplete' }}\n              </eds-badge>\n            </header>\n            <p class=\"eds-body\">{{ step.description }}</p>\n          }\n        }\n\n        <section class=\"wizard-page__test\">\n          <h3 class=\"eds-h3\">Test transcript preview</h3>\n          <div class=\"wizard-page__transcript\">\n            @for (line of setup()!.testTranscript; track $index) {\n              <div class=\"wizard-page__line\" [attr.data-who]=\"line.who\">\n                <span class=\"eds-label\">{{ line.who }}</span>\n                <p>{{ line.text }}</p>\n              </div>\n            }\n          </div>\n        </section>\n\n        <footer class=\"wizard-page__footer\">\n          <p class=\"eds-body-sm\">\n            {{ completedCount() }} of {{ setup()!.steps.length }} steps complete\n          </p>\n          @if (activated()) {\n            <eds-badge tone=\"pos\">Agent activated</eds-badge>\n          } @else {\n            <eds-button variant=\"primary\" (click)=\"activate()\">\n              <eds-icon name=\"rocket_launch\" [size]=\"18\" /> Activate AI receptionist\n            </eds-button>\n          }\n        </footer>\n      </article>\n    </div>\n  }\n</div>\n"],"names":[],"mappings":";;;;MAea,mBAAmB,CAAA;AAPhC,IAAA,WAAA,GAAA;AAQmB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,wBAAwB,CAAC;AAEpC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAmB,IAAI,CAAC;AACtC,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC;AACtB,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC;AACtB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC;AAEzB,QAAA,IAAA,CAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;YAChD,OAAO,IAAI,CAAC,KAAK,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,IAAI,CAAC;AAClE,QAAA,CAAC,CAAC;AAyBH,IAAA;IAvBC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAI;AACzC,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;AACpB,YAAA,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;YAC3D,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,eAAe,EAAE,EAAE,IAAI,CAAC,CAAC;AAC7C,YAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;AACzB,QAAA,CAAC,CAAC;IACJ;AAEU,IAAA,UAAU,CAAC,IAAe,EAAA;QAClC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;IAC9B;IAEU,eAAe,GAAA;QACvB,OAAO,IAAI,CAAC,KAAK,EAAE,EAAE,SAAS,IAAI,CAAC;IACrC;IAEU,QAAQ,GAAA;QAChB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC,SAAS,CAAC,MAAK;AACtC,YAAA,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC;AACzB,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;AAC1B,QAAA,CAAC,CAAC;IACJ;+GAlCW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,2ECfhC,uoGAoFA,EAAA,MAAA,EAAA,CAAA,+mEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED1Ec,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,gGAAE,gBAAgB,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAKxD,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;+BACI,iBAAiB,EAAA,OAAA,EAClB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,gBAAgB,CAAC,EAAA,eAAA,EAGjD,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,uoGAAA,EAAA,MAAA,EAAA,CAAA,+mEAAA,CAAA,EAAA;;;;;"}
+{"version":3,"file":"edvak99-voice-receptionist-widget-wizard-page.component-BZVlWLWh.mjs","sources":["../../../projects/voice-receptionist-widget/src/lib/pages/wizard-page/wizard-page.component.ts","../../../projects/voice-receptionist-widget/src/lib/pages/wizard-page/wizard-page.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, OnInit, signal } from '@angular/core';\n\nimport { SetupData, SetupStep } from '../../models/ai-receptionist.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { EdsBadgeComponent } from '../../ui/eds-badge.component';\nimport { EdsButtonComponent } from '../../ui/eds-button.component';\nimport { EdsIconComponent } from '../../ui/eds-icon.component';\n\n@Component({\n    selector: 'eds-wizard-page',\n    imports: [EdsBadgeComponent, EdsButtonComponent, EdsIconComponent],\n    templateUrl: './wizard-page.component.html',\n    styleUrl: './wizard-page.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class WizardPageComponent implements OnInit {\n  private readonly api = inject(AiReceptionistApiService);\n\n  protected readonly setup = signal<SetupData | null>(null);\n  protected readonly activeStep = signal(1);\n  protected readonly loading = signal(true);\n  protected readonly activated = signal(false);\n\n  protected readonly completedCount = computed(() => {\n    return this.setup()?.steps.filter((s) => s.complete).length ?? 0;\n  });\n\n  ngOnInit(): void {\n    this.api.getSetup().subscribe(({ data }) => {\n      this.setup.set(data);\n      const firstIncomplete = data.steps.find((s) => !s.complete);\n      this.activeStep.set(firstIncomplete?.id ?? 1);\n      this.loading.set(false);\n    });\n  }\n\n  protected selectStep(step: SetupStep): void {\n    this.activeStep.set(step.id);\n  }\n\n  protected progressPercent(): number {\n    return this.setup()?.readiness ?? 0;\n  }\n\n  protected activate(): void {\n    this.api.activateSetup().subscribe(() => {\n      this.api.setAgentOn(true);\n      this.activated.set(true);\n    });\n  }\n}\n","<div class=\"eds-page wizard-page\">\n  <header class=\"wizard-page__header\">\n    <div>\n      <h1 class=\"eds-h1\">Setup wizard</h1>\n      <p class=\"eds-body-sm\">Configure and activate your AI receptionist</p>\n    </div>\n    <div class=\"wizard-page__progress-wrap\">\n      <span class=\"eds-label\">Readiness</span>\n      <div class=\"wizard-page__progress\">\n        <span class=\"wizard-page__progress-fill\" [style.width.%]=\"progressPercent()\"></span>\n      </div>\n      <span class=\"eds-body-sm-bold\">{{ progressPercent() }}%</span>\n    </div>\n  </header>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading setup…</p>\n  } @else if (setup()) {\n    <div class=\"wizard-page__layout\">\n      <nav class=\"eds-card wizard-page__steps\">\n        @for (step of setup()!.steps; track step.id) {\n          <button\n            type=\"button\"\n            class=\"wizard-page__step\"\n            [class.wizard-page__step--active]=\"activeStep() === step.id\"\n            [class.wizard-page__step--done]=\"step.complete\"\n            (click)=\"selectStep(step)\"\n          >\n            <span class=\"wizard-page__step-num\">\n              @if (step.complete) {\n                <eds-icon name=\"check\" [size]=\"16\" />\n              } @else {\n                {{ step.id }}\n              }\n            </span>\n            <div>\n              <span class=\"eds-body-sm-bold\">{{ step.title }}</span>\n              <span class=\"eds-body-sm\">{{ step.description }}</span>\n            </div>\n          </button>\n        }\n      </nav>\n\n      <article class=\"eds-card wizard-page__content\">\n        @for (step of setup()!.steps; track step.id) {\n          @if (activeStep() === step.id) {\n            <header class=\"wizard-page__content-head\">\n              <h2 class=\"eds-h2\">Step {{ step.id }}: {{ step.title }}</h2>\n              <eds-badge [tone]=\"step.complete ? 'pos' : 'notice'\">\n                {{ step.complete ? 'Complete' : 'Incomplete' }}\n              </eds-badge>\n            </header>\n            <p class=\"eds-body\">{{ step.description }}</p>\n          }\n        }\n\n        <section class=\"wizard-page__test\">\n          <h3 class=\"eds-h3\">Test transcript preview</h3>\n          <div class=\"wizard-page__transcript\">\n            @for (line of setup()!.testTranscript; track $index) {\n              <div class=\"wizard-page__line\" [attr.data-who]=\"line.who\">\n                <span class=\"eds-label\">{{ line.who }}</span>\n                <p>{{ line.text }}</p>\n              </div>\n            }\n          </div>\n        </section>\n\n        <footer class=\"wizard-page__footer\">\n          <p class=\"eds-body-sm\">\n            {{ completedCount() }} of {{ setup()!.steps.length }} steps complete\n          </p>\n          @if (activated()) {\n            <eds-badge tone=\"pos\">Agent activated</eds-badge>\n          } @else {\n            <eds-button variant=\"primary\" (click)=\"activate()\">\n              <eds-icon name=\"rocket_launch\" [size]=\"18\" /> Activate AI receptionist\n            </eds-button>\n          }\n        </footer>\n      </article>\n    </div>\n  }\n</div>\n"],"names":[],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-export { h as EdsAppShellComponent, a as EdsBadgeComponent, T as ToastService, V as VOICE_RECEPTIONIST_CONFIG, i as VOICE_RECEPTIONIST_FEATURE_ROUTES, j as VOICE_RECEPTIONIST_ROUTES, k as VOICE_RECEPTIONIST_SESSION, p as provideVoiceReceptionist } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-CMhknpGf.mjs';
+export { b as EdsAppShellComponent, a as EdsBadgeComponent, T as ToastService, V as VOICE_RECEPTIONIST_CONFIG, c as VOICE_RECEPTIONIST_FEATURE_ROUTES, d as VOICE_RECEPTIONIST_ROUTES, e as VOICE_RECEPTIONIST_SESSION, p as provideVoiceReceptionist } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-BsBQIS_f.mjs';
 //# sourceMappingURL=edvak99-voice-receptionist-widget.mjs.map