@edvak99/voice-receptionist-widget 1.1.13 → 1.1.15

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

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-call-history-detail-page.component-Dx8WE3ej.mjs","sources":["../../../src/lib/utils/transcript-timing.util.ts","../../../src/lib/components/call-conversation-panel/call-conversation-panel.component.ts","../../../src/lib/components/call-conversation-panel/call-conversation-panel.component.html","../../../src/lib/components/call-tasks-panel/call-tasks-panel.component.ts","../../../src/lib/components/call-tasks-panel/call-tasks-panel.component.html","../../../src/lib/utils/call-outcome.util.ts","../../../src/lib/pages/call-history-detail-page/call-history-detail-page.component.ts","../../../src/lib/pages/call-history-detail-page/call-history-detail-page.component.html"],"sourcesContent":["import { ToolEvent, TranscriptLine } from '../models/ai-receptionist.types';\n\nexport interface TimedTranscriptLine extends TranscriptLine {\n  startSec: number;\n  endSec: number;\n  index: number;\n}\n\n/** Parse tool timestamp strings like \"1:02\" or \"0:42\" into seconds. */\nexport function parseClockTime(value: string): number | null {\n  const trimmed = value?.trim();\n  if (!trimmed) return null;\n  const parts = trimmed.split(':').map((p) => Number(p));\n  if (parts.some((n) => Number.isNaN(n))) return null;\n  if (parts.length === 2) return parts[0] * 60 + parts[1];\n  if (parts.length === 3) return parts[0] * 3600 + parts[1] * 60 + parts[2];\n  return null;\n}\n\nfunction resolveLineStart(line: TranscriptLine): number | null {\n  if (line.at != null && line.at >= 0) return line.at;\n  const raw = line as TranscriptLine & { offsetSeconds?: number; startTime?: number };\n  if (raw.offsetSeconds != null && raw.offsetSeconds >= 0) return raw.offsetSeconds;\n  if (raw.startTime != null && raw.startTime >= 0) return raw.startTime;\n  return null;\n}\n\n/**\n * Assign start/end seconds to transcript lines for audio sync.\n * Uses explicit `at` when present; otherwise estimates from call duration.\n */\nexport function buildTimedTranscript(\n  lines: TranscriptLine[],\n  durationSeconds: number,\n): TimedTranscriptLine[] {\n  if (!lines.length) return [];\n\n  const total = Math.max(durationSeconds, 1);\n  const explicit = lines.map((line) => resolveLineStart(line));\n  const allExplicit = explicit.every((t) => t != null);\n\n  const starts: number[] = new Array(lines.length).fill(0);\n\n  if (allExplicit) {\n    for (let i = 0; i < lines.length; i += 1) {\n      starts[i] = explicit[i]!;\n    }\n  } else {\n    const speakableCount = lines.filter((l) => l.who !== 'system').length;\n    const step = total / Math.max(speakableCount, 1);\n    let speakableIdx = 0;\n\n    for (let i = 0; i < lines.length; i += 1) {\n      if (explicit[i] != null) {\n        starts[i] = explicit[i]!;\n        continue;\n      }\n      const line = lines[i];\n      if (line.who === 'system') {\n        starts[i] = i > 0 ? starts[i - 1] : 0;\n        continue;\n      }\n      starts[i] = speakableIdx * step;\n      speakableIdx += 1;\n    }\n  }\n\n  return lines.map((line, index) => {\n    const startSec = starts[index];\n    const nextStart = starts.slice(index + 1).find((s) => s > startSec);\n    const endSec = nextStart ?? total;\n    return { ...line, startSec, endSec: Math.max(endSec, startSec + 0.5), index };\n  });\n}\n\nexport function activeTranscriptIndex(lines: TimedTranscriptLine[], currentSec: number): number {\n  if (!lines.length || currentSec < 0) return -1;\n  for (let i = lines.length - 1; i >= 0; i -= 1) {\n    if (currentSec >= lines[i].startSec) return i;\n  }\n  return 0;\n}\n\nexport function formatPlaybackTime(seconds: number): string {\n  const s = Math.max(0, Math.floor(seconds));\n  const m = Math.floor(s / 60);\n  const r = s % 60;\n  return `${m}:${r.toString().padStart(2, '0')}`;\n}\n\nexport function toolStateClass(state: ToolEvent['state']): string {\n  const map: Record<ToolEvent['state'], string> = {\n    ok: 'call-conversation__tool--ok',\n    warn: 'call-conversation__tool--warn',\n    error: 'call-conversation__tool--error',\n    active: 'call-conversation__tool--active',\n  };\n  return map[state] ?? '';\n}\n\nexport function transcriptRoleLabel(\n  who: TranscriptLine['who'],\n  callerName?: string | null,\n  callerMatched?: boolean,\n): string {\n  if (who === 'patient') {\n    const name = String(callerName ?? '').trim();\n    if (!name || callerMatched === false || /^unknown/i.test(name) || name === '?') {\n      return 'Unknown caller';\n    }\n    return name;\n  }\n  const labels: Record<Exclude<TranscriptLine['who'], 'patient'>, string> = {\n    ai: 'AI receptionist',\n    staff: 'Staff',\n    system: 'System',\n  };\n  return labels[who] ?? who;\n}\n","import { DatePipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  CUSTOM_ELEMENTS_SCHEMA,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\n\nimport { ToolEvent, TranscriptLine, TranscriptWho } from '../../models/ai-receptionist.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { ToastService } from '../../shared/toast.service';\nimport {\n  activeTranscriptIndex,\n  buildTimedTranscript,\n  formatPlaybackTime,\n  TimedTranscriptLine,\n  transcriptRoleLabel,\n} from '../../utils/transcript-timing.util';\nimport { toolEventTrackKey } from '../../utils/tool-labels.util';\nimport { EdButtonComponent } from '../../ui/ed-button.component';\n\nimport { CallRecordingPlayerComponent } from '../call-recording-player/call-recording-player.component';\nimport { type BadgeTone } from '../../ui/eds-badge.component';\nimport { IconComponent } from '../../ui/ed-icon.component';\n\n@Component({\n  selector: 'eds-call-conversation-panel',\n  imports: [\n    DatePipe,\n    CallRecordingPlayerComponent,\n    EdButtonComponent,\n    IconComponent,\n  ],\n  templateUrl: './call-conversation-panel.component.html',\n  styleUrl: './call-conversation-panel.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class CallConversationPanelComponent {\n  private readonly api = inject(AiReceptionistApiService);\n  private readonly toast = inject(ToastService);\n\n  readonly callId = input.required<string>();\n  readonly summary = input.required<string>();\n  readonly transcript = input.required<TranscriptLine[]>();\n  readonly tools = input.required<ToolEvent[]>();\n  readonly callDurationSec = input(0);\n  readonly allowRegenerate = input(true);\n  readonly callerName = input<string | null>(null);\n  readonly callerMatched = input<boolean | null>(null);\n\n  readonly summaryRegenerated = output<void>();\n\n  private readonly player = viewChild(CallRecordingPlayerComponent);\n  private readonly scrollHost = viewChild<ElementRef<HTMLElement>>('scrollHost');\n\n  protected readonly currentTime = signal(0);\n  protected readonly playbackDuration = signal(0);\n  protected readonly summaryExpanded = signal(false);\n  private readonly regeneratedSummary = signal<string | null>(null);\n  protected readonly displaySummary = computed(\n    () => this.regeneratedSummary() ?? this.summary(),\n  );\n  protected readonly regenerating = signal(false);\n  protected readonly summaryMeta = signal<{\n    model?: string;\n    generatedAt?: string;\n    turnCount?: number;\n  } | null>(null);\n\n  protected readonly timedLines = computed(() =>\n    buildTimedTranscript(\n      this.transcript(),\n      this.playbackDuration() || this.callDurationSec() || 120,\n    ),\n  );\n\n  protected readonly activeIndex = computed(() =>\n    activeTranscriptIndex(this.timedLines(), this.currentTime()),\n  );\n\n  protected readonly hasExplicitTiming = computed(() =>\n    this.transcript().some((line) => line.at != null),\n  );\n\n  protected readonly formatTime = formatPlaybackTime;\n  protected readonly toolTrackKey = toolEventTrackKey;\n\n  protected roleLabel(who: TranscriptLine['who']): string {\n    return transcriptRoleLabel(who, this.callerName(), this.callerMatched() ?? undefined);\n  }\n\n  protected speakerIcon(who: TranscriptWho | string): string {\n    switch (who) {\n      case 'ai':\n        return 'graph_new';\n      case 'staff':\n        return 'Robot';\n      case 'patient':\n        return 'person';\n      default:\n        return 'info';\n    }\n  }\n\n  protected toolTone(state: string): BadgeTone {\n    switch (state) {\n      case 'ok':\n        return 'success';\n      case 'warn':\n        return 'warning';\n      case 'error':\n        return 'danger';\n      case 'active':\n        return 'primary';\n      default:\n        return 'light';\n    }\n  }\n\n  constructor() {\n    effect(\n      () => {\n        this.callId();\n        this.regeneratedSummary.set(null);\n      },\n      { allowSignalWrites: true },\n    );\n\n    effect(() => {\n      const idx = this.activeIndex();\n      const host = this.scrollHost()?.nativeElement;\n      if (idx < 0 || !host) return;\n      const row = host.querySelector(`[data-line-index=\"${idx}\"]`);\n      if (row instanceof HTMLElement) {\n        row.scrollIntoView({ block: 'nearest', behavior: 'smooth' });\n      }\n    });\n  }\n\n  protected onPlaybackTime(sec: number): void {\n    this.currentTime.set(sec);\n  }\n\n  protected onPlaybackDuration(sec: number): void {\n    this.playbackDuration.set(sec);\n  }\n\n  protected seekLine(line: TimedTranscriptLine): void {\n    if (line.who === 'system') return;\n    this.player()?.seekTo(line.startSec);\n  }\n\n  protected toggleSummary(): void {\n    this.summaryExpanded.update((v) => !v);\n  }\n\n  protected regenerateSummary(): void {\n    if (this.regenerating()) return;\n\n    this.regenerating.set(true);\n    this.api.regenerateCallSummary(this.callId()).subscribe({\n      next: ({ data }) => {\n        this.regenerating.set(false);\n        this.regeneratedSummary.set(data.summary);\n        this.summaryExpanded.set(true);\n        this.summaryMeta.set({\n          model: data.summaryModel,\n          generatedAt: data.summaryGeneratedAt,\n          turnCount: data.transcriptTurnCount,\n        });\n        this.summaryRegenerated.emit();\n        this.toast.show('Call summary regenerated', 'success');\n      },\n      error: (err: { message?: string }) => {\n        this.regenerating.set(false);\n        this.toast.show(err.message ?? 'Failed to regenerate summary', 'error');\n      },\n    });\n  }\n}\n","<div class=\"flex flex-col gap-4\">\n  <div class=\"grid grid-cols-1 items-stretch gap-4 lg:grid-cols-2\">\n    <section class=\"rounded-lg border border-base bg-white p-4 shadow-sm\">\n      <div class=\"flex items-center justify-between gap-3\">\n        <button type=\"button\" class=\"flex min-w-0 flex-1 cursor-pointer items-center gap-1 border-none bg-transparent p-0 text-left\" (click)=\"toggleSummary()\">\n          <ed-icon [name]=\"summaryExpanded() ? 'expand_less' : 'expand_more'\" [size]=\"20\" />\n          <h4 class=\"m-0\">Call summary</h4>\n        </button>\n        @if (allowRegenerate()) {\n          <ed-button\n            variant=\"secondary\"\n            outline\n            size=\"sm\"\n            [disabled]=\"regenerating()\"\n            (click$)=\"regenerateSummary()\"\n          >\n            <ed-icon slot=\"prefix\" name=\"refresh\" [size]=\"16\" />\n            {{ regenerating() ? 'Regenerating…' : 'Regenerate' }}\n          </ed-button>\n        }\n      </div>\n      @if (summaryExpanded() || displaySummary().length < 180) {\n        <p class=\"fs-base text-dark mt-3 leading-relaxed\">{{ displaySummary() }}</p>\n      } @else {\n        <p class=\"fs-base text-dark mt-3 line-clamp-2 leading-relaxed\">\n          {{ displaySummary() }}\n        </p>\n        <button\n          type=\"button\"\n          class=\"cursor-pointer border-none bg-transparent px-0 pt-1 text-sm text-blue-600\"\n          (click)=\"toggleSummary()\"\n        >\n          Read full summary\n        </button>\n      }\n      @if (summaryMeta(); as meta) {\n        <p class=\"fs-sm text-light mt-3 flex flex-wrap gap-3 text-zinc-500\">\n          @if (meta.model) {\n            <span>Model: {{ meta.model }}</span>\n          }\n          @if (meta.generatedAt) {\n            <span>Generated {{ meta.generatedAt | date: 'medium' }}</span>\n          }\n          @if (meta.turnCount != null) {\n            <span>{{ meta.turnCount }} transcript turns</span>\n          }\n        </p>\n      }\n    </section>\n    <ng-content select=\"[summary-side]\" />\n  </div>\n\n  <section class=\"rounded-lg border border-base bg-white overflow-hidden bg-white p-0 shadow-sm\">\n    <eds-call-recording-player\n      [callId]=\"callId()\"\n      (currentTimeChange)=\"onPlaybackTime($event)\"\n      (durationChange)=\"onPlaybackDuration($event)\"\n    />\n  </section>\n\n  <div class=\"grid grid-cols-1 items-start gap-4 lg:grid-cols-[1fr_300px]\">\n    <section class=\"rounded-lg border border-base bg-white p-4 shadow-sm\" aria-labelledby=\"call-transcript-title\">\n      <header class=\"mb-3 flex items-center justify-between gap-3\">\n        <h4 id=\"call-transcript-title\" class=\"m-0\">Transcript</h4>\n        @if (playbackDuration() > 0) {\n          <span class=\"font-['IBM_Plex_Mono'] fs-sm text-light text-zinc-500\">\n            {{ formatTime(currentTime()) }} / {{ formatTime(playbackDuration()) }}\n          </span>\n        }\n      </header>\n\n            <div #scrollHost class=\"chat-thread rounded-xl border border-zinc-200\" role=\"log\">\n        @for (line of timedLines(); track line.index) {\n          @if (line.who === 'system') {\n            <div class=\"chat-row chat-row--system\">\n              <div\n                class=\"chat-bubble chat-bubble--system inline-flex items-center gap-2\"\n                [class.ring-2]=\"line.index === activeIndex()\"\n                [class.ring-blue-200]=\"line.index === activeIndex()\"\n                [attr.data-line-index]=\"line.index\"\n              >\n                <ed-icon name=\"info\" [size]=\"14\" />\n                <span>{{ line.text }}</span>\n              </div>\n            </div>\n          } @else {\n            <article\n              class=\"chat-row cursor-pointer border-none bg-transparent p-0\"\n              [class.chat-row--caller]=\"line.who === 'patient'\"\n              [class.chat-row--ai]=\"line.who === 'ai'\"\n              [class.chat-row--staff]=\"line.who === 'staff'\"\n              [attr.data-line-index]=\"line.index\"\n              [attr.data-who]=\"line.who\"\n              tabindex=\"0\"\n              role=\"button\"\n              [attr.aria-current]=\"line.index === activeIndex() ? 'true' : null\"\n              (click)=\"seekLine(line)\"\n              (keyup.enter)=\"seekLine(line)\"\n            >\n              <div class=\"chat-meta\">\n                <span>{{ roleLabel(line.who) }}</span>\n                <span class=\"chat-time\">{{ formatTime(line.startSec) }}</span>\n              </div>\n              <div class=\"chat-bubble-row\">\n                <div\n                  class=\"chat-avatar\"\n                  [class.chat-avatar--ai]=\"line.who === 'ai'\"\n                  [class.chat-avatar--staff]=\"line.who === 'staff'\"\n                  [class.chat-avatar--caller]=\"line.who === 'patient'\"\n                >\n                  <ed-icon [name]=\"speakerIcon(line.who)\" [size]=\"16\" />\n                </div>\n                <div\n                  class=\"chat-bubble\"\n                  [class.chat-bubble--caller]=\"line.who === 'patient'\"\n                  [class.chat-bubble--ai]=\"line.who === 'ai'\"\n                  [class.chat-bubble--staff]=\"line.who === 'staff'\"\n                  [class.ring-2]=\"line.index === activeIndex()\"\n                  [class.ring-blue-200]=\"line.index === activeIndex()\"\n                >\n                  <p class=\"chat-content\">{{ line.text }}</p>\n                </div>\n              </div>\n            </article>\n          }\n        } @empty {\n          <p class=\"fs-sm text-light py-3 text-zinc-500\">No transcript available for this call.</p>\n        }\n      </div>\n</section>\n\n    <aside class=\"rounded-lg border border-base bg-white p-4 shadow-sm\" aria-labelledby=\"call-goal-timeline-title\">\n      <header class=\"mb-3 flex items-center justify-between gap-3\">\n        <h4 id=\"call-goal-timeline-title\" class=\"m-0\">Goal Timeline</h4>\n        <span class=\"fs-sm text-light\">{{ tools().length }}</span>\n      </header>\n\n      <ul class=\"flex list-none flex-col gap-3 p-0\">\n        @for (tool of tools(); track toolTrackKey(tool, $index)) {\n          <li\n            [class]=\"\n              'grid grid-cols-[auto_1fr_auto] items-start gap-3 rounded-md border-l-4 bg-zinc-50 p-3 ' +\n              (tool.state === 'ok'\n                ? 'border-l-green-500'\n                : tool.state === 'warn'\n                  ? 'border-l-amber-500'\n                  : tool.state === 'error'\n                    ? 'border-l-red-500'\n                    : tool.state === 'active'\n                      ? 'border-l-blue-600'\n                      : 'border-l-zinc-400')\n            \"\n          >\n            <span class=\"font-['IBM_Plex_Mono'] fs-sm text-light whitespace-nowrap text-zinc-500\">{{ tool.t }}</span>\n            <div class=\"flex min-w-0 flex-col gap-1\">\n              <span class=\"fs-sm font-semibold text-dark\">{{ tool.name }}</span>\n              <span class=\"fs-sm text-light\">{{ tool.result }}</span>\n            </div>\n            <ed-badge-2 [attr.variant]=\"toolTone(tool.state)\">{{ tool.state }}</ed-badge-2>\n          </li>\n        } @empty {\n          <li class=\"fs-sm text-light py-3 text-zinc-500\">No goal activity recorded.</li>\n        }\n      </ul>\n    </aside>\n  </div>\n</div>\n","import { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA, computed, inject, input, OnInit, signal } from '@angular/core';\nimport { RouterLink } from '@angular/router';\n\nimport { EdSkeletonComponent } from '../../ui/ed-skeleton.component';\n\nimport { SmartTooltipDirective } from '../../shared/smart-tooltip.directive';\nimport { BadgeTone } from '../../ui/eds-badge.component';\nimport {\n  AgentActivity,\n  activityTypeLabel,\n} from '../../models/agent-activity.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\n\nconst PREVIEW_LIMIT = 4;\n\n@Component({\n  selector: 'eds-call-tasks-panel',\n  imports: [RouterLink, EdSkeletonComponent, SmartTooltipDirective],\n  templateUrl: './call-tasks-panel.component.html',\n  styleUrl: './call-tasks-panel.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class CallTasksPanelComponent implements OnInit {\n  private readonly api = inject(AiReceptionistApiService);\n\n  readonly callId = input.required<string>();\n  readonly compact = input(false);\n\n  protected readonly activities = signal<AgentActivity[]>([]);\n  protected readonly total = signal(0);\n  protected readonly loading = signal(true);\n  protected readonly listSkeletonRows = [0, 1, 2] as const;\n  protected readonly previewLimit = PREVIEW_LIMIT;\n  protected readonly activityTypeLabel = activityTypeLabel;\n\n  protected readonly previewActivities = computed(() =>\n    this.activities().slice(0, PREVIEW_LIMIT),\n  );\n\n  ngOnInit(): void {\n    this.api\n      .getActivities({\n        callId: this.callId(),\n        page: 1,\n        limit: 50,\n      })\n      .subscribe({\n        next: ({ items, total }) => {\n          this.activities.set(items);\n          this.total.set(total);\n          this.loading.set(false);\n        },\n        error: () => this.loading.set(false),\n      });\n  }\n\n  protected activitySubline(item: AgentActivity): string {\n    const bits = [\n      item.patientName,\n      item.visitType,\n      item.providerName,\n    ].filter(Boolean);\n    return bits.join(' · ') || item.detail || '—';\n  }\n\n  protected activityTone(type: string): BadgeTone {\n    switch (type) {\n      case 'appointment_booked':\n        return 'primary';\n      case 'patient_created':\n        return 'success';\n      case 'task_created':\n        return 'warning';\n      default:\n        return 'light';\n    }\n  }\n}\n","<section class=\"call-tasks rounded-lg border border-base bg-white px-5 py-4 mt-5 shadow-sm\" [class.call-tasks--compact]=\"compact()\">\n  <header class=\"mb-4 flex items-center justify-between gap-3\">\n    <h4>Activities from this call</h4>\n    <a\n      routerLink=\"../activities\"\n      [queryParams]=\"{ callId: callId() }\"\n      class=\"call-tasks__all-link fs-sm text-light\"\n    >\n      View all Activities\n    </a>\n  </header>\n\n  @if (loading()) {\n    <ul class=\"call-tasks__list overflow-hidden rounded-lg border border-base\" aria-busy=\"true\">\n      @for (_ of listSkeletonRows; track _) {\n        <li class=\"call-tasks__item border-b border-base last:border-b-0\">\n          <div class=\"call-tasks__row grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-3 px-4 py-3\">\n            <div class=\"flex min-w-0 flex-col gap-1\">\n              <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\n              <ed-skeleton class=\"h-3 w-48\"></ed-skeleton>\n            </div>\n            <ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton>\n          </div>\n        </li>\n      }\n    </ul>\n  } @else if (activities().length === 0) {\n    <p class=\"fs-sm text-light call-tasks__empty\">No activities linked to this call.</p>\n  } @else {\n    <ul class=\"call-tasks__list overflow-hidden rounded-lg border border-base\">\n      @for (item of previewActivities(); track item.id) {\n        <li class=\"call-tasks__item border-b border-base last:border-b-0\">\n          <div class=\"call-tasks__row grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-3 border-none bg-transparent px-4 py-3 text-left font-[inherit]\">\n            <div class=\"flex min-w-0 flex-col gap-1\">\n              <span\n                class=\"call-tasks__title min-w-0 max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold\"\n                [smartTooltip]=\"item.title || activityTypeLabel(item.type)\"\n                [tooltipOnlyWhenTruncated]=\"true\"\n              >{{ item.title || activityTypeLabel(item.type) }}</span>\n              <span\n                class=\"call-tasks__sub max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\"\n                [smartTooltip]=\"activitySubline(item)\"\n                [tooltipOnlyWhenTruncated]=\"true\"\n              >{{ activitySubline(item) }}</span>\n            </div>\n            <ed-badge-2 [attr.variant]=\"activityTone(item.type)\">{{ activityTypeLabel(item.type) }}</ed-badge-2>\n          </div>\n        </li>\n      }\n    </ul>\n    @if (total() > previewLimit) {\n      <p class=\"call-tasks__more fs-sm text-light mt-3\">\n        +{{ total() - previewLimit }} more —\n        <a routerLink=\"../activities\" [queryParams]=\"{ callId: callId() }\" class=\"call-tasks__all-link\">\n          View all Activities\n        </a>\n      </p>\n    }\n  }\n</section>\n","import { BadgeTone } from '../ui/eds-badge.component';\n\n/** Known history outcomes from GET /calls/history (HistoryCallDto.outcome). */\nexport const HISTORY_OUTCOMES = [\n  'completed',\n  'failed',\n  'transferred',\n  'escalated',\n] as const;\n\nexport type HistoryOutcome = (typeof HISTORY_OUTCOMES)[number] | 'custom';\n\nexport function normalizeHistoryOutcome(outcome: string): HistoryOutcome {\n  const key = outcome.trim().toLowerCase();\n  if ((HISTORY_OUTCOMES as readonly string[]).includes(key)) {\n    return key as HistoryOutcome;\n  }\n  return 'custom';\n}\n\n/** Badge tone for history table / detail — separate from lifecycle or live UI status. */\nexport function outcomeBadgeTone(outcome: string): BadgeTone {\n  switch (normalizeHistoryOutcome(outcome)) {\n    case 'completed':\n      return 'success';\n    case 'failed':\n      return 'danger';\n    case 'transferred':\n      return 'opened';\n    case 'escalated':\n      return 'danger';\n    default: {\n      const key = outcome.trim().toLowerCase();\n      if (key.includes('transfer')) return 'opened';\n      if (key.includes('fail') || key.includes('escalat') || key.includes('abandon')) return 'danger';\n      if (key.includes('voicemail')) return 'light';\n      if (key.includes('complete') || key.includes('book') || key.includes('task')) return 'success';\n      return 'primary';\n    }\n  }\n}\n\nexport function formatOutcomeLabel(outcome: string): string {\n  const trimmed = outcome.trim();\n  if (!trimmed) return 'Unknown';\n  const known = normalizeHistoryOutcome(trimmed);\n  if (known === 'custom') return trimmed;\n  return known.charAt(0).toUpperCase() + known.slice(1);\n}\n","import { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA, inject, OnInit, signal } from '@angular/core';\nimport { ActivatedRoute, RouterLink } from '@angular/router';\n\nimport { EdButtonComponent } from '../../ui/ed-button.component';\nimport { EdSkeletonComponent } from '../../ui/ed-skeleton.component';\n\nimport { CallConversationPanelComponent } from '../../components/call-conversation-panel/call-conversation-panel.component';\nimport { CallTasksPanelComponent } from '../../components/call-tasks-panel/call-tasks-panel.component';\nimport { HistoryDetail } from '../../models/ai-receptionist.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { CallReviewService } from '../../services/call-review.service';\nimport { formatOutcomeLabel, outcomeBadgeTone } from '../../utils/call-outcome.util';\nimport {\n  isNeedsReview,\n} from '../../utils/call-review.util';\nimport { isUnknownCaller } from '../../utils/call-history-display.util';\nimport { IconComponent } from '../../ui/ed-icon.component';\nimport { ToastService } from '../../shared/toast.service';\n\n@Component({\n    selector: 'eds-call-history-detail-page',\n    imports: [\n        RouterLink,\n        IconComponent,\n        EdButtonComponent,\n        CallConversationPanelComponent,\n        CallTasksPanelComponent,\n        EdSkeletonComponent,\n    ],\n    templateUrl: './call-history-detail-page.component.html',\n    styleUrl: './call-history-detail-page.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'block h-full min-h-0' },\n    schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class CallHistoryDetailPageComponent 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\n  /** Parent shell route — back targets sibling `history`, not `history/history`. */\n  protected readonly historyListLink: string[] = ['history'];\n  protected readonly historyListRelativeTo = this.route.parent;\n\n  protected readonly detail = signal<HistoryDetail | null>(null);\n  protected readonly loading = signal(true);\n  protected readonly markingReview = signal(false);\n  protected readonly detailSkeletonRows = [0, 1, 2, 3, 4] as const;\n  protected readonly listSkeletonRows = [0, 1, 2] as const;\n\n  protected isNeedsReview = isNeedsReview;\n  protected outcomeTone = outcomeBadgeTone;\n  protected outcomeLabel = formatOutcomeLabel;\n\n  protected isUnknownName(name: string | null | undefined): boolean {\n    return isUnknownCaller(name);\n  }\n\n  ngOnInit(): void {\n    const id = this.route.snapshot.paramMap.get('id') ?? '';\n    this.api.getCallDetail(id).subscribe(({ data }) => {\n      this.detail.set(data);\n      this.loading.set(false);\n    });\n  }\n\n  protected markReviewed(): void {\n    const d = this.detail();\n    if (!d || !isNeedsReview(d.review) || this.markingReview()) return;\n\n    this.markingReview.set(true);\n    const prev = d.review;\n    this.detail.update((current) =>\n      current ? { ...current, review: 'reviewed' } : current,\n    );\n\n    this.reviewService.markReviewed(d.id).subscribe({\n      next: () => {\n        this.markingReview.set(false);\n        this.toast.show('Call marked as reviewed', 'success');\n      },\n      error: () => {\n        this.markingReview.set(false);\n        this.detail.update((current) =>\n          current ? { ...current, review: prev } : current,\n        );\n        this.toast.show('Failed to mark call as reviewed', 'error');\n      },\n    });\n  }\n\n  protected refreshCallDetail(): void {\n    const id = this.detail()?.id;\n    if (!id) return;\n    this.api.getCallDetail(id).subscribe(({ data }) => {\n      if (data) this.detail.set(data);\n    });\n  }\n\n  protected 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=\"flex h-full min-h-0 flex-col overflow-hidden bg-lighter p-base call-history-detail-page\">\n  <a\n    class=\"call-history-detail-page__back mb-base inline-flex shrink-0 items-center gap-1 fs-sm text-light no-underline\"\n    [routerLink]=\"historyListLink\"\n    [relativeTo]=\"historyListRelativeTo\"\n  >\n    <ed-icon name=\"arrow_back\" [size]=\"18\" /> Go Back to histories\n  </a>\n  <div class=\"call-history-detail-page__scroll min-h-0 flex-1 overflow-auto\">\n\n  @if (loading()) {\n    <div class=\"flex flex-col gap-4\" aria-busy=\"true\">\n      <header class=\"mb-4 flex flex-wrap items-start justify-between gap-4\">\n        <div class=\"grid gap-2xs\">\n          <ed-skeleton class=\"h-6 w-48\"></ed-skeleton>\n          <ed-skeleton class=\"h-3 w-64\"></ed-skeleton>\n        </div>\n        <ed-skeleton class=\"h-9 w-36 !rounded-md\"></ed-skeleton>\n      </header>\n      <dl class=\"mx-0 mt-0 mb-5 grid grid-cols-2 gap-4\">\n        <div class=\"grid gap-2xs\">\n          <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\n          <ed-skeleton class=\"h-5 w-24 !rounded-full\"></ed-skeleton>\n        </div>\n        <div class=\"grid gap-2xs\">\n          <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\n          <ed-skeleton class=\"h-4 w-14\"></ed-skeleton>\n        </div>\n      </dl>\n      <div class=\"grid grid-cols-1 gap-4 lg:grid-cols-[minmax(0,1fr)_280px]\">\n        <div class=\"flex flex-col gap-3 rounded-lg border border-base bg-white p-4\">\n          <ed-skeleton class=\"h-4 w-28\"></ed-skeleton>\n          @for (_ of detailSkeletonRows; track _) {\n            <div class=\"grid gap-2xs\">\n              <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\n              <ed-skeleton class=\"h-10 w-full max-w-lg !rounded-md\"></ed-skeleton>\n            </div>\n          }\n        </div>\n        <div class=\"flex flex-col gap-3 rounded-lg border border-base bg-white p-4\">\n          <ed-skeleton class=\"h-4 w-36\"></ed-skeleton>\n          @for (_ of listSkeletonRows; track _) {\n            <div class=\"flex items-center justify-between gap-3 border-b border-base py-3 last:border-b-0\">\n              <div class=\"grid min-w-0 flex-1 gap-2xs\">\n                <ed-skeleton class=\"h-3 w-32\"></ed-skeleton>\n                <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\n              </div>\n              <ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  } @else if (detail()) {\n    <header class=\"mb-4 flex flex-wrap items-start justify-between gap-4\">\n      <div>\n        <h4>{{ detail()!.name }}</h4>\n        <p class=\"fs-sm text-light\">{{ detail()!.phone }} · {{ detail()!.reason }}</p>\n      </div>\n      @if (isNeedsReview(detail()!.review)) {\n        <ed-button\n          variant=\"primary\"\n          fill\n          size=\"sm\"\n          [disabled]=\"markingReview()\"\n          (click$)=\"markReviewed()\"\n        >\n          <ed-icon slot=\"prefix\" name=\"check_circle\" [size]=\"16\" />\n          {{ markingReview() ? 'Saving…' : 'Mark as reviewed' }}\n        </ed-button>\n      }\n    </header>\n\n    <dl class=\"call-history-detail-page__meta mx-0 mt-0 mb-5 grid grid-cols-2 gap-4 sm:grid-cols-2\">\n      <div><dt class=\"fs-sm font-semibold text-light\">Outcome</dt><dd>\n        <ed-badge-2 [attr.variant]=\"outcomeTone(detail()!.outcome)\">\n          {{ outcomeLabel(detail()!.outcome) }}\n        </ed-badge-2>\n      </dd></div>\n      <div><dt class=\"fs-sm font-semibold text-light\">Duration</dt><dd>{{ detail()!.durationLabel ?? formatDuration(detail()!.duration) }}</dd></div>\n    </dl>\n\n    <eds-call-conversation-panel\n      [callId]=\"detail()!.id\"\n      [summary]=\"detail()!.summary\"\n      [transcript]=\"detail()!.transcript\"\n      [tools]=\"detail()!.tools\"\n      [callDurationSec]=\"detail()!.duration\"\n      [callerName]=\"detail()!.name\"\n      [callerMatched]=\"!isUnknownName(detail()!.name)\"\n      (summaryRegenerated)=\"refreshCallDetail()\"\n    >\n      <eds-call-tasks-panel\n        summary-side\n        [callId]=\"detail()!.id\"\n        [compact]=\"true\"\n      />\n    </eds-call-conversation-panel>\n  } @else {\n    <p class=\"fs-sm text-light\">Call not found.</p>\n  }\n  </div>\n</div>\n"],"names":[],"mappings":";;;;;;;;;;AAQA;AACM,SAAU,cAAc,CAAC,KAAa,EAAA;AAC1C,IAAA,MAAM,OAAO,GAAG,KAAK,EAAE,IAAI,EAAE;AAC7B,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,IAAI;IACzB,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC;AACtD,IAAA,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAAE,QAAA,OAAO,IAAI;AACnD,IAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC;AACvD,IAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC;AACzE,IAAA,OAAO,IAAI;AACb;AAEA,SAAS,gBAAgB,CAAC,IAAoB,EAAA;IAC5C,IAAI,IAAI,CAAC,EAAE,IAAI,IAAI,IAAI,IAAI,CAAC,EAAE,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC,EAAE;IACnD,MAAM,GAAG,GAAG,IAAuE;IACnF,IAAI,GAAG,CAAC,aAAa,IAAI,IAAI,IAAI,GAAG,CAAC,aAAa,IAAI,CAAC;QAAE,OAAO,GAAG,CAAC,aAAa;IACjF,IAAI,GAAG,CAAC,SAAS,IAAI,IAAI,IAAI,GAAG,CAAC,SAAS,IAAI,CAAC;QAAE,OAAO,GAAG,CAAC,SAAS;AACrE,IAAA,OAAO,IAAI;AACb;AAEA;;;AAGG;AACG,SAAU,oBAAoB,CAClC,KAAuB,EACvB,eAAuB,EAAA;IAEvB,IAAI,CAAC,KAAK,CAAC,MAAM;AAAE,QAAA,OAAO,EAAE;IAE5B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC;AAC1C,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAC5D,IAAA,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC;AAEpD,IAAA,MAAM,MAAM,GAAa,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAExD,IAAI,WAAW,EAAE;AACf,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;YACxC,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAE;QAC1B;IACF;SAAO;AACL,QAAA,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC,CAAC,MAAM;AACrE,QAAA,MAAM,IAAI,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC,CAAC;QAChD,IAAI,YAAY,GAAG,CAAC;AAEpB,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;AACxC,YAAA,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE;gBACvB,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAE;gBACxB;YACF;AACA,YAAA,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC;AACrB,YAAA,IAAI,IAAI,CAAC,GAAG,KAAK,QAAQ,EAAE;gBACzB,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;gBACrC;YACF;AACA,YAAA,MAAM,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,IAAI;YAC/B,YAAY,IAAI,CAAC;QACnB;IACF;IAEA,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AAC/B,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC;QAC9B,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC;AACnE,QAAA,MAAM,MAAM,GAAG,SAAS,IAAI,KAAK;QACjC,OAAO,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE;AAC/E,IAAA,CAAC,CAAC;AACJ;AAEM,SAAU,qBAAqB,CAAC,KAA4B,EAAE,UAAkB,EAAA;AACpF,IAAA,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,UAAU,GAAG,CAAC;QAAE,OAAO,CAAC,CAAC;AAC9C,IAAA,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;AAC7C,QAAA,IAAI,UAAU,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ;AAAE,YAAA,OAAO,CAAC;IAC/C;AACA,IAAA,OAAO,CAAC;AACV;AAEM,SAAU,kBAAkB,CAAC,OAAe,EAAA;AAChD,IAAA,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC1C,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC;AAC5B,IAAA,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE;AAChB,IAAA,OAAO,CAAA,EAAG,CAAC,CAAA,CAAA,EAAI,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;AAChD;AAEM,SAAU,cAAc,CAAC,KAAyB,EAAA;AACtD,IAAA,MAAM,GAAG,GAAuC;AAC9C,QAAA,EAAE,EAAE,6BAA6B;AACjC,QAAA,IAAI,EAAE,+BAA+B;AACrC,QAAA,KAAK,EAAE,gCAAgC;AACvC,QAAA,MAAM,EAAE,iCAAiC;KAC1C;AACD,IAAA,OAAO,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE;AACzB;SAEgB,mBAAmB,CACjC,GAA0B,EAC1B,UAA0B,EAC1B,aAAuB,EAAA;AAEvB,IAAA,IAAI,GAAG,KAAK,SAAS,EAAE;QACrB,MAAM,IAAI,GAAG,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;AAC5C,QAAA,IAAI,CAAC,IAAI,IAAI,aAAa,KAAK,KAAK,IAAI,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,GAAG,EAAE;AAC9E,YAAA,OAAO,gBAAgB;QACzB;AACA,QAAA,OAAO,IAAI;IACb;AACA,IAAA,MAAM,MAAM,GAA8D;AACxE,QAAA,EAAE,EAAE,iBAAiB;AACrB,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,MAAM,EAAE,QAAQ;KACjB;AACD,IAAA,OAAO,MAAM,CAAC,GAAG,CAAC,IAAI,GAAG;AAC3B;;MCzEa,8BAA8B,CAAA;AAkD/B,IAAA,SAAS,CAAC,GAA0B,EAAA;AAC5C,QAAA,OAAO,mBAAmB,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,SAAS,CAAC;IACvF;AAEU,IAAA,WAAW,CAAC,GAA2B,EAAA;QAC/C,QAAQ,GAAG;AACT,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,WAAW;AACpB,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,OAAO;AAChB,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,QAAQ;AACjB,YAAA;AACE,gBAAA,OAAO,MAAM;;IAEnB;AAEU,IAAA,QAAQ,CAAC,KAAa,EAAA;QAC9B,QAAQ,KAAK;AACX,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,SAAS;AAClB,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,SAAS;AAClB,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,QAAQ;AACjB,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAO,SAAS;AAClB,YAAA;AACE,gBAAA,OAAO,OAAO;;IAEpB;AAEA,IAAA,WAAA,GAAA;AAjFiB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,wBAAwB,CAAC;AACtC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC;AAEpC,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAU;AACjC,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,EAAU;AAClC,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,QAAQ,EAAoB;AAC/C,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAe;AACrC,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,CAAC,CAAC;AAC1B,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC;AAC7B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAgB,IAAI,CAAC;AACvC,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAiB,IAAI,CAAC;QAE3C,IAAA,CAAA,kBAAkB,GAAG,MAAM,EAAQ;AAE3B,QAAA,IAAA,CAAA,MAAM,GAAG,SAAS,CAAC,4BAA4B,CAAC;AAChD,QAAA,IAAA,CAAA,UAAU,GAAG,SAAS,CAA0B,YAAY,CAAC;AAE3D,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC;AACvB,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,CAAC,CAAC;AAC5B,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC;AACjC,QAAA,IAAA,CAAA,kBAAkB,GAAG,MAAM,CAAgB,IAAI,CAAC;AAC9C,QAAA,IAAA,CAAA,cAAc,GAAG,QAAQ,CAC1C,MAAM,IAAI,CAAC,kBAAkB,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,CAClD;AACkB,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC;AAC5B,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAI7B,IAAI,CAAC;QAEI,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MACvC,oBAAoB,CAClB,IAAI,CAAC,UAAU,EAAE,EACjB,IAAI,CAAC,gBAAgB,EAAE,IAAI,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,CACzD,CACF;AAEkB,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MACxC,qBAAqB,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,CAC7D;QAEkB,IAAA,CAAA,iBAAiB,GAAG,QAAQ,CAAC,MAC9C,IAAI,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,CAClD;QAEkB,IAAA,CAAA,UAAU,GAAG,kBAAkB;QAC/B,IAAA,CAAA,YAAY,GAAG,iBAAiB;QAmCjD,MAAM,CACJ,MAAK;YACH,IAAI,CAAC,MAAM,EAAE;AACb,YAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC;AACnC,QAAA,CAAC,EACD,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAC5B;QAED,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE;YAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,EAAE,aAAa;AAC7C,YAAA,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI;gBAAE;YACtB,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,CAAA,kBAAA,EAAqB,GAAG,CAAA,EAAA,CAAI,CAAC;AAC5D,YAAA,IAAI,GAAG,YAAY,WAAW,EAAE;AAC9B,gBAAA,GAAG,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;YAC9D;AACF,QAAA,CAAC,CAAC;IACJ;AAEU,IAAA,cAAc,CAAC,GAAW,EAAA;AAClC,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC;IAC3B;AAEU,IAAA,kBAAkB,CAAC,GAAW,EAAA;AACtC,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC;IAChC;AAEU,IAAA,QAAQ,CAAC,IAAyB,EAAA;AAC1C,QAAA,IAAI,IAAI,CAAC,GAAG,KAAK,QAAQ;YAAE;QAC3B,IAAI,CAAC,MAAM,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IACtC;IAEU,aAAa,GAAA;AACrB,QAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IACxC;IAEU,iBAAiB,GAAA;QACzB,IAAI,IAAI,CAAC,YAAY,EAAE;YAAE;AAEzB,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,GAAG,CAAC,qBAAqB,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC;AACtD,YAAA,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAI;AACjB,gBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC;gBAC5B,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;AACzC,gBAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC;AAC9B,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;oBACnB,KAAK,EAAE,IAAI,CAAC,YAAY;oBACxB,WAAW,EAAE,IAAI,CAAC,kBAAkB;oBACpC,SAAS,EAAE,IAAI,CAAC,mBAAmB;AACpC,iBAAA,CAAC;AACF,gBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE;gBAC9B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,0BAA0B,EAAE,SAAS,CAAC;YACxD,CAAC;AACD,YAAA,KAAK,EAAE,CAAC,GAAyB,KAAI;AACnC,gBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC;AAC5B,gBAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,8BAA8B,EAAE,OAAO,CAAC;YACzE,CAAC;AACF,SAAA,CAAC;IACJ;+GA7IW,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA9B,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6BAAA,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,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAeL,4BAA4B,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5DlE,4wOAuKA,EAAA,MAAA,EAAA,CAAA,smEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EDpII,QAAQ,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACR,4BAA4B,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC5B,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,aAAa,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,OAAA,EAAA,MAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAOJ,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAb1C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,6BAA6B,EAAA,OAAA,EAC9B;wBACP,QAAQ;wBACR,4BAA4B;wBAC5B,iBAAiB;wBACjB,aAAa;AACd,qBAAA,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,sBAAsB,CAAC,EAAA,QAAA,EAAA,4wOAAA,EAAA,MAAA,EAAA,CAAA,smEAAA,CAAA,EAAA;;;AE9BnC,MAAM,aAAa,GAAG,CAAC;MAUV,uBAAuB,CAAA;AARpC,IAAA,WAAA,GAAA;AASmB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,wBAAwB,CAAC;AAE9C,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAU;AACjC,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC;AAEZ,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAkB,EAAE,CAAC;AACxC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC;AACjB,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC;QACtB,IAAA,CAAA,gBAAgB,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU;QACrC,IAAA,CAAA,YAAY,GAAG,aAAa;QAC5B,IAAA,CAAA,iBAAiB,GAAG,iBAAiB;AAErC,QAAA,IAAA,CAAA,iBAAiB,GAAG,QAAQ,CAAC,MAC9C,IAAI,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,CAC1C;AAwCF,IAAA;IAtCC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC;AACF,aAAA,aAAa,CAAC;AACb,YAAA,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;AACrB,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,KAAK,EAAE,EAAE;SACV;AACA,aAAA,SAAS,CAAC;YACT,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAI;AACzB,gBAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;AAC1B,gBAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;AACrB,gBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;YACzB,CAAC;YACD,KAAK,EAAE,MAAM,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;AACrC,SAAA,CAAC;IACN;AAEU,IAAA,eAAe,CAAC,IAAmB,EAAA;AAC3C,QAAA,MAAM,IAAI,GAAG;AACX,YAAA,IAAI,CAAC,WAAW;AAChB,YAAA,IAAI,CAAC,SAAS;AACd,YAAA,IAAI,CAAC,YAAY;AAClB,SAAA,CAAC,MAAM,CAAC,OAAO,CAAC;AACjB,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,IAAI,GAAG;IAC/C;AAEU,IAAA,YAAY,CAAC,IAAY,EAAA;QACjC,QAAQ,IAAI;AACV,YAAA,KAAK,oBAAoB;AACvB,gBAAA,OAAO,SAAS;AAClB,YAAA,KAAK,iBAAiB;AACpB,gBAAA,OAAO,SAAS;AAClB,YAAA,KAAK,cAAc;AACjB,gBAAA,OAAO,SAAS;AAClB,YAAA;AACE,gBAAA,OAAO,OAAO;;IAEpB;+GAtDW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,oVCvBpC,o2FA4DA,EAAA,MAAA,EAAA,CAAA,mhBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED3CY,UAAU,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,mBAAmB,2EAAE,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,kBAAA,EAAA,iBAAA,EAAA,wBAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,sBAAA,EAAA,0BAAA,EAAA,WAAA,EAAA,aAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,aAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAMrD,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBARnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAAA,OAAA,EACvB,CAAC,UAAU,EAAE,mBAAmB,EAAE,qBAAqB,CAAC,EAAA,eAAA,EAGhD,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,sBAAsB,CAAC,EAAA,QAAA,EAAA,o2FAAA,EAAA,MAAA,EAAA,CAAA,mhBAAA,CAAA,EAAA;;;AEnBnC;AACO,MAAM,gBAAgB,GAAG;IAC9B,WAAW;IACX,QAAQ;IACR,aAAa;IACb,WAAW;CACH;AAIJ,SAAU,uBAAuB,CAAC,OAAe,EAAA;IACrD,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE;AACxC,IAAA,IAAK,gBAAsC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AACzD,QAAA,OAAO,GAAqB;IAC9B;AACA,IAAA,OAAO,QAAQ;AACjB;AAEA;AACM,SAAU,gBAAgB,CAAC,OAAe,EAAA;AAC9C,IAAA,QAAQ,uBAAuB,CAAC,OAAO,CAAC;AACtC,QAAA,KAAK,WAAW;AACd,YAAA,OAAO,SAAS;AAClB,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,QAAQ;AACjB,QAAA,KAAK,aAAa;AAChB,YAAA,OAAO,QAAQ;AACjB,QAAA,KAAK,WAAW;AACd,YAAA,OAAO,QAAQ;QACjB,SAAS;YACP,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE;AACxC,YAAA,IAAI,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;AAAE,gBAAA,OAAO,QAAQ;AAC7C,YAAA,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC;AAAE,gBAAA,OAAO,QAAQ;AAC/F,YAAA,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,CAAC;AAAE,gBAAA,OAAO,OAAO;AAC7C,YAAA,IAAI,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC;AAAE,gBAAA,OAAO,SAAS;AAC9F,YAAA,OAAO,SAAS;QAClB;;AAEJ;AAEM,SAAU,kBAAkB,CAAC,OAAe,EAAA;AAChD,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,EAAE;AAC9B,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,SAAS;AAC9B,IAAA,MAAM,KAAK,GAAG,uBAAuB,CAAC,OAAO,CAAC;IAC9C,IAAI,KAAK,KAAK,QAAQ;AAAE,QAAA,OAAO,OAAO;AACtC,IAAA,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACvD;;MCba,8BAA8B,CAAA;AAhB3C,IAAA,WAAA,GAAA;AAiBmB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,wBAAwB,CAAC;AACtC,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,iBAAiB,CAAC;AACzC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC;AAC5B,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;;AAG5B,QAAA,IAAA,CAAA,eAAe,GAAa,CAAC,SAAS,CAAC;AACvC,QAAA,IAAA,CAAA,qBAAqB,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM;AAEzC,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAuB,IAAI,CAAC;AAC3C,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC;AACtB,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC;AAC7B,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU;QAC7C,IAAA,CAAA,gBAAgB,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU;QAE9C,IAAA,CAAA,aAAa,GAAG,aAAa;QAC7B,IAAA,CAAA,WAAW,GAAG,gBAAgB;QAC9B,IAAA,CAAA,YAAY,GAAG,kBAAkB;AAoD5C,IAAA;AAlDW,IAAA,aAAa,CAAC,IAA+B,EAAA;AACrD,QAAA,OAAO,eAAe,CAAC,IAAI,CAAC;IAC9B;IAEA,QAAQ,GAAA;AACN,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE;AACvD,QAAA,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAI;AAChD,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;AACrB,YAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;AACzB,QAAA,CAAC,CAAC;IACJ;IAEU,YAAY,GAAA;AACpB,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE;AACvB,QAAA,IAAI,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE;YAAE;AAE5D,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC;AAC5B,QAAA,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM;QACrB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,KACzB,OAAO,GAAG,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CACvD;QAED,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC;YAC9C,IAAI,EAAE,MAAK;AACT,gBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC;gBAC7B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,yBAAyB,EAAE,SAAS,CAAC;YACvD,CAAC;YACD,KAAK,EAAE,MAAK;AACV,gBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC;gBAC7B,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,KACzB,OAAO,GAAG,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CACjD;gBACD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,iCAAiC,EAAE,OAAO,CAAC;YAC7D,CAAC;AACF,SAAA,CAAC;IACJ;IAEU,iBAAiB,GAAA;QACzB,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE;AAC5B,QAAA,IAAI,CAAC,EAAE;YAAE;AACT,QAAA,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAI;AAChD,YAAA,IAAI,IAAI;AAAE,gBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;AACjC,QAAA,CAAC,CAAC;IACJ;AAEU,IAAA,cAAc,CAAC,GAAW,EAAA;QAClC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC;AAC9B,QAAA,MAAM,CAAC,GAAG,GAAG,GAAG,EAAE;AAClB,QAAA,OAAO,CAAA,EAAG,CAAC,CAAA,CAAA,EAAI,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;IAChD;+GArEW,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA9B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,sBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnC3C,kwIAuGA,EAAA,MAAA,EAAA,CAAA,ozBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDjFQ,UAAU,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACV,aAAa,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,OAAA,EAAA,MAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,8BAA8B,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,YAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC9B,uBAAuB,gGACvB,mBAAmB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAQd,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAhB1C,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,8BAA8B,EAAA,OAAA,EAC/B;wBACL,UAAU;wBACV,aAAa;wBACb,iBAAiB;wBACjB,8BAA8B;wBAC9B,uBAAuB;wBACvB,mBAAmB;AACtB,qBAAA,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EAC3C,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAA,OAAA,EAC5B,CAAC,sBAAsB,CAAC,EAAA,QAAA,EAAA,kwIAAA,EAAA,MAAA,EAAA,CAAA,ozBAAA,CAAA,EAAA;;;;;"}

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

@@ -0,0 +1,246 @@
+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, m as DEFAULT_PAGE_SIZE, n as totalPages, h as historyResolution, d as historyResultChips, r as resultChipIcon, e as historyResolutionLabel, c as callerMetaLine, E as EdAvatarComponent, I as IconComponent, o as EdIconButtonComponent, f as EdButtonComponent, g as EdSkeletonComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-Dtc9wTzh.mjs';
+import { C as CallReviewService } from './edvak99-voice-receptionist-widget-call-review.service-bz7fCM9e.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.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)));
+    }
+    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),
+        });
+    }
+    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() {
+        const header = [
+            'id',
+            'name',
+            'phone',
+            'direction',
+            'goal',
+            'handledBy',
+            'outcome',
+            'results',
+            'duration',
+            'started',
+            'review',
+        ];
+        const csvRows = this.rows().map((r) => [
+            r.id,
+            r.name,
+            r.phone,
+            r.direction,
+            r.reason,
+            r.handledBy ?? '',
+            r.outcome,
+            (r.results ?? []).join('; '),
+            String(r.duration),
+            String(r.started),
+            r.review,
+        ]);
+        const csv = [header, ...csvRows]
+            .map((row) => row.map((cell) => `"${String(cell).replace(/"/g, '""')}"`).join(','))
+            .join('\n');
+        const blob = new Blob([csv], { type: 'text/csv;charset=utf-8' });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = `call-history-page-${this.page()}.csv`;
+        a.click();
+        URL.revokeObjectURL(url);
+    }
+    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=\"flex h-full min-h-0 flex-col overflow-hidden bg-lighter p-base call-history-page\">\n  <header class=\"mb-md flex shrink-0 items-start justify-between gap-base\">\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)=\"search.set($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      <sl-dropdown\n        #filterDropdown\n        placement=\"bottom-end\"\n        distance=\"4\"\n        hoist\n        (sl-show)=\"filtersOpen.set(true)\"\n        (sl-hide)=\"filtersOpen.set(false)\"\n      >\n        <ed-icon-button\n          slot=\"trigger\"\n          name=\"filter_alt\"\n          label=\"Filters\"\n          size=\"md\"\n          outline\n          allowBubble\n          [pressed]=\"filtersOpen()\"\n          toggle\n        />\n        <main class=\"w-80 rounded-md border border-light bg-white shadow-md\">\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$)=\"$any(filterDropdown).hide()\"\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(); $any(filterDropdown).hide()\"\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(); $any(filterDropdown).hide()\"\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(); $any(filterDropdown).hide()\"\n            >\n              Apply\n            </ed-button>\n            <ed-button\n              variant=\"secondary\"\n              outline\n              size=\"sm\"\n              (click$)=\"exportCsv()\"\n            >\n              <ed-icon slot=\"prefix\" name=\"download\" [size]=\"16\" />\n              Export CSV\n            </ed-button>\n          </footer>\n        </main>\n      </sl-dropdown>\n    </div>\n  </header>\n\n  <div class=\"flex min-h-0 min-w-0 max-w-full flex-1 flex-col overflow-hidden rounded-md bg-white p-base\">\n    <div class=\"min-h-0 min-w-0 flex-1 overflow-auto\">\n    <table class=\"table-default relative min-w-5xl w-full\" aria-label=\"Call history\">\n      <thead class=\"sticky top-0 z-[1] bg-light\">\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  </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: [""], 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=\"flex h-full min-h-0 flex-col overflow-hidden bg-lighter p-base call-history-page\">\n  <header class=\"mb-md flex shrink-0 items-start justify-between gap-base\">\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)=\"search.set($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      <sl-dropdown\n        #filterDropdown\n        placement=\"bottom-end\"\n        distance=\"4\"\n        hoist\n        (sl-show)=\"filtersOpen.set(true)\"\n        (sl-hide)=\"filtersOpen.set(false)\"\n      >\n        <ed-icon-button\n          slot=\"trigger\"\n          name=\"filter_alt\"\n          label=\"Filters\"\n          size=\"md\"\n          outline\n          allowBubble\n          [pressed]=\"filtersOpen()\"\n          toggle\n        />\n        <main class=\"w-80 rounded-md border border-light bg-white shadow-md\">\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$)=\"$any(filterDropdown).hide()\"\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(); $any(filterDropdown).hide()\"\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(); $any(filterDropdown).hide()\"\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(); $any(filterDropdown).hide()\"\n            >\n              Apply\n            </ed-button>\n            <ed-button\n              variant=\"secondary\"\n              outline\n              size=\"sm\"\n              (click$)=\"exportCsv()\"\n            >\n              <ed-icon slot=\"prefix\" name=\"download\" [size]=\"16\" />\n              Export CSV\n            </ed-button>\n          </footer>\n        </main>\n      </sl-dropdown>\n    </div>\n  </header>\n\n  <div class=\"flex min-h-0 min-w-0 max-w-full flex-1 flex-col overflow-hidden rounded-md bg-white p-base\">\n    <div class=\"min-h-0 min-w-0 flex-1 overflow-auto\">\n    <table class=\"table-default relative min-w-5xl w-full\" aria-label=\"Call history\">\n      <thead class=\"sticky top-0 z-[1] bg-light\">\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  </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" }]
+        }] });
+
+export { CallHistoryPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-call-history-page.component-RhHzxOIb.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-call-history-page.component-RhHzxOIb.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 { 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\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 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    const header = [\n      'id',\n      'name',\n      'phone',\n      'direction',\n      'goal',\n      'handledBy',\n      'outcome',\n      'results',\n      'duration',\n      'started',\n      'review',\n    ];\n    const csvRows = this.rows().map((r) => [\n      r.id,\n      r.name,\n      r.phone,\n      r.direction,\n      r.reason,\n      r.handledBy ?? '',\n      r.outcome,\n      (r.results ?? []).join('; '),\n      String(r.duration),\n      String(r.started),\n      r.review,\n    ]);\n    const csv = [header, ...csvRows]\n      .map((row) => row.map((cell) => `\"${String(cell).replace(/\"/g, '\"\"')}\"`).join(','))\n      .join('\\n');\n    const blob = new Blob([csv], { type: 'text/csv;charset=utf-8' });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = `call-history-page-${this.page()}.csv`;\n    a.click();\n    URL.revokeObjectURL(url);\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=\"flex h-full min-h-0 flex-col overflow-hidden bg-lighter p-base call-history-page\">\n  <header class=\"mb-md flex shrink-0 items-start justify-between gap-base\">\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)=\"search.set($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      <sl-dropdown\n        #filterDropdown\n        placement=\"bottom-end\"\n        distance=\"4\"\n        hoist\n        (sl-show)=\"filtersOpen.set(true)\"\n        (sl-hide)=\"filtersOpen.set(false)\"\n      >\n        <ed-icon-button\n          slot=\"trigger\"\n          name=\"filter_alt\"\n          label=\"Filters\"\n          size=\"md\"\n          outline\n          allowBubble\n          [pressed]=\"filtersOpen()\"\n          toggle\n        />\n        <main class=\"w-80 rounded-md border border-light bg-white shadow-md\">\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$)=\"$any(filterDropdown).hide()\"\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(); $any(filterDropdown).hide()\"\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(); $any(filterDropdown).hide()\"\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(); $any(filterDropdown).hide()\"\n            >\n              Apply\n            </ed-button>\n            <ed-button\n              variant=\"secondary\"\n              outline\n              size=\"sm\"\n              (click$)=\"exportCsv()\"\n            >\n              <ed-icon slot=\"prefix\" name=\"download\" [size]=\"16\" />\n              Export CSV\n            </ed-button>\n          </footer>\n        </main>\n      </sl-dropdown>\n    </div>\n  </header>\n\n  <div class=\"flex min-h-0 min-w-0 max-w-full flex-1 flex-col overflow-hidden rounded-md bg-white p-base\">\n    <div class=\"min-h-0 min-w-0 flex-1 overflow-auto\">\n    <table class=\"table-default relative min-w-5xl w-full\" aria-label=\"Call history\">\n      <thead class=\"sticky top-0 z-[1] bg-light\">\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  </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-GVg1g-Vq.mjs → edvak99-voice-receptionist-widget-call-recording-player.component-CyZiBucx.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, d as EdsIconComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-pS2jeB4x.mjs';
+import { A as AiReceptionistApiService, I as IconComponent, g as EdSkeletonComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-Dtc9wTzh.mjs';
 
 class CallRecordingPlayerComponent {
     constructor() {
@@ -99,12 +99,12 @@ class CallRecordingPlayerComponent {
         this.message.set(null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CallRecordingPlayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: CallRecordingPlayerComponent, isStandalone: true, selector: "eds-call-recording-player", inputs: { callId: { classPropertyName: "callId", publicName: "callId", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { currentTimeChange: "currentTimeChange", durationChange: "durationChange" }, viewQueries: [{ propertyName: "audioRef", first: true, predicate: ["audioEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<section class=\"call-recording-player flex flex-col gap-3 rounded-[var(--eds-radius-md)] border p-4\" aria-labelledby=\"call-recording-title\">\n  <header class=\"flex items-center gap-2\">\n    <eds-icon name=\"graphic_eq\" [size]=\"20\" />\n    <h3 id=\"call-recording-title\" class=\"eds-h3 m-0 flex-1\">Call recording</h3>\n    @if (durationSeconds(); as dur) {\n      <span class=\"eds-mono-sm call-recording-player__duration\">{{ formatDuration(dur) }}</span>\n    }\n  </header>\n\n  @switch (phase()) {\n    @case ('loading') {\n      <p class=\"call-recording-player__status eds-body-sm m-0\">Loading recording\u2026</p>\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=\"call-recording-player__status eds-body-sm m-0\">\n        {{ message() ?? 'Recording is still processing\u2026' }}\n      </p>\n    }\n    @case ('unavailable') {\n      <p class=\"call-recording-player__status eds-body-sm call-recording-player__status--muted m-0\">\n        {{ message() ?? 'No recording available for this call.' }}\n      </p>\n    }\n    @case ('failed') {\n      <p class=\"call-recording-player__status eds-body-sm call-recording-player__status--error m-0\">\n        {{ message() ?? 'Recording could not be retrieved.' }}\n      </p>\n    }\n    @case ('error') {\n      <p class=\"call-recording-player__status eds-body-sm call-recording-player__status--error m-0\">\n        {{ message() ?? 'Playback error.' }}\n      </p>\n    }\n  }\n</section>\n", styles: [".call-recording-player{background:var(--eds-surface-l1);border-color:var(--eds-border-default)}.call-recording-player__duration,.call-recording-player__status{color:var(--eds-text-secondary)}.call-recording-player__status--error{color:var(--eds-red-500, #dc2626)}\n"], dependencies: [{ kind: "component", type: EdsIconComponent, selector: "eds-icon", inputs: ["name", "size", "fill", "weight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: CallRecordingPlayerComponent, isStandalone: true, selector: "eds-call-recording-player", inputs: { callId: { classPropertyName: "callId", publicName: "callId", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { currentTimeChange: "currentTimeChange", durationChange: "durationChange" }, viewQueries: [{ propertyName: "audioRef", first: true, predicate: ["audioEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<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\u2026' }}\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", dependencies: [{ kind: "component", type: IconComponent, selector: "ed-icon", inputs: ["name", "size", "color", "cssClass", "decorative", "ariaHidden", "ariaLabel", "title", "desc", "focusable", "tabIndex"] }, { 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: CallRecordingPlayerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eds-call-recording-player', imports: [EdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"call-recording-player flex flex-col gap-3 rounded-[var(--eds-radius-md)] border p-4\" aria-labelledby=\"call-recording-title\">\n  <header class=\"flex items-center gap-2\">\n    <eds-icon name=\"graphic_eq\" [size]=\"20\" />\n    <h3 id=\"call-recording-title\" class=\"eds-h3 m-0 flex-1\">Call recording</h3>\n    @if (durationSeconds(); as dur) {\n      <span class=\"eds-mono-sm call-recording-player__duration\">{{ formatDuration(dur) }}</span>\n    }\n  </header>\n\n  @switch (phase()) {\n    @case ('loading') {\n      <p class=\"call-recording-player__status eds-body-sm m-0\">Loading recording\u2026</p>\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=\"call-recording-player__status eds-body-sm m-0\">\n        {{ message() ?? 'Recording is still processing\u2026' }}\n      </p>\n    }\n    @case ('unavailable') {\n      <p class=\"call-recording-player__status eds-body-sm call-recording-player__status--muted m-0\">\n        {{ message() ?? 'No recording available for this call.' }}\n      </p>\n    }\n    @case ('failed') {\n      <p class=\"call-recording-player__status eds-body-sm call-recording-player__status--error m-0\">\n        {{ message() ?? 'Recording could not be retrieved.' }}\n      </p>\n    }\n    @case ('error') {\n      <p class=\"call-recording-player__status eds-body-sm call-recording-player__status--error m-0\">\n        {{ message() ?? 'Playback error.' }}\n      </p>\n    }\n  }\n</section>\n", styles: [".call-recording-player{background:var(--eds-surface-l1);border-color:var(--eds-border-default)}.call-recording-player__duration,.call-recording-player__status{color:var(--eds-text-secondary)}.call-recording-player__status--error{color:var(--eds-red-500, #dc2626)}\n"] }]
+            args: [{ selector: 'eds-call-recording-player', imports: [IconComponent, EdSkeletonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<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\u2026' }}\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" }]
         }], ctorParameters: () => [] });
 
 export { CallRecordingPlayerComponent as C };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-call-recording-player.component-GVg1g-Vq.mjs.map
+//# sourceMappingURL=edvak99-voice-receptionist-widget-call-recording-player.component-CyZiBucx.mjs.map