feat(stressfrei): Weiterleitungen manuell synchronisieren

Nach Änderung der Kunden-Stamm-E-Mail (oder der defaultForwardEmail in
den Provider-Settings) müssen die Plesk-Forwards der Stressfrei-Adressen
des Kunden auf den neuen Wert umgestellt werden. Bisher ging das nur
manuell pro Adresse im Plesk-UI – jetzt mit einem Klick pro Adresse im
CRM.

Backend:
- emailProviderService.setEmailForwardTargets(localPart, targets[]):
  dünner Wrapper um die schon vorhandene IEmailProvider-Methode
  updateForwardTargets (`set:email1,email2` ersetzt komplett, idempotent)
- stressfreiEmail.service.syncForwardingForEmail(id): lädt Kunde +
  Provider-Config, baut [customer.email, defaultForwardEmail] und ruft
  den Provider auf
- POST /api/stressfrei-emails/:id/sync-forwarding, customers:update,
  Audit-Log mit den neuen Forward-Targets im Label

Frontend:
- Refresh-Icon-Button in der Action-Reihe jeder Stressfrei-Adresse,
  sichtbar nur wenn isProvisioned (sonst sinnlos). Confirm-Dialog
  zeigt die Ziele, Tooltip erklärt den Vorgang.
- ExternalLink-Icon neben der E-Mail in der Kundenakte (Stammdaten →
  Kontakt) öffnet den Stressfrei-Tab des Kunden in neuem Tab.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-16 13:53:48 +02:00
parent 083913cadb
commit b4be3cebfb
7 changed files with 187 additions and 1 deletions
@@ -13,7 +13,7 @@ import Modal from '../../components/ui/Modal';
import Input from '../../components/ui/Input';
import Select from '../../components/ui/Select';
import FileUpload from '../../components/ui/FileUpload';
import { Edit, Plus, Trash2, MapPin, CreditCard, FileText, Gauge, Eye, EyeOff, Download, Globe, UserPlus, X, Search, Mail, Copy, Check, ChevronDown, ChevronRight, Info, Shield, ShieldCheck, ShieldX, ShieldAlert, Lock, ArrowLeft, Cake } from 'lucide-react';
import { Edit, Plus, Trash2, MapPin, CreditCard, FileText, Gauge, Eye, EyeOff, Download, Globe, UserPlus, X, Search, Mail, Copy, Check, ChevronDown, ChevronRight, Info, Shield, ShieldCheck, ShieldX, ShieldAlert, Lock, ArrowLeft, Cake, RefreshCw, ExternalLink } from 'lucide-react';
import CopyButton, { CopyableBlock } from '../../components/ui/CopyButton';
import BirthdayManagementModal from '../../components/BirthdayManagementModal';
import { formatDate } from '../../utils/dateFormat';
@@ -353,6 +353,17 @@ export default function CustomerDetail({ portalCustomerId }: { portalCustomerId?
{c.email}
</a>
<CopyButton value={c.email} />
{(c.stressfreiEmails?.length ?? 0) > 0 && (
<a
href={`/customers/${c.id}?tab=stressfrei`}
target="_blank"
rel="noopener noreferrer"
className="text-gray-400 hover:text-blue-600 ml-1"
title="Stressfrei-Wechseln-Adressen öffnen (neuer Tab). Nach Änderung der Stamm-E-Mail dort die Weiterleitungen synchronisieren."
>
<ExternalLink className="w-3.5 h-3.5" />
</a>
)}
</dd>
</div>
)}
@@ -2964,6 +2975,26 @@ function StressfreiEmailsTab({
onSuccess: () => queryClient.invalidateQueries({ queryKey: ['customer', customerId] }),
});
// Weiterleitungen am Provider neu setzen (Stamm-Email-Wechsel-Use-Case).
const syncForwardingMutation = useMutation({
mutationFn: stressfreiEmailApi.syncForwarding,
onSuccess: (res) => {
const targets = res?.data?.forwardTargets || [];
alert(
targets.length > 0
? `Weiterleitungen aktualisiert:\n${targets.map((t) => `${t}`).join('\n')}`
: 'Weiterleitungen aktualisiert.',
);
queryClient.invalidateQueries({ queryKey: ['customer', customerId] });
},
onError: (err: any) => {
alert(
'Fehler beim Aktualisieren der Weiterleitungen:\n' +
(err?.response?.data?.error || err?.message || 'Unbekannter Fehler'),
);
},
});
const filtered = showInactive ? emails : emails.filter((e) => e.isActive);
return (
@@ -3023,6 +3054,30 @@ function StressfreiEmailsTab({
>
<Edit className="w-4 h-4" />
</Button>
{emailItem.isProvisioned && (
<Button
variant="ghost"
size="sm"
disabled={syncForwardingMutation.isPending}
onClick={() => {
if (
confirm(
'Weiterleitungen für ' + emailItem.email + ' jetzt neu setzen?\n\n' +
'Alle bestehenden Weiterleitungen werden ersetzt durch:\n' +
'• die aktuelle Stamm-E-Mail des Kunden\n' +
'• unsere Service-Weiterleitungsadresse aus den Provider-Einstellungen',
)
) {
syncForwardingMutation.mutate(emailItem.id);
}
}}
title="Weiterleitungen synchronisieren ersetzt die Forwards am Provider durch (Kunden-Stamm-E-Mail + Service-Adresse). Nützlich nach Änderung der Stamm-E-Mail."
>
<RefreshCw
className={`w-4 h-4 ${syncForwardingMutation.isPending ? 'animate-spin' : ''}`}
/>
</Button>
)}
{emailItem.isActive ? (
<Button
variant="ghost"
+8
View File
@@ -268,6 +268,7 @@ export interface StressfreiEmail {
platform?: string;
notes?: string;
isActive: boolean;
isProvisioned?: boolean;
hasMailbox: boolean;
createdAt: string;
updatedAt: string;
@@ -426,6 +427,13 @@ export const stressfreiEmailApi = {
const res = await api.post<ApiResponse<{ password: string }>>(`/stressfrei-emails/${id}/reset-password`);
return res.data;
},
// Weiterleitungen neu setzen (z.B. nach Änderung der Kunden-Stamm-E-Mail)
syncForwarding: async (id: number) => {
const res = await api.post<ApiResponse<{ forwardTargets: string[]; customerEmail: string }>>(
`/stressfrei-emails/${id}/sync-forwarding`,
);
return res.data;
},
// E-Mails synchronisieren
syncEmails: async (id: number, fullSync = false) => {
const res = await api.post<ApiResponse<SyncResult>>(`/stressfrei-emails/${id}/sync`, {}, { params: { full: fullSync } });