@edvak99/voice-receptionist-widget 1.1.26 → 1.1.29

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

@@ -0,0 +1,273 @@
+import * as i0 from '@angular/core';
+import { inject, EventEmitter, signal, ViewChild, Output, Input, ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { A as AiReceptionistApiService, v as DEFAULT_PLACEHOLDERS, M as ModalComponent, f as EdButtonComponent, I as IconComponent, g as EdSkeletonComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-DOYlRven.mjs';
+import { R as REQUIRED_FIELD_OPTIONS, d as renderOpeningPreview, e as formatRequiredFields } from './edvak99-voice-receptionist-widget-outbound-purpose.util-Bdh4QfFe.mjs';
+import { S as SmartTooltipDirective } from './edvak99-voice-receptionist-widget-smart-tooltip.directive-BSyOMZd4.mjs';
+import { T as TABLE_SKELETON_ROWS } from './edvak99-voice-receptionist-widget-table-skeleton.constants-C1Dg9Z_2.mjs';
+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) {\r\n  <app-modal\r\n    [title]=\"isEdit ? 'Edit outbound purpose' : 'New outbound purpose'\"\r\n    subtitle=\"Configure dialer fields and AI opening script\"\r\n    maxWidth=\"720px\"\r\n    (closed)=\"close()\"\r\n  >\r\n    <form id=\"outbound-purpose-form\" class=\"flex flex-col gap-4\" (ngSubmit)=\"submit()\" novalidate autocomplete=\"off\">\r\n      <div class=\"grid grid-cols-2 gap-3\">\r\n        <div class=\"mb-sm col-span-full\">\r\n          <label><span required>Label</span></label>\r\n          <input class=\"form-input\" type=\"text\" [(ngModel)]=\"label\" name=\"label\" required autocomplete=\"off\" />\r\n        </div>\r\n\r\n        <div class=\"mb-sm col-span-full\">\r\n          <label>Description</label>\r\n          <input class=\"form-input\" type=\"text\" [(ngModel)]=\"description\" name=\"description\" autocomplete=\"off\" />\r\n        </div>\r\n\r\n        <div class=\"mb-sm col-span-full\">\r\n          <label>Sample opening (plain preview, max 500)</label>\r\n          <textarea\r\n            class=\"form-textarea min-h-[72px]\"\r\n            rows=\"3\"\r\n            maxlength=\"500\"\r\n            [(ngModel)]=\"sampleOpening\"\r\n            name=\"sampleOpening\"\r\n            autocomplete=\"off\"\r\n          ></textarea>\r\n          <span class=\"text-xs text-light\">{{ sampleOpening.length }}/500</span>\r\n        </div>\r\n\r\n        <div class=\"mb-sm col-span-full\">\r\n          <label><span required>Opening template</span></label>\r\n          <div class=\"mb-2 flex flex-wrap gap-2\">\r\n            @for (chip of placeholders; track chip.token) {\r\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)\">\r\n                {{ chip.label }}\r\n              </button>\r\n            }\r\n          </div>\r\n          <textarea\r\n            #templateInput\r\n            class=\"form-textarea min-h-[72px]\"\r\n            rows=\"4\"\r\n            [(ngModel)]=\"openingTemplate\"\r\n            name=\"openingTemplate\"\r\n            required\r\n            autocomplete=\"off\"\r\n          ></textarea>\r\n        </div>\r\n\r\n        <div class=\"mb-sm col-span-full\">\r\n          <label>Agent context hint</label>\r\n          <textarea\r\n            class=\"form-textarea min-h-[72px]\"\r\n            rows=\"2\"\r\n            [(ngModel)]=\"agentContextHint\"\r\n            name=\"agentContextHint\"\r\n            placeholder=\"Optional guidance for the AI after the opening\"\r\n            autocomplete=\"off\"\r\n          ></textarea>\r\n        </div>\r\n\r\n        <fieldset class=\"col-span-full flex flex-col gap-2\">\r\n          <legend>Required fields</legend>\r\n          <div class=\"grid grid-cols-2 gap-2\">\r\n            @for (opt of fieldOptions; track opt.value) {\r\n              <label class=\"flex items-center gap-2 text-[13px]\">\r\n                <input\r\n                  type=\"checkbox\"\r\n                  [checked]=\"isRequiredSelected(opt.value)\"\r\n                  (change)=\"toggleRequired(opt.value)\"\r\n                  autocomplete=\"off\"\r\n                />\r\n                {{ opt.label }}\r\n              </label>\r\n            }\r\n          </div>\r\n        </fieldset>\r\n\r\n        <label class=\"col-span-full flex items-center gap-2 text-[13px]\">\r\n          <input type=\"checkbox\" [(ngModel)]=\"allowsCustomScript\" name=\"allowsCustomScript\" autocomplete=\"off\" />\r\n          Allows custom script (dialer shows free-text script field)\r\n        </label>\r\n\r\n        <div class=\"mb-sm\">\r\n          <label>Sort order</label>\r\n          <input class=\"form-input\" type=\"number\" [(ngModel)]=\"sortOrder\" name=\"sortOrder\" min=\"0\" autocomplete=\"off\" />\r\n        </div>\r\n\r\n        @if (isEdit) {\r\n          <label class=\"flex items-center gap-2 text-[13px]\">\r\n            <input type=\"checkbox\" [(ngModel)]=\"isActive\" name=\"isActive\" autocomplete=\"off\" />\r\n            Active\r\n          </label>\r\n        }\r\n      </div>\r\n\r\n      <section class=\"rounded-lg border border-base bg-lighter-2 p-3 shadow-sm\">\r\n        <h3 class=\"fs-sm font-semibold text-light\">Live preview</h3>\r\n        <p class=\"mt-2 whitespace-pre-wrap text-sm leading-normal\">{{ previewText }}</p>\r\n      </section>\r\n\r\n      @if (error()) {\r\n        <p class=\"m-0 text-[13px] text-[#b91c1c]\" role=\"alert\">{{ error() }}</p>\r\n      }\r\n    </form>\r\n\r\n    <div modalFooter class=\"border-t border-base bg-white px-6 py-4\">\r\n      <div class=\"flex justify-end gap-2\">\r\n        <ed-button variant=\"secondary\" outline size=\"sm\" (click$)=\"close()\" [disabled]=\"saving()\">\r\n          Cancel\r\n        </ed-button>\r\n        <ed-button\r\n          type=\"button\"\r\n          variant=\"primary\"\r\n          fill\r\n          size=\"sm\"\r\n          [disabled]=\"saving()\"\r\n          (click$)=\"submit()\"\r\n        >\r\n          {{ saving() ? 'Saving\u2026' : isEdit ? 'Save changes' : 'Create purpose' }}\r\n        </ed-button>\r\n      </div>\r\n    </div>\r\n  </app-modal>\r\n}\r\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"] }, { kind: "component", type: EdButtonComponent, selector: "ed-button", inputs: ["variant", "size", "disabled", "ghost", "outline", "subtle", "fill", "loading", "block", "elevated", "shape", "type", "href", "routerLink", "rel", "target", "download", "ariaLabel"], outputs: ["click$"] }], 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, EdButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (open) {\r\n  <app-modal\r\n    [title]=\"isEdit ? 'Edit outbound purpose' : 'New outbound purpose'\"\r\n    subtitle=\"Configure dialer fields and AI opening script\"\r\n    maxWidth=\"720px\"\r\n    (closed)=\"close()\"\r\n  >\r\n    <form id=\"outbound-purpose-form\" class=\"flex flex-col gap-4\" (ngSubmit)=\"submit()\" novalidate autocomplete=\"off\">\r\n      <div class=\"grid grid-cols-2 gap-3\">\r\n        <div class=\"mb-sm col-span-full\">\r\n          <label><span required>Label</span></label>\r\n          <input class=\"form-input\" type=\"text\" [(ngModel)]=\"label\" name=\"label\" required autocomplete=\"off\" />\r\n        </div>\r\n\r\n        <div class=\"mb-sm col-span-full\">\r\n          <label>Description</label>\r\n          <input class=\"form-input\" type=\"text\" [(ngModel)]=\"description\" name=\"description\" autocomplete=\"off\" />\r\n        </div>\r\n\r\n        <div class=\"mb-sm col-span-full\">\r\n          <label>Sample opening (plain preview, max 500)</label>\r\n          <textarea\r\n            class=\"form-textarea min-h-[72px]\"\r\n            rows=\"3\"\r\n            maxlength=\"500\"\r\n            [(ngModel)]=\"sampleOpening\"\r\n            name=\"sampleOpening\"\r\n            autocomplete=\"off\"\r\n          ></textarea>\r\n          <span class=\"text-xs text-light\">{{ sampleOpening.length }}/500</span>\r\n        </div>\r\n\r\n        <div class=\"mb-sm col-span-full\">\r\n          <label><span required>Opening template</span></label>\r\n          <div class=\"mb-2 flex flex-wrap gap-2\">\r\n            @for (chip of placeholders; track chip.token) {\r\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)\">\r\n                {{ chip.label }}\r\n              </button>\r\n            }\r\n          </div>\r\n          <textarea\r\n            #templateInput\r\n            class=\"form-textarea min-h-[72px]\"\r\n            rows=\"4\"\r\n            [(ngModel)]=\"openingTemplate\"\r\n            name=\"openingTemplate\"\r\n            required\r\n            autocomplete=\"off\"\r\n          ></textarea>\r\n        </div>\r\n\r\n        <div class=\"mb-sm col-span-full\">\r\n          <label>Agent context hint</label>\r\n          <textarea\r\n            class=\"form-textarea min-h-[72px]\"\r\n            rows=\"2\"\r\n            [(ngModel)]=\"agentContextHint\"\r\n            name=\"agentContextHint\"\r\n            placeholder=\"Optional guidance for the AI after the opening\"\r\n            autocomplete=\"off\"\r\n          ></textarea>\r\n        </div>\r\n\r\n        <fieldset class=\"col-span-full flex flex-col gap-2\">\r\n          <legend>Required fields</legend>\r\n          <div class=\"grid grid-cols-2 gap-2\">\r\n            @for (opt of fieldOptions; track opt.value) {\r\n              <label class=\"flex items-center gap-2 text-[13px]\">\r\n                <input\r\n                  type=\"checkbox\"\r\n                  [checked]=\"isRequiredSelected(opt.value)\"\r\n                  (change)=\"toggleRequired(opt.value)\"\r\n                  autocomplete=\"off\"\r\n                />\r\n                {{ opt.label }}\r\n              </label>\r\n            }\r\n          </div>\r\n        </fieldset>\r\n\r\n        <label class=\"col-span-full flex items-center gap-2 text-[13px]\">\r\n          <input type=\"checkbox\" [(ngModel)]=\"allowsCustomScript\" name=\"allowsCustomScript\" autocomplete=\"off\" />\r\n          Allows custom script (dialer shows free-text script field)\r\n        </label>\r\n\r\n        <div class=\"mb-sm\">\r\n          <label>Sort order</label>\r\n          <input class=\"form-input\" type=\"number\" [(ngModel)]=\"sortOrder\" name=\"sortOrder\" min=\"0\" autocomplete=\"off\" />\r\n        </div>\r\n\r\n        @if (isEdit) {\r\n          <label class=\"flex items-center gap-2 text-[13px]\">\r\n            <input type=\"checkbox\" [(ngModel)]=\"isActive\" name=\"isActive\" autocomplete=\"off\" />\r\n            Active\r\n          </label>\r\n        }\r\n      </div>\r\n\r\n      <section class=\"rounded-lg border border-base bg-lighter-2 p-3 shadow-sm\">\r\n        <h3 class=\"fs-sm font-semibold text-light\">Live preview</h3>\r\n        <p class=\"mt-2 whitespace-pre-wrap text-sm leading-normal\">{{ previewText }}</p>\r\n      </section>\r\n\r\n      @if (error()) {\r\n        <p class=\"m-0 text-[13px] text-[#b91c1c]\" role=\"alert\">{{ error() }}</p>\r\n      }\r\n    </form>\r\n\r\n    <div modalFooter class=\"border-t border-base bg-white px-6 py-4\">\r\n      <div class=\"flex justify-end gap-2\">\r\n        <ed-button variant=\"secondary\" outline size=\"sm\" (click$)=\"close()\" [disabled]=\"saving()\">\r\n          Cancel\r\n        </ed-button>\r\n        <ed-button\r\n          type=\"button\"\r\n          variant=\"primary\"\r\n          fill\r\n          size=\"sm\"\r\n          [disabled]=\"saving()\"\r\n          (click$)=\"submit()\"\r\n        >\r\n          {{ saving() ? 'Saving\u2026' : isEdit ? 'Save changes' : 'Create purpose' }}\r\n        </ed-button>\r\n      </div>\r\n    </div>\r\n  </app-modal>\r\n}\r\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.router = inject(Router);
+        this.route = inject(ActivatedRoute);
+        this.purposes = signal([]);
+        this.loading = signal(true);
+        this.skeletonRows = TABLE_SKELETON_ROWS;
+        this.error = signal(null);
+        this.modalOpen = signal(false);
+        this.editing = signal(null);
+        this.formatRequiredFields = formatRequiredFields;
+    }
+    ngOnInit() {
+        this.load();
+    }
+    goToSettings() {
+        void this.router.navigate(['../settings'], { relativeTo: this.route });
+    }
+    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", host: { classAttribute: "block h-full min-h-0" }, ngImport: i0, template: "<div class=\"flex h-full min-h-0 flex-col overflow-hidden bg-lighter p-base outbound-purposes-page\">\r\n  <header class=\"relative z-10 mb-base flex shrink-0 items-start justify-between gap-base bg-lighter\">\r\n    <div>\r\n      <button type=\"button\" class=\"eds-plain-nav fs-sm text-light mb-2\" (click)=\"goToSettings()\">\r\n        <ed-icon name=\"arrow_back\" [size]=\"16\" /> Settings\r\n      </button>\r\n      <h4>Outbound Call Purposes</h4>\r\n      <p class=\"fs-sm text-light\">Templates that drive outbound dialer fields and AI opening scripts</p>\r\n    </div>\r\n    <ed-button variant=\"primary\" fill size=\"sm\" (click$)=\"openCreate()\">\r\n      <ed-icon slot=\"prefix\" name=\"add\" [size]=\"16\" />\r\n      New purpose\r\n    </ed-button>\r\n  </header>\r\n\r\n  @if (error()) {\r\n    <p class=\"fs-sm text-light text-red-700\" role=\"alert\">{{ error() }}</p>\r\n  } @else {\r\n    <article class=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-md bg-white p-base\">\r\n      <div class=\"eds-table-scroll min-h-0 min-w-0 flex-1\">\r\n        <table class=\"table-default eds-sticky-table w-full\" aria-label=\"Outbound purposes\">\r\n        <thead>\r\n          <tr>\r\n            <th>Label</th>\r\n            <th>Description</th>\r\n            <th>Required fields</th>\r\n            <th>System</th>\r\n            <th>Active</th>\r\n            <th>Sort</th>\r\n            <th>Actions</th>\r\n          </tr>\r\n        </thead>\r\n        @if (loading()) {\r\n          <tbody aria-busy=\"true\">\r\n            @for (_ of skeletonRows; track _) {\r\n              <tr>\r\n                <td><ed-skeleton class=\"h-3 w-32\"></ed-skeleton></td>\r\n                <td><ed-skeleton class=\"h-3 w-48\"></ed-skeleton></td>\r\n                <td><ed-skeleton class=\"h-3 w-40\"></ed-skeleton></td>\r\n                <td><ed-skeleton class=\"h-5 w-16 !rounded-full\"></ed-skeleton></td>\r\n                <td><ed-skeleton class=\"h-4 w-4 !rounded-sm\"></ed-skeleton></td>\r\n                <td><ed-skeleton class=\"h-3 w-8\"></ed-skeleton></td>\r\n                <td>\r\n                  <div class=\"flex gap-3\">\r\n                    <ed-skeleton class=\"h-3 w-10\"></ed-skeleton>\r\n                    <ed-skeleton class=\"h-3 w-12\"></ed-skeleton>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        } @else {\r\n        <tbody>\r\n          @for (p of purposes(); track p.purposeId) {\r\n            <tr>\r\n              <td>\r\n                <span\r\n                  class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold text-dark\"\r\n                  [smartTooltip]=\"p.label\"\r\n                  [tooltipOnlyWhenTruncated]=\"true\"\r\n                >{{ p.label }}</span>\r\n              </td>\r\n              <td>\r\n                <span\r\n                  class=\"inline-block min-w-0 max-w-72 truncate fs-sm text-light\"\r\n                  [smartTooltip]=\"p.description || '\u2014'\"\r\n                  [tooltipOnlyWhenTruncated]=\"true\"\r\n                >{{ p.description || '\u2014' }}</span>\r\n              </td>\r\n              <td>\r\n                <span\r\n                  class=\"inline-block min-w-0 max-w-64 truncate fs-sm text-light\"\r\n                  [smartTooltip]=\"formatRequiredFields(p.requiredFields)\"\r\n                  [tooltipOnlyWhenTruncated]=\"true\"\r\n                >{{ formatRequiredFields(p.requiredFields) }}</span>\r\n              </td>\r\n              <td>\r\n                @if (p.isSystem) {\r\n                  <ed-badge-2 variant=\"primary\">System</ed-badge-2>\r\n                } @else {\r\n                  <span class=\"fs-sm text-light\">\u2014</span>\r\n                }\r\n              </td>\r\n              <td>\r\n                <label>\r\n                  <input\r\n                    type=\"checkbox\"\r\n                    class=\"h-4 w-4\"\r\n                    [checked]=\"p.isActive\"\r\n                    (change)=\"toggleActive(p, $any($event.target).checked)\" autocomplete=\"off\" />\r\n                </label>\r\n              </td>\r\n              <td class=\"font-['IBM_Plex_Mono'] fs-sm text-light\">{{ p.sortOrder }}</td>\r\n              <td class=\"flex gap-3 whitespace-nowrap\">\r\n                <button type=\"button\" class=\"text-primary fs-sm cursor-pointer border-none bg-transparent p-0\" (click)=\"openEdit(p)\">\r\n                  Edit\r\n                </button>\r\n                <button type=\"button\" class=\"text-primary fs-sm cursor-pointer border-none bg-transparent p-0\" (click)=\"deletePurpose(p)\">\r\n                  {{ actionLabel(p) }}\r\n                </button>\r\n              </td>\r\n            </tr>\r\n          } @empty {\r\n            <tr class=\"empty-row\">\r\n              <td colspan=\"7\" class=\"py-lg fs-sm text-light\">No outbound purposes configured.</td>\r\n            </tr>\r\n          }\r\n        </tbody>\r\n        }\r\n        </table>\r\n      </div>\r\n    </article>\r\n  }\r\n\r\n  <eds-outbound-purpose-form-modal\r\n    [open]=\"modalOpen()\"\r\n    [purpose]=\"editing()\"\r\n    (closed)=\"closeModal()\"\r\n    (saved)=\"onSaved()\"\r\n  />\r\n</div>\r\n", dependencies: [{ 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"] }, { kind: "directive", type: SmartTooltipDirective, selector: "[smartTooltip]", inputs: ["smartTooltip", "tooltipAllowHtml", "tooltipTemplate", "tooltipTemplateContext", "tooltipPlacement", "tooltipTrigger", "tooltipDelayShow", "tooltipDelayHide", "tooltipOffset", "tooltipMaxWidth", "tooltipZIndex", "tooltipClass", "tooltipDisabled", "tooltipArrow", "tooltipHoverIntentMs", "tooltipHoverIntentRadius", "tooltipId", "tooltipRole", "tooltipAnimEnterMs", "tooltipAnimExitMs", "tooltipAnimEasing", "tooltipHoverable", "tooltipHandoffMs", "tooltipOpen", "tooltipOnlyWhenTruncated"] }, { kind: "component", type: EdSkeletonComponent, selector: "ed-skeleton", inputs: ["class"] }, { kind: "component", type: EdButtonComponent, selector: "ed-button", inputs: ["variant", "size", "disabled", "ghost", "outline", "subtle", "fill", "loading", "block", "elevated", "shape", "type", "href", "routerLink", "rel", "target", "download", "ariaLabel"], outputs: ["click$"] }], 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: [
+                        IconComponent,
+                        OutboundPurposeFormModalComponent,
+                        SmartTooltipDirective,
+                        EdSkeletonComponent,
+                        EdButtonComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'block h-full min-h-0' }, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"flex h-full min-h-0 flex-col overflow-hidden bg-lighter p-base outbound-purposes-page\">\r\n  <header class=\"relative z-10 mb-base flex shrink-0 items-start justify-between gap-base bg-lighter\">\r\n    <div>\r\n      <button type=\"button\" class=\"eds-plain-nav fs-sm text-light mb-2\" (click)=\"goToSettings()\">\r\n        <ed-icon name=\"arrow_back\" [size]=\"16\" /> Settings\r\n      </button>\r\n      <h4>Outbound Call Purposes</h4>\r\n      <p class=\"fs-sm text-light\">Templates that drive outbound dialer fields and AI opening scripts</p>\r\n    </div>\r\n    <ed-button variant=\"primary\" fill size=\"sm\" (click$)=\"openCreate()\">\r\n      <ed-icon slot=\"prefix\" name=\"add\" [size]=\"16\" />\r\n      New purpose\r\n    </ed-button>\r\n  </header>\r\n\r\n  @if (error()) {\r\n    <p class=\"fs-sm text-light text-red-700\" role=\"alert\">{{ error() }}</p>\r\n  } @else {\r\n    <article class=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-md bg-white p-base\">\r\n      <div class=\"eds-table-scroll min-h-0 min-w-0 flex-1\">\r\n        <table class=\"table-default eds-sticky-table w-full\" aria-label=\"Outbound purposes\">\r\n        <thead>\r\n          <tr>\r\n            <th>Label</th>\r\n            <th>Description</th>\r\n            <th>Required fields</th>\r\n            <th>System</th>\r\n            <th>Active</th>\r\n            <th>Sort</th>\r\n            <th>Actions</th>\r\n          </tr>\r\n        </thead>\r\n        @if (loading()) {\r\n          <tbody aria-busy=\"true\">\r\n            @for (_ of skeletonRows; track _) {\r\n              <tr>\r\n                <td><ed-skeleton class=\"h-3 w-32\"></ed-skeleton></td>\r\n                <td><ed-skeleton class=\"h-3 w-48\"></ed-skeleton></td>\r\n                <td><ed-skeleton class=\"h-3 w-40\"></ed-skeleton></td>\r\n                <td><ed-skeleton class=\"h-5 w-16 !rounded-full\"></ed-skeleton></td>\r\n                <td><ed-skeleton class=\"h-4 w-4 !rounded-sm\"></ed-skeleton></td>\r\n                <td><ed-skeleton class=\"h-3 w-8\"></ed-skeleton></td>\r\n                <td>\r\n                  <div class=\"flex gap-3\">\r\n                    <ed-skeleton class=\"h-3 w-10\"></ed-skeleton>\r\n                    <ed-skeleton class=\"h-3 w-12\"></ed-skeleton>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        } @else {\r\n        <tbody>\r\n          @for (p of purposes(); track p.purposeId) {\r\n            <tr>\r\n              <td>\r\n                <span\r\n                  class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold text-dark\"\r\n                  [smartTooltip]=\"p.label\"\r\n                  [tooltipOnlyWhenTruncated]=\"true\"\r\n                >{{ p.label }}</span>\r\n              </td>\r\n              <td>\r\n                <span\r\n                  class=\"inline-block min-w-0 max-w-72 truncate fs-sm text-light\"\r\n                  [smartTooltip]=\"p.description || '\u2014'\"\r\n                  [tooltipOnlyWhenTruncated]=\"true\"\r\n                >{{ p.description || '\u2014' }}</span>\r\n              </td>\r\n              <td>\r\n                <span\r\n                  class=\"inline-block min-w-0 max-w-64 truncate fs-sm text-light\"\r\n                  [smartTooltip]=\"formatRequiredFields(p.requiredFields)\"\r\n                  [tooltipOnlyWhenTruncated]=\"true\"\r\n                >{{ formatRequiredFields(p.requiredFields) }}</span>\r\n              </td>\r\n              <td>\r\n                @if (p.isSystem) {\r\n                  <ed-badge-2 variant=\"primary\">System</ed-badge-2>\r\n                } @else {\r\n                  <span class=\"fs-sm text-light\">\u2014</span>\r\n                }\r\n              </td>\r\n              <td>\r\n                <label>\r\n                  <input\r\n                    type=\"checkbox\"\r\n                    class=\"h-4 w-4\"\r\n                    [checked]=\"p.isActive\"\r\n                    (change)=\"toggleActive(p, $any($event.target).checked)\" autocomplete=\"off\" />\r\n                </label>\r\n              </td>\r\n              <td class=\"font-['IBM_Plex_Mono'] fs-sm text-light\">{{ p.sortOrder }}</td>\r\n              <td class=\"flex gap-3 whitespace-nowrap\">\r\n                <button type=\"button\" class=\"text-primary fs-sm cursor-pointer border-none bg-transparent p-0\" (click)=\"openEdit(p)\">\r\n                  Edit\r\n                </button>\r\n                <button type=\"button\" class=\"text-primary fs-sm cursor-pointer border-none bg-transparent p-0\" (click)=\"deletePurpose(p)\">\r\n                  {{ actionLabel(p) }}\r\n                </button>\r\n              </td>\r\n            </tr>\r\n          } @empty {\r\n            <tr class=\"empty-row\">\r\n              <td colspan=\"7\" class=\"py-lg fs-sm text-light\">No outbound purposes configured.</td>\r\n            </tr>\r\n          }\r\n        </tbody>\r\n        }\r\n        </table>\r\n      </div>\r\n    </article>\r\n  }\r\n\r\n  <eds-outbound-purpose-form-modal\r\n    [open]=\"modalOpen()\"\r\n    [purpose]=\"editing()\"\r\n    (closed)=\"closeModal()\"\r\n    (saved)=\"onSaved()\"\r\n  />\r\n</div>\r\n" }]
+        }] });
+
+export { OutboundPurposesPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-outbound-purposes-page.component-xTutBkx7.mjs.map

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

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

package/fesm2022/{edvak99-voice-receptionist-widget-smart-tooltip.directive-ChEdIem3.mjs → edvak99-voice-receptionist-widget-smart-tooltip.directive-BSyOMZd4.mjs}

@@ -718,55 +718,55 @@ class SmartTooltipDirective {
                 return;
             const style = this.r.createElement('style');
             style.id = id;
-            style.textContent = `
-        .smart-tooltip-container{
-          pointer-events: none; /* hidden by default: don't block clicks */
-          --_dur: var(--ed-tip-exit-ms,160ms);
-          --_ease: var(--ed-tip-ease,cubic-bezier(.22,.95,.5,1));
-          opacity: 0;
-          transform: translateY(6px);
-          filter: blur(2px);
-          will-change: opacity, transform, filter;
-          transition:
-            opacity var(--_dur) var(--_ease),
-            transform var(--_dur) var(--_ease),
-            filter var(--_dur) var(--_ease);
-        }
-        .smart-tooltip-container[data-show]{
-          pointer-events: auto; /* interactive only while visible */
-          --_dur: var(--ed-tip-enter-ms,220ms);
-          opacity: 1;
-          transform: translateY(0) scale(1);
-          filter: blur(0);
-        }
-        .smart-tooltip-content{
-          font-size: 12px;
-          background: var(--color-tooltip-bg, rgba(17,24,39,.95));
-          color: var(--color-tooltip-text, #fff);
-          border-radius: 4px;
-          padding: 4px 6px;
-          box-shadow: 0 8px 24px rgba(0,0,0,.18);
-          user-select: none;
-        }
-        .smart-tooltip-arrow{
-          position: absolute;
-          width: 10px;
-          height: 10px;
-          transform: rotate(45deg);
-          background: var(--color-tooltip-bg, rgba(17,24,39,.95));
-        }
-        .smart-tooltip-container[data-place="top"] .smart-tooltip-arrow{bottom:-5px}
-        .smart-tooltip-container[data-place="bottom"] .smart-tooltip-arrow{top:-5px}
-        .smart-tooltip-container[data-place="left"] .smart-tooltip-arrow{right:-5px}
-        .smart-tooltip-container[data-place="right"] .smart-tooltip-arrow{left:-5px}
-
-        @media (prefers-reduced-motion: reduce){
-          .smart-tooltip-container{
-            transition: none !important;
-            transform: none !important;
-            filter: none !important;
-          }
-        }
+            style.textContent = `
+        .smart-tooltip-container{
+          pointer-events: none; /* hidden by default: don't block clicks */
+          --_dur: var(--ed-tip-exit-ms,160ms);
+          --_ease: var(--ed-tip-ease,cubic-bezier(.22,.95,.5,1));
+          opacity: 0;
+          transform: translateY(6px);
+          filter: blur(2px);
+          will-change: opacity, transform, filter;
+          transition:
+            opacity var(--_dur) var(--_ease),
+            transform var(--_dur) var(--_ease),
+            filter var(--_dur) var(--_ease);
+        }
+        .smart-tooltip-container[data-show]{
+          pointer-events: auto; /* interactive only while visible */
+          --_dur: var(--ed-tip-enter-ms,220ms);
+          opacity: 1;
+          transform: translateY(0) scale(1);
+          filter: blur(0);
+        }
+        .smart-tooltip-content{
+          font-size: 12px;
+          background: var(--color-tooltip-bg, rgba(17,24,39,.95));
+          color: var(--color-tooltip-text, #fff);
+          border-radius: 4px;
+          padding: 4px 6px;
+          box-shadow: 0 8px 24px rgba(0,0,0,.18);
+          user-select: none;
+        }
+        .smart-tooltip-arrow{
+          position: absolute;
+          width: 10px;
+          height: 10px;
+          transform: rotate(45deg);
+          background: var(--color-tooltip-bg, rgba(17,24,39,.95));
+        }
+        .smart-tooltip-container[data-place="top"] .smart-tooltip-arrow{bottom:-5px}
+        .smart-tooltip-container[data-place="bottom"] .smart-tooltip-arrow{top:-5px}
+        .smart-tooltip-container[data-place="left"] .smart-tooltip-arrow{right:-5px}
+        .smart-tooltip-container[data-place="right"] .smart-tooltip-arrow{left:-5px}
+
+        @media (prefers-reduced-motion: reduce){
+          .smart-tooltip-container{
+            transition: none !important;
+            transform: none !important;
+            filter: none !important;
+          }
+        }
       `;
             this.r.appendChild(document.head, style);
         });
@@ -1217,4 +1217,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
             }] } });
 
 export { SmartTooltipDirective as S };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-smart-tooltip.directive-ChEdIem3.mjs.map
+//# sourceMappingURL=edvak99-voice-receptionist-widget-smart-tooltip.directive-BSyOMZd4.mjs.map