@edvak99/voice-receptionist-widget 1.1.21 → 1.1.22

package/fesm2022/edvak99-voice-receptionist-widget-call-history-page.component-CcwwO5SO.mjs

@@ -0,0 +1,254 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { A as AiReceptionistApiService, T as ToastService, n as DEFAULT_PAGE_SIZE, o as totalPages, t as triggerBlobDownload, h as historyResolution, d as historyResultChips, r as resultChipIcon, e as historyResolutionLabel, c as callerMetaLine, E as EdAvatarComponent, I as IconComponent, p as EdIconButtonComponent, f as EdButtonComponent, g as EdSkeletonComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-CJ1L6QeE.mjs';
+import { C as CallReviewService } from './edvak99-voice-receptionist-widget-call-review.service-nFqc30t3.mjs';
+import { i as isNeedsReview } from './edvak99-voice-receptionist-widget-call-review.util-rWIPxDtQ.mjs';
+import { S as SmartTooltipDirective } from './edvak99-voice-receptionist-widget-smart-tooltip.directive-ChEdIem3.mjs';
+import { T as TABLE_SKELETON_ROWS } from './edvak99-voice-receptionist-widget-table-skeleton.constants-C1Dg9Z_2.mjs';
+import { E as EdsSearchFieldComponent } from './edvak99-voice-receptionist-widget-eds-search-field.component-BDGCmkoP.mjs';
+
+class CallHistoryPageComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.reviewService = inject(CallReviewService);
+        this.toast = inject(ToastService);
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
+        this.pageSize = DEFAULT_PAGE_SIZE;
+        this.rows = signal([]);
+        this.total = signal(0);
+        this.page = signal(1);
+        this.loading = signal(true);
+        this.skeletonRows = TABLE_SKELETON_ROWS;
+        this.reviewingId = signal(null);
+        this.search = signal('');
+        this.direction = signal('');
+        this.outcome = signal('');
+        this.location = signal('');
+        this.reviewTab = signal('all');
+        this.filtersOpen = signal(false);
+        this.exporting = signal(false);
+        this.reviewTabs = [
+            { id: 'all', label: 'All' },
+            { id: 'needs', label: 'Needs review' },
+            { id: 'reviewed', label: 'Reviewed' },
+        ];
+        this.totalPages = computed(() => totalPages(this.total(), DEFAULT_PAGE_SIZE));
+        this.tableRows = computed(() => this.rows().map((row) => this.toRow(row)));
+    }
+    toggleFilters(event) {
+        event?.stopPropagation();
+        this.filtersOpen.update((open) => !open);
+    }
+    closeFilters() {
+        this.filtersOpen.set(false);
+    }
+    onFiltersDocClick(event) {
+        const target = event.target;
+        if (!target?.closest('[data-history-filters]')) {
+            this.filtersOpen.set(false);
+        }
+    }
+    ngOnInit() {
+        const reviewParam = this.route.snapshot.queryParamMap.get('review');
+        if (reviewParam === 'needs' || reviewParam === 'reviewed') {
+            this.reviewTab.set(reviewParam);
+        }
+        this.load();
+    }
+    load() {
+        this.loading.set(true);
+        const tab = this.reviewTab();
+        this.api
+            .getHistory({
+            q: this.search() || undefined,
+            dir: this.direction() || undefined,
+            outcome: this.outcome() || undefined,
+            location: this.location() || undefined,
+            review: tab === 'all' ? undefined : tab,
+            page: this.page(),
+            limit: DEFAULT_PAGE_SIZE,
+        })
+            .subscribe({
+            next: ({ items, total, page }) => {
+                this.rows.set(items);
+                this.total.set(total);
+                this.page.set(page);
+                this.loading.set(false);
+            },
+            error: () => this.loading.set(false),
+        });
+    }
+    onSearchInput(value) {
+        this.search.set(value);
+        if (!value.trim()) {
+            this.page.set(1);
+            this.load();
+        }
+    }
+    applyFilters() {
+        this.page.set(1);
+        this.load();
+    }
+    setReviewTab(tab) {
+        this.reviewTab.set(tab);
+        this.page.set(1);
+        void this.router.navigate([], {
+            relativeTo: this.route,
+            queryParams: tab === 'all' ? { review: null } : { review: tab },
+            queryParamsHandling: 'merge',
+            replaceUrl: true,
+        });
+        this.load();
+    }
+    tabBadgeCount(tab) {
+        if (tab !== 'needs' || this.reviewTab() !== 'needs')
+            return null;
+        const count = this.total();
+        return count > 0 ? count : null;
+    }
+    prevPage() {
+        if (this.page() <= 1)
+            return;
+        this.page.update((p) => p - 1);
+        this.load();
+    }
+    nextPage() {
+        if (this.page() >= this.totalPages())
+            return;
+        this.page.update((p) => p + 1);
+        this.load();
+    }
+    markReviewed(row, event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!isNeedsReview(row.review) || this.reviewingId())
+            return;
+        this.reviewingId.set(row.id);
+        this.rows.update((list) => list.map((r) => (r.id === row.id ? { ...r, review: 'reviewed' } : r)));
+        this.reviewService.markReviewed(row.id).subscribe({
+            next: () => {
+                this.reviewingId.set(null);
+                this.toast.show('Call marked as reviewed', 'success');
+                if (this.reviewTab() === 'needs')
+                    this.load();
+            },
+            error: () => {
+                this.reviewingId.set(null);
+                this.rows.update((list) => list.map((r) => (r.id === row.id ? { ...r, review: 'needs' } : r)));
+                this.toast.show('Failed to mark call as reviewed', 'error');
+            },
+        });
+    }
+    openCallDetail(id) {
+        void this.router.navigate(['../history', id], { relativeTo: this.route });
+    }
+    exportCsv() {
+        if (this.exporting())
+            return;
+        this.exporting.set(true);
+        const tab = this.reviewTab();
+        this.api
+            .exportHistoryCsv({
+            q: this.search() || undefined,
+            dir: this.direction() || undefined,
+            outcome: this.outcome() || undefined,
+            location: this.location() || undefined,
+            review: tab === 'all' ? undefined : tab,
+        })
+            .subscribe({
+            next: ({ blob, filename }) => {
+                triggerBlobDownload(blob, filename);
+                this.exporting.set(false);
+                this.toast.show('Export downloaded', 'success');
+            },
+            error: (err) => {
+                this.exporting.set(false);
+                this.toast.show(err.message ?? 'Failed to export CSV', 'error');
+            },
+        });
+    }
+    toRow(row) {
+        const resolution = historyResolution({
+            outcome: row.outcome,
+            resolution: row.resolution,
+            risk: row.risk,
+        });
+        const handledByStaff = row.handledBy === 'staff';
+        return {
+            id: row.id,
+            name: row.name?.trim() || 'Unknown Caller',
+            initials: row.initials || '?',
+            avatarTone: this.avatarTone(row),
+            metaLine: callerMetaLine({
+                dob: row.dob,
+                age: row.age,
+                gender: row.gender,
+                phone: row.phone,
+                name: row.name,
+            }),
+            timeLabel: row.started ? this.formatTime(row.started) : row.whenLabel || '—',
+            dateLabel: row.started ? this.formatDate(row.started) : '',
+            direction: row.direction,
+            directionIcon: row.direction === 'inbound' ? 'call_received' : 'call_made',
+            directionTitle: row.direction === 'inbound' ? 'Incoming call' : 'Outgoing call',
+            goals: this.goalLines(row.reason),
+            handledLabel: handledByStaff ? 'STAFF' : 'AI',
+            handledVariant: handledByStaff ? 'primary' : 'opened',
+            resolutionLabel: historyResolutionLabel(resolution),
+            resolutionVariant: resolution === 'resolved' ? 'success' : 'warning',
+            resultChips: historyResultChips(row.results, row.outcome).map((label) => ({
+                label,
+                icon: resultChipIcon(label),
+            })),
+            durationLabel: row.durationLabel ?? this.formatDuration(row.duration),
+            needsReview: isNeedsReview(row.review),
+        };
+    }
+    goalLines(reason) {
+        const raw = String(reason ?? '').trim();
+        if (!raw)
+            return [];
+        return raw
+            .split(/[\n;|/]+/)
+            .map((part) => part.trim())
+            .filter(Boolean);
+    }
+    avatarTone(row) {
+        if (!row.name?.trim() || /^unknown/i.test(row.name) || row.initials === '?')
+            return 'gray';
+        return 'brand';
+    }
+    formatTime(ts) {
+        return new Date(ts).toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' });
+    }
+    formatDate(ts) {
+        return new Date(ts).toLocaleDateString([], { month: 'short', day: 'numeric', year: 'numeric' });
+    }
+    formatDuration(sec) {
+        const m = Math.floor(sec / 60);
+        const s = sec % 60;
+        return `${m}:${s.toString().padStart(2, '0')}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CallHistoryPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: CallHistoryPageComponent, isStandalone: true, selector: "eds-call-history-page", host: { classAttribute: "block h-full min-h-0" }, ngImport: i0, template: "<div class=\"call-history-page flex min-h-0 flex-col overflow-hidden bg-lighter p-base\">\n  <header class=\"relative z-10 mb-md flex shrink-0 items-start justify-between gap-base bg-lighter\">\n    <div class=\"grid gap-2xs\">\n      <h4>Call History</h4>\n      <p class=\"fs-sm text-light\">\n        Review past conversations and understand what happened during each call\n      </p>\n    </div>\n    <div class=\"flex shrink-0 items-center gap-base\">\n      <div class=\"relative w-60\">\n        <eds-search-field\n          inputClass=\"form-input w-full\"\n          placeholder=\"Search here\"\n          ariaLabel=\"Search call history\"\n          [value]=\"search()\"\n          (valueChange)=\"onSearchInput($event)\"\n          (enter)=\"applyFilters()\"\n        />\n        <span class=\"pointer-events-none absolute inset-y-0 right-3 inline-flex items-center text-lighter\">\n          <ed-icon name=\"search\" [size]=\"20\" color=\"currentColor\" />\n        </span>\n      </div>\n      <div\n        class=\"relative\"\n        data-history-filters\n        (document:click)=\"onFiltersDocClick($event)\"\n      >\n        <ed-icon-button\n          name=\"filter_alt\"\n          label=\"Filters\"\n          size=\"md\"\n          outline\n          allowBubble\n          [pressed]=\"filtersOpen()\"\n          toggle\n          (click$)=\"toggleFilters($event)\"\n        />\n        @if (filtersOpen()) {\n          <div\n            class=\"absolute right-0 top-[calc(100%+4px)] z-20 w-80 rounded-md border border-light bg-white shadow-md\"\n            role=\"dialog\"\n            aria-label=\"Filter Options\"\n            (click)=\"$event.stopPropagation()\"\n          >\n            <header class=\"flex items-center justify-between border-b border-light px-base py-sm\">\n              <h5 class=\"m-0\">Filter Options</h5>\n              <ed-icon-button\n                name=\"close\"\n                size=\"sm\"\n                label=\"Close filters\"\n                (click$)=\"closeFilters()\"\n              />\n            </header>\n            <section class=\"grid gap-sm p-base\">\n              <div class=\"grid gap-2xs\">\n                <label class=\"fs-sm font-semibold text-light\" for=\"call-history-direction\">Direction</label>\n                <select\n                  id=\"call-history-direction\"\n                  class=\"form-select is-sm\"\n                  [ngModel]=\"direction()\"\n                  (ngModelChange)=\"direction.set($event)\"\n                  autocomplete=\"off\"\n                  aria-label=\"Direction\"\n                >\n                  <option value=\"\">All directions</option>\n                  <option value=\"inbound\">Inbound</option>\n                  <option value=\"outbound\">Outbound</option>\n                </select>\n              </div>\n              <div class=\"grid gap-2xs\">\n                <label class=\"fs-sm font-semibold text-light\">Outcome</label>\n                <eds-search-field\n                  type=\"text\"\n                  inputClass=\"form-input is-sm\"\n                  placeholder=\"Outcome\"\n                  ariaLabel=\"Outcome\"\n                  [value]=\"outcome()\"\n                  (valueChange)=\"outcome.set($event)\"\n                  (enter)=\"applyFilters(); closeFilters()\"\n                />\n              </div>\n              <div class=\"grid gap-2xs\">\n                <label class=\"fs-sm font-semibold text-light\">Location</label>\n                <eds-search-field\n                  type=\"text\"\n                  inputClass=\"form-input is-sm\"\n                  placeholder=\"Location\"\n                  ariaLabel=\"Location\"\n                  [value]=\"location()\"\n                  (valueChange)=\"location.set($event)\"\n                  (enter)=\"applyFilters(); closeFilters()\"\n                />\n              </div>\n            </section>\n            <footer class=\"flex flex-row-reverse flex-wrap items-center gap-sm border-t border-light px-base py-sm\">\n              <ed-button\n                variant=\"primary\"\n                fill\n                size=\"sm\"\n                (click$)=\"applyFilters(); closeFilters()\"\n              >\n                Apply\n              </ed-button>\n              <ed-button\n                variant=\"secondary\"\n                outline\n                size=\"sm\"\n                [disabled]=\"exporting()\"\n                (click$)=\"exportCsv()\"\n              >\n                <ed-icon slot=\"prefix\" name=\"download\" [size]=\"16\" />\n                Export CSV\n              </ed-button>\n            </footer>\n          </div>\n        }\n      </div>\n    </div>\n  </header>\n\n  <div class=\"call-history-page__table eds-table-scroll min-h-0 min-w-0 flex-1 rounded-md bg-white\">\n    <table class=\"table-default eds-sticky-table eds-centered-table min-w-5xl w-full\" aria-label=\"Call history\">\n      <thead>\n        <tr>\n          <th class=\"bg-light\">Time</th>\n          <th class=\"bg-light\">Patient/Caller</th>\n          <th class=\"bg-light text-center\">\n            <span class=\"inline-flex items-center justify-center gap-2xs\">\n              <ed-icon name=\"call_received\" [size]=\"12\" class=\"text-success\" color=\"currentColor\" />\n              <span class=\"text-light\">/</span>\n              <ed-icon name=\"call_made\" [size]=\"12\" class=\"text-primary\" color=\"currentColor\" />\n            </span>\n          </th>\n          <th class=\"bg-light\">Goal</th>\n          <th class=\"bg-light\">Handled By</th>\n          <th class=\"bg-light\">Resolution</th>\n          <th class=\"bg-light\">Result</th>\n          <th class=\"bg-light\">Duration</th>\n        </tr>\n      </thead>\n      @if (loading()) {\n        <tbody aria-busy=\"true\">\n          @for (_ of skeletonRows; track _) {\n            <tr>\n              <td>\n                <div class=\"grid gap-2xs py-2xs\">\n                  <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\n                  <ed-skeleton class=\"h-3 w-20\"></ed-skeleton>\n                </div>\n              </td>\n              <td>\n                <div class=\"flex items-center gap-xs py-2xs\">\n                  <ed-skeleton class=\"h-8 w-8 !rounded-md\"></ed-skeleton>\n                  <div class=\"grid gap-2xs\">\n                    <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\n                    <ed-skeleton class=\"h-3 w-36\"></ed-skeleton>\n                  </div>\n                </div>\n              </td>\n              <td class=\"text-center\">\n                <div class=\"flex justify-center py-2xs\">\n                  <ed-skeleton class=\"h-5 w-5 !rounded\"></ed-skeleton>\n                </div>\n              </td>\n              <td><ed-skeleton class=\"h-3 w-32\"></ed-skeleton></td>\n              <td><ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton></td>\n              <td><ed-skeleton class=\"h-5 w-24 !rounded-full\"></ed-skeleton></td>\n              <td><ed-skeleton class=\"h-5 w-28 !rounded\"></ed-skeleton></td>\n              <td><ed-skeleton class=\"h-3 w-12\"></ed-skeleton></td>\n            </tr>\n          }\n        </tbody>\n      } @else {\n      <tbody>\n          @for (row of tableRows(); track row.id; let i = $index) {\n            <tr\n              class=\"focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary\"\n              role=\"button\"\n              [attr.tabindex]=\"i === 0 ? 0 : -1\"\n              [attr.aria-label]=\"'View call details for ' + row.name\"\n              (click)=\"openCallDetail(row.id)\"\n              (keyup.enter)=\"openCallDetail(row.id)\"\n            >\n              <td>\n                <div class=\"grid gap-2xs whitespace-nowrap\">\n                  <span class=\"fs-xs font-medium text-dark\">{{ row.timeLabel }}</span>\n                  <span class=\"fs-xs text-light\">{{ row.dateLabel }}</span>\n                </div>\n              </td>\n\n              <td>\n                <div class=\"flex min-w-52 items-center gap-xs\">\n                  <ed-avatar\n                    shape=\"box\"\n                    size=\"base\"\n                    [initials]=\"row.initials\"\n                    [tone]=\"row.avatarTone\"\n                  />\n                  <div class=\"grid min-w-0 gap-2xs\">\n                    <div class=\"flex min-w-0 items-center gap-2xs\">\n                      <span\n                        class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold text-dark\"\n                        [smartTooltip]=\"row.name\"\n                        [tooltipOnlyWhenTruncated]=\"true\"\n                      >{{ row.name }}</span>\n                      <!-- <span class=\"inline-flex shrink-0 text-light\">\n                        <ed-icon name=\"TagSimple\" [size]=\"14\" color=\"currentColor\" />\n                      </span> -->\n                    </div>\n                    <span\n                      class=\"inline-block min-w-0 max-w-64 truncate fs-xs text-light\"\n                      [smartTooltip]=\"row.metaLine\"\n                      [tooltipOnlyWhenTruncated]=\"true\"\n                    >{{ row.metaLine }}</span>\n                  </div>\n                </div>\n              </td>\n\n              <td class=\"text-center\">\n                <span\n                  class=\"inline-flex h-5 w-5 items-center justify-center rounded\"\n                  [class.bg-success-50]=\"row.direction === 'inbound'\"\n                  [class.text-success]=\"row.direction === 'inbound'\"\n                  [class.bg-primary-50]=\"row.direction === 'outbound'\"\n                  [class.text-primary]=\"row.direction === 'outbound'\"\n                  [smartTooltip]=\"row.directionTitle\"\n                  [attr.aria-label]=\"row.directionTitle\"\n                >\n                  <ed-icon [name]=\"row.directionIcon\" [size]=\"12\" color=\"currentColor\" />\n                </span>\n              </td>\n\n              <td>\n                <div class=\"grid gap-2xs\">\n                  @for (goal of row.goals; track goal) {\n                    <span\n                      class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-medium text-dark\"\n                      [smartTooltip]=\"goal\"\n                      [tooltipOnlyWhenTruncated]=\"true\"\n                    >{{ goal }}</span>\n                  } @empty {\n                    <span class=\"fs-sm text-light\">\u2014</span>\n                  }\n                </div>\n              </td>\n\n              <td>\n                <ed-badge-2 [attr.variant]=\"row.handledVariant\" pill uppercase>\n                  {{ row.handledLabel }}\n                </ed-badge-2>\n              </td>\n\n              <td>\n                <ed-badge-2 [attr.variant]=\"row.resolutionVariant\" pill uppercase>\n                  {{ row.resolutionLabel }}\n                </ed-badge-2>\n              </td>\n\n              <td>\n                <div class=\"flex min-w-0 max-w-80 flex-wrap gap-2xs\">\n                  @for (chip of row.resultChips; track chip.label) {\n                    <span\n                      class=\"inline-flex h-5 max-w-48 min-w-0 items-center gap-2xs rounded bg-light px-2xs fs-xs font-medium text-dark\"\n                    >\n                      <ed-icon [name]=\"chip.icon\" [size]=\"12\" color=\"currentColor\" />\n                      <span\n                        class=\"min-w-0 truncate\"\n                        [smartTooltip]=\"chip.label\"\n                        [tooltipOnlyWhenTruncated]=\"true\"\n                      >{{ chip.label }}</span>\n                    </span>\n                  } @empty {\n                    <span class=\"fs-sm text-light\">\u2014</span>\n                  }\n                </div>\n              </td>\n\n              <td class=\"whitespace-nowrap tabular-nums fs-sm font-medium\">\n                {{ row.durationLabel }}\n              </td>\n            </tr>\n          } @empty {\n            <tr class=\"empty-row\">\n              <td colspan=\"8\" class=\"py-lg text-center fs-sm text-light\">\n                No calls match this filter.\n              </td>\n            </tr>\n          }\n        </tbody>\n      }\n    </table>\n  </div>\n\n  <footer class=\"mt-base flex shrink-0 items-center justify-between border-t border-light pt-sm hidden\">\n    <span class=\"fs-sm text-light\">\n      Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total\n    </span>\n    <div class=\"flex gap-xs\">\n      <ed-button\n        variant=\"secondary\"\n        outline\n        size=\"sm\"\n        [disabled]=\"page() <= 1\"\n        (click$)=\"prevPage()\"\n      >\n        Previous\n      </ed-button>\n      <ed-button\n        variant=\"secondary\"\n        outline\n        size=\"sm\"\n        [disabled]=\"page() >= totalPages()\"\n        (click$)=\"nextPage()\"\n      >\n        Next\n      </ed-button>\n    </div>\n  </footer>\n</div>\n", styles: [":host{display:block;height:100%;min-height:0}.call-history-page{height:100%;min-height:24rem}.call-history-page__table{min-height:16rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: EdAvatarComponent, selector: "ed-avatar", inputs: ["initials", "tone", "shape", "size", "gradient"] }, { kind: "component", type: IconComponent, selector: "ed-icon", inputs: ["name", "size", "color", "cssClass", "decorative", "ariaHidden", "ariaLabel", "title", "desc", "focusable", "tabIndex"] }, { kind: "component", type: EdIconButtonComponent, selector: "ed-icon-button", inputs: ["label", "name", "size", "variant", "allowBubble", "ghost", "outline", "solid", "subtle", "shape", "type", "disabled", "loading", "toggle", "pressed", "id", "title", "nameAttr", "value", "autofocus", "tabIndex"], outputs: ["click", "focus", "blur", "click$", "focus$", "blur$"] }, { 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$"] }, { kind: "component", type: EdsSearchFieldComponent, selector: "eds-search-field", inputs: ["value", "inputId", "type", "placeholder", "ariaLabel", "inputClass"], outputs: ["valueChange", "enter"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CallHistoryPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-call-history-page', imports: [
+                        FormsModule,
+                        EdAvatarComponent,
+                        IconComponent,
+                        EdIconButtonComponent,
+                        EdButtonComponent,
+                        EdsSearchFieldComponent,
+                        SmartTooltipDirective,
+                        EdSkeletonComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], host: { class: 'block h-full min-h-0' }, template: "<div class=\"call-history-page flex min-h-0 flex-col overflow-hidden bg-lighter p-base\">\n  <header class=\"relative z-10 mb-md flex shrink-0 items-start justify-between gap-base bg-lighter\">\n    <div class=\"grid gap-2xs\">\n      <h4>Call History</h4>\n      <p class=\"fs-sm text-light\">\n        Review past conversations and understand what happened during each call\n      </p>\n    </div>\n    <div class=\"flex shrink-0 items-center gap-base\">\n      <div class=\"relative w-60\">\n        <eds-search-field\n          inputClass=\"form-input w-full\"\n          placeholder=\"Search here\"\n          ariaLabel=\"Search call history\"\n          [value]=\"search()\"\n          (valueChange)=\"onSearchInput($event)\"\n          (enter)=\"applyFilters()\"\n        />\n        <span class=\"pointer-events-none absolute inset-y-0 right-3 inline-flex items-center text-lighter\">\n          <ed-icon name=\"search\" [size]=\"20\" color=\"currentColor\" />\n        </span>\n      </div>\n      <div\n        class=\"relative\"\n        data-history-filters\n        (document:click)=\"onFiltersDocClick($event)\"\n      >\n        <ed-icon-button\n          name=\"filter_alt\"\n          label=\"Filters\"\n          size=\"md\"\n          outline\n          allowBubble\n          [pressed]=\"filtersOpen()\"\n          toggle\n          (click$)=\"toggleFilters($event)\"\n        />\n        @if (filtersOpen()) {\n          <div\n            class=\"absolute right-0 top-[calc(100%+4px)] z-20 w-80 rounded-md border border-light bg-white shadow-md\"\n            role=\"dialog\"\n            aria-label=\"Filter Options\"\n            (click)=\"$event.stopPropagation()\"\n          >\n            <header class=\"flex items-center justify-between border-b border-light px-base py-sm\">\n              <h5 class=\"m-0\">Filter Options</h5>\n              <ed-icon-button\n                name=\"close\"\n                size=\"sm\"\n                label=\"Close filters\"\n                (click$)=\"closeFilters()\"\n              />\n            </header>\n            <section class=\"grid gap-sm p-base\">\n              <div class=\"grid gap-2xs\">\n                <label class=\"fs-sm font-semibold text-light\" for=\"call-history-direction\">Direction</label>\n                <select\n                  id=\"call-history-direction\"\n                  class=\"form-select is-sm\"\n                  [ngModel]=\"direction()\"\n                  (ngModelChange)=\"direction.set($event)\"\n                  autocomplete=\"off\"\n                  aria-label=\"Direction\"\n                >\n                  <option value=\"\">All directions</option>\n                  <option value=\"inbound\">Inbound</option>\n                  <option value=\"outbound\">Outbound</option>\n                </select>\n              </div>\n              <div class=\"grid gap-2xs\">\n                <label class=\"fs-sm font-semibold text-light\">Outcome</label>\n                <eds-search-field\n                  type=\"text\"\n                  inputClass=\"form-input is-sm\"\n                  placeholder=\"Outcome\"\n                  ariaLabel=\"Outcome\"\n                  [value]=\"outcome()\"\n                  (valueChange)=\"outcome.set($event)\"\n                  (enter)=\"applyFilters(); closeFilters()\"\n                />\n              </div>\n              <div class=\"grid gap-2xs\">\n                <label class=\"fs-sm font-semibold text-light\">Location</label>\n                <eds-search-field\n                  type=\"text\"\n                  inputClass=\"form-input is-sm\"\n                  placeholder=\"Location\"\n                  ariaLabel=\"Location\"\n                  [value]=\"location()\"\n                  (valueChange)=\"location.set($event)\"\n                  (enter)=\"applyFilters(); closeFilters()\"\n                />\n              </div>\n            </section>\n            <footer class=\"flex flex-row-reverse flex-wrap items-center gap-sm border-t border-light px-base py-sm\">\n              <ed-button\n                variant=\"primary\"\n                fill\n                size=\"sm\"\n                (click$)=\"applyFilters(); closeFilters()\"\n              >\n                Apply\n              </ed-button>\n              <ed-button\n                variant=\"secondary\"\n                outline\n                size=\"sm\"\n                [disabled]=\"exporting()\"\n                (click$)=\"exportCsv()\"\n              >\n                <ed-icon slot=\"prefix\" name=\"download\" [size]=\"16\" />\n                Export CSV\n              </ed-button>\n            </footer>\n          </div>\n        }\n      </div>\n    </div>\n  </header>\n\n  <div class=\"call-history-page__table eds-table-scroll min-h-0 min-w-0 flex-1 rounded-md bg-white\">\n    <table class=\"table-default eds-sticky-table eds-centered-table min-w-5xl w-full\" aria-label=\"Call history\">\n      <thead>\n        <tr>\n          <th class=\"bg-light\">Time</th>\n          <th class=\"bg-light\">Patient/Caller</th>\n          <th class=\"bg-light text-center\">\n            <span class=\"inline-flex items-center justify-center gap-2xs\">\n              <ed-icon name=\"call_received\" [size]=\"12\" class=\"text-success\" color=\"currentColor\" />\n              <span class=\"text-light\">/</span>\n              <ed-icon name=\"call_made\" [size]=\"12\" class=\"text-primary\" color=\"currentColor\" />\n            </span>\n          </th>\n          <th class=\"bg-light\">Goal</th>\n          <th class=\"bg-light\">Handled By</th>\n          <th class=\"bg-light\">Resolution</th>\n          <th class=\"bg-light\">Result</th>\n          <th class=\"bg-light\">Duration</th>\n        </tr>\n      </thead>\n      @if (loading()) {\n        <tbody aria-busy=\"true\">\n          @for (_ of skeletonRows; track _) {\n            <tr>\n              <td>\n                <div class=\"grid gap-2xs py-2xs\">\n                  <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\n                  <ed-skeleton class=\"h-3 w-20\"></ed-skeleton>\n                </div>\n              </td>\n              <td>\n                <div class=\"flex items-center gap-xs py-2xs\">\n                  <ed-skeleton class=\"h-8 w-8 !rounded-md\"></ed-skeleton>\n                  <div class=\"grid gap-2xs\">\n                    <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\n                    <ed-skeleton class=\"h-3 w-36\"></ed-skeleton>\n                  </div>\n                </div>\n              </td>\n              <td class=\"text-center\">\n                <div class=\"flex justify-center py-2xs\">\n                  <ed-skeleton class=\"h-5 w-5 !rounded\"></ed-skeleton>\n                </div>\n              </td>\n              <td><ed-skeleton class=\"h-3 w-32\"></ed-skeleton></td>\n              <td><ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton></td>\n              <td><ed-skeleton class=\"h-5 w-24 !rounded-full\"></ed-skeleton></td>\n              <td><ed-skeleton class=\"h-5 w-28 !rounded\"></ed-skeleton></td>\n              <td><ed-skeleton class=\"h-3 w-12\"></ed-skeleton></td>\n            </tr>\n          }\n        </tbody>\n      } @else {\n      <tbody>\n          @for (row of tableRows(); track row.id; let i = $index) {\n            <tr\n              class=\"focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary\"\n              role=\"button\"\n              [attr.tabindex]=\"i === 0 ? 0 : -1\"\n              [attr.aria-label]=\"'View call details for ' + row.name\"\n              (click)=\"openCallDetail(row.id)\"\n              (keyup.enter)=\"openCallDetail(row.id)\"\n            >\n              <td>\n                <div class=\"grid gap-2xs whitespace-nowrap\">\n                  <span class=\"fs-xs font-medium text-dark\">{{ row.timeLabel }}</span>\n                  <span class=\"fs-xs text-light\">{{ row.dateLabel }}</span>\n                </div>\n              </td>\n\n              <td>\n                <div class=\"flex min-w-52 items-center gap-xs\">\n                  <ed-avatar\n                    shape=\"box\"\n                    size=\"base\"\n                    [initials]=\"row.initials\"\n                    [tone]=\"row.avatarTone\"\n                  />\n                  <div class=\"grid min-w-0 gap-2xs\">\n                    <div class=\"flex min-w-0 items-center gap-2xs\">\n                      <span\n                        class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold text-dark\"\n                        [smartTooltip]=\"row.name\"\n                        [tooltipOnlyWhenTruncated]=\"true\"\n                      >{{ row.name }}</span>\n                      <!-- <span class=\"inline-flex shrink-0 text-light\">\n                        <ed-icon name=\"TagSimple\" [size]=\"14\" color=\"currentColor\" />\n                      </span> -->\n                    </div>\n                    <span\n                      class=\"inline-block min-w-0 max-w-64 truncate fs-xs text-light\"\n                      [smartTooltip]=\"row.metaLine\"\n                      [tooltipOnlyWhenTruncated]=\"true\"\n                    >{{ row.metaLine }}</span>\n                  </div>\n                </div>\n              </td>\n\n              <td class=\"text-center\">\n                <span\n                  class=\"inline-flex h-5 w-5 items-center justify-center rounded\"\n                  [class.bg-success-50]=\"row.direction === 'inbound'\"\n                  [class.text-success]=\"row.direction === 'inbound'\"\n                  [class.bg-primary-50]=\"row.direction === 'outbound'\"\n                  [class.text-primary]=\"row.direction === 'outbound'\"\n                  [smartTooltip]=\"row.directionTitle\"\n                  [attr.aria-label]=\"row.directionTitle\"\n                >\n                  <ed-icon [name]=\"row.directionIcon\" [size]=\"12\" color=\"currentColor\" />\n                </span>\n              </td>\n\n              <td>\n                <div class=\"grid gap-2xs\">\n                  @for (goal of row.goals; track goal) {\n                    <span\n                      class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-medium text-dark\"\n                      [smartTooltip]=\"goal\"\n                      [tooltipOnlyWhenTruncated]=\"true\"\n                    >{{ goal }}</span>\n                  } @empty {\n                    <span class=\"fs-sm text-light\">\u2014</span>\n                  }\n                </div>\n              </td>\n\n              <td>\n                <ed-badge-2 [attr.variant]=\"row.handledVariant\" pill uppercase>\n                  {{ row.handledLabel }}\n                </ed-badge-2>\n              </td>\n\n              <td>\n                <ed-badge-2 [attr.variant]=\"row.resolutionVariant\" pill uppercase>\n                  {{ row.resolutionLabel }}\n                </ed-badge-2>\n              </td>\n\n              <td>\n                <div class=\"flex min-w-0 max-w-80 flex-wrap gap-2xs\">\n                  @for (chip of row.resultChips; track chip.label) {\n                    <span\n                      class=\"inline-flex h-5 max-w-48 min-w-0 items-center gap-2xs rounded bg-light px-2xs fs-xs font-medium text-dark\"\n                    >\n                      <ed-icon [name]=\"chip.icon\" [size]=\"12\" color=\"currentColor\" />\n                      <span\n                        class=\"min-w-0 truncate\"\n                        [smartTooltip]=\"chip.label\"\n                        [tooltipOnlyWhenTruncated]=\"true\"\n                      >{{ chip.label }}</span>\n                    </span>\n                  } @empty {\n                    <span class=\"fs-sm text-light\">\u2014</span>\n                  }\n                </div>\n              </td>\n\n              <td class=\"whitespace-nowrap tabular-nums fs-sm font-medium\">\n                {{ row.durationLabel }}\n              </td>\n            </tr>\n          } @empty {\n            <tr class=\"empty-row\">\n              <td colspan=\"8\" class=\"py-lg text-center fs-sm text-light\">\n                No calls match this filter.\n              </td>\n            </tr>\n          }\n        </tbody>\n      }\n    </table>\n  </div>\n\n  <footer class=\"mt-base flex shrink-0 items-center justify-between border-t border-light pt-sm hidden\">\n    <span class=\"fs-sm text-light\">\n      Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total\n    </span>\n    <div class=\"flex gap-xs\">\n      <ed-button\n        variant=\"secondary\"\n        outline\n        size=\"sm\"\n        [disabled]=\"page() <= 1\"\n        (click$)=\"prevPage()\"\n      >\n        Previous\n      </ed-button>\n      <ed-button\n        variant=\"secondary\"\n        outline\n        size=\"sm\"\n        [disabled]=\"page() >= totalPages()\"\n        (click$)=\"nextPage()\"\n      >\n        Next\n      </ed-button>\n    </div>\n  </footer>\n</div>\n", styles: [":host{display:block;height:100%;min-height:0}.call-history-page{height:100%;min-height:24rem}.call-history-page__table{min-height:16rem}\n"] }]
+        }] });
+
+export { CallHistoryPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-call-history-page.component-CcwwO5SO.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-call-history-page.component-CcwwO5SO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-call-history-page.component-CcwwO5SO.mjs","sources":["../../../src/lib/pages/call-history-page/call-history-page.component.ts","../../../src/lib/pages/call-history-page/call-history-page.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  CUSTOM_ELEMENTS_SCHEMA,\n  inject,\n  OnInit,\n  signal,\n} from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { FormsModule } from '@angular/forms';\n\nimport { HistoryCall } from '../../models/ai-receptionist.types';\nimport { DEFAULT_PAGE_SIZE, totalPages as calcTotalPages } from '../../models/pagination';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { CallReviewService } from '../../services/call-review.service';\nimport {\n  callerMetaLine,\n  historyResolution,\n  historyResolutionLabel,\n  historyResultChips,\n  resultChipIcon,\n} from '../../utils/call-history-display.util';\nimport { isNeedsReview, ReviewFilterTab } from '../../utils/call-review.util';\nimport { EdButtonComponent } from '../../ui/ed-button.component';\nimport { EdSkeletonComponent } from '../../ui/ed-skeleton.component';\n\nimport { SmartTooltipDirective } from '../../shared/smart-tooltip.directive';\nimport { TABLE_SKELETON_ROWS } from '../../shared/table-skeleton.constants';\nimport { ToastService } from '../../shared/toast.service';\nimport { triggerBlobDownload } from '../../utils/csv-download.util';\nimport { EdAvatarComponent } from '../../ui/ed-avatar.component';\nimport { IconComponent } from '../../ui/ed-icon.component';\nimport { EdIconButtonComponent } from '../../ui/ed-icon-button.component';\nimport { EdsSearchFieldComponent } from '../../ui/eds-search-field.component';\n\ninterface HistoryRowVm {\n  id: string;\n  name: string;\n  initials: string;\n  avatarTone: 'gray' | 'brand';\n  metaLine: string;\n  timeLabel: string;\n  dateLabel: string;\n  direction: 'inbound' | 'outbound';\n  directionIcon: string;\n  directionTitle: string;\n  goals: string[];\n  handledLabel: string;\n  handledVariant: 'opened' | 'primary';\n  resolutionLabel: string;\n  resolutionVariant: 'success' | 'warning';\n  resultChips: { label: string; icon: string }[];\n  durationLabel: string;\n  needsReview: boolean;\n}\n\n@Component({\n  selector: 'eds-call-history-page',\n  imports: [\n    FormsModule,\n    EdAvatarComponent,\n    IconComponent,\n    EdIconButtonComponent,\n    EdButtonComponent,\n    EdsSearchFieldComponent,\n    SmartTooltipDirective,\n    EdSkeletonComponent,\n  ],\n  templateUrl: './call-history-page.component.html',\n  styleUrl: './call-history-page.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  host: { class: 'block h-full min-h-0' },\n})\nexport class CallHistoryPageComponent implements OnInit {\n  private readonly api = inject(AiReceptionistApiService);\n  private readonly reviewService = inject(CallReviewService);\n  private readonly toast = inject(ToastService);\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n\n  protected readonly pageSize = DEFAULT_PAGE_SIZE;\n  protected readonly rows = signal<HistoryCall[]>([]);\n  protected readonly total = signal(0);\n  protected readonly page = signal(1);\n  protected readonly loading = signal(true);\n  protected readonly skeletonRows = TABLE_SKELETON_ROWS;\n  protected readonly reviewingId = signal<string | null>(null);\n  protected readonly search = signal('');\n  protected readonly direction = signal('');\n  protected readonly outcome = signal('');\n  protected readonly location = signal('');\n  protected readonly reviewTab = signal<ReviewFilterTab>('all');\n  protected readonly filtersOpen = signal(false);\n  protected readonly exporting = signal(false);\n\n  protected toggleFilters(event?: Event): void {\n    event?.stopPropagation();\n    this.filtersOpen.update((open) => !open);\n  }\n\n  protected closeFilters(): void {\n    this.filtersOpen.set(false);\n  }\n\n  protected onFiltersDocClick(event: MouseEvent): void {\n    const target = event.target as HTMLElement | null;\n    if (!target?.closest('[data-history-filters]')) {\n      this.filtersOpen.set(false);\n    }\n  }\n\n  protected readonly reviewTabs: { id: ReviewFilterTab; label: string }[] = [\n    { id: 'all', label: 'All' },\n    { id: 'needs', label: 'Needs review' },\n    { id: 'reviewed', label: 'Reviewed' },\n  ];\n\n  protected readonly totalPages = computed(() => calcTotalPages(this.total(), DEFAULT_PAGE_SIZE));\n\n  protected readonly tableRows = computed(() => this.rows().map((row) => this.toRow(row)));\n\n  ngOnInit(): void {\n    const reviewParam = this.route.snapshot.queryParamMap.get('review');\n    if (reviewParam === 'needs' || reviewParam === 'reviewed') {\n      this.reviewTab.set(reviewParam);\n    }\n    this.load();\n  }\n\n  protected load(): void {\n    this.loading.set(true);\n    const tab = this.reviewTab();\n    this.api\n      .getHistory({\n        q: this.search() || undefined,\n        dir: this.direction() || undefined,\n        outcome: this.outcome() || undefined,\n        location: this.location() || undefined,\n        review: tab === 'all' ? undefined : tab,\n        page: this.page(),\n        limit: DEFAULT_PAGE_SIZE,\n      })\n      .subscribe({\n        next: ({ items, total, page }) => {\n          this.rows.set(items);\n          this.total.set(total);\n          this.page.set(page);\n          this.loading.set(false);\n        },\n        error: () => this.loading.set(false),\n      });\n  }\n\n  protected onSearchInput(value: string): void {\n    this.search.set(value);\n    if (!value.trim()) {\n      this.page.set(1);\n      this.load();\n    }\n  }\n\n  protected applyFilters(): void {\n    this.page.set(1);\n    this.load();\n  }\n\n  protected setReviewTab(tab: ReviewFilterTab): void {\n    this.reviewTab.set(tab);\n    this.page.set(1);\n    void this.router.navigate([], {\n      relativeTo: this.route,\n      queryParams: tab === 'all' ? { review: null } : { review: tab },\n      queryParamsHandling: 'merge',\n      replaceUrl: true,\n    });\n    this.load();\n  }\n\n  protected tabBadgeCount(tab: ReviewFilterTab): number | null {\n    if (tab !== 'needs' || this.reviewTab() !== 'needs') return null;\n    const count = this.total();\n    return count > 0 ? count : null;\n  }\n\n  protected prevPage(): void {\n    if (this.page() <= 1) return;\n    this.page.update((p) => p - 1);\n    this.load();\n  }\n\n  protected nextPage(): void {\n    if (this.page() >= this.totalPages()) return;\n    this.page.update((p) => p + 1);\n    this.load();\n  }\n\n  protected markReviewed(row: HistoryCall, event: Event): void {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!isNeedsReview(row.review) || this.reviewingId()) return;\n\n    this.reviewingId.set(row.id);\n    this.rows.update((list) =>\n      list.map((r) => (r.id === row.id ? { ...r, review: 'reviewed' as const } : r)),\n    );\n\n    this.reviewService.markReviewed(row.id).subscribe({\n      next: () => {\n        this.reviewingId.set(null);\n        this.toast.show('Call marked as reviewed', 'success');\n        if (this.reviewTab() === 'needs') this.load();\n      },\n      error: () => {\n        this.reviewingId.set(null);\n        this.rows.update((list) =>\n          list.map((r) => (r.id === row.id ? { ...r, review: 'needs' as const } : r)),\n        );\n        this.toast.show('Failed to mark call as reviewed', 'error');\n      },\n    });\n  }\n\n  protected openCallDetail(id: string): void {\n    void this.router.navigate(['../history', id], { relativeTo: this.route });\n  }\n\n  protected exportCsv(): void {\n    if (this.exporting()) return;\n    this.exporting.set(true);\n    const tab = this.reviewTab();\n    this.api\n      .exportHistoryCsv({\n        q: this.search() || undefined,\n        dir: this.direction() || undefined,\n        outcome: this.outcome() || undefined,\n        location: this.location() || undefined,\n        review: tab === 'all' ? undefined : tab,\n      })\n      .subscribe({\n        next: ({ blob, filename }) => {\n          triggerBlobDownload(blob, filename);\n          this.exporting.set(false);\n          this.toast.show('Export downloaded', 'success');\n        },\n        error: (err: { message?: string }) => {\n          this.exporting.set(false);\n          this.toast.show(err.message ?? 'Failed to export CSV', 'error');\n        },\n      });\n  }\n\n  private toRow(row: HistoryCall): HistoryRowVm {\n    const resolution = historyResolution({\n      outcome: row.outcome,\n      resolution: row.resolution,\n      risk: row.risk,\n    });\n    const handledByStaff = row.handledBy === 'staff';\n\n    return {\n      id: row.id,\n      name: row.name?.trim() || 'Unknown Caller',\n      initials: row.initials || '?',\n      avatarTone: this.avatarTone(row),\n      metaLine: callerMetaLine({\n        dob: row.dob,\n        age: row.age,\n        gender: row.gender,\n        phone: row.phone,\n        name: row.name,\n      }),\n      timeLabel: row.started ? this.formatTime(row.started) : row.whenLabel || '—',\n      dateLabel: row.started ? this.formatDate(row.started) : '',\n      direction: row.direction,\n      directionIcon: row.direction === 'inbound' ? 'call_received' : 'call_made',\n      directionTitle: row.direction === 'inbound' ? 'Incoming call' : 'Outgoing call',\n      goals: this.goalLines(row.reason),\n      handledLabel: handledByStaff ? 'STAFF' : 'AI',\n      handledVariant: handledByStaff ? 'primary' : 'opened',\n      resolutionLabel: historyResolutionLabel(resolution),\n      resolutionVariant: resolution === 'resolved' ? 'success' : 'warning',\n      resultChips: historyResultChips(row.results, row.outcome).map((label) => ({\n        label,\n        icon: resultChipIcon(label),\n      })),\n      durationLabel: row.durationLabel ?? this.formatDuration(row.duration),\n      needsReview: isNeedsReview(row.review),\n    };\n  }\n\n  private goalLines(reason: string | undefined): string[] {\n    const raw = String(reason ?? '').trim();\n    if (!raw) return [];\n    return raw\n      .split(/[\\n;|/]+/)\n      .map((part) => part.trim())\n      .filter(Boolean);\n  }\n\n  private avatarTone(row: HistoryCall): 'gray' | 'brand' {\n    if (!row.name?.trim() || /^unknown/i.test(row.name) || row.initials === '?') return 'gray';\n    return 'brand';\n  }\n\n  private formatTime(ts: number): string {\n    return new Date(ts).toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' });\n  }\n\n  private formatDate(ts: number): string {\n    return new Date(ts).toLocaleDateString([], { month: 'short', day: 'numeric', year: 'numeric' });\n  }\n\n  private formatDuration(sec: number): string {\n    const m = Math.floor(sec / 60);\n    const s = sec % 60;\n    return `${m}:${s.toString().padStart(2, '0')}`;\n  }\n}\n","<div class=\"call-history-page flex min-h-0 flex-col overflow-hidden bg-lighter p-base\">\n  <header class=\"relative z-10 mb-md flex shrink-0 items-start justify-between gap-base bg-lighter\">\n    <div class=\"grid gap-2xs\">\n      <h4>Call History</h4>\n      <p class=\"fs-sm text-light\">\n        Review past conversations and understand what happened during each call\n      </p>\n    </div>\n    <div class=\"flex shrink-0 items-center gap-base\">\n      <div class=\"relative w-60\">\n        <eds-search-field\n          inputClass=\"form-input w-full\"\n          placeholder=\"Search here\"\n          ariaLabel=\"Search call history\"\n          [value]=\"search()\"\n          (valueChange)=\"onSearchInput($event)\"\n          (enter)=\"applyFilters()\"\n        />\n        <span class=\"pointer-events-none absolute inset-y-0 right-3 inline-flex items-center text-lighter\">\n          <ed-icon name=\"search\" [size]=\"20\" color=\"currentColor\" />\n        </span>\n      </div>\n      <div\n        class=\"relative\"\n        data-history-filters\n        (document:click)=\"onFiltersDocClick($event)\"\n      >\n        <ed-icon-button\n          name=\"filter_alt\"\n          label=\"Filters\"\n          size=\"md\"\n          outline\n          allowBubble\n          [pressed]=\"filtersOpen()\"\n          toggle\n          (click$)=\"toggleFilters($event)\"\n        />\n        @if (filtersOpen()) {\n          <div\n            class=\"absolute right-0 top-[calc(100%+4px)] z-20 w-80 rounded-md border border-light bg-white shadow-md\"\n            role=\"dialog\"\n            aria-label=\"Filter Options\"\n            (click)=\"$event.stopPropagation()\"\n          >\n            <header class=\"flex items-center justify-between border-b border-light px-base py-sm\">\n              <h5 class=\"m-0\">Filter Options</h5>\n              <ed-icon-button\n                name=\"close\"\n                size=\"sm\"\n                label=\"Close filters\"\n                (click$)=\"closeFilters()\"\n              />\n            </header>\n            <section class=\"grid gap-sm p-base\">\n              <div class=\"grid gap-2xs\">\n                <label class=\"fs-sm font-semibold text-light\" for=\"call-history-direction\">Direction</label>\n                <select\n                  id=\"call-history-direction\"\n                  class=\"form-select is-sm\"\n                  [ngModel]=\"direction()\"\n                  (ngModelChange)=\"direction.set($event)\"\n                  autocomplete=\"off\"\n                  aria-label=\"Direction\"\n                >\n                  <option value=\"\">All directions</option>\n                  <option value=\"inbound\">Inbound</option>\n                  <option value=\"outbound\">Outbound</option>\n                </select>\n              </div>\n              <div class=\"grid gap-2xs\">\n                <label class=\"fs-sm font-semibold text-light\">Outcome</label>\n                <eds-search-field\n                  type=\"text\"\n                  inputClass=\"form-input is-sm\"\n                  placeholder=\"Outcome\"\n                  ariaLabel=\"Outcome\"\n                  [value]=\"outcome()\"\n                  (valueChange)=\"outcome.set($event)\"\n                  (enter)=\"applyFilters(); closeFilters()\"\n                />\n              </div>\n              <div class=\"grid gap-2xs\">\n                <label class=\"fs-sm font-semibold text-light\">Location</label>\n                <eds-search-field\n                  type=\"text\"\n                  inputClass=\"form-input is-sm\"\n                  placeholder=\"Location\"\n                  ariaLabel=\"Location\"\n                  [value]=\"location()\"\n                  (valueChange)=\"location.set($event)\"\n                  (enter)=\"applyFilters(); closeFilters()\"\n                />\n              </div>\n            </section>\n            <footer class=\"flex flex-row-reverse flex-wrap items-center gap-sm border-t border-light px-base py-sm\">\n              <ed-button\n                variant=\"primary\"\n                fill\n                size=\"sm\"\n                (click$)=\"applyFilters(); closeFilters()\"\n              >\n                Apply\n              </ed-button>\n              <ed-button\n                variant=\"secondary\"\n                outline\n                size=\"sm\"\n                [disabled]=\"exporting()\"\n                (click$)=\"exportCsv()\"\n              >\n                <ed-icon slot=\"prefix\" name=\"download\" [size]=\"16\" />\n                Export CSV\n              </ed-button>\n            </footer>\n          </div>\n        }\n      </div>\n    </div>\n  </header>\n\n  <div class=\"call-history-page__table eds-table-scroll min-h-0 min-w-0 flex-1 rounded-md bg-white\">\n    <table class=\"table-default eds-sticky-table eds-centered-table min-w-5xl w-full\" aria-label=\"Call history\">\n      <thead>\n        <tr>\n          <th class=\"bg-light\">Time</th>\n          <th class=\"bg-light\">Patient/Caller</th>\n          <th class=\"bg-light text-center\">\n            <span class=\"inline-flex items-center justify-center gap-2xs\">\n              <ed-icon name=\"call_received\" [size]=\"12\" class=\"text-success\" color=\"currentColor\" />\n              <span class=\"text-light\">/</span>\n              <ed-icon name=\"call_made\" [size]=\"12\" class=\"text-primary\" color=\"currentColor\" />\n            </span>\n          </th>\n          <th class=\"bg-light\">Goal</th>\n          <th class=\"bg-light\">Handled By</th>\n          <th class=\"bg-light\">Resolution</th>\n          <th class=\"bg-light\">Result</th>\n          <th class=\"bg-light\">Duration</th>\n        </tr>\n      </thead>\n      @if (loading()) {\n        <tbody aria-busy=\"true\">\n          @for (_ of skeletonRows; track _) {\n            <tr>\n              <td>\n                <div class=\"grid gap-2xs py-2xs\">\n                  <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\n                  <ed-skeleton class=\"h-3 w-20\"></ed-skeleton>\n                </div>\n              </td>\n              <td>\n                <div class=\"flex items-center gap-xs py-2xs\">\n                  <ed-skeleton class=\"h-8 w-8 !rounded-md\"></ed-skeleton>\n                  <div class=\"grid gap-2xs\">\n                    <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\n                    <ed-skeleton class=\"h-3 w-36\"></ed-skeleton>\n                  </div>\n                </div>\n              </td>\n              <td class=\"text-center\">\n                <div class=\"flex justify-center py-2xs\">\n                  <ed-skeleton class=\"h-5 w-5 !rounded\"></ed-skeleton>\n                </div>\n              </td>\n              <td><ed-skeleton class=\"h-3 w-32\"></ed-skeleton></td>\n              <td><ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton></td>\n              <td><ed-skeleton class=\"h-5 w-24 !rounded-full\"></ed-skeleton></td>\n              <td><ed-skeleton class=\"h-5 w-28 !rounded\"></ed-skeleton></td>\n              <td><ed-skeleton class=\"h-3 w-12\"></ed-skeleton></td>\n            </tr>\n          }\n        </tbody>\n      } @else {\n      <tbody>\n          @for (row of tableRows(); track row.id; let i = $index) {\n            <tr\n              class=\"focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary\"\n              role=\"button\"\n              [attr.tabindex]=\"i === 0 ? 0 : -1\"\n              [attr.aria-label]=\"'View call details for ' + row.name\"\n              (click)=\"openCallDetail(row.id)\"\n              (keyup.enter)=\"openCallDetail(row.id)\"\n            >\n              <td>\n                <div class=\"grid gap-2xs whitespace-nowrap\">\n                  <span class=\"fs-xs font-medium text-dark\">{{ row.timeLabel }}</span>\n                  <span class=\"fs-xs text-light\">{{ row.dateLabel }}</span>\n                </div>\n              </td>\n\n              <td>\n                <div class=\"flex min-w-52 items-center gap-xs\">\n                  <ed-avatar\n                    shape=\"box\"\n                    size=\"base\"\n                    [initials]=\"row.initials\"\n                    [tone]=\"row.avatarTone\"\n                  />\n                  <div class=\"grid min-w-0 gap-2xs\">\n                    <div class=\"flex min-w-0 items-center gap-2xs\">\n                      <span\n                        class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold text-dark\"\n                        [smartTooltip]=\"row.name\"\n                        [tooltipOnlyWhenTruncated]=\"true\"\n                      >{{ row.name }}</span>\n                      <!-- <span class=\"inline-flex shrink-0 text-light\">\n                        <ed-icon name=\"TagSimple\" [size]=\"14\" color=\"currentColor\" />\n                      </span> -->\n                    </div>\n                    <span\n                      class=\"inline-block min-w-0 max-w-64 truncate fs-xs text-light\"\n                      [smartTooltip]=\"row.metaLine\"\n                      [tooltipOnlyWhenTruncated]=\"true\"\n                    >{{ row.metaLine }}</span>\n                  </div>\n                </div>\n              </td>\n\n              <td class=\"text-center\">\n                <span\n                  class=\"inline-flex h-5 w-5 items-center justify-center rounded\"\n                  [class.bg-success-50]=\"row.direction === 'inbound'\"\n                  [class.text-success]=\"row.direction === 'inbound'\"\n                  [class.bg-primary-50]=\"row.direction === 'outbound'\"\n                  [class.text-primary]=\"row.direction === 'outbound'\"\n                  [smartTooltip]=\"row.directionTitle\"\n                  [attr.aria-label]=\"row.directionTitle\"\n                >\n                  <ed-icon [name]=\"row.directionIcon\" [size]=\"12\" color=\"currentColor\" />\n                </span>\n              </td>\n\n              <td>\n                <div class=\"grid gap-2xs\">\n                  @for (goal of row.goals; track goal) {\n                    <span\n                      class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-medium text-dark\"\n                      [smartTooltip]=\"goal\"\n                      [tooltipOnlyWhenTruncated]=\"true\"\n                    >{{ goal }}</span>\n                  } @empty {\n                    <span class=\"fs-sm text-light\">—</span>\n                  }\n                </div>\n              </td>\n\n              <td>\n                <ed-badge-2 [attr.variant]=\"row.handledVariant\" pill uppercase>\n                  {{ row.handledLabel }}\n                </ed-badge-2>\n              </td>\n\n              <td>\n                <ed-badge-2 [attr.variant]=\"row.resolutionVariant\" pill uppercase>\n                  {{ row.resolutionLabel }}\n                </ed-badge-2>\n              </td>\n\n              <td>\n                <div class=\"flex min-w-0 max-w-80 flex-wrap gap-2xs\">\n                  @for (chip of row.resultChips; track chip.label) {\n                    <span\n                      class=\"inline-flex h-5 max-w-48 min-w-0 items-center gap-2xs rounded bg-light px-2xs fs-xs font-medium text-dark\"\n                    >\n                      <ed-icon [name]=\"chip.icon\" [size]=\"12\" color=\"currentColor\" />\n                      <span\n                        class=\"min-w-0 truncate\"\n                        [smartTooltip]=\"chip.label\"\n                        [tooltipOnlyWhenTruncated]=\"true\"\n                      >{{ chip.label }}</span>\n                    </span>\n                  } @empty {\n                    <span class=\"fs-sm text-light\">—</span>\n                  }\n                </div>\n              </td>\n\n              <td class=\"whitespace-nowrap tabular-nums fs-sm font-medium\">\n                {{ row.durationLabel }}\n              </td>\n            </tr>\n          } @empty {\n            <tr class=\"empty-row\">\n              <td colspan=\"8\" class=\"py-lg text-center fs-sm text-light\">\n                No calls match this filter.\n              </td>\n            </tr>\n          }\n        </tbody>\n      }\n    </table>\n  </div>\n\n  <footer class=\"mt-base flex shrink-0 items-center justify-between border-t border-light pt-sm hidden\">\n    <span class=\"fs-sm text-light\">\n      Page {{ page() }} of {{ totalPages() }} · {{ total() }} total\n    </span>\n    <div class=\"flex gap-xs\">\n      <ed-button\n        variant=\"secondary\"\n        outline\n        size=\"sm\"\n        [disabled]=\"page() <= 1\"\n        (click$)=\"prevPage()\"\n      >\n        Previous\n      </ed-button>\n      <ed-button\n        variant=\"secondary\"\n        outline\n        size=\"sm\"\n        [disabled]=\"page() >= totalPages()\"\n        (click$)=\"nextPage()\"\n      >\n        Next\n      </ed-button>\n    </div>\n  </footer>\n</div>\n"],"names":["calcTotalPages"],"mappings":"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"}

package/fesm2022/{edvak99-voice-receptionist-widget-call-recording-player.component-4fL-zUWy.mjs → edvak99-voice-receptionist-widget-call-recording-player.component-BepxNLNQ.mjs}

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { input, output, viewChild, inject, DestroyRef, signal, ChangeDetectionStrategy, Component } from '@angular/core';
 import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { distinctUntilChanged, tap, switchMap, EMPTY, map, catchError } from 'rxjs';
-import { A as AiReceptionistApiService, I as IconComponent, g as EdSkeletonComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-DDS7VdnD.mjs';
+import { A as AiReceptionistApiService, I as IconComponent, g as EdSkeletonComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-CJ1L6QeE.mjs';
 
 class CallRecordingPlayerComponent {
     constructor() {
@@ -107,4 +107,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
         }], ctorParameters: () => [] });
 
 export { CallRecordingPlayerComponent as C };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-call-recording-player.component-4fL-zUWy.mjs.map
+//# sourceMappingURL=edvak99-voice-receptionist-widget-call-recording-player.component-BepxNLNQ.mjs.map

package/fesm2022/{edvak99-voice-receptionist-widget-call-recording-player.component-4fL-zUWy.mjs.map → edvak99-voice-receptionist-widget-call-recording-player.component-BepxNLNQ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"edvak99-voice-receptionist-widget-call-recording-player.component-4fL-zUWy.mjs","sources":["../../../src/lib/components/call-recording-player/call-recording-player.component.ts","../../../src/lib/components/call-recording-player/call-recording-player.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  inject,\n  input,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport { catchError, distinctUntilChanged, EMPTY, map, switchMap, tap } from 'rxjs';\n\nimport { EdSkeletonComponent } from '../../ui/ed-skeleton.component';\n\nimport { CallRecordingStatus } from '../../models/ai-receptionist.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { IconComponent } from '../../ui/ed-icon.component';\n\ntype PlayerPhase = 'loading' | CallRecordingStatus | 'error';\n\n@Component({\n    selector: 'eds-call-recording-player',\n    imports: [IconComponent, EdSkeletonComponent],\n    templateUrl: './call-recording-player.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CallRecordingPlayerComponent {\n  readonly callId = input.required<string>();\n  readonly currentTimeChange = output<number>();\n  readonly durationChange = output<number>();\n\n  private readonly audioRef = viewChild<ElementRef<HTMLAudioElement>>('audioEl');\n\n  private readonly api = inject(AiReceptionistApiService);\n  private readonly destroyRef = inject(DestroyRef);\n\n  protected readonly phase = signal<PlayerPhase>('loading');\n  protected readonly blobUrl = signal<string | null>(null);\n  protected readonly durationSeconds = signal<number | null>(null);\n  protected readonly message = signal<string | null>(null);\n\n  /** Tracked outside signals so cleanup never reads blobUrl (avoids effect/subscription loops). */\n  private objectUrl: string | null = null;\n\n  constructor() {\n    toObservable(this.callId)\n      .pipe(\n        distinctUntilChanged(),\n        tap(() => this.revokeObjectUrl()),\n        switchMap((id) => {\n          if (!id) {\n            this.resetUi();\n            return EMPTY;\n          }\n          this.phase.set('loading');\n          this.message.set(null);\n          return this.api.getCallRecording(id).pipe(\n            switchMap((meta) => {\n              if (meta.status !== 'ready' || !meta.url) {\n                this.phase.set(meta.status);\n                this.message.set(meta.message ?? null);\n                this.durationSeconds.set(meta.durationSeconds ?? null);\n                return EMPTY;\n              }\n              this.durationSeconds.set(meta.durationSeconds ?? null);\n              return this.api.getCallRecordingBlob(meta.url).pipe(\n                map((blob) => blob),\n                catchError(() => {\n                  this.phase.set('error');\n                  this.message.set('Could not load recording audio.');\n                  return EMPTY;\n                }),\n              );\n            }),\n            catchError(() => {\n              this.phase.set('unavailable');\n              this.message.set('Could not load recording metadata.');\n              return EMPTY;\n            }),\n          );\n        }),\n        takeUntilDestroyed(),\n      )\n      .subscribe((blob) => {\n        this.revokeObjectUrl();\n        this.objectUrl = URL.createObjectURL(blob);\n        this.blobUrl.set(this.objectUrl);\n        this.phase.set('ready');\n        this.message.set(null);\n        const dur = this.durationSeconds();\n        if (dur != null && dur > 0) {\n          this.durationChange.emit(dur);\n        }\n      });\n\n    this.destroyRef.onDestroy(() => this.revokeObjectUrl());\n  }\n\n  protected formatDuration(seconds: number): string {\n    const m = Math.floor(seconds / 60);\n    const s = seconds % 60;\n    return `${m}:${s.toString().padStart(2, '0')}`;\n  }\n\n  protected onAudioError(): void {\n    this.phase.set('error');\n    this.message.set('Playback error — try reloading the page.');\n  }\n\n  protected onTimeUpdate(event: Event): void {\n    const el = event.target as HTMLAudioElement;\n    this.currentTimeChange.emit(el.currentTime);\n  }\n\n  protected onLoadedMetadata(event: Event): void {\n    const el = event.target as HTMLAudioElement;\n    if (Number.isFinite(el.duration) && el.duration > 0) {\n      this.durationChange.emit(el.duration);\n    }\n  }\n\n  /** Seek playback — used by synced transcript lines. */\n  seekTo(seconds: number): void {\n    const el = this.audioRef()?.nativeElement;\n    if (!el) return;\n    el.currentTime = Math.max(0, seconds);\n    void el.play().catch(() => undefined);\n    this.currentTimeChange.emit(el.currentTime);\n  }\n\n  private revokeObjectUrl(): void {\n    if (this.objectUrl) {\n      URL.revokeObjectURL(this.objectUrl);\n      this.objectUrl = null;\n    }\n    this.blobUrl.set(null);\n  }\n\n  private resetUi(): void {\n    this.phase.set('loading');\n    this.durationSeconds.set(null);\n    this.message.set(null);\n  }\n}\n","<section class=\"flex flex-col gap-3 rounded-lg border border-base bg-lighter p-4\" aria-labelledby=\"call-recording-title\">\n  <header class=\"flex items-center gap-2\">\n    <ed-icon name=\"graph_new\" [size]=\"20\" />\n    <h4 id=\"call-recording-title\" class=\"m-0 flex-1\">Call recording</h4>\n    @if (durationSeconds(); as dur) {\n      <span class=\"font-['IBM_Plex_Mono'] fs-sm text-light\">{{ formatDuration(dur) }}</span>\n    }\n  </header>\n\n  @switch (phase()) {\n    @case ('loading') {\n      <div class=\"grid gap-2\" aria-busy=\"true\">\n        <ed-skeleton class=\"h-10 w-full !rounded-md\"></ed-skeleton>\n        <ed-skeleton class=\"h-3 w-24\"></ed-skeleton>\n      </div>\n    }\n    @case ('ready') {\n      @if (blobUrl(); as src) {\n        <audio\n          #audioEl\n          class=\"h-10 w-full\"\n          controls\n          [src]=\"src\"\n          (error)=\"onAudioError()\"\n          (timeupdate)=\"onTimeUpdate($event)\"\n          (loadedmetadata)=\"onLoadedMetadata($event)\"\n        >\n          Your browser does not support audio playback.\n        </audio>\n      }\n    }\n    @case ('pending') {\n      <p class=\"fs-sm text-light m-0\">\n        {{ message() ?? 'Recording is still processing…' }}\n      </p>\n    }\n    @case ('unavailable') {\n      <p class=\"fs-sm text-light m-0\">\n        {{ message() ?? 'No recording available for this call.' }}\n      </p>\n    }\n    @case ('failed') {\n      <p class=\"fs-sm text-red-600 m-0\">\n        {{ message() ?? 'Recording could not be retrieved.' }}\n      </p>\n    }\n    @case ('error') {\n      <p class=\"fs-sm text-red-600 m-0\">\n        {{ message() ?? 'Playback error.' }}\n      </p>\n    }\n  }\n</section>\n"],"names":[],"mappings":";;;;;;MA4Ba,4BAA4B,CAAA;AAkBvC,IAAA,WAAA,GAAA;AAjBS,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAU;QACjC,IAAA,CAAA,iBAAiB,GAAG,MAAM,EAAU;QACpC,IAAA,CAAA,cAAc,GAAG,MAAM,EAAU;AAEzB,QAAA,IAAA,CAAA,QAAQ,GAAG,SAAS,CAA+B,SAAS,CAAC;AAE7D,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,wBAAwB,CAAC;AACtC,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAE7B,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAc,SAAS,CAAC;AACtC,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAgB,IAAI,CAAC;AACrC,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAgB,IAAI,CAAC;AAC7C,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAgB,IAAI,CAAC;;QAGhD,IAAA,CAAA,SAAS,GAAkB,IAAI;AAGrC,QAAA,YAAY,CAAC,IAAI,CAAC,MAAM;aACrB,IAAI,CACH,oBAAoB,EAAE,EACtB,GAAG,CAAC,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC,EACjC,SAAS,CAAC,CAAC,EAAE,KAAI;YACf,IAAI,CAAC,EAAE,EAAE;gBACP,IAAI,CAAC,OAAO,EAAE;AACd,gBAAA,OAAO,KAAK;YACd;AACA,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC;AACzB,YAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;AACtB,YAAA,OAAO,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,IAAI,CACvC,SAAS,CAAC,CAAC,IAAI,KAAI;gBACjB,IAAI,IAAI,CAAC,MAAM,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;oBACxC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;oBAC3B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC;oBACtC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC;AACtD,oBAAA,OAAO,KAAK;gBACd;gBACA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC;gBACtD,OAAO,IAAI,CAAC,GAAG,CAAC,oBAAoB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CACjD,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,EACnB,UAAU,CAAC,MAAK;AACd,oBAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;AACvB,oBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,iCAAiC,CAAC;AACnD,oBAAA,OAAO,KAAK;gBACd,CAAC,CAAC,CACH;AACH,YAAA,CAAC,CAAC,EACF,UAAU,CAAC,MAAK;AACd,gBAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC;AAC7B,gBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,oCAAoC,CAAC;AACtD,gBAAA,OAAO,KAAK;YACd,CAAC,CAAC,CACH;AACH,QAAA,CAAC,CAAC,EACF,kBAAkB,EAAE;AAErB,aAAA,SAAS,CAAC,CAAC,IAAI,KAAI;YAClB,IAAI,CAAC,eAAe,EAAE;YACtB,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;YAC1C,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;AAChC,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;AACvB,YAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;AACtB,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE;YAClC,IAAI,GAAG,IAAI,IAAI,IAAI,GAAG,GAAG,CAAC,EAAE;AAC1B,gBAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;YAC/B;AACF,QAAA,CAAC,CAAC;AAEJ,QAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC;IACzD;AAEU,IAAA,cAAc,CAAC,OAAe,EAAA;QACtC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;AAClC,QAAA,MAAM,CAAC,GAAG,OAAO,GAAG,EAAE;AACtB,QAAA,OAAO,CAAA,EAAG,CAAC,CAAA,CAAA,EAAI,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;IAChD;IAEU,YAAY,GAAA;AACpB,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;AACvB,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,0CAA0C,CAAC;IAC9D;AAEU,IAAA,YAAY,CAAC,KAAY,EAAA;AACjC,QAAA,MAAM,EAAE,GAAG,KAAK,CAAC,MAA0B;QAC3C,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC;IAC7C;AAEU,IAAA,gBAAgB,CAAC,KAAY,EAAA;AACrC,QAAA,MAAM,EAAE,GAAG,KAAK,CAAC,MAA0B;AAC3C,QAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,QAAQ,GAAG,CAAC,EAAE;YACnD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC;QACvC;IACF;;AAGA,IAAA,MAAM,CAAC,OAAe,EAAA;QACpB,MAAM,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,EAAE,aAAa;AACzC,QAAA,IAAI,CAAC,EAAE;YAAE;QACT,EAAE,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC;AACrC,QAAA,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,MAAM,SAAS,CAAC;QACrC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC;IAC7C;IAEQ,eAAe,GAAA;AACrB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC;AACnC,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI;QACvB;AACA,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;IACxB;IAEQ,OAAO,GAAA;AACb,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC;AACzB,QAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC;AAC9B,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;IACxB;+GApHW,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,SAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5BzC,usDAqDA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED7Bc,aAAa,sLAAE,mBAAmB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAInC,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBANxC,SAAS;+BACI,2BAA2B,EAAA,OAAA,EAC5B,CAAC,aAAa,EAAE,mBAAmB,CAAC,EAAA,eAAA,EAE5B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,usDAAA,EAAA;;;;;"}
+{"version":3,"file":"edvak99-voice-receptionist-widget-call-recording-player.component-BepxNLNQ.mjs","sources":["../../../src/lib/components/call-recording-player/call-recording-player.component.ts","../../../src/lib/components/call-recording-player/call-recording-player.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  inject,\n  input,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport { catchError, distinctUntilChanged, EMPTY, map, switchMap, tap } from 'rxjs';\n\nimport { EdSkeletonComponent } from '../../ui/ed-skeleton.component';\n\nimport { CallRecordingStatus } from '../../models/ai-receptionist.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { IconComponent } from '../../ui/ed-icon.component';\n\ntype PlayerPhase = 'loading' | CallRecordingStatus | 'error';\n\n@Component({\n    selector: 'eds-call-recording-player',\n    imports: [IconComponent, EdSkeletonComponent],\n    templateUrl: './call-recording-player.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CallRecordingPlayerComponent {\n  readonly callId = input.required<string>();\n  readonly currentTimeChange = output<number>();\n  readonly durationChange = output<number>();\n\n  private readonly audioRef = viewChild<ElementRef<HTMLAudioElement>>('audioEl');\n\n  private readonly api = inject(AiReceptionistApiService);\n  private readonly destroyRef = inject(DestroyRef);\n\n  protected readonly phase = signal<PlayerPhase>('loading');\n  protected readonly blobUrl = signal<string | null>(null);\n  protected readonly durationSeconds = signal<number | null>(null);\n  protected readonly message = signal<string | null>(null);\n\n  /** Tracked outside signals so cleanup never reads blobUrl (avoids effect/subscription loops). */\n  private objectUrl: string | null = null;\n\n  constructor() {\n    toObservable(this.callId)\n      .pipe(\n        distinctUntilChanged(),\n        tap(() => this.revokeObjectUrl()),\n        switchMap((id) => {\n          if (!id) {\n            this.resetUi();\n            return EMPTY;\n          }\n          this.phase.set('loading');\n          this.message.set(null);\n          return this.api.getCallRecording(id).pipe(\n            switchMap((meta) => {\n              if (meta.status !== 'ready' || !meta.url) {\n                this.phase.set(meta.status);\n                this.message.set(meta.message ?? null);\n                this.durationSeconds.set(meta.durationSeconds ?? null);\n                return EMPTY;\n              }\n              this.durationSeconds.set(meta.durationSeconds ?? null);\n              return this.api.getCallRecordingBlob(meta.url).pipe(\n                map((blob) => blob),\n                catchError(() => {\n                  this.phase.set('error');\n                  this.message.set('Could not load recording audio.');\n                  return EMPTY;\n                }),\n              );\n            }),\n            catchError(() => {\n              this.phase.set('unavailable');\n              this.message.set('Could not load recording metadata.');\n              return EMPTY;\n            }),\n          );\n        }),\n        takeUntilDestroyed(),\n      )\n      .subscribe((blob) => {\n        this.revokeObjectUrl();\n        this.objectUrl = URL.createObjectURL(blob);\n        this.blobUrl.set(this.objectUrl);\n        this.phase.set('ready');\n        this.message.set(null);\n        const dur = this.durationSeconds();\n        if (dur != null && dur > 0) {\n          this.durationChange.emit(dur);\n        }\n      });\n\n    this.destroyRef.onDestroy(() => this.revokeObjectUrl());\n  }\n\n  protected formatDuration(seconds: number): string {\n    const m = Math.floor(seconds / 60);\n    const s = seconds % 60;\n    return `${m}:${s.toString().padStart(2, '0')}`;\n  }\n\n  protected onAudioError(): void {\n    this.phase.set('error');\n    this.message.set('Playback error — try reloading the page.');\n  }\n\n  protected onTimeUpdate(event: Event): void {\n    const el = event.target as HTMLAudioElement;\n    this.currentTimeChange.emit(el.currentTime);\n  }\n\n  protected onLoadedMetadata(event: Event): void {\n    const el = event.target as HTMLAudioElement;\n    if (Number.isFinite(el.duration) && el.duration > 0) {\n      this.durationChange.emit(el.duration);\n    }\n  }\n\n  /** Seek playback — used by synced transcript lines. */\n  seekTo(seconds: number): void {\n    const el = this.audioRef()?.nativeElement;\n    if (!el) return;\n    el.currentTime = Math.max(0, seconds);\n    void el.play().catch(() => undefined);\n    this.currentTimeChange.emit(el.currentTime);\n  }\n\n  private revokeObjectUrl(): void {\n    if (this.objectUrl) {\n      URL.revokeObjectURL(this.objectUrl);\n      this.objectUrl = null;\n    }\n    this.blobUrl.set(null);\n  }\n\n  private resetUi(): void {\n    this.phase.set('loading');\n    this.durationSeconds.set(null);\n    this.message.set(null);\n  }\n}\n","<section class=\"flex flex-col gap-3 rounded-lg border border-base bg-lighter p-4\" aria-labelledby=\"call-recording-title\">\n  <header class=\"flex items-center gap-2\">\n    <ed-icon name=\"graph_new\" [size]=\"20\" />\n    <h4 id=\"call-recording-title\" class=\"m-0 flex-1\">Call recording</h4>\n    @if (durationSeconds(); as dur) {\n      <span class=\"font-['IBM_Plex_Mono'] fs-sm text-light\">{{ formatDuration(dur) }}</span>\n    }\n  </header>\n\n  @switch (phase()) {\n    @case ('loading') {\n      <div class=\"grid gap-2\" aria-busy=\"true\">\n        <ed-skeleton class=\"h-10 w-full !rounded-md\"></ed-skeleton>\n        <ed-skeleton class=\"h-3 w-24\"></ed-skeleton>\n      </div>\n    }\n    @case ('ready') {\n      @if (blobUrl(); as src) {\n        <audio\n          #audioEl\n          class=\"h-10 w-full\"\n          controls\n          [src]=\"src\"\n          (error)=\"onAudioError()\"\n          (timeupdate)=\"onTimeUpdate($event)\"\n          (loadedmetadata)=\"onLoadedMetadata($event)\"\n        >\n          Your browser does not support audio playback.\n        </audio>\n      }\n    }\n    @case ('pending') {\n      <p class=\"fs-sm text-light m-0\">\n        {{ message() ?? 'Recording is still processing…' }}\n      </p>\n    }\n    @case ('unavailable') {\n      <p class=\"fs-sm text-light m-0\">\n        {{ message() ?? 'No recording available for this call.' }}\n      </p>\n    }\n    @case ('failed') {\n      <p class=\"fs-sm text-red-600 m-0\">\n        {{ message() ?? 'Recording could not be retrieved.' }}\n      </p>\n    }\n    @case ('error') {\n      <p class=\"fs-sm text-red-600 m-0\">\n        {{ message() ?? 'Playback error.' }}\n      </p>\n    }\n  }\n</section>\n"],"names":[],"mappings":"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"}

package/fesm2022/{edvak99-voice-receptionist-widget-call-review.service-BhbCmB1S.mjs → edvak99-voice-receptionist-widget-call-review.service-nFqc30t3.mjs}

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { inject, signal, Injectable } from '@angular/core';
 import { tap, map } from 'rxjs';
-import { A as AiReceptionistApiService } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-DDS7VdnD.mjs';
+import { A as AiReceptionistApiService } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-CJ1L6QeE.mjs';
 
 class CallReviewService {
     constructor() {
@@ -26,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
         }] });
 
 export { CallReviewService as C };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-call-review.service-BhbCmB1S.mjs.map
+//# sourceMappingURL=edvak99-voice-receptionist-widget-call-review.service-nFqc30t3.mjs.map

package/fesm2022/{edvak99-voice-receptionist-widget-call-review.service-BhbCmB1S.mjs.map → edvak99-voice-receptionist-widget-call-review.service-nFqc30t3.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"edvak99-voice-receptionist-widget-call-review.service-BhbCmB1S.mjs","sources":["../../../src/lib/services/call-review.service.ts"],"sourcesContent":["import { Injectable, inject, signal } from '@angular/core';\nimport { Observable, map, tap } from 'rxjs';\n\nimport { CallReviewStatus } from '../utils/call-review.util';\nimport { AiReceptionistApiService } from './ai-receptionist-api.service';\n\n@Injectable({ providedIn: 'root' })\nexport class CallReviewService {\n  private readonly api = inject(AiReceptionistApiService);\n\n  /** Cached from dashboard summary; decremented optimistically on review. */\n  readonly needsReviewCount = signal<number | null>(null);\n\n  setNeedsReviewCount(count: number): void {\n    this.needsReviewCount.set(count);\n  }\n\n  markReviewed(callId: string): Observable<CallReviewStatus> {\n    return this.api.postReview(callId).pipe(\n      tap(() => {\n        this.needsReviewCount.update((c) => (c != null && c > 0 ? c - 1 : c));\n      }),\n      map(() => 'reviewed'),\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;MAOa,iBAAiB,CAAA;AAD9B,IAAA,WAAA,GAAA;AAEmB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,wBAAwB,CAAC;;AAG9C,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAgB,IAAI,CAAC;AAcxD,IAAA;AAZC,IAAA,mBAAmB,CAAC,KAAa,EAAA;AAC/B,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC;IAClC;AAEA,IAAA,YAAY,CAAC,MAAc,EAAA;AACzB,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CACrC,GAAG,CAAC,MAAK;AACP,YAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QACvE,CAAC,CAAC,EACF,GAAG,CAAC,MAAM,UAAU,CAAC,CACtB;IACH;+GAjBW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,cADJ,MAAM,EAAA,CAAA,CAAA;;4FACnB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAD7B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;;;"}
+{"version":3,"file":"edvak99-voice-receptionist-widget-call-review.service-nFqc30t3.mjs","sources":["../../../src/lib/services/call-review.service.ts"],"sourcesContent":["import { Injectable, inject, signal } from '@angular/core';\nimport { Observable, map, tap } from 'rxjs';\n\nimport { CallReviewStatus } from '../utils/call-review.util';\nimport { AiReceptionistApiService } from './ai-receptionist-api.service';\n\n@Injectable({ providedIn: 'root' })\nexport class CallReviewService {\n  private readonly api = inject(AiReceptionistApiService);\n\n  /** Cached from dashboard summary; decremented optimistically on review. */\n  readonly needsReviewCount = signal<number | null>(null);\n\n  setNeedsReviewCount(count: number): void {\n    this.needsReviewCount.set(count);\n  }\n\n  markReviewed(callId: string): Observable<CallReviewStatus> {\n    return this.api.postReview(callId).pipe(\n      tap(() => {\n        this.needsReviewCount.update((c) => (c != null && c > 0 ? c - 1 : c));\n      }),\n      map(() => 'reviewed'),\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;MAOa,iBAAiB,CAAA;AAD9B,IAAA,WAAA,GAAA;AAEmB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,wBAAwB,CAAC;;AAG9C,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAgB,IAAI,CAAC;AAcxD,IAAA;AAZC,IAAA,mBAAmB,CAAC,KAAa,EAAA;AAC/B,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC;IAClC;AAEA,IAAA,YAAY,CAAC,MAAc,EAAA;AACzB,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CACrC,GAAG,CAAC,MAAK;AACP,YAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QACvE,CAAC,CAAC,EACF,GAAG,CAAC,MAAM,UAAU,CAAC,CACtB;IACH;+GAjBW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,cADJ,MAAM,EAAA,CAAA,CAAA;;4FACnB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAD7B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;;;"}