npm - @edvak99/voice-receptionist-widget - Versions diffs - 1.0.0 → 1.1.0 - Mend

@edvak99/voice-receptionist-widget 1.0.0 → 1.1.0

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

Files changed (124) hide show

package/fesm2022/edvak99-voice-receptionist-widget-dashboard-page.component-B93giErR.mjs ADDED Viewed

@@ -0,0 +1,248 @@
+import * as i0 from '@angular/core';
+import { inject, EventEmitter, signal, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Router, ActivatedRoute, RouterLink } from '@angular/router';
+import { DatePipe } from '@angular/common';
+import { A as AiReceptionistApiService, T as ToastService, M as ModalComponent, E as EdsButtonComponent, a as EdsBadgeComponent, b as EdsIconComponent, c as EdsPulseDotComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-DClMfxeY.mjs';
+import { L as LiveCallsListService } from './edvak99-voice-receptionist-widget-live-calls-list.service-C2UZJ5wF.mjs';
+import { o as outcomeBadgeTone, f as formatOutcomeLabel, r as reviewLabel, a as reviewBadgeTone, i as isNeedsReview } from './edvak99-voice-receptionist-widget-call-review.util-DQLIw7xb.mjs';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { r as requiredFieldLabel, a as renderOpeningPreview, p as purposeShowsCustomScript, i as isCustomScriptRequired, b as isPurposeFormValid } from './edvak99-voice-receptionist-widget-outbound-purpose.util-BQECIuJu.mjs';
+import { E as EdsAvatarComponent } from './edvak99-voice-receptionist-widget-eds-avatar.component-PCnIWeOA.mjs';
+import { E as EdsElapsedPipe } from './edvak99-voice-receptionist-widget-eds-elapsed.pipe-BrMNsxB5.mjs';
+const E164_PATTERN = /^\+[1-9]\d{6,14}$/;
+class OutboundDialModalComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.toast = inject(ToastService);
+        this.open = false;
+        this.closed = new EventEmitter();
+        this.dialed = new EventEmitter();
+        this.purposes = signal([]);
+        this.loading = signal(true);
+        this.submitting = signal(false);
+        this.serverError = signal(null);
+        this.phone = '';
+        this.name = '';
+        this.purposeId = '';
+        this.appointmentDate = '';
+        this.appointmentTime = '';
+        this.providerName = '';
+        this.customScript = '';
+        this.requiredFieldLabel = requiredFieldLabel;
+    }
+    ngOnChanges(changes) {
+        if (changes['open']?.currentValue) {
+            this.resetForm();
+            this.loadPurposes();
+        }
+    }
+    get selectedPurpose() {
+        return this.purposes().find((p) => p.purposeId === this.purposeId) ?? null;
+    }
+    get previewText() {
+        const p = this.selectedPurpose;
+        if (!p)
+            return '—';
+        return renderOpeningPreview(p.sampleOpening, p.openingTemplate, p.placeholders ?? []);
+    }
+    showsField(field) {
+        return this.selectedPurpose?.requiredFields.includes(field) ?? false;
+    }
+    showsCustomScript() {
+        const p = this.selectedPurpose;
+        return p ? purposeShowsCustomScript(p) : false;
+    }
+    customScriptRequired() {
+        const p = this.selectedPurpose;
+        return p ? isCustomScriptRequired(p) : false;
+    }
+    canPlaceCall() {
+        if (!E164_PATTERN.test(this.phone.trim()))
+            return false;
+        return isPurposeFormValid(this.selectedPurpose, {
+            phone: this.phone,
+            name: this.name,
+            appointmentDate: this.appointmentDate,
+            appointmentTime: this.appointmentTime,
+            providerName: this.providerName,
+            customScript: this.customScript,
+        });
+    }
+    onPurposeChange() {
+        this.appointmentDate = '';
+        this.appointmentTime = '';
+        this.providerName = '';
+        this.customScript = '';
+        this.serverError.set(null);
+    }
+    close() {
+        this.closed.emit();
+    }
+    submit() {
+        this.serverError.set(null);
+        if (!this.canPlaceCall() || !this.selectedPurpose)
+            return;
+        this.submitting.set(true);
+        const body = {
+            phone: this.phone.trim(),
+            name: this.name.trim(),
+            purpose: this.purposeId,
+            ...(this.appointmentDate ? { appointmentDate: this.appointmentDate } : {}),
+            ...(this.appointmentTime ? { appointmentTime: this.appointmentTime } : {}),
+            ...(this.providerName ? { providerName: this.providerName.trim() } : {}),
+            ...(this.customScript ? { customScript: this.customScript.trim() } : {}),
+        };
+        this.api.placeOutboundCall(body).subscribe({
+            next: (res) => {
+                this.submitting.set(false);
+                const msg = res.message ?? 'Outbound call started.';
+                this.toast.show(msg, 'success', 5000);
+                this.dialed.emit();
+                this.close();
+            },
+            error: (err) => {
+                this.submitting.set(false);
+                const msg = err?.message ?? 'Failed to place outbound call.';
+                this.serverError.set(msg);
+                this.toast.show(msg, 'error', 5000);
+            },
+        });
+    }
+    resetForm() {
+        this.phone = '';
+        this.name = '';
+        this.purposeId = '';
+        this.appointmentDate = '';
+        this.appointmentTime = '';
+        this.providerName = '';
+        this.customScript = '';
+        this.serverError.set(null);
+        this.submitting.set(false);
+    }
+    loadPurposes() {
+        this.loading.set(true);
+        this.api.getOutboundPurposes(false).subscribe({
+            next: ({ purposes }) => {
+                this.purposes.set(purposes);
+                if (purposes.length && !this.purposeId) {
+                    this.purposeId = purposes[0].purposeId;
+                }
+                this.loading.set(false);
+            },
+            error: () => {
+                this.loading.set(false);
+                this.serverError.set('Failed to load outbound purposes.');
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: OutboundDialModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: OutboundDialModalComponent, isStandalone: true, selector: "eds-outbound-dial-modal", inputs: { open: "open" }, outputs: { closed: "closed", dialed: "dialed" }, usesOnChanges: true, ngImport: i0, template: "@if (open) {\n  <app-modal\n    title=\"Outbound call\"\n    subtitle=\"Place a patient call using a purpose template\"\n    maxWidth=\"560px\"\n    (closed)=\"close()\"\n  >\n    @if (loading()) {\n      <p class=\"eds-body-sm\">Loading purposes\u2026</p>\n    } @else {\n      <form class=\"dial-form\" (ngSubmit)=\"submit()\" novalidate>\n        <label class=\"dial-form__field\">\n          <span class=\"eds-label\">Phone <span class=\"dial-form__req\">*</span></span>\n          <input\n            type=\"tel\"\n            class=\"dial-form__input\"\n            [(ngModel)]=\"phone\"\n            name=\"phone\"\n            placeholder=\"+14155550100\"\n            autocomplete=\"tel\"\n            required\n          />\n          <span class=\"dial-form__hint\">E.164 format, e.g. +14155550100</span>\n        </label>\n\n        <label class=\"dial-form__field\">\n          <span class=\"eds-label\">Patient name <span class=\"dial-form__req\">*</span></span>\n          <input\n            type=\"text\"\n            class=\"dial-form__input\"\n            [(ngModel)]=\"name\"\n            name=\"name\"\n            placeholder=\"Maria Garcia\"\n            required\n          />\n        </label>\n\n        <label class=\"dial-form__field\">\n          <span class=\"eds-label\">Purpose <span class=\"dial-form__req\">*</span></span>\n          <select\n            class=\"dial-form__input\"\n            [(ngModel)]=\"purposeId\"\n            name=\"purposeId\"\n            (ngModelChange)=\"onPurposeChange()\"\n            required\n          >\n            @for (p of purposes(); track p.purposeId) {\n              <option [value]=\"p.purposeId\">{{ p.label }}</option>\n            }\n          </select>\n        </label>\n\n        @if (showsField('appointmentDate')) {\n          <label class=\"dial-form__field\">\n            <span class=\"eds-label\">{{ requiredFieldLabel('appointmentDate') }} <span class=\"dial-form__req\">*</span></span>\n            <input type=\"date\" class=\"dial-form__input\" [(ngModel)]=\"appointmentDate\" name=\"appointmentDate\" required />\n          </label>\n        }\n\n        @if (showsField('appointmentTime')) {\n          <label class=\"dial-form__field\">\n            <span class=\"eds-label\">{{ requiredFieldLabel('appointmentTime') }} <span class=\"dial-form__req\">*</span></span>\n            <input type=\"time\" class=\"dial-form__input\" [(ngModel)]=\"appointmentTime\" name=\"appointmentTime\" required />\n          </label>\n        }\n\n        @if (showsField('providerName')) {\n          <label class=\"dial-form__field\">\n            <span class=\"eds-label\">{{ requiredFieldLabel('providerName') }} <span class=\"dial-form__req\">*</span></span>\n            <input\n              type=\"text\"\n              class=\"dial-form__input\"\n              [(ngModel)]=\"providerName\"\n              name=\"providerName\"\n              placeholder=\"Dr. Patel\"\n              required\n            />\n          </label>\n        }\n\n        @if (showsCustomScript()) {\n          <label class=\"dial-form__field\">\n            <span class=\"eds-label\">\n              Custom script\n              @if (customScriptRequired()) {\n                <span class=\"dial-form__req\">*</span>\n              }\n            </span>\n            <textarea\n              class=\"dial-form__textarea\"\n              rows=\"4\"\n              [(ngModel)]=\"customScript\"\n              name=\"customScript\"\n              [required]=\"customScriptRequired()\"\n              placeholder=\"What should the agent say or do?\"\n            ></textarea>\n          </label>\n        }\n\n        <section class=\"dial-form__preview eds-card\">\n          <h3 class=\"eds-label\">Opening preview</h3>\n          <p class=\"dial-form__preview-text\">{{ previewText }}</p>\n        </section>\n\n        @if (serverError()) {\n          <p class=\"dial-form__error\" role=\"alert\">{{ serverError() }}</p>\n        }\n\n        <footer class=\"dial-form__footer\">\n          <eds-button variant=\"secondary\" type=\"button\" (click)=\"close()\" [disabled]=\"submitting()\">\n            Cancel\n          </eds-button>\n          <eds-button variant=\"primary\" type=\"submit\" [disabled]=\"submitting() || !canPlaceCall()\">\n            {{ submitting() ? 'Dialing\u2026' : 'Place call' }}\n          </eds-button>\n        </footer>\n      </form>\n    }\n  </app-modal>\n}\n", styles: [".dial-form{display:flex;flex-direction:column;gap:12px}.dial-form__field{display:flex;flex-direction:column;gap:6px}.dial-form__input,.dial-form__textarea{padding:8px 10px;border:1px solid var(--border-subtle, #e4e4e7);border-radius:8px;font:inherit}.dial-form__textarea{resize:vertical}.dial-form__hint{font-size:12px;color:var(--text-secondary)}.dial-form__req{color:#dc2626}.dial-form__preview{padding:12px;background:var(--surface-muted, #f8fafc)}.dial-form__preview-text{margin:8px 0 0;font-size:14px;line-height:1.5;white-space:pre-wrap}.dial-form__error{color:#b91c1c;font-size:13px;margin:0}.dial-form__footer{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: ModalComponent, selector: "app-modal", inputs: ["title", "subtitle", "maxWidth"], outputs: ["closed"] }, { kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: OutboundDialModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-outbound-dial-modal', imports: [FormsModule, ModalComponent, EdsButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (open) {\n  <app-modal\n    title=\"Outbound call\"\n    subtitle=\"Place a patient call using a purpose template\"\n    maxWidth=\"560px\"\n    (closed)=\"close()\"\n  >\n    @if (loading()) {\n      <p class=\"eds-body-sm\">Loading purposes\u2026</p>\n    } @else {\n      <form class=\"dial-form\" (ngSubmit)=\"submit()\" novalidate>\n        <label class=\"dial-form__field\">\n          <span class=\"eds-label\">Phone <span class=\"dial-form__req\">*</span></span>\n          <input\n            type=\"tel\"\n            class=\"dial-form__input\"\n            [(ngModel)]=\"phone\"\n            name=\"phone\"\n            placeholder=\"+14155550100\"\n            autocomplete=\"tel\"\n            required\n          />\n          <span class=\"dial-form__hint\">E.164 format, e.g. +14155550100</span>\n        </label>\n\n        <label class=\"dial-form__field\">\n          <span class=\"eds-label\">Patient name <span class=\"dial-form__req\">*</span></span>\n          <input\n            type=\"text\"\n            class=\"dial-form__input\"\n            [(ngModel)]=\"name\"\n            name=\"name\"\n            placeholder=\"Maria Garcia\"\n            required\n          />\n        </label>\n\n        <label class=\"dial-form__field\">\n          <span class=\"eds-label\">Purpose <span class=\"dial-form__req\">*</span></span>\n          <select\n            class=\"dial-form__input\"\n            [(ngModel)]=\"purposeId\"\n            name=\"purposeId\"\n            (ngModelChange)=\"onPurposeChange()\"\n            required\n          >\n            @for (p of purposes(); track p.purposeId) {\n              <option [value]=\"p.purposeId\">{{ p.label }}</option>\n            }\n          </select>\n        </label>\n\n        @if (showsField('appointmentDate')) {\n          <label class=\"dial-form__field\">\n            <span class=\"eds-label\">{{ requiredFieldLabel('appointmentDate') }} <span class=\"dial-form__req\">*</span></span>\n            <input type=\"date\" class=\"dial-form__input\" [(ngModel)]=\"appointmentDate\" name=\"appointmentDate\" required />\n          </label>\n        }\n\n        @if (showsField('appointmentTime')) {\n          <label class=\"dial-form__field\">\n            <span class=\"eds-label\">{{ requiredFieldLabel('appointmentTime') }} <span class=\"dial-form__req\">*</span></span>\n            <input type=\"time\" class=\"dial-form__input\" [(ngModel)]=\"appointmentTime\" name=\"appointmentTime\" required />\n          </label>\n        }\n\n        @if (showsField('providerName')) {\n          <label class=\"dial-form__field\">\n            <span class=\"eds-label\">{{ requiredFieldLabel('providerName') }} <span class=\"dial-form__req\">*</span></span>\n            <input\n              type=\"text\"\n              class=\"dial-form__input\"\n              [(ngModel)]=\"providerName\"\n              name=\"providerName\"\n              placeholder=\"Dr. Patel\"\n              required\n            />\n          </label>\n        }\n\n        @if (showsCustomScript()) {\n          <label class=\"dial-form__field\">\n            <span class=\"eds-label\">\n              Custom script\n              @if (customScriptRequired()) {\n                <span class=\"dial-form__req\">*</span>\n              }\n            </span>\n            <textarea\n              class=\"dial-form__textarea\"\n              rows=\"4\"\n              [(ngModel)]=\"customScript\"\n              name=\"customScript\"\n              [required]=\"customScriptRequired()\"\n              placeholder=\"What should the agent say or do?\"\n            ></textarea>\n          </label>\n        }\n\n        <section class=\"dial-form__preview eds-card\">\n          <h3 class=\"eds-label\">Opening preview</h3>\n          <p class=\"dial-form__preview-text\">{{ previewText }}</p>\n        </section>\n\n        @if (serverError()) {\n          <p class=\"dial-form__error\" role=\"alert\">{{ serverError() }}</p>\n        }\n\n        <footer class=\"dial-form__footer\">\n          <eds-button variant=\"secondary\" type=\"button\" (click)=\"close()\" [disabled]=\"submitting()\">\n            Cancel\n          </eds-button>\n          <eds-button variant=\"primary\" type=\"submit\" [disabled]=\"submitting() || !canPlaceCall()\">\n            {{ submitting() ? 'Dialing\u2026' : 'Place call' }}\n          </eds-button>\n        </footer>\n      </form>\n    }\n  </app-modal>\n}\n", styles: [".dial-form{display:flex;flex-direction:column;gap:12px}.dial-form__field{display:flex;flex-direction:column;gap:6px}.dial-form__input,.dial-form__textarea{padding:8px 10px;border:1px solid var(--border-subtle, #e4e4e7);border-radius:8px;font:inherit}.dial-form__textarea{resize:vertical}.dial-form__hint{font-size:12px;color:var(--text-secondary)}.dial-form__req{color:#dc2626}.dial-form__preview{padding:12px;background:var(--surface-muted, #f8fafc)}.dial-form__preview-text{margin:8px 0 0;font-size:14px;line-height:1.5;white-space:pre-wrap}.dial-form__error{color:#b91c1c;font-size:13px;margin:0}.dial-form__footer{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}\n"] }]
+        }], propDecorators: { open: [{
+                type: Input
+            }], closed: [{
+                type: Output
+            }], dialed: [{
+                type: Output
+            }] } });
+class DashboardPageComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.liveCallsList = inject(LiveCallsListService);
+        this.router = inject(Router);
+        this.route = inject(ActivatedRoute);
+        this.data = signal(null);
+        this.loading = signal(true);
+        this.liveCalls = this.liveCallsList.calls;
+        this.liveCallsLoading = this.liveCallsList.loading;
+        this.liveCallsError = this.liveCallsList.error;
+        this.outboundOpen = signal(false);
+        this.statTiles = [
+            { key: 'activeCalls', label: 'Live calls', icon: 'graphic_eq' },
+            { key: 'answeredToday', label: 'Calls today', icon: 'call' },
+            { key: 'tasksCreated', label: 'Open tasks', icon: 'task_alt' },
+            {
+                key: 'appointmentsBooked',
+                label: 'Appointments booked',
+                icon: 'event_available',
+            },
+            { key: 'completionRate', label: 'AI handled', icon: 'trending_up', suffix: '%' },
+        ];
+        this.outcomeTone = outcomeBadgeTone;
+        this.outcomeLabel = formatOutcomeLabel;
+        this.reviewLabel = reviewLabel;
+        this.reviewTone = reviewBadgeTone;
+        this.isNeedsReview = isNeedsReview;
+    }
+    ngOnInit() {
+        this.liveCallsList.start();
+        this.api.getDashboard().subscribe(({ data }) => {
+            this.data.set(data);
+            this.loading.set(false);
+        });
+    }
+    ngOnDestroy() {
+        this.liveCallsList.stop();
+    }
+    statValue(key) {
+        if (key === 'activeCalls') {
+            return this.liveCallsList.calls().length;
+        }
+        return this.data()?.stats[key] ?? 0;
+    }
+    statusTone(status) {
+        const normalized = status || 'ai';
+        const map = {
+            ai: 'brand',
+            'needs-help': 'notice',
+            'human-requested': 'violet',
+            urgent: 'neg',
+            takeover: 'violet',
+            transferring: 'notice',
+        };
+        return map[normalized] ?? 'brand';
+    }
+    statusLabel(status) {
+        return status || 'ai';
+    }
+    exportCsv() {
+        // mock export
+    }
+    openOutboundDial() {
+        this.outboundOpen.set(true);
+    }
+    closeOutboundDial() {
+        this.outboundOpen.set(false);
+    }
+    openHistoryDetail(id) {
+        void this.router.navigate(['../history', id], { relativeTo: this.route });
+    }
+    callDetailLink(callId) {
+        return callId.startsWith('HC-') ? ['../history', callId] : ['../live', callId];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DashboardPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: DashboardPageComponent, isStandalone: true, selector: "eds-dashboard-page", ngImport: i0, template: "<div class=\"eds-page dashboard-page\">\n  <header class=\"dashboard-page__header\">\n    <div>\n      <h1 class=\"eds-h1\">Dashboard</h1>\n      <p class=\"eds-body-sm\">AI receptionist overview and live activity</p>\n    </div>\n    <div class=\"dashboard-page__actions\">\n      <eds-button variant=\"secondary\" (click)=\"exportCsv()\">\n        <eds-icon name=\"download\" [size]=\"18\" /> Export\n      </eds-button>\n      <eds-button variant=\"primary\" (click)=\"openOutboundDial()\">\n        <eds-icon name=\"call_made\" [size]=\"18\" /> New outbound call\n      </eds-button>\n    </div>\n  </header>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading dashboard\u2026</p>\n  } @else if (data()) {\n    <section class=\"dashboard-page__stats\">\n      @for (tile of statTiles; track tile.key) {\n        @if (tile.key === 'appointmentsBooked') {\n          <a routerLink=\"../appointments\" class=\"eds-card dashboard-page__stat dashboard-page__stat--link\">\n            <eds-icon [name]=\"tile.icon\" [size]=\"22\" />\n            <span class=\"eds-label\">{{ tile.label }}</span>\n            <span class=\"dashboard-page__stat-value\">\n              {{ statValue(tile.key) }}{{ tile.suffix ?? '' }}\n            </span>\n          </a>\n        } @else if (tile.key === 'activeCalls') {\n          <a routerLink=\"../live\" class=\"eds-card dashboard-page__stat dashboard-page__stat--link\">\n            <eds-icon [name]=\"tile.icon\" [size]=\"22\" />\n            <span class=\"eds-label\">{{ tile.label }}</span>\n            <span class=\"dashboard-page__stat-value\">\n              {{ statValue(tile.key) }}{{ tile.suffix ?? '' }}\n            </span>\n          </a>\n        } @else {\n          <article class=\"eds-card dashboard-page__stat\">\n            <eds-icon [name]=\"tile.icon\" [size]=\"22\" />\n            <span class=\"eds-label\">{{ tile.label }}</span>\n            <span class=\"dashboard-page__stat-value\">\n              {{ statValue(tile.key) }}{{ tile.suffix ?? '' }}\n            </span>\n          </article>\n        }\n      }\n    </section>\n\n    <section class=\"dashboard-page__grid\">\n      <article class=\"eds-card dashboard-page__panel\">\n        <header class=\"dashboard-page__panel-head\">\n          <h2 class=\"eds-h2\">Live calls</h2>\n          <eds-pulse-dot />\n        </header>\n        <ul class=\"dashboard-page__live-list\">\n          @if (liveCallsError()) {\n            <li class=\"dashboard-page__live-error eds-body-sm\" role=\"alert\">{{ liveCallsError() }}</li>\n          }\n          @if (liveCallsLoading() && liveCalls().length === 0) {\n            <li class=\"eds-body-sm\">Loading live calls\u2026</li>\n          }\n          @for (call of liveCalls(); track call.id) {\n            <li>\n              <a [routerLink]=\"['../live', call.id]\" class=\"dashboard-page__live-row\">\n                <eds-avatar [initials]=\"call.initials\" tone=\"brand\" />\n                <div class=\"dashboard-page__live-meta\">\n                  <span class=\"eds-body-sm-bold\">{{ call.name }}</span>\n                  <span class=\"eds-body-sm\">{{ call.reason }}</span>\n                </div>\n                <span class=\"eds-mono-sm\">{{ call.started | edsElapsed }}</span>\n              </a>\n            </li>\n          } @empty {\n            @if (!liveCallsLoading()) {\n              <li class=\"eds-body-sm\">No active calls right now.</li>\n            }\n          }\n        </ul>\n      </article>\n\n      <article class=\"eds-card dashboard-page__panel\">\n        <header class=\"dashboard-page__panel-head\">\n          <h2 class=\"eds-h2\">Tasks created</h2>\n          <a routerLink=\"../tasks\" class=\"eds-body-sm\">View all</a>\n        </header>\n        <ul class=\"dashboard-page__attention-list\">\n          @for (task of data()!.latestTasks; track task.id) {\n            <li>\n              <a\n                [routerLink]=\"task.callId ? callDetailLink(task.callId) : ['../tasks']\"\n                class=\"dashboard-page__attention-row\"\n                [attr.aria-label]=\"'View task: ' + task.title\"\n              >\n               \n                <div>\n                  <span class=\"eds-body-sm-bold\">{{ task.title }}</span>\n                  <span class=\"eds-body-sm\">\n                    {{ task.patient }} \u00B7 {{ task.created | date: 'short' }}\n                  </span>\n                </div>\n                <eds-icon name=\"chevron_right\" [size]=\"20\" />\n              </a>\n            </li>\n          } @empty {\n            <li class=\"eds-body-sm\">No AI-created tasks yet.</li>\n          }\n        </ul>\n      </article>\n\n      <article class=\"eds-card dashboard-page__panel\">\n        <header class=\"dashboard-page__panel-head\">\n          <h2 class=\"eds-h2\">Appointments created</h2>\n          <a routerLink=\"../appointments\" class=\"eds-body-sm\">View all</a>\n        </header>\n        <ul class=\"dashboard-page__attention-list\">\n          @for (appointment of data()!.latestAppointments; track appointment.id) {\n            <li>\n              <a\n                routerLink=\"../appointments\"\n                class=\"dashboard-page__attention-row\"\n                [attr.aria-label]=\"'View appointment for ' + appointment.patientName\"\n              >\n          \n                <div>\n                  <span class=\"eds-body-sm-bold\">{{ appointment.patientName }}</span>\n                  <span class=\"eds-body-sm\">\n                    {{ appointment.providerName ?? 'Provider not assigned' }}\n                    \u00B7 {{ appointment.startTime ? (appointment.startTime | date: 'short') : 'Time pending' }}\n                  </span>\n                </div>\n                <eds-icon name=\"chevron_right\" [size]=\"20\" />\n              </a>\n            </li>\n          } @empty {\n            <li class=\"eds-body-sm\">No AI-booked appointments yet.</li>\n          }\n        </ul>\n      </article>\n\n    </section>\n\n    <article class=\"eds-card dashboard-page__history\">\n      <header class=\"dashboard-page__panel-head\">\n        <h2 class=\"eds-h2\">Recent call history</h2>\n        <a routerLink=\"../history\" class=\"eds-body-sm\">View all</a>\n      </header>\n      <table class=\"eds-table\">\n        <thead>\n          <tr>\n            <th>Caller</th>\n            <th>Reason</th>\n            <th>Outcome</th>\n            <th>Review</th>\n            <th>Location</th>\n            <th>When</th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (row of data()!.recentHistory; track row.id) {\n            <tr\n              class=\"dashboard-page__history-row\"\n              [class.dashboard-page__row--needs-review]=\"isNeedsReview(row.review)\"\n              tabindex=\"0\"\n              role=\"link\"\n              [attr.aria-label]=\"'View call details for ' + row.name\"\n              (click)=\"openHistoryDetail(row.id)\"\n              (keyup.enter)=\"openHistoryDetail(row.id)\"\n            >\n              <td>\n                <div class=\"dashboard-page__caller\">\n                  <eds-avatar [initials]=\"row.initials\" />\n                  <span>{{ row.name }}</span>\n                </div>\n              </td>\n              <td>{{ row.reason }}</td>\n              <td>\n                <eds-badge [tone]=\"outcomeTone(row.outcome)\">\n                  {{ outcomeLabel(row.outcome) }}\n                </eds-badge>\n              </td>\n              <td>\n                <eds-badge [tone]=\"reviewTone(row.review)\">\n                  {{ reviewLabel(row.review) }}\n                </eds-badge>\n              </td>\n              <td>{{ row.location }}</td>\n              <td class=\"eds-mono-sm\">{{ row.whenLabel ?? (row.started ? (row.started | date: 'short') : '\u2014') }}</td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </article>\n  }\n</div>\n\n<eds-outbound-dial-modal\n  [open]=\"outboundOpen()\"\n  (closed)=\"closeOutboundDial()\"\n  (dialed)=\"closeOutboundDial()\"\n/>\n", styles: [".dashboard-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.dashboard-page__actions{display:flex;gap:8px;flex-shrink:0}.dashboard-page__stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.dashboard-page__stat{display:flex;flex-direction:column;gap:6px;padding:16px}.dashboard-page__stat--link{text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s ease}.dashboard-page__stat--link:hover{border-color:var(--text-brand)}.dashboard-page__review-queue{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;margin-bottom:20px;border-left:4px solid #f59e0b}.dashboard-page__review-link{white-space:nowrap;font-weight:600;text-decoration:none;color:var(--text-brand)}.dashboard-page__row--needs-review{border-left:3px solid #f59e0b}.dashboard-page__history-row{cursor:pointer}.dashboard-page__history-row:hover{background:var(--surface-l1)}.dashboard-page__history-row:focus-visible{outline:2px solid var(--brand-500, #0d9488);outline-offset:-2px}.dashboard-page__caller{display:flex;align-items:center;gap:8px;font-weight:500}.dashboard-page__attention-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px;border-radius:var(--eds-radius-md);text-decoration:none;color:inherit;border-bottom:1px solid var(--border-default)}.dashboard-page__attention-row:hover{background:var(--surface-l1)}.dashboard-page__attention-row:last-child{border-bottom:none}.dashboard-page__stat-value{font-size:28px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.dashboard-page__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px}.dashboard-page__panel{padding:16px}.dashboard-page__panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.dashboard-page__live-list,.dashboard-page__attention-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.dashboard-page__live-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:8px;border-radius:var(--eds-radius-md);text-decoration:none;color:inherit}.dashboard-page__live-row:hover{background:var(--surface-l1)}.dashboard-page__live-meta{display:flex;flex-direction:column;min-width:0}.dashboard-page__history{padding:16px;overflow-x:auto}@media(max-width:1200px){.dashboard-page__stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.dashboard-page__stats{grid-template-columns:repeat(2,1fr)}.dashboard-page__grid{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "component", type: EdsAvatarComponent, selector: "eds-avatar", inputs: ["initials", "tone", "gradient"] }, { 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"] }, { kind: "component", type: EdsPulseDotComponent, selector: "eds-pulse-dot" }, { kind: "pipe", type: EdsElapsedPipe, name: "edsElapsed" }, { kind: "component", type: OutboundDialModalComponent, selector: "eds-outbound-dial-modal", inputs: ["open"], outputs: ["closed", "dialed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DashboardPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-dashboard-page', imports: [
+                        RouterLink,
+                        DatePipe,
+                        EdsAvatarComponent,
+                        EdsBadgeComponent,
+                        EdsButtonComponent,
+                        EdsIconComponent,
+                        EdsPulseDotComponent,
+                        EdsElapsedPipe,
+                        OutboundDialModalComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"eds-page dashboard-page\">\n  <header class=\"dashboard-page__header\">\n    <div>\n      <h1 class=\"eds-h1\">Dashboard</h1>\n      <p class=\"eds-body-sm\">AI receptionist overview and live activity</p>\n    </div>\n    <div class=\"dashboard-page__actions\">\n      <eds-button variant=\"secondary\" (click)=\"exportCsv()\">\n        <eds-icon name=\"download\" [size]=\"18\" /> Export\n      </eds-button>\n      <eds-button variant=\"primary\" (click)=\"openOutboundDial()\">\n        <eds-icon name=\"call_made\" [size]=\"18\" /> New outbound call\n      </eds-button>\n    </div>\n  </header>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading dashboard\u2026</p>\n  } @else if (data()) {\n    <section class=\"dashboard-page__stats\">\n      @for (tile of statTiles; track tile.key) {\n        @if (tile.key === 'appointmentsBooked') {\n          <a routerLink=\"../appointments\" class=\"eds-card dashboard-page__stat dashboard-page__stat--link\">\n            <eds-icon [name]=\"tile.icon\" [size]=\"22\" />\n            <span class=\"eds-label\">{{ tile.label }}</span>\n            <span class=\"dashboard-page__stat-value\">\n              {{ statValue(tile.key) }}{{ tile.suffix ?? '' }}\n            </span>\n          </a>\n        } @else if (tile.key === 'activeCalls') {\n          <a routerLink=\"../live\" class=\"eds-card dashboard-page__stat dashboard-page__stat--link\">\n            <eds-icon [name]=\"tile.icon\" [size]=\"22\" />\n            <span class=\"eds-label\">{{ tile.label }}</span>\n            <span class=\"dashboard-page__stat-value\">\n              {{ statValue(tile.key) }}{{ tile.suffix ?? '' }}\n            </span>\n          </a>\n        } @else {\n          <article class=\"eds-card dashboard-page__stat\">\n            <eds-icon [name]=\"tile.icon\" [size]=\"22\" />\n            <span class=\"eds-label\">{{ tile.label }}</span>\n            <span class=\"dashboard-page__stat-value\">\n              {{ statValue(tile.key) }}{{ tile.suffix ?? '' }}\n            </span>\n          </article>\n        }\n      }\n    </section>\n\n    <section class=\"dashboard-page__grid\">\n      <article class=\"eds-card dashboard-page__panel\">\n        <header class=\"dashboard-page__panel-head\">\n          <h2 class=\"eds-h2\">Live calls</h2>\n          <eds-pulse-dot />\n        </header>\n        <ul class=\"dashboard-page__live-list\">\n          @if (liveCallsError()) {\n            <li class=\"dashboard-page__live-error eds-body-sm\" role=\"alert\">{{ liveCallsError() }}</li>\n          }\n          @if (liveCallsLoading() && liveCalls().length === 0) {\n            <li class=\"eds-body-sm\">Loading live calls\u2026</li>\n          }\n          @for (call of liveCalls(); track call.id) {\n            <li>\n              <a [routerLink]=\"['../live', call.id]\" class=\"dashboard-page__live-row\">\n                <eds-avatar [initials]=\"call.initials\" tone=\"brand\" />\n                <div class=\"dashboard-page__live-meta\">\n                  <span class=\"eds-body-sm-bold\">{{ call.name }}</span>\n                  <span class=\"eds-body-sm\">{{ call.reason }}</span>\n                </div>\n                <span class=\"eds-mono-sm\">{{ call.started | edsElapsed }}</span>\n              </a>\n            </li>\n          } @empty {\n            @if (!liveCallsLoading()) {\n              <li class=\"eds-body-sm\">No active calls right now.</li>\n            }\n          }\n        </ul>\n      </article>\n\n      <article class=\"eds-card dashboard-page__panel\">\n        <header class=\"dashboard-page__panel-head\">\n          <h2 class=\"eds-h2\">Tasks created</h2>\n          <a routerLink=\"../tasks\" class=\"eds-body-sm\">View all</a>\n        </header>\n        <ul class=\"dashboard-page__attention-list\">\n          @for (task of data()!.latestTasks; track task.id) {\n            <li>\n              <a\n                [routerLink]=\"task.callId ? callDetailLink(task.callId) : ['../tasks']\"\n                class=\"dashboard-page__attention-row\"\n                [attr.aria-label]=\"'View task: ' + task.title\"\n              >\n               \n                <div>\n                  <span class=\"eds-body-sm-bold\">{{ task.title }}</span>\n                  <span class=\"eds-body-sm\">\n                    {{ task.patient }} \u00B7 {{ task.created | date: 'short' }}\n                  </span>\n                </div>\n                <eds-icon name=\"chevron_right\" [size]=\"20\" />\n              </a>\n            </li>\n          } @empty {\n            <li class=\"eds-body-sm\">No AI-created tasks yet.</li>\n          }\n        </ul>\n      </article>\n\n      <article class=\"eds-card dashboard-page__panel\">\n        <header class=\"dashboard-page__panel-head\">\n          <h2 class=\"eds-h2\">Appointments created</h2>\n          <a routerLink=\"../appointments\" class=\"eds-body-sm\">View all</a>\n        </header>\n        <ul class=\"dashboard-page__attention-list\">\n          @for (appointment of data()!.latestAppointments; track appointment.id) {\n            <li>\n              <a\n                routerLink=\"../appointments\"\n                class=\"dashboard-page__attention-row\"\n                [attr.aria-label]=\"'View appointment for ' + appointment.patientName\"\n              >\n          \n                <div>\n                  <span class=\"eds-body-sm-bold\">{{ appointment.patientName }}</span>\n                  <span class=\"eds-body-sm\">\n                    {{ appointment.providerName ?? 'Provider not assigned' }}\n                    \u00B7 {{ appointment.startTime ? (appointment.startTime | date: 'short') : 'Time pending' }}\n                  </span>\n                </div>\n                <eds-icon name=\"chevron_right\" [size]=\"20\" />\n              </a>\n            </li>\n          } @empty {\n            <li class=\"eds-body-sm\">No AI-booked appointments yet.</li>\n          }\n        </ul>\n      </article>\n\n    </section>\n\n    <article class=\"eds-card dashboard-page__history\">\n      <header class=\"dashboard-page__panel-head\">\n        <h2 class=\"eds-h2\">Recent call history</h2>\n        <a routerLink=\"../history\" class=\"eds-body-sm\">View all</a>\n      </header>\n      <table class=\"eds-table\">\n        <thead>\n          <tr>\n            <th>Caller</th>\n            <th>Reason</th>\n            <th>Outcome</th>\n            <th>Review</th>\n            <th>Location</th>\n            <th>When</th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (row of data()!.recentHistory; track row.id) {\n            <tr\n              class=\"dashboard-page__history-row\"\n              [class.dashboard-page__row--needs-review]=\"isNeedsReview(row.review)\"\n              tabindex=\"0\"\n              role=\"link\"\n              [attr.aria-label]=\"'View call details for ' + row.name\"\n              (click)=\"openHistoryDetail(row.id)\"\n              (keyup.enter)=\"openHistoryDetail(row.id)\"\n            >\n              <td>\n                <div class=\"dashboard-page__caller\">\n                  <eds-avatar [initials]=\"row.initials\" />\n                  <span>{{ row.name }}</span>\n                </div>\n              </td>\n              <td>{{ row.reason }}</td>\n              <td>\n                <eds-badge [tone]=\"outcomeTone(row.outcome)\">\n                  {{ outcomeLabel(row.outcome) }}\n                </eds-badge>\n              </td>\n              <td>\n                <eds-badge [tone]=\"reviewTone(row.review)\">\n                  {{ reviewLabel(row.review) }}\n                </eds-badge>\n              </td>\n              <td>{{ row.location }}</td>\n              <td class=\"eds-mono-sm\">{{ row.whenLabel ?? (row.started ? (row.started | date: 'short') : '\u2014') }}</td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </article>\n  }\n</div>\n\n<eds-outbound-dial-modal\n  [open]=\"outboundOpen()\"\n  (closed)=\"closeOutboundDial()\"\n  (dialed)=\"closeOutboundDial()\"\n/>\n", styles: [".dashboard-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.dashboard-page__actions{display:flex;gap:8px;flex-shrink:0}.dashboard-page__stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.dashboard-page__stat{display:flex;flex-direction:column;gap:6px;padding:16px}.dashboard-page__stat--link{text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s ease}.dashboard-page__stat--link:hover{border-color:var(--text-brand)}.dashboard-page__review-queue{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;margin-bottom:20px;border-left:4px solid #f59e0b}.dashboard-page__review-link{white-space:nowrap;font-weight:600;text-decoration:none;color:var(--text-brand)}.dashboard-page__row--needs-review{border-left:3px solid #f59e0b}.dashboard-page__history-row{cursor:pointer}.dashboard-page__history-row:hover{background:var(--surface-l1)}.dashboard-page__history-row:focus-visible{outline:2px solid var(--brand-500, #0d9488);outline-offset:-2px}.dashboard-page__caller{display:flex;align-items:center;gap:8px;font-weight:500}.dashboard-page__attention-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px;border-radius:var(--eds-radius-md);text-decoration:none;color:inherit;border-bottom:1px solid var(--border-default)}.dashboard-page__attention-row:hover{background:var(--surface-l1)}.dashboard-page__attention-row:last-child{border-bottom:none}.dashboard-page__stat-value{font-size:28px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.dashboard-page__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px}.dashboard-page__panel{padding:16px}.dashboard-page__panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.dashboard-page__live-list,.dashboard-page__attention-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.dashboard-page__live-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:8px;border-radius:var(--eds-radius-md);text-decoration:none;color:inherit}.dashboard-page__live-row:hover{background:var(--surface-l1)}.dashboard-page__live-meta{display:flex;flex-direction:column;min-width:0}.dashboard-page__history{padding:16px;overflow-x:auto}@media(max-width:1200px){.dashboard-page__stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.dashboard-page__stats{grid-template-columns:repeat(2,1fr)}.dashboard-page__grid{grid-template-columns:1fr}}\n"] }]
+        }] });
+export { DashboardPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-dashboard-page.component-B93giErR.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-dashboard-page.component-B93giErR.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"edvak99-voice-receptionist-widget-dashboard-page.component-B93giErR.mjs","sources":["../../../projects/voice-receptionist-widget/src/lib/components/outbound-dial-modal/outbound-dial-modal.component.ts","../../../projects/voice-receptionist-widget/src/lib/components/outbound-dial-modal/outbound-dial-modal.component.html","../../../projects/voice-receptionist-widget/src/lib/pages/dashboard-page/dashboard-page.component.ts","../../../projects/voice-receptionist-widget/src/lib/pages/dashboard-page/dashboard-page.component.html"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n OnChanges,\n Output,\n SimpleChanges,\n inject,\n signal,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { OutboundPurpose } from '../../models/outbound-purpose.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport {\n isCustomScriptRequired,\n isPurposeFormValid,\n purposeShowsCustomScript,\n renderOpeningPreview,\n requiredFieldLabel,\n} from '../../utils/outbound-purpose.util';\nimport { EdsButtonComponent } from '../../ui/eds-button.component';\nimport { ModalComponent } from '../../shared/modal.component';\nimport { ToastService } from '../../shared/toast.service';\n\nconst E164_PATTERN = /^\\+[1-9]\\d{6,14}$/;\n\n@Component({\n selector: 'eds-outbound-dial-modal',\n imports: [FormsModule, ModalComponent, EdsButtonComponent],\n templateUrl: './outbound-dial-modal.component.html',\n styleUrl: './outbound-dial-modal.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class OutboundDialModalComponent implements OnChanges {\n private readonly api = inject(AiReceptionistApiService);\n private readonly toast = inject(ToastService);\n\n @Input() open = false;\n @Output() readonly closed = new EventEmitter<void>();\n @Output() readonly dialed = new EventEmitter<void>();\n\n protected readonly purposes = signal<OutboundPurpose[]>([]);\n protected readonly loading = signal(true);\n protected readonly submitting = signal(false);\n protected readonly serverError = signal<string | null>(null);\n\n protected phone = '';\n protected name = '';\n protected purposeId = '';\n protected appointmentDate = '';\n protected appointmentTime = '';\n protected providerName = '';\n protected customScript = '';\n\n protected requiredFieldLabel = requiredFieldLabel;\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['open']?.currentValue) {\n this.resetForm();\n this.loadPurposes();\n }\n }\n\n protected get selectedPurpose(): OutboundPurpose | null {\n return this.purposes().find((p) => p.purposeId === this.purposeId) ?? null;\n }\n\n protected get previewText(): string {\n const p = this.selectedPurpose;\n if (!p) return '—';\n return renderOpeningPreview(p.sampleOpening, p.openingTemplate, p.placeholders ?? []);\n }\n\n protected showsField(field: 'appointmentDate' | 'appointmentTime' | 'providerName'): boolean {\n return this.selectedPurpose?.requiredFields.includes(field) ?? false;\n }\n\n protected showsCustomScript(): boolean {\n const p = this.selectedPurpose;\n return p ? purposeShowsCustomScript(p) : false;\n }\n\n protected customScriptRequired(): boolean {\n const p = this.selectedPurpose;\n return p ? isCustomScriptRequired(p) : false;\n }\n\n protected canPlaceCall(): boolean {\n if (!E164_PATTERN.test(this.phone.trim())) return false;\n return isPurposeFormValid(this.selectedPurpose, {\n phone: this.phone,\n name: this.name,\n appointmentDate: this.appointmentDate,\n appointmentTime: this.appointmentTime,\n providerName: this.providerName,\n customScript: this.customScript,\n });\n }\n\n protected onPurposeChange(): void {\n this.appointmentDate = '';\n this.appointmentTime = '';\n this.providerName = '';\n this.customScript = '';\n this.serverError.set(null);\n }\n\n protected close(): void {\n this.closed.emit();\n }\n\n protected submit(): void {\n this.serverError.set(null);\n if (!this.canPlaceCall() || !this.selectedPurpose) return;\n\n this.submitting.set(true);\n const body = {\n phone: this.phone.trim(),\n name: this.name.trim(),\n purpose: this.purposeId,\n ...(this.appointmentDate ? { appointmentDate: this.appointmentDate } : {}),\n ...(this.appointmentTime ? { appointmentTime: this.appointmentTime } : {}),\n ...(this.providerName ? { providerName: this.providerName.trim() } : {}),\n ...(this.customScript ? { customScript: this.customScript.trim() } : {}),\n };\n\n this.api.placeOutboundCall(body).subscribe({\n next: (res) => {\n this.submitting.set(false);\n const msg = res.message ?? 'Outbound call started.';\n this.toast.show(msg, 'success', 5000);\n this.dialed.emit();\n this.close();\n },\n error: (err: { message?: string }) => {\n this.submitting.set(false);\n const msg = err?.message ?? 'Failed to place outbound call.';\n this.serverError.set(msg);\n this.toast.show(msg, 'error', 5000);\n },\n });\n }\n\n private resetForm(): void {\n this.phone = '';\n this.name = '';\n this.purposeId = '';\n this.appointmentDate = '';\n this.appointmentTime = '';\n this.providerName = '';\n this.customScript = '';\n this.serverError.set(null);\n this.submitting.set(false);\n }\n\n private loadPurposes(): void {\n this.loading.set(true);\n this.api.getOutboundPurposes(false).subscribe({\n next: ({ purposes }) => {\n this.purposes.set(purposes);\n if (purposes.length && !this.purposeId) {\n this.purposeId = purposes[0].purposeId;\n }\n this.loading.set(false);\n },\n error: () => {\n this.loading.set(false);\n this.serverError.set('Failed to load outbound purposes.');\n },\n });\n }\n}\n","@if (open) {\n <app-modal\n title=\"Outbound call\"\n subtitle=\"Place a patient call using a purpose template\"\n maxWidth=\"560px\"\n (closed)=\"close()\"\n >\n @if (loading()) {\n <p class=\"eds-body-sm\">Loading purposes…</p>\n } @else {\n <form class=\"dial-form\" (ngSubmit)=\"submit()\" novalidate>\n <label class=\"dial-form__field\">\n <span class=\"eds-label\">Phone <span class=\"dial-form__req\">*</span></span>\n <input\n type=\"tel\"\n class=\"dial-form__input\"\n [(ngModel)]=\"phone\"\n name=\"phone\"\n placeholder=\"+14155550100\"\n autocomplete=\"tel\"\n required\n />\n <span class=\"dial-form__hint\">E.164 format, e.g. +14155550100</span>\n </label>\n\n <label class=\"dial-form__field\">\n <span class=\"eds-label\">Patient name <span class=\"dial-form__req\">*</span></span>\n <input\n type=\"text\"\n class=\"dial-form__input\"\n [(ngModel)]=\"name\"\n name=\"name\"\n placeholder=\"Maria Garcia\"\n required\n />\n </label>\n\n <label class=\"dial-form__field\">\n <span class=\"eds-label\">Purpose <span class=\"dial-form__req\">*</span></span>\n <select\n class=\"dial-form__input\"\n [(ngModel)]=\"purposeId\"\n name=\"purposeId\"\n (ngModelChange)=\"onPurposeChange()\"\n required\n >\n @for (p of purposes(); track p.purposeId) {\n <option [value]=\"p.purposeId\">{{ p.label }}</option>\n }\n </select>\n </label>\n\n @if (showsField('appointmentDate')) {\n <label class=\"dial-form__field\">\n <span class=\"eds-label\">{{ requiredFieldLabel('appointmentDate') }} <span class=\"dial-form__req\">*</span></span>\n <input type=\"date\" class=\"dial-form__input\" [(ngModel)]=\"appointmentDate\" name=\"appointmentDate\" required />\n </label>\n }\n\n @if (showsField('appointmentTime')) {\n <label class=\"dial-form__field\">\n <span class=\"eds-label\">{{ requiredFieldLabel('appointmentTime') }} <span class=\"dial-form__req\">*</span></span>\n <input type=\"time\" class=\"dial-form__input\" [(ngModel)]=\"appointmentTime\" name=\"appointmentTime\" required />\n </label>\n }\n\n @if (showsField('providerName')) {\n <label class=\"dial-form__field\">\n <span class=\"eds-label\">{{ requiredFieldLabel('providerName') }} <span class=\"dial-form__req\">*</span></span>\n <input\n type=\"text\"\n class=\"dial-form__input\"\n [(ngModel)]=\"providerName\"\n name=\"providerName\"\n placeholder=\"Dr. Patel\"\n required\n />\n </label>\n }\n\n @if (showsCustomScript()) {\n <label class=\"dial-form__field\">\n <span class=\"eds-label\">\n Custom script\n @if (customScriptRequired()) {\n <span class=\"dial-form__req\">*</span>\n }\n </span>\n <textarea\n class=\"dial-form__textarea\"\n rows=\"4\"\n [(ngModel)]=\"customScript\"\n name=\"customScript\"\n [required]=\"customScriptRequired()\"\n placeholder=\"What should the agent say or do?\"\n ></textarea>\n </label>\n }\n\n <section class=\"dial-form__preview eds-card\">\n <h3 class=\"eds-label\">Opening preview</h3>\n <p class=\"dial-form__preview-text\">{{ previewText }}</p>\n </section>\n\n @if (serverError()) {\n <p class=\"dial-form__error\" role=\"alert\">{{ serverError() }}</p>\n }\n\n <footer class=\"dial-form__footer\">\n <eds-button variant=\"secondary\" type=\"button\" (click)=\"close()\" [disabled]=\"submitting()\">\n Cancel\n </eds-button>\n <eds-button variant=\"primary\" type=\"submit\" [disabled]=\"submitting() || !canPlaceCall()\">\n {{ submitting() ? 'Dialing…' : 'Place call' }}\n </eds-button>\n </footer>\n </form>\n }\n </app-modal>\n}\n","import { ChangeDetectionStrategy, Component, inject, OnDestroy, OnInit, signal } from '@angular/core';\nimport { ActivatedRoute, Router, RouterLink } from '@angular/router';\nimport { DatePipe } from '@angular/common';\n\nimport { DashboardData } from '../../models/ai-receptionist.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { LiveCallsListService } from '../../services/live-calls-list.service';\nimport { formatOutcomeLabel, outcomeBadgeTone } from '../../utils/call-outcome.util';\nimport {\n isNeedsReview,\n reviewBadgeTone,\n reviewLabel,\n} from '../../utils/call-review.util';\nimport { OutboundDialModalComponent } from '../../components/outbound-dial-modal/outbound-dial-modal.component';\nimport { EdsAvatarComponent } from '../../ui/eds-avatar.component';\nimport { EdsBadgeComponent } from '../../ui/eds-badge.component';\nimport { EdsButtonComponent } from '../../ui/eds-button.component';\nimport { EdsIconComponent } from '../../ui/eds-icon.component';\nimport { EdsPulseDotComponent } from '../../ui/eds-pulse-dot.component';\nimport { EdsElapsedPipe } from '../../pipes/eds-elapsed.pipe';\n\n@Component({\n selector: 'eds-dashboard-page',\n imports: [\n RouterLink,\n DatePipe,\n EdsAvatarComponent,\n EdsBadgeComponent,\n EdsButtonComponent,\n EdsIconComponent,\n EdsPulseDotComponent,\n EdsElapsedPipe,\n OutboundDialModalComponent,\n ],\n templateUrl: './dashboard-page.component.html',\n styleUrl: './dashboard-page.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DashboardPageComponent implements OnInit, OnDestroy {\n private readonly api = inject(AiReceptionistApiService);\n private readonly liveCallsList = inject(LiveCallsListService);\n private readonly router = inject(Router);\n private readonly route = inject(ActivatedRoute);\n\n protected readonly data = signal<DashboardData | null>(null);\n protected readonly loading = signal(true);\n\n protected readonly liveCalls = this.liveCallsList.calls;\n protected readonly liveCallsLoading = this.liveCallsList.loading;\n protected readonly liveCallsError = this.liveCallsList.error;\n protected readonly outboundOpen = signal(false);\n\n protected readonly statTiles = [\n { key: 'activeCalls' as const, label: 'Live calls', icon: 'graphic_eq' },\n { key: 'answeredToday' as const, label: 'Calls today', icon: 'call' },\n { key: 'tasksCreated' as const, label: 'Open tasks', icon: 'task_alt' },\n {\n key: 'appointmentsBooked' as const,\n label: 'Appointments booked',\n icon: 'event_available',\n },\n { key: 'completionRate' as const, label: 'AI handled', icon: 'trending_up', suffix: '%' },\n ];\n\n ngOnInit(): void {\n this.liveCallsList.start();\n this.api.getDashboard().subscribe(({ data }) => {\n this.data.set(data);\n this.loading.set(false);\n });\n }\n\n ngOnDestroy(): void {\n this.liveCallsList.stop();\n }\n\n protected statValue(key: keyof DashboardData['stats']): number {\n if (key === 'activeCalls') {\n return this.liveCallsList.calls().length;\n }\n return this.data()?.stats[key] ?? 0;\n }\n\n protected statusTone(status: string): 'brand' | 'pos' | 'notice' | 'neg' | 'violet' | 'gray' {\n const normalized = status || 'ai';\n const map: Record<string, 'brand' | 'pos' | 'notice' | 'neg' | 'violet'> = {\n ai: 'brand',\n 'needs-help': 'notice',\n 'human-requested': 'violet',\n urgent: 'neg',\n takeover: 'violet',\n transferring: 'notice',\n };\n return map[normalized] ?? 'brand';\n }\n\n protected statusLabel(status: string): string {\n return status || 'ai';\n }\n\n protected outcomeTone = outcomeBadgeTone;\n protected outcomeLabel = formatOutcomeLabel;\n protected reviewLabel = reviewLabel;\n protected reviewTone = reviewBadgeTone;\n protected isNeedsReview = isNeedsReview;\n\n protected exportCsv(): void {\n // mock export\n }\n\n protected openOutboundDial(): void {\n this.outboundOpen.set(true);\n }\n\n protected closeOutboundDial(): void {\n this.outboundOpen.set(false);\n }\n\n protected openHistoryDetail(id: string): void {\n void this.router.navigate(['../history', id], { relativeTo: this.route });\n }\n\n protected callDetailLink(callId: string): string[] {\n return callId.startsWith('HC-') ? ['../history', callId] : ['../live', callId];\n }\n}\n","<div class=\"eds-page dashboard-page\">\n <header class=\"dashboard-page__header\">\n <div>\n <h1 class=\"eds-h1\">Dashboard</h1>\n <p class=\"eds-body-sm\">AI receptionist overview and live activity</p>\n </div>\n <div class=\"dashboard-page__actions\">\n <eds-button variant=\"secondary\" (click)=\"exportCsv()\">\n <eds-icon name=\"download\" [size]=\"18\" /> Export\n </eds-button>\n <eds-button variant=\"primary\" (click)=\"openOutboundDial()\">\n <eds-icon name=\"call_made\" [size]=\"18\" /> New outbound call\n </eds-button>\n </div>\n </header>\n\n @if (loading()) {\n <p class=\"eds-body-sm\">Loading dashboard…</p>\n } @else if (data()) {\n <section class=\"dashboard-page__stats\">\n @for (tile of statTiles; track tile.key) {\n @if (tile.key === 'appointmentsBooked') {\n <a routerLink=\"../appointments\" class=\"eds-card dashboard-page__stat dashboard-page__stat--link\">\n <eds-icon [name]=\"tile.icon\" [size]=\"22\" />\n <span class=\"eds-label\">{{ tile.label }}</span>\n <span class=\"dashboard-page__stat-value\">\n {{ statValue(tile.key) }}{{ tile.suffix ?? '' }}\n </span>\n </a>\n } @else if (tile.key === 'activeCalls') {\n <a routerLink=\"../live\" class=\"eds-card dashboard-page__stat dashboard-page__stat--link\">\n <eds-icon [name]=\"tile.icon\" [size]=\"22\" />\n <span class=\"eds-label\">{{ tile.label }}</span>\n <span class=\"dashboard-page__stat-value\">\n {{ statValue(tile.key) }}{{ tile.suffix ?? '' }}\n </span>\n </a>\n } @else {\n <article class=\"eds-card dashboard-page__stat\">\n <eds-icon [name]=\"tile.icon\" [size]=\"22\" />\n <span class=\"eds-label\">{{ tile.label }}</span>\n <span class=\"dashboard-page__stat-value\">\n {{ statValue(tile.key) }}{{ tile.suffix ?? '' }}\n </span>\n </article>\n }\n }\n </section>\n\n <section class=\"dashboard-page__grid\">\n <article class=\"eds-card dashboard-page__panel\">\n <header class=\"dashboard-page__panel-head\">\n <h2 class=\"eds-h2\">Live calls</h2>\n <eds-pulse-dot />\n </header>\n <ul class=\"dashboard-page__live-list\">\n @if (liveCallsError()) {\n <li class=\"dashboard-page__live-error eds-body-sm\" role=\"alert\">{{ liveCallsError() }}</li>\n }\n @if (liveCallsLoading() && liveCalls().length === 0) {\n <li class=\"eds-body-sm\">Loading live calls…</li>\n }\n @for (call of liveCalls(); track call.id) {\n <li>\n <a [routerLink]=\"['../live', call.id]\" class=\"dashboard-page__live-row\">\n <eds-avatar [initials]=\"call.initials\" tone=\"brand\" />\n <div class=\"dashboard-page__live-meta\">\n <span class=\"eds-body-sm-bold\">{{ call.name }}</span>\n <span class=\"eds-body-sm\">{{ call.reason }}</span>\n </div>\n <span class=\"eds-mono-sm\">{{ call.started | edsElapsed }}</span>\n </a>\n </li>\n } @empty {\n @if (!liveCallsLoading()) {\n <li class=\"eds-body-sm\">No active calls right now.</li>\n }\n }\n </ul>\n </article>\n\n <article class=\"eds-card dashboard-page__panel\">\n <header class=\"dashboard-page__panel-head\">\n <h2 class=\"eds-h2\">Tasks created</h2>\n <a routerLink=\"../tasks\" class=\"eds-body-sm\">View all</a>\n </header>\n <ul class=\"dashboard-page__attention-list\">\n @for (task of data()!.latestTasks; track task.id) {\n <li>\n <a\n [routerLink]=\"task.callId ? callDetailLink(task.callId) : ['../tasks']\"\n class=\"dashboard-page__attention-row\"\n [attr.aria-label]=\"'View task: ' + task.title\"\n >\n \n <div>\n <span class=\"eds-body-sm-bold\">{{ task.title }}</span>\n <span class=\"eds-body-sm\">\n {{ task.patient }} · {{ task.created | date: 'short' }}\n </span>\n </div>\n <eds-icon name=\"chevron_right\" [size]=\"20\" />\n </a>\n </li>\n } @empty {\n <li class=\"eds-body-sm\">No AI-created tasks yet.</li>\n }\n </ul>\n </article>\n\n <article class=\"eds-card dashboard-page__panel\">\n <header class=\"dashboard-page__panel-head\">\n <h2 class=\"eds-h2\">Appointments created</h2>\n <a routerLink=\"../appointments\" class=\"eds-body-sm\">View all</a>\n </header>\n <ul class=\"dashboard-page__attention-list\">\n @for (appointment of data()!.latestAppointments; track appointment.id) {\n <li>\n <a\n routerLink=\"../appointments\"\n class=\"dashboard-page__attention-row\"\n [attr.aria-label]=\"'View appointment for ' + appointment.patientName\"\n >\n \n <div>\n <span class=\"eds-body-sm-bold\">{{ appointment.patientName }}</span>\n <span class=\"eds-body-sm\">\n {{ appointment.providerName ?? 'Provider not assigned' }}\n · {{ appointment.startTime ? (appointment.startTime | date: 'short') : 'Time pending' }}\n </span>\n </div>\n <eds-icon name=\"chevron_right\" [size]=\"20\" />\n </a>\n </li>\n } @empty {\n <li class=\"eds-body-sm\">No AI-booked appointments yet.</li>\n }\n </ul>\n </article>\n\n </section>\n\n <article class=\"eds-card dashboard-page__history\">\n <header class=\"dashboard-page__panel-head\">\n <h2 class=\"eds-h2\">Recent call history</h2>\n <a routerLink=\"../history\" class=\"eds-body-sm\">View all</a>\n </header>\n <table class=\"eds-table\">\n <thead>\n <tr>\n <th>Caller</th>\n <th>Reason</th>\n <th>Outcome</th>\n <th>Review</th>\n <th>Location</th>\n <th>When</th>\n </tr>\n </thead>\n <tbody>\n @for (row of data()!.recentHistory; track row.id) {\n <tr\n class=\"dashboard-page__history-row\"\n [class.dashboard-page__row--needs-review]=\"isNeedsReview(row.review)\"\n tabindex=\"0\"\n role=\"link\"\n [attr.aria-label]=\"'View call details for ' + row.name\"\n (click)=\"openHistoryDetail(row.id)\"\n (keyup.enter)=\"openHistoryDetail(row.id)\"\n >\n <td>\n <div class=\"dashboard-page__caller\">\n <eds-avatar [initials]=\"row.initials\" />\n <span>{{ row.name }}</span>\n </div>\n </td>\n <td>{{ row.reason }}</td>\n <td>\n <eds-badge [tone]=\"outcomeTone(row.outcome)\">\n {{ outcomeLabel(row.outcome) }}\n </eds-badge>\n </td>\n <td>\n <eds-badge [tone]=\"reviewTone(row.review)\">\n {{ reviewLabel(row.review) }}\n </eds-badge>\n </td>\n <td>{{ row.location }}</td>\n <td class=\"eds-mono-sm\">{{ row.whenLabel ?? (row.started ? (row.started | date: 'short') : '—') }}</td>\n </tr>\n }\n </tbody>\n </table>\n </article>\n }\n</div>\n\n<eds-outbound-dial-modal\n [open]=\"outboundOpen()\"\n (closed)=\"closeOutboundDial()\"\n (dialed)=\"closeOutboundDial()\"\n/>\n"],"names":[],"mappings":"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"}

package/fesm2022/edvak99-voice-receptionist-widget-eds-avatar.component-PCnIWeOA.mjs ADDED Viewed

@@ -0,0 +1,27 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+class EdsAvatarComponent {
+    constructor() {
+        this.initials = input('?');
+        this.tone = input('gray');
+        this.gradient = input(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.17", type: EdsAvatarComponent, isStandalone: true, selector: "eds-avatar", inputs: { initials: { classPropertyName: "initials", publicName: "initials", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, gradient: { classPropertyName: "gradient", publicName: "gradient", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <span class="eds-avatar" [attr.data-tone]="tone()" [class.eds-avatar--gradient]="gradient()">
+      {{ initials() }}
+    </span>
+  `, isInline: true, styles: [".eds-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-family:var(--font-inter);font-size:12px;font-weight:600;flex-shrink:0}.eds-avatar[data-tone=gray]{background:var(--gray-200);color:var(--gray-600)}.eds-avatar[data-tone=brand]{background:#3681f426;color:var(--brand-600)}.eds-avatar--gradient{background:linear-gradient(135deg,var(--brand-500),var(--violet-500));color:#fff}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsAvatarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-avatar', standalone: true, template: `
+    <span class="eds-avatar" [attr.data-tone]="tone()" [class.eds-avatar--gradient]="gradient()">
+      {{ initials() }}
+    </span>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".eds-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-family:var(--font-inter);font-size:12px;font-weight:600;flex-shrink:0}.eds-avatar[data-tone=gray]{background:var(--gray-200);color:var(--gray-600)}.eds-avatar[data-tone=brand]{background:#3681f426;color:var(--brand-600)}.eds-avatar--gradient{background:linear-gradient(135deg,var(--brand-500),var(--violet-500));color:#fff}\n"] }]
+        }] });
+export { EdsAvatarComponent as E };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-eds-avatar.component-PCnIWeOA.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-eds-avatar.component-PCnIWeOA.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"edvak99-voice-receptionist-widget-eds-avatar.component-PCnIWeOA.mjs","sources":["../../../projects/voice-receptionist-widget/src/lib/ui/eds-avatar.component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\n@Component({\n selector: 'eds-avatar',\n standalone: true,\n template: `\n <span class=\"eds-avatar\" [attr.data-tone]=\"tone()\" [class.eds-avatar--gradient]=\"gradient()\">\n {{ initials() }}\n </span>\n `,\n styleUrl: './eds-avatar.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAvatarComponent {\n readonly initials = input('?');\n readonly tone = input<'gray' | 'brand'>('gray');\n readonly gradient = input(false);\n}\n"],"names":[],"mappings":";;;MAaa,kBAAkB,CAAA;AAX/B,IAAA,WAAA,GAAA;AAYW,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC;AACrB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAmB,MAAM,CAAC;AACtC,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC;AACjC,IAAA;+GAJY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EARnB;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+bAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAIU,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAX9B,SAAS;+BACE,YAAY,EAAA,UAAA,EACV,IAAI,EAAA,QAAA,EACN;;;;GAIT,EAAA,eAAA,EAEgB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,+bAAA,CAAA,EAAA;;;;;"}

package/fesm2022/edvak99-voice-receptionist-widget-eds-elapsed.pipe-BrMNsxB5.mjs ADDED Viewed

@@ -0,0 +1,136 @@
+import * as i0 from '@angular/core';
+import { inject, signal, Injectable, Pipe } from '@angular/core';
+import { io } from 'socket.io-client';
+import { V as VOICE_RECEPTIONIST_CONFIG, e as createVoiceReceptionistPaths } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-DClMfxeY.mjs';
+/**
+ * Single shared Socket.io connection to the `/dashboard` namespace.
+ * Used by live calls list + per-call transcript stream.
+ */
+class DashboardSocketService {
+    constructor() {
+        this.config = inject(VOICE_RECEPTIONIST_CONFIG);
+        this.paths = createVoiceReceptionistPaths(this.config);
+        this.connected = signal(false);
+        this.socket = null;
+        this.refCount = 0;
+        this.handlers = new Map();
+        this.connectCallbacks = new Set();
+    }
+    acquire() {
+        this.refCount++;
+        if (this.refCount === 1) {
+            this.connect();
+        }
+    }
+    release() {
+        this.refCount = Math.max(0, this.refCount - 1);
+        if (this.refCount === 0) {
+            this.disconnect();
+        }
+    }
+    onConnect(callback) {
+        this.connectCallbacks.add(callback);
+        if (this.connected()) {
+            callback();
+        }
+    }
+    offConnect(callback) {
+        this.connectCallbacks.delete(callback);
+    }
+    on(event, handler) {
+        const wrapped = (payload) => handler(payload);
+        if (!this.handlers.has(event)) {
+            this.handlers.set(event, new Map());
+        }
+        this.handlers.get(event).set(handler, wrapped);
+        if (this.socket) {
+            this.socket.on(event, wrapped);
+        }
+    }
+    off(event, handler) {
+        const eventHandlers = this.handlers.get(event);
+        const wrapped = eventHandlers?.get(handler);
+        if (wrapped) {
+            this.socket?.off(event, wrapped);
+            eventHandlers.delete(handler);
+        }
+    }
+    emit(event, payload) {
+        this.socket?.emit(event, payload);
+    }
+    connect() {
+        if (this.config.useMockApi) {
+            this.connected.set(true);
+            this.fireConnectCallbacks();
+            return;
+        }
+        this.socket = io(`${this.paths.apiRoot()}/dashboard`, {
+            path: '/socket.io',
+            transports: ['websocket'],
+            autoConnect: false,
+        });
+        this.socket.on('connect', () => {
+            this.connected.set(true);
+            this.fireConnectCallbacks();
+        });
+        this.socket.on('disconnect', () => {
+            this.connected.set(false);
+        });
+        this.socket.io.on('reconnect', () => {
+            this.fireConnectCallbacks();
+        });
+        for (const [event, handlerMap] of this.handlers) {
+            for (const wrapped of handlerMap.values()) {
+                this.socket.on(event, wrapped);
+            }
+        }
+        this.socket.connect();
+    }
+    disconnect() {
+        if (!this.socket) {
+            this.connected.set(false);
+            return;
+        }
+        for (const [event, handlerMap] of this.handlers) {
+            for (const wrapped of handlerMap.values()) {
+                this.socket.off(event, wrapped);
+            }
+        }
+        this.socket.removeAllListeners();
+        this.socket.disconnect();
+        this.socket = null;
+        this.connected.set(false);
+    }
+    fireConnectCallbacks() {
+        for (const cb of this.connectCallbacks) {
+            cb();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DashboardSocketService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DashboardSocketService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DashboardSocketService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+class EdsElapsedPipe {
+    transform(startMs) {
+        if (!startMs)
+            return '0:00';
+        const sec = Math.max(0, Math.floor((Date.now() - startMs) / 1000));
+        const m = Math.floor(sec / 60);
+        const s = sec % 60;
+        return `${m}:${s.toString().padStart(2, '0')}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsElapsedPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EdsElapsedPipe, isStandalone: true, name: "edsElapsed", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsElapsedPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'edsElapsed', standalone: true, pure: false }]
+        }] });
+export { DashboardSocketService as D, EdsElapsedPipe as E };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-eds-elapsed.pipe-BrMNsxB5.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-eds-elapsed.pipe-BrMNsxB5.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"edvak99-voice-receptionist-widget-eds-elapsed.pipe-BrMNsxB5.mjs","sources":["../../../projects/voice-receptionist-widget/src/lib/services/dashboard-socket.service.ts","../../../projects/voice-receptionist-widget/src/lib/pipes/eds-elapsed.pipe.ts"],"sourcesContent":["import { Injectable, inject, signal } from '@angular/core';\nimport { io, Socket } from 'socket.io-client';\n\nimport { createVoiceReceptionistPaths } from '../api-paths';\nimport { VOICE_RECEPTIONIST_CONFIG } from '../config';\n\ntype SocketHandler = (...args: unknown[]) => void;\n\n/**\n * Single shared Socket.io connection to the `/dashboard` namespace.\n * Used by live calls list + per-call transcript stream.\n */\n@Injectable({ providedIn: 'root' })\nexport class DashboardSocketService {\n private readonly config = inject(VOICE_RECEPTIONIST_CONFIG);\n private readonly paths = createVoiceReceptionistPaths(this.config);\n\n readonly connected = signal(false);\n\n private socket: Socket | null = null;\n private refCount = 0;\n private readonly handlers = new Map<string, Map<SocketHandler, SocketHandler>>();\n private readonly connectCallbacks = new Set<() => void>();\n\n acquire(): void {\n this.refCount++;\n if (this.refCount === 1) {\n this.connect();\n }\n }\n\n release(): void {\n this.refCount = Math.max(0, this.refCount - 1);\n if (this.refCount === 0) {\n this.disconnect();\n }\n }\n\n onConnect(callback: () => void): void {\n this.connectCallbacks.add(callback);\n if (this.connected()) {\n callback();\n }\n }\n\n offConnect(callback: () => void): void {\n this.connectCallbacks.delete(callback);\n }\n\n on<T>(event: string, handler: (payload: T) => void): void {\n const wrapped: SocketHandler = (payload) => handler(payload as T);\n if (!this.handlers.has(event)) {\n this.handlers.set(event, new Map());\n }\n this.handlers.get(event)!.set(handler as SocketHandler, wrapped);\n\n if (this.socket) {\n this.socket.on(event, wrapped);\n }\n }\n\n off<T>(event: string, handler: (payload: T) => void): void {\n const eventHandlers = this.handlers.get(event);\n const wrapped = eventHandlers?.get(handler as SocketHandler);\n if (wrapped) {\n this.socket?.off(event, wrapped);\n eventHandlers!.delete(handler as SocketHandler);\n }\n }\n\n emit(event: string, payload?: unknown): void {\n this.socket?.emit(event, payload);\n }\n\n private connect(): void {\n if (this.config.useMockApi) {\n this.connected.set(true);\n this.fireConnectCallbacks();\n return;\n }\n\n this.socket = io(`${this.paths.apiRoot()}/dashboard`, {\n path: '/socket.io',\n transports: ['websocket'],\n autoConnect: false,\n });\n\n this.socket.on('connect', () => {\n this.connected.set(true);\n this.fireConnectCallbacks();\n });\n\n this.socket.on('disconnect', () => {\n this.connected.set(false);\n });\n\n this.socket.io.on('reconnect', () => {\n this.fireConnectCallbacks();\n });\n\n for (const [event, handlerMap] of this.handlers) {\n for (const wrapped of handlerMap.values()) {\n this.socket.on(event, wrapped);\n }\n }\n\n this.socket.connect();\n }\n\n private disconnect(): void {\n if (!this.socket) {\n this.connected.set(false);\n return;\n }\n\n for (const [event, handlerMap] of this.handlers) {\n for (const wrapped of handlerMap.values()) {\n this.socket.off(event, wrapped);\n }\n }\n\n this.socket.removeAllListeners();\n this.socket.disconnect();\n this.socket = null;\n this.connected.set(false);\n }\n\n private fireConnectCallbacks(): void {\n for (const cb of this.connectCallbacks) {\n cb();\n }\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({ name: 'edsElapsed', standalone: true, pure: false })\nexport class EdsElapsedPipe implements PipeTransform {\n transform(startMs: number | null | undefined): string {\n if (!startMs) return '0:00';\n const sec = Math.max(0, Math.floor((Date.now() - startMs) / 1000));\n const m = Math.floor(sec / 60);\n const s = sec % 60;\n return `${m}:${s.toString().padStart(2, '0')}`;\n }\n}\n"],"names":[],"mappings":"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"}