import Link from 'next/link'
import { chatText } from '@/lib/i18n/chat'
import { splitBody } from '@/lib/chat/mentions'
import { stampColor } from '@/components/StampMark'
import type { CasePreview } from '@/lib/chat/preview'

/**
 * Nachrichtentext mit hervorgehobenen Erwähnungen und Aktenzeichen.
 *
 * Der Text wird **zerlegt**, nicht als HTML gebaut: kein
 * `dangerouslySetInnerHTML` für Nutzerinhalte, siehe docs/07.
 *
 * Die Vorschaukarte zu einem Aktenzeichen ist serverseitig aufgelöst. Eine
 * Akte, die der Leser nicht sehen darf, sieht hier genauso aus wie eine, die
 * es gar nicht gibt.
 */
export function MessageBody({
  body,
  mentionNames,
  previews,
}: {
  body: string
  /** Anzeigename je erwähntem Benutzernamen, kleingeschrieben. */
  mentionNames: Map<string, string>
  previews: Map<string, CasePreview>
}) {
  const stuecke = splitBody(body)

  return (
    <p className="max-w-(--container-measure) text-sm whitespace-pre-wrap">
      {stuecke.map((stueck, index) => {
        if (stueck.kind === 'text') return <span key={index}>{stueck.value}</span>

        if (stueck.kind === 'mention') {
          const name = stueck.value.slice(1).toLowerCase()
          const bekannt = mentionNames.has(name)
          return (
            <span
              key={index}
              className={bekannt ? 'font-condensed text-accent' : undefined}
              title={bekannt ? mentionNames.get(name) : undefined}
            >
              {stueck.value}
            </span>
          )
        }

        const vorschau = previews.get(stueck.value)
        if (!vorschau) return <span key={index}>{stueck.value}</span>

        if (!vorschau.visible) {
          return (
            <span key={index} className="font-mono text-2xs text-text-dim">
              {stueck.value} · {chatText.hiddenCase}
            </span>
          )
        }

        return (
          <Link
            key={index}
            href={`/faelle/${vorschau.caseNumber}`}
            prefetch
            className="inline-flex items-baseline gap-2 border-l-(length:--spacing-edge) pl-2 no-underline"
            style={{ borderColor: stampColor(vorschau.classification) }}
          >
            <span className="font-mono text-2xs text-text-dim">{vorschau.caseNumber}</span>
            <span className="text-sm">{vorschau.title}</span>
          </Link>
        )
      })}
    </p>
  )
}