Limit-Status im Upload-Flow anzeigen (Warnbanner + Sperrzustände).

Upload-Fehlercodes auswerten und freundliche Dialoge zeigen.

resources/js/guest/lib/__tests__/limitSummaries.test.ts

@@ -0,0 +1,86 @@
+import { describe, expect, it } from 'vitest';
+
+import type { EventPackageLimits } from '../../services/eventApi';
+import { buildLimitSummaries } from '../limitSummaries';
+
+const translations = new Map<string, string>([
+  ['upload.status.cards.photos.title', 'Fotos'],
+  ['upload.status.cards.photos.remaining', 'Noch {remaining} von {limit}'],
+  ['upload.status.cards.photos.unlimited', 'Unbegrenzte Uploads'],
+  ['upload.status.cards.guests.title', 'Gäste'],
+  ['upload.status.cards.guests.remaining', '{remaining} Gäste frei (max. {limit})'],
+  ['upload.status.cards.guests.unlimited', 'Unbegrenzte Gäste'],
+  ['upload.status.badges.ok', 'OK'],
+  ['upload.status.badges.warning', 'Warnung'],
+  ['upload.status.badges.limit_reached', 'Limit erreicht'],
+  ['upload.status.badges.unlimited', 'Unbegrenzt'],
+]);
+
+const t = (key: string) => translations.get(key) ?? key;
+
+describe('buildLimitSummaries', () => {
+  it('builds photo summary with progress and warning tone', () => {
+    const limits: EventPackageLimits = {
+      photos: {
+        limit: 100,
+        used: 80,
+        remaining: 20,
+        percentage: 80,
+        state: 'warning',
+        threshold_reached: 80,
+        next_threshold: 95,
+        thresholds: [80, 95],
+      },
+      guests: null,
+      gallery: null,
+      can_upload_photos: true,
+      can_add_guests: true,
+    };
+
+    const cards = buildLimitSummaries(limits, t);
+
+    expect(cards).toHaveLength(1);
+    const card = cards[0];
+    expect(card.id).toBe('photos');
+    expect(card.tone).toBe('warning');
+    expect(card.progress).toBe(80);
+    expect(card.valueLabel).toBe('80 / 100');
+    expect(card.description).toBe('Noch 20 von 100');
+    expect(card.badgeLabel).toBe('Warnung');
+  });
+
+  it('builds unlimited guest summary without progress', () => {
+    const limits: EventPackageLimits = {
+      photos: null,
+      guests: {
+        limit: null,
+        used: 5,
+        remaining: null,
+        percentage: null,
+        state: 'unlimited',
+        threshold_reached: null,
+        next_threshold: null,
+        thresholds: [],
+      },
+      gallery: null,
+      can_upload_photos: true,
+      can_add_guests: true,
+    };
+
+    const cards = buildLimitSummaries(limits, t);
+
+    expect(cards).toHaveLength(1);
+    const card = cards[0];
+    expect(card.id).toBe('guests');
+    expect(card.progress).toBeNull();
+    expect(card.tone).toBe('neutral');
+    expect(card.valueLabel).toBe('Unbegrenzt');
+    expect(card.description).toBe('Unbegrenzte Gäste');
+    expect(card.badgeLabel).toBe('Unbegrenzt');
+  });
+
+  it('returns empty list when no limits are provided', () => {
+    expect(buildLimitSummaries(null, t)).toEqual([]);
+    expect(buildLimitSummaries(undefined, t)).toEqual([]);
+  });
+});