Konfigurator: Freitext-Adresse nur bei Adressmodus 'freitext' senden

Bei strukturierter Standardadresse wurde der Umschlag trotzdem mit dem
Freitext beschriftet, wenn im Freitextfeld noch Reste eines frueheren
Moduswechsels standen: das Backend (addressText) bevorzugt free_text.
free_text wird jetzt zentral in mitPlatzhaltern() normalisiert und in
Vorschau, Textpruefung und Bestellung identisch mitgeschickt.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/App.tsx

@@ -8,6 +8,7 @@ import Stammdaten from './routes/Stammdaten';
 import Configurator from './routes/Configurator';
 import MusterSeite from './routes/Muster';
 import AngebotSeite from './routes/Angebot';
+import FreigabeSeite from './routes/Freigabe';
 import Textmenge from './routes/Textmenge';
 import { loadSession } from './lib/api';
 
@@ -40,6 +41,8 @@ export default function App() {
             {/* Muster & individuelles Angebot als eigene Seiten (kein Popup). */}
             <Route path="/muster" element={<MusterSeite />} />
             <Route path="/angebot" element={<AngebotSeite />} />
+            {/* Motiv-Freigabe über Einmal-Link (kein Login nötig). */}
+            <Route path="/freigabe/:token" element={<FreigabeSeite />} />
             {/* Textmengen-Tool – öffentlich, Direktlink /textmenge. */}
             <Route path="/textmenge" element={<Textmenge />} />
             <Route

src/lib/api.ts

@@ -560,6 +560,29 @@ export async function sendSampleRequest(input: SampleRequest) {
   return request('/skrift-orders/sample-request', { method: 'POST', body: input, auth: false });
 }
 
+/* ── Motiv-Freigabe (öffentlich, per Einmal-Token) ─────────────────────────── */
+
+export type Freigabe = {
+  order_number: string;
+  product: string;
+  status: 'pending' | 'approved' | 'changes' | string;
+  note: string;
+  has_layout: boolean;
+};
+
+export async function fetchFreigabe(token: string): Promise<Freigabe> {
+  return request(`/skrift-orders/freigabe/${encodeURIComponent(token)}`, { auth: false });
+}
+
+export async function sendFreigabe(token: string, action: 'approve' | 'changes', note?: string) {
+  return request(`/skrift-orders/freigabe/${encodeURIComponent(token)}`, { method: 'POST', body: { action, note }, auth: false });
+}
+
+/** Direkte URL zum A6-Entwurfs-SVG (Token-gated, kein Login nötig). */
+export function freigabeLayoutUrl(token: string) {
+  return `${BASE}/skrift-orders/freigabe/${encodeURIComponent(token)}/layout`;
+}
+
 /* ── Statusverlauf & Benachrichtigungen ───────────────────────────────────── */
 
 export type StatusEvent = {

src/routes/Configurator.tsx

@@ -44,8 +44,10 @@ const PRODUKT_TEXT: Record<string, string> = {
   follow_ups: 'Automatisierte handschriftliche Nachfass-Mailings für mehr Rücklauf.',
 };
 
-/** Standard-Platzhalter der strukturierten Adresse (werden automatisch befüllt). */
+/** Standard-Platzhalter der strukturierten Adresse (werden automatisch befüllt).
-const STANDARD_STRUKTUR = ['Anrede', 'Vorname', 'Nachname', 'Strasse', 'PLZ', 'Ort', 'Land'];
+ *  Ohne „Anrede" – dafür gibt es kein Empfängerfeld; als [[Anrede]] ist es ein
+ *  frei befüllbarer eigener Platzhalter. */
+const STANDARD_STRUKTUR = ['Vorname', 'Nachname', 'Strasse', 'PLZ', 'Ort', 'Land'];
 /** Standard-Platzhalter der Freitext-Adresse. */
 const STANDARD_FREITEXT = ['Zeile1', 'Zeile2', 'Zeile3', 'Zeile4', 'Zeile5'];
 
@@ -792,6 +794,28 @@ export default function Configurator({ vorwahlProdukt }: { vorwahlProdukt?: stri
   const eigeneImText = genutztePlatzhalter.filter((p) => !standardSet.has(p.toLowerCase()));
   /** Platzhalter im individuellen Umschlagtext – analog zur Text-Tabelle. */
   const genutztePlatzhalterUmschlag = useMemo(() => textPlatzhalter(umschlagText), [umschlagText]);
+  /**
+   * Entry für den Versand ans Backend: löst ALLE im Text/Umschlag genutzten
+   * Platzhalter explizit auf (Standard-Platzhalter aus der Adresse via standardWert,
+   * eigene aus e.placeholders). So wird je Empfänger sicher ersetzt – unabhängig
+   * davon, wie das Backend die Adressfelder interpretiert.
+   *
+   * Zusätzlich wird der Freitext nur bei Adressmodus „freitext" mitgeschickt.
+   * Bei strukturierter Adresse muss free_text leer sein, sonst bevorzugt das
+   * Backend (addressText) den Freitext und beschriftet den Umschlag falsch –
+   * auch wenn im Freitextfeld nur Reste von einem früheren Moduswechsel stehen.
+   */
+  const mitPlatzhaltern = (e: Entry): Entry => {
+    const used = [...new Set([...genutztePlatzhalter, ...genutztePlatzhalterUmschlag])];
+    return {
+      ...e,
+      free_text: adressModus === 'freitext' ? e.free_text : '',
+      placeholders: {
+        ...Object.fromEntries(used.map((p) => [p, standardWert(e, p)])),
+        ...e.placeholders,
+      },
+    };
+  };
   /**
    * Werden Platzhalterwerte NICHT bereits in einem Empfänger-Schritt erfasst
    * (kein Adress-Schritt, kein Umschlag-Freitext)? Dann muss der Text-Schritt
@@ -932,7 +956,7 @@ export default function Configurator({ vorwahlProdukt }: { vorwahlProdukt?: stri
           realistic: realistisch,
           envelope_labeling: needsEnvelope ? labeling : 'keine',
           envelope_text: umschlagText,
-          entries: entries.slice(0, 3),
+          entries: entries.slice(0, 3).map(mitPlatzhaltern),
         });
         if (r.has_overflow) {
           setTextUeberlauf(true);
@@ -981,7 +1005,7 @@ export default function Configurator({ vorwahlProdukt }: { vorwahlProdukt?: stri
         realistic: realistisch,
         envelope_labeling: needsEnvelope ? labeling : 'keine',
         envelope_text: umschlagText,
-        entries: entries.slice(0, 3),
+        entries: entries.slice(0, 3).map(mitPlatzhaltern),
       });
       setPreviewDocs(ergebnis.docs);
       setPreviewVerbleibend(ergebnis.remaining);
@@ -1080,20 +1104,23 @@ export default function Configurator({ vorwahlProdukt }: { vorwahlProdukt?: stri
               street: lieferung.street, zip: lieferung.zip, city: lieferung.city, country: lieferung.country,
             }
           : null,
-        entries: entries.map((e) => ({
+        entries: entries.map((e) => {
-          salutation: e.salutation,
+          const n = mitPlatzhaltern(e); // free_text-Normalisierung + Platzhalter
-          first_name: e.first_name,
+          return {
-          last_name: e.last_name,
+            salutation: e.salutation,
-          street: e.street,
+            first_name: e.first_name,
-          house_no: e.house_no,
+            last_name: e.last_name,
-          zip: e.zip,
+            street: e.street,
-          city: e.city,
+            house_no: e.house_no,
-          country: e.country,
+            zip: e.zip,
-          free_text: adressModus === 'freitext' ? e.free_text : '',
+            city: e.city,
-          placeholders: e.placeholders,
+            country: e.country,
-          // Abweichender Text nur, wenn wirklich gesetzt (sonst greift der Standardtext).
+            free_text: n.free_text,
-          text: (e.text && e.text.trim()) ? e.text : undefined,
+            placeholders: n.placeholders,
-        })),
+            // Abweichender Text nur, wenn wirklich gesetzt (sonst greift der Standardtext).
+            text: (e.text && e.text.trim()) ? e.text : undefined,
+          };
+        }),
       });
       // Auftrag ist abgesendet – der zwischengespeicherte Entwurf wird verworfen.
       try { localStorage.removeItem(ENTWURF_KEY); } catch { /* egal */ }

src/routes/Freigabe.tsx

@@ -0,0 +1,105 @@
+import { useEffect, useState } from 'react';
+import { useParams } from 'react-router-dom';
+import { ApiError, fetchFreigabe, sendFreigabe, freigabeLayoutUrl, type Freigabe } from '../lib/api';
+
+/**
+ * Öffentliche Motiv-Freigabe (Direktlink mit Einmal-Token, kein Login nötig).
+ * Zeigt den A6-Entwurf und lässt den Kunden freigeben oder einen Änderungswunsch
+ * hinterlegen. Erst nach Freigabe geht die Karte in den Druck.
+ */
+export default function FreigabeSeite() {
+  const { token = '' } = useParams();
+  const [data, setData] = useState<Freigabe | null>(null);
+  const [status, setStatus] = useState<'laedt' | 'da' | 'fehler'>('laedt');
+  const [fehler, setFehler] = useState('');
+  const [modus, setModus] = useState<'ansicht' | 'aendern'>('ansicht');
+  const [note, setNote] = useState('');
+  const [sendet, setSendet] = useState(false);
+  const [ergebnis, setErgebnis] = useState<'approved' | 'changes' | null>(null);
+
+  useEffect(() => {
+    fetchFreigabe(token)
+      .then((d) => { setData(d); setStatus('da'); if (d.status === 'approved' || d.status === 'changes') setErgebnis(d.status); })
+      .catch((e) => { setStatus('fehler'); setFehler(e instanceof ApiError ? e.message : 'Freigabe-Link ungültig oder abgelaufen.'); });
+  }, [token]);
+
+  async function absenden(action: 'approve' | 'changes') {
+    if (action === 'changes' && !note.trim()) { setFehler('Bitte beschreiben Sie kurz Ihren Änderungswunsch.'); return; }
+    setFehler(''); setSendet(true);
+    try {
+      await sendFreigabe(token, action, action === 'changes' ? note.trim() : undefined);
+      setErgebnis(action === 'approve' ? 'approved' : 'changes');
+    } catch (e) {
+      setFehler(e instanceof ApiError ? e.message : 'Konnte nicht gespeichert werden.');
+    } finally { setSendet(false); }
+  }
+
+  if (status === 'laedt') return <div className="sk-view"><p className="sk-note">Lädt …</p></div>;
+  if (status === 'fehler') return (
+    <div className="sk-view">
+      <h1>Freigabe</h1>
+      <p className="sk-error">{fehler}</p>
+    </div>
+  );
+
+  const d = data!;
+  const vorschau = (
+    <div style={{
+      margin: 'var(--sk-space-4) 0', maxWidth: 520, aspectRatio: '148 / 105', width: '100%',
+      border: '1px solid var(--sk-border)', borderRadius: 'var(--sk-radius)', overflow: 'hidden',
+      background: '#f4f6fa', boxShadow: '0 2px 10px rgba(0,0,0,.08)',
+    }}>
+      {d.has_layout
+        ? <img src={freigabeLayoutUrl(token)} alt="A6-Entwurf" style={{ width: '100%', height: '100%', objectFit: 'contain', display: 'block' }} />
+        : <div style={{ display: 'grid', placeItems: 'center', height: '100%' }}><span className="sk-note">Entwurf wird noch erstellt …</span></div>}
+    </div>
+  );
+
+  if (ergebnis === 'approved') return (
+    <div className="sk-view">
+      <h1>Vielen Dank!</h1>
+      <p>Sie haben den Entwurf zu <strong>{d.order_number}</strong> freigegeben. Ihre Karte geht jetzt in den Druck.</p>
+      {vorschau}
+    </div>
+  );
+  if (ergebnis === 'changes') return (
+    <div className="sk-view">
+      <h1>Änderungswunsch erhalten</h1>
+      <p>Danke – wir haben Ihren Änderungswunsch zu <strong>{d.order_number}</strong> notiert und melden uns mit einem neuen Entwurf.</p>
+      {vorschau}
+    </div>
+  );
+
+  return (
+    <div className="sk-view">
+      <h1>Ihr Postkarten-Entwurf</h1>
+      <p className="sk-note">Bestellung {d.order_number} · {d.product}. Bitte prüfen Sie den Druck-Entwurf (A6). Erst nach Ihrer Freigabe geht die Karte in den Druck.</p>
+      {vorschau}
+
+      {fehler && <p className="sk-error" style={{ margin: '0 0 var(--sk-space-3)' }}>{fehler}</p>}
+
+      {modus === 'ansicht' ? (
+        <div style={{ display: 'flex', gap: 'var(--sk-space-3)', flexWrap: 'wrap' }}>
+          <button className="sk-btn sk-btn--primary" disabled={sendet} onClick={() => absenden('approve')}>
+            {sendet ? 'Wird gesendet …' : '✓ Entwurf freigeben'}
+          </button>
+          <button className="sk-btn" disabled={sendet} onClick={() => { setModus('aendern'); setFehler(''); }}>
+            Änderung wünschen
+          </button>
+        </div>
+      ) : (
+        <div className="sk-field">
+          <label className="sk-label" htmlFor="f-note">Was sollen wir ändern?</label>
+          <textarea id="f-note" className="sk-input" rows={4} value={note} onChange={(e) => setNote(e.target.value)}
+            placeholder="z. B. Motiv etwas größer, anderer Ausschnitt, Text ergänzen …" />
+          <div style={{ display: 'flex', gap: 'var(--sk-space-3)', flexWrap: 'wrap', marginTop: 'var(--sk-space-3)' }}>
+            <button className="sk-btn sk-btn--primary" disabled={sendet} onClick={() => absenden('changes')}>
+              {sendet ? 'Wird gesendet …' : 'Änderungswunsch senden'}
+            </button>
+            <button className="sk-btn" disabled={sendet} onClick={() => { setModus('ansicht'); setFehler(''); }}>Zurück</button>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}