@edvak99/voice-receptionist-widget 1.1.13 → 1.1.14

package/fesm2022/edvak99-voice-receptionist-widget-outbound-purposes-page.component-_lPkAdFS.mjs

@@ -0,0 +1,263 @@
+import * as i0 from '@angular/core';
+import { inject, EventEmitter, signal, ViewChild, Output, Input, ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { A as AiReceptionistApiService, p as DEFAULT_PLACEHOLDERS, M as ModalComponent, I as IconComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-D5VJ5SkB.mjs';
+import { R as REQUIRED_FIELD_OPTIONS, d as renderOpeningPreview, e as formatRequiredFields } from './edvak99-voice-receptionist-widget-outbound-purpose.util-Bdh4QfFe.mjs';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+class OutboundPurposeFormModalComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.open = false;
+        this.purpose = null;
+        this.closed = new EventEmitter();
+        this.saved = new EventEmitter();
+        this.fieldOptions = REQUIRED_FIELD_OPTIONS;
+        this.saving = signal(false);
+        this.error = signal(null);
+        this.label = '';
+        this.description = '';
+        this.sampleOpening = '';
+        this.openingTemplate = '';
+        this.agentContextHint = '';
+        this.requiredFields = new Set();
+        this.allowsCustomScript = false;
+        this.sortOrder = 1;
+        this.isActive = true;
+        this.placeholders = DEFAULT_PLACEHOLDERS;
+    }
+    get isEdit() {
+        return !!this.purpose;
+    }
+    get previewText() {
+        return renderOpeningPreview(this.sampleOpening, this.openingTemplate, this.placeholders);
+    }
+    ngOnChanges(changes) {
+        if (changes['open']?.currentValue || changes['purpose']) {
+            this.resetForm();
+        }
+    }
+    close() {
+        this.closed.emit();
+    }
+    toggleRequired(field) {
+        const next = new Set(this.requiredFields);
+        if (next.has(field))
+            next.delete(field);
+        else
+            next.add(field);
+        this.requiredFields = next;
+    }
+    isRequiredSelected(field) {
+        return this.requiredFields.has(field);
+    }
+    insertPlaceholder(token) {
+        const el = this.templateInput?.nativeElement;
+        if (!el) {
+            this.openingTemplate += token;
+            return;
+        }
+        const start = el.selectionStart ?? this.openingTemplate.length;
+        const end = el.selectionEnd ?? start;
+        this.openingTemplate =
+            this.openingTemplate.slice(0, start) + token + this.openingTemplate.slice(end);
+        const pos = start + token.length;
+        requestAnimationFrame(() => {
+            el.focus();
+            el.setSelectionRange(pos, pos);
+        });
+    }
+    submit() {
+        this.error.set(null);
+        const trimmedLabel = this.label.trim();
+        const trimmedTemplate = this.openingTemplate.trim();
+        if (!trimmedLabel) {
+            this.error.set('Label is required.');
+            return;
+        }
+        if (!trimmedTemplate) {
+            this.error.set('Opening template is required.');
+            return;
+        }
+        if (this.sampleOpening.length > 500) {
+            this.error.set('Sample opening must be 500 characters or fewer.');
+            return;
+        }
+        this.saving.set(true);
+        const fields = [...this.requiredFields];
+        if (this.isEdit && this.purpose) {
+            const body = {
+                label: trimmedLabel,
+                description: this.description.trim(),
+                sampleOpening: this.sampleOpening.trim(),
+                openingTemplate: trimmedTemplate,
+                agentContextHint: this.agentContextHint.trim() || null,
+                requiredFields: fields,
+                allowsCustomScript: this.allowsCustomScript,
+                sortOrder: this.sortOrder,
+                isActive: this.isActive,
+            };
+            this.api.updateOutboundPurpose(this.purpose.purposeId, body).subscribe({
+                next: (updated) => {
+                    this.saving.set(false);
+                    this.saved.emit(updated);
+                    this.close();
+                },
+                error: () => {
+                    this.saving.set(false);
+                    this.error.set('Failed to save purpose template.');
+                },
+            });
+            return;
+        }
+        const body = {
+            label: trimmedLabel,
+            description: this.description.trim(),
+            sampleOpening: this.sampleOpening.trim(),
+            openingTemplate: trimmedTemplate,
+            agentContextHint: this.agentContextHint.trim() || null,
+            requiredFields: fields,
+            allowsCustomScript: this.allowsCustomScript,
+            sortOrder: this.sortOrder,
+        };
+        this.api.createOutboundPurpose(body).subscribe({
+            next: (created) => {
+                this.saving.set(false);
+                this.saved.emit(created);
+                this.close();
+            },
+            error: () => {
+                this.saving.set(false);
+                this.error.set('Failed to create purpose template.');
+            },
+        });
+    }
+    resetForm() {
+        this.error.set(null);
+        this.saving.set(false);
+        if (this.purpose) {
+            this.label = this.purpose.label;
+            this.description = this.purpose.description;
+            this.sampleOpening = this.purpose.sampleOpening;
+            this.openingTemplate = this.purpose.openingTemplate;
+            this.agentContextHint = this.purpose.agentContextHint ?? '';
+            this.requiredFields = new Set(this.purpose.requiredFields);
+            this.allowsCustomScript = this.purpose.allowsCustomScript;
+            this.sortOrder = this.purpose.sortOrder;
+            this.isActive = this.purpose.isActive;
+            this.placeholders = this.purpose.placeholders?.length
+                ? [...this.purpose.placeholders]
+                : [...DEFAULT_PLACEHOLDERS];
+        }
+        else {
+            this.label = '';
+            this.description = '';
+            this.sampleOpening = '';
+            this.openingTemplate = 'Hi {{patientName}}, this is {{practiceName}}.';
+            this.agentContextHint = '';
+            this.requiredFields = new Set();
+            this.allowsCustomScript = false;
+            this.sortOrder = 1;
+            this.isActive = true;
+            this.placeholders = [...DEFAULT_PLACEHOLDERS];
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: OutboundPurposeFormModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: OutboundPurposeFormModalComponent, isStandalone: true, selector: "eds-outbound-purpose-form-modal", inputs: { open: "open", purpose: "purpose" }, outputs: { closed: "closed", saved: "saved" }, viewQueries: [{ propertyName: "templateInput", first: true, predicate: ["templateInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (open) {\n  <app-modal\n    [title]=\"isEdit ? 'Edit outbound purpose' : 'New outbound purpose'\"\n    subtitle=\"Configure dialer fields and AI opening script\"\n    maxWidth=\"720px\"\n    (closed)=\"close()\"\n  >\n    <form class=\"flex flex-col gap-4\" (ngSubmit)=\"submit()\" novalidate autocomplete=\"off\">\n      <div class=\"grid grid-cols-2 gap-3\">\n        <div class=\"mb-sm col-span-full\">\n          <label>Label<span required>*</span></label>\n          <input class=\"form-input\" type=\"text\" [(ngModel)]=\"label\" name=\"label\" required autocomplete=\"off\" />\n        </div>\n\n        <div class=\"mb-sm col-span-full\">\n          <label>Description</label>\n          <input class=\"form-input\" type=\"text\" [(ngModel)]=\"description\" name=\"description\" autocomplete=\"off\" />\n        </div>\n\n        <div class=\"mb-sm col-span-full\">\n          <label>Sample opening (plain preview, max 500)</label>\n          <textarea\n            class=\"form-textarea min-h-[72px]\"\n            rows=\"3\"\n            maxlength=\"500\"\n            [(ngModel)]=\"sampleOpening\"\n            name=\"sampleOpening\"\n            autocomplete=\"off\"\n          ></textarea>\n          <span class=\"text-xs text-light\">{{ sampleOpening.length }}/500</span>\n        </div>\n\n        <div class=\"mb-sm col-span-full\">\n          <label>Opening template<span required>*</span></label>\n          <div class=\"mb-2 flex flex-wrap gap-2\">\n            @for (chip of placeholders; track chip.token) {\n              <button type=\"button\" class=\"cursor-pointer rounded-full border border-base bg-lighter px-3 py-1 text-xs hover:border-primary\" (click)=\"insertPlaceholder(chip.token)\">\n                {{ chip.label }}\n              </button>\n            }\n          </div>\n          <textarea\n            #templateInput\n            class=\"form-textarea min-h-[72px]\"\n            rows=\"4\"\n            [(ngModel)]=\"openingTemplate\"\n            name=\"openingTemplate\"\n            required\n            autocomplete=\"off\"\n          ></textarea>\n        </div>\n\n        <div class=\"mb-sm col-span-full\">\n          <label>Agent context hint</label>\n          <textarea\n            class=\"form-textarea min-h-[72px]\"\n            rows=\"2\"\n            [(ngModel)]=\"agentContextHint\"\n            name=\"agentContextHint\"\n            placeholder=\"Optional guidance for the AI after the opening\"\n            autocomplete=\"off\"\n          ></textarea>\n        </div>\n\n        <fieldset class=\"col-span-full flex flex-col gap-2\">\n          <legend>Required fields</legend>\n          <div class=\"grid grid-cols-2 gap-2\">\n            @for (opt of fieldOptions; track opt.value) {\n              <label class=\"flex items-center gap-2 text-[13px]\">\n                <input\n                  type=\"checkbox\"\n                  [checked]=\"isRequiredSelected(opt.value)\"\n                  (change)=\"toggleRequired(opt.value)\"\n                  autocomplete=\"off\"\n                />\n                {{ opt.label }}\n              </label>\n            }\n          </div>\n        </fieldset>\n\n        <label class=\"col-span-full flex items-center gap-2 text-[13px]\">\n          <input type=\"checkbox\" [(ngModel)]=\"allowsCustomScript\" name=\"allowsCustomScript\" autocomplete=\"off\" />\n          Allows custom script (dialer shows free-text script field)\n        </label>\n\n        <div class=\"mb-sm\">\n          <label>Sort order</label>\n          <input class=\"form-input\" type=\"number\" [(ngModel)]=\"sortOrder\" name=\"sortOrder\" min=\"0\" autocomplete=\"off\" />\n        </div>\n\n        @if (isEdit) {\n          <label class=\"flex items-center gap-2 text-[13px]\">\n            <input type=\"checkbox\" [(ngModel)]=\"isActive\" name=\"isActive\" autocomplete=\"off\" />\n            Active\n          </label>\n        }\n      </div>\n\n      <section class=\"rounded-lg border border-base bg-lighter-2 p-3 shadow-sm\">\n        <h3 class=\"fs-sm font-semibold text-light\">Live preview</h3>\n        <p class=\"mt-2 whitespace-pre-wrap text-sm leading-normal\">{{ previewText }}</p>\n      </section>\n\n      @if (error()) {\n        <p class=\"m-0 text-[13px] text-[#b91c1c]\" role=\"alert\">{{ error() }}</p>\n      }\n\n      <footer class=\"flex justify-end gap-2\">\n        <button type=\"button\" class=\"btn is-secondary is-sm inline-flex items-center gap-2xs\" (click)=\"close()\" [disabled]=\"saving()\">\n          Cancel\n        </button>\n        <button type=\"submit\" class=\"btn is-primary is-sm inline-flex items-center gap-2xs\" [disabled]=\"saving()\">\n          {{ saving() ? 'Saving\u2026' : isEdit ? 'Save changes' : 'Create purpose' }}\n        </button>\n      </footer>\n    </form>\n  </app-modal>\n}\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: OutboundPurposeFormModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-outbound-purpose-form-modal', imports: [FormsModule, ModalComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (open) {\n  <app-modal\n    [title]=\"isEdit ? 'Edit outbound purpose' : 'New outbound purpose'\"\n    subtitle=\"Configure dialer fields and AI opening script\"\n    maxWidth=\"720px\"\n    (closed)=\"close()\"\n  >\n    <form class=\"flex flex-col gap-4\" (ngSubmit)=\"submit()\" novalidate autocomplete=\"off\">\n      <div class=\"grid grid-cols-2 gap-3\">\n        <div class=\"mb-sm col-span-full\">\n          <label>Label<span required>*</span></label>\n          <input class=\"form-input\" type=\"text\" [(ngModel)]=\"label\" name=\"label\" required autocomplete=\"off\" />\n        </div>\n\n        <div class=\"mb-sm col-span-full\">\n          <label>Description</label>\n          <input class=\"form-input\" type=\"text\" [(ngModel)]=\"description\" name=\"description\" autocomplete=\"off\" />\n        </div>\n\n        <div class=\"mb-sm col-span-full\">\n          <label>Sample opening (plain preview, max 500)</label>\n          <textarea\n            class=\"form-textarea min-h-[72px]\"\n            rows=\"3\"\n            maxlength=\"500\"\n            [(ngModel)]=\"sampleOpening\"\n            name=\"sampleOpening\"\n            autocomplete=\"off\"\n          ></textarea>\n          <span class=\"text-xs text-light\">{{ sampleOpening.length }}/500</span>\n        </div>\n\n        <div class=\"mb-sm col-span-full\">\n          <label>Opening template<span required>*</span></label>\n          <div class=\"mb-2 flex flex-wrap gap-2\">\n            @for (chip of placeholders; track chip.token) {\n              <button type=\"button\" class=\"cursor-pointer rounded-full border border-base bg-lighter px-3 py-1 text-xs hover:border-primary\" (click)=\"insertPlaceholder(chip.token)\">\n                {{ chip.label }}\n              </button>\n            }\n          </div>\n          <textarea\n            #templateInput\n            class=\"form-textarea min-h-[72px]\"\n            rows=\"4\"\n            [(ngModel)]=\"openingTemplate\"\n            name=\"openingTemplate\"\n            required\n            autocomplete=\"off\"\n          ></textarea>\n        </div>\n\n        <div class=\"mb-sm col-span-full\">\n          <label>Agent context hint</label>\n          <textarea\n            class=\"form-textarea min-h-[72px]\"\n            rows=\"2\"\n            [(ngModel)]=\"agentContextHint\"\n            name=\"agentContextHint\"\n            placeholder=\"Optional guidance for the AI after the opening\"\n            autocomplete=\"off\"\n          ></textarea>\n        </div>\n\n        <fieldset class=\"col-span-full flex flex-col gap-2\">\n          <legend>Required fields</legend>\n          <div class=\"grid grid-cols-2 gap-2\">\n            @for (opt of fieldOptions; track opt.value) {\n              <label class=\"flex items-center gap-2 text-[13px]\">\n                <input\n                  type=\"checkbox\"\n                  [checked]=\"isRequiredSelected(opt.value)\"\n                  (change)=\"toggleRequired(opt.value)\"\n                  autocomplete=\"off\"\n                />\n                {{ opt.label }}\n              </label>\n            }\n          </div>\n        </fieldset>\n\n        <label class=\"col-span-full flex items-center gap-2 text-[13px]\">\n          <input type=\"checkbox\" [(ngModel)]=\"allowsCustomScript\" name=\"allowsCustomScript\" autocomplete=\"off\" />\n          Allows custom script (dialer shows free-text script field)\n        </label>\n\n        <div class=\"mb-sm\">\n          <label>Sort order</label>\n          <input class=\"form-input\" type=\"number\" [(ngModel)]=\"sortOrder\" name=\"sortOrder\" min=\"0\" autocomplete=\"off\" />\n        </div>\n\n        @if (isEdit) {\n          <label class=\"flex items-center gap-2 text-[13px]\">\n            <input type=\"checkbox\" [(ngModel)]=\"isActive\" name=\"isActive\" autocomplete=\"off\" />\n            Active\n          </label>\n        }\n      </div>\n\n      <section class=\"rounded-lg border border-base bg-lighter-2 p-3 shadow-sm\">\n        <h3 class=\"fs-sm font-semibold text-light\">Live preview</h3>\n        <p class=\"mt-2 whitespace-pre-wrap text-sm leading-normal\">{{ previewText }}</p>\n      </section>\n\n      @if (error()) {\n        <p class=\"m-0 text-[13px] text-[#b91c1c]\" role=\"alert\">{{ error() }}</p>\n      }\n\n      <footer class=\"flex justify-end gap-2\">\n        <button type=\"button\" class=\"btn is-secondary is-sm inline-flex items-center gap-2xs\" (click)=\"close()\" [disabled]=\"saving()\">\n          Cancel\n        </button>\n        <button type=\"submit\" class=\"btn is-primary is-sm inline-flex items-center gap-2xs\" [disabled]=\"saving()\">\n          {{ saving() ? 'Saving\u2026' : isEdit ? 'Save changes' : 'Create purpose' }}\n        </button>\n      </footer>\n    </form>\n  </app-modal>\n}\n" }]
+        }], propDecorators: { open: [{
+                type: Input
+            }], purpose: [{
+                type: Input
+            }], closed: [{
+                type: Output
+            }], saved: [{
+                type: Output
+            }], templateInput: [{
+                type: ViewChild,
+                args: ['templateInput']
+            }] } });
+
+class OutboundPurposesPageComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.purposes = signal([]);
+        this.loading = signal(true);
+        this.error = signal(null);
+        this.modalOpen = signal(false);
+        this.editing = signal(null);
+        this.formatRequiredFields = formatRequiredFields;
+    }
+    ngOnInit() {
+        this.load();
+    }
+    load() {
+        this.loading.set(true);
+        this.error.set(null);
+        this.api.getOutboundPurposes(true).subscribe({
+            next: ({ purposes }) => {
+                this.purposes.set(purposes);
+                this.loading.set(false);
+            },
+            error: () => {
+                this.loading.set(false);
+                this.error.set('Failed to load outbound purposes.');
+            },
+        });
+    }
+    openCreate() {
+        this.editing.set(null);
+        this.modalOpen.set(true);
+    }
+    openEdit(purpose) {
+        this.editing.set(purpose);
+        this.modalOpen.set(true);
+    }
+    closeModal() {
+        this.modalOpen.set(false);
+        this.editing.set(null);
+    }
+    onSaved() {
+        this.load();
+    }
+    toggleActive(purpose, active) {
+        this.api.updateOutboundPurpose(purpose.purposeId, { isActive: active }).subscribe({
+            next: (updated) => {
+                this.purposes.update((list) => list.map((p) => (p.purposeId === updated.purposeId ? updated : p)));
+            },
+            error: () => this.load(),
+        });
+    }
+    deletePurpose(purpose) {
+        if (purpose.isSystem) {
+            this.toggleActive(purpose, false);
+            return;
+        }
+        if (!confirm(`Delete "${purpose.label}"? This cannot be undone.`))
+            return;
+        this.api.deleteOutboundPurpose(purpose.purposeId).subscribe({
+            next: () => this.load(),
+            error: () => this.error.set('Failed to delete purpose.'),
+        });
+    }
+    actionLabel(purpose) {
+        return purpose.isSystem ? 'Deactivate' : 'Delete';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: OutboundPurposesPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: OutboundPurposesPageComponent, isStandalone: true, selector: "eds-outbound-purposes-page", ngImport: i0, template: "<div class=\"p-md bg-lighter min-h-full outbound-purposes-page\">\n  <header class=\"mb-5 flex items-start justify-between gap-4\">\n    <div>\n      <a routerLink=\"../settings\" class=\"fs-sm text-light mb-2 inline-flex items-center gap-1 no-underline\">\n        <ed-icon name=\"arrow_back\" [size]=\"16\" /> Settings\n      </a>\n      <h4>Outbound Call Purposes</h4>\n      <p class=\"fs-sm text-light\">Templates that drive outbound dialer fields and AI opening scripts</p>\n    </div>\n    <button type=\"button\" class=\"btn is-primary is-sm inline-flex items-center gap-2xs\" (click)=\"openCreate()\">\n      <ed-icon name=\"add\" [size]=\"18\" /> New purpose\n    </button>\n  </header>\n\n  @if (loading()) {\n    <p class=\"fs-sm text-light\">Loading purposes\u2026</p>\n  } @else if (error()) {\n    <p class=\"fs-sm text-light text-red-700\" role=\"alert\">{{ error() }}</p>\n  } @else {\n    <article class=\"rounded-lg border border-base bg-white overflow-x-auto p-4 shadow-sm\">\n      <table class=\"table-default w-full\">\n        <thead>\n          <tr>\n            <th>Label</th>\n            <th>Description</th>\n            <th>Required fields</th>\n            <th>System</th>\n            <th>Active</th>\n            <th>Sort</th>\n            <th>Actions</th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (p of purposes(); track p.purposeId) {\n            <tr>\n              <td class=\"fs-sm font-semibold text-dark\">{{ p.label }}</td>\n              <td class=\"fs-sm text-light\">{{ p.description || '\u2014' }}</td>\n              <td class=\"fs-sm text-light\">{{ formatRequiredFields(p.requiredFields) }}</td>\n              <td>\n                @if (p.isSystem) {\n                  <ed-badge-2 variant=\"primary\">System</ed-badge-2>\n                } @else {\n                  <span class=\"fs-sm text-light\">\u2014</span>\n                }\n              </td>\n              <td>\n                <label>\n                  <input\n                    type=\"checkbox\"\n                    class=\"h-4 w-4\"\n                    [checked]=\"p.isActive\"\n                    (change)=\"toggleActive(p, $any($event.target).checked)\" autocomplete=\"off\" />\n                </label>\n              </td>\n              <td class=\"font-['IBM_Plex_Mono'] fs-sm text-light\">{{ p.sortOrder }}</td>\n              <td class=\"flex gap-3 whitespace-nowrap\">\n                <button type=\"button\" class=\"text-primary fs-sm cursor-pointer border-none bg-transparent p-0\" (click)=\"openEdit(p)\">\n                  Edit\n                </button>\n                <button type=\"button\" class=\"text-primary fs-sm cursor-pointer border-none bg-transparent p-0\" (click)=\"deletePurpose(p)\">\n                  {{ actionLabel(p) }}\n                </button>\n              </td>\n            </tr>\n          } @empty {\n            <tr>\n              <td colspan=\"7\" class=\"fs-sm text-light\">No outbound purposes configured.</td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </article>\n  }\n\n  <eds-outbound-purpose-form-modal\n    [open]=\"modalOpen()\"\n    [purpose]=\"editing()\"\n    (closed)=\"closeModal()\"\n    (saved)=\"onSaved()\"\n  />\n</div>\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: IconComponent, selector: "ed-icon", inputs: ["name", "size", "color", "cssClass", "decorative", "ariaHidden", "ariaLabel", "title", "desc", "focusable", "tabIndex"] }, { kind: "component", type: OutboundPurposeFormModalComponent, selector: "eds-outbound-purpose-form-modal", inputs: ["open", "purpose"], outputs: ["closed", "saved"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: OutboundPurposesPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-outbound-purposes-page', imports: [
+                        RouterLink,
+                        IconComponent,
+                        OutboundPurposeFormModalComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"p-md bg-lighter min-h-full outbound-purposes-page\">\n  <header class=\"mb-5 flex items-start justify-between gap-4\">\n    <div>\n      <a routerLink=\"../settings\" class=\"fs-sm text-light mb-2 inline-flex items-center gap-1 no-underline\">\n        <ed-icon name=\"arrow_back\" [size]=\"16\" /> Settings\n      </a>\n      <h4>Outbound Call Purposes</h4>\n      <p class=\"fs-sm text-light\">Templates that drive outbound dialer fields and AI opening scripts</p>\n    </div>\n    <button type=\"button\" class=\"btn is-primary is-sm inline-flex items-center gap-2xs\" (click)=\"openCreate()\">\n      <ed-icon name=\"add\" [size]=\"18\" /> New purpose\n    </button>\n  </header>\n\n  @if (loading()) {\n    <p class=\"fs-sm text-light\">Loading purposes\u2026</p>\n  } @else if (error()) {\n    <p class=\"fs-sm text-light text-red-700\" role=\"alert\">{{ error() }}</p>\n  } @else {\n    <article class=\"rounded-lg border border-base bg-white overflow-x-auto p-4 shadow-sm\">\n      <table class=\"table-default w-full\">\n        <thead>\n          <tr>\n            <th>Label</th>\n            <th>Description</th>\n            <th>Required fields</th>\n            <th>System</th>\n            <th>Active</th>\n            <th>Sort</th>\n            <th>Actions</th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (p of purposes(); track p.purposeId) {\n            <tr>\n              <td class=\"fs-sm font-semibold text-dark\">{{ p.label }}</td>\n              <td class=\"fs-sm text-light\">{{ p.description || '\u2014' }}</td>\n              <td class=\"fs-sm text-light\">{{ formatRequiredFields(p.requiredFields) }}</td>\n              <td>\n                @if (p.isSystem) {\n                  <ed-badge-2 variant=\"primary\">System</ed-badge-2>\n                } @else {\n                  <span class=\"fs-sm text-light\">\u2014</span>\n                }\n              </td>\n              <td>\n                <label>\n                  <input\n                    type=\"checkbox\"\n                    class=\"h-4 w-4\"\n                    [checked]=\"p.isActive\"\n                    (change)=\"toggleActive(p, $any($event.target).checked)\" autocomplete=\"off\" />\n                </label>\n              </td>\n              <td class=\"font-['IBM_Plex_Mono'] fs-sm text-light\">{{ p.sortOrder }}</td>\n              <td class=\"flex gap-3 whitespace-nowrap\">\n                <button type=\"button\" class=\"text-primary fs-sm cursor-pointer border-none bg-transparent p-0\" (click)=\"openEdit(p)\">\n                  Edit\n                </button>\n                <button type=\"button\" class=\"text-primary fs-sm cursor-pointer border-none bg-transparent p-0\" (click)=\"deletePurpose(p)\">\n                  {{ actionLabel(p) }}\n                </button>\n              </td>\n            </tr>\n          } @empty {\n            <tr>\n              <td colspan=\"7\" class=\"fs-sm text-light\">No outbound purposes configured.</td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </article>\n  }\n\n  <eds-outbound-purpose-form-modal\n    [open]=\"modalOpen()\"\n    [purpose]=\"editing()\"\n    (closed)=\"closeModal()\"\n    (saved)=\"onSaved()\"\n  />\n</div>\n" }]
+        }] });
+
+export { OutboundPurposesPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-outbound-purposes-page.component-_lPkAdFS.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-outbound-purposes-page.component-_lPkAdFS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-outbound-purposes-page.component-_lPkAdFS.mjs","sources":["../../../src/lib/components/outbound-purpose-form-modal/outbound-purpose-form-modal.component.ts","../../../src/lib/components/outbound-purpose-form-modal/outbound-purpose-form-modal.component.html","../../../src/lib/pages/outbound-purposes-page/outbound-purposes-page.component.ts","../../../src/lib/pages/outbound-purposes-page/outbound-purposes-page.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  Output,\n  SimpleChanges,\n  ViewChild,\n  inject,\n  signal,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport {\n  CreateOutboundPurposeRequest,\n  OutboundPurpose,\n  OutboundPurposePlaceholder,\n  OutboundRequiredField,\n  UpdateOutboundPurposeRequest,\n} from '../../models/outbound-purpose.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport {\n  REQUIRED_FIELD_OPTIONS,\n  renderOpeningPreview,\n} from '../../utils/outbound-purpose.util';\nimport { DEFAULT_PLACEHOLDERS } from '../../mocks/outbound-purpose.seed';\nimport { ModalComponent } from '../../shared/modal.component';\n\n@Component({\n    selector: 'eds-outbound-purpose-form-modal',\n    imports: [FormsModule, ModalComponent],\n    templateUrl: './outbound-purpose-form-modal.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class OutboundPurposeFormModalComponent implements OnChanges {\n  private readonly api = inject(AiReceptionistApiService);\n\n  @Input() open = false;\n  @Input() purpose: OutboundPurpose | null = null;\n  @Output() readonly closed = new EventEmitter<void>();\n  @Output() readonly saved = new EventEmitter<OutboundPurpose>();\n\n  @ViewChild('templateInput') templateInput?: ElementRef<HTMLTextAreaElement>;\n\n  protected readonly fieldOptions = REQUIRED_FIELD_OPTIONS;\n  protected readonly saving = signal(false);\n  protected readonly error = signal<string | null>(null);\n\n  protected label = '';\n  protected description = '';\n  protected sampleOpening = '';\n  protected openingTemplate = '';\n  protected agentContextHint = '';\n  protected requiredFields = new Set<OutboundRequiredField>();\n  protected allowsCustomScript = false;\n  protected sortOrder = 1;\n  protected isActive = true;\n  protected placeholders: OutboundPurposePlaceholder[] = DEFAULT_PLACEHOLDERS;\n\n  protected get isEdit(): boolean {\n    return !!this.purpose;\n  }\n\n  protected get previewText(): string {\n    return renderOpeningPreview(this.sampleOpening, this.openingTemplate, this.placeholders);\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['open']?.currentValue || changes['purpose']) {\n      this.resetForm();\n    }\n  }\n\n  protected close(): void {\n    this.closed.emit();\n  }\n\n  protected toggleRequired(field: OutboundRequiredField): void {\n    const next = new Set(this.requiredFields);\n    if (next.has(field)) next.delete(field);\n    else next.add(field);\n    this.requiredFields = next;\n  }\n\n  protected isRequiredSelected(field: OutboundRequiredField): boolean {\n    return this.requiredFields.has(field);\n  }\n\n  protected insertPlaceholder(token: string): void {\n    const el = this.templateInput?.nativeElement;\n    if (!el) {\n      this.openingTemplate += token;\n      return;\n    }\n    const start = el.selectionStart ?? this.openingTemplate.length;\n    const end = el.selectionEnd ?? start;\n    this.openingTemplate =\n      this.openingTemplate.slice(0, start) + token + this.openingTemplate.slice(end);\n    const pos = start + token.length;\n    requestAnimationFrame(() => {\n      el.focus();\n      el.setSelectionRange(pos, pos);\n    });\n  }\n\n  protected submit(): void {\n    this.error.set(null);\n    const trimmedLabel = this.label.trim();\n    const trimmedTemplate = this.openingTemplate.trim();\n    if (!trimmedLabel) {\n      this.error.set('Label is required.');\n      return;\n    }\n    if (!trimmedTemplate) {\n      this.error.set('Opening template is required.');\n      return;\n    }\n    if (this.sampleOpening.length > 500) {\n      this.error.set('Sample opening must be 500 characters or fewer.');\n      return;\n    }\n\n    this.saving.set(true);\n    const fields = [...this.requiredFields];\n\n    if (this.isEdit && this.purpose) {\n      const body: UpdateOutboundPurposeRequest = {\n        label: trimmedLabel,\n        description: this.description.trim(),\n        sampleOpening: this.sampleOpening.trim(),\n        openingTemplate: trimmedTemplate,\n        agentContextHint: this.agentContextHint.trim() || null,\n        requiredFields: fields,\n        allowsCustomScript: this.allowsCustomScript,\n        sortOrder: this.sortOrder,\n        isActive: this.isActive,\n      };\n      this.api.updateOutboundPurpose(this.purpose.purposeId, body).subscribe({\n        next: (updated) => {\n          this.saving.set(false);\n          this.saved.emit(updated);\n          this.close();\n        },\n        error: () => {\n          this.saving.set(false);\n          this.error.set('Failed to save purpose template.');\n        },\n      });\n      return;\n    }\n\n    const body: CreateOutboundPurposeRequest = {\n      label: trimmedLabel,\n      description: this.description.trim(),\n      sampleOpening: this.sampleOpening.trim(),\n      openingTemplate: trimmedTemplate,\n      agentContextHint: this.agentContextHint.trim() || null,\n      requiredFields: fields,\n      allowsCustomScript: this.allowsCustomScript,\n      sortOrder: this.sortOrder,\n    };\n    this.api.createOutboundPurpose(body).subscribe({\n      next: (created) => {\n        this.saving.set(false);\n        this.saved.emit(created);\n        this.close();\n      },\n      error: () => {\n        this.saving.set(false);\n        this.error.set('Failed to create purpose template.');\n      },\n    });\n  }\n\n  private resetForm(): void {\n    this.error.set(null);\n    this.saving.set(false);\n    if (this.purpose) {\n      this.label = this.purpose.label;\n      this.description = this.purpose.description;\n      this.sampleOpening = this.purpose.sampleOpening;\n      this.openingTemplate = this.purpose.openingTemplate;\n      this.agentContextHint = this.purpose.agentContextHint ?? '';\n      this.requiredFields = new Set(this.purpose.requiredFields);\n      this.allowsCustomScript = this.purpose.allowsCustomScript;\n      this.sortOrder = this.purpose.sortOrder;\n      this.isActive = this.purpose.isActive;\n      this.placeholders = this.purpose.placeholders?.length\n        ? [...this.purpose.placeholders]\n        : [...DEFAULT_PLACEHOLDERS];\n    } else {\n      this.label = '';\n      this.description = '';\n      this.sampleOpening = '';\n      this.openingTemplate = 'Hi {{patientName}}, this is {{practiceName}}.';\n      this.agentContextHint = '';\n      this.requiredFields = new Set();\n      this.allowsCustomScript = false;\n      this.sortOrder = 1;\n      this.isActive = true;\n      this.placeholders = [...DEFAULT_PLACEHOLDERS];\n    }\n  }\n}\n","@if (open) {\n  <app-modal\n    [title]=\"isEdit ? 'Edit outbound purpose' : 'New outbound purpose'\"\n    subtitle=\"Configure dialer fields and AI opening script\"\n    maxWidth=\"720px\"\n    (closed)=\"close()\"\n  >\n    <form class=\"flex flex-col gap-4\" (ngSubmit)=\"submit()\" novalidate autocomplete=\"off\">\n      <div class=\"grid grid-cols-2 gap-3\">\n        <div class=\"mb-sm col-span-full\">\n          <label>Label<span required>*</span></label>\n          <input class=\"form-input\" type=\"text\" [(ngModel)]=\"label\" name=\"label\" required autocomplete=\"off\" />\n        </div>\n\n        <div class=\"mb-sm col-span-full\">\n          <label>Description</label>\n          <input class=\"form-input\" type=\"text\" [(ngModel)]=\"description\" name=\"description\" autocomplete=\"off\" />\n        </div>\n\n        <div class=\"mb-sm col-span-full\">\n          <label>Sample opening (plain preview, max 500)</label>\n          <textarea\n            class=\"form-textarea min-h-[72px]\"\n            rows=\"3\"\n            maxlength=\"500\"\n            [(ngModel)]=\"sampleOpening\"\n            name=\"sampleOpening\"\n            autocomplete=\"off\"\n          ></textarea>\n          <span class=\"text-xs text-light\">{{ sampleOpening.length }}/500</span>\n        </div>\n\n        <div class=\"mb-sm col-span-full\">\n          <label>Opening template<span required>*</span></label>\n          <div class=\"mb-2 flex flex-wrap gap-2\">\n            @for (chip of placeholders; track chip.token) {\n              <button type=\"button\" class=\"cursor-pointer rounded-full border border-base bg-lighter px-3 py-1 text-xs hover:border-primary\" (click)=\"insertPlaceholder(chip.token)\">\n                {{ chip.label }}\n              </button>\n            }\n          </div>\n          <textarea\n            #templateInput\n            class=\"form-textarea min-h-[72px]\"\n            rows=\"4\"\n            [(ngModel)]=\"openingTemplate\"\n            name=\"openingTemplate\"\n            required\n            autocomplete=\"off\"\n          ></textarea>\n        </div>\n\n        <div class=\"mb-sm col-span-full\">\n          <label>Agent context hint</label>\n          <textarea\n            class=\"form-textarea min-h-[72px]\"\n            rows=\"2\"\n            [(ngModel)]=\"agentContextHint\"\n            name=\"agentContextHint\"\n            placeholder=\"Optional guidance for the AI after the opening\"\n            autocomplete=\"off\"\n          ></textarea>\n        </div>\n\n        <fieldset class=\"col-span-full flex flex-col gap-2\">\n          <legend>Required fields</legend>\n          <div class=\"grid grid-cols-2 gap-2\">\n            @for (opt of fieldOptions; track opt.value) {\n              <label class=\"flex items-center gap-2 text-[13px]\">\n                <input\n                  type=\"checkbox\"\n                  [checked]=\"isRequiredSelected(opt.value)\"\n                  (change)=\"toggleRequired(opt.value)\"\n                  autocomplete=\"off\"\n                />\n                {{ opt.label }}\n              </label>\n            }\n          </div>\n        </fieldset>\n\n        <label class=\"col-span-full flex items-center gap-2 text-[13px]\">\n          <input type=\"checkbox\" [(ngModel)]=\"allowsCustomScript\" name=\"allowsCustomScript\" autocomplete=\"off\" />\n          Allows custom script (dialer shows free-text script field)\n        </label>\n\n        <div class=\"mb-sm\">\n          <label>Sort order</label>\n          <input class=\"form-input\" type=\"number\" [(ngModel)]=\"sortOrder\" name=\"sortOrder\" min=\"0\" autocomplete=\"off\" />\n        </div>\n\n        @if (isEdit) {\n          <label class=\"flex items-center gap-2 text-[13px]\">\n            <input type=\"checkbox\" [(ngModel)]=\"isActive\" name=\"isActive\" autocomplete=\"off\" />\n            Active\n          </label>\n        }\n      </div>\n\n      <section class=\"rounded-lg border border-base bg-lighter-2 p-3 shadow-sm\">\n        <h3 class=\"fs-sm font-semibold text-light\">Live preview</h3>\n        <p class=\"mt-2 whitespace-pre-wrap text-sm leading-normal\">{{ previewText }}</p>\n      </section>\n\n      @if (error()) {\n        <p class=\"m-0 text-[13px] text-[#b91c1c]\" role=\"alert\">{{ error() }}</p>\n      }\n\n      <footer class=\"flex justify-end gap-2\">\n        <button type=\"button\" class=\"btn is-secondary is-sm inline-flex items-center gap-2xs\" (click)=\"close()\" [disabled]=\"saving()\">\n          Cancel\n        </button>\n        <button type=\"submit\" class=\"btn is-primary is-sm inline-flex items-center gap-2xs\" [disabled]=\"saving()\">\n          {{ saving() ? 'Saving…' : isEdit ? 'Save changes' : 'Create purpose' }}\n        </button>\n      </footer>\n    </form>\n  </app-modal>\n}\n","import { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA, inject, OnInit, signal } from '@angular/core';\nimport { RouterLink } from '@angular/router';\n\nimport { OutboundPurpose } from '../../models/outbound-purpose.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { formatRequiredFields } from '../../utils/outbound-purpose.util';\nimport { OutboundPurposeFormModalComponent } from '../../components/outbound-purpose-form-modal/outbound-purpose-form-modal.component';\nimport { IconComponent } from '../../ui/ed-icon.component';\n\n@Component({\n    selector: 'eds-outbound-purposes-page',\n    imports: [\n        RouterLink,\n        IconComponent,\n        OutboundPurposeFormModalComponent,\n    ],\n    templateUrl: './outbound-purposes-page.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class OutboundPurposesPageComponent implements OnInit {\n  private readonly api = inject(AiReceptionistApiService);\n\n  protected readonly purposes = signal<OutboundPurpose[]>([]);\n  protected readonly loading = signal(true);\n  protected readonly error = signal<string | null>(null);\n  protected readonly modalOpen = signal(false);\n  protected readonly editing = signal<OutboundPurpose | null>(null);\n\n  protected formatRequiredFields = formatRequiredFields;\n\n  ngOnInit(): void {\n    this.load();\n  }\n\n  protected load(): void {\n    this.loading.set(true);\n    this.error.set(null);\n    this.api.getOutboundPurposes(true).subscribe({\n      next: ({ purposes }) => {\n        this.purposes.set(purposes);\n        this.loading.set(false);\n      },\n      error: () => {\n        this.loading.set(false);\n        this.error.set('Failed to load outbound purposes.');\n      },\n    });\n  }\n\n  protected openCreate(): void {\n    this.editing.set(null);\n    this.modalOpen.set(true);\n  }\n\n  protected openEdit(purpose: OutboundPurpose): void {\n    this.editing.set(purpose);\n    this.modalOpen.set(true);\n  }\n\n  protected closeModal(): void {\n    this.modalOpen.set(false);\n    this.editing.set(null);\n  }\n\n  protected onSaved(): void {\n    this.load();\n  }\n\n  protected toggleActive(purpose: OutboundPurpose, active: boolean): void {\n    this.api.updateOutboundPurpose(purpose.purposeId, { isActive: active }).subscribe({\n      next: (updated) => {\n        this.purposes.update((list) =>\n          list.map((p) => (p.purposeId === updated.purposeId ? updated : p)),\n        );\n      },\n      error: () => this.load(),\n    });\n  }\n\n  protected deletePurpose(purpose: OutboundPurpose): void {\n    if (purpose.isSystem) {\n      this.toggleActive(purpose, false);\n      return;\n    }\n    if (!confirm(`Delete \"${purpose.label}\"? This cannot be undone.`)) return;\n    this.api.deleteOutboundPurpose(purpose.purposeId).subscribe({\n      next: () => this.load(),\n      error: () => this.error.set('Failed to delete purpose.'),\n    });\n  }\n\n  protected actionLabel(purpose: OutboundPurpose): string {\n    return purpose.isSystem ? 'Deactivate' : 'Delete';\n  }\n}\n","<div class=\"p-md bg-lighter min-h-full outbound-purposes-page\">\n  <header class=\"mb-5 flex items-start justify-between gap-4\">\n    <div>\n      <a routerLink=\"../settings\" class=\"fs-sm text-light mb-2 inline-flex items-center gap-1 no-underline\">\n        <ed-icon name=\"arrow_back\" [size]=\"16\" /> Settings\n      </a>\n      <h4>Outbound Call Purposes</h4>\n      <p class=\"fs-sm text-light\">Templates that drive outbound dialer fields and AI opening scripts</p>\n    </div>\n    <button type=\"button\" class=\"btn is-primary is-sm inline-flex items-center gap-2xs\" (click)=\"openCreate()\">\n      <ed-icon name=\"add\" [size]=\"18\" /> New purpose\n    </button>\n  </header>\n\n  @if (loading()) {\n    <p class=\"fs-sm text-light\">Loading purposes…</p>\n  } @else if (error()) {\n    <p class=\"fs-sm text-light text-red-700\" role=\"alert\">{{ error() }}</p>\n  } @else {\n    <article class=\"rounded-lg border border-base bg-white overflow-x-auto p-4 shadow-sm\">\n      <table class=\"table-default w-full\">\n        <thead>\n          <tr>\n            <th>Label</th>\n            <th>Description</th>\n            <th>Required fields</th>\n            <th>System</th>\n            <th>Active</th>\n            <th>Sort</th>\n            <th>Actions</th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (p of purposes(); track p.purposeId) {\n            <tr>\n              <td class=\"fs-sm font-semibold text-dark\">{{ p.label }}</td>\n              <td class=\"fs-sm text-light\">{{ p.description || '—' }}</td>\n              <td class=\"fs-sm text-light\">{{ formatRequiredFields(p.requiredFields) }}</td>\n              <td>\n                @if (p.isSystem) {\n                  <ed-badge-2 variant=\"primary\">System</ed-badge-2>\n                } @else {\n                  <span class=\"fs-sm text-light\">—</span>\n                }\n              </td>\n              <td>\n                <label>\n                  <input\n                    type=\"checkbox\"\n                    class=\"h-4 w-4\"\n                    [checked]=\"p.isActive\"\n                    (change)=\"toggleActive(p, $any($event.target).checked)\" autocomplete=\"off\" />\n                </label>\n              </td>\n              <td class=\"font-['IBM_Plex_Mono'] fs-sm text-light\">{{ p.sortOrder }}</td>\n              <td class=\"flex gap-3 whitespace-nowrap\">\n                <button type=\"button\" class=\"text-primary fs-sm cursor-pointer border-none bg-transparent p-0\" (click)=\"openEdit(p)\">\n                  Edit\n                </button>\n                <button type=\"button\" class=\"text-primary fs-sm cursor-pointer border-none bg-transparent p-0\" (click)=\"deletePurpose(p)\">\n                  {{ actionLabel(p) }}\n                </button>\n              </td>\n            </tr>\n          } @empty {\n            <tr>\n              <td colspan=\"7\" class=\"fs-sm text-light\">No outbound purposes configured.</td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </article>\n  }\n\n  <eds-outbound-purpose-form-modal\n    [open]=\"modalOpen()\"\n    [purpose]=\"editing()\"\n    (closed)=\"closeModal()\"\n    (saved)=\"onSaved()\"\n  />\n</div>\n"],"names":[],"mappings":"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"}

package/fesm2022/edvak99-voice-receptionist-widget-task-detail-drawer.component-L5HY3Dxd.mjs

@@ -0,0 +1,198 @@
+import { DatePipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, signal, Input, ChangeDetectionStrategy, Component, input, output, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { T as ToastService, I as IconComponent, l as EdIconButtonComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-D5VJ5SkB.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="inline-flex h-[22px] w-[22px] shrink-0 cursor-pointer items-center justify-center rounded border border-base bg-white p-0 text-light transition hover:border-dark hover:bg-lighter hover:text-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-1"
+        (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, 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="inline-flex h-[22px] w-[22px] shrink-0 cursor-pointer items-center justify-center rounded border border-base bg-white p-0 text-light transition hover:border-dark hover:bg-lighter hover:text-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-1"
+        (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,
+                }]
+        }], 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: 'primary',
+        in_progress: 'warning',
+        done: 'success',
+    };
+    return map[status];
+}
+function taskPriorityTone(priority) {
+    return priority === 'urgent' ? 'danger' : 'light';
+}
+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 'opened';
+    if (key.includes('callback'))
+        return 'primary';
+    if (key.includes('billing'))
+        return 'warning';
+    return 'light';
+}
+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;
+    }
+    assigneeInitials() {
+        const name = this.task().assignee?.trim();
+        if (!name || name === '—')
+            return '?';
+        const parts = name.split(/\s+/).filter(Boolean);
+        if (parts.length === 1)
+            return parts[0].slice(0, 2).toUpperCase();
+        return `${parts[0][0] ?? ''}${parts[parts.length - 1][0] ?? ''}`.toUpperCase();
+    }
+    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=\"fixed inset-0 z-[200] flex justify-end bg-[rgba(15,23,42,0.4)]\" (click)=\"onBackdropClick($event)\">\n  <ed-drawer\n    size=\"base\"\n    class=\"slide-in-rtl ed-main-sidepanel h-full bg-[#f7f8fa]\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"task().title\"\n  >\n    <ed-drawer-header class=\"gap-3 border-b border-zinc-200 bg-white px-4 py-3 shadow-none\">\n      <button\n        type=\"button\"\n        class=\"btn is-primary is-sm inline-flex items-center gap-2xs mr-auto\"\n        (click)=\"markDone()\"\n      >\n        <ed-icon name=\"check\" [size]=\"18\" />\n        {{ task().status === 'done' ? 'Reopen task' : 'Mark as completed' }}\n      </button>\n      <button\n        type=\"button\"\n        class=\"inline-flex h-9 w-9 cursor-pointer items-center justify-center rounded-md border-none bg-transparent text-zinc-500 hover:bg-zinc-100 hover:text-zinc-800\"\n        (click)=\"close()\"\n        aria-label=\"Close\"\n      >\n        <ed-icon name=\"close\" [size]=\"22\" />\n      </button>\n    </ed-drawer-header>\n\n    <ed-drawer-body class=\"flex flex-col gap-3\">\n      <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n        <h2 class=\"m-0 text-xl font-semibold leading-snug text-zinc-900\">{{ task().title }}</h2>\n\n        <div class=\"mt-4\">\n          <h3 class=\"m-0 text-sm font-semibold text-zinc-800\">Description</h3>\n          <p class=\"mt-2 mb-0 whitespace-pre-wrap text-sm leading-relaxed text-zinc-600\">\n            {{ task().description || '\u2014' }}\n          </p>\n        </div>\n\n        <div class=\"mt-5 flex flex-wrap items-center gap-x-5 gap-y-3 border-t border-zinc-100 pt-4 text-sm\">\n          <div class=\"inline-flex items-center gap-2 font-medium\" [class.text-red-600]=\"task().priority === 'urgent'\" [class.text-zinc-700]=\"task().priority !== 'urgent'\">\n            <span\n              class=\"h-2.5 w-2.5 shrink-0 rotate-45 rounded-sm\"\n              [class.bg-red-600]=\"task().priority === 'urgent'\"\n              [class.bg-amber-500]=\"task().priority !== 'urgent'\"\n              aria-hidden=\"true\"\n            ></span>\n            {{ task().priority === 'urgent' ? 'High Priority' : taskPriorityLabel(task().priority) }}\n          </div>\n\n          <div class=\"inline-flex items-center gap-2 text-zinc-700\">\n            <span class=\"inline-flex h-7 w-7 items-center justify-center rounded-full bg-teal-100 text-[11px] font-bold text-teal-800\">\n              {{ assigneeInitials() }}\n            </span>\n            <span class=\"text-zinc-500\">{{ task().assignee || 'Unassigned' }}</span>\n          </div>\n\n          <div class=\"inline-flex items-center gap-1.5 text-zinc-500\">\n            <ed-icon name=\"schedule\" [size]=\"16\" />\n            Created: {{ task().created | date: 'MM-dd-yyyy' }}\n          </div>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Patient</span>\n          <span class=\"text-sm text-zinc-600\">{{ task().patient || '\u2014' }}</span>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Status</span>\n          <ed-badge-2 [attr.variant]=\"taskStatusTone(task().status)\">{{ taskStatusLabel(task().status) }}</ed-badge-2>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Source</span>\n          <span class=\"text-sm text-zinc-600\">{{ taskSourceLabel(task().source) }}</span>\n        </div>\n      </section>\n\n      @if (task().callId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <span class=\"text-sm font-medium text-zinc-800\">Call</span>\n            <a\n              [routerLink]=\"taskCallRoute(task().callId!)\"\n              class=\"text-sm font-medium text-blue-600 no-underline hover:underline\"\n            >\n              {{ task().callId }}\n            </a>\n          </div>\n        </section>\n      }\n\n      @if (task().edvakTaskId || task().edvakStatus || task().medicationName || task().medicationId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n          <h3 class=\"m-0 mb-3 text-sm font-semibold text-zinc-800\">Edvak / refill details</h3>\n          <dl class=\"m-0 grid grid-cols-2 gap-4\">\n            @if (task().edvakTaskId) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Edvak task ID</dt>\n                <dd class=\"inline-flex items-center gap-2 text-sm\">\n                  <code class=\"rounded bg-zinc-100 px-2 py-1 font-mono text-xs\">{{ 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=\"fs-sm font-semibold text-light mb-1\">Edvak status</dt>\n                <dd class=\"m-0 text-sm\"><ed-badge-2 variant=\"primary\">{{ task().edvakStatus }}</ed-badge-2></dd>\n              </div>\n            }\n            @if (task().medicationName) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Medication</dt>\n                <dd class=\"m-0 text-sm text-zinc-700\">{{ task().medicationName }}</dd>\n              </div>\n            }\n            @if (task().medicationId) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Medication ID</dt>\n                <dd class=\"inline-flex items-center gap-2 text-sm\">\n                  <code class=\"rounded bg-zinc-100 px-2 py-1 font-mono text-xs\">{{ task().medicationId }}</code>\n                  <app-copy-btn [value]=\"task().medicationId\" label=\"medication ID\" />\n                </dd>\n              </div>\n            }\n          </dl>\n        </section>\n      }\n    </ed-drawer-body>\n  </ed-drawer>\n</div>\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: IconComponent, selector: "ed-icon", inputs: ["name", "size", "color", "cssClass", "decorative", "ariaHidden", "ariaLabel", "title", "desc", "focusable", "tabIndex"] }], 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,
+                        EdIconButtonComponent,
+                        IconComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"fixed inset-0 z-[200] flex justify-end bg-[rgba(15,23,42,0.4)]\" (click)=\"onBackdropClick($event)\">\n  <ed-drawer\n    size=\"base\"\n    class=\"slide-in-rtl ed-main-sidepanel h-full bg-[#f7f8fa]\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"task().title\"\n  >\n    <ed-drawer-header class=\"gap-3 border-b border-zinc-200 bg-white px-4 py-3 shadow-none\">\n      <button\n        type=\"button\"\n        class=\"btn is-primary is-sm inline-flex items-center gap-2xs mr-auto\"\n        (click)=\"markDone()\"\n      >\n        <ed-icon name=\"check\" [size]=\"18\" />\n        {{ task().status === 'done' ? 'Reopen task' : 'Mark as completed' }}\n      </button>\n      <button\n        type=\"button\"\n        class=\"inline-flex h-9 w-9 cursor-pointer items-center justify-center rounded-md border-none bg-transparent text-zinc-500 hover:bg-zinc-100 hover:text-zinc-800\"\n        (click)=\"close()\"\n        aria-label=\"Close\"\n      >\n        <ed-icon name=\"close\" [size]=\"22\" />\n      </button>\n    </ed-drawer-header>\n\n    <ed-drawer-body class=\"flex flex-col gap-3\">\n      <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n        <h2 class=\"m-0 text-xl font-semibold leading-snug text-zinc-900\">{{ task().title }}</h2>\n\n        <div class=\"mt-4\">\n          <h3 class=\"m-0 text-sm font-semibold text-zinc-800\">Description</h3>\n          <p class=\"mt-2 mb-0 whitespace-pre-wrap text-sm leading-relaxed text-zinc-600\">\n            {{ task().description || '\u2014' }}\n          </p>\n        </div>\n\n        <div class=\"mt-5 flex flex-wrap items-center gap-x-5 gap-y-3 border-t border-zinc-100 pt-4 text-sm\">\n          <div class=\"inline-flex items-center gap-2 font-medium\" [class.text-red-600]=\"task().priority === 'urgent'\" [class.text-zinc-700]=\"task().priority !== 'urgent'\">\n            <span\n              class=\"h-2.5 w-2.5 shrink-0 rotate-45 rounded-sm\"\n              [class.bg-red-600]=\"task().priority === 'urgent'\"\n              [class.bg-amber-500]=\"task().priority !== 'urgent'\"\n              aria-hidden=\"true\"\n            ></span>\n            {{ task().priority === 'urgent' ? 'High Priority' : taskPriorityLabel(task().priority) }}\n          </div>\n\n          <div class=\"inline-flex items-center gap-2 text-zinc-700\">\n            <span class=\"inline-flex h-7 w-7 items-center justify-center rounded-full bg-teal-100 text-[11px] font-bold text-teal-800\">\n              {{ assigneeInitials() }}\n            </span>\n            <span class=\"text-zinc-500\">{{ task().assignee || 'Unassigned' }}</span>\n          </div>\n\n          <div class=\"inline-flex items-center gap-1.5 text-zinc-500\">\n            <ed-icon name=\"schedule\" [size]=\"16\" />\n            Created: {{ task().created | date: 'MM-dd-yyyy' }}\n          </div>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Patient</span>\n          <span class=\"text-sm text-zinc-600\">{{ task().patient || '\u2014' }}</span>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Status</span>\n          <ed-badge-2 [attr.variant]=\"taskStatusTone(task().status)\">{{ taskStatusLabel(task().status) }}</ed-badge-2>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Source</span>\n          <span class=\"text-sm text-zinc-600\">{{ taskSourceLabel(task().source) }}</span>\n        </div>\n      </section>\n\n      @if (task().callId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <span class=\"text-sm font-medium text-zinc-800\">Call</span>\n            <a\n              [routerLink]=\"taskCallRoute(task().callId!)\"\n              class=\"text-sm font-medium text-blue-600 no-underline hover:underline\"\n            >\n              {{ task().callId }}\n            </a>\n          </div>\n        </section>\n      }\n\n      @if (task().edvakTaskId || task().edvakStatus || task().medicationName || task().medicationId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n          <h3 class=\"m-0 mb-3 text-sm font-semibold text-zinc-800\">Edvak / refill details</h3>\n          <dl class=\"m-0 grid grid-cols-2 gap-4\">\n            @if (task().edvakTaskId) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Edvak task ID</dt>\n                <dd class=\"inline-flex items-center gap-2 text-sm\">\n                  <code class=\"rounded bg-zinc-100 px-2 py-1 font-mono text-xs\">{{ 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=\"fs-sm font-semibold text-light mb-1\">Edvak status</dt>\n                <dd class=\"m-0 text-sm\"><ed-badge-2 variant=\"primary\">{{ task().edvakStatus }}</ed-badge-2></dd>\n              </div>\n            }\n            @if (task().medicationName) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Medication</dt>\n                <dd class=\"m-0 text-sm text-zinc-700\">{{ task().medicationName }}</dd>\n              </div>\n            }\n            @if (task().medicationId) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Medication ID</dt>\n                <dd class=\"inline-flex items-center gap-2 text-sm\">\n                  <code class=\"rounded bg-zinc-100 px-2 py-1 font-mono text-xs\">{{ task().medicationId }}</code>\n                  <app-copy-btn [value]=\"task().medicationId\" label=\"medication ID\" />\n                </dd>\n              </div>\n            }\n          </dl>\n        </section>\n      }\n    </ed-drawer-body>\n  </ed-drawer>\n</div>\n" }]
+        }] });
+
+export { TaskDetailDrawerComponent as T, TASK_TYPE_OPTIONS as a, taskStatusTone as b, taskPriorityTone as c, taskSourceLabel as d, taskTypeTone as e, taskCallRoute as f, taskStatusLabel as t };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-task-detail-drawer.component-L5HY3Dxd.mjs.map